.day_improvement[data-v-553a4068] {
  min-height: 100vh;
  max-height: 100%;
  font-family: PingFang SC-Medium, PingFang SC;
  background: #f8f4eb;
}
.day_improvement .nav_scroll_box[data-v-553a4068] {
    width: 100%;
    height: 1.28rem;
    opacity: 0;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: -1.33333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.4rem;
    background: none;
    transition: all 0.15s linear;
}
.day_improvement .nav_scroll_box .left[data-v-553a4068] {
      display: flex;
      justify-content: flex-start;
}
.day_improvement .nav_scroll_box .left .icon_algin[data-v-553a4068] {
        font-size: 0.58667rem;
        color: #ffffff;
        margin-right: 0.53333rem;
}
.day_improvement .nav_scroll_box .left .title[data-v-553a4068] {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.48rem;
}
.day_improvement .nav_scroll_box .left .title a[data-v-553a4068] {
          color: rgba(255, 255, 255, 0.5);
}
.day_improvement .nav_scroll_box .left .title .jichu[data-v-553a4068] {
          margin-right: 0.53333rem;
          position: relative;
          display: inline-block;
}
.day_improvement .nav_scroll_box .left .title .jinjie[data-v-553a4068] {
          position: relative;
          display: inline-block;
}
.day_improvement .nav_scroll_box .seeorno[data-v-553a4068] {
      visibility: visible;
}
.day_improvement .nav_scroll_box .right[data-v-553a4068] {
      display: flex;
      justify-content: flex-end;
      align-items: center;
}
.day_improvement .nav_scroll_box .right .ranking_img[data-v-553a4068] {
        margin-right: 0.53333rem;
        width: 0.53333rem;
}
.day_improvement .nav_scroll_box .right .search_icon[data-v-553a4068] {
        width: 0.53333rem;
        margin-right: 0.53333rem;
}
.day_improvement .nav_scroll_box .right .myself[data-v-553a4068] {
        display: flex;
        align-items: center;
}
.day_improvement .nav_scroll_box .right .myself .my_icon[data-v-553a4068] {
          width: 0.53333rem;
          margin-right: 0.13333rem;
}
.day_improvement .nav_scroll_box .right .myself .my[data-v-553a4068] {
          font-size: 0.32rem;
          color: #ffffff;
}
.day_improvement .nav_scroll_box_fiexd[data-v-553a4068] {
    top: 0;
    opacity: 1;
    background: url("https://osscdn.666syh.com/image/app/1682663121708.png") no-repeat center/100% 100%;
}
.day_improvement .top_box[data-v-553a4068] {
    position: relative;
    width: 100%;
    height: 4.56rem;
}
.day_improvement .top_box .nav_b[data-v-553a4068] {
      width: 100%;
      height: 1.28rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0 0.4rem;
      background: none;
}
.day_improvement .top_box .nav_b .left[data-v-553a4068] {
        visibility: hidden;
        display: flex;
        justify-content: flex-start;
}
.day_improvement .top_box .nav_b .left .icon_algin[data-v-553a4068] {
          font-size: 0.58667rem;
          color: #ffffff;
          margin-right: 0.53333rem;
}
.day_improvement .top_box .nav_b .left .title[data-v-553a4068] {
          font-size: 0.48rem;
          font-weight: bold;
}
.day_improvement .top_box .nav_b .left .title a[data-v-553a4068] {
            color: rgba(255, 255, 255, 0.5);
}
.day_improvement .top_box .nav_b .left .title .jichu[data-v-553a4068] {
            margin-right: 0.53333rem;
            position: relative;
            display: inline-block;
}
.day_improvement .top_box .nav_b .left .title .jinjie[data-v-553a4068] {
            position: relative;
            display: inline-block;
}
.day_improvement .top_box .nav_b .seeorno[data-v-553a4068] {
        visibility: visible;
}
.day_improvement .top_box .nav_b .right[data-v-553a4068] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
}
.day_improvement .top_box .nav_b .right .ranking_img[data-v-553a4068] {
          margin-right: 0.53333rem;
          width: 0.53333rem;
}
.day_improvement .top_box .nav_b .right .search_icon[data-v-553a4068] {
          width: 0.53333rem;
          margin-right: 0.53333rem;
}
.day_improvement .top_box .nav_b .right .myself[data-v-553a4068] {
          display: flex;
          align-items: center;
}
.day_improvement .top_box .nav_b .right .myself .my_icon[data-v-553a4068] {
            width: 0.53333rem;
            margin-right: 0.13333rem;
}
.day_improvement .top_box .nav_b .right .myself .my[data-v-553a4068] {
            font-size: 0.32rem;
            color: #ffffff;
}
.day_improvement .top_box .nav_b_fiexd[data-v-553a4068] {
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      background: url("https://osscdn.666syh.com/image/app/1682663121708.png") no-repeat center/100% 100%;
}
.day_improvement .top_box .userinfo[data-v-553a4068] {
      position: absolute;
      left: 0.66667rem;
      top: 0.74667rem;
      color: #ffffff;
}
.day_improvement .top_box .userinfo .userimg[data-v-553a4068] {
        width: 1.22667rem;
        height: 1.22667rem;
        background: #d9d9d9;
        opacity: 1;
        border: 0.02667rem solid #ffffff;
        border-radius: 50%;
}
.day_improvement .top_box .userinfo .usernickname[data-v-553a4068] {
        font-size: 0.37333rem;
        width: 60vw;
        margin: 0.13333rem 0;
}
.day_improvement .top_box .userinfo .usersign[data-v-553a4068] {
        font-size: 0.32rem;
}
.day_improvement .top_box .tabnav[data-v-553a4068] {
      position: absolute;
      bottom: 0.21333rem;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
}
.day_improvement .top_box .tabnav .tabnavp[data-v-553a4068] {
        font-size: 0.48rem;
        color: rgba(255, 255, 255, 0.5);
}
.day_improvement .top_box .tabnav .tabnavp[data-v-553a4068]:nth-of-type(2) {
          margin-left: 0.53333rem;
}
.day_improvement .top_box .tabnav .activetab[data-v-553a4068] {
        color: #ffffff;
}
.day_improvement .top_box .tabnav .frame[data-v-553a4068] {
        position: absolute;
        width: 0.45333rem;
        height: 0.26667rem;
        bottom: -0.37333rem;
        transition: all 0.2s linear;
}
.day_improvement .top_box .tabnav .frameleft[data-v-553a4068] {
        left: 0.50667rem;
}
.day_improvement .top_box .tabnav .frameright[data-v-553a4068] {
        left: 2.50667rem;
}
.day_improvement .all_info[data-v-553a4068] {
    padding: 0.26667rem 0.4rem;
    height: 1.33333rem;
    width: 100%;
    display: flex;
    background-color: #f8f4eb;
    justify-content: space-between;
    align-items: center;
}
.day_improvement .all_info .all_left[data-v-553a4068] {
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--search_txt1);
      display: flex;
      align-items: center;
}
.day_improvement .all_info .all_left .blue_txt[data-v-553a4068] {
        color: #ff7029;
}
.day_improvement .all_info .all_right[data-v-553a4068] {
      font-size: 0.29333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.day_improvement .writeSign[data-v-553a4068] {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    z-index: 1100;
    bottom: 3.46667rem;
    right: 0.8rem;
    width: 1.76rem;
    height: 1.76rem;
    border-radius: 50%;
    background: rgba(255, 112, 41, 0.9) linear-gradient(152deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0.10667rem 0.21333rem 0 rgba(255, 112, 41, 0.25), inset 0 0.08rem 0.10667rem 0 rgba(255, 255, 255, 0.35);
}
.day_improvement .writeSign .write_icon[data-v-553a4068] {
      width: 0.64rem;
}
.day_improvement .writeSign .write_txt[data-v-553a4068] {
      font-size: 0.32rem;
      color: #ffffff;
}
.bigTxt[data-v-553a4068] {
  color: #ffffff !important;
}
.line_txt[data-v-553a4068] {
  position: absolute;
  bottom: -0.16rem;
  left: 33%;
  width: 0.45333rem;
  height: 0.08rem;
  background: #ffffff;
  box-shadow: 0 0.02667rem 0.08rem 0 rgba(255, 255, 255, 0.4);
  border-radius: 0.26667rem;
}

.info[data-v-3cbe3f01] {
  height: 6.04rem;
  width: 4.45333rem;
  background-color: var(--updata_bg);
  border-radius: 0.13333rem;
  overflow: hidden;
  margin: 0 auto;
}
.info[data-v-3cbe3f01]:nth-of-type(2) {
    margin-left: 0.26667rem;
}
.info img[data-v-3cbe3f01] {
    height: 4.08rem;
    width: 100%;
}
.info p[data-v-3cbe3f01] {
    font-size: 0.37333rem;
    color: var(--hot_itembg);
    padding: 0 0.33333rem;
    height: 0.96rem;
}
.info .price[data-v-3cbe3f01] {
    display: flex;
    justify-content: space-between;
    padding: 0.10667rem 0.32rem 0;
    align-items: center;
}
.info .price span[data-v-3cbe3f01]:nth-of-type(1) {
      color: #ff6464;
      font-size: 0.42667rem;
}
.info .price span[data-v-3cbe3f01]:nth-of-type(2) {
      font-size: 0.26667rem;
      color: #ff919191;
}

.km-ProductList[data-v-7a412832] {
  overflow: hidden;
  background-color: var(--page_bgcolor);
  margin-top: 0.66667rem;
}
.km-ProductList .new_updata_center[data-v-7a412832] {
    height: 1.26667rem;
    border-color: #2E2E2E;
    display: flex;
    justify-content: space-between;
    line-height: 1.26667rem;
    padding-left: 0.4rem;
}
.km-ProductList .new_updata_center div[data-v-7a412832]:nth-of-type(1) {
      font-size: 0.48rem;
      color: var(--box_title);
      font-weight: bold;
}
.km-ProductList .new_updata_center div[data-v-7a412832]:nth-of-type(2) {
      font-size: 0.34667rem;
      color: #838A96;
}
.km-ProductList .commo[data-v-7a412832] {
    display: flex;
    flex-wrap: wrap;
}
.km-ProductList .commo li[data-v-7a412832] {
      width: 50%;
      margin-bottom: 0.26667rem;
}
.km-ProductList .more[data-v-7a412832] {
    text-align: center;
    /* height: 100px; */
}
.km-ProductList .more .van-button[data-v-7a412832] {
      background-color: #202020;
      border: 0;
      outline: none;
}
.km_dom[data-v-7a412832] {
  width: 100%;
  margin-bottom: 0.16rem;
}
.domLI[data-v-7a412832] {
  width: 48.5%;
  overflow: hidden;
}
.bottom_Box[data-v-7a412832] {
  height: 2rem;
  width: 100%;
  position: relative;
}
.bottom_Box_title[data-v-7a412832] {
  width: 100%;
  position: absolute;
  bottom: 0.54rem;
  text-align: center;
  font-size: 0.22rem;
  color: #999999;
}

.search[data-v-1a1d373c] {
  padding: 0.4rem 0.50667rem 0.4rem 0.4rem;
  background-color: var(--page_bgcolor);
}
.search .searchBox[data-v-1a1d373c] {
    width: 100%;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
}
.search .searchBox .ipn[data-v-1a1d373c] {
      width: 7.86667rem;
      position: relative;
}
.search .searchBox .ipn input[data-v-1a1d373c] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0.53333rem;
        background-color: var(--nav_bgcolor);
        border: none;
        padding: 0 0.13333rem 0 1.06667rem;
        color: var(--search_txt2);
        font-size: 0.34667rem;
        box-shadow: 0 0.08rem 0.66667rem 0 rgba(33, 34, 37, 0.06);
}
.search .searchBox .ipn input[data-v-1a1d373c]::-moz-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.search .searchBox .ipn input[data-v-1a1d373c]:-ms-input-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.search .searchBox .ipn input[data-v-1a1d373c]::placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.search .searchBox .ipn img[data-v-1a1d373c] {
        position: absolute;
        left: 0.38667rem;
        top: 0.18667rem;
        width: 0.42667rem;
        height: 0.42667rem;
}
.search .searchBox button[data-v-1a1d373c] {
      color: var(--search_txt2);
      font-size: 0.42667rem;
      background-color: transparent;
      border: 0;
      font-weight: bold;
      outline: none;
}
.search .history[data-v-1a1d373c] {
    margin-top: 0.88rem;
    font-weight: bold;
}
.search .history p[data-v-1a1d373c] {
      margin-bottom: 0.33333rem;
      display: flex;
      justify-content: space-between;
}
.search .history p span[data-v-1a1d373c] {
        font-size: 0.42667rem;
        color: var(--box_title);
}
.search .history p img[data-v-1a1d373c] {
        width: 0.42667rem;
        height: 0.45333rem;
}
.search .history .historyBox[data-v-1a1d373c] {
      padding: 0.26667rem 0;
      height: 2.13333rem;
      overflow: hidden;
}
.search .history .historyBox ul[data-v-1a1d373c] {
        display: flex;
        flex-wrap: wrap;
}
.search .history .historyBox ul li[data-v-1a1d373c] {
          position: relative;
          height: 0.74667rem;
          line-height: 0.74667rem;
          font-size: 0.34667rem;
          color: var(--search_txt1);
          border-radius: 0.37333rem;
          margin: 0 0 0.32rem 0.26667rem;
          padding: 0 0.34667rem;
          background-color: var(--nav_bgcolor);
}
.search .history .historyBox ul li .van-icon[data-v-1a1d373c] {
            position: absolute;
            top: -0.05333rem;
            right: 0;
}
.search .hot_search[data-v-1a1d373c] {
    margin-top: 0.53333rem;
    font-weight: bold;
}
.search .hot_search p[data-v-1a1d373c] {
      font-size: 0.42667rem;
      color: var(--box_title);
      font-weight: bold;
}
.search .hot_search ul li[data-v-1a1d373c] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 0.4rem;
}
.search .hot_search ul li .left_box[data-v-1a1d373c] {
        display: flex;
        flex-direction: column;
        width: 70%;
}
.search .hot_search ul li .left_box .hot_search_top[data-v-1a1d373c] {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-bottom: 0.24rem;
}
.search .hot_search ul li .left_box .hot_search_top span[data-v-1a1d373c]:nth-of-type(1) {
            font-size: 0.34667rem;
            color: #ff6464;
}
.search .hot_search ul li .left_box .hot_search_top span[data-v-1a1d373c]:nth-of-type(2) {
            height: 0.37333rem;
            width: 0.37333rem;
            border-radius: 0.08rem;
            background-color: #ff6464;
            font-size: 0.26667rem;
            color: #ffffff;
            text-align: center;
            line-height: 0.37333rem;
            padding: 0.05333rem;
}
.search .hot_search ul li .left_box .hot_search_top p[data-v-1a1d373c] {
            font-size: 0.42667rem;
            color: var(-search_txt1);
            margin: 0 0.26667rem 0 0.48rem;
}
.search .hot_search ul li .left_box .hot_search_bottom[data-v-1a1d373c] {
          font-size: 0.32rem;
          color: #969696;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
}
.search .hot_search ul li .hot_num[data-v-1a1d373c] {
        font-size: 0.32rem;
        color: #969696;
}
.search .hot_search .free_item[data-v-1a1d373c] {
      height: 3.46667rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: var(--updata_bg);
      border-radius: 0.26667rem;
      padding: 0.4rem 0.48rem 0.4rem 0.4rem;
      box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.search .hot_search .free_item img[data-v-1a1d373c] {
        width: 1.97333rem;
        height: 2.66667rem;
        border-radius: 0.13333rem;
}
.search .hot_search .free_item .free_item_right[data-v-1a1d373c] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 2.53333rem;
        margin-right: 0.37333rem;
}
.search .hot_search .free_item .free_item_right .top_tips[data-v-1a1d373c] {
          display: flex;
          justify-content: space-between;
}
.search .hot_search .free_item .free_item_right .top_tips div[data-v-1a1d373c]:nth-of-type(1) {
            font-size: 0.42667rem;
            color: var(--box_title);
            font-style: PingFang-SC-Bold;
            font-weight: bold;
}
.search .hot_search .free_item .free_item_right .top_tips div[data-v-1a1d373c]:nth-of-type(2) {
            font-size: 0.24rem;
            color: #eed9b0;
}
.search .hot_search .free_item .free_item_right .top_tips div:nth-of-type(2) span[data-v-1a1d373c] {
              padding: 0 0.08rem;
}
.search .hot_search .free_item .free_item_right .top_tips div:nth-of-type(2) span[data-v-1a1d373c]:nth-of-type(2) {
                width: 0.42667rem;
                height: 0.42667rem;
                border-radius: 0.08rem;
                background-color: #ff6464;
}
.search .hot_search .free_item .free_item_right .center_tip[data-v-1a1d373c] {
          padding-right: 0.66667rem;
          font-size: 0.37333rem;
          color: #969696;
          font-style: PingFang-SC-Medium;
}
.search .hot_search .free_item .free_item_right .jiagebox[data-v-1a1d373c] {
          font-size: 0.29333rem;
          color: red;
          font-weight: bold;
}
.search .hot_search .free_item .free_item_right .bottom_tips[data-v-1a1d373c] {
          display: flex;
          justify-content: space-between;
}
.search .hot_search .free_item .free_item_right .bottom_tips span[data-v-1a1d373c] {
            font-family: PingFang SC;
            font-weight: 500;
}
.search .hot_search .free_item .free_item_right .bottom_tips span[data-v-1a1d373c]:nth-of-type(1) {
              font-size: 0.29333rem;
              color: #969696;
}
.search .hot_search .free_item .free_item_right .bottom_tips span[data-v-1a1d373c]:nth-of-type(2) {
              color: #cdcdcd;
              font-size: 0.26667rem;
}

[data-v-4c0a2c82] .van-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.van-dialog[data-v-4c0a2c82] {
  width: 8.93333rem;
  height: 9.92rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0.8rem 0.66667rem;
  border-radius: 0.26667rem;
}
.van-dialog p[data-v-4c0a2c82] {
    font-size: 0.42667rem;
    font-family: PingFang SC;
    color: #1d2129;
}
.van-dialog ul[data-v-4c0a2c82] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0.53333rem 0;
}
.van-dialog ul li[data-v-4c0a2c82] {
      position: relative;
      width: 2.4rem;
      height: 1.12rem;
      border: 0.02667rem solid #dadada;
      border-radius: 0.16rem;
      color: #ff7029;
      font-size: 0.37333rem;
      text-align: center;
      line-height: 1.12rem;
}
.van-dialog ul li[data-v-4c0a2c82]:nth-of-type(-n + 3) {
        margin-bottom: 0.32rem;
}
.van-dialog ul .bd-n[data-v-4c0a2c82] {
      border: none;
}
.van-dialog ul .selet[data-v-4c0a2c82] {
      width: 2.4rem;
      height: 1.12rem;
      position: absolute;
      top: 0;
      right: 0;
}
.van-dialog .van-button[data-v-4c0a2c82] {
    width: 100%;
    background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border: none;
    height: 1.2rem;
    font-size: 0.48rem;
    color: #fff;
    border-radius: 0.16rem;
}
.van-dialog .ipn[data-v-4c0a2c82] {
    margin: 0.53333rem 0;
}
.van-dialog .ipn .van-cell[data-v-4c0a2c82] {
      background-color: #fff;
      border: 0.02667rem solid #dadada;
      border-radius: 0.16rem;
      height: 1.12rem;
}
.van-dialog .ipn .van-cell[data-v-4c0a2c82] .van-field__label {
        width: 0.66667rem;
        color: #ff7029;
        font-size: 0.42667rem;
}
.van-dialog .ipn .van-cell[data-v-4c0a2c82] .van-field__value {
        font-size: 0.37333rem;
}
.van-dialog .ipn .van-cell[data-v-4c0a2c82] .van-field__control {
        color: black;
}

.base_ul[data-v-39e5f168] {
  padding: 0 0.4rem;
}
.base_ul .base_li[data-v-39e5f168] {
    border-radius: 0.26667rem;
    overflow: hidden;
    margin-bottom: 0.4rem;
    background-color: var(--bg_color);
    box-shadow: 0 0.08rem 0.66667rem 0 rgba(33, 34, 37, 0.06);
}
.base_ul .base_li .dayup_item[data-v-39e5f168] {
      padding: 0.4rem;
}
.base_ul .base_li .dayup_item .user_box[data-v-39e5f168] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_ul .base_li .dayup_item .user_box .userImgBox[data-v-39e5f168] {
          display: flex;
          justify-content: flex-start;
          width: 100%;
}
.base_ul .base_li .dayup_item .user_box .userImgBox .userImg[data-v-39e5f168] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.21333rem;
}
.base_ul .base_li .dayup_item .user_box .userImgBox .userImg .userava[data-v-39e5f168] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.base_ul .base_li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-39e5f168] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.4rem;
              height: 0.4rem;
}
.base_ul .base_li .dayup_item .user_box .userImgBox .bgImg[data-v-39e5f168] {
            background-color: #d5a160;
}
.base_ul .base_li .dayup_item .user_box .user_right[data-v-39e5f168] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.base_ul .base_li .dayup_item .user_box .user_right .nickName[data-v-39e5f168] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.base_ul .base_li .dayup_item .user_box .user_right .nickName .nametxt[data-v-39e5f168] {
              font-size: 0.42667rem;
              max-width: 4rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.base_ul .base_li .dayup_item .user_box .user_right .nickName .vipImg[data-v-39e5f168] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.base_ul .base_li .dayup_item .user_box .user_right .nickName .daynum[data-v-39e5f168] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.base_ul .base_li .dayup_item .user_box .user_right .timess[data-v-39e5f168] {
            font-size: 0.32rem;
            color: #969696;
}
.base_ul .base_li .dayup_item .user_box .editButton[data-v-39e5f168] {
          width: 1.17333rem;
          height: 0.61333rem;
          border-radius: 1.06667rem 1.06667rem 1.06667rem 1.06667rem;
          opacity: 1;
          border: 0.02667rem solid #ff7029;
          color: #ff7029;
          font-size: 0.32rem;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: auto;
}
.base_ul .base_li .dayup_item .user_box .zanIcon[data-v-39e5f168] {
          width: 1.68rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          border: 0.02667rem solid #ff7029;
          border-radius: 1.30667rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #ff7029;
}
.base_ul .base_li .dayup_item .user_box .zan_ok[data-v-39e5f168] {
          width: 1.68rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          border-radius: 1.30667rem;
          opacity: 1;
          border: 0.02667rem solid #c9cdd4;
          font-size: 0.34667rem;
          font-weight: bold;
          color: #a7b0c0;
}
.base_ul .base_li .dayup_item .dayup_item_content[data-v-39e5f168] {
        padding-left: 1.38667rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .user_content[data-v-39e5f168] {
          width: 100%;
          margin-top: 0.4rem;
          font-size: 0.4rem;
          font-family: PingFang SC;
          color: var(--item_content);
          line-height: 0.66667rem;
          word-break: break-all;
}
.base_ul .base_li .dayup_item .dayup_item_content .user_content .pitem_content[data-v-39e5f168] {
            width: 100%;
            white-space: pre-wrap;
}
.base_ul .base_li .dayup_item .dayup_item_content .sethidecss[data-v-39e5f168] {
          text-align: right;
          font-size: 0.4rem;
          font-family: PingFang SC;
          color: #ff7029;
}
.base_ul .base_li .dayup_item .dayup_item_content .txtColor[data-v-39e5f168] {
          color: #497db8;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info[data-v-39e5f168] {
          margin-top: 0.53333rem;
          width: 100%;
          height: 2.4rem;
          border-radius: 0.21333rem;
          background: var(--sign_gedun);
          display: flex;
          justify-content: space-between;
          padding: 0.26667rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .book_img[data-v-39e5f168] {
            width: 1.41333rem;
            height: 1.89333rem;
            border-radius: 0.10667rem;
            margin-right: 0.26667rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce[data-v-39e5f168] {
            flex: 1;
            display: flex;
            flex-direction: column;
            font-family: PingFang SC;
            justify-content: space-between;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce .introduce_title[data-v-39e5f168] {
              font-size: 0.37333rem;
              font-weight: bold;
              color: #1d2129;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce .introduce_dec[data-v-39e5f168] {
              font-size: 0.32rem;
              color: #4e5969;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce .introduce_tips[data-v-39e5f168] {
              font-size: 0.26667rem;
              color: #838a96;
              display: flex;
              justify-content: space-between;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce .introduce_tips .introduce_teacher[data-v-39e5f168] {
                color: #4e5969;
}
.base_ul .base_li .dayup_item .dayup_item_content .book_info .introduce .study_num[data-v-39e5f168] {
              text-align: right;
              font-size: 0.26667rem;
              color: #838a96;
}
.base_ul .base_li .dayup_item .dayup_item_content .adress[data-v-39e5f168] {
          height: 0.93333rem;
          line-height: 0.93333rem;
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #838a96;
}
.base_ul .base_li .dayup_item .dayup_item_content .adress .adre_icon[data-v-39e5f168] {
            margin-right: 0.13333rem;
            vertical-align: moddle;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_see_signday[data-v-39e5f168] {
          padding: 0.4rem 0 0;
          display: flex;
          justify-content: space-between;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_see_signday .da_shang[data-v-39e5f168] {
            display: flex;
            align-items: center;
            font-size: 0.32rem;
            color: #4e5969;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_see_signday .da_shang .shang_icon[data-v-39e5f168] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_see_signday .right_signday[data-v-39e5f168] {
            padding: 0 0.26667rem;
            height: 0.56rem;
            text-align: center;
            line-height: 0.56rem;
            background: #ffe9db;
            border-radius: 1.01333rem;
            opacity: 1;
            font-size: 0.32rem;
            color: #ff7029;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system[data-v-39e5f168] {
          height: 1.33333rem;
          line-height: 0.8rem;
          display: flex;
          justify-content: space-between;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #838a96;
          padding: 0.26667rem 0 0;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .left_see_signday[data-v-39e5f168] {
            display: flex;
            align-items: center;
            color: #86909c;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .left_see_signday .see_icon[data-v-39e5f168] {
              font-size: 0.53333rem;
              margin-right: 0.21333rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .left_see_signday .see_num[data-v-39e5f168] {
              font-size: 0.32rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .small_sys[data-v-39e5f168] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .sys[data-v-39e5f168] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .sys .van-icon[data-v-39e5f168] {
              margin-right: 0.05333rem;
              width: 0.53333rem;
              vertical-align: middle;
}
.base_ul .base_li .dayup_item .dayup_item_content .dayup_item_system .sys .sys_icon[data-v-39e5f168] {
              width: 0.53333rem;
              margin-right: 0.05333rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .upimg_box[data-v-39e5f168] {
          margin-top: 0.53333rem;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
}
.base_ul .base_li .dayup_item .dayup_item_content .upimg_box .upimg_item[data-v-39e5f168] {
            width: 2.24rem;
            height: 2.24rem;
            border: var(--zuijline);
            margin: 0 0.10667rem 0.10667rem 0;
            border-radius: 0.21333rem;
            overflow: hidden;
}
.base_ul .base_li .dayup_item .dayup_item_content .upimg_box .upimg_item[data-v-39e5f168]:nth-of-type(3n) {
              margin: 0 0 0.10667rem 0;
}
.base_ul .base_li .dayup_item .dayup_item_content .upimg_box .upimg_item .upimg[data-v-39e5f168] {
              width: 100%;
              height: 100%;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment[data-v-39e5f168] {
          background-color: #f2f2f2;
          padding: 0.26667rem;
          border-radius: 0.21333rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend[data-v-39e5f168] {
            height: 0.8rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_left[data-v-39e5f168] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              color: #838a96;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box[data-v-39e5f168] {
              position: relative;
              display: flex;
              align-items: center;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .icon_algin[data-v-39e5f168] {
                color: #333333;
                font-size: px;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box img[data-v-39e5f168] {
                width: 0.58667rem;
                height: 0.58667rem;
                border-radius: 50%;
                border: 0.02667rem solid #d1caf9;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-39e5f168] {
                position: absolute;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-39e5f168]:nth-of-type(1) {
                  right: 0.26667rem;
                  z-index: 10;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-39e5f168]:nth-of-type(2) {
                  right: 0.66667rem;
                  z-index: 9;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-39e5f168]:nth-of-type(3) {
                  right: 1.06667rem;
                  z-index: 7;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-39e5f168]:nth-of-type(4) {
                  right: 1.46667rem;
                  z-index: 5;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img5[data-v-39e5f168] {
                width: 0.16rem;
                height: 0.29333rem;
                border: none;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .commentbox[data-v-39e5f168] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: flex-start;
            border-radius: 0.08rem;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser[data-v-39e5f168] {
              font-size: 0.37333rem;
              color: #1d2129;
              line-height: 0.48rem;
              width: 100%;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser .append_magr[data-v-39e5f168] {
                padding: 0.13333rem 0;
                color: var(--item_content);
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser .append_magr .userself[data-v-39e5f168] {
                  color: #4e5969;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .allList[data-v-39e5f168] {
            color: #838a96;
            font-size: 0.32rem;
            display: flex;
            align-items: center;
}
.base_ul .base_li .dayup_item .dayup_item_content .append_comment .allList .right_frem[data-v-39e5f168] {
              width: 0.42667rem;
}
.base_ul .teachernopdli[data-v-39e5f168] {
    margin-top: 0;
}
.no_content[data-v-39e5f168] {
  width: 9.2rem;
  height: 9.52rem;
  margin: 0 auto;
  background: #ffffff;
  opacity: 1;
  display: flex;
  border-radius: 0.26667rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no_content .no_img[data-v-39e5f168] {
    width: 6.4rem;
}
.no_content .no_txt[data-v-39e5f168] {
    font-size: 0.32rem;
    margin-top: 0.29333rem;
    color: #86909c;
}

.base_item[data-v-15734bcf] {
  padding-bottom: 1.33333rem;
}
.base_item .van-sticky[data-v-15734bcf] {
    width: 9.2rem;
    height: 1.46667rem;
    border-radius: 0;
    margin: 0 auto;
}
.base_item .van-sticky .bgColor_box[data-v-15734bcf] {
      position: absolute;
      width: 9.2rem;
      height: 0.93333rem;
      z-index: 999;
      pointer-events: none;
      background-color: transparent;
      box-shadow: inset -0.4rem 0 0.26667rem -0.4rem rgba(0, 0, 0, 0.1);
}
.base_item .van-sticky .teacher_item_box[data-v-15734bcf] {
      width: 9.2rem;
      margin: 0.02667rem auto;
      position: relative;
      overflow-x: auto;
      overflow-y: hidden;
}
.base_item .van-sticky .teacher_item_box .shadow_box[data-v-15734bcf] {
        position: absolute;
        box-shadow: -0.08rem 0 0.21333rem 0 rgba(0, 0, 0, 0.1);
        right: 0;
        top: 0;
        height: 1.49333rem;
        width: 0.02667rem;
        z-index: 50;
        background-color: #000;
}
.base_item .van-sticky .teacher_item_box[data-v-15734bcf]::-webkit-scrollbar {
        display: none;
}
.base_item .van-sticky .teacher_item_box .li_box[data-v-15734bcf] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        position: relative;
}
.base_item .van-sticky .teacher_item_box .li_box .teacherli[data-v-15734bcf] {
          width: 2.13333rem;
          height: 0.82667rem;
          padding: 0 0.13333rem;
          background: #ffffff;
          border-radius: 0.42667rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          color: #86909c;
          line-height: 0.82667rem;
          text-align: center;
          margin-right: 0.24rem;
}
.base_item .van-sticky .teacher_item_box .li_box .blue_border[data-v-15734bcf] {
          border: 0.02667rem solid #ff7029;
          color: #ff7029;
          font-weight: bold;
}
.base_item .van-sticky .teacher_item_box .li_box .active_border[data-v-15734bcf] {
          border: 0.02667rem solid #f8f4eb;
}

.base_item[data-v-2fade979] {
  background-color: var(--vip_props);
  padding-bottom: 1.33333rem;
}
.base_item .teacher_item_box[data-v-2fade979] {
    width: 100%;
    overflow-x: auto;
    background-color: var(--bg_color);
}
.base_item .teacher_item_box[data-v-2fade979]::-webkit-scrollbar {
      display: none;
}
.base_item .teacher_item_box .li_box[data-v-2fade979] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      height: 1.46667rem;
      padding: 0 0.4rem;
}
.base_item .teacher_item_box .li_box .teacherli[data-v-2fade979] {
        width: 2.02667rem;
        height: 0.82667rem;
        background: #f3f3f5;
        border-radius: 0.42667rem;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: var(--li_txt_co);
        line-height: 0.82667rem;
        text-align: center;
        margin-right: 0.24rem;
}
.base_item .teacher_item_box .li_box .blue_border[data-v-2fade979] {
        border: 0.02667rem solid #9055e9;
        background-color: #fff;
        color: #9055e9;
}
.base_item .teacher_item_box .li_box .active_border[data-v-2fade979] {
        border: 0.02667rem solid #34b4a5;
        background-color: #fff;
}
.base_item ul .base_li[data-v-2fade979] {
    border-radius: 0.18667rem;
    overflow: hidden;
    margin-bottom: 0.26667rem;
    background-color: var(--bg_color);
}
.base_item ul .base_li .dayup_item[data-v-2fade979] {
      padding: 0.4rem 0.4rem 0.26667rem;
}
.base_item ul .base_li .dayup_item .user_box[data-v-2fade979] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul .base_li .dayup_item .user_box .userImgBox[data-v-2fade979] {
          display: flex;
          justify-content: flex-start;
}
.base_item ul .base_li .dayup_item .user_box .userImgBox .userImg[data-v-2fade979] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.32rem;
}
.base_item ul .base_li .dayup_item .user_box .userImgBox .userImg .userava[data-v-2fade979] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.base_item ul .base_li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-2fade979] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.4rem;
              height: 0.4rem;
}
.base_item ul .base_li .dayup_item .user_box .userImgBox .bgImg[data-v-2fade979] {
            background-color: #d5a160;
}
.base_item ul .base_li .dayup_item .user_box .user_right[data-v-2fade979] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.base_item ul .base_li .dayup_item .user_box .user_right .nickName[data-v-2fade979] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.base_item ul .base_li .dayup_item .user_box .user_right .nickName .nametxt[data-v-2fade979] {
              font-size: 0.4rem;
              max-width: 2.13333rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.base_item ul .base_li .dayup_item .user_box .user_right .nickName .vipImg[data-v-2fade979] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.base_item ul .base_li .dayup_item .user_box .user_right .nickName .daynum[data-v-2fade979] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.base_item ul .base_li .dayup_item .user_box .user_right .timess[data-v-2fade979] {
            font-size: 0.32rem;
            color: #969696;
}
.base_item ul .base_li .dayup_item .user_box .zanIcon[data-v-2fade979] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.base_item ul .base_li .dayup_item .user_box .zan_ok[data-v-2fade979] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.base_item ul .base_li .dayup_item .user_content[data-v-2fade979] {
        width: 9.2rem;
        margin-top: 0.53333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: var(--item_content);
        line-height: 0.66667rem;
}
.base_item ul .base_li .dayup_item .sethidecss[data-v-2fade979] {
        text-align: right;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: var(--box_title);
}
.base_item ul .base_li .dayup_item .txtColor[data-v-2fade979] {
        color: #497db8;
}
.base_item ul .base_li .dayup_item .book_info[data-v-2fade979] {
        margin-top: 0.53333rem;
        width: 9.2rem;
        height: 2.4rem;
        background: var(--sign_gedun);
        display: flex;
        justify-content: space-between;
        padding: 0.26667rem;
}
.base_item ul .base_li .dayup_item .book_info .book_img[data-v-2fade979] {
          width: 1.41333rem;
          height: 1.89333rem;
          border-radius: 0.10667rem;
          margin-right: 0.26667rem;
}
.base_item ul .base_li .dayup_item .book_info .introduce[data-v-2fade979] {
          flex: 1;
          display: flex;
          flex-direction: column;
          font-family: PingFang SC;
          justify-content: space-around;
}
.base_item ul .base_li .dayup_item .book_info .introduce .introduce_title[data-v-2fade979] {
            font-size: 0.37333rem;
            font-weight: bold;
            color: #6a707a;
}
.base_item ul .base_li .dayup_item .book_info .introduce .introduce_dec[data-v-2fade979] {
            font-size: 0.32rem;
            color: #838a96;
}
.base_item ul .base_li .dayup_item .book_info .introduce .introduce_tips[data-v-2fade979] {
            font-size: 0.29333rem;
            color: #838a96;
            display: flex;
            justify-content: space-between;
}
.base_item ul .base_li .dayup_item .adress[data-v-2fade979] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.base_item ul .base_li .dayup_item .adress .adre_icon[data-v-2fade979] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.base_item ul .base_li .dayup_item .dayup_item_system[data-v-2fade979] {
        height: 1.33333rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        padding: 0.26667rem 0;
}
.base_item ul .base_li .dayup_item .dayup_item_system .small_sys[data-v-2fade979] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.base_item ul .base_li .dayup_item .dayup_item_system .small_sys .sys[data-v-2fade979] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.base_item ul .base_li .dayup_item .dayup_item_system .small_sys .sys .van-icon[data-v-2fade979] {
              margin-right: 0.05333rem;
              vertical-align: middle;
}
.base_item ul .base_li .dayup_item .dayup_item_system .small_sys .sys .shang_icon[data-v-2fade979] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.base_item ul .base_li .dayup_item .recommend[data-v-2fade979] {
        height: 1.06667rem;
        background-color: var(--bg_color);
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul .base_li .dayup_item .recommend .frend_left[data-v-2fade979] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #838a96;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box[data-v-2fade979] {
          position: relative;
          display: flex;
          align-items: center;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .icon_algin[data-v-2fade979] {
            color: #333333;
            font-size: px;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box img[data-v-2fade979] {
            width: 0.8rem;
            height: 0.82667rem;
            border-radius: 50%;
            border: 0.02667rem solid #d1caf9;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img1[data-v-2fade979] {
            position: absolute;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img1[data-v-2fade979]:nth-of-type(1) {
              right: 0.53333rem;
              z-index: 10;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img1[data-v-2fade979]:nth-of-type(2) {
              right: 1.2rem;
              z-index: 9;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img1[data-v-2fade979]:nth-of-type(3) {
              right: 1.86667rem;
              z-index: 7;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img1[data-v-2fade979]:nth-of-type(4) {
              right: 2.53333rem;
              z-index: 5;
}
.base_item ul .base_li .dayup_item .recommend .frend_img_box .img5[data-v-2fade979] {
            width: 0.16rem;
            height: 0.29333rem;
            border: none;
}
.base_item ul .base_li .dayup_item .upimg_box[data-v-2fade979] {
        margin-top: 0.53333rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
.base_item ul .base_li .dayup_item .upimg_box .upimg_item[data-v-2fade979] {
          width: 2.88rem;
          height: 2.88rem;
          border: var(--zuijline);
          margin-right: 0.18667rem;
}
.base_item ul .base_li .dayup_item .upimg_box .upimg_item .upimg[data-v-2fade979] {
            width: 100%;
            height: 100%;
}
.base_item ul .base_li .dayup_item .append_comment[data-v-2fade979] {
        background-color: var(--sign_gedun);
        margin: 0.4rem 0;
        padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        border-radius: 0.08rem;
}
.base_item ul .base_li .dayup_item .append_comment .othenUser[data-v-2fade979] {
          font-size: 0.37333rem;
          color: #afafaf;
          line-height: 0.48rem;
          width: 100%;
}
.base_item ul .base_li .dayup_item .append_comment .othenUser .append_magr[data-v-2fade979] {
            padding: 0.13333rem 0;
            color: var(--item_content);
}
.base_item ul .base_li .dayup_item .append_comment .othenUser .append_magr .userself[data-v-2fade979] {
              color: #497db8;
}
.base_item ul .base_li .dayup_item .append_comment .allList[data-v-2fade979] {
          color: #838a96;
          font-size: 0.4rem;
}

.base_version[data-v-2da9a969] {
  position: relative;
  background: #f8f4eb;
}
.base_version .imgBtn[data-v-2da9a969] {
    position: absolute;
    top: -4.26667rem;
    right: 0.58667rem;
    width: 2.24rem;
    height: 2.24rem;
}
.base_version .imgBtn .imgB[data-v-2da9a969] {
      width: 100%;
      height: 100%;
}
.base_version .signin[data-v-2da9a969] {
    position: absolute;
    z-index: 50;
    left: 50%;
    transform: translateX(-50%);
    top: -0.8rem;
    width: 9.2rem;
    height: 1.86667rem;
    background: var(--nav_bgcolor);
    box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
    border-radius: 0.32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.53333rem;
}
.base_version .signin .signin_left[data-v-2da9a969] {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--sign_txt);
}
.base_version .signin .signin_left .numBox[data-v-2da9a969] {
        color: #78a4ff;
        font-size: 0.53333rem;
}
.base_version .signin .signin_right[data-v-2da9a969] {
      width: 2.4rem;
      height: 0.85333rem;
      background: linear-gradient(0deg, #9574f2 0%, #b5a3ef 99%);
      box-shadow: 0 0.05333rem 0.10667rem 0 rgba(130, 92, 227, 0.32);
      border-radius: 0.42667rem;
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ffffff;
      line-height: 0.85333rem;
      text-align: center;
}
.base_version .signin .active_signin_bg[data-v-2da9a969] {
      background: linear-gradient(199deg, #2ab8a1, #48d3bd);
}
.base_version .frend_box[data-v-2da9a969] {
    padding: 1.6rem 0.4rem 0;
    height: 2.93333rem;
    background-color: var(--bg_color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.base_version .frend_box .frend_left[data-v-2da9a969] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--box_title);
}
.base_version .frend_box .frend_img_box[data-v-2da9a969] {
      position: relative;
      display: flex;
      align-items: center;
}
.base_version .frend_box .frend_img_box .icon_algin[data-v-2da9a969] {
        color: var(--search_txt1);
        font-size: px;
}
.base_version .frend_box .frend_img_box img[data-v-2da9a969] {
        width: 0.8rem;
        height: 0.82667rem;
        border-radius: 50%;
        border: 0.02667rem solid #d1caf9;
}
.base_version .frend_box .frend_img_box .img1[data-v-2da9a969] {
        position: absolute;
}
.base_version .frend_box .frend_img_box .img1[data-v-2da9a969]:nth-of-type(1) {
          right: 0.53333rem;
          z-index: 50;
}
.base_version .frend_box .frend_img_box .img1[data-v-2da9a969]:nth-of-type(2) {
          right: 1.2rem;
          z-index: 40;
}
.base_version .frend_box .frend_img_box .img1[data-v-2da9a969]:nth-of-type(3) {
          right: 1.86667rem;
          z-index: 30;
}
.base_version .frend_box .frend_img_box .img1[data-v-2da9a969]:nth-of-type(4) {
          right: 2.53333rem;
          z-index: 20;
}
.base_version .frend_box .frend_img_box .img5[data-v-2da9a969] {
        width: 0.16rem;
        height: 0.29333rem;
        border: none;
}
.base_version .all_info[data-v-2da9a969] {
    margin-top: 0.32rem;
    height: 1.06667rem;
    width: 100%;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.base_version .all_info .all_left[data-v-2da9a969] {
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--search_txt1);
      display: flex;
      align-items: center;
}
.base_version .all_info .all_left .blue_txt[data-v-2da9a969] {
        color: #ff7029;
}
.base_version .all_info .all_right[data-v-2da9a969] {
      font-size: 0.29333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.base_version .van-tabs[data-v-2da9a969] {
    background-color: #f8f4eb;
}
.base_version .van-tabs[data-v-2da9a969] .van-sticky:first-of-type {
      background-color: #f8f4eb;
      overflow: hidden;
      padding: 0 0.4rem 0.4rem 0.4rem;
}
.base_version .van-tabs[data-v-2da9a969] .van-tabs__line {
      background: url("https://osscdn.666syh.com/refinedImg/1713779622286/637435d5-fcb0-3578-e91c-2f6948cc1eae.png") no-repeat center/100% 100%;
      width: 0.8rem;
      height: 0.26667rem;
      bottom: 0.53333rem;
}
.base_version .van-tabs[data-v-2da9a969] .van-tab {
      color: var(--tab_set);
      background-color: #fff;
}
.base_version .van-tabs[data-v-2da9a969] .van-tab--active {
      color: #ff7029;
}
.base_version .van-tabs[data-v-2da9a969] .van-tabs__wrap {
      border-radius: 0.53333rem;
      background-color: initial;
}
.base_version .van-tabs[data-v-2da9a969] .van-tabs__wrap .van-tabs__nav {
        background-color: initial;
}

.advanced_li[data-v-59eb97ca] {
  width: 100%;
  border-radius: 0.26667rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
  background-color: var(--bg_color);
  box-shadow: 0 0.08rem 0.66667rem 0 rgba(33, 34, 37, 0.06);
}
.advanced_li .dayup_item[data-v-59eb97ca] {
    padding: 0.4rem;
}
.advanced_li .dayup_item .user_box[data-v-59eb97ca] {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.advanced_li .dayup_item .user_box .userImgBox[data-v-59eb97ca] {
        display: flex;
        justify-content: flex-start;
}
.advanced_li .dayup_item .user_box .userImgBox .userImg[data-v-59eb97ca] {
          position: relative;
          width: 1.17333rem;
          height: 1.17333rem;
          padding: 0.05333rem;
          border-radius: 50%;
          margin-right: 0.32rem;
}
.advanced_li .dayup_item .user_box .userImgBox .userImg .userava[data-v-59eb97ca] {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 50%;
}
.advanced_li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-59eb97ca] {
            position: absolute;
            bottom: -0.05333rem;
            right: -0.05333rem;
            width: 0.45333rem;
            height: 0.45333rem;
}
.advanced_li .dayup_item .user_box .userImgBox .bgImg[data-v-59eb97ca] {
          background-color: #d5a160;
}
.advanced_li .dayup_item .user_box .user_right[data-v-59eb97ca] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
.advanced_li .dayup_item .user_box .user_right .nickName[data-v-59eb97ca] {
          display: flex;
          color: #969696;
          font-size: 0.34667rem;
          align-items: center;
}
.advanced_li .dayup_item .user_box .user_right .nickName .nametxt[data-v-59eb97ca] {
            font-size: 0.42667rem;
            max-width: 4rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--box_title);
            margin-right: 0.13333rem;
}
.advanced_li .dayup_item .user_box .user_right .nickName .vipImg[data-v-59eb97ca] {
            width: 0.96rem;
            height: 0.34667rem;
            margin: 0 0.13333rem;
}
.advanced_li .dayup_item .user_box .user_right .nickName .daynum[data-v-59eb97ca] {
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #838a96;
}
.advanced_li .dayup_item .user_box .user_right .timess[data-v-59eb97ca] {
          font-size: 0.32rem;
          color: #969696;
}
.advanced_li .dayup_item .user_box .zanIcon[data-v-59eb97ca] {
        width: 1.68rem;
        height: 0.72rem;
        line-height: 0.72rem;
        border-radius: 1.30667rem;
        text-align: center;
        border: 0.02667rem solid #ff7029;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #ff7029;
}
.advanced_li .dayup_item .user_box .zan_ok[data-v-59eb97ca] {
        width: 1.68rem;
        height: 0.72rem;
        line-height: 0.72rem;
        text-align: center;
        border-radius: 1.30667rem;
        border: 0.02667rem solid #c9cdd4;
        font-size: 0.34667rem;
        font-weight: bold;
        color: #a7b0c0;
}
.advanced_li .dayup_item .dayup_item_content[data-v-59eb97ca] {
      padding-left: 1.49333rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content[data-v-59eb97ca] {
        margin-top: 0.26667rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: #545454;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .juecha_item[data-v-59eb97ca] {
          margin-bottom: 0.26667rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .juecha_item .left_title[data-v-59eb97ca] {
            display: flex;
            align-items: center;
            font-size: 0.42667rem;
            margin-bottom: 0.13333rem;
            color: #1d2129;
            text-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.04);
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .juecha_item .left_title .left_title_icon[data-v-59eb97ca] {
              width: 0.48rem;
              margin-right: 0.13333rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .juecha_item .right_title[data-v-59eb97ca] {
            flex: 1;
            font-size: 0.4rem;
            font-family: PingFang SC;
            color: var(--item_content);
            line-height: 0.61333rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .juecha_item .goodorbad_title .goodorbad_icon[data-v-59eb97ca] {
            width: 0.32rem;
            margin-right: 0.13333rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .imgList[data-v-59eb97ca] {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
}
.advanced_li .dayup_item .dayup_item_content .user_content .juecha_box .imgList .imgs[data-v-59eb97ca] {
            width: 32%;
            height: 22.1vw;
            border-radius: 0.16rem;
            margin-top: 0.10667rem;
}
.advanced_li .dayup_item .dayup_item_content .user_content .sethidecss[data-v-59eb97ca] {
          text-align: right;
          font-size: 0.4rem;
          color: #ff7029;
}
.advanced_li .dayup_item .dayup_item_content .user_content .txtColor[data-v-59eb97ca] {
          color: #497db8;
}
.advanced_li .dayup_item .dayup_item_content .adress[data-v-59eb97ca] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.advanced_li .dayup_item .dayup_item_content .adress .adre_icon[data-v-59eb97ca] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_see_signday[data-v-59eb97ca] {
        padding: 0.4rem 0 0;
        display: flex;
        justify-content: space-between;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_see_signday .da_shang[data-v-59eb97ca] {
          display: flex;
          align-items: center;
          font-size: 0.32rem;
          color: #4e5969;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_see_signday .da_shang .shang_icon[data-v-59eb97ca] {
            width: 0.53333rem;
            height: 0.53333rem;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 0.05333rem;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_see_signday .right_signday[data-v-59eb97ca] {
          padding: 0 0.26667rem;
          height: 0.56rem;
          text-align: center;
          line-height: 0.56rem;
          background: #ffe9db;
          border-radius: 1.01333rem;
          opacity: 1;
          font-size: 0.32rem;
          color: #ff7029;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system[data-v-59eb97ca] {
        height: 1.33333rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        padding: 0.26667rem 0 0;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .left_see_signday[data-v-59eb97ca] {
          display: flex;
          align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .left_see_signday .see_icon[data-v-59eb97ca] {
            font-size: 0.53333rem;
            margin-right: 0.21333rem;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .small_sys[data-v-59eb97ca] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .small_sys .sys[data-v-59eb97ca] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .small_sys .sys .van-icon[data-v-59eb97ca] {
              margin-right: 0.05333rem;
              width: 0.53333rem;
              vertical-align: middle;
}
.advanced_li .dayup_item .dayup_item_content .dayup_item_system .small_sys .sys .sys_icon[data-v-59eb97ca] {
              width: 0.53333rem;
              margin-right: 0.05333rem;
}
.advanced_li .dayup_item .dayup_item_content .append_comment[data-v-59eb97ca] {
        background-color: #f2f2f2;
        padding: 0.26667rem;
        border-radius: 0.21333rem;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend[data-v-59eb97ca] {
          height: 0.8rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_left[data-v-59eb97ca] {
            font-size: 0.37333rem;
            color: #838a96;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box[data-v-59eb97ca] {
            position: relative;
            display: flex;
            align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .icon_algin[data-v-59eb97ca] {
              color: #333333;
              font-size: px;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box img[data-v-59eb97ca] {
              width: 0.58667rem;
              height: 0.58667rem;
              border-radius: 50%;
              border: 0.02667rem solid #d1caf9;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-59eb97ca] {
              position: absolute;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-59eb97ca]:nth-of-type(1) {
                right: 0.26667rem;
                z-index: 10;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-59eb97ca]:nth-of-type(2) {
                right: 0.66667rem;
                z-index: 9;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-59eb97ca]:nth-of-type(3) {
                right: 1.06667rem;
                z-index: 7;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img1[data-v-59eb97ca]:nth-of-type(4) {
                right: 1.46667rem;
                z-index: 5;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .zanbox .recommend .frend_img_box .img5[data-v-59eb97ca] {
              width: 0.16rem;
              height: 0.29333rem;
              border: none;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .commentbox[data-v-59eb97ca] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: flex-start;
          border-radius: 0.08rem;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser[data-v-59eb97ca] {
            font-size: 0.37333rem;
            color: #1d2129;
            line-height: 0.48rem;
            width: 100%;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser .append_magr[data-v-59eb97ca] {
              padding: 0.13333rem 0;
              color: var(--item_content);
}
.advanced_li .dayup_item .dayup_item_content .append_comment .commentbox .othenUser .append_magr .userself[data-v-59eb97ca] {
                color: #4e5969;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .allList[data-v-59eb97ca] {
          color: #838a96;
          font-size: 0.32rem;
          display: flex;
          align-items: center;
}
.advanced_li .dayup_item .dayup_item_content .append_comment .allList .right_frem[data-v-59eb97ca] {
            width: 0.42667rem;
}
.no_content[data-v-59eb97ca] {
  width: 9.2rem;
  height: 9.52rem;
  margin: 0 auto;
  background: #ffffff;
  opacity: 1;
  border-radius: 0.26667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no_content .no_img[data-v-59eb97ca] {
    width: 6.4rem;
}
.no_content .no_txt[data-v-59eb97ca] {
    font-size: 0.32rem;
    margin-top: 0.29333rem;
    color: #86909c;
}
.collection[data-v-59eb97ca] {
  padding: 0;
}
.collection .advanced_li[data-v-59eb97ca] {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
}

.advanced_item[data-v-7f6c47c0] {
  padding-bottom: 1.73333rem;
  font-family: PingFang SC-Medium, PingFang SC;
}
.advanced_item .advanced_ul[data-v-7f6c47c0] {
    padding: 0 0.4rem;
}

.advanced_version[data-v-d990d418] {
  position: relative;
}
.advanced_version .imgBtn[data-v-d990d418] {
    position: absolute;
    top: -4.26667rem;
    right: 0.58667rem;
    width: 2.24rem;
    height: 2.24rem;
}
.advanced_version .imgBtn .imgB[data-v-d990d418] {
      width: 100%;
      height: 100%;
}
.advanced_version .frend_box[data-v-d990d418] {
    position: absolute;
    width: 100%;
    top: -0.8rem;
    padding: 0.26667rem 0.4rem 0;
    height: 1.86667rem;
    background-color: var(--bg_color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.32rem 0.32rem 0 0;
}
.advanced_version .frend_box .frend_left[data-v-d990d418] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--box_title);
}
.advanced_version .frend_box .frend_img_box[data-v-d990d418] {
      position: relative;
      display: flex;
      align-items: center;
}
.advanced_version .frend_box .frend_img_box .icon_algin[data-v-d990d418] {
        color: #333333;
        font-size: px;
}
.advanced_version .frend_box .frend_img_box img[data-v-d990d418] {
        width: 0.8rem;
        height: 0.82667rem;
        border-radius: 50%;
        border: 0.02667rem solid #d1caf9;
}
.advanced_version .frend_box .frend_img_box .img1[data-v-d990d418] {
        position: absolute;
}
.advanced_version .frend_box .frend_img_box .img1[data-v-d990d418]:nth-of-type(1) {
          right: 0.53333rem;
          z-index: 50;
}
.advanced_version .frend_box .frend_img_box .img1[data-v-d990d418]:nth-of-type(2) {
          right: 1.2rem;
          z-index: 40;
}
.advanced_version .frend_box .frend_img_box .img1[data-v-d990d418]:nth-of-type(3) {
          right: 1.86667rem;
          z-index: 30;
}
.advanced_version .frend_box .frend_img_box .img1[data-v-d990d418]:nth-of-type(4) {
          right: 2.53333rem;
          z-index: 20;
}
.advanced_version .frend_box .frend_img_box .img5[data-v-d990d418] {
        width: 0.16rem;
        height: 0.29333rem;
        border: none;
}
.advanced_version .all_info[data-v-d990d418] {
    height: 1.06667rem;
    width: 100%;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    background-color: var(--bg_color);
    align-items: center;
}
.advanced_version .all_info .all_left[data-v-d990d418] {
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--search_txt1);
      display: flex;
      align-items: center;
}
.advanced_version .all_info .all_left .blue_txt[data-v-d990d418] {
        color: #9055e9;
}
.advanced_version .all_info .all_left .yuandian[data-v-d990d418] {
        width: 0.21333rem;
        height: 0.21333rem;
        background: #ff6464;
        border-radius: 50%;
        margin-right: 0.26667rem;
}
.advanced_version .all_info .all_right[data-v-d990d418] {
      font-size: 0.29333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.advanced_version .van-tabs[data-v-d990d418] {
    background-color: #f8f4eb;
}
.advanced_version .van-tabs[data-v-d990d418] .van-sticky:first-of-type {
      background-color: #f6f2e9;
      overflow: hidden;
      padding: 0 0.4rem 0.4rem 0.4rem;
}
.advanced_version .van-tabs[data-v-d990d418] .van-tabs__line {
      background: url("https://osscdn.666syh.com/refinedImg/1713779622286/637435d5-fcb0-3578-e91c-2f6948cc1eae.png") no-repeat center/100% 100%;
      width: 0.8rem;
      height: 0.26667rem;
      bottom: 0.53333rem;
}
.advanced_version .van-tabs[data-v-d990d418] .van-tab {
      color: var(--tab_set);
      background-color: #fff;
}
.advanced_version .van-tabs[data-v-d990d418] .van-tab--active {
      color: #ff7029;
}
.advanced_version .van-tabs[data-v-d990d418] .van-tabs__wrap {
      border-radius: 0.53333rem;
      background-color: initial;
}
.advanced_version .van-tabs[data-v-d990d418] .van-tabs__wrap .van-tabs__nav {
        background-color: initial;
}

.noData[data-v-97188ca8] {
  text-align: center;
}
.noData .noData_text[data-v-97188ca8] {
    color: #86909c;
    font-size: 0.37333rem;
    font-weight: 500;
}

.day_improvement_search[data-v-8fab3e7a] {
  background-color: var(--bg_color);
  min-height: 100vh;
}
.day_improvement_search .searchBox[data-v-8fab3e7a] {
    position: fixed;
    width: 100%;
    height: 1.33333rem;
    display: flex;
    top: 0;
    left: 0;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg_color);
    z-index: 100;
    padding: 0 0.4rem;
}
.day_improvement_search .searchBox .ipn[data-v-8fab3e7a] {
      width: 7.86667rem;
      height: 0.8rem;
      position: relative;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0.53333rem;
        background-color: var(--cahnge_btnbg);
        border: none;
        padding: 0 0.93333rem 0 1.06667rem;
        color: var(--search_txt2);
        font-size: 0.34667rem;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a]::-ms-clear {
        display: none;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a]::-ms-reveal {
        display: none;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a]::-moz-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a]:-ms-input-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.day_improvement_search .searchBox .ipn input[data-v-8fab3e7a]::placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.day_improvement_search .searchBox .ipn .search[data-v-8fab3e7a] {
        position: absolute;
        left: 0.38667rem;
        top: 0.18667rem;
        width: 0.42667rem;
        height: 0.42667rem;
}
.day_improvement_search .searchBox .ipn .close[data-v-8fab3e7a] {
        position: absolute;
        right: 0.26667rem;
        top: 0.18667rem;
        width: 0.42667rem;
        height: 0.42667rem;
}
.day_improvement_search .searchBox button[data-v-8fab3e7a] {
      color: var(--search_txt2);
      font-size: 0.42667rem;
      background-color: transparent;
      border: 0;
      font-weight: 500;
      outline: none;
}
.day_improvement_search .history[data-v-8fab3e7a] {
    padding: 1.46667rem 0.4rem 0;
    font-weight: bold;
}
.day_improvement_search .history p[data-v-8fab3e7a] {
      margin-bottom: 0.33333rem;
      display: flex;
      justify-content: space-between;
}
.day_improvement_search .history p span[data-v-8fab3e7a] {
        font-size: 0.42667rem;
        color: var(--box_title);
}
.day_improvement_search .history p img[data-v-8fab3e7a] {
        width: 0.42667rem;
        height: 0.45333rem;
}
.day_improvement_search .history .historyBox[data-v-8fab3e7a] {
      padding: 0.26667rem 0;
      overflow: hidden;
}
.day_improvement_search .history .historyBox ul[data-v-8fab3e7a] {
        display: flex;
        flex-wrap: wrap;
}
.day_improvement_search .history .historyBox ul li[data-v-8fab3e7a] {
          position: relative;
          margin-bottom: 0.37333rem;
          margin-right: 0.37333rem;
          padding: 0 0.50667rem;
          max-width: 4.13333rem;
          color: #666666;
          background-color: #f5f5f5;
          height: 0.90667rem;
          line-height: 0.90667rem;
          font-size: 0.37333rem;
          border-radius: 0.45333rem;
          font-weight: 400;
}
.day_improvement_search .history .historyBox ul li .van-icon[data-v-8fab3e7a] {
            position: absolute;
            top: -0.05333rem;
            right: 0;
}
.day_improvement_search .list_box[data-v-8fab3e7a] {
    background-color: #f8f8f8;
    padding: 1.46667rem 0.4rem 0;
    min-height: 100vh;
}
.day_improvement_search .list_box .other_li[data-v-8fab3e7a] {
      height: 2.26667rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      margin-top: 0.26667rem;
      border-radius: 0.26667rem;
      padding: 0.4rem 0 0.53333rem 0.53333rem;
      box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.03);
}
.day_improvement_search .list_box .other_li .rank_box[data-v-8fab3e7a] {
        width: 1.06667rem;
        margin-right: 0.13333rem;
        line-height: 1.06667rem;
}
.day_improvement_search .list_box .other_li .rank_box img[data-v-8fab3e7a] {
          width: 0.8rem;
          height: 0.93333rem;
          margin: auto;
}
.day_improvement_search .list_box .other_li .rank_box .span_index[data-v-8fab3e7a] {
          width: 0.72rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          background: var(--aroww);
          border-radius: 50%;
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: var(--item_content);
}
.day_improvement_search .list_box .other_li .other_right[data-v-8fab3e7a] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.86667rem;
        padding-right: 0.4rem;
}
.day_improvement_search .list_box .other_li .other_right .user_info[data-v-8fab3e7a] {
          display: flex;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_avater[data-v-8fab3e7a] {
            position: relative;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_right[data-v-8fab3e7a] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_right .nickName[data-v-8fab3e7a] {
              display: flex;
              color: #969696;
              font-size: 0.34667rem;
              align-items: center;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-8fab3e7a] {
                font-size: 0.42667rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: #1d2129;
                max-width: 100%;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-8fab3e7a] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.day_improvement_search .list_box .other_li .other_right .user_info .user_right .timess[data-v-8fab3e7a] {
              font-size: 0.37333rem;
              color: #4e5969;
}
.day_improvement_search .list_box .other_li .other_right .guanzhu[data-v-8fab3e7a] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.day_improvement_search .list_box .other_li .other_right .guanzhuOk[data-v-8fab3e7a] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.notice[data-v-8fab3e7a] {
  padding-top: 2.74667rem;
}
.icon-v[data-v-8fab3e7a] {
  position: absolute;
  bottom: 0.08rem;
  right: -0.08rem;
}


.plan-finish-calendar {
	/* padding: 0 9px; */
}
/* 日历 */
.calendar {
	width: 100%;
	background: var(--bg_color);;
	border-radius: 0.2rem;
	overflow: hidden;
	font-size: 0.45333rem;
}
.calendar .month {
	background: var(--bg_color);;
	/* padding: 15px; */
	/* display: flex; */
	/* justify-content: space-between; */
	/* align-items: center; */
	white-space: nowrap;
}
.calendar .month .time_month {
	/* width: 50%; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.26667rem 0.42667rem;
}
.calendar .month .year-month {
	/* margin: 0 10px; */
	/* color: var(--box_title); */
	color: #1D2129;
	font-size: 0.37333rem;
	font-weight: 500;
}
.calendar .month .tips {
	/* width: 50%; */
	font-size: 0.37333rem;
	font-family: PingFang SC;
	-moz-text-align-last: left;
	     text-align-last: left;
	font-weight: 400;
	/* color: var(--box_title); */
	color: #1D2129;
	padding: 0.32rem 0 0.32rem 0.32rem;
	border-bottom: 0.02667rem solid #F6F6F6;
}
.calendar .month .arrow {
	background-color: var(--aroww);
	width: 0.53333rem;
	color: var(--item_content);
	height: 0.53333rem;
	border-radius: 50%;
	font-size: 0.24rem;
	display: flex;
	font-size: 0.37333rem;
	font-weight: bold;
	justify-content: center;
	align-items: center;
}
.calendar .date-box {
	padding: 0 0.32rem;
}
.calendar .weekdays {
	/*头部星期*/
	/* padding: 0 5px 5px 0; */
	width: 100%;
	/* background-color:  rgba(21,188,195,0.1);border-radius: 0.4rem; */
	/* display: flex;
	flex-wrap: wrap; */
	/* justify-content: space-around; */
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-bottom: 0.1rem;
	height: 1.06667rem;
	line-height: 1.06667rem;
}
.calendar .weekdays li {
	display: inline-block;
	text-align: center;
	font-size: 0.34667rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #969696;
}
.calendar .days {
	/*日期*/
	background: var(--bg_color);
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* align-items: center; */
	/* justify-content: flex-start; */
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	padding-bottom: 0.2rem;
}
.calendar .days li {
	width: 0.64rem;
	height: 0.64rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: PingFang SC;
	/* font-weight: bold; */
	color: #838A96;
	/* margin-bottom: 5px; */
	/* margin: 2px; */
	margin: 0.24rem auto;
	font-size: 0.37333rem;
	border-radius: 50%;
	text-align: center;
	/* &:nth-child(7n){
		margin-right: 0px !important;
	} */
}
.calendar .days li .day-li {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.37333rem;
	border-radius: 50%;
	color: #1D2129;
	font-weight: 600;
}
.calendar .days li .day-checked{
	/* border:1px solid #15BCC3; */
	/* background: var(--aroww); */
	font-family: PingFang SC;
	font-weight: bold;
	/* color: var(--box_title); */
	background-color: #FFE4D7;
	color: #FF7029;
}
.calendar .days li .day-todayCheck {
	/* background: #A674F2; */
	background-color: #FF7029;
	box-shadow: inset 0 0.05333rem 0.05333rem 0 rgba(255,255,255,0.4), 0 0.02667rem 0.08rem 0 rgba(255,112,41,0.4);
	font-weight: bold;
	color: #FFFFFF;
}
.calendar .days li .day-li .day-span{
	position: relative;
	width: 0.64rem;
	height: 0.64rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.37333rem;
	border-radius: 50%;
}
.calendar .other {
	color: #969696;
}
.calendar .day-sign {
	/*签到的日期*/
	background-color: #FFE4D7;
	color: #FF7029;
}
.calendar .day-signed  {
	background-color: var(--sign_day);
	color: #fff;
}



/* .mtop1 {
	top: .4rem;
} */

.calendar[data-v-40c638f7] {
  background-color: var(--bg_color);
  width: 100%;
}
.calendar .tip-item[data-v-40c638f7] {
    background-color: #fff;
    margin-top: 0.34667rem;
    border-top: 0.02667rem solid #f6f6f6;
    padding: 0.32rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar .tip-item .tip-item-text[data-v-40c638f7] {
      font-size: 0.37333rem;
      color: #1d2129;
      font-weight: 500;
      display: flex;
      align-items: center;
}
.calendar .tip-item .tip-item-text[data-v-40c638f7]::after {
        content: '';
        width: 0.45333rem;
        height: 0.45333rem;
        display: block;
        border-radius: 50%;
        background-color: #ffe4d7;
}
.calendar .tip-item .tip-item-selected[data-v-40c638f7] {
      margin-left: 1.17333rem;
}
.calendar .tip-item .tip-item-selected[data-v-40c638f7]::after {
        background-color: #ff7029;
        box-shadow: 0 0.02667rem 0.08rem 0 rgba(255, 112, 41, 0.4), inset 0 0.05333rem 0.05333rem 0 rgba(255, 255, 255, 0.4);
}

.sign_in[data-v-7e1d0bbb] {
  background-color: var(--bg_color);
  overflow: hidden;
  overflow-y: auto;
}
.sign_in .sign_in_box[data-v-7e1d0bbb] {
    min-height: calc(100vh);
    padding-bottom: 0.53333rem;
    background: url("https://osscdn.666syh.com/image/app/1687747999431.png") no-repeat;
    background-size: 100% 100%;
}
.sign_in .user_sign[data-v-7e1d0bbb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45333rem 0.53333rem 0.45333rem 0.32rem;
}
.sign_in .user_sign .user_info[data-v-7e1d0bbb] {
      display: flex;
      font-family: PingFang SC;
      flex: 1;
      margin-right: 0.26667rem;
}
.sign_in .user_sign .user_info .user_avter[data-v-7e1d0bbb] {
        width: 1.62667rem;
        height: 1.62667rem;
        border-radius: 50%;
        background-color: var(--user_waim);
        padding: 0.05333rem;
        margin-right: 0.18667rem;
}
.sign_in .user_sign .user_info .user_avter .uimg[data-v-7e1d0bbb] {
          width: 1.52rem;
          height: 1.52rem;
          border-radius: 50%;
}
.sign_in .user_sign .user_info .user_code[data-v-7e1d0bbb] {
        height: 1.62667rem;
        display: flex;
        flex-direction: column;
        padding-top: 0.08rem;
}
.sign_in .user_sign .user_info .user_code .user_name[data-v-7e1d0bbb] {
          color: #1d2129;
          font-size: 0.42667rem;
          font-weight: 600;
          margin-bottom: 0.26667rem;
}
.sign_in .user_sign .user_info .user_code .user_number[data-v-7e1d0bbb] {
          font-size: 0.32rem;
          font-weight: 500;
          color: #4e5969;
}
.sign_in .user_sign .sign_btn[data-v-7e1d0bbb] {
      width: 2.53333rem;
      height: 0.90667rem;
      line-height: 0.90667rem;
      text-align: center;
      background-color: #ffffff;
      border-radius: 1.33333rem;
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #ff7029;
}
.sign_in .geduan[data-v-7e1d0bbb] {
    height: 0.32rem;
}
.sign_in .loading_box[data-v-7e1d0bbb] {
    width: 100%;
    height: 9.33333rem;
    text-align: center;
    line-height: 9.33333rem;
}
.sign_in .user_sign_banner[data-v-7e1d0bbb] {
    height: 10.98667rem;
    width: 345;
    overflow: hidden;
    margin: 0.66667rem 0.4rem 0;
    box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
    border-radius: 0.24rem;
    background-color: transparent;
}
.sign_in .user_sign_banner .banner_img[data-v-7e1d0bbb] {
      width: 100%;
      height: 8.18667rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0.24rem 0.24rem 0 0;
      position: relative;
      background-image: url("https://osscdn.666syh.com/image/app/1697102621899.png");
}
.sign_in .user_sign_banner .banner_img .content[data-v-7e1d0bbb] {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0.24rem 0.24rem 0 0;
        bottom: 0;
        width: 100%;
        height: 8.18667rem;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.3);
        padding: 0 0.88rem 0.88rem;
        opacity: 0.9;
}
.sign_in .user_sign_banner .banner_img .content .content_top[data-v-7e1d0bbb] {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 0.53333rem;
}
.sign_in .user_sign_banner .banner_img .content .content_top .time_box[data-v-7e1d0bbb] {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            font-family: PingFang SC;
}
.sign_in .user_sign_banner .banner_img .content .content_top .time_box .time_xx[data-v-7e1d0bbb] {
              font-size: 0.88rem;
              font-weight: 500;
              color: #ffffff;
}
.sign_in .user_sign_banner .banner_img .content .content_top .time_box .dat_tips[data-v-7e1d0bbb] {
              font-size: 0.37333rem;
              color: #ffffff;
}
.sign_in .user_sign_banner .banner_img .content .content_top .time_box .morning_txt[data-v-7e1d0bbb] {
              font-size: 0.88rem;
              font-family: FZDaBiaoSong-B06S;
              font-weight: 400;
              color: #f8f8f8;
}
.sign_in .user_sign_banner .banner_img .content .content_top .date_box[data-v-7e1d0bbb] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 0.21333rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #ffffff;
            padding: 0.13333rem;
            border: 0.02667rem solid #ffffff;
}
.sign_in .user_sign_banner .banner_img .content .content_bottom[data-v-7e1d0bbb] {
          margin-top: 2rem;
          font-size: 0.45333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ffffff;
}
.sign_in .user_sign_banner .user_daynum[data-v-7e1d0bbb] {
      height: 2.77333rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.4rem 0.48rem;
      background-color: #fff;
}
.sign_in .user_sign_banner .user_daynum .user_study_num[data-v-7e1d0bbb] {
        position: relative;
        display: flex;
        flex-direction: column;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user_study_num_time[data-v-7e1d0bbb] {
          font-size: 0.32rem;
          color: #1d2129;
          margin-bottom: 0.4rem;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user_study_num_time .week[data-v-7e1d0bbb] {
            margin-left: 0.32rem;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info[data-v-7e1d0bbb] {
          display: flex;
          align-items: center;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .info-avatar[data-v-7e1d0bbb] {
            margin-right: 0.4rem;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .info-avatar .avterimg[data-v-7e1d0bbb] {
              width: 0.96rem;
              height: 0.96rem;
              border-radius: 50%;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .study_number_box .study_number[data-v-7e1d0bbb] {
            color: #1d2129;
            font-size: 0.32rem;
            font-weight: 500;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .study_number_box .study_number .big_txt[data-v-7e1d0bbb] {
              font-size: 0.42667rem;
              font-weight: 600;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .study_number_box .study_people[data-v-7e1d0bbb] {
            font-size: 0.32rem;
            color: #4e5969;
            transform: scale(0.83);
            transform-origin: 0 0;
            font-weight: 400;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user-info .study_number_box .study_people .blue_txt[data-v-7e1d0bbb] {
              color: #ff7029;
              font-weight: 500;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user_banner_avter_box[data-v-7e1d0bbb] {
          position: absolute;
          left: 0;
          top: -1.33333rem;
          width: 1.33333rem;
          height: 1.33333rem;
          padding: 0.05333rem;
          border-radius: 50%;
          background-color: #fff;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .user_banner_avter_box .avterimg[data-v-7e1d0bbb] {
            width: 1.22667rem;
            height: 1.22667rem;
            border-radius: 50%;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .study_number[data-v-7e1d0bbb] {
          font-size: 0.4rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #333333;
          margin-bottom: 0.13333rem;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .study_number .big_txt[data-v-7e1d0bbb] {
            font-size: 0.64rem;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .study_people[data-v-7e1d0bbb] {
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a4a4a4;
}
.sign_in .user_sign_banner .user_daynum .user_study_num .study_people .blue_txt[data-v-7e1d0bbb] {
            color: #497db8;
}
.sign_in .user_sign_banner .user_daynum .banner_code[data-v-7e1d0bbb] {
        width: 1.65333rem;
        height: 1.65333rem;
        padding: 0.02667rem;
        margin-bottom: 0.13333rem;
}
.sign_in .user_sign_banner .user_daynum .banner_code .two_code[data-v-7e1d0bbb] {
          width: 1.6rem;
          height: 1.6rem;
}
.sign_in .user_calendar[data-v-7e1d0bbb] {
    padding: 0 0.4rem;
}
.sign_in .popup-share[data-v-7e1d0bbb] {
    width: 100%;
    height: 100%;
    padding: 2.66667rem 0.66667rem 0.66667rem;
}
.sign_in .popup-share .share[data-v-7e1d0bbb] {
      height: 100%;
      width: 100%;
      text-align: center;
      position: relative;
}
.sign_in .popup-share .share img[data-v-7e1d0bbb] {
        width: 100%;
}

.list .list-item[data-v-bf57e402] {
  display: flex;
  align-items: center;
  border-bottom: 0.02667rem solid #f2f3f5;
  padding: 0.34667rem 0 0.34667rem 0.13333rem;
}
.list .list-item[data-v-bf57e402]:last-child {
    border-bottom: 0.02667rem solid transparent;
}
.list .list-item .item-num[data-v-bf57e402] {
    font-size: 0.37333rem;
    color: #1d2129;
    font-weight: 500;
}
.list .list-item .isSorting[data-v-bf57e402] {
    margin: 0 0.42667rem 0 0 !important;
}
.list .list-item .item-info[data-v-bf57e402] {
    display: flex;
    align-items: center;
    margin: 0 0.48rem 0 0.53333rem;
    flex: 1;
}
.list .list-item .item-info .info-icon[data-v-bf57e402] {
      position: relative;
      margin-right: 0.16rem;
}
.list .list-item .item-info .info-name .name[data-v-bf57e402] {
      width: 3.92rem;
      font-size: 0.37333rem;
      color: #1d2129;
      font-weight: 500;
}
.list .list-item .item-info .info-name .days[data-v-bf57e402] {
      font-weight: 500;
      font-size: 0.32rem;
      color: #4e5969;
}
.list .list-item .item-score[data-v-bf57e402] {
    font-size: 0.42667rem;
    color: #1d2129;
    font-size: 600;
}
.list .list-item .item-noAttention[data-v-bf57e402] {
    font-size: 0.32rem;
}
.list .list-item .item-btn[data-v-bf57e402] {
    width: 1.6rem;
    line-height: 0.58667rem;
    height: 0.58667rem;
    border-radius: 0.32rem;
    font-size: 0.32rem;
    border: 0.02667rem solid #c9cdd4;
    text-align: center;
    color: #86909c;
    background-color: #fff;
}
.list .focusOn[data-v-bf57e402] {
  color: #ff7029 !important;
  background-color: #fff;
  border: 0.02667rem solid #ff7029 !important;
}
.list .icon-s[data-v-bf57e402] {
  position: absolute;
  bottom: 0.08rem;
  right: -0.02667rem;
}

.ranking_page[data-v-406ff909] {
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
  height: 100vh;
}
.ranking_page .ranking_top[data-v-406ff909] {
    background: url("https://osscdn.666syh.com/image/app/1688982640974.png") no-repeat;
    background-size: 100% 100%;
    height: 8.16rem;
    width: 100%;
}
.ranking_page .ranking_top .top_date[data-v-406ff909] {
      color: #fff;
      padding: 2.10667rem 0 0 0.8rem;
      font-size: 0.37333rem;
      font-weight: 500;
}
.ranking_page .ranking_top .top_date .top_date_time[data-v-406ff909] {
        margin-left: 0.24rem;
}
.ranking_page .ranking_top .top_ranking[data-v-406ff909] {
      height: 4.4rem;
      width: 100%;
      margin: 0.16rem 0;
      padding: 1.01333rem 1.06667rem 0;
      display: flex;
}
.ranking_page .ranking_top .top_ranking .ranking_item[data-v-406ff909] {
        width: 2.21333rem;
        height: 2.53333rem;
        margin-left: 0.61333rem;
        border-radius: 0.26667rem 0.26667rem 0 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
        padding: 0 0.10667rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item[data-v-406ff909]:nth-child(1) {
          margin-left: 0;
          margin-top: 0.66667rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item:nth-child(1) .ranking_item_img[data-v-406ff909]::after {
            background-image: url("https://osscdn.666syh.com/image/app/1687763626126.png");
}
.ranking_page .ranking_top .top_ranking .ranking_item[data-v-406ff909]:nth-child(3) {
          margin-top: 0.66667rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item:nth-child(3) .ranking_item_img[data-v-406ff909]::after {
            background-image: url("https://osscdn.666syh.com/image/app/1687763619709.png");
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_item_img[data-v-406ff909] {
          text-align: center;
          position: relative;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_item_img[data-v-406ff909]::after {
            content: '';
            display: flex;
            position: absolute;
            background: url("https://osscdn.666syh.com/image/app/1687763628248.png") no-repeat;
            background-size: 100% 100%;
            width: 0.77333rem;
            height: 0.77333rem;
            bottom: 0.96rem;
            left: 0.37333rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_item_img .img_icon[data-v-406ff909] {
            width: 1.06667rem;
            height: 1.06667rem;
            margin-top: -50%;
            border: 0.02667rem solid #fff;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_name[data-v-406ff909] {
          text-align: center;
          color: #fff;
          font-size: 0.37333rem;
          font-weight: 500;
          margin-bottom: 0.10667rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_score[data-v-406ff909] {
          color: #fff;
          font-size: 0.32rem;
          font-weight: 500;
          text-align: center;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_score .ranking_score_num[data-v-406ff909] {
            font-size: 0.37333rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_score .ranking_score_num .num_span[data-v-406ff909] {
              font-size: 0.32rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_score p[data-v-406ff909] {
            margin-top: 0.13333rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_score p[data-v-406ff909]:nth-child(2) {
              margin-top: 0;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_days[data-v-406ff909] {
          text-align: center;
          color: #fff;
          font-size: 0.37333rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_days .days_num[data-v-406ff909] {
            font-size: 0.32rem;
            margin-bottom: 0.10667rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_days .days_num .days_span[data-v-406ff909] {
              font-size: 0.32rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_days .fons14[data-v-406ff909] {
            font-size: 0.37333rem;
}
.ranking_page .ranking_top .top_ranking .ranking_item .ranking_days .days_btn[data-v-406ff909] {
            margin: 0 auto;
            width: 1.6rem;
            line-height: 0.58667rem;
            height: 0.58667rem;
            border-radius: 0.32rem;
            font-size: 0.32rem;
            border: 0.02667rem solid #fff;
}
.ranking_page .ranking_tabs[data-v-406ff909] {
    background-color: #ee8234;
    color: #ffffff;
    font-size: 0.37333rem;
    font-weight: 500;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.26667rem 0 0.13333rem;
    height: 1.06667rem;
}
.ranking_page .ranking_tabs .tbas_item[data-v-406ff909] {
      opacity: 0.7;
}
.ranking_page .ranking_tabs .tbas_item[data-v-406ff909]::after {
        content: '';
        display: block;
        left: 0.37333rem;
        width: 0.74667rem;
        height: 0.13333rem;
        background: url("https://osscdn.666syh.com/image/app/1687766408051.png") no-repeat;
        background-size: cover;
        margin: 0 auto;
        opacity: 0;
}
.ranking_page .ranking_tabs .tabs_active[data-v-406ff909] {
      opacity: 1;
}
.ranking_page .ranking_tabs .tabs_active[data-v-406ff909]::after {
        opacity: 1;
}
.ranking_page .pb50[data-v-406ff909] {
    padding-bottom: 1.33333rem !important;
}
.ranking_page .ranking_Nolist[data-v-406ff909] {
    padding: 0 !important;
}
.ranking_page .ranking_list[data-v-406ff909] {
    padding: 0 0.4rem;
}
.ranking_page .ranking_list .list_title[data-v-406ff909] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      margin-top: 0.4rem;
      font-weight: 500;
      color: #4e5969;
      border-bottom: 0.02667rem solid #f2f3f5;
      padding-bottom: 0.26667rem;
}
.ranking_page .ranking_list .list_title .name[data-v-406ff909] {
        flex: 1;
        margin-left: 0.45333rem;
}
.ranking_page .ranking_notice[data-v-406ff909] {
    height: calc(100vh - 8.16rem - 1.06667rem);
    background-color: #f8f4eb;
    padding-top: 2.88rem;
}
.ranking_page .score_list_box[data-v-406ff909] {
    position: fixed;
    width: 100%;
    height: 1.73333rem;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.ranking_page .score_list_box .list_box[data-v-406ff909] {
      background-color: #fff;
      padding: 0 0.4rem;
      height: 100%;
      display: flex;
      align-items: center;
}
.ranking_page .score_list_box .list_box .info_icon[data-v-406ff909] {
        width: 0.90667rem;
        margin-right: 0.16rem;
        display: flex;
        align-items: center;
        position: relative;
}
.ranking_page .score_list_box .list_box .info_icon .icon-s[data-v-406ff909] {
          position: absolute;
          bottom: 0.08rem;
          right: 0.05333rem;
}
.ranking_page .score_list_box .list_box .info_name[data-v-406ff909] {
        flex: 1;
}
.ranking_page .score_list_box .list_box .info_name .name[data-v-406ff909] {
          width: 4.48rem;
          font-size: 0.37333rem;
          color: #1d2129;
          font-weight: 500;
}
.ranking_page .score_list_box .list_box .info_name .days[data-v-406ff909] {
          font-weight: 500;
          font-size: 0.32rem;
          color: #4e5969;
}
.ranking_page .score_list_box .list_box .my_ranking[data-v-406ff909] {
        font-size: 0.37333rem;
        color: #1d2129;
        text-align: center;
}
.ranking_page .score_list_box .list_box .my_ranking .num[data-v-406ff909] {
          color: #ff7029;
          font-size: 0.37333rem;
}
.ranking_page .score_list_box .list_box .my_ranking .num span[data-v-406ff909] {
            color: #949da8;
            font-size: 0.32rem !important;
}
.ranking_page .focusOn[data-v-406ff909] {
    background: #ff6d0c linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
}
.ranking_notice2[data-v-406ff909] {
  padding-top: 2.18667rem !important;
}
.icon-v[data-v-406ff909] {
  width: 0.37333rem;
  height: 0.37333rem;
  position: absolute;
  bottom: 0.18667rem;
  left: 50%;
  transform: translate(0.18667rem);
}

.recommendation-list[data-v-b8ae703e] {
  min-height: 100vh;
  background-color: var(--bg_color);
}
.recommendation-list .rank_list_box[data-v-b8ae703e] {
    min-height: calc(100vh - 1.22667rem);
}
.recommendation-list .geduan[data-v-b8ae703e] {
    height: 0.21333rem;
    background-color: var(--sign_gedun);
}
.recommendation-list .list_box[data-v-b8ae703e] {
    background-color: var(--bg_color);
}
.recommendation-list .list_box .first_li[data-v-b8ae703e] {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: 500;
      border-bottom: var(--zuijline);
      color: #86909c;
      padding: 0.26667rem 0.4rem;
      background-color: #f8f4eb;
}
.recommendation-list .list_box .first_li .blue_txt[data-v-b8ae703e] {
        color: #ff7029;
        font-weight: 400;
}
.recommendation-list .list_box .other_li[data-v-b8ae703e] {
      height: 1.86667rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0.4rem;
}
.recommendation-list .list_box .other_li .rank_box[data-v-b8ae703e] {
        width: 1.06667rem;
        margin-right: 0.13333rem;
        line-height: 1.06667rem;
}
.recommendation-list .list_box .other_li .rank_box img[data-v-b8ae703e] {
          width: 0.8rem;
          height: 0.93333rem;
          margin: auto;
}
.recommendation-list .list_box .other_li .rank_box .span_index[data-v-b8ae703e] {
          width: 0.72rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          background: var(--aroww);
          border-radius: 50%;
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: var(--item_content);
}
.recommendation-list .list_box .other_li .other_right[data-v-b8ae703e] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.86667rem;
        padding-right: 0.4rem;
        border-bottom: var(--zuijline);
}
.recommendation-list .list_box .other_li .other_right .user_info[data-v-b8ae703e] {
          display: flex;
}
.recommendation-list .list_box .other_li .other_right .user_info .userImgBox[data-v-b8ae703e] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
}
.recommendation-list .list_box .other_li .other_right .user_info .userImgBox .user_avater[data-v-b8ae703e] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.recommendation-list .list_box .other_li .other_right .user_info .userImgBox .vipIcon[data-v-b8ae703e] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.recommendation-list .list_box .other_li .other_right .user_info .bgImg[data-v-b8ae703e] {
            background-color: #d5a160;
}
.recommendation-list .list_box .other_li .other_right .user_info .user_right[data-v-b8ae703e] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.recommendation-list .list_box .other_li .other_right .user_info .user_right .nickName[data-v-b8ae703e] {
              display: flex;
              color: var(--set_wangt);
              font-size: 0.34667rem;
              align-items: center;
}
.recommendation-list .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-b8ae703e] {
                font-size: 0.42667rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: var(--box_title);
                max-width: 2.66667rem;
}
.recommendation-list .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-b8ae703e] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.recommendation-list .list_box .other_li .other_right .user_info .user_right .timess[data-v-b8ae703e] {
              font-size: 0.37333rem;
              color: #4e5969;
}
.recommendation-list .list_box .other_li .other_right .guanzhu[data-v-b8ae703e] {
          padding: 0.10667rem 0.26667rem;
          text-align: center;
          border: 0.02667rem solid #ff7029;
          border-radius: 1.30667rem;
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: 400;
          color: #ff7029;
}
.recommendation-list .list_box .other_li .other_right .guanzhuOk[data-v-b8ae703e] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #86909c;
          padding: 0.10667rem 0.26667rem;
          border: 0.02667rem solid #c9cdd4;
          border-radius: 1.30667rem;
}

.nav_bar[data-v-e6837cd2] {
  position: relative;
  height: 1.2rem;
}
.nav_bar .van-hairline--bottom[data-v-e6837cd2]::after {
    border: none;
}
.nav_bar .van-nav-bar[data-v-e6837cd2] {
    background-color: var(--bg_color);
    padding: 0 0.4rem;
    z-index: 999;
    height: 1.2rem;
}
.nav_bar[data-v-e6837cd2] .van-nav-bar__title {
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--search_txt2);
}
.nav_bar[data-v-e6837cd2] .van-nav-bar__right {
    font-size: 0.4rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: var(--search_txt2);
}
.nav_bar .bg[data-v-e6837cd2] {
    background-color: var(--updata_bg);
}
.nav_bar .noBg[data-v-e6837cd2] {
    background-color: rgba(0, 0, 0, 0);
}
.nav_bar .pding[data-v-e6837cd2] {
    padding: 0;
}
.nav_bar .leftBg[data-v-e6837cd2] {
    width: 0.26667rem;
    height: 0.42667rem;
    background: var(--back);
}

.about_myself[data-v-7d1733b8] {
  height: calc(100vh - 1.33333rem);
  width: 100%;
}
.about_myself .content[data-v-7d1733b8] {
    padding: 0 0.96rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.about_myself .content .icon_book[data-v-7d1733b8] {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
}
.about_myself .content .icon_book img[data-v-7d1733b8] {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 0.53333rem;
        margin-bottom: 0.48rem;
}
.about_myself .content .icon_book p[data-v-7d1733b8] {
        font-size: 0.64rem;
        font-family: PingFang SC;
        font-weight: 800;
        color: var(--box_title);
        margin-bottom: 0.34667rem;
}
.about_myself .content .icon_book span[data-v-7d1733b8] {
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #969696;
}
.about_myself .content .sys_box[data-v-7d1733b8] {
      width: 100%;
}
.about_myself .content .sys_box ul[data-v-7d1733b8] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.about_myself .content .sys_box ul li[data-v-7d1733b8] {
          width: 100%;
          display: flex;
          justify-content: space-between;
          margin-bottom: 1.06667rem;
}
.about_myself .content .sys_box ul li span[data-v-7d1733b8] {
            font-family: PingFang SC;
            font-weight: bold;
}
.about_myself .content .sys_box ul li span[data-v-7d1733b8]:nth-of-type(1) {
              font-size: 0.37333rem;
              color: var(--box_righttxt);
}
.about_myself .content .sys_box ul li span[data-v-7d1733b8]:nth-of-type(2) {
              font-size: 0.37333rem;
              color: var(--about);
}
.about_myself .content .copy_box[data-v-7d1733b8] {
      font-size: 0.26667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #969696;
}

.uer_agreement .text[data-v-3b2639d4] {
  text-align: center;
  padding: 0.8rem;
}
.uer_agreement .text p[data-v-3b2639d4] {
    font-size: 0.42667rem;
    color: #969696;
    line-height: 0.53333rem;
}
.uer_agreement .text h2[data-v-3b2639d4] {
    font-size: 0.48rem;
    color: var(--box_title);
    margin: 0.8rem auto;
}

.cdk_item[data-v-65149a28] {
  margin-top: 0.4rem;
}
.cdk_item .cdk_ul[data-v-65149a28] {
    padding: 0 0.4rem;
}
.cdk_item .cdk_ul .cdk_li[data-v-65149a28] {
      border-radius: 0.26667rem;
      padding: 0.4rem;
      background-color: #fff;
      margin-bottom: 0.26667rem;
}
.cdk_item .cdk_ul .cdk_li .li_top[data-v-65149a28] {
        height: 3.73333rem;
        display: flex;
        justify-content: space-between;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_left[data-v-65149a28] {
          display: flex;
          width: 70%;
          flex-direction: column;
          justify-content: space-around;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_left .left_title[data-v-65149a28] {
            font-size: 0.4rem;
            font-weight: bold;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_left .left_cdk_item[data-v-65149a28] {
            font-size: 0.34667rem;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right[data-v-65149a28] {
          padding-top: 0.26667rem;
          display: flex;
          flex-direction: column;
          align-items: center;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right .right_status[data-v-65149a28] {
            color: #86909c;
            font-size: 0.32rem;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right .code[data-v-65149a28] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right .code .codecode[data-v-65149a28] {
              width: 0.53333rem;
              height: 0.53333rem;
              margin-bottom: 0.05333rem;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right .code .codetxt[data-v-65149a28] {
              font-size: 0.26667rem;
              color: #643900;
}
.cdk_item .cdk_ul .cdk_li .li_top .li_right .copy_txt[data-v-65149a28] {
            margin: 0.4rem 0 0.53333rem 0;
            width: 1.2rem;
            height: 0.61333rem;
            background-color: #eeeeee;
            border-radius: 0.34667rem;
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #1d2129;
            text-align: center;
            line-height: 0.61333rem;
}
.cdk_item .cdk_ul .cdk_li .li_bottom[data-v-65149a28] {
        height: 2.08rem;
        padding-top: 0.4rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        border-top: 0.02667rem dashed #e5e6eb;
}
.cdk_item .cdk_ul .cdk_li .li_bottom .left_title[data-v-65149a28] {
          font-size: 0.4rem;
          color: #1d2129;
          font-weight: bold;
}
.cdk_item .cdk_ul .cdk_li .li_bottom .left_cdk_item[data-v-65149a28] {
          font-size: 0.34667rem;
}
.cdk_item .font_white[data-v-65149a28] {
    color: #1d2129;
}
.cdk_item .red[data-v-65149a28] {
    color: #f65050 !important;
}
.cdk_item .font_brong[data-v-65149a28] {
    color: #86909c;
}
.cdk_item .newyearbox[data-v-65149a28] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0.74667rem;
    width: 7.86667rem;
    height: 11.46667rem;
    background: url("https://osscdn.666syh.com/image/app/1684981014114.png") no-repeat center/100% 100%;
}
.cdk_item .newyearbox .codetwoimg[data-v-65149a28] {
      width: 2.66667rem;
      height: 2.66667rem;
      border-radius: 0.26667rem;
      margin: 0.4rem 0 0.26667rem 0;
}
.cdk_item .newyearbox .agencyuserimg[data-v-65149a28] {
      width: 1.89333rem;
      height: 1.89333rem;
      background: #fbeac5;
      border: 0.08rem solid #ffffff;
      box-shadow: 0 0.02667rem 0.05333rem 0 rgba(255, 179, 121, 0.45);
      border-radius: 50%;
}
.cdk_item .newyearbox .agencyuserimg .agencyboxuser[data-v-65149a28] {
        width: 1.73333rem;
        height: 1.73333rem;
        border-radius: 50%;
}
.cdk_item .newyearbox .codebox[data-v-65149a28] {
      font-size: 0.48rem;
      font-weight: bold;
      color: #ffffff;
      margin: 0.26667rem 0;
}
.cdk_item .newyearbox .tiptxt[data-v-65149a28] {
      display: flex;
      flex-direction: column;
      font-size: 0.32rem;
      color: #ffffff;
}
.cdk_item .newyearbox .tiptxt .tipspan[data-v-65149a28] {
        margin: 0.13333rem 0;
}
.cdk_item .newyearbox .btntxt[data-v-65149a28] {
      font-size: 0.32rem;
      color: #ffffff;
}
.cdk_item .newyearbox .closeIcon[data-v-65149a28] {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -1.73333rem;
}
.cdk_item .newyearbox .closeIcon .closeImg[data-v-65149a28] {
        width: 0.88rem;
        height: 0.88rem;
}

.cdk[data-v-e24598ca] {
  min-height: 100vh;
  background-color: #f8f4eb;
}
.cdk .cdk_top[data-v-e24598ca] {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.4rem 0;
}
.cdk .cdk_top .left_icon[data-v-e24598ca] {
      width: 0.64rem;
      height: 0.64rem;
}
.cdk .cdk_top .ipn[data-v-e24598ca] {
      width: 6.24rem;
      height: 1.01333rem;
      background: #f2f3f5;
      border-radius: 0.21333rem 0.21333rem 0.21333rem 0.21333rem;
}
.cdk .cdk_top .right_btn[data-v-e24598ca] {
      width: 1.65333rem;
      height: 1.01333rem;
      text-align: center;
      line-height: 1.01333rem;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 0.21333rem;
      font-size: 0.4rem;
      color: #ffffff;
}
.cdk .tips[data-v-e24598ca] {
    padding: 0.26667rem 0 0.26667rem 1.33333rem;
    font-size: 0.32rem;
    color: #86909c;
    background-color: #fff;
}
.cdk .cdk_tab[data-v-e24598ca] {
    padding: 0 0.4rem;
    height: 1.33333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.02667rem solid #eff0f3;
    background-color: #fff;
}
.cdk .cdk_tab .tab_item[data-v-e24598ca] {
      height: 100%;
      text-align: center;
      line-height: 1.33333rem;
      flex: 1;
      position: relative;
      font-size: 0.37333rem;
      color: #86909c;
}
.cdk .cdk_tab .active_txt[data-v-e24598ca] {
      font-size: 0.42667rem;
      color: #ff7029;
      font-weight: bold;
}
.cdk .cdk_tab .active_txt[data-v-e24598ca]::after {
        content: '';
        position: absolute;
        bottom: 0.21333rem;
        border-radius: 0.05333rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0.34667rem;
        height: 0.08rem;
        background-color: #ff7029;
}
.cdk .van-dropdown-menu[data-v-e24598ca] .van-dropdown-menu__bar {
    box-shadow: none;
}
.cdk .van-dropdown-menu[data-v-e24598ca] .van-dropdown-menu__title--active {
    color: #ff7029;
}
.cdk .van-dropdown-menu[data-v-e24598ca] .van-popup--top {
    padding: 0.4rem 0 0.13333rem 0.4rem;
    border-radius: 0 0 0.4rem 0.4rem;
}
.cdk .type_ul[data-v-e24598ca] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #fff;
}
.cdk .type_ul .type_li[data-v-e24598ca] {
      width: 2.56rem;
      height: 0.8rem;
      background: #f3f3f3;
      border-radius: 1.06667rem;
      font-size: 0.34667rem;
      color: #1d2129;
      line-height: 0.8rem;
      text-align: center;
      margin: 0 0.61333rem 0.4rem 0;
}
.cdk .type_ul .active_li[data-v-e24598ca] {
      border: 0.02667rem solid #ff7029;
      background-color: #fff7f0;
      color: #ff7029;
}
.cdk .van-pull-refresh[data-v-e24598ca] {
    background-color: #f8f4eb;
}
.cdk .van-pull-refresh[data-v-e24598ca] .van-list .no_content {
      background-color: #f8f4eb;
      text-align: center;
      padding-top: 4.58667rem;
}
.cdk .van-pull-refresh[data-v-e24598ca] .van-list .no_content .noImg {
        width: 6.4rem;
        height: 3.41333rem;
}
.cdk .van-pull-refresh[data-v-e24598ca] .van-list .no_content .noTxt {
        font-size: 0.37333rem;
        color: #86909c;
        margin-top: 0.8rem;
}

li[data-v-139baf7a] {
  padding-bottom: 0.26667rem;
}
li .comment_info .user_box[data-v-139baf7a] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
}
li .comment_info .user_box .userImgBox[data-v-139baf7a] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
}
li .comment_info .user_box .userImgBox .userImg[data-v-139baf7a] {
        width: 0.96rem;
        height: 0.96rem;
        border-radius: 50%;
        margin-right: 0.32rem;
}
li .comment_info .user_box .userImgBox .userImg .userava[data-v-139baf7a] {
          width: 100%;
          height: 100%;
          border-radius: 50%;
}
li .comment_info .user_box .userImgBox .rigjt_info[data-v-139baf7a] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
li .comment_info .user_box .userImgBox .rigjt_info p[data-v-139baf7a]:nth-of-type(1) {
          display: flex;
          color: #333333;
          font-size: 0.32rem;
          font-weight: Bold;
          margin-bottom: 0.10667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info p:nth-of-type(1) .daoshiicon[data-v-139baf7a] {
            width: 0.48rem;
            height: 0.48rem;
            margin-left: 0.26667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info p[data-v-139baf7a]:nth-of-type(2) {
          font-size: 0.32rem;
          color: #838A96;
}
li .comment_info .comment_box[data-v-139baf7a] {
    margin: 0 0.4rem 0 1.6rem;
    padding: 0 0.64rem 0.4rem 0;
    border-bottom: 0.02667rem solid #EAEAEA;
}
li .comment_info .comment_box .comment_content[data-v-139baf7a] {
      font-size: 0.37333rem;
      color: var(--box_title);
      font-weight: bold;
      font-family: PingFang SC;
}
li .comment_info .comment_box .huifu_icon[data-v-139baf7a] {
      display: flex;
      align-items: center;
      height: 0.53333rem;
      margin-top: 0.4rem;
}
li .comment_info .comment_box .huifu_icon .iconcolor[data-v-139baf7a] {
        color: #a9b1bf;
        margin-right: 0.21333rem;
        font-size: 0.42667rem;
}
li .comment_info .comment_box .huifu_icon .huifutxt[data-v-139baf7a] {
        font-size: 0.32rem;
        color: #838A96;
}
li .comment_info .append_comment[data-v-139baf7a] {
    margin: 0.4rem 0.4rem 0 1.52rem;
    padding: 0.26667rem 0 0.26667rem 0.26667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 0.08rem;
}
li .comment_info .append_comment .othenUser[data-v-139baf7a] {
      font-size: 0.37333rem;
      color: #afafaf;
      line-height: 0.48rem;
}
li .comment_info .append_comment .othenUser .otherPerson[data-v-139baf7a] {
        display: flex;
        align-items: center;
}
li .comment_info .append_comment .othenUser .otherPerson .otheruserava[data-v-139baf7a] {
          width: 0.53333rem;
          height: 0.53333rem;
          border-radius: 50%;
}
li .comment_info .append_comment .othenUser .otherPerson .othername[data-v-139baf7a] {
          font-size: 0.32rem;
          color: #333333;
          margin: 0 0.16rem;
}
li .comment_info .append_comment .othenUser .otherPerson .daoshiicon[data-v-139baf7a] {
          width: 0.48rem;
          height: 0.48rem;
}
li .comment_info .append_comment .othenUser .otherUserContent[data-v-139baf7a] {
        margin: 0.26667rem 0.26667rem 0.26667rem 0.58667rem;
        color: #333333;
}
li .comment_info .append_comment .othenUser .otherUserContent .otherUserContenttxt[data-v-139baf7a] {
          font-size: 0.37333rem;
          font-weight: bold;
}
li .comment_info .append_comment .othenUser .otherUserContent .otherUserContenthuifu[data-v-139baf7a] {
          display: flex;
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #838A96;
          padding-top: 0.32rem;
}
li .comment_info .append_comment .othenUser .otherUserContent .otherUserContenthuifu span[data-v-139baf7a]:nth-of-type(1) {
            margin-right: 0.42667rem;
}
li .comment_info .append_comment .othenUser .otherappend[data-v-139baf7a] {
        margin-bottom: 0.26667rem;
}
li .comment_info .append_comment .othenUser .append_magr[data-v-139baf7a] {
        padding: 0.08rem 0;
        color: var(--about);
}
li .comment_info .append_comment .othenUser .append_magr .userself[data-v-139baf7a] {
          color: #969696;
}
li .comment_info .append_comment .allList[data-v-139baf7a] {
      display: flex;
      align-items: center;
      font-weight: bold;
      color: #838A96;
      font-size: 0.34667rem;
      width: 100%;
      padding-left: 0.58667rem;
}
li .comment_info .append_comment .allList .twospan[data-v-139baf7a] {
        height: 0.02667rem;
        flex: 1;
        margin-left: 0.13333rem;
        border-top: 0.02667rem solid #EAEAEA;
}
.user_say_book[data-v-139baf7a] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0.4rem;
  align-items: center;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
  z-index: 998;
}
.user_say_book .say_Ipn[data-v-139baf7a] {
    width: 100%;
    height: 1.33333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user_say_book .say_Ipn img[data-v-139baf7a] {
      width: 0.93333rem;
      height: 0.93333rem;
      border-radius: 50%;
      margin-right: 0.4rem;
}
.user_say_book .say_Ipn input[data-v-139baf7a] {
      flex: 1;
      height: 0.85333rem;
      background-color: var(--cahnge_btnbg);
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
}
.user_say_book .say_Ipn input[data-v-139baf7a]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #A1A1A1;
        font-size: 0.34667rem;
}
.user_say_book .say_Ipn input[data-v-139baf7a]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #A1A1A1;
        font-size: 0.34667rem;
}
.user_say_book .say_Ipn input[data-v-139baf7a]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #A1A1A1;
        font-size: 0.34667rem;
}
.user_say_book .say_Ipn input[data-v-139baf7a]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #A1A1A1;
        font-size: 0.34667rem;
}
.user_say_book .say_Ipn span[data-v-139baf7a] {
      font-size: 0.42667rem;
      margin-left: 0.18667rem;
      font-weight: bold;
      color: var(--box_title);
}

.tutorial[data-v-30e60098] {
  background-color: var(--bg_color);
  min-height: 100vh;
  font-family: PingFang SC;
}
.tutorial .top_bg_img[data-v-30e60098] {
    height: 8.05333rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tutorial .top_bg_img .my_nav[data-v-30e60098] {
      position: relative;
      display: flex;
      height: 2.66667rem;
}
.tutorial .top_bg_img .my_nav .sonBox[data-v-30e60098] {
        width: 100%;
        height: 8.05333rem;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
}
.tutorial .top_bg_img .my_nav .sonBox .van-hairline--bottom[data-v-30e60098]::after {
          border: none;
}
.tutorial .top_bg_img .my_nav .sonBox .rightBg[data-v-30e60098] {
          color: #FFFFFF;
}
.tutorial .top_bg_img .my_nav .sonBox .van-nav-bar[data-v-30e60098] {
          height: 1.33333rem;
          padding: 0 0.4rem;
          background-color: rgba(0, 0, 0, 0);
}
.tutorial .top_bg_img .my_nav .sonBox .van-nav-bar[data-v-30e60098] .van-icon {
            color: #FFFFFF;
            font-weight: bold;
}
.tutorial .top_bg_img .my_nav .my_nav_bg[data-v-30e60098] {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: inherit;
        background-position: top center;
        filter: blur(0.05333rem);
        border: none;
        z-index: 2;
}
.tutorial .top_bg_img .user_info[data-v-30e60098] {
      width: 100%;
      padding: 0 0.4rem;
}
.tutorial .top_bg_img .user_info .user_top[data-v-30e60098] {
        display: flex;
        justify-content: space-between;
}
.tutorial .top_bg_img .user_info .user_top .my_info[data-v-30e60098] {
          display: flex;
          flex-direction: column;
          font-family: PingFang SC;
          position: relative;
          z-index: 0.26667rem;
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_img[data-v-30e60098] {
            position: absolute;
            top: -0.66667rem;
            left: 0.21333rem;
            width: 2.13333rem;
            height: 2.13333rem;
            padding: 0.08rem;
            border-radius: 50%;
            z-index: 15;
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_img .uimg[data-v-30e60098] {
              width: 1.97333rem;
              height: 1.97333rem;
              border-radius: 50%;
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_img .vipIcon[data-v-30e60098] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.74667rem;
              height: 0.74667rem;
}
.tutorial .top_bg_img .user_info .user_top .my_info .bgcolor1[data-v-30e60098] {
            background-color: #eacaa1;
}
.tutorial .top_bg_img .user_info .user_top .my_info .bgcolor2[data-v-30e60098] {
            background-color: var(--touxiangbg);
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_name[data-v-30e60098] {
            margin-top: 1.73333rem;
            font-size: 0.53333rem;
            font-weight: 800;
            color: #FFFFFF;
            display: flex;
            align-items: center;
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_name .daoshi_icon[data-v-30e60098] {
              width: 0.8rem;
              height: 0.48rem;
              margin-left: 0.13333rem;
}
.tutorial .top_bg_img .user_info .user_top .my_info .user_code[data-v-30e60098] {
            margin-top: 0.26667rem;
            font-size: 0.37333rem;
            color: var(--search_txt1);
}
.tutorial .top_bg_img .user_info .user_autograph[data-v-30e60098] {
        margin-top: 0.4rem;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        color: #FFFFFF;
        line-height: 0.58667rem;
        width: 9.2rem;
        border-radius: 0.21333rem;
        padding: 0 0.26667rem;
}
.tutorial .top_tutorial[data-v-30e60098] {
    height: 5.01333rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.53333rem 0 0.64rem;
}
.tutorial .top_tutorial .top_tutorial_left[data-v-30e60098] {
      width: 3.25333rem;
      height: 3.78667rem;
      background: #FFFFFF;
      border: 0.02667rem solid #E5E5E5;
      border-radius: 0.21333rem;
}
.tutorial .top_tutorial .top_tutorial_right[data-v-30e60098] {
      flex: 1;
      height: 3.78667rem;
      padding-left: 0.53333rem;
}
.tutorial .top_tutorial .top_tutorial_right .sonboxtotur .user_name[data-v-30e60098] {
        font-size: 0.53333rem;
        font-weight: 800;
        color: #333333;
        display: flex;
        align-items: center;
}
.tutorial .top_tutorial .top_tutorial_right .sonboxtotur .user_name .daoshi_icon[data-v-30e60098] {
          width: 0.8rem;
          height: 0.48rem;
          margin-left: 0.26667rem;
}
.tutorial .top_tutorial .top_tutorial_right .sonboxtotur .top_tutorial_right_des[data-v-30e60098] {
        font-size: 0.37333rem;
        color: #333333;
        margin-top: 0.34667rem;
}
.tutorial .top_tutorial .top_tutorial_right .sonboxtotur .top_tutorial_right_info[data-v-30e60098] {
        font-size: 0.32rem;
        color: #333333;
        text-align: right;
        margin-top: 0.26667rem;
}
.tutorial .top_tutorial .hiddenBox[data-v-30e60098] {
      overflow-y: auto;
}
.tutorial .top_tutorial .hiddenBox[data-v-30e60098]::-webkit-scrollbar {
        display: none;
}
.tutorial .van-tabs[data-v-30e60098] {
    height: 1.33333rem;
    background-color: var(--bg_color);
}
.tutorial .van-tabs[data-v-30e60098] .van-tab__pane {
      padding-bottom: 1.33333rem;
}
.tutorial .van-tabs[data-v-30e60098] .van-tabs__wrap {
      padding-right: 60%;
      border-bottom: var(--bottomLine);
}
.tutorial .van-tabs[data-v-30e60098] .van-tabs__nav {
      background-color: var(--bg_color);
}
.tutorial .van-tabs[data-v-30e60098] .van-tabs__line {
      background-color: #A674F2;
      width: 0.53333rem;
      height: 0.08rem;
}
.tutorial .van-tabs[data-v-30e60098] .van-tab {
      color: #838A96;
      font-size: 0.37333rem;
      font-weight: bold;
}
.tutorial .van-tabs[data-v-30e60098] .van-tab--active {
      color: var(--box_title);
      font-weight: bold;
}

.cdk[data-v-e5f5a504] {
  background-color: var(--bg_color);
  min-height: 100vh;
}
.cdk .cdk_bg[data-v-e5f5a504] {
    height: 5.09333rem;
    width: 100%;
    background: url("https://osscdn.666syh.com/image/app/1684899283258.png") no-repeat center/100% 100%;
}
.cdk .cdk_bg .left_arrow[data-v-e5f5a504] {
      padding: 0.53333rem 0 0 0.4rem;
      color: #cccccc;
      font-size: 0.58667rem;
      margin-bottom: 0.8rem;
}
.cdk .cdk_bg .text span[data-v-e5f5a504] {
      font-size: 0.77333rem;
      color: #fff;
      padding-left: 0.53333rem;
}
.cdk .cdk_code[data-v-e5f5a504] {
    position: relative;
    top: -1.33333rem;
    margin: 0 0.4rem;
    padding: 0.93333rem 0.61333rem 0.53333rem;
    background-color: var(--updata_bg);
    border-radius: 0.26667rem;
    box-shadow: 0 0 0.69333rem 0 rgba(48, 48, 48, 0.1);
}
.cdk .cdk_code .ipn[data-v-e5f5a504] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.02667rem solid #969696;
      height: 1.33333rem;
}
.cdk .cdk_code .ipn label[data-v-e5f5a504] {
        width: 1.6rem;
        font-size: 0.37333rem;
        color: var(--box_title);
}
.cdk .cdk_code .ipn input[data-v-e5f5a504] {
        flex: 1;
        padding-left: 0.34667rem;
        background-color: var(--updata_bg);
        border: none;
        outline: none;
        font-size: 0.42667rem;
        color: var(--box_title);
}
.cdk .cdk_code .ipn input[data-v-e5f5a504]::-moz-placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.cdk .cdk_code .ipn input[data-v-e5f5a504]:-ms-input-placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.cdk .cdk_code .ipn input[data-v-e5f5a504]::placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.cdk .cdk_code .tips[data-v-e5f5a504] {
      margin-top: 0.4rem;
      font-size: 0.32rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.cdk .cdk_code .van-button[data-v-e5f5a504] {
      width: 100%;
      height: 1.28rem;
      background: linear-gradient(172deg, #fbedd1, #eed8af);
      border-radius: 0.21333rem;
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #202020;
      margin-top: 0.8rem;
      border: none;
}

.companion[data-v-b0d53b7c] {
  background-color: var(--vip_bg);
  min-height: 100vh;
}
.companion ul[data-v-b0d53b7c] {
    padding: 0 0.4rem;
}
.companion ul li[data-v-b0d53b7c] {
      margin-top: 0.4rem;
}
.companion ul li .free_item[data-v-b0d53b7c] {
        height: 3.46667rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: var(--updata_bg);
        border-radius: 0.26667rem;
        padding: 0.4rem 0.48rem 0.4rem 0.4rem;
        box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.companion ul li .free_item img[data-v-b0d53b7c] {
          width: 1.97333rem;
          height: 2.66667rem;
          margin-right: 0.37333rem;
          border-radius: 0.13333rem;
}
.companion ul li .free_item .free_item_right[data-v-b0d53b7c] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 2.53333rem;
}
.companion ul li .free_item .free_item_right .top_tips[data-v-b0d53b7c] {
            display: flex;
            justify-content: space-between;
}
.companion ul li .free_item .free_item_right .top_tips div[data-v-b0d53b7c]:nth-of-type(1) {
              flex: 1;
              font-size: 0.42667rem;
              color: var(--box_title);
              font-style: PingFang-SC-Bold;
              height: 0.53333rem;
              font-weight: bold;
              margin-right: 0.26667rem;
}
.companion ul li .free_item .free_item_right .top_tips div[data-v-b0d53b7c]:nth-of-type(2) {
              width: 3.36rem;
              font-size: 0.24rem;
              color: #f9f9f9;
}
.companion ul li .free_item .free_item_right .center_tip[data-v-b0d53b7c] {
            padding-right: 0.66667rem;
            font-size: 0.37333rem;
            color: #969696;
            font-style: PingFang-SC-Medium;
}
.companion ul li .free_item .free_item_right .bottom_tips[data-v-b0d53b7c] {
            display: flex;
            justify-content: space-between;
}
.companion ul li .free_item .free_item_right .bottom_tips span[data-v-b0d53b7c] {
              font-family: PingFang SC;
              font-weight: 500;
              color: #969696;
}
.companion ul li .free_item .free_item_right .bottom_tips span[data-v-b0d53b7c]:nth-of-type(1) {
                font-size: 0.29333rem;
}
.companion ul li .free_item .free_item_right .bottom_tips span[data-v-b0d53b7c]:nth-of-type(2) {
                font-size: 0.26667rem;
}

.vipContent[data-v-147cebe6] {
  width: 100vw;
  padding: 0 0.4rem 3.06667rem;
  background: #f8f4eb url("https://osscdn.666syh.com/image/app/1690184744071.png") no-repeat no-repeat 100% top/100% 25.09333rem;
}
.vipContent .userInfo[data-v-147cebe6] {
    display: flex;
    padding: 2.72rem 0 0 0.53333rem;
}
.vipContent .userInfo .avatar[data-v-147cebe6] {
      width: 1.01333rem;
      height: 1.01333rem;
      border-radius: 50%;
      border: 0.02667rem solid #fff;
}
.vipContent .userInfo .info[data-v-147cebe6] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      color: #825d26;
      margin-left: 0.18667rem;
}
.vipContent .userInfo .info .name[data-v-147cebe6] {
        font-size: 0.37333rem;
        font-weight: bold;
        margin-bottom: 0.08rem;
        width: 4.53333rem;
}
.vipContent .userInfo .info .vipStatus[data-v-147cebe6] {
        font-size: 0.32rem;
}
.vipContent .dayPrice[data-v-147cebe6] {
    padding-left: 0.53333rem;
    color: #8e6e3d;
    font-size: 0.26667rem;
    margin: 0.45333rem 0 1.17333rem;
}
.vipContent .dayPrice .vertical[data-v-147cebe6] {
      position: relative;
      top: -0.02667rem;
      margin: 0 0.18667rem;
}
.vipContent .privilegeImg[data-v-147cebe6] {
    width: 100%;
    margin-bottom: 0.66667rem;
}
.vipContent .container[data-v-147cebe6] {
    background-color: #fff;
    border: 0.02667rem solid #ffdca3;
    border-radius: 0.4rem;
    margin-bottom: 0.66667rem;
}
.vipContent .container .title[data-v-147cebe6] {
      height: 1.46667rem;
      color: #876129;
      font-size: 0.48rem;
      font-weight: bold;
      background: linear-gradient(47deg, #ffd28e 0%, #ffe8c2 100%);
      padding: 0.4rem;
      border-radius: 0.4rem 0.4rem 0 0;
}
.vipContent .container .freeBook[data-v-147cebe6] {
      padding: 0.4rem;
}
.vipContent .container .freeBook .bookInfo[data-v-147cebe6] {
        display: flex;
        margin-bottom: 0.4rem;
}
.vipContent .container .freeBook .bookInfo[data-v-147cebe6]:last-of-type {
          margin-bottom: 0;
}
.vipContent .container .freeBook .bookInfo .bookImg[data-v-147cebe6] {
          width: 1.97333rem;
          height: 2.66667rem;
          border: 0.05333rem solid #fff;
          border-radius: 0.21333rem;
          margin-right: 0.34667rem;
}
.vipContent .container .freeBook .bookInfo .info[data-v-147cebe6] {
          color: #1d2129;
}
.vipContent .container .freeBook .bookInfo .info .name[data-v-147cebe6] {
            font-size: 0.4rem;
            font-weight: bold;
            margin-bottom: 0.13333rem;
}
.vipContent .container .freeBook .bookInfo .info .desc[data-v-147cebe6] {
            margin-bottom: 0.4rem;
            font-size: 0.34667rem;
}
.vipContent .container .freeBook .bookInfo .info .teacher[data-v-147cebe6] {
            font-size: 0.32rem;
            color: #4e5969;
}
.vipContent .container .explain[data-v-147cebe6] {
      padding: 0.4rem;
}
.vipContent .container .explain .explainText[data-v-147cebe6] {
        font-size: 0.37333rem;
        color: #1d2129;
        margin-bottom: 0.18667rem;
}
.vipContent .container .explain .explainText[data-v-147cebe6]:last-of-type {
          color: #876129;
}
.vipContent .bottomBtnBox[data-v-147cebe6] {
    width: 100%;
    height: 1.86667rem;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.42667rem;
    color: #fff;
    padding-bottom: 0.66667rem;
    z-index: 1;
}
.vipContent .bottomBtnBox .btn[data-v-147cebe6] {
      position: relative;
      right: -0.4rem;
      width: 9.22667rem;
      height: 1.2rem;
      display: flex;
      justify-content: space-between;
      background: url("https://osscdn.666syh.com/image/app/1690361365193.png") no-repeat 100%/100%;
}
.vipContent .bottomBtnBox .btn .btnL[data-v-147cebe6] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        height: 100%;
        padding-left: 0.42667rem;
}
.vipContent .bottomBtnBox .btn .btnL .price1[data-v-147cebe6] {
          font-size: 0.48rem;
          line-height: 0.48rem;
}
.vipContent .bottomBtnBox .btn .btnL .price2[data-v-147cebe6] {
          font-size: 0.32rem;
          line-height: 0.32rem;
          text-decoration: line-through;
          margin-top: 0.05333rem;
}
.vipContent .bottomBtnBox .btn .btnR[data-v-147cebe6] {
        width: 3.65333rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
}
.vipContent .bottomBtnBox .btn .unit[data-v-147cebe6] {
        font-size: 0.32rem;
}
.vipContent .bottomBtnBox .btn .every_day_price[data-v-147cebe6] {
        font-size: 0.32rem;
        margin-left: 0.13333rem;
}
.vipContent .bgImg[data-v-147cebe6] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.68rem;
}
.popupContent .top_frem[data-v-147cebe6] {
  background-color: #fff;
  text-align: center;
}
.popupContent .top_frem .frem_icon[data-v-147cebe6] {
    width: 0.74667rem;
    height: 0.26667rem;
}
.popupContent .price_btn[data-v-147cebe6] {
  margin-top: 0.4rem;
  width: 100%;
  padding: 0.13333rem 0.48rem 0.4rem;
  background-color: var(--bg_color);
}
.popupContent .price_btn .btn[data-v-147cebe6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.2rem;
    height: 0.90667rem;
    background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.01333rem;
    font-size: 0.37333rem;
    font-weight: bold;
    color: #f9f9f9;
}
.popupContent .popup_top[data-v-147cebe6] {
  background-color: #fff;
  padding: 0.53333rem 0.42667rem 0.42667rem;
}
.popupContent .popup_top .mb[data-v-147cebe6] {
    margin-bottom: 0.4rem;
}
.popupContent .popup_top .popup_p[data-v-147cebe6] {
    display: flex;
    justify-content: space-between;
    font-size: 0.37333rem;
    color: #1d2129;
}
.popupContent .popup_top .pipup_tips[data-v-147cebe6] {
    font-size: 0.32rem;
    margin-top: 0.13333rem;
    color: #4e5969;
}
.popupContent .popup_top .type_box[data-v-147cebe6] {
    width: 100%;
    height: 1.14667rem;
    border-radius: 0.8rem;
    border: 0.02667rem solid #c9cdd4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.18667rem 0 0.37333rem;
}
.popupContent .popup_top .type_box .type_p[data-v-147cebe6] {
      font-size: 0.37333rem;
      color: #c9cdd4;
      display: flex;
      align-items: center;
}
.popupContent .popup_top .type_box .img_type[data-v-147cebe6] {
      margin-right: 0.16rem;
      width: 0.66667rem;
      height: 0.66667rem;
}
.popupContent .popup_top .wx[data-v-147cebe6] {
    border: 0.02667rem solid #07c160;
}
.popupContent .popup_top .wx .type_p[data-v-147cebe6] {
      color: #07c160;
}
.popupContent .popup_top .ali[data-v-147cebe6] {
    border: 0.02667rem solid #108ee8;
}
.popupContent .popup_top .ali .type_p[data-v-147cebe6] {
      color: #108ee8;
}
.popupContent .popup_top .beans[data-v-147cebe6] {
    border: 0.02667rem solid #ff7029;
}
.popupContent .popup_top .beans .type_p[data-v-147cebe6] {
      color: #ff7029;
}
.content[data-v-147cebe6] {
  width: 7.84rem;
  height: 9.52rem;
  background: #fff;
  padding: 1.76rem 0.53333rem 0;
  color: #fff;
  z-index: -999;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.content .bgImg[data-v-147cebe6] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.content .info[data-v-147cebe6] {
    display: flex;
    flex-direction: column;
}
.content .info .avatarAndNickname[data-v-147cebe6] {
      display: flex;
      align-items: center;
      margin-bottom: 0.66667rem;
}
.content .info .avatarAndNickname .avatar[data-v-147cebe6] {
        width: 0.66667rem;
        height: 0.66667rem;
        border-radius: 50%;
        margin-right: 0.21333rem;
        border: 0.02667rem solid #fff;
}
.content .info .avatarAndNickname .nickname[data-v-147cebe6] {
        font-size: 0.34667rem;
}
.content .info .studyDays[data-v-147cebe6] {
      font-size: 0.4rem;
      line-height: 0.82667rem;
      margin-bottom: 0.26667rem;
}
.content .info .studyDays .days[data-v-147cebe6] {
        font-size: 0.58667rem;
}
.content .info .text[data-v-147cebe6] {
      font-size: 0.4rem;
      margin-bottom: 0.26667rem;
}
.content .info .text[data-v-147cebe6]:last-of-type {
        margin-bottom: 0.74667rem;
}
.content .logoAndQrcode[data-v-147cebe6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0.53333rem;
    left: 0;
    padding: 0 0.53333rem;
}
.content .logoAndQrcode .logo[data-v-147cebe6] {
      font-size: 0.32rem;
      margin-top: 0.32rem;
}
.content .logoAndQrcode .logo .logoIcon[data-v-147cebe6] {
        width: 2rem;
        height: 0.66667rem;
        margin-top: 0.26667rem;
}
.content .logoAndQrcode .codeBox[data-v-147cebe6] {
      width: 2rem;
      height: 2rem;
      background-color: #fff;
}
.content .logoAndQrcode .codeBox .qrcodeImg[data-v-147cebe6] {
        width: 100%;
        height: 100%;
}
.shareC[data-v-147cebe6] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.shareC .shareImg[data-v-147cebe6] {
    border-radius: 0.53333rem;
    width: 7.84rem;
    height: 9.52rem;
}
.shareC .tips[data-v-147cebe6] {
    width: 100%;
    margin-top: 0.53333rem;
    font-size: 0.37333rem;
    color: #fff;
    text-align: center;
}
.shareC .tips .tipsText[data-v-147cebe6] {
      margin-bottom: 0.53333rem;
}
.shareC .tips .tipsImg[data-v-147cebe6] {
      width: 0.69333rem;
      height: 0.69333rem;
}

.teacher_code[data-v-c5a1bbc4] {
  padding-top: 0.8rem;
  background-color: #fefefe;
  min-height: 100vh;
}
.teacher_code .topicItem .topicItemTitle[data-v-c5a1bbc4] {
    padding: 0.26667rem 0 0 0.42667rem;
    display: flex;
    align-items: center;
}
.teacher_code .topicItem .topicItemTitle .topicIndex[data-v-c5a1bbc4] {
      width: 0.48rem;
      height: 0.48rem;
      line-height: 0.53333rem;
      text-align: center;
      background: #eaeaea;
      border-radius: 50%;
      margin-right: 0.26667rem;
      font-size: 0.32rem;
      font-weight: bold;
      color: #333333;
}
.teacher_code .topicItem .topicItemTitle .topicIndex .imgicon[data-v-c5a1bbc4] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}
.teacher_code .topicItem .topicItemTitle .topicTitle[data-v-c5a1bbc4] {
      font-size: 0.42667rem;
      font-weight: bold;
      color: #333333;
}
.teacher_code .topicItem .topicItemTitle .first[data-v-c5a1bbc4] {
      color: #ff6464;
}
.teacher_code .topicItem .topicContent[data-v-c5a1bbc4] {
    border-left: 0.08rem solid #a7b0c0;
    margin: 0.13333rem 0 0 0.66667rem;
    padding: 0 0.58667rem 0 0.26667rem;
}
.teacher_code .topicItem .topicContent .topicRightText[data-v-c5a1bbc4] {
      padding-left: 0.32rem;
      font-size: 0.29333rem;
      color: #333333;
      line-height: 0.53333rem;
}
.teacher_code .topicItem .topicContent .firstbox[data-v-c5a1bbc4] {
      padding: 0.32rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo[data-v-c5a1bbc4] {
      width: 100%;
      height: 8.08rem;
      padding: 0.4rem 0.13333rem 0 0.4rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox[data-v-c5a1bbc4] {
        height: 7.25333rem;
        width: 100%;
        background: url("https://osscdn.666syh.com/image/app/1688115699068.png") no-repeat center/100% 100%;
        position: relative;
        padding-top: 0.72rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .twoTitle[data-v-c5a1bbc4] {
          text-align: center;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .twoTitle .twoimg[data-v-c5a1bbc4] {
            width: 0.4rem;
            height: 0.4rem;
            margin-right: 0.13333rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .twoTitle .twotxt[data-v-c5a1bbc4] {
            font-size: 0.34667rem;
            font-weight: bold;
            color: #536d92;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .codetwo[data-v-c5a1bbc4] {
          position: absolute;
          top: 1.68rem;
          left: 50%;
          transform: translateX(-50%);
          width: 2.98667rem;
          height: 2.98667rem;
          background: #f7f8fa;
          box-shadow: 0 0.05333rem 0.34667rem 0 rgba(1, 51, 119, 0.1);
          border-radius: 0.26667rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo[data-v-c5a1bbc4] {
          position: absolute;
          bottom: 0;
          height: 1.92rem;
          width: 100%;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .leftBox[data-v-c5a1bbc4] {
            position: absolute;
            top: -0.26667rem;
            left: 0.21333rem;
            width: 1.92rem;
            height: 1.92rem;
            border-radius: 50%;
            background-color: #f4f9fd;
            padding: 0.08rem;
            box-shadow: 0 0.05333rem 0.34667rem 0.13333rem rgba(1, 51, 119, 0.1);
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .leftBox .teacherImg[data-v-c5a1bbc4] {
              width: 1.73333rem;
              height: 1.73333rem;
              border-radius: 50%;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .rightBox[data-v-c5a1bbc4] {
            position: absolute;
            left: 2.4rem;
            top: 0.4rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .rightBox .leftTopBox[data-v-c5a1bbc4] {
              display: flex;
              align-items: center;
              margin-bottom: 0.26667rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .rightBox .leftTopBox .typeicon[data-v-c5a1bbc4] {
                width: 0.82667rem;
                height: 0.42667rem;
                background: linear-gradient(-25deg, #eac790 0%, #fbe6c1 100%);
                border-radius: 0.10667rem;
                font-size: 0.26667rem;
                text-align: center;
                line-height: 0.45333rem;
                font-weight: bold;
                color: #484039;
                margin-right: 0.13333rem;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .rightBox .leftTopBox .typename[data-v-c5a1bbc4] {
                font-size: 0.4rem;
                font-weight: bold;
                color: #323232;
}
.teacher_code .topicItem .topicContent .topicRightVideo .twobox .teacherinfo .rightBox .rightBottomBox[data-v-c5a1bbc4] {
              font-size: 0.34667rem;
              color: #838a96;
}
.teacher_code .topicItem .topicContent .topicBtnBox[data-v-c5a1bbc4] {
      padding: 0 0.58667rem 0 0.26667rem;
}
.teacher_code .topicItem .topicContent .topicBtnBox .topicBtn[data-v-c5a1bbc4] {
        width: 168.32rem;
        height: 1.06667rem;
        line-height: 1.06667rem;
        text-align: center;
        background: linear-gradient(0deg, #ffbf33 0%, #ffd533 100%);
        border-radius: 0.21333rem;
        margin-top: 0.4rem;
        font-size: 0.37333rem;
        font-weight: bold;
        color: #333333;
}
.teacher_code .topicItem .topicContent .secedebox[data-v-c5a1bbc4] {
      width: 100%;
      height: 3.12rem;
      background: #f8f6f9;
      border-radius: 0.21333rem;
      padding: 0.4rem;
      text-align: left;
}
.teacher_code .topicItem .topicContent .secedebox .secedetel[data-v-c5a1bbc4] {
        font-size: 0.42667rem;
        font-weight: bold;
        color: #333333;
        margin-bottom: 0.37333rem;
}
.teacher_code .topicItem .topicContent .secedebox .secedetxt[data-v-c5a1bbc4] {
        font-size: 0.34667rem;
        color: #757376;
}
.teacher_code .topicItem .topicNoLine[data-v-c5a1bbc4] {
    border: none;
}

.open_vip[data-v-c7a48d08] {
  position: relative;
  background-color: var(--vip_bg);
  padding-bottom: 0.53333rem;
}
.open_vip .cdk_bg[data-v-c7a48d08] {
    height: 5.09333rem;
    width: 100%;
    background: url("https://osscdn.666syh.com/image/app/1688115328581.png") no-repeat center/100% 100%;
}
.open_vip .cdk_bg .left_arrow[data-v-c7a48d08] {
      padding: 0.53333rem 0.4rem 0;
      color: #202020;
      font-size: 0.58667rem;
      margin-bottom: 0.8rem;
      text-align: center;
}
.open_vip .cdk_bg .left_arrow span[data-v-c7a48d08] {
        font-size: 0.48rem;
        font-family: PingFang SC;
        font-weight: bold;
}
.open_vip .vip_user[data-v-c7a48d08] {
    width: 9.2rem;
    height: 2.08rem;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    position: absolute;
    left: 50%;
    top: 3.49333rem;
    transform: translateX(-50%);
}
.open_vip .vip_user .userHeader[data-v-c7a48d08] {
      width: 1.97333rem;
      height: 1.97333rem;
      padding: 0.08rem;
      border-radius: 50%;
      position: absolute;
      left: 0.53333rem;
      top: -0.21333rem;
}
.open_vip .vip_user .userHeader img[data-v-c7a48d08] {
        width: 1.84rem;
        height: 1.84rem;
        border-radius: 50%;
}
.open_vip .vip_user .userHeader .vipIcon[data-v-c7a48d08] {
        position: absolute;
        bottom: -0.08rem;
        right: -0.08rem;
        width: 0.74667rem;
        height: 0.74667rem;
}
.open_vip .vip_user .bg1[data-v-c7a48d08] {
      background-color: var(--user_imgpd);
}
.open_vip .vip_user .bg2[data-v-c7a48d08] {
      background-color: #eacaa1;
}
.open_vip .vip_user .user_info[data-v-c7a48d08] {
      position: absolute;
      left: 2.8rem;
      top: 0.45333rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: flex-start;
      padding-right: 0.53333rem;
}
.open_vip .vip_user .user_info .userNickname[data-v-c7a48d08] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 0.45333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: var(--search_txt2);
}
.open_vip .vip_user .user_info .userNickname .usernameBox[data-v-c7a48d08] {
          width: 100%;
}
.open_vip .vip_user .user_info .userNickname .vipImg[data-v-c7a48d08] {
          width: 1.12rem;
          height: 0.42667rem;
          margin-left: 0.24rem;
}
.open_vip .vip_user .user_info span[data-v-c7a48d08] {
        font-weight: Bold;
}
.open_vip .vip_user .user_info span[data-v-c7a48d08]:nth-of-type(1) {
          font-size: 0.53333rem;
          color: var(--search_txt2);
}
.open_vip .vip_user .user_info span[data-v-c7a48d08]:nth-of-type(2) {
          font-size: 0.29333rem;
          color: #969696;
}
.open_vip .vip_price[data-v-c7a48d08] {
    background-color: var(--updata_bg);
    height: 5.54667rem;
    width: 9.2rem;
    margin: 0.8rem auto 0;
    border-radius: 0.26667rem;
    padding: 0.53333rem 0;
}
.open_vip .vip_price .swiper_box[data-v-c7a48d08] {
      height: 3.06667rem;
      width: 100%;
      overflow-x: auto;
}
.open_vip .vip_price .swiper_box .price_box[data-v-c7a48d08] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0 2.66667rem;
}
.open_vip .vip_price .swiper_box .price_box li[data-v-c7a48d08] {
          width: 6.53333rem;
          height: 2.90667rem;
          background: var(--nav_bgcolor);
          border-radius: 0.21333rem;
          margin: 0 0.16rem;
          display: flex;
          justify-content: space-around;
          flex-direction: column;
          align-items: center;
          border: 0.02667rem solid #eaeaea;
}
.open_vip .vip_price .swiper_box .price_box li p[data-v-c7a48d08] {
            font-family: PingFang SC;
            font-weight: bold;
}
.open_vip .vip_price .swiper_box .price_box li p[data-v-c7a48d08]:nth-of-type(1) {
              font-size: 0.37333rem;
              color: #969696;
}
.open_vip .vip_price .swiper_box .price_box li p[data-v-c7a48d08]:nth-of-type(2) {
              font-size: 0.69333rem;
              color: #daa43a;
}
.open_vip .vip_price .swiper_box .price_box li p:nth-of-type(2) span[data-v-c7a48d08] {
                font-size: 0.34667rem;
}
.open_vip .vip_price .swiper_box .price_box li p[data-v-c7a48d08]:nth-of-type(3) {
              font-size: 0.24rem;
              color: #969696;
}
.open_vip .vip_price .swiper_box .price_box li[data-v-c7a48d08]:last-child {
            width: 4.53333rem;
}
.open_vip .vip_price .swiper_box .price_box .checkBg[data-v-c7a48d08] {
          background: var(--vip_active);
}
.open_vip .vip_price .swiper_box .price_box .checkBg p[data-v-c7a48d08]:first-child, .open_vip .vip_price .swiper_box .price_box .checkBg p[data-v-c7a48d08]:last-child {
            color: #202020;
}
.open_vip .vip_price .swiper_btn[data-v-c7a48d08] {
      width: 100%;
      padding: 0 0.66667rem;
      margin-top: 0.26667rem;
}
.open_vip .vip_price .swiper_btn .van-button[data-v-c7a48d08] {
        width: 100%;
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #202020;
        background: #eed9b0;
        border: none;
}
.open_vip .vip_privilege[data-v-c7a48d08] {
    width: 9.2rem;
    margin: 0.4rem auto;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    padding: 0.53333rem;
}
.open_vip .vip_privilege .vip_privilege_title[data-v-c7a48d08] {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.50667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #eed9b0;
}
.open_vip .vip_privilege .vip_privilege_title img[data-v-c7a48d08] {
        width: 0.69333rem;
        height: 0.13333rem;
}
.open_vip .vip_privilege .vip_privilege_title span[data-v-c7a48d08] {
        margin: 0 0.26667rem;
}
.open_vip .vip_privilege .vip_privilege_item[data-v-c7a48d08] {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.open_vip .vip_privilege .vip_privilege_item li[data-v-c7a48d08] {
        width: 33.3%;
        height: 2.66667rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0 3%;
}
.open_vip .vip_privilege .vip_privilege_item li[data-v-c7a48d08]:nth-of-type(n - 3) {
          margin-top: 0.53333rem;
}
.open_vip .vip_privilege .vip_privilege_item li img[data-v-c7a48d08] {
          width: 1.2rem;
          height: 1.2rem;
}
.open_vip .vip_privilege .vip_privilege_item li div[data-v-c7a48d08] {
          display: flex;
          flex-direction: column;
          align-items: center;
}
.open_vip .vip_privilege .vip_privilege_item li div span[data-v-c7a48d08]:nth-of-type(1) {
            font-size: 0.37333rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #eed9b0;
}
.open_vip .vip_privilege .vip_privilege_item li div span[data-v-c7a48d08]:nth-of-type(3) {
            font-size: 0.26667rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #969696;
            text-align: center;
}
.open_vip .reader_me[data-v-c7a48d08] {
    width: 9.2rem;
    height: 4.4rem;
    margin: 0.4rem auto 0;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    padding: 0.53333rem;
}
.open_vip .reader_me .vip_privilege_title[data-v-c7a48d08] {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.50667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #eed9b0;
      margin-bottom: 0.4rem;
}
.open_vip .reader_me .vip_privilege_title img[data-v-c7a48d08] {
        width: 0.69333rem;
        height: 0.13333rem;
}
.open_vip .reader_me .vip_privilege_title span[data-v-c7a48d08] {
        margin: 0 0.26667rem;
}
.open_vip .reader_me ul[data-v-c7a48d08] {
      height: 2.4rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-left: 0.53333rem;
}
.open_vip .reader_me ul li[data-v-c7a48d08] {
        list-style: disc;
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--vip_tips);
}
.open_vip .reader_me ul li[data-v-c7a48d08]:last-child {
          color: #eed9b0;
}
.open_vip .van-popup[data-v-c7a48d08] {
    background-color: var(--vip_props);
}
.open_vip .van-popup .price_num[data-v-c7a48d08] {
      height: 3.33333rem;
      background-color: var(--bg_color);
      text-align: center;
      line-height: 3.33333rem;
      font-size: 1.06667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ff6464;
}
.open_vip .van-popup .price_num span[data-v-c7a48d08] {
        font-size: 0.66667rem;
}
.open_vip .van-popup .price_settlement[data-v-c7a48d08] {
      width: 100%;
      background-color: var(--bg_color);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 0.26667rem;
      padding: 0.53333rem 0.4rem;
}
.open_vip .van-popup .price_settlement .itm[data-v-c7a48d08] {
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        margin-bottom: 0.26667rem;
}
.open_vip .van-popup .price_settlement .itm span[data-v-c7a48d08]:nth-of-type(1) {
          color: var(--tips);
}
.open_vip .van-popup .price_settlement .itm span[data-v-c7a48d08]:nth-of-type(2) {
          color: var(--box_title);
}
.open_vip .van-popup .price_settlement .itm:last-child span[data-v-c7a48d08]:nth-of-type(1) {
          color: var(--box_title);
}
.open_vip .van-popup .price_settlement .itm:last-child span[data-v-c7a48d08]:nth-of-type(2) {
          color: #ff6464;
}
.open_vip .van-popup .price_btn[data-v-c7a48d08] {
      margin-top: 0.26667rem;
      width: 100%;
      padding: 0.4rem 0.48rem 0.26667rem;
      background-color: var(--bg_color);
}
.open_vip .van-popup .price_btn .checkbxo[data-v-c7a48d08] {
        height: 0.66667rem;
        font-size: 0.42667rem;
        line-height: 0.66667rem;
}
.open_vip .van-popup .price_btn .checkbxo .van-checkbox__label[data-v-c7a48d08] {
          color: #0fa5d7;
}
.open_vip .van-popup .price_btn img[data-v-c7a48d08] {
        width: 0.56rem;
        height: 0.48rem;
        vertical-align: middle;
        margin-right: 0.26667rem;
}
.open_vip .van-popup .price_btn .van-button[data-v-c7a48d08] {
        width: 100%;
        background: #09bb07;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #f9f9f9;
}

.vip_deposit[data-v-02155590] {
  position: relative;
  background-color: var(--vip_bg);
  padding-bottom: 0.53333rem;
}
.vip_deposit .cdk_bg[data-v-02155590] {
    height: 5.09333rem;
    width: 100%;
    background: url("https://osscdn.666syh.com/image/app/1688115328581.png") no-repeat center/100% 100%;
}
.vip_deposit .cdk_bg .left_arrow[data-v-02155590] {
      padding: 0.53333rem 0.4rem 0;
      color: #202020;
      font-size: 0.58667rem;
      margin-bottom: 0.8rem;
      text-align: center;
}
.vip_deposit .cdk_bg .left_arrow span[data-v-02155590] {
        font-size: 0.48rem;
        font-family: PingFang SC;
        font-weight: bold;
}
.vip_deposit .vip_user[data-v-02155590] {
    width: 9.2rem;
    height: 2.08rem;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    position: absolute;
    left: 50%;
    top: 3.49333rem;
    transform: translateX(-50%);
}
.vip_deposit .vip_user .userHeader[data-v-02155590] {
      width: 1.97333rem;
      height: 1.97333rem;
      padding: 0.08rem;
      border-radius: 50%;
      position: absolute;
      left: 0.53333rem;
      top: -0.21333rem;
}
.vip_deposit .vip_user .userHeader img[data-v-02155590] {
        width: 1.84rem;
        height: 1.84rem;
        border-radius: 50%;
}
.vip_deposit .vip_user .userHeader .vipIcon[data-v-02155590] {
        position: absolute;
        bottom: -0.08rem;
        right: -0.08rem;
        width: 0.74667rem;
        height: 0.74667rem;
}
.vip_deposit .vip_user .bg1[data-v-02155590] {
      background-color: var(--user_imgpd);
}
.vip_deposit .vip_user .bg2[data-v-02155590] {
      background-color: #eacaa1;
}
.vip_deposit .vip_user .user_info[data-v-02155590] {
      position: absolute;
      left: 2.8rem;
      top: 0.45333rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: flex-start;
      padding-right: 0.53333rem;
}
.vip_deposit .vip_user .user_info .userNickname[data-v-02155590] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 0.45333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: var(--search_txt2);
}
.vip_deposit .vip_user .user_info .userNickname .usernameBox[data-v-02155590] {
          width: 100%;
}
.vip_deposit .vip_user .user_info .userNickname .vipImg[data-v-02155590] {
          width: 1.12rem;
          height: 0.42667rem;
          margin-left: 0.24rem;
}
.vip_deposit .vip_user .user_info span[data-v-02155590] {
        font-weight: Bold;
}
.vip_deposit .vip_user .user_info span[data-v-02155590]:nth-of-type(1) {
          font-size: 0.53333rem;
          color: var(--search_txt2);
}
.vip_deposit .vip_user .user_info span[data-v-02155590]:nth-of-type(2) {
          font-size: 0.29333rem;
          color: #969696;
}
.vip_deposit .vip_price[data-v-02155590] {
    background-color: var(--updata_bg);
    height: 5.81333rem;
    width: 9.2rem;
    margin: 0.8rem auto 0;
    border-radius: 0.26667rem;
    padding: 0.53333rem 0;
}
.vip_deposit .vip_price .swiper_box[data-v-02155590] {
      height: 3.33333rem;
      width: 100%;
      overflow-x: auto;
}
.vip_deposit .vip_price .swiper_box .price_box[data-v-02155590] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0.26667rem 2.66667rem 0;
}
.vip_deposit .vip_price .swiper_box .price_box li[data-v-02155590] {
          position: relative;
          width: 6.53333rem;
          height: 2.90667rem;
          background: var(--nav_bgcolor);
          border-radius: 0.21333rem;
          margin: 0 0.16rem;
          display: flex;
          justify-content: space-around;
          flex-direction: column;
          align-items: center;
          border: 0.02667rem solid #eaeaea;
}
.vip_deposit .vip_price .swiper_box .price_box li .ms_icon[data-v-02155590] {
            position: absolute;
            width: 2.13333rem;
            height: 0.45333rem;
            top: -0.21333rem;
            right: 0;
}
.vip_deposit .vip_price .swiper_box .price_box li p[data-v-02155590] {
            font-family: PingFang SC;
            font-weight: bold;
}
.vip_deposit .vip_price .swiper_box .price_box li p[data-v-02155590]:nth-of-type(1) {
              font-size: 0.37333rem;
              color: #969696;
}
.vip_deposit .vip_price .swiper_box .price_box li p[data-v-02155590]:nth-of-type(2) {
              font-size: 0.69333rem;
              color: #daa43a;
}
.vip_deposit .vip_price .swiper_box .price_box li p:nth-of-type(2) span[data-v-02155590] {
                font-size: 0.34667rem;
}
.vip_deposit .vip_price .swiper_box .price_box li p[data-v-02155590]:nth-of-type(3) {
              font-size: 0.24rem;
              color: #969696;
}
.vip_deposit .vip_price .swiper_box .price_box li[data-v-02155590]:last-child {
            width: 4.53333rem;
}
.vip_deposit .vip_price .swiper_box .price_box .checkBg[data-v-02155590] {
          background: var(--vip_active);
}
.vip_deposit .vip_price .swiper_box .price_box .checkBg .setColor[data-v-02155590] {
            color: #202020;
}
.vip_deposit .vip_price .swiper_btn[data-v-02155590] {
      width: 100%;
      padding: 0 0.66667rem;
      margin-top: 0.26667rem;
}
.vip_deposit .vip_price .swiper_btn .van-button[data-v-02155590] {
        width: 100%;
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #202020;
        background: #eed9b0;
        border: none;
}
.vip_deposit .vip_privilege[data-v-02155590] {
    width: 9.2rem;
    margin: 0.4rem auto;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    padding: 0.53333rem;
}
.vip_deposit .vip_privilege .vip_privilege_title[data-v-02155590] {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.50667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #eed9b0;
}
.vip_deposit .vip_privilege .vip_privilege_title img[data-v-02155590] {
        width: 0.69333rem;
        height: 0.13333rem;
}
.vip_deposit .vip_privilege .vip_privilege_title span[data-v-02155590] {
        margin: 0 0.26667rem;
}
.vip_deposit .vip_privilege .vip_privilege_item[data-v-02155590] {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.vip_deposit .vip_privilege .vip_privilege_item li[data-v-02155590] {
        width: 33.3%;
        height: 2.66667rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0 3%;
}
.vip_deposit .vip_privilege .vip_privilege_item li[data-v-02155590]:nth-of-type(n - 3) {
          margin-top: 0.53333rem;
}
.vip_deposit .vip_privilege .vip_privilege_item li img[data-v-02155590] {
          width: 1.2rem;
          height: 1.2rem;
}
.vip_deposit .vip_privilege .vip_privilege_item li div[data-v-02155590] {
          display: flex;
          flex-direction: column;
          align-items: center;
}
.vip_deposit .vip_privilege .vip_privilege_item li div span[data-v-02155590]:nth-of-type(1) {
            font-size: 0.37333rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #eed9b0;
}
.vip_deposit .vip_privilege .vip_privilege_item li div span[data-v-02155590]:nth-of-type(3) {
            font-size: 0.26667rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #969696;
            text-align: center;
}
.vip_deposit .reader_me[data-v-02155590] {
    width: 9.2rem;
    height: 4.4rem;
    margin: 0.4rem auto 0;
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    padding: 0.53333rem;
}
.vip_deposit .reader_me .vip_privilege_title[data-v-02155590] {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.50667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #eed9b0;
      margin-bottom: 0.4rem;
}
.vip_deposit .reader_me .vip_privilege_title img[data-v-02155590] {
        width: 0.69333rem;
        height: 0.13333rem;
}
.vip_deposit .reader_me .vip_privilege_title span[data-v-02155590] {
        margin: 0 0.26667rem;
}
.vip_deposit .reader_me ul[data-v-02155590] {
      height: 2.4rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-left: 0.53333rem;
}
.vip_deposit .reader_me ul li[data-v-02155590] {
        list-style: disc;
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--vip_tips);
}
.vip_deposit .reader_me ul li[data-v-02155590]:last-child {
          color: #eed9b0;
}
.vip_deposit .van-popup[data-v-02155590] {
    background-color: var(--vip_props);
}
.vip_deposit .van-popup .price_num[data-v-02155590] {
      height: 3.33333rem;
      background-color: var(--bg_color);
      text-align: center;
      line-height: 3.33333rem;
      font-size: 1.06667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ff6464;
}
.vip_deposit .van-popup .price_num span[data-v-02155590] {
        font-size: 0.66667rem;
}
.vip_deposit .van-popup .price_settlement[data-v-02155590] {
      width: 100%;
      background-color: var(--bg_color);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 0.26667rem;
      padding: 0.53333rem 0.4rem;
}
.vip_deposit .van-popup .price_settlement .itm[data-v-02155590] {
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        margin-bottom: 0.26667rem;
}
.vip_deposit .van-popup .price_settlement .itm span[data-v-02155590]:nth-of-type(1) {
          color: var(--tips);
}
.vip_deposit .van-popup .price_settlement .itm span[data-v-02155590]:nth-of-type(2) {
          color: var(--box_title);
}
.vip_deposit .van-popup .price_settlement .itm:last-child span[data-v-02155590]:nth-of-type(1) {
          color: var(--box_title);
}
.vip_deposit .van-popup .price_settlement .itm:last-child span[data-v-02155590]:nth-of-type(2) {
          color: #ff6464;
}
.vip_deposit .van-popup .price_btn[data-v-02155590] {
      margin-top: 0.26667rem;
      width: 100%;
      padding: 0.4rem 0.48rem 0.13333rem;
      background-color: var(--bg_color);
}
.vip_deposit .van-popup .price_btn img[data-v-02155590] {
        width: 0.56rem;
        height: 0.48rem;
        vertical-align: middle;
        margin-right: 0.26667rem;
}
.vip_deposit .van-popup .price_btn .van-button[data-v-02155590] {
        width: 100%;
        background: #09bb07;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #f9f9f9;
}

.flex[data-v-1ee5ec34] {
  display: flex;
}
.ml-a[data-v-1ee5ec34] {
  margin-left: auto;
}
.user_info[data-v-1ee5ec34] {
  padding: 0 0.4rem;
  background: url(https://syhcdn.666syh.com/mgmt/1682578496110-6fcf035e.jpg) no-repeat center/100% 5.54667rem;
  margin-bottom: 0.4rem;
  background-size: cover;
}
.user_info .erCode[data-v-1ee5ec34] {
    margin-right: 0.53333rem;
}
.user_info img[data-v-1ee5ec34] {
    width: 0.90667rem;
    height: 0.90667rem;
}
.user_info .user_name[data-v-1ee5ec34] {
    display: flex;
    justify-content: space-between;
    padding: 0 0.45333rem;
    align-items: center;
}
.user_info .user_name .user_img[data-v-1ee5ec34] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex: 1;
}
.user_info .user_name .user_img .imgModel[data-v-1ee5ec34] {
        position: relative;
        width: 1.38667rem;
        height: 1.38667rem;
        border-radius: 50%;
        border: 0.02667rem solid #d9d9d9;
}
.user_info .user_name .user_img .imgModel .userAvatar[data-v-1ee5ec34] {
          width: 100%;
          height: 100%;
          border-radius: 50%;
}
.user_info .user_name .user_img .imgModel .vipIcon[data-v-1ee5ec34] {
          position: absolute;
          bottom: -0.08rem;
          right: -0.08rem;
          width: 0.45333rem;
          height: 0.45333rem;
}
.user_info .user_name .user_img .bg1[data-v-1ee5ec34] {
        background-color: var(--user_imgpd);
}
.user_info .user_name .user_img .bg2[data-v-1ee5ec34] {
        background-color: #eacaa1;
}
.user_info .user_name .user_img .user_number[data-v-1ee5ec34] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        margin-left: 0.26667rem;
        flex: 1;
}
.user_info .user_name .user_img .user_number .typeImg[data-v-1ee5ec34] {
          margin-left: 0.26667rem;
}
.user_info .user_name .user_img .user_number .typeImg .usershenfen[data-v-1ee5ec34] {
            width: 1.22667rem;
            height: 0.45333rem;
}
.user_info .user_name .user_img .user_number .userNickname[data-v-1ee5ec34] {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: nowrap;
}
.user_info .user_name .user_img .user_number .userNickname .usernameBox[data-v-1ee5ec34] {
            flex: 1;
            color: #ffffff;
}
.user_info .user_name .user_img .user_number .userNickname .vipImg[data-v-1ee5ec34] {
            margin-left: 0.24rem;
}
.user_info .user_name .user_img .user_number div[data-v-1ee5ec34] {
          font-size: 0.42667rem;
}
.user_info .user_name .user_img .user_number div[data-v-1ee5ec34]:nth-of-type(1) {
            font-size: 0.42667rem;
            color: var(--box_title);
}
.user_info .user_name .user_img .user_number div[data-v-1ee5ec34]:nth-of-type(2) {
            font-size: 0.32rem;
            color: #ffffff;
}
.user_info .user_name .code[data-v-1ee5ec34] {
      width: 0.85333rem;
      height: 0.85333rem;
      background: var(--user_code);
      margin-left: 0.4rem;
}
.user_info .user_autograph[data-v-1ee5ec34] {
    color: #ffffff;
    font-size: 0.34667rem;
    margin: 0.4rem 0.45333rem;
}
.user_info .user_vip[data-v-1ee5ec34] {
    height: 1.6rem;
    border-radius: 0.26667rem;
    background: url("https://osscdn.666syh.com/image/app/1688116773732.png") no-repeat center/100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.42667rem;
}
.user_info .user_vip .vip_left[data-v-1ee5ec34] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
}
.user_info .user_vip .vip_left img[data-v-1ee5ec34] {
        width: 0.69333rem;
        height: 0.58667rem;
        margin-right: 0.37333rem;
}
.user_info .user_vip .vip_left div[data-v-1ee5ec34] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}
.user_info .user_vip .vip_left div span[data-v-1ee5ec34]:nth-of-type(1) {
          font-size: 0.42667rem;
          font-weight: Bold;
}
.user_info .user_vip .vip_left div span[data-v-1ee5ec34]:nth-of-type(2) {
          font-size: 0.32rem;
}
.user_info .user_vip p[data-v-1ee5ec34] {
      width: 2.08rem;
      height: 0.8rem;
      border-radius: 1.97333rem;
      color: #75462e;
      font-size: 0.37333rem;
      text-align: center;
      line-height: 0.8rem;
}
.user_info .active_vip_bg .sviptxt .sviptips[data-v-1ee5ec34] {
    color: #75462e;
}
.user_info .active_vip_bg .svipbtn[data-v-1ee5ec34] {
    background: #ffffff;
}

.user_system[data-v-d128f232] {
  background: #ffffff;
  padding: 0.32rem 0.4rem 0.4rem 0.26667rem;
  border-radius: 0.26667rem;
}
.user_system .system_title[data-v-d128f232] {
    font-size: 0.42667rem;
    color: #1d2129;
    font-weight: Bold;
    margin-bottom: 0.48rem;
}
.user_system .usersyslist[data-v-d128f232] {
    display: flex;
    flex-wrap: wrap;
}
.user_system .usersyslist .sysli[data-v-d128f232] {
      width: 25%;
      height: 1.92rem;
      background: var(--user_sysbg);
      text-align: center;
      font-size: 0.32rem;
}
.user_system .usersyslist .sysli .sysliImg[data-v-d128f232] {
        width: 0.88rem;
        height: 0.88rem;
}
.user_system .usersyslist .sysli div[data-v-d128f232] {
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--box_title);
}
.user_system .usersyslist .sysli a[data-v-d128f232] {
        color: var(--box_title);
}
.user_system .usersyslist .lastli[data-v-d128f232] {
      width: 30%;
      height: 1.6rem;
}
.user_system .usersyslist .sysli[data-v-d128f232]:nth-child(4) {
      margin-right: unset;
}
.user_system .usersyslist .sysli[data-v-d128f232]:nth-child(3) {
      margin-bottom: 0.18667rem;
}
.user_system .usersyslist .sysli[data-v-d128f232]:nth-child(2) {
      margin-bottom: 0.18667rem;
}
.user_system .usersyslist .sysli[data-v-d128f232]:nth-child(2) {
      margin-bottom: 0.18667rem;
}
.user_system .kefusys[data-v-d128f232] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.user_system .kefusys li[data-v-d128f232] {
      width: 100%;
      height: 1.46667rem;
      font-size: 0.45333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 1.46667rem;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
}
.user_system .kefusys li[data-v-d128f232]:last-child {
        border-top: 0.02667rem solid #eaeaea;
}
.user_system .kefusys li div[data-v-d128f232] {
        width: 0.42667rem;
        height: 0.42667rem;
        margin-right: 0.26667rem;
}
.user_system .kefusys li .icon_zx[data-v-d128f232] {
        background: var(--user_zx);
}
.user_system .kefusys li .icon_kf[data-v-d128f232] {
        background: var(--user_kf);
}

.study-plan[data-v-7a7a21e4] {
  width: 9.2rem;
  height: 3.2rem;
  background: #ffffff;
  border-radius: 0.26667rem;
  margin-bottom: 0.4rem;
  color: #969696;
}
.study-plan .plan_title[data-v-7a7a21e4] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.4rem 0 0.4rem;
}
.study-plan .plan_title .olant[data-v-7a7a21e4] {
      font-family: PingFang SC;
      font-weight: bold;
      font-size: 0.42667rem;
      color: var(--box_title);
}
.study-plan .plan_title .more[data-v-7a7a21e4] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      color: #969696;
}
.study-plan .plan_title .more .imgp[data-v-7a7a21e4] {
        width: 0.37333rem;
        height: 0.37333rem;
}
.study-plan .infobox[data-v-7a7a21e4] {
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.42667rem;
    height: 2.13333rem;
}
.study-plan .infobox .infop[data-v-7a7a21e4] {
      display: flex;
      flex-direction: column;
      width: 2.66667rem;
      border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
      opacity: 1;
      padding: 0.18667rem 0.21333rem;
}
.study-plan .infobox .infop .time[data-v-7a7a21e4] {
        font-size: 0.37333rem;
        font-weight: Medium;
        color: #1d2129;
        margin-top: 0.16rem;
}
.study-plan .infobox .infop .time .timeType[data-v-7a7a21e4] {
          color: #86909c;
          font-size: 0.32rem;
}
.study-plan .infobox .infop .plantips[data-v-7a7a21e4] {
        font-size: 0.32rem;
        color: #1d2129;
}
.study-plan .infobox .infop .nocom[data-v-7a7a21e4] {
        font-size: 0.48rem;
        font-weight: bold;
        margin-bottom: 0.13333rem;
        color: #38c3b3;
}
.study-plan .infobox .infop[data-v-7a7a21e4]:nth-child(1) {
      background: #ffe5e5;
}
.study-plan .infobox .infop[data-v-7a7a21e4]:nth-child(2) {
      background: #fff6e5;
}
.study-plan .infobox .infop[data-v-7a7a21e4]:nth-child(3) {
      background: #e5f9ff;
}

.flex[data-v-4498f7b0] {
  display: flex;
}
.itemCenter[data-v-4498f7b0] {
  align-items: center;
}
.user[data-v-4498f7b0] {
  background: #f8f4eb;
}
.user .operationInfo[data-v-4498f7b0] {
    padding: 0 0.4rem 2.4rem 0.4rem;
}
.user .van-nav-bar .sysImg[data-v-4498f7b0] {
    width: 0.48rem;
    height: 0.48rem;
    background: var(--system);
}
.user .userBox[data-v-4498f7b0] {
    background: var(--updata_bg);
    border-radius: 0.26667rem;
    margin-bottom: 0.4rem;
    padding: 0 0.4rem 0 0.4rem;
}
.user .userBox .userTitle[data-v-4498f7b0] {
      color: #1d2129;
      font-weight: bold;
      font-size: 0.42667rem;
}
.user .userBox .userGenduo[data-v-4498f7b0] {
      font-size: 0.32rem;
      color: #4e5969;
      margin-left: auto;
}
.user .userBox .userGenduoPng[data-v-4498f7b0] {
      height: 1.41333rem;
}
.user .userBox .user_history[data-v-4498f7b0] {
      height: 2.26667rem;
      display: flex;
      justify-content: space-around;
}
.user .userBox .user_history .item_hit[data-v-4498f7b0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}
.user .userBox .user_history .item_hit .his_img[data-v-4498f7b0] {
          width: 0.85333rem;
          height: 0.85333rem;
          margin-bottom: 0.08rem;
}
.user .userBox .user_history .item_hit .his_tel[data-v-4498f7b0] {
          font-size: 0.37333rem;
          color: var(--box_title);
}

.flex[data-v-0aaf6e08] {
  display: flex;
}
.itemBox[data-v-0aaf6e08] {
  border-radius: 0.21333rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(233, 230, 230, 0.3);
}
.itemBox .sub_icon[data-v-0aaf6e08] {
    position: absolute;
    width: 0.8rem;
    height: 0.42667rem;
    top: 0;
    right: 1.06667rem;
}
.itemBox .musicitem[data-v-0aaf6e08] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.26667rem 0.26667rem;
    background-color: var(--updata_bg);
}
.itemBox .musicitem .left_box[data-v-0aaf6e08] {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-family: PingFang SC;
      position: relative;
}
.itemBox .musicitem .left_box .mianfei[data-v-0aaf6e08] {
        position: absolute;
        right: 0;
        font-size: 0.32rem;
        color: #00b42a;
        font-weight: 500;
        width: 1.09333rem;
        height: 0.53333rem;
        background: #e1ffe4;
        border-radius: 1.33333rem;
        line-height: 0.53333rem;
        text-align: center;
}
.itemBox .musicitem .left_box .jinping[data-v-0aaf6e08] {
        color: #ff7029;
        background: #ffeee5;
}
.itemBox .musicitem .left_box .itemTitle[data-v-0aaf6e08] {
        font-size: 0.42667rem;
        font-weight: bold;
        color: #1d2129;
        margin-bottom: 0.18667rem;
        width: 4.66667rem;
        margin-top: 0.05333rem;
}
.itemBox .musicitem .left_box .discription[data-v-0aaf6e08] {
        color: #4e5969;
        font-size: 0.37333rem;
        margin-bottom: 0.26667rem;
}
.itemBox .musicitem .left_box .price[data-v-0aaf6e08] {
        font-size: 0.32rem;
        color: #f53f3f;
        font-weight: 500;
        margin-bottom: 0.34667rem;
}
.itemBox .musicitem .bookimg[data-v-0aaf6e08] {
      width: 1.97333rem;
      height: 2.66667rem;
      border-radius: 0.16rem;
      margin-right: 0.29333rem;
      border: 0.008rem solid #eaeaea;
}
.itemBox .musicBox[data-v-0aaf6e08] {
    height: 0.98667rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.26667rem;
    font-size: 0.29333rem;
    color: var(--back_other_itembg);
    background-color: var(--updata_bg);
    font-weight: bold;
}
.itemBox .musicBox > div[data-v-0aaf6e08] {
      height: 100%;
      width: 100%;
      border-top: var(--zuijline);
}
.itemBox .musicBox span[data-v-0aaf6e08]:nth-of-type(1) {
      color: #ff6b6b;
}
.itemBox .musicBox .musicDiv[data-v-0aaf6e08] {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.32rem;
      color: #86909c;
      margin-top: 0.24rem;
}
.itemBox .musicBox .musicDiv .hot_icon[data-v-0aaf6e08] {
        font-family: PingFang SC;
        width: 5.38667rem;
        font-weight: 500;
        margin-right: 0.18667rem;
}
.itemBox .musicBox .musicDiv .hot_icon span[data-v-0aaf6e08] {
          color: #ff7029;
}
.itemBox .musicBox .musicDiv .reader[data-v-0aaf6e08] {
        font-family: PingFang SC;
        font-weight: 500;
        text-align: right;
}

.list_container[data-v-2d654f8a] {
  background-color: var(--musiclist);
}
.list_container .pullBox[data-v-2d654f8a] {
    min-height: calc(100vh - 3.2rem);
}
.list_container .pullBox .listBox[data-v-2d654f8a] {
      margin: 0.32rem 0.4rem;
}
.list_container .pullBox .listBox li[data-v-2d654f8a] {
        margin-bottom: 0.32rem;
}

.music_list[data-v-14b4e613] {
  background-color: var(--musiclist);
}
.music_list .van-tabs[data-v-14b4e613] {
    height: 1.33333rem;
}
.music_list .van-tabs[data-v-14b4e613] .van-tabs__nav {
      background-color: var(--bg_color);
}
.music_list .van-tabs[data-v-14b4e613] .van-tabs__line {
      background-color: #ead2ac;
}
.music_list .van-tabs[data-v-14b4e613] .van-tab {
      color: var(--box_righttxt);
}
.music_list .van-tabs[data-v-14b4e613] .van-tab--active {
      color: var(--search_txt2);
      font-weight: bold;
}

.list_container[data-v-885e4974] {
  background-color: var(--bg_color);
}
.list_container .listBox li .musicitem[data-v-885e4974] {
    display: flex;
    justify-content: space-between;
    padding: 0 0.26667rem;
    background-color: var(--bg_color);
    height: 3.46667rem;
}
.list_container .listBox li .musicitem .left_box[data-v-885e4974] {
      flex: 1;
      display: flex;
      flex-direction: column;
      font-family: PingFang SC;
      padding: 0.4rem 0;
      border-bottom: var(--zuijline);
}
.list_container .listBox li .musicitem .left_box p[data-v-885e4974] {
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: var(--box_title);
        margin-bottom: 0.26667rem;
}
.list_container .listBox li .musicitem .left_box .discription[data-v-885e4974] {
        color: #969696;
        font-size: 0.32rem;
        margin-bottom: 0.4rem;
        height: 0.85333rem;
}
.list_container .listBox li .musicitem .left_box div[data-v-885e4974] {
        display: flex;
        justify-content: space-between;
        font-size: 0.32rem;
        color: #FFFFFF;
        font-family: PingFang SC;
        font-weight: 500;
}
.list_container .listBox li .musicitem .left_box div .hot_icon[data-v-885e4974] {
          color: #838A96;
          margin-right: 0.18667rem;
          font-weight: bold;
}
.list_container .listBox li .musicitem .left_box div .reader[data-v-885e4974] {
          width: 2.66667rem;
          color: #598DDF;
}
.list_container .listBox li .musicitem .imgBox[data-v-885e4974] {
      padding: 0.4rem 0;
}
.list_container .listBox li .musicitem .imgBox img[data-v-885e4974] {
        width: 2.13333rem;
        height: 2.66667rem;
        border-radius: 0.13333rem;
        margin-right: 0.37333rem;
        border: var(--zuijimg);
}
.list_container .pullBox[data-v-885e4974] {
    min-height: calc(100vh - 13.33333rem);
}

.music_subject[data-v-311d80b4] {
  background-color: var(--bg_color);
  min-height: 100vh;
  height: 100%;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tabs__nav {
    background-color: var(--bg_color);
}
.music_subject .van-tabs[data-v-311d80b4] .van-tabs__line {
    background-color: #ead2ac;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tab {
    color: var(--box_righttxt);
}
.music_subject .van-tabs[data-v-311d80b4] .van-tab--active {
    color: #202020;
    font-weight: bold;
}
.music_subject .van-tabs .listBox[data-v-311d80b4] {
    margin: 0.32rem 0.4rem;
}
.music_subject .van-tabs .listBox li[data-v-311d80b4] {
      margin-bottom: 0.32rem;
}
.music_subject .newsubject[data-v-311d80b4] {
    height: 4.64rem;
    overflow: hidden;
    border-radius: 0.18667rem;
    margin: 0.4rem 0.4rem 0.13333rem;
    box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
}
.music_subject .newsubject .new_updata_center[data-v-311d80b4] {
      height: 1.17333rem;
      background-color: var(--cahnge_btnbg);
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 0.4rem;
      font-family: PingFang-SC-Bold;
      font-weight: bold;
}
.music_subject .newsubject .new_updata_center .zuijinTip[data-v-311d80b4] {
        font-size: 0.42667rem;
        color: var(--box_title);
        width: 2.13333rem;
}
.music_subject .newsubject .new_updata_center .zuijintime[data-v-311d80b4] {
        flex: 1;
        font-size: 0.34667rem;
        color: var(--shangci);
        margin-left: 0.26667rem;
}
.music_subject .newsubject .new_updata_bottom_box[data-v-311d80b4] {
      height: 3.46667rem;
      background-color: var(--updata_bg);
      padding: 0.4rem;
      box-sizing: border-box;
      display: flex;
}
.music_subject .newsubject .new_updata_bottom_box img[data-v-311d80b4] {
        width: 2.13333rem;
        height: 2.66667rem;
        border-radius: 0.13333rem;
        border: var(--zuijimg);
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box[data-v-311d80b4] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 0.4rem;
        padding-top: 0.18667rem;
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box .biaoti[data-v-311d80b4] {
          font-size: 0.4rem;
          color: var(--box_title);
          margin-bottom: 0.18667rem;
          font-weight: Bold;
          height: 0.8rem;
          font-family: PingFang-SC-Bold;
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box .jianjie[data-v-311d80b4] {
          font-size: 0.32rem;
          color: #969696;
          padding-right: 1.06667rem;
          margin-bottom: 0.13333rem;
          height: 1.33333rem;
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box .right_bottom[data-v-311d80b4] {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box .right_bottom .jiangshi[data-v-311d80b4] {
            font-size: 0.29333rem;
            color: #969696;
            margin-right: 0.16rem;
}
.music_subject .newsubject .new_updata_bottom_box .bottom_right_box .right_bottom button[data-v-311d80b4] {
            border: none;
            outline: none;
            width: 2.08rem;
            height: 0.74667rem;
            font-size: 0.26667rem;
            border-radius: 0.42667rem;
            font-weight: bold;
            background: var(--jixubtn);
            box-shadow: var(--jixubtnsh);
            color: var(--bg_color);
}
.music_subject .title_box[data-v-311d80b4] {
    position: relative;
    height: 1.28rem;
    font-size: 0.42667rem;
    font-family: PingFang SC;
    color: #838a96;
    line-height: 1.33333rem;
    display: flex;
    padding: 0 0.4rem 0.13333rem;
    font-weight: bold;
    border-bottom: 0.01333rem solid #eaeaea;
}
.music_subject .title_box .left_hot[data-v-311d80b4] {
      margin-right: 0.69333rem;
      position: relative;
}
.music_subject .title_box .right_class[data-v-311d80b4] {
      position: relative;
}
.music_subject .title_box .bigTxt[data-v-311d80b4] {
      color: #333333;
}
.music_subject .title_box .line_txt[data-v-311d80b4] {
      position: absolute;
      bottom: 0.02667rem;
      left: 20%;
      width: 0.53333rem;
      height: 0.08rem;
      background: #a674f2;
      border-radius: 0.05333rem;
      z-index: 20;
}
.music_subject .van-tabs[data-v-311d80b4] {
    height: 1.33333rem;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tabs__wrap {
      padding-right: 70%;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tabs__nav {
      background-color: var(--bg_color);
}
.music_subject .van-tabs[data-v-311d80b4] .van-tabs__line {
      background-color: #a674f2;
      width: 0.53333rem;
      height: 0.08rem;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tab {
      color: #838a96;
      font-size: 0.45333rem;
      font-weight: bold;
}
.music_subject .van-tabs[data-v-311d80b4] .van-tab--active {
      color: var(--find_bottom_txt);
      font-weight: bold;
}

.svip_model_list[data-v-f7187b12] {
  min-height: 100vh;
  background-color: #f6f6f6;
  font-family: PingFang SC;
  padding: 0 0.4rem;
}
.svip_model_list .sviplisttitle[data-v-f7187b12] {
    font-size: 0.48rem;
    font-weight: bold;
    color: #333333;
    padding: 0.4rem 0;
}
.svip_model_list .itemBoxT[data-v-f7187b12] {
    overflow: hidden;
    position: relative;
    border-radius: 0.21333rem;
}
.svip_model_list .itemBoxT .musicitem[data-v-f7187b12] {
      display: flex;
      justify-content: space-between;
      padding: 0.4rem 0.66667rem 0.4rem 0.4rem;
      background-color: var(--updata_bg);
      height: 3.46667rem;
}
.svip_model_list .itemBoxT .musicitem .left_box[data-v-f7187b12] {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-top: 0.13333rem;
        font-family: PingFang SC;
}
.svip_model_list .itemBoxT .musicitem .left_box .lefttitle[data-v-f7187b12] {
          font-size: 0.42667rem;
          font-weight: bold;
          color: var(--box_title);
          margin-bottom: 0.26667rem;
}
.svip_model_list .itemBoxT .musicitem .left_box .discription[data-v-f7187b12] {
          color: #838A96;
          font-size: 0.32rem;
          margin-bottom: 0.26667rem;
          height: 0.85333rem;
}
.svip_model_list .itemBoxT .musicitem .left_box .hot_icon[data-v-f7187b12] {
          font-size: 0.26667rem;
          font-weight: 500;
          color: #838A96;
          margin-right: 0.18667rem;
          font-weight: bold;
}
.svip_model_list .itemBoxT .musicitem .left_box .hot_icon .redbig[data-v-f7187b12] {
            font-size: 0.45333rem;
            font-weight: 800;
            color: #E0B188;
}
.svip_model_list .itemBoxT .musicitem .bookimg[data-v-f7187b12] {
        width: 2.13333rem;
        height: 2.66667rem;
        border-radius: 0.13333rem;
        margin-right: 0.37333rem;
        border: var(--zuijimg);
}
.svip_model_list .bottombox[data-v-f7187b12] {
    border-radius: 0.21333rem;
    overflow: hidden;
}
.svip_model_list .bottombox .itemBox[data-v-f7187b12] {
      position: relative;
}
.svip_model_list .bottombox .itemBox .musicitem[data-v-f7187b12] {
        display: flex;
        justify-content: space-between;
        padding: 0.4rem 0.66667rem 0.4rem 0.4rem;
        background-color: var(--updata_bg);
        height: 3.46667rem;
}
.svip_model_list .bottombox .itemBox .musicitem .left_box[data-v-f7187b12] {
          flex: 1;
          display: flex;
          flex-direction: column;
          padding-top: 0.13333rem;
          font-family: PingFang SC;
}
.svip_model_list .bottombox .itemBox .musicitem .left_box .lefttitle[data-v-f7187b12] {
            font-size: 0.42667rem;
            font-weight: bold;
            color: var(--box_title);
            margin-bottom: 0.26667rem;
}
.svip_model_list .bottombox .itemBox .musicitem .left_box .discription[data-v-f7187b12] {
            color: #838A96;
            font-size: 0.32rem;
            margin-bottom: 0.26667rem;
            height: 0.85333rem;
}
.svip_model_list .bottombox .itemBox .musicitem .left_box .hot_icon[data-v-f7187b12] {
            font-size: 0.26667rem;
            font-weight: 500;
            color: #838A96;
            margin-right: 0.18667rem;
            font-weight: bold;
}
.svip_model_list .bottombox .itemBox .musicitem .left_box .hot_icon .redbig[data-v-f7187b12] {
              font-size: 0.45333rem;
              font-weight: 800;
              color: #E0B188;
}
.svip_model_list .bottombox .itemBox .musicitem .bookimg[data-v-f7187b12] {
          width: 2.13333rem;
          height: 2.66667rem;
          border-radius: 0.13333rem;
          margin-right: 0.37333rem;
          border: var(--zuijimg);
}

li[data-v-019f7462] {
  padding-bottom: 0.26667rem;
}
li .comment_info .user_box[data-v-019f7462] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
}
li .comment_info .user_box .userImgBox[data-v-019f7462] {
      display: flex;
      justify-content: flex-start;
}
li .comment_info .user_box .userImgBox .userImg[data-v-019f7462] {
        position: relative;
        width: 0.90667rem;
        height: 0.90667rem;
        padding: 0.05333rem;
        border-radius: 50%;
        margin-right: 0.32rem;
}
li .comment_info .user_box .userImgBox .userImg .userava[data-v-019f7462] {
          width: 0.8rem;
          height: 0.8rem;
          border-radius: 50%;
}
li .comment_info .user_box .userImgBox .userImg .vipIcon[data-v-019f7462] {
          position: absolute;
          bottom: -0.05333rem;
          right: -0.10667rem;
          width: 0.42667rem;
          height: 0.42667rem;
}
li .comment_info .user_box .userImgBox .bgImg[data-v-019f7462] {
        background-color: #d5a160;
}
li .comment_info .user_box .userImgBox .rigjt_info[data-v-019f7462] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-019f7462] {
          font-weight: Bold;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-019f7462]:nth-of-type(1) {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span:nth-of-type(1) img[data-v-019f7462] {
              width: 0.96rem;
              height: 0.34667rem;
              margin-left: 0.13333rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-019f7462]:nth-of-type(2) {
            font-size: 0.32rem;
            color: #969696;
}
li .comment_info .user_box .zanIcon[data-v-019f7462] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      color: #969696;
}
li .comment_info .user_box .zanIcon img[data-v-019f7462] {
        width: 0.4rem;
        height: 0.4rem;
        margin-left: 0.13333rem;
}
li .comment_info .comment_box[data-v-019f7462] {
    font-size: 0.4rem;
    color: var(--box_title);
    padding: 0 0.64rem 0 1.52rem;
}
li .comment_info .append_comment[data-v-019f7462] {
    background-color: var(--cahnge_btnbg);
    margin: 0.4rem 0.4rem 0 1.52rem;
    padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 0.08rem;
}
li .comment_info .append_comment .othenUser[data-v-019f7462] {
      font-size: 0.37333rem;
      color: #afafaf;
      line-height: 0.48rem;
}
li .comment_info .append_comment .othenUser .append_magr[data-v-019f7462] {
        padding: 0.08rem 0;
        color: var(--about);
}
li .comment_info .append_comment .othenUser .append_magr .userself[data-v-019f7462] {
          color: #969696;
}
li .comment_info .append_comment .allList[data-v-019f7462] {
      color: #eed9b0;
      font-size: 0.34667rem;
}
.user_say[data-v-019f7462] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  z-index: 110;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0.4rem;
  align-items: center;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.user_say .say_Ipn[data-v-019f7462] {
    width: 100%;
    height: 1.33333rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.user_say .say_Ipn input[data-v-019f7462] {
      width: 60%;
      height: 0.85333rem;
      background-color: var(--cahnge_btnbg);
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
}
.user_say .say_Ipn input[data-v-019f7462]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-019f7462]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-019f7462]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-019f7462]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn .userimgbxo[data-v-019f7462] {
      width: 0.93333rem;
      height: 0.93333rem;
      border-radius: 50%;
      margin-right: 0.4rem;
}
.user_say .say_Ipn .sys_box[data-v-019f7462] {
      width: 35%;
      height: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
}
.user_say .say_Ipn .sys_box .likebox[data-v-019f7462] {
        height: 1.33333rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 0.53333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.user_say .say_Ipn .sys_box .likebox span[data-v-019f7462] {
          font-size: 0.29333rem;
}
.user_say .say_Ipn .sys_box img[data-v-019f7462] {
        width: 0.48rem;
        height: 0.48rem;
}

.musci_list[data-v-814475a6] {
  background-color: var(--bg_color);
  font-family: PingFang SC;
  padding-bottom: 0.53333rem;
}
.musci_list .qqqqq[data-v-814475a6] {
    text-align: center;
}
.musci_list .first_li[data-v-814475a6] {
    height: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.8rem 0 0.4rem;
    font-size: 0.37333rem;
    border-bottom: var(--bottomLine);
}
.musci_list .first_li .playAll[data-v-814475a6] {
      width: 2.72rem;
      height: 0.8rem;
      background: linear-gradient(-28deg, #eac790 0%, #fae6c1 100%);
      border-radius: 0.10667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--item_title);
      display: flex;
      justify-content: center;
      align-items: center;
}
.musci_list .first_li .playAll .icon_icon[data-v-814475a6] {
        margin-right: 0.13333rem;
}
.musci_list .first_li .shunxu[data-v-814475a6] {
      height: 100%;
      display: flex;
      align-items: center;
      color: #969696;
      font-weight: bold;
      font-size: 0.42667rem;
}
.musci_list .first_li .shunxu .setList[data-v-814475a6] {
        display: flex;
        align-items: center;
        margin-left: 0.66667rem;
        font-size: 0.37333rem;
}
.musci_list .first_li .shunxu .icon_tel[data-v-814475a6] {
        width: 0.48rem;
        height: 0.42667rem;
        margin-right: 0.26667rem;
}
.musci_list .first_li .shunxu .daoxu[data-v-814475a6] {
        width: 0.48rem;
        height: 0.42667rem;
}
.musci_list .other_li[data-v-814475a6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.53333rem;
}
.musci_list .other_li .rank_xuhao[data-v-814475a6] {
      width: 1.2rem;
      height: 2.13333rem;
      font-size: 0.42667rem;
      font-weight: bold;
      color: #969696;
      padding: 0.26667rem 0 0 0.26667rem;
}
.musci_list .other_li .center_content[data-v-814475a6] {
      flex: 1;
      height: 100%;
      border-bottom: var(--bottomLine);
      display: flex;
      padding: 0.13333rem 0;
      flex-direction: column;
      justify-content: space-around;
}
.musci_list .other_li .center_content .title_tel[data-v-814475a6] {
        font-size: 0.4rem;
        font-weight: 500;
        color: var(--box_title);
}
.musci_list .other_li .center_content .title_tel .nowplayicon[data-v-814475a6] {
          width: 0.42667rem;
          margin-left: 0.26667rem;
}
.musci_list .other_li .center_content .bgyellow[data-v-814475a6] {
        color: #9055e9;
}
.musci_list .other_li .center_content .bottom_tel[data-v-814475a6] {
        height: 0.53333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.32rem;
        font-weight: 500;
        color: #969696;
        margin-top: 0.13333rem;
}
.musci_list .other_li .center_content .bottom_tel .b_left[data-v-814475a6] {
          display: flex;
          align-items: center;
}
.musci_list .other_li .center_content .bottom_tel .b_left .disItem[data-v-814475a6] {
            display: flex;
            align-items: center;
}
.musci_list .other_li .center_content .bottom_tel .b_left .num[data-v-814475a6],
          .musci_list .other_li .center_content .bottom_tel .b_left .tim[data-v-814475a6] {
            margin-right: 0.26667rem;
}
.musci_list .other_li .center_content .bottom_tel .b_left .num .van-icon[data-v-814475a6],
            .musci_list .other_li .center_content .bottom_tel .b_left .tim .van-icon[data-v-814475a6] {
              margin-right: 0.10667rem;
}
.musci_list .other_li .center_content .play-ad[data-v-814475a6] {
        height: 0.53333rem;
        font-size: 0.32rem;
        color: #969696;
}
.musci_list .other_li .blue_txt[data-v-814475a6] {
      color: #4bb1ff;
}
.musci_list .choiceBox[data-v-814475a6] {
    height: 100%;
}
.musci_list .choiceBox .choiceUl[data-v-814475a6] {
      display: flex;
      flex-wrap: wrap;
      margin-top: 0.4rem;
}
.musci_list .choiceBox .choiceUl .choiceLi[data-v-814475a6] {
        font-weight: bold;
        margin: 0.16rem 0.32rem;
        width: 1.81333rem;
        height: 0.8rem;
        background: #f6f6f6;
        border-radius: 0.10667rem;
        font-size: 0.37333rem;
        line-height: 0.8rem;
        text-align: center;
        color: var(--box_title);
}
.musci_list .choiceBox .choiceUl .choiceLi-set[data-v-814475a6] {
        background: #4bb1ff;
        color: #ffffff;
}

.video_book .video_box_box[data-v-713117d4] {
  height: 5.65333rem;
  width: 100%;
  position: relative;
}
.video_book .video_box_box .lefticon[data-v-713117d4] {
    position: absolute;
    color: #fff;
    z-index: 300;
    font-size: 0.53333rem;
    margin: 0.4rem 0 0 0.13333rem;
}
.video_book .video_box_box #video[data-v-713117d4] .vjs-big-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video_book .video_box_box #video[data-v-713117d4] .vjs-time-control {
    display: block;
}
.video_book .video_box_box #video[data-v-713117d4] .vjs-remaining-time {
    display: block;
}
.video_book .video_box_box #video[data-v-713117d4] .vjs-poster {
    background-size: cover;
}
.video_book .video_box_box .noviptips[data-v-713117d4] {
    height: 5.65333rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 5.65333rem;
    font-size: 0.53333rem;
}
.video_book .video_box_box .noviptips .kaitongbtn[data-v-713117d4] {
      color: #9055e9;
}
.video_book .van-dialog[data-v-713117d4] {
  z-index: 200;
}
.video_book .loding[data-v-713117d4] {
  height: 5.65333rem;
  z-index: 200;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.online_info .van-hairline--bottom[data-v-5efd44b3]::after {
  border: none;
}
.online_info .van-nav-bar[data-v-5efd44b3] {
  background-color: rgba(255, 255, 255, 0);
}
.online_info .van-nav-bar[data-v-5efd44b3] .van-icon {
    color: var(--search_txt1);
}
.online_info .top_container[data-v-5efd44b3] {
  height: 75vh;
  overflow-y: auto;
  padding-bottom: 0.53333rem;
}
.online_info .top_container[data-v-5efd44b3]::-webkit-scrollbar {
    display: none;
}
.online_info .top_container .vip_bg[data-v-5efd44b3] {
    background: url("https://osscdn.666syh.com/image/app/1688114291654.png") no-repeat center/100% 100%;
    height: 1.86667rem;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.4rem;
}
.online_info .top_container .vip_bg .viptxt[data-v-5efd44b3] {
      flex: 1;
      display: flex;
      flex-direction: column;
}
.online_info .top_container .vip_bg .viptxt .teltxt[data-v-5efd44b3] {
        font-size: 0.37333rem;
        font-weight: bold;
        color: #fefefe;
        margin-bottom: 0.24rem;
}
.online_info .top_container .vip_bg .viptxt .tipstxt[data-v-5efd44b3] {
        font-size: 0.26667rem;
        color: #eaeaea;
}
.online_info .top_container .vip_bg .yuanjia[data-v-5efd44b3] {
      width: 2.53333rem;
      height: 0.8rem;
      background: linear-gradient(90deg, #feaf27 0%, #e58901 100%);
      border-radius: 0.4rem;
      font-size: 0.32rem;
      color: #ffffff;
      text-align: center;
      line-height: 0.8rem;
      margin-right: 0.26667rem;
}
.online_info .top_container .vip_bg .opensvip[data-v-5efd44b3] {
      width: 2.16rem;
      height: 0.8rem;
      background: linear-gradient(90deg, #fae6c0 0%, #e7c48e 100%);
      border-radius: 0.4rem;
      font-size: 0.32rem;
      color: #333333;
      text-align: center;
      line-height: 0.8rem;
}
.online_info .top_container .top_box[data-v-5efd44b3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.4rem 0;
}
.online_info .top_container .top_box .title_info[data-v-5efd44b3] {
      display: flex;
      justify-content: space-between;
      border-radius: 0.53333rem 0.53333rem 0 0;
}
.online_info .top_container .top_box .title_info .text[data-v-5efd44b3] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0.18667rem 0;
        font-family: PingFang SC;
}
.online_info .top_container .top_box .title_info .text .text_tile[data-v-5efd44b3] {
          font-size: 0.53333rem;
          color: #ffffff;
          font-weight: 800;
          margin-bottom: 0.21333rem;
}
.online_info .top_container .top_box .title_info .text .icon_box[data-v-5efd44b3] {
          height: 0.53333rem;
          display: flex;
          justify-content: flex-start;
          margin-top: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-5efd44b3] {
            border-radius: 0.08rem;
            font-size: 0.26667rem;
            font-weight: Medium;
            padding: 0.08rem 0.10667rem;
            color: #f9f9f9;
            background-color: rgba(31, 29, 29, 0.4);
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-5efd44b3]:nth-of-type(1) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-5efd44b3]:nth-of-type(2) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .Manuscripts[data-v-5efd44b3] {
      margin-top: 0.26667rem;
      width: 100%;
}
.online_info .top_container .top_box .Manuscripts[data-v-5efd44b3] img {
        width: 100%;
}
.online_info .bottom_container[data-v-5efd44b3] {
  border-radius: 0.53333rem 0.53333rem 0 0;
  overflow: hidden;
  background-color: var(--updata_bg);
  height: 25vh;
}
.online_info .bottom_container .scroll_box[data-v-5efd44b3] {
    height: 1.06667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.online_info .bottom_container .scroll_box .henggang[data-v-5efd44b3] {
      width: 1.6rem;
      height: 0.13333rem;
      background: #cdcdcd;
      border-radius: 0.42667rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tabs__nav {
    background-color: var(--updata_bg);
    height: 1.06667rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__text {
    font-size: 0.48rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-sticky {
    border-bottom: var(--zuijline);
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tabs__line {
    background-color: #9055e9;
    height: 0.13333rem;
    width: 0.53333rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab {
    font-weight: bold;
    color: var(--tab_set);
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab--active {
    font-weight: bold;
    color: var(--box_title);
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane {
    height: calc(55vh - 2.66667rem);
    overflow-y: auto;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .rich_text {
      margin-top: 0.4rem;
      width: 9.2rem;
      padding: 0.4rem;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--wengao);
      line-height: 0.64rem;
      background: var(--updata_bg);
      border-radius: 0.21333rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment {
      background-color: var(--bg_color);
      border-radius: 0.18667rem 0.18667rem 0 0;
      overflow: hidden;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment .comment_top {
        height: 1.2rem;
        display: flex;
        justify-content: space-between;
        padding: 0 0.4rem;
        align-items: center;
        background-color: var(--bg_color);
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment .comment_top span:nth-of-type(1) {
          font-size: 0.42667rem;
          color: var(--box_title);
          font-weight: Bold;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment .comment_top span:nth-of-type(2) {
          font-size: 0.32rem;
          color: #969696;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment .comment_list {
        padding-bottom: 1.2rem;
}
.online_info .bottom_container .new_tabs[data-v-5efd44b3] .van-tab__pane .comment .comment_list ul li {
          padding-bottom: 0.4rem;
}
.van-dialog[data-v-5efd44b3] {
  width: 7.46667rem;
  height: 6.4rem;
  background-color: #fefefe;
  z-index: 995;
  overflow: unset;
  padding: 0.53333rem 0.4rem;
  text-align: center;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content .cloasimg {
      position: absolute;
      width: 0.88rem;
      height: 0.88rem;
      bottom: -1.6rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 999;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content .bookimg {
      width: 1.57333rem;
      height: 2.13333rem;
      border-radius: 0.10667rem;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content .paytitle {
      font-size: 0.42667rem;
      font-weight: bold;
      color: #333333;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content .tips {
      font-size: 0.37333rem;
      font-weight: 500;
      color: #969696;
}
.van-dialog[data-v-5efd44b3] .van-dialog__content .van-button {
      width: 100%;
      height: 1.28rem;
      background: linear-gradient(90deg, #feaf27 0%, #e58901 100%);
      border-radius: 0.58667rem;
      font-size: 0.37333rem;
      font-family: PingFang SC;
      color: #fff;
      border: none;
}

li[data-v-38306cfe] {
  padding-bottom: 0.26667rem;
}
li .comment_info .user_box[data-v-38306cfe] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
}
li .comment_info .user_box .userImgBox[data-v-38306cfe] {
      display: flex;
      justify-content: flex-start;
}
li .comment_info .user_box .userImgBox .userImg[data-v-38306cfe] {
        position: relative;
        width: 0.90667rem;
        height: 0.90667rem;
        padding: 0.05333rem;
        border-radius: 50%;
        margin-right: 0.32rem;
}
li .comment_info .user_box .userImgBox .userImg .userava[data-v-38306cfe] {
          width: 0.8rem;
          height: 0.8rem;
          border-radius: 50%;
}
li .comment_info .user_box .userImgBox .userImg .vipIcon[data-v-38306cfe] {
          position: absolute;
          bottom: -0.05333rem;
          right: -0.10667rem;
          width: 0.42667rem;
          height: 0.42667rem;
}
li .comment_info .user_box .userImgBox .bgImg[data-v-38306cfe] {
        background-color: #d5a160;
}
li .comment_info .user_box .userImgBox .rigjt_info[data-v-38306cfe] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-38306cfe] {
          font-weight: Bold;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-38306cfe]:nth-of-type(1) {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span:nth-of-type(1) img[data-v-38306cfe] {
              width: 0.96rem;
              height: 0.34667rem;
              margin-left: 0.13333rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-38306cfe]:nth-of-type(2) {
            font-size: 0.32rem;
            color: #969696;
}
li .comment_info .user_box .zanIcon[data-v-38306cfe] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      color: #969696;
}
li .comment_info .user_box .zanIcon img[data-v-38306cfe] {
        width: 0.4rem;
        height: 0.4rem;
        margin-left: 0.13333rem;
}
li .comment_info .comment_box[data-v-38306cfe] {
    font-size: 0.4rem;
    color: var(--box_title);
    padding: 0 0.64rem 0 1.52rem;
}
li .comment_info .append_comment[data-v-38306cfe] {
    background-color: var(--cahnge_btnbg);
    margin: 0.4rem 0.4rem 0 1.52rem;
    padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 0.08rem;
}
li .comment_info .append_comment .othenUser[data-v-38306cfe] {
      font-size: 0.37333rem;
      color: #afafaf;
      line-height: 0.48rem;
}
li .comment_info .append_comment .othenUser .append_magr[data-v-38306cfe] {
        padding: 0.08rem 0;
        color: var(--about);
}
li .comment_info .append_comment .othenUser .append_magr .userself[data-v-38306cfe] {
          color: #969696;
}
li .comment_info .append_comment .allList[data-v-38306cfe] {
      color: #eed9b0;
      font-size: 0.34667rem;
}
.user_say[data-v-38306cfe] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0.4rem;
  align-items: center;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.user_say .payBtn[data-v-38306cfe] {
    flex: 1;
    width: 100%;
    height: 1.2rem;
}
.user_say .payBtn .van-button[data-v-38306cfe] {
      background-color: #eed9b0;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--search_txt2);
}
.user_say .say_Ipn[data-v-38306cfe] {
    width: 100%;
    height: 1.33333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user_say .say_Ipn img[data-v-38306cfe] {
      width: 0.93333rem;
      height: 0.93333rem;
      border-radius: 50%;
      margin-right: 0.4rem;
}
.user_say .say_Ipn input[data-v-38306cfe] {
      flex: 1;
      height: 0.85333rem;
      background-color: var(--cahnge_btnbg);
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
}
.user_say .say_Ipn input[data-v-38306cfe]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-38306cfe]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-38306cfe]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-38306cfe]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn span[data-v-38306cfe] {
      font-size: 0.42667rem;
      margin-left: 0.18667rem;
      font-weight: bold;
      color: var(--box_title);
}

.downapptips .showDownBox[data-v-7dd95497] {
  position: fixed;
  z-index: 996;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.66667rem;
  height: 9.33333rem;
}
.downapptips .showDownBox .downImg[data-v-7dd95497] {
    width: 6.66667rem;
    height: 9.33333rem;
}
.downapptips .showDownBox .closeImg[data-v-7dd95497] {
    position: absolute;
    right: -0.8rem;
    top: -0.53333rem;
    width: 1.06667rem;
    height: 1.06667rem;
    z-index: 997;
}

.musci_list[data-v-3b4bec1c] {
  background-color: var(--bg_color);
  font-family: PingFang SC;
  padding-bottom: 0.53333rem;
  position: relative;
}
.musci_list .qqqqq[data-v-3b4bec1c] {
    text-align: center;
}
.musci_list .first_li[data-v-3b4bec1c] {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.8rem 0 0.4rem;
    font-size: 0.37333rem;
    border-bottom: var(--bottomLine);
    background-color: #fff;
}
.musci_list .first_li .playAll[data-v-3b4bec1c] {
      width: 2.72rem;
      height: 0.8rem;
      background: var(--cahnge_btnbg);
      border-radius: 0.10667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--item_title);
      display: flex;
      justify-content: center;
      align-items: center;
}
.musci_list .first_li .playAll .icon_icon[data-v-3b4bec1c] {
        margin-right: 0.13333rem;
}
.musci_list .first_li .shunxu[data-v-3b4bec1c] {
      height: 100%;
      display: flex;
      align-items: center;
      color: #969696;
      font-weight: bold;
      font-size: 0.42667rem;
}
.musci_list .first_li .shunxu .setList[data-v-3b4bec1c] {
        display: flex;
        align-items: center;
        margin-left: 0.66667rem;
        font-size: 0.37333rem;
}
.musci_list .first_li .shunxu .icon_tel[data-v-3b4bec1c] {
        width: 0.48rem;
        height: 0.42667rem;
        margin-right: 0.26667rem;
}
.musci_list .first_li .shunxu .daoxu[data-v-3b4bec1c] {
        width: 0.48rem;
        height: 0.42667rem;
}
.musci_list .music_ul[data-v-3b4bec1c] {
    padding-top: 1.6rem;
}
.musci_list .music_ul .other_li[data-v-3b4bec1c] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0.53333rem;
}
.musci_list .music_ul .other_li .rank_xuhao[data-v-3b4bec1c] {
        width: 1.2rem;
        height: 2.13333rem;
        font-size: 0.42667rem;
        font-weight: bold;
        color: #969696;
        padding: 0.26667rem 0 0 0.26667rem;
}
.musci_list .music_ul .other_li .center_content[data-v-3b4bec1c] {
        position: relative;
        flex: 1;
        height: 100%;
        border-bottom: var(--bottomLine);
        display: flex;
        padding: 0.13333rem 0;
        flex-direction: column;
        justify-content: space-around;
}
.musci_list .music_ul .other_li .center_content .newIcon[data-v-3b4bec1c] {
          -ms-interpolation-mode: nearest-neighbor;
              image-rendering: -moz-crisp-edges;
              image-rendering: pixelated;
          margin-right: 0.13333rem;
          vertical-align: middle;
          top: 0.13333rem;
          left: 0;
          width: 0.82667rem;
          height: 0.42667rem;
}
.musci_list .music_ul .other_li .center_content .top_tel .title_tel[data-v-3b4bec1c] {
          font-size: 0.4rem;
          font-weight: 500;
          color: var(--box_title);
}
.musci_list .music_ul .other_li .center_content .top_tel .text_blue[data-v-3b4bec1c] {
          color: #ff7029;
}
.musci_list .music_ul .other_li .center_content .top_tel .pd_left[data-v-3b4bec1c] {
          padding-left: 1.06667rem;
}
.musci_list .music_ul .other_li .center_content .top_tel .exemption_icon[data-v-3b4bec1c] {
          position: absolute;
          right: 0;
          top: 0.13333rem;
          height: 0.42667rem;
          padding: 0 0.13333rem;
          background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
          border-radius: 0.61333rem;
          color: #ffffff;
          font-size: 0.26667rem;
}
.musci_list .music_ul .other_li .center_content .bottom_tel[data-v-3b4bec1c] {
          height: 0.53333rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 0.32rem;
          font-weight: 500;
          color: #969696;
          margin-top: 0.13333rem;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left[data-v-3b4bec1c] {
            display: flex;
            align-items: center;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .disItem[data-v-3b4bec1c] {
              display: flex;
              align-items: center;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .num[data-v-3b4bec1c],
            .musci_list .music_ul .other_li .center_content .bottom_tel .b_left .tim[data-v-3b4bec1c] {
              margin-right: 0.26667rem;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .num .van-icon[data-v-3b4bec1c],
              .musci_list .music_ul .other_li .center_content .bottom_tel .b_left .tim .van-icon[data-v-3b4bec1c] {
                margin-right: 0.10667rem;
}
.musci_list .music_ul .other_li .center_content .play-ad[data-v-3b4bec1c] {
          height: 0.53333rem;
          font-size: 0.32rem;
          color: #969696;
}
.musci_list .music_ul .other_li .blue_txt[data-v-3b4bec1c] {
        color: #4bb1ff;
}
.musci_list .music_ul .choiceBox[data-v-3b4bec1c] {
      height: 100%;
}
.musci_list .music_ul .choiceBox .choiceUl[data-v-3b4bec1c] {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.4rem;
}
.musci_list .music_ul .choiceBox .choiceUl .choiceLi[data-v-3b4bec1c] {
          font-weight: bold;
          margin: 0.16rem 0.32rem;
          width: 1.81333rem;
          height: 0.8rem;
          background: #f6f6f6;
          border-radius: 0.10667rem;
          font-size: 0.37333rem;
          line-height: 0.8rem;
          text-align: center;
          color: var(--box_title);
}
.musci_list .music_ul .choiceBox .choiceUl .choiceLi-set[data-v-3b4bec1c] {
          background: #4bb1ff;
          color: #ffffff;
}
.van-popup[data-v-3b4bec1c] {
  background-color: var(--shop_car);
}
.van-popup .book_info[data-v-3b4bec1c] {
    padding: 0.48rem 0.4rem 0.26667rem 0.4rem;
    background-color: var(--bg_color);
}
.van-popup .book_info .top[data-v-3b4bec1c] {
      display: flex;
      justify-content: space-around;
      padding: 0 1.06667rem 0 0;
}
.van-popup .book_info .top img[data-v-3b4bec1c] {
        width: 2.66667rem;
        height: 3.6rem;
        border-radius: 0.18667rem;
        margin-right: 0.34667rem;
}
.van-popup .book_info .top div[data-v-3b4bec1c] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}
.van-popup .book_info .top div p[data-v-3b4bec1c]:nth-of-type(1) {
          color: var(--search_txt1);
          font-size: 0.4rem;
          margin-bottom: 0.26667rem;
          font-weight: 800;
}
.van-popup .book_info .top div p[data-v-3b4bec1c]:nth-of-type(2) {
          color: #969696;
          font-size: 0.45333rem;
          margin-bottom: 1.06667rem;
}
.van-popup .book_info .top div p[data-v-3b4bec1c]:nth-of-type(3) {
          font-size: 0.45333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #ff6464;
}
.van-popup .book_info .bottom p[data-v-3b4bec1c] {
      color: #cdcdcd;
      font-size: 0.4rem;
      margin: 0.26667rem 0;
}
.van-popup .book_info .bottom .discountTips[data-v-3b4bec1c] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-size: 0.34667rem;
      color: --search_txt1;
}
.van-popup .book_info .bottom .discountTips div[data-v-3b4bec1c] {
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        padding: 0.21333rem 0;
        align-items: center;
}
.van-popup .book_info .bottom .discountTips div .first_div span[data-v-3b4bec1c]:first-child {
          font-size: 0.4rem;
          font-family: PingFang SC;
          color: #969696;
          margin-right: 0.26667rem;
}
.van-popup .book_info .bottom .discountTips div .first_div span[data-v-3b4bec1c]:nth-of-type(2) {
          font-size: 0.34667rem;
          color: var(--search_txt1);
}
.van-popup .book_info .bottom .discountTips div .last_div[data-v-3b4bec1c] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ff6464;
}
.van-popup .payBox[data-v-3b4bec1c] {
    background-color: var(--bg_color);
    margin-top: 0.26667rem;
    padding: 0.4rem 0.48rem;
}
.van-popup .payBox .btn img[data-v-3b4bec1c] {
      width: 0.56rem;
      height: 0.48rem;
      vertical-align: middle;
      margin-right: 0.26667rem;
}
.van-popup .payBox .btn .van-button[data-v-3b4bec1c] {
      width: 100%;
      height: 1.06667rem;
}

.loaidng[data-v-24a16d5c] {
  position: fixed;
  left: 50%;
  top: 25%;
  transform: translateX(-50%);
  z-index: 1200;
}
.loaidng .box[data-v-24a16d5c] {
    width: 2.66667rem;
    height: 2.66667rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #272727;
    border-radius: 0.26667rem;
}
.loaidng .box span[data-v-24a16d5c] {
      margin-top: 0.26667rem;
      color: #fff;
      font-size: 0.37333rem;
}

.extension_code[data-v-8cf663b2] {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.extension_code .img_img[data-v-8cf663b2] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
}
.extension_code .left_arrow[data-v-8cf663b2] {
    padding: 0.53333rem 0 0 0.4rem;
    color: #cccccc;
    font-size: 0.58667rem;
    margin-bottom: 0.53333rem;
}
.extension_code .title[data-v-8cf663b2] {
    font-size: 0.93333rem;
    font-family: Fontquan-XinYiJiXiangSong;
    font-weight: 500;
    color: #cdcdcd;
    text-align: center;
}
.extension_code .qr_code[data-v-8cf663b2] {
    position: absolute;
    bottom: 3.5vh;
    right: 3vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.53333rem;
    height: 2.93333rem;
    background: #ffffff;
    box-shadow: 0 0 0.29333rem 0 rgba(32, 32, 32, 0.4);
    border-radius: 0.13333rem;
}
.extension_code .qr_code .code_box[data-v-8cf663b2] {
      width: 2rem;
      height: 2rem;
      text-align: center;
      margin-bottom: 0.13333rem;
}
.extension_code .qr_code .code_box .code_img[data-v-8cf663b2] {
        width: 100%;
        height: 100%;
}
.extension_code .qr_code .code_txt[data-v-8cf663b2] {
      height: 0.4rem;
      display: flex;
      height: 0.26667rem;
      justify-content: space-around;
}
.extension_code .qr_code .code_txt .code_span[data-v-8cf663b2] {
        font-family: PingFang SC;
        font-weight: 500;
        font-size: 0.24rem;
}
.extension_code .qr_code .code_txt .code_span[data-v-8cf663b2]:nth-of-type(1) {
          color: #5d5d5d;
          margin-right: 0.13333rem;
}
.extension_code .qr_code .code_txt .code_span[data-v-8cf663b2]:nth-of-type(2) {
          color: #202020;
}
.extension_code .qr_code2[data-v-8cf663b2] {
    width: 5.6rem;
    height: 6.26667rem;
    background: #ffffff;
    box-shadow: 0 0 0.29333rem 0 rgba(32, 32, 32, 0.4);
    border-radius: 0.4rem;
    margin: 1.44rem auto 0;
    padding: 0.64rem 0.64rem 0;
}
.extension_code .qr_code2 .code_box2[data-v-8cf663b2] {
      width: 4.34667rem;
      height: 4.34667rem;
      text-align: center;
      line-height: 4.34667rem;
}
.extension_code .qr_code2 .code_box2 .code_img2[data-v-8cf663b2] {
        width: 100%;
        height: 100%;
}
.extension_code .qr_code2 .code_txt2[data-v-8cf663b2] {
      text-align: center;
}
.extension_code .qr_code2 .code_txt2 .code_span2[data-v-8cf663b2] {
        font-family: PingFang SC;
}
.extension_code .qr_code2 .code_txt2 .code_span2[data-v-8cf663b2]:nth-of-type(1) {
          font-size: 0.4rem;
          font-weight: 500;
          color: #5d5d5d;
}
.extension_code .qr_code2 .code_txt2 .code_span2[data-v-8cf663b2]:nth-of-type(2) {
          font-size: 0.42667rem;
          font-weight: 800;
          color: #202020;
}
.extension_code .bottom_text[data-v-8cf663b2] {
    text-align: center;
    margin-top: 0.8rem;
}
.extension_code .bottom_text .bottom_title[data-v-8cf663b2] {
      font-size: 1.01333rem;
      font-family: Fontquan-XinYiJiXiangSong;
      font-weight: 500;
      color: #a6a5a6;
      margin-bottom: 0.53333rem;
}
.extension_code .bottom_text .bottom_tips[data-v-8cf663b2] {
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #a6a5a6;
}
.extension_code .save[data-v-8cf663b2] {
    color: #eed9b0;
    font-size: 0.4rem;
    text-align: center;
    margin-top: 0.53333rem;
}

.opinion[data-v-a9cfd190] {
  height: 100%;
}
.opinion .opinion_title[data-v-a9cfd190] {
    background-color: #272727;
    padding: 0.53333rem 0 0.4rem 0.4rem;
}
.opinion .opinion_title p[data-v-a9cfd190] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #F9F9F9;
}
.opinion .opinion_title ul[data-v-a9cfd190] {
      display: flex;
      justify-content: flex-start;
      margin-top: 0.50667rem;
}
.opinion .opinion_title ul li[data-v-a9cfd190] {
        width: 2.05333rem;
        height: 0.74667rem;
        background: #2E2E2E;
        border-radius: 0.37333rem;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #CDCDCD;
        text-align: center;
        line-height: 0.74667rem;
        margin-right: 0.26667rem;
}
.opinion .opinion_title ul .bg[data-v-a9cfd190] {
        background-color: #EED9B0;
        color: #202020;
}
.opinion .text[data-v-a9cfd190] {
    height: 5.52rem;
    width: 100%;
    margin-top: 0.16rem;
}
.opinion .text textarea[data-v-a9cfd190] {
      height: 100%;
      width: 100%;
      background-color: var(--updata_bg);
      border: none;
      padding: 0.42667rem;
      font-size: 0.37333rem;
      color: #969696;
      resize: none;
}
.opinion .text textarea[data-v-a9cfd190]::-moz-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.opinion .text textarea[data-v-a9cfd190]:-ms-input-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.opinion .text textarea[data-v-a9cfd190]::placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.opinion .number[data-v-a9cfd190] {
    margin-top: 0.18667rem;
}
.opinion .number .van-field[data-v-a9cfd190] {
      background-color: var(--updata_bg);
}
.opinion .number .van-field[data-v-a9cfd190] .van-field__label {
        color: var(--box_title);
}
.opinion .number .van-field[data-v-a9cfd190] .van-field__control {
        color: var(--box_title);
}
.opinion .number .van-field[data-v-a9cfd190] .van-field__control::-moz-placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.opinion .number .van-field[data-v-a9cfd190] .van-field__control:-ms-input-placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.opinion .number .van-field[data-v-a9cfd190] .van-field__control::placeholder {
          font-size: 0.37333rem;
          color: #969696;
}
.opinion .btn[data-v-a9cfd190] {
    position: fixed;
    bottom: 0.42667rem;
    padding: 0 0.42667rem;
    width: 100%;
}
.opinion .btn .van-button[data-v-a9cfd190] {
      width: 100%;
      height: 1.28rem;
      background: linear-gradient(172deg, #FBEDD1, #EED8AF);
      border-radius: 0.21333rem;
      font-size: 0.53333rem;
      font-family: PingFang SC;
      font-weight: 800;
      color: #202020;
      margin-top: 0.8rem;
      border: none;
}

.coupon_item[data-v-479d319c] {
  background: #f8f4eb;
}
.coupon_item .coupon_ul[data-v-479d319c] {
    padding: 0.4rem 0.4rem 0;
}
.coupon_item .coupon_ul .filter[data-v-479d319c] {
      filter: grayscale(100%);
}
.coupon_item .coupon_ul .coupon_li[data-v-479d319c] {
      width: 9.2rem;
      height: 2.66667rem;
      display: flex;
      margin-bottom: 0.34667rem;
}
.coupon_item .coupon_ul .coupon_li .left_box[data-v-479d319c] {
        width: 32%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
}
.coupon_item .coupon_ul .coupon_li .left_box .price_box[data-v-479d319c] {
          font-weight: bold;
          font-size: 0.58667rem;
}
.coupon_item .coupon_ul .coupon_li .left_box .price_box .smalltxt[data-v-479d319c] {
            font-size: 0.32rem;
}
.coupon_item .coupon_ul .coupon_li .left_box .proce_tip[data-v-479d319c] {
          font-size: 0.32rem;
}
.coupon_item .coupon_ul .coupon_li .right_box[data-v-479d319c] {
        position: relative;
        padding: 0.18667rem 0.32rem 0.26667rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_info[data-v-479d319c] {
          height: 70%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_info .coupon_title[data-v-479d319c] {
            font-size: 0.4rem;
            color: #1d2129;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_info .coupon_time[data-v-479d319c] {
            margin-top: 0.13333rem;
            font-size: 0.29333rem;
            color: #4e5969;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_fn[data-v-479d319c] {
          flex: 1;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_fn .see_txt[data-v-479d319c] {
            display: flex;
            align-items: center;
            font-size: 0.26667rem;
            color: #86909c;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_fn .see_txt .free[data-v-479d319c] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.08rem;
}
.coupon_item .coupon_ul .coupon_li .right_box .coupon_fn .btn[data-v-479d319c] {
            width: 1.70667rem;
            height: 0.72rem;
            background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
            border-radius: 1.06667rem;
            font-size: 0.32rem;
            color: #ffffff;
            text-align: center;
            line-height: 0.72rem;
}
.coupon_item .coupon_ul .coupon_li .tips_img[data-v-479d319c] {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.76rem;
        height: 1.68rem;
}
.coupon_item .overlay_box[data-v-479d319c] {
    padding: 0.4rem 0 0;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.46667rem;
    height: 10.26667rem;
    border-radius: 0.26667rem;
    background-color: #fff;
}
.coupon_item .overlay_box .overlay_title[data-v-479d319c] {
      text-align: center;
      font-size: 0.42667rem;
      font-weight: bold;
      color: #1d2129;
      margin-bottom: 0.13333rem;
}
.coupon_item .overlay_box .overlay_tips[data-v-479d319c] {
      padding-left: 0.4rem;
      text-align: left;
      font-size: 0.32rem;
      color: #86909c;
      margin-bottom: 0.13333rem;
}
.coupon_item .overlay_box .overlay_tips .ml10[data-v-479d319c] {
        margin-left: 0.21333rem;
}
.coupon_item .overlay_box .content_parent[data-v-479d319c] {
      height: 65%;
      overflow-y: scroll;
      width: 100%;
}
.coupon_item .overlay_box .content_parent .content[data-v-479d319c] {
        padding: 0.26667rem 0.4rem 0;
        font-size: 0.37333rem;
        color: #4e5969;
        white-space: pre-line;
        text-align: left;
}
.coupon_item .overlay_box .overlay_btn[data-v-479d319c] {
      position: absolute;
      bottom: 0;
      height: 1.22667rem;
      width: 100%;
      border-top: 0.02667rem solid #e5e6eb;
      text-align: center;
      line-height: 1.22667rem;
      font-size: 0.42667rem;
      color: #ff7029;
}
.coupon_item .noList[data-v-479d319c] {
    padding-top: 3.06667rem;
    text-align: center;
}
.coupon_item .noList .noImg[data-v-479d319c] {
      width: 6.4rem;
      height: 3.41333rem;
}
.coupon_item .noList .noListP[data-v-479d319c] {
      margin-top: 0.77333rem;
      font-size: 0.37333rem;
      color: #86909c;
}

.coupon[data-v-5ff30ed6] {
  min-height: 100vh;
  height: 100%;
  background: #f8f4eb;
}
.coupon .van-tabs[data-v-5ff30ed6] .van-tabs__line {
    background-color: #ff7029;
    width: 0.4rem;
    height: 0.10667rem;
    bottom: 0.53333rem;
    box-shadow: 0 0.02667rem 0.08rem 0 rgba(255, 112, 41, 0.7);
}
.coupon .van-tabs[data-v-5ff30ed6] .van-tab {
    font-size: 0.42667rem;
    color: #86909C;
    background-color: #fff;
}
.coupon .van-tabs[data-v-5ff30ed6] .van-tab--active {
    font-weight: bold;
    color: #FF7029;
}
.coupon .van-tabs[data-v-5ff30ed6] .van-tabs__wrap {
    background-color: initial;
}
.coupon .van-tabs[data-v-5ff30ed6] .van-tabs__wrap .van-tabs__nav {
      background-color: initial;
}

.coupon_active[data-v-1bef78fc] {
  min-height: 100vh;
  width: 100vw;
}
.coupon_active .active_img[data-v-1bef78fc] {
    width: 100%;
    vertical-align: middle;
}
.coupon_active .van-button[data-v-1bef78fc] {
    position: fixed;
    bottom: 0.93333rem;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    outline: none;
    width: 5.28rem;
    height: 1.01333rem;
    color: #ffffff;
    background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.01333rem;
}
.coupon_active .noactive[data-v-1bef78fc] {
    padding-top: 3.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.coupon_active .noactive .bg[data-v-1bef78fc] {
      width: 6.4rem;
      height: 3.41333rem;
}
.coupon_active .noactive .no_txt[data-v-1bef78fc] {
      font-size: 0.37333rem;
      color: #86909c;
      margin: 0.8rem 0 0.66667rem 0;
}
.coupon_active .noactive .no_btn[data-v-1bef78fc] {
      width: 5.33333rem;
      height: 1.01333rem;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 1.01333rem;
      font-size: 0.42667rem;
      color: #ffffff;
      text-align: center;
      line-height: 1.01333rem;
}

.popupContent[data-v-295df2dd] {
  width: 8.34667rem;
  border-radius: 0.53333rem;
  color: #1d2129;
  font-family: PingFang SC-Bold, PingFang SC;
  padding: 0.66667rem 0.53333rem;
}
.popupContent .title[data-v-295df2dd] {
    font-size: 0.53333rem;
    font-weight: bold;
    text-align: center;
}
.popupContent .content[data-v-295df2dd] {
    margin-top: 0.53333rem;
    font-size: 0.37333rem;
}
.popupContent .content .text[data-v-295df2dd] {
      margin-bottom: 0.4rem;
}
.popupContent .content .text .jumpLink[data-v-295df2dd] {
        color: var(--new_bg_color);
}
.popupContent .btnContainer[data-v-295df2dd] {
    margin-top: 0.53333rem;
    font-size: 0.42667rem;
}
.popupContent .btnContainer .btn[data-v-295df2dd] {
      width: 7.28rem;
      height: 1.06667rem;
      color: #86909c;
}
.popupContent .btnContainer .agreeBtn[data-v-295df2dd] {
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 0.98667rem;
      color: #fff;
}

.noticeBar[data-v-5e955d20] {
  width: 100%;
  height: 0.77333rem;
  background: #fff2de;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.26667rem 0 0.4rem;
}
.noticeBar .content[data-v-5e955d20] {
    display: flex;
    align-items: center;
}
.noticeBar .content .icon[data-v-5e955d20] {
      width: 0.50667rem;
      height: 0.50667rem;
      margin-right: 0.13333rem;
}
.noticeBar .content .text[data-v-5e955d20] {
      color: #1d2129;
      font-size: 0.32rem;
}
.noticeBar .detail[data-v-5e955d20] {
    display: flex;
    align-items: center;
}
.noticeBar .detail .text[data-v-5e955d20] {
      color: #f53f3f;
      font-size: 0.32rem;
}
.noticeBar .detail .icon[data-v-5e955d20] {
      width: 0.4rem;
      height: 0.4rem;
}
.pageContent[data-v-5e955d20] {
  min-height: 100vh;
  background: #f8f4eb url("https://osscdn.666syh.com/image/app/1693366214338.png") no-repeat 100% top/100% 7.46667rem;
}
.pageContent .header[data-v-5e955d20] {
    width: 100%;
    color: #fff;
}
.pageContent .header .userInfo[data-v-5e955d20] {
      display: flex;
      flex-direction: column;
      padding: 0 0.53333rem;
}
.pageContent .header .userInfo .avatar_name[data-v-5e955d20] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.53333rem;
}
.pageContent .header .userInfo .avatar_name .left[data-v-5e955d20] {
          display: flex;
          align-items: center;
}
.pageContent .header .userInfo .avatar_name .left .avatar[data-v-5e955d20] {
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 50%;
            border: 0.02667rem solid rgba(255, 255, 255, 0.5);
            margin-right: 0.16rem;
}
.pageContent .header .userInfo .avatar_name .left .name[data-v-5e955d20] {
            font-size: 0.4rem;
            width: 4.53333rem;
}
.pageContent .header .userInfo .avatar_name .commonProblem[data-v-5e955d20] {
          display: flex;
          justify-content: flex-end;
          gap: 0.32rem;
          align-items: center;
}
.pageContent .header .userInfo .avatar_name .commonProblem .problemBtn[data-v-5e955d20] {
            font-size: 0.32rem;
}
.pageContent .header .userInfo .avatar_name .commonProblem .lick_line[data-v-5e955d20] {
            font-size: 0.32rem;
}
.pageContent .header .userInfo .avatar_name .commonProblem .lock_img_box[data-v-5e955d20] {
            width: 0.58667rem;
            height: 0.58667rem;
            position: relative;
}
.pageContent .header .userInfo .avatar_name .commonProblem .lock_img_box .lock_dot[data-v-5e955d20] {
              position: absolute;
              width: 0.18667rem;
              height: 0.18667rem;
              border-radius: 50%;
              top: 0;
              right: 0;
              border: 0.02667rem solid #ffffff;
              background-color: #f53f3f;
}
.pageContent .header .userInfo .avatar_name .commonProblem .lock_img_box .lock_img[data-v-5e955d20] {
              position: absolute;
              width: 0.58667rem;
              height: 0.58667rem;
              top: 0;
              left: 0;
}
.pageContent .header .userInfo .id_info[data-v-5e955d20] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        font-size: 0.29333rem;
}
.pageContent .header .userInfo .id_info .left[data-v-5e955d20] {
          display: flex;
}
.pageContent .header .userInfo .id_info .left .uid[data-v-5e955d20]:after {
            content: '';
            display: inline-block;
            width: 0.02667rem;
            height: 0.26667rem;
            background: #fff;
            margin: 0.05333rem 0.26667rem 0;
}
.pageContent .header .userInfo .courseBtn[data-v-5e955d20] {
        width: 2.61333rem;
        height: 0.77333rem;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 0.53333rem;
        border: 0.02667rem solid #ffffff;
        font-size: 0.32rem;
        display: flex;
        padding-left: 0.18667rem;
        align-items: center;
}
.pageContent .header .userInfo .courseBtn .icon[data-v-5e955d20] {
          width: 0.4rem;
          height: 0.4rem;
}
.pageContent .header .balanceInfo[data-v-5e955d20] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 0.69333rem;
      padding: 0 0.53333rem;
}
.pageContent .header .balanceInfo .balance .title[data-v-5e955d20] {
        display: flex;
        align-items: center;
        font-size: 0.37333rem;
}
.pageContent .header .balanceInfo .balance .title .eyeIcon[data-v-5e955d20] {
          width: 0.53333rem;
          height: 0.53333rem;
          margin-left: 0.13333rem;
}
.pageContent .header .balanceInfo .balance .num[data-v-5e955d20] {
        font-size: 0.8rem;
        line-height: 1.09333rem;
}
.pageContent .header .balanceInfo .withdrawBtn[data-v-5e955d20] {
        width: 2.13333rem;
        height: 0.8rem;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 0.53333rem;
        color: #ff9a2f;
        font-size: 0.37333rem;
        display: flex;
        align-items: center;
        justify-content: center;
}
.pageContent .header .moneyInfo[data-v-5e955d20] {
      width: 100%;
      height: 2.58667rem;
      margin-top: 0.42667rem;
      background: url("https://osscdn.666syh.com/image/app/1696662497014.png") no-repeat 100%/100%;
      display: flex;
      justify-content: space-between;
      position: relative;
}
.pageContent .header .moneyInfo .info[data-v-5e955d20] {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 3.33333rem;
        padding-top: 0.42667rem;
        position: relative;
}
.pageContent .header .moneyInfo .info[data-v-5e955d20]:nth-of-type(-n + 2):after {
          content: '';
          position: absolute;
          right: 0;
          top: 0.61333rem;
          display: inline-block;
          height: 0.53333rem;
          width: 0.02667rem;
          background: #fff;
}
.pageContent .header .moneyInfo .info .num[data-v-5e955d20] {
          font-size: 0.42667rem;
          line-height: 0.58667rem;
}
.pageContent .header .moneyInfo .info .title[data-v-5e955d20] {
          font-size: 0.37333rem;
          line-height: 0.53333rem;
          display: flex;
          align-items: center;
}
.pageContent .header .moneyInfo .info .title .icon[data-v-5e955d20] {
            width: 0.4rem;
            height: 0.4rem;
}
.pageContent .header .order[data-v-5e955d20] {
      width: 10rem;
      height: 1.89333rem;
      background: #ff9523 linear-gradient(233deg, #ffc328 0%, rgba(255, 195, 40, 0) 100%);
      border-radius: 0.53333rem 0.53333rem 0 0;
      opacity: 1;
      border-top: 0.02667rem solid #ffffff;
      position: relative;
      top: -0.61333rem;
      padding: 0 0.50667rem 0.72rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.pageContent .header .order[data-v-5e955d20]:after {
        content: '';
        width: 0.02667rem;
        height: 0.53333rem;
        transform: scale(0.5) translateY(-50%);
        background: #fff;
        position: absolute;
        left: 4.82667rem;
        top: 0.45333rem;
}
.pageContent .header .order .title[data-v-5e955d20] {
        display: flex;
        align-items: center;
        font-size: 0.34667rem;
}
.pageContent .header .order .title .img[data-v-5e955d20] {
          width: 0.64rem;
          height: 0.64rem;
          margin-right: 0.21333rem;
}
.pageContent .header .order .moreIcon[data-v-5e955d20] {
        width: 0.37333rem;
        height: 0.37333rem;
}
.pageContent .bottom[data-v-5e955d20] {
    background: #f8f4eb;
    border-radius: 0.53333rem 0.53333rem 0 0;
    position: relative;
    margin-top: -1.33333rem;
    padding: 0.66667rem 0.4rem 0;
}
.pageContent .bottom .clientTitle[data-v-5e955d20] {
      display: flex;
      justify-content: space-between;
}
.pageContent .bottom .clientTitle .title[data-v-5e955d20] {
        font-size: 0.48rem;
        color: #1d2129;
        font-weight: bold;
        display: flex;
        align-items: center;
}
.pageContent .bottom .clientTitle .title .icon[data-v-5e955d20] {
          width: 0.45333rem;
          height: 0.45333rem;
          margin-left: 0.08rem;
}
.pageContent .bottom .clientTitle .more[data-v-5e955d20] {
        color: #4e5969;
        font-size: 0.37333rem;
        display: flex;
        align-items: center;
}
.pageContent .bottom .clientTitle .more .icon[data-v-5e955d20] {
          width: 0.37333rem;
          height: 0.37333rem;
}
.pageContent .bottom .client[data-v-5e955d20] {
      display: flex;
      justify-content: space-between;
      margin-top: 0.26667rem;
}
.pageContent .bottom .client .all.clientInfo[data-v-5e955d20] {
        padding-right: 1.54667rem;
}
.pageContent .bottom .client .all.clientInfo .num[data-v-5e955d20] {
          font-size: 0.53333rem;
}
.pageContent .bottom .client .all.clientInfo .title[data-v-5e955d20] {
          font-size: 0.37333rem;
}
.pageContent .bottom .client .all.clientInfo[data-v-5e955d20]:after {
          content: '';
          position: absolute;
          right: 0.8rem;
          top: 0.34667rem;
          display: inline-block;
          height: 0.74667rem;
          width: 0.02667rem;
          background: #c9cdd4;
}
.pageContent .bottom .client .unit[data-v-5e955d20] {
        flex: 1;
        display: flex;
        justify-content: space-between;
}
.pageContent .bottom .client .clientInfo[data-v-5e955d20] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
}
.pageContent .bottom .client .clientInfo .num[data-v-5e955d20] {
          color: #1d2129;
          font-size: 0.48rem;
          font-weight: bold;
          line-height: 0.72rem;
          margin-bottom: 0.18667rem;
}
.pageContent .bottom .client .clientInfo .title[data-v-5e955d20] {
          color: #4e5969;
          font-size: 0.32rem;
          line-height: 0.53333rem;
}
.pageContent .bottom .noData[data-v-5e955d20] {
      margin-top: 1.76rem;
      margin-bottom: 1.70667rem;
}
.pageContent .bottom .trialClass[data-v-5e955d20] {
      margin-top: 0.64rem;
}
.pageContent .bottom .vip[data-v-5e955d20] {
      margin-top: 0.50667rem;
}
.pageContent .bottom .trialClass[data-v-5e955d20],
    .pageContent .bottom .vip[data-v-5e955d20] {
      width: 100%;
      height: 3.44rem;
      border-radius: 0.26667rem;
      background: #fff;
      padding: 0.32rem;
}
.pageContent .bottom .trialClass .title[data-v-5e955d20],
      .pageContent .bottom .vip .title[data-v-5e955d20] {
        font-size: 0.4rem;
        font-weight: bold;
        color: #1d2129;
}
.pageContent .bottom .trialClass .info[data-v-5e955d20],
      .pageContent .bottom .vip .info[data-v-5e955d20] {
        margin-top: 0.26667rem;
        display: flex;
        justify-content: space-between;
}
.pageContent .bottom .trialClass .info .img[data-v-5e955d20],
        .pageContent .bottom .vip .info .img[data-v-5e955d20] {
          width: 6.10667rem;
          height: 1.94667rem;
          border-radius: 0.16rem;
}
.pageContent .bottom .trialClass .info .desc .tips[data-v-5e955d20],
        .pageContent .bottom .vip .info .desc .tips[data-v-5e955d20] {
          line-height: 0.45333rem;
          font-size: 0.32rem;
          color: #4e5969;
          text-align: center;
}
.pageContent .bottom .trialClass .info .desc .tips[data-v-5e955d20]:nth-of-type(1),
          .pageContent .bottom .vip .info .desc .tips[data-v-5e955d20]:nth-of-type(1) {
            margin-top: 0.13333rem;
}
.pageContent .bottom .trialClass .info .desc .tips[data-v-5e955d20]:nth-of-type(2),
          .pageContent .bottom .vip .info .desc .tips[data-v-5e955d20]:nth-of-type(2) {
            margin-bottom: 0.21333rem;
}
.pageContent .bottom .trialClass .info .desc .price[data-v-5e955d20],
        .pageContent .bottom .vip .info .desc .price[data-v-5e955d20] {
          margin-top: 0.05333rem;
          line-height: 0.53333rem;
          font-size: 0.37333rem;
          color: #4e5969;
}
.pageContent .bottom .trialClass .info .desc .price .text[data-v-5e955d20],
          .pageContent .bottom .vip .info .desc .price .text[data-v-5e955d20] {
            font-size: 0.32rem;
}
.pageContent .bottom .trialClass .info .desc .giveaway[data-v-5e955d20],
        .pageContent .bottom .vip .info .desc .giveaway[data-v-5e955d20] {
          line-height: 0.53333rem;
          font-size: 0.37333rem;
          margin-bottom: 0.13333rem;
          color: #f76560;
}
.pageContent .bottom .trialClass .info .desc .giveaway .text[data-v-5e955d20],
          .pageContent .bottom .vip .info .desc .giveaway .text[data-v-5e955d20] {
            font-size: 0.32rem;
}
.pageContent .bottom .trialClass .info .desc .btn[data-v-5e955d20],
        .pageContent .bottom .vip .info .desc .btn[data-v-5e955d20] {
          width: 2.13333rem;
          height: 0.69333rem;
          background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
          border-radius: 0.61333rem;
          color: #fff;
          font-size: 0.37333rem;
          font-weight: bold;
          display: flex;
          justify-content: center;
          align-items: center;
}
.pageContent .bottom .offline[data-v-5e955d20] {
      margin-top: 0.66667rem;
}
.pageContent .bottom .offline .title[data-v-5e955d20] {
        color: #1d2129;
        font-size: 0.48rem;
        font-weight: bold;
}
.pageContent .bottom .offline .info[data-v-5e955d20] {
        padding: 0.34667rem;
        background: #fff;
        border-radius: 0.26667rem;
        margin-top: 0.26667rem;
}
.pageContent .bottom .offline .info .img[data-v-5e955d20] {
          width: 8.50667rem;
          height: 4.77333rem;
          border-radius: 0.16rem;
}
.pageContent .bottom .offline .info .courseTitle[data-v-5e955d20] {
          font-size: 0.4rem;
          color: #1d2129;
          font-weight: bold;
}
.pageContent .bottom .offline .info .desc[data-v-5e955d20] {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.pageContent .bottom .offline .info .desc .price[data-v-5e955d20] {
            margin-top: 0.05333rem;
            line-height: 0.53333rem;
            font-size: 0.37333rem;
            color: #4e5969;
}
.pageContent .bottom .offline .info .desc .price .text[data-v-5e955d20] {
              font-size: 0.32rem;
}
.pageContent .bottom .offline .info .desc .giveaway[data-v-5e955d20] {
            line-height: 0.53333rem;
            font-size: 0.37333rem;
            margin-top: 0.05333rem;
            color: #f76560;
}
.pageContent .bottom .offline .info .desc .giveaway .text[data-v-5e955d20] {
              font-size: 0.32rem;
}
.pageContent .bottom .offline .info .desc .btn[data-v-5e955d20] {
            width: 2.13333rem;
            height: 0.69333rem;
            background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
            border-radius: 0.61333rem;
            font-size: 0.37333rem;
            font-weight: bold;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
}
.pageContent .bottomTips[data-v-5e955d20] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #86909c;
    padding: 0.53333rem 0;
}
.pageContent .bottomTips[data-v-5e955d20]:before, .pageContent .bottomTips[data-v-5e955d20]:after {
      content: '';
      display: block;
      width: 1.2rem;
      height: 0.02667rem;
      background: #c9cdd4;
      margin: 0 0.53333rem;
}
.problemDialog[data-v-5e955d20] {
  padding: 0 0.42667rem;
}
.problemDialog .dialogTitle[data-v-5e955d20] {
    font-size: 0.42667rem;
    font-weight: bold;
    color: #1d2129;
    text-align: center;
    padding: 0.4rem 0;
}
.problemDialog .option[data-v-5e955d20] {
    color: #4e5969;
    font-size: 0.37333rem;
    margin-bottom: 0.13333rem;
}
.problemDialog .option[data-v-5e955d20]:last-of-type {
      margin-bottom: 0.4rem;
}
.problemDialog .option .title[data-v-5e955d20] {
      color: #1d2129;
      font-size: 0.37333rem;
      font-weight: bold;
}
.wrapper[data-v-5e955d20] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper .content[data-v-5e955d20] {
    width: 7.6rem;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1d2129;
    border-radius: 0.26667rem;
    padding-bottom: 0.66667rem;
}
.wrapper .content .closeIcon[data-v-5e955d20] {
      position: absolute;
      width: 0.53333rem;
      height: 0.53333rem;
      top: 0.42667rem;
      right: 0.37333rem;
}
.wrapper .content .icon[data-v-5e955d20] {
      width: 1.52rem;
      height: 1.52rem;
      margin-top: 0.90667rem;
}
.wrapper .content .tips[data-v-5e955d20] {
      font-size: 0.4rem;
      font-weight: bold;
      margin-top: 0.26667rem;
}
.wrapper .content .desc[data-v-5e955d20] {
      margin-top: 0.32rem;
      font-size: 0.37333rem;
      padding: 0 0.4rem;
}
.wrapper .content .desc[data-v-5e955d20]:nth-of-type(2) {
        margin-top: 0.53333rem;
}
.wrapper .content .btn[data-v-5e955d20] {
      width: 3.14667rem;
      height: 1.06667rem;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 0.61333rem;
      margin-top: 0.53333rem;
      font-size: 0.42667rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
}

.coursePage[data-v-42b5ad86] {
  min-height: 100vh;
  background: #fefbf2 url("https://osscdn.666syh.com/image/app/1693473375320.png") no-repeat 100% top/100% 15.30667rem;
  padding: 3.04rem 0.4rem 0;
  position: relative;
}
.coursePage .courseList .course[data-v-42b5ad86] {
    width: 100%;
    height: 3.2rem;
    background: #fff;
    border-radius: 0.26667rem;
    margin-bottom: 0.26667rem;
    padding: 0.26667rem;
    display: flex;
    box-shadow: 0 0.10667rem 0.26667rem 0 rgba(255, 112, 41, 0.08);
}
.coursePage .courseList .course .courseImg[data-v-42b5ad86] {
      border-radius: 0.16rem;
      width: 2rem;
      height: 2.66667rem;
}
.coursePage .courseList .course .courseInfo[data-v-42b5ad86] {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 0.29333rem;
}
.coursePage .courseList .course .courseInfo .title_desc .title[data-v-42b5ad86] {
        font-size: 0.4rem;
        color: #1d2129;
        margin: 0.05333rem 0 0.10667rem;
        font-weight: bold;
}
.coursePage .courseList .course .courseInfo .title_desc .desc[data-v-42b5ad86] {
        font-size: 0.34667rem;
        color: #4e5969;
}
.coursePage .courseList .course .courseInfo .time_num[data-v-42b5ad86] {
        display: flex;
        justify-content: space-between;
        color: #86909c;
        font-size: 0.32rem;
}
.coursePage .trainEntrance[data-v-42b5ad86] {
    width: 2.74667rem;
    height: 2.48rem;
    position: absolute;
    bottom: 3.46667rem;
    right: 0.56rem;
}
.finished[data-v-42b5ad86] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #86909c;
}
.finished[data-v-42b5ad86]:before, .finished[data-v-42b5ad86]:after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 0.02667rem;
    background: #c9cdd4;
    margin: 0 0.53333rem;
}

.orderPageContent[data-v-77601d9c] {
  background: #f6f8fb;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.orderPageContent .tips[data-v-77601d9c] {
    background: #fff2de;
    color: #1d2129;
    font-size: 0.32rem;
    width: 100%;
    line-height: 0.77333rem;
    padding-left: 0.4rem;
}
.orderPageContent .vanList[data-v-77601d9c] {
    flex: 1;
    position: relative;
}
.orderPageContent .noData[data-v-77601d9c] {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%);
}
.orderPageContent .orderList[data-v-77601d9c] {
    margin-top: 0.4rem;
    padding: 0 0.4rem;
    height: 100%;
}
.orderPageContent .orderList .order[data-v-77601d9c] {
      padding: 0.53333rem 0.4rem;
      background: #fff;
      border-radius: 0.26667rem;
      margin-bottom: 0.26667rem;
}
.orderPageContent .orderList .order[data-v-77601d9c]:last-of-type {
        margin-bottom: 0;
}
.orderPageContent .orderList .order .productInfo[data-v-77601d9c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.42667rem;
}
.orderPageContent .orderList .order .productInfo .productName[data-v-77601d9c] {
          width: 5.68rem;
          color: #1d2129;
}
.orderPageContent .orderList .order .productInfo .productPrice[data-v-77601d9c] {
          color: #f53f3f;
          font-weight: bold;
}
.orderPageContent .orderList .order .productInfo .productPrice .unit[data-v-77601d9c] {
            font-weight: 500;
            font-size: 0.37333rem;
            color: #1d2129;
}
.orderPageContent .orderList .order .orderInfo[data-v-77601d9c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #86909c;
        font-size: 0.32rem;
        margin-top: 0.21333rem;
}
.orderPageContent .orderList .order .orderInfo .source[data-v-77601d9c] {
          width: 3.41333rem;
          text-align: right;
}
.orderPageContent .finished[data-v-77601d9c] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #86909c;
}
.orderPageContent .finished[data-v-77601d9c]:before, .orderPageContent .finished[data-v-77601d9c]:after {
      content: '';
      display: block;
      width: 1.2rem;
      height: 0.02667rem;
      background: #c9cdd4;
      margin: 0 0.53333rem;
}

.clientPageContent[data-v-e8383626] {
  min-height: 100vh;
  background: #f8f4eb;
  display: flex;
  flex-direction: column;
}
.clientPageContent .header[data-v-e8383626] {
    padding-top: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
}
.clientPageContent .header .clientNum[data-v-e8383626] {
      width: 9.2rem;
      height: 4.05333rem;
      background: url("https://osscdn.666syh.com/image/app/1693962531947.png") no-repeat 100%/100%;
      display: flex;
      flex-direction: column;
      color: #fff;
}
.clientPageContent .header .clientNum .all[data-v-e8383626] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0.48rem;
}
.clientPageContent .header .clientNum .all .num[data-v-e8383626] {
          font-weight: bold;
          font-size: 0.58667rem;
          line-height: 0.8rem;
}
.clientPageContent .header .clientNum .all .classify[data-v-e8383626] {
          font-size: 0.32rem;
          margin-top: 0.05333rem;
          line-height: 0.45333rem;
}
.clientPageContent .header .clientNum .other[data-v-e8383626] {
        display: flex;
        margin-top: 0.50667rem;
}
.clientPageContent .header .clientNum .other .otherClassify[data-v-e8383626] {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 3.04rem;
          position: relative;
}
.clientPageContent .header .clientNum .other .otherClassify[data-v-e8383626]:nth-of-type(-n + 2):after {
            content: '';
            position: absolute;
            right: 0;
            top: 0.32rem;
            display: inline-block;
            height: 0.69333rem;
            width: 0.02667rem;
            background: #fff;
}
.clientPageContent .header .clientNum .other .otherClassify .num[data-v-e8383626] {
            font-weight: bold;
            font-size: 0.48rem;
            line-height: 0.66667rem;
}
.clientPageContent .header .clientNum .other .otherClassify .classify[data-v-e8383626] {
            font-size: 0.32rem;
            margin-top: 0.10667rem;
            line-height: 0.45333rem;
}
.clientPageContent .header .menu[data-v-e8383626] {
      width: 9.2rem;
      height: 1.33333rem;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar {
        box-shadow: none;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item {
          position: relative;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item:nth-of-type(1):after {
            content: '';
            display: inline-block;
            width: 0.02667rem;
            height: 0.42667rem;
            background: #e5e6eb;
            position: absolute;
            right: 0;
            top: 0.45333rem;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title:after {
            position: absolute;
            top: 50%;
            right: -0.24rem;
            margin-top: -0.16rem;
            border: none;
            transform: none;
            opacity: 1;
            width: 0.32rem;
            height: 0.32rem;
            background: url("https://osscdn.666syh.com/image/app/1694052935547.png") no-repeat 100%/100%;
            content: '';
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title .van-ellipsis {
            color: #1d2129;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title--active .van-ellipsis {
            color: #ff7029;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title--active:after {
            background: url("https://osscdn.666syh.com/image/app/1694052979302.png") no-repeat 100%/100%;
}
.clientPageContent .header .menu[data-v-e8383626]  .van-dropdown-item.van-dropdown-item--down .van-dropdown-item__content {
        border-radius: 0 0 0.4rem 0.4rem;
}
.clientPageContent .header .menu .options[data-v-e8383626] {
        color: #1d2129;
        font-size: 0.34667rem;
        padding: 0.4rem 0.4rem 0.53333rem;
        display: flex;
        flex-wrap: wrap;
}
.clientPageContent .header .menu .options .option[data-v-e8383626] {
          width: 2.56rem;
          height: 0.8rem;
          border-radius: 1.06667rem;
          background: #f3f3f3;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 0.74667rem;
}
.clientPageContent .header .menu .options .option[data-v-e8383626]:nth-of-type(3n) {
            margin-right: 0;
}
.clientPageContent .header .menu .options .option[data-v-e8383626]:nth-of-type(n + 4) {
            margin-top: 0.4rem;
}
.clientPageContent .header .menu .options .active[data-v-e8383626] {
          background: #fff7f0;
          border: 0.02667rem solid #ff7029;
          color: #ff7029;
}
.clientPageContent .clientList[data-v-e8383626] {
    padding: 0.4rem 0.4rem 0;
}
.clientPageContent .clientList .client[data-v-e8383626] {
      padding: 0.4rem;
      background: #fff;
      color: #1d2129;
      border-radius: 0.26667rem;
      margin-bottom: 0.26667rem;
}
.clientPageContent .clientList .client[data-v-e8383626]:last-of-type {
        margin-bottom: 0;
}
.clientPageContent .clientList .client .top[data-v-e8383626] {
        border-bottom: 0.02667rem solid #e5e6eb;
        padding-bottom: 0.26667rem;
}
.clientPageContent .clientList .client .top .userInfo[data-v-e8383626] {
          display: flex;
}
.clientPageContent .clientList .client .top .userInfo .avatarC[data-v-e8383626] {
            position: relative;
            width: 1.12rem;
            height: 1.12rem;
}
.clientPageContent .clientList .client .top .userInfo .avatarC .avatar[data-v-e8383626] {
              width: 1.12rem;
              height: 1.12rem;
              border-radius: 50%;
}
.clientPageContent .clientList .client .top .userInfo .avatarC .flag[data-v-e8383626] {
              width: 0.45333rem;
              height: 0.45333rem;
              position: absolute;
              right: 0;
              bottom: -0.08rem;
}
.clientPageContent .clientList .client .top .userInfo .name_id[data-v-e8383626] {
            display: flex;
            flex-direction: column;
            margin-left: 0.13333rem;
}
.clientPageContent .clientList .client .top .userInfo .name_id .name[data-v-e8383626] {
              font-size: 0.42667rem;
              font-weight: bold;
              width: 5.41333rem;
}
.clientPageContent .clientList .client .top .userInfo .name_id .uid[data-v-e8383626] {
              font-size: 0.32rem;
}
.clientPageContent .clientList .client .top .num[data-v-e8383626] {
          margin-top: 0.34667rem;
          font-size: 0.37333rem;
          display: flex;
          justify-content: space-between;
}
.clientPageContent .clientList .client .bottom[data-v-e8383626] {
        margin-top: 0.26667rem;
        font-size: 0.32rem;
}
.clientPageContent .clientList .client .bottom .mb12[data-v-e8383626] {
          margin-bottom: 0.05333rem;
}
.clientPageContent .clientList .client .bottom .phone_btn[data-v-e8383626] {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
}
.clientPageContent .clientList .client .bottom .phone_btn .phone[data-v-e8383626] {
            color: #ff7029;
            text-decoration: underline;
}
.clientPageContent .clientList .client .bottom .phone_btn .btn[data-v-e8383626] {
            width: 2.13333rem;
            height: 0.69333rem;
            background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
            border-radius: 0.61333rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.37333rem;
            font-weight: bold;
            color: #fff;
}
.vanList[data-v-e8383626] {
  position: relative;
  flex: 1;
}
.noData[data-v-e8383626] {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%);
}
.finished[data-v-e8383626] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #86909c;
}
.finished[data-v-e8383626]:before, .finished[data-v-e8383626]:after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 0.02667rem;
    background: #c9cdd4;
    margin: 0 0.53333rem;
}

.noAccessPage[data-v-71d477b2] {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.noAccessPage .img[data-v-71d477b2] {
    width: 100%;
}

.inviteContent[data-v-64cfc42c] {
  width: 100%;
  min-height: 100vh;
  position: relative;
  font-family: PingFang SC-Bold, PingFang SC;
}
.inviteContent .img[data-v-64cfc42c] {
    width: 100%;
}
.inviteContent .btn[data-v-64cfc42c] {
    width: 5.28rem;
    height: 1.01333rem;
    background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.33333rem;
    font-size: 0.37333rem;
    color: #fff;
    position: fixed;
    bottom: 0.96rem;
    left: 50%;
    transform: translateX(-50%);
}

.frequently_question[data-v-35b65ed0] {
  background-color: #ffffff;
  min-height: 100vh;
  position: relative;
}
.frequently_question .tips_txt[data-v-35b65ed0] {
    font-size: 0.4rem;
    font-family: PingFang SC-Medium, PingFang SC;
    color: #1D2129;
    padding: 0.4rem;
}
.frequently_question .line[data-v-35b65ed0] {
    height: 0.4rem;
    background-color: #f8f4eb;
}
.frequently_question .item_box[data-v-35b65ed0] {
    padding: 0 0.4rem;
}
.frequently_question[data-v-35b65ed0] .van-collapse-item .van-cell {
    padding: 0.4rem 0;
}
.frequently_question[data-v-35b65ed0] .van-collapse-item .van-cell::after {
    content: none;
}
.frequently_question .cell_title[data-v-35b65ed0] {
    display: flex;
    align-items: center;
}
.frequently_question .collapse_img[data-v-35b65ed0] {
    background: url("https://osscdn.666syh.com/image/app/1693473415198.png") no-repeat center/100% 100%;
    width: 0.74667rem;
    height: 0.66667rem;
    text-align: center;
    line-height: 0.66667rem;
    color: #ffffff;
    display: inline-block;
    margin-right: 0.16rem;
}
.frequently_question .cell_content[data-v-35b65ed0] {
    padding-left: 0.8rem;
    font-size: 0.37333rem;
}
.frequently_question .serviceAgreement[data-v-35b65ed0] {
    width: 100%;
    position: absolute;
    bottom: 1.44rem;
    font-size: 0.37333rem;
    color: var(--new_bg_color);
}

.money_withdrawal[data-v-f3b8cc94] {
  background-color: #ffffff;
  min-height: 100vh;
  padding: 0.53333rem 0.4rem;
  font-family: PingFang SC-Medium, PingFang SC;
}
.money_withdrawal .name_txt[data-v-f3b8cc94] {
    font-size: 0.37333rem;
    width: 100%;
    margin-bottom: 0.32rem;
}
.money_withdrawal .withdrawal_user[data-v-f3b8cc94],
  .money_withdrawal .user_name[data-v-f3b8cc94] {
    display: flex;
    align-items: center;
    font-size: 0.37333rem;
    color: #1d2129;
    font-weight: 500;
}
.money_withdrawal .withdrawal_user .name_txt[data-v-f3b8cc94],
    .money_withdrawal .user_name .name_txt[data-v-f3b8cc94] {
      font-size: 0.37333rem;
      width: 100%;
}
.money_withdrawal .withdrawal_user .name_nickname[data-v-f3b8cc94],
    .money_withdrawal .user_name .name_nickname[data-v-f3b8cc94] {
      width: 2rem;
}
.money_withdrawal .withdrawal_user .img_txt[data-v-f3b8cc94],
    .money_withdrawal .user_name .img_txt[data-v-f3b8cc94] {
      flex: 1;
      display: flex;
      align-items: center;
}
.money_withdrawal .withdrawal_user .user_img[data-v-f3b8cc94],
    .money_withdrawal .user_name .user_img[data-v-f3b8cc94] {
      width: 0.8rem;
      height: 0.8rem;
      border-radius: 50%;
      margin-right: 0.18667rem;
}
.money_withdrawal .withdrawal_user .name_txt[data-v-f3b8cc94],
    .money_withdrawal .user_name .name_txt[data-v-f3b8cc94] {
      flex: 1;
      margin-right: 0.18667rem;
}
.money_withdrawal .withdrawal_user .name_set_Btn[data-v-f3b8cc94],
    .money_withdrawal .user_name .name_set_Btn[data-v-f3b8cc94] {
      color: #ff7029;
}
.money_withdrawal .withdrawal_user .redtxt[data-v-f3b8cc94],
    .money_withdrawal .user_name .redtxt[data-v-f3b8cc94] {
      color: #ff7029;
}
.money_withdrawal .tips[data-v-f3b8cc94] {
    font-size: 0.32rem;
    color: #86909c;
    margin-bottom: 0.4rem;
}
.money_withdrawal .money_box[data-v-f3b8cc94] {
    width: 9.2rem;
    background: #f6f6f6;
    border-radius: 0.26667rem;
    padding: 0.26667rem 0.34667rem 0;
}
.money_withdrawal .money_box .money_box_tips[data-v-f3b8cc94] {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.37333rem;
}
.money_withdrawal .money_box .money_box_tips .left_num[data-v-f3b8cc94] {
        font-size: 0.37333rem;
        color: #1d2129;
}
.money_withdrawal .money_box .money_box_tips .right_btn[data-v-f3b8cc94] {
        color: #ff7029;
        font-size: 0.32rem;
}
.money_withdrawal .money_box .money_field[data-v-f3b8cc94] {
      background-color: #f6f6f6;
      border-bottom: 0.01333rem solid #d9dde4;
      padding: 0.13333rem 0 0.08rem;
}
.money_withdrawal .money_box .money_field[data-v-f3b8cc94] .van-field__label {
        width: 1.28rem;
        font-size: 0.74667rem;
        height: 1.06667rem;
        line-height: 1.06667rem;
        color: #1d2129;
}
.money_withdrawal .money_box .money_field[data-v-f3b8cc94] .van-field__value {
        font-size: 0.74667rem;
        line-height: 1.06667rem;
}
.money_withdrawal .money_box .money_source[data-v-f3b8cc94] {
      display: flex;
      justify-content: space-between;
      font-size: 0.32rem;
      color: #1d2129;
      align-items: center;
      height: 0.8rem;
}
.money_withdrawal .money_box .money_source .wx_icon[data-v-f3b8cc94] {
        width: 0.4rem;
        height: 0.4rem;
        vertical-align: middle;
}
.money_withdrawal .tips_title[data-v-f3b8cc94] {
    font-size: 0.37333rem;
    color: #1d2129;
    font-weight: bold;
}
.money_withdrawal .withdrawal_tips1[data-v-f3b8cc94] {
    padding: 0.53333rem 0 0.8rem;
}
.money_withdrawal .withdrawal_tips2[data-v-f3b8cc94] {
    padding-top: 0.13333rem;
}
.money_withdrawal .withdrawal_btn_box[data-v-f3b8cc94] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.06667rem;
}
.money_withdrawal .withdrawal_btn_box .btn[data-v-f3b8cc94] {
      width: 5.33333rem;
      height: 1.01333rem;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 1.01333rem;
      text-align: center;
      line-height: 1.01333rem;
      font-size: 0.42667rem;
      color: #ffffff;
}
.money_withdrawal .withdrawal_btn_box .record[data-v-f3b8cc94] {
      color: #1d2129;
      font-size: 0.32rem;
      margin-top: 0.4rem;
}
.money_withdrawal .tips1_item[data-v-f3b8cc94] {
    font-size: 0.32rem;
    color: #4e5969;
    margin-bottom: 0.26667rem;
}
.money_withdrawal .tips1_item .digit[data-v-f3b8cc94] {
      color: #ff7029;
}

.lockout_page {
  padding: 0.4rem;
  min-height: 100vh;
}
.lockout_page .list_box .li_box {
    width: 9.2rem;
    background: #FFFFFF;
    border-radius: 0.26667rem;
    margin-bottom: 0.26667rem;
    padding: 0.4rem;
    box-shadow: 0.02667rem 0.02667rem 0.05333rem 0.05333rem rgba(0, 0, 0, 0.1);
}
.lockout_page .list_box .li_box .p_title {
      font-weight: 800;
      font-size: 0.4rem;
      color: #1D2129;
      margin-bottom: 0.16rem;
}
.lockout_page .list_box .li_box .user_txt {
      font-size: 0.37333rem;
      color: #1D2129;
}
.lockout_page .list_box .li_box .user_txt .user_name {
        color: #FF7029;
}
.lockout_page .list_box .li_box .user_desc {
      font-size: 0.37333rem;
      color: #1D2129;
      margin-bottom: 0.32rem;
}
.lockout_page .list_box .li_box .li_time {
      font-size: 0.34667rem;
      color: #86909C;
}

.bg[data-v-57793b78] {
  background: #fff;
  height: 100vh;
  width: 100%;
}
.bg .tip[data-v-57793b78] {
    width: 100%;
    height: 0.77333rem;
    background: #fff2de;
    color: #1d2129;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
    padding-left: 0.4rem;
}
.bg .remark[data-v-57793b78] {
    color: #86909c;
    background: #f5f8fb;
    font-size: 0.32rem;
    height: 0.88rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 0.4rem;
    justify-content: flex-end;
}
.bg .other[data-v-57793b78] {
    padding: 0.34667rem 0.4rem 0 0.4rem;
}
.bg .other .text[data-v-57793b78] {
      color: #1d2129;
      font-size: 0.4rem;
      padding-bottom: 0.26667rem;
}
.bg .other .textarea[data-v-57793b78] {
      background: #f6f6f6;
      border-radius: 0.26667rem;
      width: 100%;
      height: 3.76rem;
      border: none;
      padding: 0.26667rem;
      font-size: 0.37333rem;
      color: #86909c;
      resize: none;
}
.bg .save[data-v-57793b78] {
    width: 5.22667rem;
    height: 1.01333rem;
    background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.01333rem;
    font-weight: bold;
    color: #ffffff;
    font-size: 0.42667rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 1.14667rem;
    left: calc(50% - 2.61333rem);
    border: none;
}

.on_content[data-v-201633a9] {
  text-align: center;
  padding-top: 5.36rem;
}
.on_content .content_img[data-v-201633a9] {
    width: 6.4rem;
    height: 3.41333rem;
}
.on_content .content_txt[data-v-201633a9] {
    font-size: 0.37333rem;
    color: #86909C;
    margin-top: 0.77333rem;
}

.tobe_settled[data-v-1bb3f2a8] {
  font-family: PingFang SC;
  background: #f5f9fc;
  min-height: 100vh;
  height: 100%;
  padding-top: 0.4rem;
}
.tobe_settled .box[data-v-1bb3f2a8] {
    padding: 0 0.4rem;
}
.tobe_settled .box .item[data-v-1bb3f2a8] {
      margin-bottom: 0.4rem;
      width: 100%;
      height: 2.34667rem;
      border-radius: 0.26667rem;
      background: #fff;
      padding: 0.53333rem 0.4rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.03);
}
.tobe_settled .box .item .p[data-v-1bb3f2a8] {
        color: #1d2129;
        font-size: 0.42667rem;
}
.tobe_settled .box .item .p1[data-v-1bb3f2a8] {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.tobe_settled .box .item .p1 .left[data-v-1bb3f2a8] {
          color: #1d2129;
          font-size: 0.42667rem;
          width: 5.06667rem;
}
.tobe_settled .box .item .p1 .right[data-v-1bb3f2a8] {
          color: #f53f3f;
          font-size: 0.37333rem;
          width: 3.2rem;
          text-align: right;
}
.tobe_settled .box .item .p1 .right .only_txt[data-v-1bb3f2a8] {
            font-size: 0.32rem;
            color: #5e6877;
            margin-left: 0.08rem;
}
.tobe_settled .box .item .p2 .left[data-v-1bb3f2a8] {
        color: #86909c;
        font-size: 0.32rem;
}
.tobe_settled .box .item .p2 .right[data-v-1bb3f2a8] {
        font-size: 0.32rem;
        color: #86909c;
}
.tobe_settled .box .finished_p[data-v-1bb3f2a8] {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-bottom: 0.53333rem;
}
.tobe_settled .box .finished_p[data-v-1bb3f2a8] .van-divider {
        width: 6.66667rem;
        margin: 0;
        border-color: #c9cdd4;
}
.tobe_settled .van-list[data-v-1bb3f2a8] {
    background: #f5f9fc;
}

.withdrawal_records[data-v-56c3b5a8] {
  background: #ffffff;
  min-height: 100vh;
  height: 100%;
  padding: 0.4rem 0.4rem 0;
}
.withdrawal_records .records_li[data-v-56c3b5a8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.02667rem solid #e5e6eb;
    padding: 0.32rem 0.4rem;
    height: 1.68rem;
    background-color: #fff;
}
.withdrawal_records .records_li .records_left[data-v-56c3b5a8] {
      display: flex;
      flex-direction: column;
}
.withdrawal_records .records_li .records_left .records_title[data-v-56c3b5a8] {
        font-size: 0.4rem;
        color: #1d2129;
}
.withdrawal_records .records_li .records_left .records_time[data-v-56c3b5a8] {
        font-size: 0.32rem;
        color: #86909c;
}
.withdrawal_records .records_li .records_right[data-v-56c3b5a8] {
      width: 1.44rem;
      height: 0.61333rem;
      background: #e8f3ff;
      border-radius: 0.16rem;
      line-height: 0.61333rem;
      text-align: center;
      font-size: 0.34667rem;
}
.withdrawal_records .records_li .blue[data-v-56c3b5a8] {
      background-color: #e8f3ff;
      color: #4080ff;
}
.withdrawal_records .records_li .orange[data-v-56c3b5a8] {
      background-color: #fff7e8;
      color: #ff7d00;
}
.withdrawal_records .records_li .red[data-v-56c3b5a8] {
      background-color: #e8ffea;
      color: #00b42a;
}
.withdrawal_records .records_li .fail[data-v-56c3b5a8] {
      background-color: #ffece8;
      color: #f53f3f;
}
.withdrawal_records .van-list[data-v-56c3b5a8] {
    height: 100vh;
}

.withdrawal_details[data-v-0be5f92c] {
  min-height: 100vh;
  font-family: PingFang SC-Heavy, PingFang SC;
  background-color: #ffffff;
}
.withdrawal_details .details_title[data-v-0be5f92c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.64rem 0 0.93333rem 0;
    color: #1d2129;
}
.withdrawal_details .details_title .details_title_txt[data-v-0be5f92c] {
      font-size: 0.42667rem;
}
.withdrawal_details .details_title .details_title_num[data-v-0be5f92c] {
      font-size: 0.66667rem;
      font-weight: 800;
}
.withdrawal_details .details_timeline[data-v-0be5f92c] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.44rem;
}
.withdrawal_details .details_timeline .details_item[data-v-0be5f92c] {
      display: flex;
      align-items: center;
}
.withdrawal_details .details_timeline .details_item .line_img[data-v-0be5f92c] {
        width: 0.58667rem;
        height: 0.58667rem;
}
.withdrawal_details .details_timeline .details_item .line_details[data-v-0be5f92c] {
        width: 2.21333rem;
        height: 0.01333rem;
        background-color: #00b42a;
        margin: 0 0.26667rem;
}
.withdrawal_details .details_timeline .details_item .red_bg[data-v-0be5f92c] {
        background-color: #f53f3f;
}
.withdrawal_details .details_timeline .details_item .line_bg[data-v-0be5f92c] {
        background-color: #c9cdd4;
}
.withdrawal_details .details_txtline[data-v-0be5f92c] {
    display: flex;
    justify-content: space-between;
    padding: 0.26667rem 0.66667rem 0;
}
.withdrawal_details .details_txtline .txtline_item[data-v-0be5f92c] {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 2rem;
      font-size: 0.32rem;
      text-align: center;
}
.withdrawal_details .details_txtline .txtline_item .txtline_text[data-v-0be5f92c] {
        width: 100%;
        color: #1d2129;
}
.withdrawal_details .details_txtline .txtline_item .txtline_txt[data-v-0be5f92c] {
        color: #86909c;
        padding-left: 0.26667rem;
}
.withdrawal_details .details_txtline .txtline_item .txtline_time[data-v-0be5f92c] {
        width: 100%;
        color: #86909c;
}
.withdrawal_details .order_info[data-v-0be5f92c] {
    margin: 1.2rem 0.4rem 0;
}
.withdrawal_details .order_info .order_title[data-v-0be5f92c] {
      padding: 0.18667rem 0;
      margin-bottom: 0.4rem;
      font-size: 0.4rem;
      color: #1d2129;
      border-bottom: 0.02667rem solid #f2f3f5;
}
.withdrawal_details .order_info .order_item[data-v-0be5f92c] {
      display: flex;
      font-size: 0.34667rem;
      margin-bottom: 0.21333rem;
}
.withdrawal_details .order_info .order_item .item_title[data-v-0be5f92c] {
        width: 1.73333rem;
        -moz-text-align-last: justify;
             text-align-last: justify;
        color: #86909c;
}
.withdrawal_details .order_info .order_item .dot[data-v-0be5f92c] {
        margin: 0 0.26667rem 0 0.13333rem;
        color: #86909c;
}
.withdrawal_details .order_info .order_item .item_title1[data-v-0be5f92c] {
        color: #1d2129;
}

.agency_item[data-v-392ef66e] {
  font-family: PingFang SC;
  background-color: #ffffff;
}
.agency_item .no_num[data-v-392ef66e] {
    padding: 0.4rem;
}
.agency_item .no_num .no_btn_p[data-v-392ef66e] {
      font-size: 0.37333rem;
      color: #1d2129;
}
.agency_item .revenue_list .pre_li[data-v-392ef66e] .van-sticky {
    border-bottom: none;
}
.agency_item .revenue_list .pre_li .son_ul .son_item[data-v-392ef66e] {
    height: 1.78667rem;
    margin: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg_color);
    border-bottom: var(--bottomLine);
}
.agency_item .revenue_list .pre_li .son_ul .son_item .icon_inout[data-v-392ef66e] {
      width: 0.93333rem;
      height: 0.93333rem;
      margin-right: 0.4rem;
      border-radius: 50%;
}
.agency_item .revenue_list .pre_li .son_ul .son_item .revenue_list_left[data-v-392ef66e] {
      flex: 1;
      height: 1.06667rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
}
.agency_item .revenue_list .pre_li .son_ul .son_item .revenue_list_left span[data-v-392ef66e]:nth-of-type(1) {
        font-size: 0.37333rem;
        color: #1d2129;
        padding-right: 0.53333rem;
}
.agency_item .revenue_list .pre_li .son_ul .son_item .revenue_list_left span[data-v-392ef66e]:nth-of-type(2) {
        font-size: 0.32rem;
        color: #86909c;
}
.agency_item .revenue_list .pre_li .son_ul .son_item .son_price[data-v-392ef66e] {
      font-size: 0.42667rem;
      font-weight: bold;
      color: #f53f3f;
}
.agency_item .revenue_list .pre_li .screen_right[data-v-392ef66e] {
    height: 1.46667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f4eb;
    padding: 0 0.4rem;
}
.agency_item .revenue_list .pre_li .screen_right .scr_title[data-v-392ef66e] {
      font-size: 0.32rem;
      color: #4e5969;
}
.agency_item .revenue_list .pre_li .screen_right .scr_title .disburse[data-v-392ef66e] {
        margin-left: 0.26667rem;
}
.agency_item .revenue_list .pre_li .screen_right .btn_p[data-v-392ef66e] {
      height: 0.85333rem;
      background: #ffffff;
      border-radius: 1.06667rem;
      font-size: 0.37333rem;
      display: flex;
      align-items: center;
      padding: 0 0.32rem;
      color: #1d2129;
}
.agency_item .revenue_list .pre_li .screen_right .btn_p span[data-v-392ef66e] {
        margin: 0 0.05333rem;
}
.agency_item .van-datetime-picker[data-v-392ef66e] .van-picker__confirm {
    color: #ff7029;
}
.agency_item .van-datetime-picker[data-v-392ef66e] .van-picker__cancel {
    color: #1d2129;
}
.agency_item .green[data-v-392ef66e] {
    color: #009a29 !important;
}

.revenue_expenditure[data-v-f9979fd0] {
  background-color: var(--bg_color);
  min-height: 100vh;
}
.revenue_expenditure .right_nav[data-v-f9979fd0] {
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    padding: 0.05333rem 0.13333rem;
    color: #fff;
    font-size: 0.37333rem;
}
.revenue_expenditure .right_nav .pay_icon[data-v-f9979fd0] {
      width: px;
      height: 0.48rem;
      margin-right: 0.13333rem;
}
.revenue_expenditure .van-tabs[data-v-f9979fd0] .van-tabs__nav {
    background-color: #ffffff;
}
.revenue_expenditure .van-tabs[data-v-f9979fd0] .van-sticky {
    border-bottom: var(--zuijline);
}
.revenue_expenditure .van-tabs[data-v-f9979fd0] .van-tabs__line {
    background-color: #ff7029;
    bottom: 0.61333rem;
    width: 0.42667rem;
}
.revenue_expenditure .van-tabs[data-v-f9979fd0] .van-tab {
    color: #86909c;
}
.revenue_expenditure .van-tabs[data-v-f9979fd0] .van-tab--active {
    font-weight: bold;
    color: #ff7029;
}
.revenue_expenditure .screen[data-v-f9979fd0] {
    height: 1.46667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.4rem;
}
.revenue_expenditure .screen .screen_left[data-v-f9979fd0] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #cdcdcd;
}
.revenue_expenditure .screen .screen_left span[data-v-f9979fd0]:nth-of-type(1) {
        margin-right: 0.53333rem;
}
.revenue_expenditure .screen .screen_left span[data-v-f9979fd0]:nth-of-type(2) {
        margin-right: 0.53333rem;
}
.revenue_expenditure .screen .screen_right[data-v-f9979fd0] {
      display: flex;
      align-items: center;
}
.revenue_expenditure .screen .screen_right .van-button[data-v-f9979fd0] {
        border: none;
        outline: none;
        background-color: #202020;
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #cdcdcd;
}
.revenue_expenditure .screen .screen_right .van-button span[data-v-f9979fd0] {
          margin: 0 0.26667rem;
}

.card[data-v-4fa14f71] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5.97333rem;
  background: #efefef;
  border-radius: 0.4rem 0.4rem 0 0;
  padding: 0.21333rem 0.4rem 0.26667rem 0.4rem;
  text-align: center;
}
.card .icon[data-v-4fa14f71] {
    width: 0.74667rem;
    height: 0.26667rem;
    float: left;
    margin-left: calc(50% - 0.37333rem);
}
.card .closeIcon[data-v-4fa14f71] {
    width: 0.58667rem;
    height: 0.58667rem;
    position: absolute;
    right: 0.26667rem;
    top: 0.48rem;
}
.card .title[data-v-4fa14f71] {
    margin-top: 0.29333rem;
    float: left;
    width: 100%;
    font-weight: bold;
    color: #1d2129;
    font-size: 0.42667rem;
}

.content[data-v-869a5eba] {
  width: 100%;
  float: left;
  margin-top: 0.69333rem;
}
.content .item[data-v-869a5eba] {
    width: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    float: left;
}
.content .item .cover[data-v-869a5eba] {
      width: 1.6rem;
      height: 1.6rem;
}
.content .item .name[data-v-869a5eba] {
      color: #4e5969;
      font-size: 0.29333rem;
      margin-top: 0.13333rem;
      flex: 1;
}
.content .item[data-v-869a5eba]:not(:nth-child(1)) {
    margin-left: calc(33.3% - 2.13333rem);
}
.cancel[data-v-869a5eba] {
  height: 1.12rem;
  width: 100%;
  float: left;
  margin-top: 0.42667rem;
  background: #ffffff;
  border-radius: 1.22667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.42667rem;
  color: #1d2129;
}

.shareImg[data-v-74eea652] {
  width: 4.88rem;
  height: 3.28rem;
  margin-top: 0.24rem;
  margin-right: 0.61333rem;
}
.shareBgImg[data-v-74eea652] {
  width: 100%;
}
.textC[data-v-74eea652] {
  font-weight: bold;
  font-size: 0.42667rem;
  color: #fff;
  margin-top: 0.16rem;
  margin-left: 4.18667rem;
}
.textC .text[data-v-74eea652] {
    width: 4rem;
    text-align: center;
}

.inviteContent[data-v-dcd15daa] {
  width: 100%;
  min-height: 100vh;
  position: relative;
  font-family: PingFang SC-Bold, PingFang SC;
}
.inviteContent .img[data-v-dcd15daa] {
    width: 100%;
}
.inviteContent .btn[data-v-dcd15daa] {
    width: 5.28rem;
    height: 1.01333rem;
    background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.33333rem;
    font-size: 0.37333rem;
    color: #fff;
    position: fixed;
    bottom: 0.96rem;
    left: 50%;
    transform: translateX(-50%);
}

.train {
  width: 100%;
  min-height: 100vh;
}
.train .img {
    width: 100%;
}

.have_in_hand[data-v-ebd5658c] {
  margin-top: 0.4rem;
}
.have_in_hand li[data-v-ebd5658c] {
    margin-bottom: 0.4rem;
}
.have_in_hand li .launch_item[data-v-ebd5658c] {
      height: 6.10667rem;
      background: var(--want_book);
      border-radius: 0.26667rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0.02667rem 0.02667rem 0.13333rem 0.02667rem rgba(33, 34, 37, 0.1);
      overflow: hidden;
}
.have_in_hand li .launch_item .help[data-v-ebd5658c] {
        position: relative;
        display: flex;
        justify-content: flex-end;
}
.have_in_hand li .launch_item .help .van-count-down[data-v-ebd5658c] {
          padding-top: 0.26667rem;
          margin: 0 4.26667rem 0 0;
}
.have_in_hand li .launch_item .help .frend_help[data-v-ebd5658c] {
          width: 1.89333rem;
          height: 0.8rem;
          background: linear-gradient(172deg, #fbedd1, #eed8af);
          border-radius: 0 0.26667rem 0 0.26667rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #202020;
          text-align: center;
          line-height: 0.8rem;
}
.have_in_hand li .launch_item .help .unImg[data-v-ebd5658c] {
          position: absolute;
          width: 1.41333rem;
          height: 1.41333rem;
}
.have_in_hand li .launch_item .help p[data-v-ebd5658c] {
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #eed9b0;
          width: 1.97333rem;
          height: 0.8rem;
          background: #3f3f3f;
          border-radius: 0 0.26667rem 0 0.26667rem;
          text-align: center;
          line-height: 0.8rem;
}
.have_in_hand li .launch_item .help p img[data-v-ebd5658c] {
            width: 0.4rem;
            height: 0.4rem;
            vertical-align: middle;
}
.have_in_hand li .launch_item .help_book[data-v-ebd5658c] {
        display: flex;
        justify-content: flex-start;
        padding: 0 1.06667rem 0 0.4rem;
}
.have_in_hand li .launch_item .help_book .help_book_img[data-v-ebd5658c] {
          width: 1.97333rem;
          height: 2.66667rem;
          margin-right: 0.4rem;
}
.have_in_hand li .launch_item .help_book .help_book_img .img[data-v-ebd5658c] {
            width: 100%;
            height: 100%;
            border-radius: 0.13333rem;
}
.have_in_hand li .launch_item .help_book .help_book_info[data-v-ebd5658c] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: flex-start;
}
.have_in_hand li .launch_item .help_book .help_book_info p[data-v-ebd5658c]:nth-of-type(1) {
            font-size: 0.42667rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--box_title);
}
.have_in_hand li .launch_item .help_book .help_book_info p[data-v-ebd5658c]:nth-of-type(2) {
            font-size: 0.37333rem;
            color: #969696;
}
.have_in_hand li .launch_item .help_book .help_book_info span[data-v-ebd5658c] {
            font-size: 0.29333rem;
            color: var(--box_title);
}
.have_in_hand li .launch_item .progress[data-v-ebd5658c] {
        padding: 0.53333rem 0.4rem;
        height: 1.86667rem;
}
.have_in_hand li .launch_item .progress .van-progress[data-v-ebd5658c] {
          height: 0.4rem;
          border-radius: 0.18667rem;
          background-color: #91bcff;
          overflow: hidden;
}
.have_in_hand li .launch_item .progress .van-progress[data-v-ebd5658c] .van-progress__pivot {
            width: 0;
            height: 0;
            border-top: 0.45333rem solid #ff6464;
            border-right: 0.4rem solid transparent;
            border-radius: 0;
            background-color: #91bcff !important;
            box-sizing: border-box;
}
.have_in_hand li .launch_item .progress .num[data-v-ebd5658c] {
          display: flex;
          justify-content: space-between;
          margin-top: 0.26667rem;
}
.have_in_hand li .launch_item .progress .num span[data-v-ebd5658c] {
            font-size: 0.29333rem;
            font-family: PingFang SC;
            font-weight: bold;
}
.have_in_hand li .launch_item .progress .num span[data-v-ebd5658c]:nth-of-type(1) {
              color: #ff6464;
}
.have_in_hand li .launch_item .progress .num span[data-v-ebd5658c]:nth-of-type(2) {
              color: #91bcff;
}
.filter[data-v-ebd5658c] {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #000 !important;
  opacity: 0.5;
}
.colon[data-v-ebd5658c] {
  display: inline-block;
  margin: 0 0.10667rem;
  color: #ee0a24;
}
.block[data-v-ebd5658c] {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
  background: #383838;
  border-radius: 0.08rem;
  font-size: 0.29333rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #f9f9f9;
  text-align: center;
}
.red[data-v-ebd5658c] {
  background-color: #ee0a24 !important;
}

.my_launch[data-v-3f7bf102] {
  background-color: var(--page_bgcolor);
}
.my_launch .van-tabs[data-v-3f7bf102] .van-tabs__nav {
    background-color: var(--bg_color);
}
.my_launch .van-tabs[data-v-3f7bf102] .van-tabs__line {
    background-color: #ead2ac;
}
.my_launch .van-tabs .van-tab__pane[data-v-3f7bf102], .my_launch .van-tabs .van-tab__pane-wrapper[data-v-3f7bf102] {
    padding: 0 0.37333rem;
}
.my_launch .van-tabs[data-v-3f7bf102] .van-tab {
    color: var(--box_righttxt);
}
.my_launch .van-tabs /depp/ .van-tab--active > > > .van-tab__text[data-v-3f7bf102] {
    color: blue !important;
}

.wrapper[data-v-782e2564] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper .contentBox[data-v-782e2564] {
    width: 7.44rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #fff;
    position: relative;
    border-radius: 0.26667rem;
}
.wrapper .contentBox .closeImg[data-v-782e2564] {
      width: 0.53333rem;
      height: 0.53333rem;
      position: absolute;
      right: 0.4rem;
      top: 0.4rem;
}
.wrapper .contentBox .content[data-v-782e2564] {
      padding: 0.34667rem 0.4rem 0.08rem;
}
.wrapper .contentBox .content .title[data-v-782e2564] {
        font-weight: bold;
        font-size: 0.42667rem;
        color: #1d2129;
        text-align: center;
        margin-bottom: 0.32rem;
}
.wrapper .contentBox .content .tips[data-v-782e2564] {
        font-size: 0.37333rem;
        color: #4e5969;
        margin-bottom: 0.29333rem;
}
.wrapper .contentBox .content .imgList[data-v-782e2564] {
        display: flex;
        flex-wrap: wrap;
}
.wrapper .contentBox .content .imgList .img[data-v-782e2564] {
          width: 2rem;
          height: 2rem;
          margin-right: 0.32rem;
          border-radius: 0.16rem;
          margin-bottom: 0.32rem;
}
.wrapper .contentBox .content .imgList .img[data-v-782e2564]:nth-of-type(3n) {
            margin-right: 0;
}
.wrapper .contentBox .btn[data-v-782e2564] {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #1d2129;
      font-size: 0.42667rem;
      height: 1.22667rem;
      border-top: 0.02667rem solid #e5e6eb;
}

.new_updata_week[data-v-819fbabc] {
  margin-top: 0.4rem;
  height: 8.53333rem;
  border-radius: 0.26667rem;
  overflow: hidden;
}
.new_updata_week .new_updata_center[data-v-819fbabc] {
    height: 1.26667rem;
    background-color: var(--nav_bgcolor);
    display: flex;
    justify-content: space-between;
    line-height: 1.26667rem;
    padding: 0 0.4rem;
}
.new_updata_week .new_updata_center div[data-v-819fbabc]:nth-of-type(1) {
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--box_title);
}
.new_updata_week .new_updata_center div[data-v-819fbabc]:nth-of-type(2) {
      font-size: 0.34667rem;
      color: var(--box_righttxt);
}
.new_updata_week .new_updata_bottom[data-v-819fbabc] {
    height: 3.45333rem;
    background-color: var(--updata_bg);
    padding: 0.41333rem;
    box-sizing: border-box;
    display: flex;
}
.new_updata_week .new_updata_bottom img[data-v-819fbabc] {
      width: 1.97333rem;
      height: 2.66667rem;
      border-radius: 0.13333rem;
}
.new_updata_week .new_updata_bottom .bottom_right[data-v-819fbabc] {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      margin-left: 0.38667rem;
}
.new_updata_week .new_updata_bottom .bottom_right div[data-v-819fbabc]:nth-of-type(1) {
        font-size: 0.42667rem;
        color: var(--box_title);
        margin-bottom: 0.21333rem;
}
.new_updata_week .new_updata_bottom .bottom_right div[data-v-819fbabc]:nth-of-type(2) {
        font-size: 0.37333rem;
        color: #969696;
        margin-bottom: 0.21333rem;
}
.new_updata_week .new_updata_bottom .bottom_right .right_bottom[data-v-819fbabc] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.new_updata_week .new_updata_bottom .bottom_right .right_bottom div[data-v-819fbabc]:nth-of-type(1) {
          font-size: 0.29333rem;
          color: #969696;
          margin-bottom: 0.21333rem;
}
.new_updata_week .new_updata_bottom .bottom_right .right_bottom div[data-v-819fbabc]:nth-of-type(2) {
          font-size: 0.26667rem;
          color: #969696;
          margin-bottom: 0.21333rem;
}
.new_updata_week .books[data-v-819fbabc] {
    height: 3.81333rem;
    display: flex;
    justify-content: flex-start;
    background-color: var(--updata_bg);
}
.new_updata_week .books li[data-v-819fbabc] {
      width: 25%;
      text-align: center;
      padding: 0.26667rem 0;
}
.new_updata_week .books li img[data-v-819fbabc] {
        height: 2.42667rem;
        width: 1.81333rem;
        border-radius: 0.08rem;
}
.new_updata_week .books li p[data-v-819fbabc] {
        font-size: 0.32rem;
        color: var(--box_title);
        padding: 0 0.26667rem;
}

.write_day[data-v-db3cf6e8] {
  padding: 0.4rem;
  padding-bottom: 0.53333rem;
  background-color: #f8f4eb;
  height: 100vh;
  max-height: 100%;
}
.write_day .van-hairline--bottom[data-v-db3cf6e8]::after {
    border: none;
}
.write_day .van-nav-bar[data-v-db3cf6e8] {
    height: 1.33333rem;
    padding: 0 0.4rem;
    background-color: var(--bg_color);
}
.write_day .van-nav-bar[data-v-db3cf6e8] .van-icon {
      color: var(--big_txt);
      font-weight: bold;
}
.write_day .van-nav-bar .rightBg[data-v-db3cf6e8] {
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: 550;
      color: var(--big_txt);
}
.write_day .text[data-v-db3cf6e8] {
    height: 5.52rem;
    width: 100%;
}
.write_day .text textarea[data-v-db3cf6e8] {
      height: 100%;
      width: 100%;
      background-color: var(--bg_color);
      border: none;
      padding: 0.42667rem;
      font-size: 0.4rem;
      color: var(--item_content);
      border-radius: 0.26667rem;
      resize: none;
}
.write_day .text textarea[data-v-db3cf6e8]::-moz-placeholder {
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_day .text textarea[data-v-db3cf6e8]:-ms-input-placeholder {
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_day .text textarea[data-v-db3cf6e8]::placeholder {
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_day .uploader_box[data-v-db3cf6e8] {
    padding: 0.4rem;
    background-color: var(--bg_color);
    margin-top: 0.4rem;
    border-radius: 0.26667rem;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader {
      width: 100%;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader .van-uploader__wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader .van-uploader__wrapper .van-uploader__preview {
          width: 2.61333rem;
          height: 2.61333rem;
          margin-right: 0.26667rem;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader .van-uploader__wrapper .van-uploader__preview:nth-child(3n) {
            margin-right: 0;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader .van-uploader__wrapper .van-uploader__preview .van-uploader__preview-image {
            width: 2.61333rem;
            height: 2.61333rem;
}
.write_day .uploader_box[data-v-db3cf6e8]  .van-uploader .van-uploader__upload {
        width: 2.61333rem;
        height: 2.61333rem;
        margin-right: 0;
}
.write_day .book_info[data-v-db3cf6e8] {
    padding: 0.4rem;
    background-color: var(--bg_color);
    margin-top: 0.4rem;
    border-radius: 0.26667rem;
    display: flex;
    justify-content: space-between;
}
.write_day .book_info .book_img[data-v-db3cf6e8] {
      width: 1.41333rem;
      height: 1.89333rem;
      border-radius: 0.10667rem;
      margin-right: 0.26667rem;
}
.write_day .book_info .introduce[data-v-db3cf6e8] {
      flex: 1;
      display: flex;
      flex-direction: column;
      font-family: PingFang SC;
      justify-content: space-between;
      position: relative;
}
.write_day .book_info .introduce .close_icon[data-v-db3cf6e8] {
        position: absolute;
        right: 0;
        top: -0.13333rem;
        color: #969696;
        font-size: 0.42667rem;
}
.write_day .book_info .introduce .introduce_title[data-v-db3cf6e8] {
        font-size: 0.37333rem;
        font-weight: bold;
        color: #1d2129;
}
.write_day .book_info .introduce .introduce_dec[data-v-db3cf6e8],
      .write_day .book_info .introduce .introduce_teacher[data-v-db3cf6e8] {
        font-size: 0.32rem;
        color: #838a96;
}
.write_day .book_info .introduce .study_num[data-v-db3cf6e8] {
        font-size: 0.32rem;
        transform: scale(0.9);
        color: #838a96;
        text-align: right;
}
.write_day .book_info .introduce .introduce_tips[data-v-db3cf6e8] {
        font-size: 0.29333rem;
        color: #838a96;
        display: flex;
        justify-content: space-between;
}
.write_day .upLoadbox[data-v-db3cf6e8] {
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    padding: 0.4rem;
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8] {
      width: 2.05333rem;
      height: 2.05333rem;
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8]  .van-uploader__wrapper {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8]  .van-uploader__wrapper .van-uploader__input-wrapper {
          width: 100%;
          height: 100%;
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8]  .van-uploader__wrapper .van-uploader__input-wrapper .van-uploader__preview {
            width: 2.61333rem;
            height: 2.61333rem;
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8]  .van-uploader__wrapper .van-uploader__preview-image {
          width: 2.05333rem;
          height: 2.05333rem;
}
.write_day .upLoadbox .van-uploader[data-v-db3cf6e8] .upImg {
        border: 0.02667rem solid #ccc;
        width: 2.05333rem;
        height: 2.05333rem;
        background: var(--upload_img);
}
.write_day .adress_box[data-v-db3cf6e8] {
    margin-top: 0.32rem;
}
.write_day .adress_box .van-field[data-v-db3cf6e8] {
      background-color: var(--bg_color);
}
.write_day .adress_box .van-field[data-v-db3cf6e8] .van-field__left-icon {
        color: var(--big_txt);
}
.write_day .adress_box .van-field[data-v-db3cf6e8] .van-field__label {
        color: var(--big_txt);
}
.write_day .adress_box .van-field[data-v-db3cf6e8] .van-field__control {
        color: var(--big_txt);
}
.write_day .btn-box[data-v-db3cf6e8] {
    width: calc(100% - 0.8rem);
    padding: 0 0.53333rem;
    position: fixed;
    bottom: 0.50667rem;
}
.write_day .btn-box .btn-submit[data-v-db3cf6e8] {
      text-align: center;
      font-size: 0.42667rem;
      color: #ffffff;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      height: 1.01333rem;
      line-height: 1.01333rem;
      border-radius: 0.50667rem;
}

.write_advanced[data-v-6d45bf5a] {
  background-color: var(--bg_color);
  padding-bottom: 0.53333rem;
  overflow: hidden;
  overflow-y: auto;
}
.write_advanced .top_content[data-v-6d45bf5a] {
    padding: 0 0.53333rem;
}
.write_advanced .major_title[data-v-6d45bf5a] {
    font-size: 0.42667rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--a_title);
    margin-bottom: 0.26667rem;
    padding: 0 0.53333rem 0 0;
    display: flex;
    align-items: center;
}
.write_advanced .major_desc[data-v-6d45bf5a] {
    color: #86909c;
    font-size: 0.32rem;
    padding-bottom: 0.24rem;
}
.write_advanced .other_h[data-v-6d45bf5a] {
    min-height: 3.46667rem;
    padding: 0.26667rem;
    background: var(--sign_gedun);
    border-radius: 0.16rem;
    width: 100%;
    border: none;
    font-size: 0.37333rem;
    resize: none;
    color: var(--a_txt);
}
.write_advanced .other_h[data-v-6d45bf5a]::-moz-placeholder {
    font-size: 0.37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #969696;
}
.write_advanced .other_h[data-v-6d45bf5a]:-ms-input-placeholder {
    font-size: 0.37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #969696;
}
.write_advanced .other_h[data-v-6d45bf5a]::placeholder {
    font-size: 0.37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #969696;
}
.write_advanced .other_h100[data-v-6d45bf5a] {
    min-height: 2.66667rem;
}
.write_advanced .major .major_item[data-v-6d45bf5a] {
    margin-bottom: 0.21333rem;
}
.write_advanced .major .major_item .major_ipn[data-v-6d45bf5a] {
      height: 1.01333rem;
      background: var(--sign_gedun);
      border-radius: 0.16rem;
      width: 100%;
      border: none;
      line-height: normal;
      font-size: 0.37333rem;
      padding-left: 0.26667rem;
      color: var(--a_txt);
}
.write_advanced .major .major_item .major_ipn[data-v-6d45bf5a]::-moz-placeholder {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.write_advanced .major .major_item .major_ipn[data-v-6d45bf5a]:-ms-input-placeholder {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.write_advanced .major .major_item .major_ipn[data-v-6d45bf5a]::placeholder {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.write_advanced .Onetwosides[data-v-6d45bf5a] {
    margin-bottom: 0.53333rem;
}
.write_advanced .Onetwosides .side_title[data-v-6d45bf5a] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--a_title);
      margin-bottom: 0.26667rem;
      display: flex;
      align-items: center;
}
.write_advanced .Onetwosides .side_desc[data-v-6d45bf5a] {
      color: #86909c;
      font-size: 0.32rem;
}
.write_advanced .Onetwosides .input_box .side[data-v-6d45bf5a] {
      padding-top: 0.24rem;
      display: flex;
      flex-direction: column;
}
.write_advanced .Onetwosides .input_box .side .side_tips[data-v-6d45bf5a] {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 2.4rem;
        height: 0.56rem;
        background: var(--nav_bgcolor);
        border-radius: 0.32rem;
        margin-bottom: 0.26667rem;
}
.write_advanced .Onetwosides .input_box .side .side_tips .img[data-v-6d45bf5a] {
          width: 0.21333rem;
          height: 0.21333rem;
}
.write_advanced .Onetwosides .input_box .side .side_tips span[data-v-6d45bf5a] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #1d2129;
}
.write_advanced .Onetwosides .input_box .side .side_ipn[data-v-6d45bf5a] {
        flex: 1;
        background: var(--sign_gedun);
        border: none;
        width: 100%;
        min-height: 2.66667rem;
        resize: none;
        color: var(--a_txt);
        padding: 0.24rem 0.26667rem;
        font-size: 0.37333rem;
        font-weight: 400;
        border: 0.02667rem solid #cee9b4;
        border-radius: 0.16rem;
}
.write_advanced .Onetwosides .input_box .side .side_inp_bad[data-v-6d45bf5a] {
        border: 0.02667rem solid #fc4366;
}
.write_advanced .Onetwosides .input_box .side .side_ipn[data-v-6d45bf5a]::-moz-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .Onetwosides .input_box .side .side_ipn[data-v-6d45bf5a]:-ms-input-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .Onetwosides .input_box .side .side_ipn[data-v-6d45bf5a]::placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .dimension[data-v-6d45bf5a],
  .write_advanced .xinzhi[data-v-6d45bf5a] {
    margin-bottom: 0.53333rem;
}
.write_advanced .dimension .first_li[data-v-6d45bf5a],
    .write_advanced .xinzhi .first_li[data-v-6d45bf5a] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--a_title);
      margin-bottom: 0.26667rem;
      display: flex;
      align-items: center;
}
.write_advanced .dimension .other_li[data-v-6d45bf5a],
    .write_advanced .xinzhi .other_li[data-v-6d45bf5a] {
      display: flex;
      align-items: center;
      margin-top: 0.26667rem;
}
.write_advanced .dimension .other_li .dimension_ipn[data-v-6d45bf5a],
      .write_advanced .xinzhi .other_li .dimension_ipn[data-v-6d45bf5a] {
        width: 100%;
        border: none;
        min-height: 2.66667rem;
        background: var(--sign_gedun);
        border-radius: 0.21333rem;
        padding: 0.26667rem;
        font-size: 0.42667rem;
        resize: none;
        color: var(--a_txt);
}
.write_advanced .dimension .other_li .right-shanchu[data-v-6d45bf5a],
      .write_advanced .xinzhi .other_li .right-shanchu[data-v-6d45bf5a] {
        width: 0.77333rem;
        text-align: center;
}
.write_advanced .dimension .other_li .right-shanchu img[data-v-6d45bf5a],
        .write_advanced .xinzhi .other_li .right-shanchu img[data-v-6d45bf5a] {
          width: 0.64rem;
          height: 0.64rem;
}
.write_advanced .dimension .other_li .dimension_ipn[data-v-6d45bf5a]::-moz-placeholder, .write_advanced .xinzhi .other_li .dimension_ipn[data-v-6d45bf5a]::-moz-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .dimension .other_li .dimension_ipn[data-v-6d45bf5a]:-ms-input-placeholder, .write_advanced .xinzhi .other_li .dimension_ipn[data-v-6d45bf5a]:-ms-input-placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .dimension .other_li .dimension_ipn[data-v-6d45bf5a]::placeholder,
      .write_advanced .xinzhi .other_li .dimension_ipn[data-v-6d45bf5a]::placeholder {
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.write_advanced .dimension .last_li[data-v-6d45bf5a],
    .write_advanced .xinzhi .last_li[data-v-6d45bf5a] {
      text-align: center;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--search_txt1);
      margin-top: 0.26667rem;
      display: flex;
      align-items: center;
      justify-content: center;
}
.write_advanced .dimension .last_li img[data-v-6d45bf5a],
      .write_advanced .xinzhi .last_li img[data-v-6d45bf5a] {
        width: 0.53333rem;
        height: 0.53333rem;
}
.write_advanced .dayup_box[data-v-6d45bf5a] {
    margin-bottom: 0.8rem;
}
.write_advanced .dayup_box .dayup_item[data-v-6d45bf5a] {
      border-radius: 0.21333rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 0.4rem;
}
.write_advanced .dayup_box .dayup_item .dayup_tips[data-v-6d45bf5a] {
        width: 1.12rem;
        height: 0.64rem;
        line-height: 0.64rem;
        text-align: center;
        background: #fff;
        border-radius: 0.32rem;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: 500;
        margin-bottom: 0.26667rem;
}
.write_advanced .dayup_box .dayup_item .tiyan[data-v-6d45bf5a] {
        border: 0.02667rem solid #9786ff;
        color: #9786ff;
}
.write_advanced .dayup_box .dayup_item .shouhuo[data-v-6d45bf5a] {
        color: #ff9b63;
        border: 0.02667rem solid #ff9b63;
}
.write_advanced .dayup_box .dayup_item .jueding[data-v-6d45bf5a] {
        color: #7299ff;
        border: 0.02667rem solid #7299ff;
}
.write_advanced .dayup_box .dayup_item .only_day[data-v-6d45bf5a] {
        padding: 0.24rem 0.26667rem;
        min-height: 2.66667rem;
        border: 0.02667rem solid #ff9b63;
}
.write_advanced .dayup_box .dayup_item:nth-child(4) .only_day[data-v-6d45bf5a] {
        border: 0.02667rem solid #9786ff !important;
}
.write_advanced .dayup_box .dayup_item:nth-child(5) .only_day[data-v-6d45bf5a] {
        border: 0.02667rem solid #7299ff !important;
}
.write_advanced .uploader_box[data-v-6d45bf5a] {
    padding: 0.4rem;
    background-color: var(--bg_color);
}
.write_advanced .line_color[data-v-6d45bf5a] {
    height: 0.32rem;
    background-color: var(--sign_gedun);
    width: 100%;
}
.write_advanced .adress_box[data-v-6d45bf5a] {
    border-bottom: var(--bottomLine);
    margin-bottom: 1.33333rem;
}
.write_advanced .adress_box .van-field[data-v-6d45bf5a] {
      background-color: var(--bg_color);
}
.write_advanced .adress_box .van-field[data-v-6d45bf5a] .van-field__left-icon {
        color: var(--big_txt);
}
.write_advanced .adress_box .van-field[data-v-6d45bf5a] .van-field__label {
        color: var(--big_txt);
}
.write_advanced .adress_box .van-field[data-v-6d45bf5a] .van-field__control {
        color: var(--big_txt);
}
.write_advanced .btn_box[data-v-6d45bf5a] {
    display: flex;
    justify-content: space-between;
    padding: 0.26667rem 0.53333rem 0;
}
.write_advanced .btn_box .van-button[data-v-6d45bf5a] {
      width: 4.4rem;
      height: 1.12rem;
      border-radius: 0.21333rem;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      border: none;
}
.write_advanced .btn_box .oneBtn[data-v-6d45bf5a] {
      background-color: var(--bg_color);
      border-radius: 1.33333rem;
      border: 0.02667rem solid #ff7029;
      color: #ff7029;
}
.write_advanced .btn_box .twoBtn[data-v-6d45bf5a] {
      background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 1.33333rem;
}
.left_title_icon[data-v-6d45bf5a] {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.05333rem;
}
.one_p_img[data-v-6d45bf5a] {
  width: 0.32rem;
  height: 0.32rem;
}

.content[data-v-c8a4dcc0] {
  width: 8.02667rem;
  height: 10.74667rem;
  padding: 1.04rem 0.34667rem 0 0.34667rem;
  color: #1d2129;
  z-index: -999;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.content .bgImg[data-v-c8a4dcc0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.content .info[data-v-c8a4dcc0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.content .info .avatarAndNickname[data-v-c8a4dcc0] {
      display: flex;
      align-items: center;
}
.content .info .avatarAndNickname .avatar[data-v-c8a4dcc0] {
        width: 0.74667rem;
        height: 0.74667rem;
        border-radius: 50%;
        margin-right: 0.10667rem;
        margin-left: 0.24rem;
        border: 0.01333rem solid #fff;
}
.content .info .avatarAndNickname .nickname[data-v-c8a4dcc0] {
        font-size: 0.29333rem;
}
.content .info .studyDays[data-v-c8a4dcc0] {
      margin-left: 1.09333rem;
      font-size: 0.29333rem;
      line-height: 0.50667rem;
      margin-bottom: 0.24rem;
}
.content .info .studyDays .days[data-v-c8a4dcc0] {
        font-size: 0.42667rem;
}
.content .info .bookBox[data-v-c8a4dcc0] {
      display: flex;
      flex-direction: column;
      font-size: 0.32rem;
      background-color: #fff;
      border-radius: 0.26667rem;
      padding: 0.24rem;
      position: relative;
}
.content .info .bookBox[data-v-c8a4dcc0]:after {
        content: '';
        width: 0.48rem;
        height: 0.37333rem;
        background: url("https://osscdn.666syh.com/image/app/1688008824593.png") no-repeat 100% 100%/100% 100%;
        position: absolute;
        top: -0.34667rem;
}
.content .info .bookBox .bookInfo[data-v-c8a4dcc0] {
        display: flex;
        width: 100%;
        height: 2.18667rem;
        padding: 0.13333rem;
        box-sizing: border-box;
        background: #f2f2f2;
        border-radius: 0.16rem;
        margin-top: 0.18667rem;
}
.content .info .bookBox .bookInfo .bookImg[data-v-c8a4dcc0] {
          width: 1.41333rem;
          height: 1.89333rem;
          border-radius: 0.16rem;
          margin-right: 0.21333rem;
}
.content .info .bookBox .bookInfo .bookTitle[data-v-c8a4dcc0] {
          font-size: 0.34667rem;
          margin-top: 0.13333rem;
          margin-bottom: 0.16rem;
          color: #1d2129;
          font-weight: bold;
}
.content .info .bookBox .bookInfo .tutor[data-v-c8a4dcc0] {
          line-height: 0.45333rem;
}
.content .info .bookBox .desc[data-v-c8a4dcc0] {
        white-space: pre-wrap;
        line-height: 0.50667rem;
        height: 1.46667rem;
}
.content .logoAndQrcode[data-v-c8a4dcc0] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0.53333rem;
    left: 0;
    padding: 0 0.18667rem;
}
.content .logoAndQrcode .logo[data-v-c8a4dcc0] {
      font-size: 0.32rem;
      margin-top: 0.32rem;
}
.content .logoAndQrcode .logo .logoIcon[data-v-c8a4dcc0] {
        width: 2rem;
        height: 0.66667rem;
        margin-top: 0.29333rem;
}
.content .logoAndQrcode .codeBox[data-v-c8a4dcc0] {
      width: 2.02667rem;
      height: 2.02667rem;
      background-color: #fff;
}
.content .logoAndQrcode .codeBox .qrcodeImg[data-v-c8a4dcc0] {
        border-radius: 0.53333rem;
        width: 100%;
        height: 100%;
}
.shareC[data-v-c8a4dcc0] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.shareC .shareImg[data-v-c8a4dcc0] {
    border-radius: 0.53333rem;
}
.shareC .tips[data-v-c8a4dcc0] {
    width: 100%;
    margin-top: 0.53333rem;
    font-size: 0.37333rem;
    color: #fff;
    text-align: center;
}
.shareC .tips .tipsText[data-v-c8a4dcc0] {
      margin-bottom: 0.26667rem;
}
.shareC .tips .tipsText[data-v-c8a4dcc0]:last-of-type {
        margin-bottom: 0.53333rem;
}
.shareC .tips .tipsImg[data-v-c8a4dcc0] {
      width: 0.69333rem;
      height: 0.69333rem;
}

.commentBox[data-v-1f4c1e34] {
  flex: 1;
}
.comment_info[data-v-1f4c1e34]:after {
  content: '';
  display: block;
  width: 100%;
  height: 0.02667rem;
  background-color: #f3f3f3;
  margin: 0.4rem 0 0.4rem 1.33333rem;
}
.comment_info .user_box[data-v-1f4c1e34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment_info .user_box .userImgBox[data-v-1f4c1e34] {
    display: flex;
    justify-content: flex-start;
}
.comment_info .user_box .userImgBox .userImg[data-v-1f4c1e34] {
      position: relative;
      border-radius: 50%;
      margin-right: 0.21333rem;
      display: flex;
      align-items: center;
}
.comment_info .user_box .userImgBox .userImg .userava[data-v-1f4c1e34] {
        width: 1.09333rem;
        height: 1.09333rem;
        border-radius: 50%;
}
.comment_info .user_box .userImgBox .userImg .vipIcon[data-v-1f4c1e34] {
        position: absolute;
        bottom: -0.10667rem;
        right: 0;
        width: 0.45333rem;
        height: 0.45333rem;
}
.comment_info .user_box .userImgBox .bgImg[data-v-1f4c1e34] {
      background-color: #d5a160;
}
.comment_info .user_box .userImgBox .rigjt_info[data-v-1f4c1e34] {
      display: flex;
      flex-direction: column;
      justify-content: center;
}
.comment_info .user_box .userImgBox .rigjt_info .nickName[data-v-1f4c1e34] {
        max-width: 5.70667rem;
        font-weight: Bold;
        color: #1d2129;
        font-size: 0.4rem;
        line-height: 0.56rem;
}
.comment_info .user_box .userImgBox .rigjt_info .time[data-v-1f4c1e34] {
        color: #4e5969;
        font-size: 0.32rem;
        line-height: 0.45333rem;
}
.comment_info .user_box .zanIconBox[data-v-1f4c1e34] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.comment_info .user_box .zanIconBox .num[data-v-1f4c1e34] {
      font-size: 0.32rem;
      color: #86909c;
}
.comment_info .user_box .zanIconBox .sel[data-v-1f4c1e34] {
      color: #ff7029;
}
.comment_info .user_box .zanIconBox .zanIcon[data-v-1f4c1e34] {
      width: 0.48rem;
      height: 0.48rem;
}
.comment_info .comment_box[data-v-1f4c1e34] {
  font-size: 0.37333rem;
  color: #1d2129;
  padding: 0.21333rem 0 0 1.33333rem;
  word-break: break-all;
}
.comment_info .append_comment[data-v-1f4c1e34] {
  background-color: var(--cahnge_btnbg);
  margin: 0.34667rem 0 0 1.33333rem;
  padding: 0.26667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  border-radius: 0.21333rem;
}
.comment_info .append_comment .othenUser[data-v-1f4c1e34] {
    font-size: 0.37333rem;
    color: #afafaf;
    line-height: 0.48rem;
}
.comment_info .append_comment .othenUser .append_magr[data-v-1f4c1e34] {
      color: #1d2129;
      margin-bottom: 0.21333rem;
      word-break: break-all;
}
.comment_info .append_comment .othenUser .append_magr .userself[data-v-1f4c1e34] {
        color: #86909c;
}
.comment_info .append_comment .allList[data-v-1f4c1e34] {
    color: #ff7029;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
}
.comment_info .append_comment .allList .moreIcon[data-v-1f4c1e34] {
      width: 0.42667rem;
      height: 0.42667rem;
}
.noData[data-v-1f4c1e34] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.33333rem;
}
.noData .noDataImg[data-v-1f4c1e34] {
    width: 6.4rem;
    height: 3.41333rem;
    margin-bottom: 0.26667rem;
}
.noData .noDataText[data-v-1f4c1e34] {
    font-size: 0.32rem;
    color: #86909c;
}
.user_say[data-v-1f4c1e34] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  z-index: 110;
  bottom: 0;
  left: 0;
  box-shadow: 0 -0.05333rem 0.21333rem 0 rgba(255, 112, 41, 0.08);
  box-sizing: border-box;
  padding: 0 0.4rem;
}
.user_say .say_Ipn[data-v-1f4c1e34] {
    width: 100%;
    height: 1.30667rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.user_say .say_Ipn input[data-v-1f4c1e34] {
      width: 5.76rem;
      height: 0.85333rem;
      background-color: #ebebeb;
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
      margin-right: 0.4rem;
}
.user_say .say_Ipn input[data-v-1f4c1e34]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #86909c;
        font-size: 0.4rem;
}
.user_say .say_Ipn input[data-v-1f4c1e34]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #86909c;
        font-size: 0.4rem;
}
.user_say .say_Ipn input[data-v-1f4c1e34]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #86909c;
        font-size: 0.4rem;
}
.user_say .say_Ipn input[data-v-1f4c1e34]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #86909c;
        font-size: 0.4rem;
}
.user_say .say_Ipn .sys_box[data-v-1f4c1e34] {
      width: 40%;
      height: 100%;
      display: flex;
      justify-content: space-between;
}
.user_say .say_Ipn .sys_box .likebox[data-v-1f4c1e34] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 0.32rem;
        font-family: PingFang SC;
        color: #1d2129;
}
.user_say .say_Ipn .sys_box .bottomIcon[data-v-1f4c1e34] {
        width: 0.64rem;
        height: 0.64rem;
}

.improvement_info[data-v-575a7be0] {
  display: flex;
  flex-direction: column;
  background-color: #f8f4eb;
}
.improvement_info .van-hairline--bottom[data-v-575a7be0]::after {
    border: none;
}
.improvement_info .user_introduction[data-v-575a7be0] {
    padding: 0.4rem 0.4rem 0.8rem;
    background-color: #fff;
}
.improvement_info .user_introduction .user_infobox[data-v-575a7be0] {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.improvement_info .user_introduction .user_infobox .userImgBox[data-v-575a7be0] {
        display: flex;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg[data-v-575a7be0] {
          position: relative;
          width: 1.06667rem;
          height: 1.06667rem;
          border-radius: 50%;
          margin-right: 0.32rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg .userava[data-v-575a7be0] {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 50%;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg .vipIcon[data-v-575a7be0] {
            position: absolute;
            bottom: -0.10667rem;
            right: 0;
            width: 0.45333rem;
            height: 0.45333rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right[data-v-575a7be0] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName[data-v-575a7be0] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName .nametxt[data-v-575a7be0] {
              font-size: 0.42667rem;
              font-family: PingFang SC;
              font-weight: bold;
              max-width: 4rem;
              color: #1d2129;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName .vipImg[data-v-575a7be0] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .timess[data-v-575a7be0] {
            font-size: 0.32rem;
            color: #969696;
}
.improvement_info .user_introduction .user_infobox .zanIcon[data-v-575a7be0],
      .improvement_info .user_introduction .user_infobox .zan_ok[data-v-575a7be0] {
        width: 1.68rem;
        height: 0.72rem;
        border-radius: 1.30667rem;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        display: flex;
        align-items: center;
        justify-content: center;
}
.improvement_info .user_introduction .user_infobox .zanIcon[data-v-575a7be0] {
        border: 0.02667rem solid #ff7029;
        color: #ff7029;
}
.improvement_info .user_introduction .user_infobox .zan_ok[data-v-575a7be0] {
        color: #c9cdd4;
        border: 0.02667rem solid #c9cdd4;
}
.improvement_info .user_introduction .user_infobox .addIcon[data-v-575a7be0] {
        width: 0.37333rem;
        height: 0.37333rem;
}
.improvement_info .user_introduction .user_release[data-v-575a7be0] {
      padding: 0.53333rem 0 0.53333rem;
      display: flex;
      justify-content: space-around;
}
.improvement_info .user_introduction .user_release li[data-v-575a7be0] {
        width: 1.2rem;
        height: 1.2rem;
        background: #f4f4f4;
        border-radius: 0.10667rem;
}
.improvement_info .user_introduction .user_release .user_release_last[data-v-575a7be0] {
        text-align: center;
        line-height: 1.2rem;
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #969696;
}
.improvement_info .content_box[data-v-575a7be0] {
    padding: 0 0.4rem 1.06667rem;
    color: #1d2129;
    font-family: PingFang SC;
    font-size: 0.4rem;
    background-color: #fff;
}
.improvement_info .content_box .content_title_box[data-v-575a7be0] {
      font-size: 0.42667rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      margin-bottom: 0.16rem;
}
.improvement_info .content_box .content_title_box .left_title_icon[data-v-575a7be0] {
        width: 0.48rem;
        height: 0.48rem;
        margin-right: 0.08rem;
}
.improvement_info .content_box .mb[data-v-575a7be0] {
      margin-bottom: 0.21333rem;
}
.improvement_info .content_box .one_item .one_p .one_p_img[data-v-575a7be0] {
      width: 0.32rem;
      height: 0.32rem;
      margin-right: 0.13333rem;
}
.improvement_info .content_box .one_item .one_s[data-v-575a7be0] {
      width: 1.33333rem;
      line-height: 0.64rem;
      text-align: center;
      border-radius: 1.01333rem;
      font-size: 0.37333rem;
      margin: 0.26667rem 0 0.16rem;
}
.improvement_info .content_box .one_item .tiyan[data-v-575a7be0] {
      color: #9786ff;
      border: 0.02667rem solid #9786ff;
}
.improvement_info .content_box .one_item .shouhuo[data-v-575a7be0] {
      color: #ff9b63;
      border: 0.02667rem solid #ff9b63;
}
.improvement_info .content_box .one_item .jueding[data-v-575a7be0] {
      border: 0.02667rem solid #638fff;
      color: #638fff;
}
.improvement_info .lastCB[data-v-575a7be0] {
    padding-bottom: 0;
}
.improvement_info .improvement_text[data-v-575a7be0] {
    background-color: var(--bg_color);
    box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.02);
    padding: 0.53333rem 0.4rem;
    margin-bottom: 0.53333rem;
}
.improvement_info .improvement_text .upimg_box[data-v-575a7be0] {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.improvement_info .improvement_text .upimg_box .upimg_item[data-v-575a7be0] {
        width: 2.90667rem;
        height: 2.90667rem;
        margin: 0 0.21333rem 0.21333rem 0;
        border-radius: 0.21333rem;
        overflow: hidden;
}
.improvement_info .improvement_text .upimg_box .upimg_item[data-v-575a7be0]:nth-of-type(3n) {
          margin-right: 0;
}
.improvement_info .improvement_text .upimg_box .upimg_item .upimg[data-v-575a7be0] {
          width: 100%;
          height: 100%;
}
.improvement_info .improvement_text .adress[data-v-575a7be0] {
      margin-top: 0.32rem;
      font-family: PingFang SC;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.32rem;
}
.improvement_info .improvement_text .adress .pvAndReport[data-v-575a7be0] {
        display: flex;
        color: #86909c;
}
.improvement_info .improvement_text .adress .pvAndReport .pv[data-v-575a7be0] {
          display: flex;
          align-items: center;
          margin-right: 0.4rem;
}
.improvement_info .improvement_text .adress .pvAndReport .pv .eyeIcon[data-v-575a7be0] {
            width: 0.53333rem;
            height: 0.53333rem;
            margin-right: 0.05333rem;
}
.improvement_info .improvement_text .adress .pvAndReport .report[data-v-575a7be0] {
          display: flex;
          align-items: center;
}
.improvement_info .improvement_text .adress .pvAndReport .report .reportIcon[data-v-575a7be0] {
            width: 0.50667rem;
            height: 0.50667rem;
            margin-right: 0.05333rem;
}
.improvement_info .improvement_text .adress .signDay[data-v-575a7be0] {
        padding: 0.05333rem 0.26667rem;
        color: #ff7029;
        border-radius: 1.01333rem;
        background-color: #ffe9db;
}
.improvement_info .improvement_text .playTour[data-v-575a7be0] {
      font-family: PingFang SC;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-575a7be0] {
        font-size: 0.26667rem;
        font-weight: 500;
        color: #86909c;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.66667rem;
        margin-bottom: 0.18667rem;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-575a7be0]:before {
          content: '';
          display: inline-block;
          width: 1.6rem;
          height: 0.02667rem;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAACCAYAAACT3Rh1AAAAAXNSR0IArs4c6QAAANlJREFUOE/tkE1KBFEMhL+qdDMMbtx6Di/oaV0JowtBaPtFktfjoEcQe/OS+kvR4v/7039ACeIJ8fwYnN7M8mFeNvNwb143c3cO3i/GZ+OT8W60m7EGa4r9M9BqNMw2jNJoMcsesJiRam5ENEdpYurGCCI1uWH2NEsYbCg+TTp6bu+B93zspXHGD264sMOvwIgsjWpyv+DGJJMIZZCVJTNKU/mK1jVWHQ7vLUuN1V7ea+7UT680b9ed2is3FXVxeji4wq/d6paid6W+e8xOt5zOK90vvDvR978ARhpclzua22QAAAAASUVORK5CYII=) no-repeat center/100%;
          margin-right: 0.26667rem;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-575a7be0]:after {
          content: '';
          display: inline-block;
          width: 1.6rem;
          height: 0.02667rem;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAACCAYAAACT3Rh1AAAAAXNSR0IArs4c6QAAANlJREFUOE/tkEFOBDEMBMuTRaA9IiEhfsDv+Nc+hyuX/QCHPYFm3I2cZGHEExBzieOubjsT/H9/+g+EX54TEGDshBCBsAWRBIZZd67XxV+Z4nPyQ+/+314LI2J6ceIwUWflVn96+w5zl67VzB3z3StPJEgsTUgjX5NvMffa+fezSk/N2SFcOT1TPdO1R+Xv7tWve9c0tPJUzrW3HDyyMvHywzsFy+C6lsK3gk2duyltrbckW5i2JW5iDbOso9anODZxaaJ9JHkQ20XcP4nzu3i8E69vyQOOE/kFw2PNA9WsBV4AAAAASUVORK5CYII=) no-repeat center/100%;
          margin-left: 0.26667rem;
}
.improvement_info .improvement_text .playTour .border_line[data-v-575a7be0] {
        width: 1.84rem;
        padding: 0.08rem;
        background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 2.10667rem;
        display: flex;
        align-items: center;
        font-family: PingFang SC;
}
.improvement_info .improvement_text .playTour .border_line .shang_icon[data-v-575a7be0] {
          width: 0.64rem;
          height: 0.64rem;
          margin-right: 0.13333rem;
}
.improvement_info .improvement_text .playTour .border_line .line_txt[data-v-575a7be0] {
          font-size: 0.32rem;
          font-weight: 500;
          color: #fff;
}
.improvement_info .improvement_text .border_line[data-v-575a7be0] {
      width: 2rem;
      height: 0.93333rem;
      background: var(--bg_color);
      border: var(--zuijline);
      border-radius: 0.48rem;
      display: flex;
      align-items: center;
      justify-content: center;
}
.improvement_info .improvement_text .border_line .shang_icon[data-v-575a7be0] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: 0.13333rem;
}
.improvement_info .improvement_text .border_line .line_txt[data-v-575a7be0] {
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.improvement_info .improvement_text .bottom_tips[data-v-575a7be0] {
      text-align: center;
      font-size: 0.29333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #838a96;
}
.improvement_info .comment[data-v-575a7be0] {
    padding: 0 0.4rem;
    background-color: #fff;
    overflow: hidden;
    flex: 1;
}
.improvement_info .comment .recommend[data-v-575a7be0] {
      height: 1.14667rem;
      background-color: var(--bg_color);
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.02667rem solid #f2f3f5;
}
.improvement_info .comment .recommend .frend_left[data-v-575a7be0] {
        font-size: 0.32rem;
        font-family: PingFang SC;
        color: #86909c;
}
.improvement_info .comment .recommend .frend_img_box[data-v-575a7be0] {
        position: relative;
        display: flex;
        align-items: center;
}
.improvement_info .comment .recommend .frend_img_box .icon_algin[data-v-575a7be0] {
          color: #333333;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-575a7be0] {
          width: 0.66667rem;
          height: 0.66667rem;
          border: 0.02667rem solid #fff;
          border-radius: 50%;
          position: absolute;
          z-index: 100;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-575a7be0]:nth-of-type(1) {
            right: 0.37333rem;
            z-index: 50;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-575a7be0]:nth-of-type(2) {
            right: 0.77333rem;
            z-index: 40;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-575a7be0]:nth-of-type(3) {
            right: 1.17333rem;
            z-index: 30;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-575a7be0]:nth-of-type(4) {
            right: 1.57333rem;
            z-index: 20;
}
.improvement_info .comment .recommend .frend_img_box .img5[data-v-575a7be0] {
          width: 0.37333rem;
          height: 0.37333rem;
          border: none;
}
.improvement_info .comment .comment_top[data-v-575a7be0] {
      height: 1.2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: var(--bg_color);
}
.improvement_info .comment .comment_top span[data-v-575a7be0]:nth-of-type(1) {
        font-size: 0.42667rem;
        color: var(--box_title);
        font-weight: Bold;
}
.improvement_info .comment .comment_top span[data-v-575a7be0]:nth-of-type(2) {
        font-size: 0.32rem;
        color: #969696;
}
.improvement_info .comment .comment_list[data-v-575a7be0] {
      padding-bottom: 1.2rem;
}
.improvement_info .comment .comment_list ul li[data-v-575a7be0] {
        padding-bottom: 0.4rem;
}
.improvement_info .lastOrNext[data-v-575a7be0] {
    position: fixed;
    z-index: 200;
    right: 1.2rem;
    bottom: 5.17333rem;
    display: flex;
    color: #1d2129;
    font-size: 0.26667rem;
}
.improvement_info .lastOrNext .last[data-v-575a7be0],
    .improvement_info .lastOrNext .next[data-v-575a7be0] {
      width: 1.30667rem;
      height: 1.30667rem;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1);
      background-color: #fff;
      background-color: #fff;
}
.improvement_info .lastOrNext .next[data-v-575a7be0] {
      margin-left: 0.66667rem;
}
.improvement_info .lastOrNext .leftImg[data-v-575a7be0],
    .improvement_info .lastOrNext .rightImg[data-v-575a7be0] {
      width: 0.45333rem;
      height: 0.53333rem;
}
.improvement_info .comModel .jubaoBox[data-v-575a7be0] {
    height: 5.04rem;
    padding: 0.26667rem 0.48rem 0.53333rem;
}
.improvement_info .comModel .jubaoBox .ipn[data-v-575a7be0] {
      width: 100%;
      padding: 0.4rem;
      background-color: #efefef;
      border: none;
      font-size: 0.4rem;
      height: 100%;
      color: var(--box_title);
      border-radius: 0.21333rem;
      resize: none;
}
.improvement_info .comModel[data-v-575a7be0] .van-button--default {
    background-color: #fff;
}
.improvement_info .comModel[data-v-575a7be0] .van-dialog__confirm {
    color: #4191f5;
}
.improvement_info .comModel[data-v-575a7be0] .van-dialog__cancel {
    color: #959595;
}

.improvement_info[data-v-061e0279] {
  display: flex;
  flex-direction: column;
  background-color: #f8f4eb;
  min-height: 100vh;
}
.improvement_info .van-hairline--bottom[data-v-061e0279]::after {
    border: none;
}
.improvement_info .user_introduction[data-v-061e0279] {
    padding: 0.4rem;
    background-color: #fff;
}
.improvement_info .user_introduction .user_infobox[data-v-061e0279] {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.improvement_info .user_introduction .user_infobox .userImgBox[data-v-061e0279] {
        display: flex;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg[data-v-061e0279] {
          position: relative;
          width: 1.06667rem;
          height: 1.06667rem;
          border-radius: 50%;
          margin-right: 0.32rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg .userava[data-v-061e0279] {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 50%;
}
.improvement_info .user_introduction .user_infobox .userImgBox .userImg .vipIcon[data-v-061e0279] {
            position: absolute;
            bottom: -0.10667rem;
            right: 0;
            width: 0.45333rem;
            height: 0.45333rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right[data-v-061e0279] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName[data-v-061e0279] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName .nametxt[data-v-061e0279] {
              font-size: 0.42667rem;
              font-family: PingFang SC;
              font-weight: bold;
              max-width: 4rem;
              color: #1d2129;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .nickName .vipImg[data-v-061e0279] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.improvement_info .user_introduction .user_infobox .userImgBox .user_right .timess[data-v-061e0279] {
            font-size: 0.32rem;
            color: #4e5969;
}
.improvement_info .user_introduction .user_infobox .zanIcon[data-v-061e0279],
      .improvement_info .user_introduction .user_infobox .zan_ok[data-v-061e0279] {
        width: 1.68rem;
        height: 0.72rem;
        border-radius: 1.30667rem;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        display: flex;
        align-items: center;
        justify-content: center;
}
.improvement_info .user_introduction .user_infobox .zanIcon[data-v-061e0279] {
        color: #ff7029;
        border: 0.02667rem solid #ff7029;
}
.improvement_info .user_introduction .user_infobox .zan_ok[data-v-061e0279] {
        color: #c9cdd4;
        border: 0.02667rem solid #c9cdd4;
}
.improvement_info .user_introduction .user_infobox .addIcon[data-v-061e0279] {
        width: 0.37333rem;
        height: 0.37333rem;
}
.improvement_info .user_introduction .user_release[data-v-061e0279] {
      padding: 0.53333rem 0 0.53333rem;
      display: flex;
      justify-content: space-around;
}
.improvement_info .user_introduction .user_release li[data-v-061e0279] {
        width: 1.2rem;
        height: 1.2rem;
        background: #f4f4f4;
        border-radius: 0.10667rem;
}
.improvement_info .user_introduction .user_release .user_release_last[data-v-061e0279] {
        text-align: center;
        line-height: 1.2rem;
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #969696;
}
.improvement_info .improvement_text[data-v-061e0279] {
    margin-bottom: 0.4rem;
    background-color: var(--bg_color);
    padding: 0 0.4rem 0.66667rem;
}
.improvement_info .improvement_text .content[data-v-061e0279] {
      font-size: 0.4rem;
      font-family: PingFang SC;
      color: #1d2129;
      white-space: pre-wrap;
      word-break: break-all;
}
.improvement_info .improvement_text .upimg_box[data-v-061e0279] {
      margin: 0.53333rem 0;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.improvement_info .improvement_text .upimg_box .upimg_item[data-v-061e0279] {
        width: 2.90667rem;
        height: 2.90667rem;
        border-radius: 0.21333rem;
        overflow: hidden;
        margin: 0 0.21333rem 0.21333rem 0;
}
.improvement_info .improvement_text .upimg_box .upimg_item[data-v-061e0279]:nth-of-type(3n) {
          margin-right: 0;
}
.improvement_info .improvement_text .upimg_box .upimg_item .upimg[data-v-061e0279] {
          width: 100%;
          height: 100%;
}
.improvement_info .improvement_text .book_info[data-v-061e0279] {
      margin: 0.53333rem 0;
      width: 9.2rem;
      height: 2.4rem;
      background: var(--shop_bgre);
      display: flex;
      justify-content: space-between;
      padding: 0.26667rem;
}
.improvement_info .improvement_text .book_info .book_img[data-v-061e0279] {
        width: 1.41333rem;
        height: 1.89333rem;
        border-radius: 0.10667rem;
        margin-right: 0.26667rem;
}
.improvement_info .improvement_text .book_info .introduce[data-v-061e0279] {
        flex: 1;
        display: flex;
        flex-direction: column;
        font-family: PingFang SC;
        justify-content: space-around;
}
.improvement_info .improvement_text .book_info .introduce .introduce_title[data-v-061e0279] {
          font-size: 0.37333rem;
          font-weight: bold;
          color: #6a707a;
}
.improvement_info .improvement_text .book_info .introduce .introduce_dec[data-v-061e0279] {
          font-size: 0.32rem;
          color: #838a96;
}
.improvement_info .improvement_text .book_info .introduce .introduce_tips[data-v-061e0279] {
          font-size: 0.29333rem;
          color: #838a96;
          display: flex;
          justify-content: space-between;
}
.improvement_info .improvement_text .adress[data-v-061e0279] {
      font-family: PingFang SC;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.32rem;
}
.improvement_info .improvement_text .adress .pvAndReport[data-v-061e0279] {
        display: flex;
        color: #86909c;
}
.improvement_info .improvement_text .adress .pvAndReport .pv[data-v-061e0279] {
          display: flex;
          align-items: center;
          margin-right: 0.4rem;
}
.improvement_info .improvement_text .adress .pvAndReport .pv .eyeIcon[data-v-061e0279] {
            width: 0.53333rem;
            height: 0.53333rem;
            margin-right: 0.05333rem;
}
.improvement_info .improvement_text .adress .pvAndReport .report[data-v-061e0279] {
          display: flex;
          align-items: center;
}
.improvement_info .improvement_text .adress .pvAndReport .report .reportIcon[data-v-061e0279] {
            width: 0.50667rem;
            height: 0.50667rem;
            margin-right: 0.05333rem;
}
.improvement_info .improvement_text .adress .signDay[data-v-061e0279] {
        padding: 0.05333rem 0.26667rem;
        color: #ff7029;
        border-radius: 1.01333rem;
        background-color: #ffe9db;
}
.improvement_info .improvement_text .playTour[data-v-061e0279] {
      font-family: PingFang SC;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-061e0279] {
        font-size: 0.26667rem;
        font-weight: 500;
        color: #86909c;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.66667rem;
        margin-bottom: 0.18667rem;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-061e0279]:before {
          content: '';
          display: inline-block;
          width: 1.6rem;
          height: 0.02667rem;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAACCAYAAACT3Rh1AAAAAXNSR0IArs4c6QAAANlJREFUOE/tkE1KBFEMhL+qdDMMbtx6Di/oaV0JowtBaPtFktfjoEcQe/OS+kvR4v/7039ACeIJ8fwYnN7M8mFeNvNwb143c3cO3i/GZ+OT8W60m7EGa4r9M9BqNMw2jNJoMcsesJiRam5ENEdpYurGCCI1uWH2NEsYbCg+TTp6bu+B93zspXHGD264sMOvwIgsjWpyv+DGJJMIZZCVJTNKU/mK1jVWHQ7vLUuN1V7ea+7UT680b9ed2is3FXVxeji4wq/d6paid6W+e8xOt5zOK90vvDvR978ARhpclzua22QAAAAASUVORK5CYII=) no-repeat center/100%;
          margin-right: 0.26667rem;
}
.improvement_info .improvement_text .playTour .bottom_tips[data-v-061e0279]:after {
          content: '';
          display: inline-block;
          width: 1.6rem;
          height: 0.02667rem;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAACCAYAAACT3Rh1AAAAAXNSR0IArs4c6QAAANlJREFUOE/tkEFOBDEMBMuTRaA9IiEhfsDv+Nc+hyuX/QCHPYFm3I2cZGHEExBzieOubjsT/H9/+g+EX54TEGDshBCBsAWRBIZZd67XxV+Z4nPyQ+/+314LI2J6ceIwUWflVn96+w5zl67VzB3z3StPJEgsTUgjX5NvMffa+fezSk/N2SFcOT1TPdO1R+Xv7tWve9c0tPJUzrW3HDyyMvHywzsFy+C6lsK3gk2duyltrbckW5i2JW5iDbOso9anODZxaaJ9JHkQ20XcP4nzu3i8E69vyQOOE/kFw2PNA9WsBV4AAAAASUVORK5CYII=) no-repeat center/100%;
          margin-left: 0.26667rem;
}
.improvement_info .improvement_text .playTour .border_line[data-v-061e0279] {
        width: 1.84rem;
        padding: 0.08rem;
        background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 2.10667rem;
        display: flex;
        align-items: center;
        font-family: PingFang SC;
}
.improvement_info .improvement_text .playTour .border_line .shang_icon[data-v-061e0279] {
          width: 0.64rem;
          height: 0.64rem;
          margin-right: 0.13333rem;
}
.improvement_info .improvement_text .playTour .border_line .line_txt[data-v-061e0279] {
          font-size: 0.32rem;
          font-weight: 500;
          color: #fff;
}
.improvement_info .comment[data-v-061e0279] {
    padding: 0 0.4rem;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.improvement_info .comment .recommend[data-v-061e0279] {
      height: 1.14667rem;
      background-color: var(--bg_color);
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.02667rem solid #f2f3f5;
}
.improvement_info .comment .recommend .frend_left[data-v-061e0279] {
        font-size: 0.32rem;
        font-family: PingFang SC;
        color: #86909c;
}
.improvement_info .comment .recommend .frend_img_box[data-v-061e0279] {
        position: relative;
        display: flex;
        align-items: center;
}
.improvement_info .comment .recommend .frend_img_box .icon_algin[data-v-061e0279] {
          color: #333333;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-061e0279] {
          width: 0.66667rem;
          height: 0.66667rem;
          border: 0.02667rem solid #fff;
          border-radius: 50%;
          position: absolute;
          z-index: 100;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-061e0279]:nth-of-type(1) {
            right: 0.37333rem;
            z-index: 50;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-061e0279]:nth-of-type(2) {
            right: 0.77333rem;
            z-index: 40;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-061e0279]:nth-of-type(3) {
            right: 1.17333rem;
            z-index: 30;
}
.improvement_info .comment .recommend .frend_img_box .img1[data-v-061e0279]:nth-of-type(4) {
            right: 1.57333rem;
            z-index: 20;
}
.improvement_info .comment .recommend .frend_img_box .img5[data-v-061e0279] {
          width: 0.37333rem;
          height: 0.37333rem;
          border: none;
}
.improvement_info .comment .comment_top[data-v-061e0279] {
      margin: 0.26667rem 0 0.4rem;
      display: flex;
      align-items: center;
      background-color: var(--bg_color);
}
.improvement_info .comment .comment_top span[data-v-061e0279] {
        color: #1d2129;
        font-size: 0.42667rem;
        font-weight: bold;
}
.improvement_info .comment .comment_list[data-v-061e0279] {
      flex: 1;
      display: flex;
      padding-bottom: 1.2rem;
}
.improvement_info .comment .comment_list ul li[data-v-061e0279] {
        padding-bottom: 0.4rem;
}
.improvement_info .lastOrNext[data-v-061e0279] {
    position: fixed;
    z-index: 200;
    right: 1.2rem;
    bottom: 5.17333rem;
    display: flex;
    color: #1d2129;
    font-size: 0.26667rem;
}
.improvement_info .lastOrNext .last[data-v-061e0279],
    .improvement_info .lastOrNext .next[data-v-061e0279] {
      width: 1.30667rem;
      height: 1.30667rem;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1);
      background-color: #fff;
}
.improvement_info .lastOrNext .next[data-v-061e0279] {
      margin-left: 0.66667rem;
}
.improvement_info .lastOrNext .leftImg[data-v-061e0279],
    .improvement_info .lastOrNext .rightImg[data-v-061e0279] {
      width: 0.45333rem;
      height: 0.53333rem;
}
.improvement_info .comModel .jubaoBox[data-v-061e0279] {
    height: 5.04rem;
    padding: 0.26667rem 0.48rem 0.53333rem;
}
.improvement_info .comModel .jubaoBox .ipn[data-v-061e0279] {
      width: 100%;
      padding: 0.4rem;
      background-color: #efefef;
      border: none;
      font-size: 0.4rem;
      height: 100%;
      color: var(--box_title);
      border-radius: 0.21333rem;
      resize: none;
}
.improvement_info .comModel[data-v-061e0279] .van-button--default {
    background-color: #fff;
}
.improvement_info .comModel[data-v-061e0279] .van-dialog__confirm {
    color: #4191f5;
}
.improvement_info .comModel[data-v-061e0279] .van-dialog__cancel {
    color: #959595;
}

.publish_children[data-v-40ef5ff2] {
  background-color: var(--vip_props);
}
.publish_children ul li[data-v-40ef5ff2] {
    border-radius: 0.18667rem;
    overflow: hidden;
    margin-bottom: 0.26667rem;
    background-color: var(--bg_color);
}
.publish_children ul li .dayup_item[data-v-40ef5ff2] {
      padding: 0.4rem 0.4rem 0.26667rem;
}
.publish_children ul li .dayup_item .user_box[data-v-40ef5ff2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.publish_children ul li .dayup_item .user_box .userImgBox[data-v-40ef5ff2] {
          display: flex;
          justify-content: flex-start;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg[data-v-40ef5ff2] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.32rem;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg .userava[data-v-40ef5ff2] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-40ef5ff2] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.publish_children ul li .dayup_item .user_box .userImgBox .bgImg[data-v-40ef5ff2] {
            background-color: #d5a160;
}
.publish_children ul li .dayup_item .user_box .user_right[data-v-40ef5ff2] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName[data-v-40ef5ff2] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .nametxt[data-v-40ef5ff2] {
              font-size: 0.4rem;
              max-width: 2.13333rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .vipImg[data-v-40ef5ff2] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .daynum[data-v-40ef5ff2] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.publish_children ul li .dayup_item .user_box .user_right .timess[data-v-40ef5ff2] {
            font-size: 0.32rem;
            color: #969696;
}
.publish_children ul li .dayup_item .user_box .zanIcon[data-v-40ef5ff2] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.publish_children ul li .dayup_item .user_box .zan_ok[data-v-40ef5ff2] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.publish_children ul li .dayup_item .user_content[data-v-40ef5ff2] {
        margin-top: 0.53333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: var(--item_content);
        line-height: 0.66667rem;
}
.publish_children ul li .dayup_item .book_info[data-v-40ef5ff2] {
        margin-top: 0.53333rem;
        width: 9.2rem;
        height: 2.4rem;
        background: var(--sign_gedun);
        display: flex;
        justify-content: space-between;
        padding: 0.26667rem;
}
.publish_children ul li .dayup_item .book_info .book_img[data-v-40ef5ff2] {
          width: 1.41333rem;
          height: 1.89333rem;
          border-radius: 0.10667rem;
          margin-right: 0.26667rem;
}
.publish_children ul li .dayup_item .book_info .introduce[data-v-40ef5ff2] {
          flex: 1;
          display: flex;
          flex-direction: column;
          font-family: PingFang SC;
          justify-content: space-around;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_title[data-v-40ef5ff2] {
            font-size: 0.37333rem;
            font-weight: bold;
            color: #6a707a;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_dec[data-v-40ef5ff2] {
            font-size: 0.32rem;
            color: #838a96;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_tips[data-v-40ef5ff2] {
            font-size: 0.29333rem;
            color: #838a96;
            display: flex;
            justify-content: space-between;
}
.publish_children ul li .dayup_item .adress[data-v-40ef5ff2] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        display: flex;
        justify-content: flex-end;
}
.publish_children ul li .dayup_item .adress .change_sys[data-v-40ef5ff2] {
          text-align: right;
}
.publish_children ul li .dayup_item .adress .change_sys .changeBtn[data-v-40ef5ff2] {
            margin-right: 0.26667rem;
}
.publish_children ul li .dayup_item .adress .adre_icon[data-v-40ef5ff2] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.publish_children ul li .dayup_item .dayup_item_system[data-v-40ef5ff2] {
        height: 0.8rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys[data-v-40ef5ff2] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys[data-v-40ef5ff2] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys .van-icon[data-v-40ef5ff2] {
              margin-right: 0.05333rem;
              vertical-align: middle;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys .shang_icon[data-v-40ef5ff2] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.publish_children ul li .dayup_item .recommend[data-v-40ef5ff2] {
        height: 1.06667rem;
        background-color: var(--bg_color);
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.publish_children ul li .dayup_item .recommend .frend_left[data-v-40ef5ff2] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #838a96;
}
.publish_children ul li .dayup_item .recommend .frend_img_box[data-v-40ef5ff2] {
          position: relative;
          display: flex;
          align-items: center;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .icon_algin[data-v-40ef5ff2] {
            color: #333333;
            font-size: px;
}
.publish_children ul li .dayup_item .recommend .frend_img_box img[data-v-40ef5ff2] {
            width: 0.8rem;
            height: 0.82667rem;
            border-radius: 50%;
            border: 0.02667rem solid #d1caf9;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-40ef5ff2] {
            position: absolute;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-40ef5ff2]:nth-of-type(1) {
              right: 0.53333rem;
              z-index: 50;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-40ef5ff2]:nth-of-type(2) {
              right: 1.2rem;
              z-index: 40;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-40ef5ff2]:nth-of-type(3) {
              right: 1.86667rem;
              z-index: 30;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-40ef5ff2]:nth-of-type(4) {
              right: 2.53333rem;
              z-index: 20;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img5[data-v-40ef5ff2] {
            width: 0.16rem;
            height: 0.29333rem;
            border: none;
}
.publish_children ul li .dayup_item .upimg_box[data-v-40ef5ff2] {
        margin-top: 0.53333rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
.publish_children ul li .dayup_item .upimg_box .upimg_item[data-v-40ef5ff2] {
          width: 2.88rem;
          height: 2.88rem;
          border: var(--zuijline);
          margin-right: 0.18667rem;
}
.publish_children ul li .dayup_item .upimg_box .upimg_item .upimg[data-v-40ef5ff2] {
            width: 100%;
            height: 100%;
}
.publish_children ul li .dayup_item .append_comment[data-v-40ef5ff2] {
        background-color: var(--sign_gedun);
        margin: 0.4rem 0;
        padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        border-radius: 0.08rem;
}
.publish_children ul li .dayup_item .append_comment .othenUser[data-v-40ef5ff2] {
          font-size: 0.37333rem;
          color: #afafaf;
          line-height: 0.48rem;
          width: 100%;
}
.publish_children ul li .dayup_item .append_comment .othenUser .append_magr[data-v-40ef5ff2] {
            padding: 0.13333rem 0;
            color: var(--item_content);
}
.publish_children ul li .dayup_item .append_comment .othenUser .append_magr .userself[data-v-40ef5ff2] {
              color: #497db8;
}
.publish_children ul li .dayup_item .append_comment .allList[data-v-40ef5ff2] {
          color: #838a96;
          font-size: 0.4rem;
}

.base_item[data-v-4f47e093] {
  background-color: var(--vip_props);
}
.base_item ul li[data-v-4f47e093] {
    border-radius: 0.18667rem;
    overflow: hidden;
    margin-bottom: 0.26667rem;
    background-color: var(--bg_color);
}
.base_item ul li .dayup_item[data-v-4f47e093] {
      padding: 0.4rem 0.4rem 0.26667rem;
}
.base_item ul li .dayup_item .user_box[data-v-4f47e093] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul li .dayup_item .user_box .userImgBox[data-v-4f47e093] {
          display: flex;
          justify-content: flex-start;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg[data-v-4f47e093] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.32rem;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg .userava[data-v-4f47e093] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-4f47e093] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.base_item ul li .dayup_item .user_box .userImgBox .bgImg[data-v-4f47e093] {
            background-color: #d5a160;
}
.base_item ul li .dayup_item .user_box .user_right[data-v-4f47e093] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.base_item ul li .dayup_item .user_box .user_right .nickName[data-v-4f47e093] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .nametxt[data-v-4f47e093] {
              font-size: 0.4rem;
              max-width: 2.13333rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .vipImg[data-v-4f47e093] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .daynum[data-v-4f47e093] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.base_item ul li .dayup_item .user_box .user_right .timess[data-v-4f47e093] {
            font-size: 0.32rem;
            color: #969696;
}
.base_item ul li .dayup_item .user_box .zanIcon[data-v-4f47e093] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.base_item ul li .dayup_item .user_box .zan_ok[data-v-4f47e093] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.base_item ul li .dayup_item .user_content[data-v-4f47e093] {
        margin-top: 0.53333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: #545454;
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item[data-v-4f47e093] {
          display: flex;
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item .left_title[data-v-4f47e093] {
            width: 2.13333rem;
            font-size: 0.4rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--nav_txt);
            text-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.04);
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item .right_title[data-v-4f47e093] {
            flex: 1;
            font-size: 0.4rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: var(--item_content);
            line-height: 0.61333rem;
}
.base_item ul li .dayup_item .adress[data-v-4f47e093] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        display: flex;
        justify-content: flex-end;
}
.base_item ul li .dayup_item .adress .change_sys span[data-v-4f47e093] {
          margin-left: 0.53333rem;
}
.base_item ul li .dayup_item .adress .adre_icon[data-v-4f47e093] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.base_item ul li .dayup_item .dayup_item_system[data-v-4f47e093] {
        height: 0.8rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys[data-v-4f47e093] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys[data-v-4f47e093] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys .van-icon[data-v-4f47e093] {
              margin-right: 0.05333rem;
              vertical-align: middle;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys .shang_icon[data-v-4f47e093] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.base_item ul li .dayup_item .recommend[data-v-4f47e093] {
        height: 1.06667rem;
        background-color: var(--bg_color);
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul li .dayup_item .recommend .frend_left[data-v-4f47e093] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #838a96;
}
.base_item ul li .dayup_item .recommend .frend_img_box[data-v-4f47e093] {
          position: relative;
          display: flex;
          align-items: center;
}
.base_item ul li .dayup_item .recommend .frend_img_box .icon_algin[data-v-4f47e093] {
            color: #333333;
            font-size: px;
}
.base_item ul li .dayup_item .recommend .frend_img_box img[data-v-4f47e093] {
            width: 0.8rem;
            height: 0.82667rem;
            border-radius: 50%;
            border: 0.02667rem solid #d1caf9;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-4f47e093] {
            position: absolute;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-4f47e093]:nth-of-type(1) {
              right: 0.53333rem;
              z-index: 50;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-4f47e093]:nth-of-type(2) {
              right: 1.2rem;
              z-index: 40;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-4f47e093]:nth-of-type(3) {
              right: 1.86667rem;
              z-index: 30;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-4f47e093]:nth-of-type(4) {
              right: 2.53333rem;
              z-index: 20;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img5[data-v-4f47e093] {
            width: 0.16rem;
            height: 0.29333rem;
            border: none;
}
.base_item ul li .dayup_item .append_comment[data-v-4f47e093] {
        background-color: var(--sign_gedun);
        margin: 0.4rem 0;
        padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        border-radius: 0.08rem;
}
.base_item ul li .dayup_item .append_comment .othenUser[data-v-4f47e093] {
          font-size: 0.37333rem;
          color: #afafaf;
          line-height: 0.48rem;
}
.base_item ul li .dayup_item .append_comment .othenUser .append_magr[data-v-4f47e093] {
            padding: 0.13333rem 0;
            color: var(--item_content);
}
.base_item ul li .dayup_item .append_comment .othenUser .append_magr .userself[data-v-4f47e093] {
              color: #497db8;
}
.base_item ul li .dayup_item .append_comment .allList[data-v-4f47e093] {
          color: #838a96;
          font-size: 0.4rem;
}

.publish_children[data-v-4d5ac1fc] {
  background-color: var(--vip_props);
}
.publish_children ul li[data-v-4d5ac1fc] {
    border-radius: 0.18667rem;
    overflow: hidden;
    margin-bottom: 0.26667rem;
    background-color: var(--bg_color);
}
.publish_children ul li .dayup_item[data-v-4d5ac1fc] {
      padding: 0.4rem 0.4rem 0.26667rem;
}
.publish_children ul li .dayup_item .user_box[data-v-4d5ac1fc] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.publish_children ul li .dayup_item .user_box .userImgBox[data-v-4d5ac1fc] {
          display: flex;
          justify-content: flex-start;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg[data-v-4d5ac1fc] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.32rem;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg .userava[data-v-4d5ac1fc] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.publish_children ul li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-4d5ac1fc] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.publish_children ul li .dayup_item .user_box .userImgBox .bgImg[data-v-4d5ac1fc] {
            background-color: #d5a160;
}
.publish_children ul li .dayup_item .user_box .user_right[data-v-4d5ac1fc] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName[data-v-4d5ac1fc] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .nametxt[data-v-4d5ac1fc] {
              font-size: 0.4rem;
              max-width: 2.13333rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .vipImg[data-v-4d5ac1fc] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.publish_children ul li .dayup_item .user_box .user_right .nickName .daynum[data-v-4d5ac1fc] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.publish_children ul li .dayup_item .user_box .user_right .timess[data-v-4d5ac1fc] {
            font-size: 0.32rem;
            color: #969696;
}
.publish_children ul li .dayup_item .user_box .zanIcon[data-v-4d5ac1fc] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.publish_children ul li .dayup_item .user_box .zan_ok[data-v-4d5ac1fc] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.publish_children ul li .dayup_item .user_content[data-v-4d5ac1fc] {
        margin-top: 0.53333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: var(--item_content);
        line-height: 0.66667rem;
}
.publish_children ul li .dayup_item .book_info[data-v-4d5ac1fc] {
        margin-top: 0.53333rem;
        width: 9.2rem;
        height: 2.4rem;
        background: var(--sign_gedun);
        display: flex;
        justify-content: space-between;
        padding: 0.26667rem;
}
.publish_children ul li .dayup_item .book_info .book_img[data-v-4d5ac1fc] {
          width: 1.41333rem;
          height: 1.89333rem;
          border-radius: 0.10667rem;
          margin-right: 0.26667rem;
}
.publish_children ul li .dayup_item .book_info .introduce[data-v-4d5ac1fc] {
          flex: 1;
          display: flex;
          flex-direction: column;
          font-family: PingFang SC;
          justify-content: space-around;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_title[data-v-4d5ac1fc] {
            font-size: 0.37333rem;
            font-weight: bold;
            color: #6a707a;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_dec[data-v-4d5ac1fc] {
            font-size: 0.32rem;
            color: #838a96;
            padding-bottom: 0.4rem;
}
.publish_children ul li .dayup_item .book_info .introduce .introduce_tips[data-v-4d5ac1fc] {
            font-size: 0.29333rem;
            color: #838a96;
            display: flex;
            justify-content: space-between;
}
.publish_children ul li .dayup_item .adress[data-v-4d5ac1fc] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        display: flex;
        justify-content: space-between;
}
.publish_children ul li .dayup_item .adress .change_sys[data-v-4d5ac1fc] {
          text-align: right;
}
.publish_children ul li .dayup_item .adress .change_sys .changeBtn[data-v-4d5ac1fc] {
            margin-right: 0.26667rem;
}
.publish_children ul li .dayup_item .adress .adre_icon[data-v-4d5ac1fc] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.publish_children ul li .dayup_item .dayup_item_system[data-v-4d5ac1fc] {
        height: 0.8rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys[data-v-4d5ac1fc] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys[data-v-4d5ac1fc] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys .van-icon[data-v-4d5ac1fc] {
              margin-right: 0.05333rem;
              vertical-align: middle;
}
.publish_children ul li .dayup_item .dayup_item_system .small_sys .sys .shang_icon[data-v-4d5ac1fc] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.publish_children ul li .dayup_item .recommend[data-v-4d5ac1fc] {
        height: 1.06667rem;
        background-color: var(--bg_color);
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.publish_children ul li .dayup_item .recommend .frend_left[data-v-4d5ac1fc] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #838a96;
}
.publish_children ul li .dayup_item .recommend .frend_img_box[data-v-4d5ac1fc] {
          position: relative;
          display: flex;
          align-items: center;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .icon_algin[data-v-4d5ac1fc] {
            color: #333333;
            font-size: px;
}
.publish_children ul li .dayup_item .recommend .frend_img_box img[data-v-4d5ac1fc] {
            width: 0.8rem;
            height: 0.82667rem;
            border-radius: 50%;
            border: 0.02667rem solid #d1caf9;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-4d5ac1fc] {
            position: absolute;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-4d5ac1fc]:nth-of-type(1) {
              right: 0.53333rem;
              z-index: 50;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-4d5ac1fc]:nth-of-type(2) {
              right: 1.2rem;
              z-index: 40;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-4d5ac1fc]:nth-of-type(3) {
              right: 1.86667rem;
              z-index: 30;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img1[data-v-4d5ac1fc]:nth-of-type(4) {
              right: 2.53333rem;
              z-index: 20;
}
.publish_children ul li .dayup_item .recommend .frend_img_box .img5[data-v-4d5ac1fc] {
            width: 0.16rem;
            height: 0.29333rem;
            border: none;
}
.publish_children ul li .dayup_item .upimg_box[data-v-4d5ac1fc] {
        margin-top: 0.53333rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
.publish_children ul li .dayup_item .upimg_box .upimg_item[data-v-4d5ac1fc] {
          width: 2.88rem;
          height: 2.88rem;
          border: var(--zuijline);
          margin-right: 0.18667rem;
}
.publish_children ul li .dayup_item .upimg_box .upimg_item .upimg[data-v-4d5ac1fc] {
            width: 100%;
            height: 100%;
}
.publish_children ul li .dayup_item .append_comment[data-v-4d5ac1fc] {
        background-color: var(--sign_gedun);
        margin: 0.4rem 0;
        padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        border-radius: 0.08rem;
}
.publish_children ul li .dayup_item .append_comment .othenUser[data-v-4d5ac1fc] {
          font-size: 0.37333rem;
          color: #afafaf;
          line-height: 0.48rem;
          width: 100%;
}
.publish_children ul li .dayup_item .append_comment .othenUser .append_magr[data-v-4d5ac1fc] {
            padding: 0.13333rem 0;
            color: var(--item_content);
}
.publish_children ul li .dayup_item .append_comment .othenUser .append_magr .userself[data-v-4d5ac1fc] {
              color: #497db8;
}
.publish_children ul li .dayup_item .append_comment .allList[data-v-4d5ac1fc] {
          color: #838a96;
          font-size: 0.4rem;
}

.base_item[data-v-d905980a] {
  background-color: var(--vip_props);
}
.base_item ul li[data-v-d905980a] {
    border-radius: 0.18667rem;
    overflow: hidden;
    margin-bottom: 0.26667rem;
    background-color: var(--bg_color);
}
.base_item ul li .dayup_item[data-v-d905980a] {
      padding: 0.4rem 0.4rem 0.26667rem;
}
.base_item ul li .dayup_item .user_box[data-v-d905980a] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul li .dayup_item .user_box .userImgBox[data-v-d905980a] {
          display: flex;
          justify-content: flex-start;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg[data-v-d905980a] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
            margin-right: 0.32rem;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg .userava[data-v-d905980a] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.base_item ul li .dayup_item .user_box .userImgBox .userImg .vipIcon[data-v-d905980a] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.base_item ul li .dayup_item .user_box .userImgBox .bgImg[data-v-d905980a] {
            background-color: #d5a160;
}
.base_item ul li .dayup_item .user_box .user_right[data-v-d905980a] {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
}
.base_item ul li .dayup_item .user_box .user_right .nickName[data-v-d905980a] {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
            align-items: center;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .nametxt[data-v-d905980a] {
              font-size: 0.4rem;
              max-width: 2.13333rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              margin-right: 0.13333rem;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .vipImg[data-v-d905980a] {
              width: 0.96rem;
              height: 0.34667rem;
              margin: 0 0.13333rem;
}
.base_item ul li .dayup_item .user_box .user_right .nickName .daynum[data-v-d905980a] {
              font-size: 0.32rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #838a96;
}
.base_item ul li .dayup_item .user_box .user_right .timess[data-v-d905980a] {
            font-size: 0.32rem;
            color: #969696;
}
.base_item ul li .dayup_item .user_box .zanIcon[data-v-d905980a] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.base_item ul li .dayup_item .user_box .zan_ok[data-v-d905980a] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.base_item ul li .dayup_item .user_content[data-v-d905980a] {
        margin-top: 0.53333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        color: #545454;
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item[data-v-d905980a] {
          display: flex;
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item .left_title[data-v-d905980a] {
            width: 2.13333rem;
            font-size: 0.4rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--nav_txt);
            text-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.04);
}
.base_item ul li .dayup_item .user_content .juecha_box .juecha_item .right_title[data-v-d905980a] {
            flex: 1;
            font-size: 0.4rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: var(--item_content);
            line-height: 0.61333rem;
}
.base_item ul li .dayup_item .adress[data-v-d905980a] {
        height: 0.93333rem;
        line-height: 0.93333rem;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
        display: flex;
        justify-content: space-between;
}
.base_item ul li .dayup_item .adress .change_sys span[data-v-d905980a] {
          margin-left: 0.53333rem;
}
.base_item ul li .dayup_item .adress .adre_icon[data-v-d905980a] {
          margin-right: 0.13333rem;
          vertical-align: moddle;
}
.base_item ul li .dayup_item .dayup_item_system[data-v-d905980a] {
        height: 0.8rem;
        line-height: 0.8rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838a96;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys[data-v-d905980a] {
          display: flex;
          justify-content: flex-end;
          align-items: center;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys[data-v-d905980a] {
            height: 100%;
            margin-left: 0.53333rem;
            display: flex;
            align-items: center;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys .van-icon[data-v-d905980a] {
              margin-right: 0.05333rem;
              vertical-align: middle;
}
.base_item ul li .dayup_item .dayup_item_system .small_sys .sys .shang_icon[data-v-d905980a] {
              width: 0.53333rem;
              height: 0.53333rem;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 0.05333rem;
}
.base_item ul li .dayup_item .recommend[data-v-d905980a] {
        height: 1.06667rem;
        background-color: var(--bg_color);
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.base_item ul li .dayup_item .recommend .frend_left[data-v-d905980a] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #838a96;
}
.base_item ul li .dayup_item .recommend .frend_img_box[data-v-d905980a] {
          position: relative;
          display: flex;
          align-items: center;
}
.base_item ul li .dayup_item .recommend .frend_img_box .icon_algin[data-v-d905980a] {
            color: #333333;
            font-size: px;
}
.base_item ul li .dayup_item .recommend .frend_img_box img[data-v-d905980a] {
            width: 0.8rem;
            height: 0.82667rem;
            border-radius: 50%;
            border: 0.02667rem solid #d1caf9;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-d905980a] {
            position: absolute;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-d905980a]:nth-of-type(1) {
              right: 0.53333rem;
              z-index: 50;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-d905980a]:nth-of-type(2) {
              right: 1.2rem;
              z-index: 40;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-d905980a]:nth-of-type(3) {
              right: 1.86667rem;
              z-index: 30;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img1[data-v-d905980a]:nth-of-type(4) {
              right: 2.53333rem;
              z-index: 20;
}
.base_item ul li .dayup_item .recommend .frend_img_box .img5[data-v-d905980a] {
            width: 0.16rem;
            height: 0.29333rem;
            border: none;
}
.base_item ul li .dayup_item .append_comment[data-v-d905980a] {
        background-color: var(--sign_gedun);
        margin: 0.4rem 0;
        padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        border-radius: 0.08rem;
}
.base_item ul li .dayup_item .append_comment .othenUser[data-v-d905980a] {
          font-size: 0.37333rem;
          color: #afafaf;
          line-height: 0.48rem;
}
.base_item ul li .dayup_item .append_comment .othenUser .append_magr[data-v-d905980a] {
            padding: 0.13333rem 0;
            color: var(--item_content);
}
.base_item ul li .dayup_item .append_comment .othenUser .append_magr .userself[data-v-d905980a] {
              color: #497db8;
}
.base_item ul li .dayup_item .append_comment .allList[data-v-d905980a] {
          color: #838a96;
          font-size: 0.4rem;
}

*[data-v-37602962] {
  margin: 0;
}

.my_self[data-v-031a15bc] {
  background-color: #f8f4eb;
  min-height: 100vh;
  max-height: 100%;
}
.my_self .my_nav[data-v-031a15bc] {
    position: relative;
    display: flex;
    height: 3.22667rem;
    background: url("https://osscdn.666syh.com/image/app/1687923698266.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.my_self .my_nav .sonBox[data-v-031a15bc] {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5;
      background-color: rgba(0, 0, 0, 0.3);
}
.my_self .my_nav .sonBox .van-hairline--bottom[data-v-031a15bc]::after {
        border: none;
}
.my_self .my_nav .sonBox .van-nav-bar[data-v-031a15bc] {
        height: 1.33333rem;
        padding: 0 0.4rem;
        background-color: rgba(0, 0, 0, 0);
}
.my_self .my_nav .sonBox .van-nav-bar[data-v-031a15bc] .van-icon {
          color: #ffffff;
          font-weight: bold;
}
.my_self .my_nav .sonBox .van-nav-bar .rightcolor[data-v-031a15bc] {
          color: #fff;
          font-size: 0.42667rem;
}
.my_self .my_nav .my_nav_bg[data-v-031a15bc] {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: inherit;
      background-position: top center;
      filter: blur(0.05333rem);
      border: none;
      z-index: 2;
}
.my_self .userInfo[data-v-031a15bc] {
    width: calc(100% - 0.8rem);
    margin-left: 0.4rem;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 0.26667rem;
    margin-top: -1.06667rem;
    position: relative;
    padding: 0.34667rem;
    float: left;
}
.my_self .userInfo .avatarBox[data-v-031a15bc] {
      width: 1.86667rem;
      height: 1.86667rem;
      background: #fff;
      padding: 0.05333rem;
      border-radius: 50%;
      left: calc(50% - 0.93333rem);
      top: -1.12rem;
      position: absolute;
}
.my_self .userInfo .avatarBox .avatar[data-v-031a15bc] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}
.my_self .userInfo .avatarBox .vipIcon[data-v-031a15bc] {
        width: 0.53333rem;
        height: 0.53333rem;
        right: 0;
        position: absolute;
        bottom: 0;
}
.my_self .userInfo .emitProfile[data-v-031a15bc] {
      width: 2.21333rem;
      height: 0.74667rem;
      background: #f1f1f1;
      border-radius: 1.46667rem;
      float: right;
      padding: 0.18667rem 0.24rem;
      color: #4e5969;
      font-size: 0.32rem;
      display: flex;
      align-items: center;
      justify-content: center;
}
.my_self .userInfo .emitProfile .profileIcon[data-v-031a15bc] {
        width: 0.34667rem;
}
.my_self .userInfo .follow[data-v-031a15bc] {
      width: 1.68rem;
      height: 0.72rem;
      border-radius: 1.30667rem 1.30667rem 1.30667rem 1.30667rem;
      opacity: 1;
      float: right;
      font-size: 0.37333rem;
      display: flex;
      align-items: center;
      justify-content: center;
}
.my_self .userInfo .follow .followIcon[data-v-031a15bc] {
        width: 0.37333rem;
        height: 0.37333rem;
        margin-right: 0.08rem;
}
.my_self .userInfo .name[data-v-031a15bc] {
      font-weight: bold;
      color: #1d2129;
      width: 100%;
      font-size: 0.42667rem;
      text-align: center;
      float: left;
      padding: 0 1.06667rem;
}
.my_self .userInfo .code[data-v-031a15bc] {
      color: #4e5969;
      font-size: 0.32rem;
      margin-top: 0.13333rem;
      float: left;
      width: 100%;
      text-align: center;
}
.my_self .userInfo .iconList[data-v-031a15bc] {
      margin-top: 0.13333rem;
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-evenly;
      padding: 0 calc(50% - 1.41333rem);
}
.my_self .userInfo .iconList .icon[data-v-031a15bc] {
        width: 1.22667rem;
        height: 0.45333rem;
}
.my_self .userInfo .info[data-v-031a15bc] {
      width: 5.86667rem;
      height: 0.98667rem;
      float: left;
      margin-top: 0.4rem;
      margin-left: calc(50% - 2.93333rem);
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.my_self .userInfo .info .item[data-v-031a15bc] {
        display: flex;
        flex-wrap: wrap;
        width: 33.33%;
        align-items: center;
        justify-content: center;
}
.my_self .userInfo .info .item .num[data-v-031a15bc] {
          font-weight: bold;
          color: #1d2129;
          font-size: 0.42667rem;
          width: 100%;
          text-align: center;
}
.my_self .userInfo .info .item .text[data-v-031a15bc] {
          color: #86909c;
          font-size: 0.32rem;
}
.my_self .userInfo .intro[data-v-031a15bc] {
      margin-top: 0.32rem;
      float: left;
      width: 100%;
      font-size: 0.32rem;
      color: #4e5969;
}
.my_self .userInfo .signature[data-v-031a15bc] {
      text-align: center;
}
.my_self .list[data-v-031a15bc] {
    width: 100%;
    height: calc(100vh - 6.64rem);
    overflow: auto;
    margin-top: 0.4rem;
    background: #ffffff;
    border-radius: 0.4rem 0.4rem;
    float: left;
}
.my_self .list .head[data-v-031a15bc] {
      width: 100%;
      height: 1.41333rem;
      border-bottom: 0.02667rem solid #f7f8fa;
      padding: 0 0.4rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      position: sticky;
      top: 0;
      z-index: 11;
      background: #fff;
}
.my_self .list .head .item[data-v-031a15bc] {
        width: 33.3%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        height: 100%;
        align-items: center;
}
.my_self .list .head .item .name[data-v-031a15bc] {
          font-weight: bold;
          font-size: 0.42667rem;
          width: 100%;
          text-align: center;
          height: 0;
}
.my_self .list .head .item .img[data-v-031a15bc] {
          width: 0.74667rem;
          height: 0.13333rem;
}
.my_self .list .star[data-v-031a15bc] {
      width: 100%;
}
.my_self .list .star .starHead[data-v-031a15bc] {
        width: 100%;
        display: flex;
        padding: 0.4rem;
}
.my_self .list .star .starHead .tabClass[data-v-031a15bc] {
          width: 1.49333rem;
          height: 0.66667rem;
          border-radius: 0.88rem;
          color: #ff7029;
          font-size: 0.32rem;
          display: flex;
          align-items: center;
          justify-content: center;
}
.my_self .list .star .starHead .starTabClass[data-v-031a15bc] {
          background: #ffeae0;
}
.my_self .list .star .starHead .unStarTabClass[data-v-031a15bc] {
          background: #fff;
          color: #86909c;
}
.my_self .bg_box[data-v-031a15bc] {
    width: 100%;
    height: 0.32rem;
    background: var(--sign_gedun);
}
.my_self .user_his[data-v-031a15bc] {
    background-color: #fff;
    padding: 0.4rem;
}
.my_self .user_his .picture_box[data-v-031a15bc] {
      width: 9.2rem;
      height: 3.46667rem;
      background: #ffffff;
      border: 0.02667rem solid #dbdbdb;
      border-radius: 0.21333rem;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      padding: 0.4rem 0;
}
.my_self .user_his .picture_box li[data-v-031a15bc] {
        margin: 0 0.26667rem;
        width: 1.2rem;
        height: 1.2rem;
        background: #f4f4f4;
        border-radius: 0.10667rem;
        margin-bottom: 0.26667rem;
}
.my_self .user_his .picture_box .all_txt[data-v-031a15bc] {
        line-height: 1.2rem;
        text-align: center;
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #969696;
}
.my_self .van-tabs[data-v-031a15bc] {
    height: 1.33333rem;
    background-color: var(--bg_color);
    border-bottom: 0.02667rem solid #f5f5f5 !important;
}
.my_self .van-tabs[data-v-031a15bc] .van-tabs__wrap {
      padding-right: 40%;
      border-bottom: var(--bottomLine);
}
.my_self .van-tabs[data-v-031a15bc] .van-tabs__nav {
      background-color: var(--bg_color);
}
.my_self .van-tabs[data-v-031a15bc] .van-tabs__line {
      background-color: #a674f2;
      width: 0.53333rem;
      height: 0.08rem;
}
.my_self .van-tabs[data-v-031a15bc] .van-tab {
      color: #838a96;
      font-size: 0.45333rem;
      font-weight: bold;
}
.my_self .van-tabs[data-v-031a15bc] .van-tab--active {
      color: var(--box_title);
      font-weight: bold;
}
.my_self .van-tabs .moreTab[data-v-031a15bc] .van-tabs__wrap {
      padding-right: 60%;
      border-bottom: var(--bottomLine);
}
.my_self .van-tabs .moreTab[data-v-031a15bc] .van-tabs__line {
      background-color: rgba(0, 0, 0, 0);
      height: 0.08rem;
}
.my_self .van-tabs .moreTab[data-v-031a15bc] .van-tab--active {
      color: var(--box_title);
}
.my_self .van-tabs .moreTab .yuanben[data-v-031a15bc] {
      font-size: 0.34667rem;
      font-weight: normal;
      color: var(--box_title);
}
.my_self .van-tabs .moreTab .active_ac[data-v-031a15bc] {
      width: 1.65333rem;
      height: 0.69333rem;
      line-height: 0.69333rem;
      text-align: center;
      font-weight: normal;
      font-size: 0.34667rem;
      background: #eef4ff;
      border: 0.02667rem solid #b0bdee;
      border-radius: 0.34667rem;
}

.myfrend[data-v-07d8e48a] {
  padding: 0 0.50667rem 0.4rem 0.4rem;
  background-color: var(--bg_color);
  min-height: 100vh;
}
.myfrend .list_box[data-v-07d8e48a] {
    background-color: var(--bg_color);
}
.myfrend .list_box .first_li[data-v-07d8e48a] {
      height: 1.25333rem;
      line-height: 1.25333rem;
      text-align: center;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      border-bottom: var(--zuijline);
      color: var(--item_content);
}
.myfrend .list_box .first_li .blue_txt[data-v-07d8e48a] {
        color: #497db8;
        font-weight: bold;
}
.myfrend .list_box .other_li[data-v-07d8e48a] {
      height: 1.86667rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0.4rem;
}
.myfrend .list_box .other_li .rank_box[data-v-07d8e48a] {
        width: 1.06667rem;
        margin-right: 0.13333rem;
        line-height: 1.06667rem;
}
.myfrend .list_box .other_li .rank_box img[data-v-07d8e48a] {
          width: 0.8rem;
          height: 0.93333rem;
          margin: auto;
}
.myfrend .list_box .other_li .rank_box .span_index[data-v-07d8e48a] {
          width: 0.72rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          background: var(--aroww);
          border-radius: 50%;
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: var(--item_content);
}
.myfrend .list_box .other_li .other_right[data-v-07d8e48a] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.86667rem;
        padding-right: 0.4rem;
        border-bottom: var(--zuijline);
}
.myfrend .list_box .other_li .other_right .user_info[data-v-07d8e48a] {
          display: flex;
}
.myfrend .list_box .other_li .other_right .user_info .userImgBox[data-v-07d8e48a] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
}
.myfrend .list_box .other_li .other_right .user_info .userImgBox .user_avater[data-v-07d8e48a] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.myfrend .list_box .other_li .other_right .user_info .userImgBox .vipIcon[data-v-07d8e48a] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.myfrend .list_box .other_li .other_right .user_info .bgImg[data-v-07d8e48a] {
            background-color: #d5a160;
}
.myfrend .list_box .other_li .other_right .user_info .user_right[data-v-07d8e48a] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.myfrend .list_box .other_li .other_right .user_info .user_right .nickName[data-v-07d8e48a] {
              display: flex;
              color: var(--set_wangt);
              font-size: 0.34667rem;
              align-items: center;
}
.myfrend .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-07d8e48a] {
                font-size: 0.4rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: var(--box_title);
                max-width: 2.66667rem;
}
.myfrend .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-07d8e48a] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.myfrend .list_box .other_li .other_right .user_info .user_right .timess[data-v-07d8e48a] {
              font-size: 0.26667rem;
              color: #969696;
}
.myfrend .list_box .other_li .other_right .guanzhu[data-v-07d8e48a] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.myfrend .list_box .other_li .other_right .guanzhuOk[data-v-07d8e48a] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: var(--gaunzhuok);
}
.list[data-v-07d8e48a]  .name {
  font-size: 0.42667rem !important;
  font-weight: 700 !important;
  color: #1d2129 !important;
}
.list[data-v-07d8e48a]  .days {
  font-size: 0.37333rem !important;
  font-weight: 500 !important;
  color: #4e5969 !important;
}
.list[data-v-07d8e48a]  .item-btn {
  font-size: 0.37333rem !important;
  width: auto !important;
  padding: 0 0.26667rem !important;
  height: 0.72rem !important;
  line-height: 0.72rem !important;
  border-radius: 0.37333rem !important;
}
.list[data-v-07d8e48a]  .info-icon {
  margin-right: 0.42667rem !important;
}

.data_center[data-v-f0841a64] {
  background-color: #fff;
  min-height: 100vh;
  font-family: PingFang SC;
  padding: 0 0.4rem;
}
.data_center .nav_bar[data-v-f0841a64] {
    border-bottom: 0.02667rem solid #f7f7f7;
}
.data_center .dataTitle[data-v-f0841a64] {
    padding: 0.53333rem 0;
    font-size: 0.58667rem;
    font-weight: bold;
    color: #333333;
}
.data_center .numall[data-v-f0841a64] {
    display: flex;
    justify-content: space-between;
}
.data_center .numall .left[data-v-f0841a64] {
      width: 4.4rem;
      height: 4.26667rem;
      border-radius: 0.32rem;
}
.data_center .numall .left .leftimg[data-v-f0841a64] {
        width: 4.4rem;
        height: 2.4rem;
        vertical-align: middle;
}
.data_center .numall .left .leftb[data-v-f0841a64] {
        height: 1.86667rem;
        font-size: 0.74667rem;
        font-family: DIN;
        color: #ffffff;
        padding-left: 0.26667rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAACCCAYAAAAg5YFoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWM3NjFjMC1hNTQzLWM4NGItOWM0MS0wNTlmNzAzNGE5MjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFENjNFODNENzI2MTFFQ0IwQkZGMEQ4MDUwMkRGMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFENjNFODJENzI2MTFFQ0IwQkZGMEQ4MDUwMkRGMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjNiNGJmMDItYzExOC0xNzRhLTlkMmYtZGQ1Y2VmZGM5YzA1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MjJjODlmYmEtMjZkMC03ODQxLWE2NWMtNWM3Yzc1NjZmMzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fRNrEQAABplJREFUeNrs3b+LHGUYB/A5YzpbsVQLBYt0orb+D4oWWqcxja2SQtFWGxFsAiK2in+A1hZRbPwVwUYDoiCYeLm9293zfff25C7Zmdnd7My877yfD7ykScLxZvPd55n3x+xdunp8XAGdmM2ran/fPKxjLyTRg0dp/mwP+OeB7kyPzMHaEi7ZBCV06GhqDtauKBP+2QQldNV2z0KR5MHWRq23oATVJFpv4KypoFRRAs0hqe0WlIBqsoi2W1BCR//npzPzsFE1mfjPJyhhx2ba7lG13YISOmC1W1ACTW33seeTghJQTXbyDSMooRjOdqsogQbz+cltQYwrJAUlaLsFpaCEHoNS2y0ogXqOLApKQNvdHUEJBfw/t3dSRQm0VJOeTY46JAUlaLsFpaCEbsXXPcztndw+KDOZO0EJ2m4VpaCEbsRFHG23oASaqkkhWURICkrQdgtKQQndmFrEEZSAarLzoMzoi0ZQwoacxFFRAi0OVZNFhaSgBG23oBSUsPuQdJ3aDoIys4UwQQnabhWloITdcK5bUAKqSW23oITtzW0J2l3oZPiMV1DCGo4OzUGpbbeghDW4JUjrLSihrZr0hsWiq0lBCesEpUWcoqtJQQkt4gKOLUEqSkEJDQ4t4uw2cFSUMC5xg/lMNVl8NSkoQTXZX1Bm/KUjKGGF+Fwy3mKOilJQgmqyv7BRUcKIqkkbzFWTghKaOa7YQVBmvigmKOEMxxU7ChoVJYzHoRvMVZSCElqqSccVhaSgBNWktltQgmpSRSkooQvertjVN1D+W4MEJSyrSe/D0XYLSlBNarsFJagmkwwYQQmqSRqqyRHNq6BENYlqUlDCavZNdlxRCkrIv5q0b7LbtlvrDblXk4eqSdWkoITGatKzyY6DZWRfQoKS4kzcN6miFJRQL74Lx7PJjkNlhG+uFJQUxbtwVJOCEtqqSbeXqygFJdTzbFJICkpoMJtV1VQ1qe0WlNBQTU7MgYpSUEKtWEnO5uZBNSkoob6a9GxSNSkooV48gTNXTfYTJiM+EiooGa3FUUXVZH9tt6CEDKtJF19ouwUl1IvttosvBKWghAYWcISkoIQGcTuQzeX92ROUoJpERSkoGZW4gGM7kJAUlFDDzeWCUlBCW8s9sR2oT4sXiAlKyEe8Hchdkz0HZUGPOAQl46gmLeBouwUl1IvvwIkVJT233QU95hCUZC0+k1RNDhAchX0xCUqyb7kt4Gi7BSXUmHn1rJAUlNBSTR6YA0EpKKHWYgHHCZzelbR3UlCSNQs4qklBCS0OnMARlIIS6rlCbeCQLPQLSlCSV8vt/dyqSUEJ9RZXqGm5B1HqIo6gJCvxiKIr1FSTghIaHGi5hw2Kws/SC0qSN3FruWpSUEK9xWtn7ZlUTQpKqHfHMcVBlXadmqAkO14UppoUlNDScjumOLBjzycFJUmzyj28C0JSUJJ2y+3VDtpuQQla7rSDQTUpKEmXVW7VZIpNTgzKW+aBFNhYnoZ4ptuWoHNuxaD8wzwwtMVZbi23tjtNf8eg/MU8MDSr3IlUk7YErXIjBuWP5oFBW+6JljuZatKzyVV+ikH5tXlg0Jbb9WmqybRdj0H5VVXsBe8MKd5YbpU7oWpSSK78mIbx5elizjfmg755SZi2OwMxG2+e7qP8xHzQp/hebi8JS8cFIVnn08WXyJmgvGNO6IPTN6rJTMRM/PhsUP4VxjXzgpZbSPK/a8tsPHeE8Z0wbpsbujRx4UV6QWkRZ5Xby0ys7g7Km2G8ZX7oytTpmyRD0nHFld5eZuI9QRm9H8a35ohdi632ga1A2u48xAx879w83fUb4tbfl8L4x1yxSzEkPZdUTWYgXhL08jILa4MyuhHGq2H4rmEnYrs99WlSTaYvzsgrYfx8z1zV/IEvwrhi3rjvT97MViDVZDauLLOvWjcoow/DuKyyZFuOKKomM6okLy8zr9o0KKOPwnih8sySLXguqZrMQNwG9OIy66ptgzL6PIynK6vhbMBzSdVkBr4L49kwPmudszX/wrjA81wYb1SOOtLWx3gumXRIqiYXGfZmGM+E8f1a87ZJkRDGu2E8UZ3sMfrXx467eS6ZtsLf1b0fxgdhPFmdnLpZ++t8m7cw/h7G62E8tvz1euU+S06/qj2XTLvlLu/f5niZUTGrHg3jtTB+2/Qv2bt0dScz90gYzy/7/afCeDyMh8N4KIyLPqJliK90cFt5ui6O+3FI/OTFhZk/w/g1jB+qk7c3xIvJ7/sFiv8JMAArRpknxDAxeQAAAABJRU5ErkJggg==) no-repeat center/100% 100%;
}
.data_center .numall .right[data-v-f0841a64] {
      width: 4.4rem;
      height: 4.26667rem;
      box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
      border-radius: 0.32rem;
}
.data_center .numall .right .rightimg[data-v-f0841a64] {
        width: 4.4rem;
        height: 2.4rem;
        vertical-align: middle;
}
.data_center .numall .right .rightb[data-v-f0841a64] {
        height: 1.86667rem;
        font-size: 0.74667rem;
        font-family: DIN;
        color: #333333;
        padding-left: 0.26667rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAACDCAYAAADruVLNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWM3NjFjMC1hNTQzLWM4NGItOWM0MS0wNTlmNzAzNGE5MjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjBDQzRBMzlENzI2MTFFQzg4RUVFMTRCMzk0NEUwODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjBDQzRBMzhENzI2MTFFQzg4RUVFMTRCMzk0NEUwODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjNiNGJmMDItYzExOC0xNzRhLTlkMmYtZGQ1Y2VmZGM5YzA1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MjJjODlmYmEtMjZkMC03ODQxLWE2NWMtNWM3Yzc1NjZmMzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rPnV8gAAAwFJREFUeNrs3btqFHEUwOH/CilEsVIEFcFCxFIRtfUNrL2VpkplqZU2voFlEC9gJfgC1oIXbNQYQRCJiAGLiIIi4znOTlg3O7rrBczO98HJjU1zAj8mmUt6VSgAtNpgBQBCCSCUAEIJIJQAQgkglABCCSCUAAglgFACCCWAUAIIJYBQAgglgFACIJQAQgkglABCCSCUAEIJIJQAQgmAUAIIJYBQAgglgFACCCWAUAIIJYBQAiCUAEIJIJQAQgkglABCCSCUAEIJgFACCCWAUAIIJYBQAgglgFACCCUAQgkglABCCSCUAEIJIJQAQgkglABCCYBQAgglgFACCCWAUAIIJYBQAgglAEIJIJQAQgkglABCCSCUAEIJIJQACCWAUAIIJYBQAgglgFACCCWAUAIIJQBCCSCUAEIJIJQAQgkglABCCSCUAAglgFACCCWAUAIIJYBQAgglgFACIJQAQgkglABCCSCUAEIJIJQAU+xzhnLFHgBarWQo39oDQKv3GcoX9gDQajFD+cweAFotZCjv2QNAqwe9qqq2xwdvYnr2AfCDKmZXczLnoX0ArJFtXGquo7xuHwBr3Mw3+at3vt8a8ypmo70AfPcpZnfMcnNEuRwzby8Aq+b7bVw9okw7YhZiNtsP0HEfYvbFLOUng/d65xcu2g9AudREcviIMs2U+rrKA/YEdNSjmCMxX9pCmfbG3I/ZYl9Ax+RDgg7FPB/84qjHrC3GnI75amdAh2TzTg1Hsi2U6U7MnL0BHTLXb18ZN5TpSsysI0ugA0eSs/3mjTTqb5TDjsdcLf5mCUyfvAzoTMztn71onFCmPMFzqzgbDkyPxzEnYp786oXj/s+cPMFzNOZ8qW/rAVivsmEXYg6PE8lJjigH7Yw5F3M2ZpOdA+vEx1Lflng55vUk3/g7oWzkgzTyMqKTMQeL51kC/58MXD4q7UbMtdK/d3tSfxLKQfnw32Olvpp9f8yemG2lvm98xs8K+MfyLpo8MfMu5mXM01LfZXi3/IV/oPhNgAEAWShr5uK38cYAAAAASUVORK5CYII=) no-repeat center/100% 100%;
}
.data_center .hexinnum[data-v-f0841a64] {
    width: 9.2rem;
    height: 7.22667rem;
    background: #ffffff;
    border-radius: 0.32rem;
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
    margin-top: 0.4rem;
}
.data_center .hexinnum .titlenum[data-v-f0841a64] {
      height: 1.36rem;
      display: flex;
      justify-content: space-between;
      padding: 0 0.4rem;
      align-items: center;
      border-bottom: 0.02667rem solid #f8f8f8;
}
.data_center .hexinnum .titlenum .ptitle[data-v-f0841a64] {
        font-size: 0.45333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
}
.data_center .hexinnum .titlenum .spantitle[data-v-f0841a64] {
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #969696;
}
.data_center .hexinnum .titlenum .spantitle .spantxt[data-v-f0841a64] {
          padding: 0.4rem 0.26667rem;
          position: relative;
}
.data_center .hexinnum .titlenum .spantitle .spantxt .line_txt[data-v-f0841a64] {
            position: absolute;
            bottom: -0.10667rem;
            left: 30%;
            width: 0.53333rem;
            height: 0.08rem;
            background: #a674f2;
            border-radius: 0.05333rem;
}
.data_center .hexinnum .titlenum .spantitle .bigTxt[data-v-f0841a64] {
          font-weight: bold;
          color: #333333;
}
.data_center .hexinnum .contentul[data-v-f0841a64] {
      display: flex;
      flex-wrap: wrap;
      padding: 0.32rem 0;
}
.data_center .hexinnum .contentul .contentli[data-v-f0841a64] {
        display: flex;
        flex-direction: column;
        width: 33%;
        height: 2.4rem;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.13333rem;
}
.data_center .hexinnum .contentul .contentli .contentnum[data-v-f0841a64] {
          font-size: 0.48rem;
          font-weight: 500;
          color: #333333;
}
.data_center .hexinnum .contentul .contentli .addorreduce[data-v-f0841a64] {
          font-size: 0.26667rem;
          font-weight: bold;
          color: #ff6464;
}
.data_center .hexinnum .contentul .contentli .seenum[data-v-f0841a64] {
          font-size: 0.32rem;
          font-weight: 500;
          color: #969696;
}
.data_center .hexinnum .contentul .li1[data-v-f0841a64],
      .data_center .hexinnum .contentul .li3[data-v-f0841a64] {
        border-left: 0.02667rem solid #f7f7f7;
        border-right: 0.02667rem solid #f7f7f7;
}

.teacher_ranking[data-v-7dad18c6] {
  min-height: 100vh;
  font-family: PingFang SC;
}
.teacher_ranking .rankbg[data-v-7dad18c6] {
    height: 6.93333rem;
    background: url("https://osscdn.666syh.com/image/app/1684980324181.png") no-repeat center/100% 100%;
    position: relative;
}
.teacher_ranking .rankbg .search[data-v-7dad18c6] {
      width: 4.72rem;
      height: 0.74667rem;
      margin: 0.26667rem 0 0 0.4rem;
}
.teacher_ranking .rankbg .txttitel[data-v-7dad18c6] {
      display: block;
      width: 4.32rem;
      height: 1.73333rem;
      margin-left: 0.13333rem;
}
.teacher_ranking .rankbg .dayrank[data-v-7dad18c6] {
      height: 0.4rem;
      margin: 0 0 0.18667rem 0.4rem;
}
.teacher_ranking .rankbg .typeSelect[data-v-7dad18c6] {
      display: flex;
      justify-content: flex-start;
      margin-left: 0.4rem;
      border-radius: 0.34667rem;
      margin-top: 0.4rem;
}
.teacher_ranking .rankbg .typeSelect .typeitem[data-v-7dad18c6] {
        width: 1.6rem;
        height: 0.66667rem;
        line-height: 0.66667rem;
        text-align: center;
        font-size: 0.34667rem;
        background: #fd5b01;
        color: #fefefe;
        border-radius: 0.34667rem;
        margin-right: 0.26667rem;
        box-shadow: 0.02667rem 0.05333rem 0.93333rem 0 rgba(240, 163, 68, 0.51);
        background: rgba(180, 163, 100, 0.51);
}
.teacher_ranking .rankbg .typeSelect .bgtype[data-v-7dad18c6] {
        border: 0.02667rem solid #ffffff;
}
.teacher_ranking .rankbg .timebox[data-v-7dad18c6] {
      display: flex;
      justify-content: space-between;
      margin: 0 0.4rem;
}
.teacher_ranking .rankbg .timebox .disp[data-v-7dad18c6] {
        line-height: 0.66667rem;
        text-align: center;
        background: #fd5b01;
        border-radius: 0.34667rem;
        box-shadow: 0.02667rem 0.05333rem 0.93333rem 0 rgba(240, 163, 68, 0.51);
        background: rgba(180, 163, 100, 0.51);
}
.teacher_ranking .rankbg .timebox .daytime[data-v-7dad18c6] {
        width: 4.53333rem;
        height: 0.66667rem;
        border-radius: 0.34667rem;
        font-size: 0.34667rem;
        font-weight: bold;
        color: #fefefe;
}
.teacher_ranking .rankbg .timebox .reloadbtn[data-v-7dad18c6] {
        width: 1.86667rem;
        height: 0.66667rem;
        font-size: 0.34667rem;
        font-weight: bold;
        color: #fefefe;
}
.teacher_ranking .rankbg .gang[data-v-7dad18c6] {
      position: absolute;
      bottom: 0;
      height: 0.26667rem;
      background: #fefefe;
      width: 100%;
      border-radius: 0.26667rem 0.26667rem 0 0;
}
.teacher_ranking .ranking_list .ranking_list_title[data-v-7dad18c6] {
    font-size: 0.37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #838a96;
    height: 1.06667rem;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fefefe;
}
.teacher_ranking .ranking_list .ranking_list_title .rankicon[data-v-7dad18c6] {
      width: 1.97333rem;
      text-align: center;
}
.teacher_ranking .ranking_list .ranking_list_title .nameicon[data-v-7dad18c6] {
      flex: 1;
      padding-left: 0.4rem;
}
.teacher_ranking .ranking_list .ranking_list_title .numicon[data-v-7dad18c6] {
      width: 4.26667rem;
      text-align: center;
}
.teacher_ranking .ranking_list .ranking_list_title .numicon .setbranch[data-v-7dad18c6] {
        margin-right: 0.26667rem;
}
.teacher_ranking .list_box[data-v-7dad18c6] {
    background-color: var(--bg_color);
}
.teacher_ranking .list_box .bgbox0[data-v-7dad18c6] {
      background: linear-gradient(0deg, #fff0e8 0%, #ffffff 100%);
}
.teacher_ranking .list_box .bgbox1[data-v-7dad18c6] {
      background: linear-gradient(0deg, #f2f8ff 0%, #ffffff 100%);
}
.teacher_ranking .list_box .bgbox2[data-v-7dad18c6] {
      background: linear-gradient(0deg, #fffaf3 0%, #ffffff 100%);
}
.teacher_ranking .list_box .other_li[data-v-7dad18c6] {
      height: 1.97333rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0.13333rem;
}
.teacher_ranking .list_box .other_li .rank_box[data-v-7dad18c6] {
        width: 1.97333rem;
        height: 1.97333rem;
        margin-right: 0.13333rem;
        text-align: center;
}
.teacher_ranking .list_box .other_li .rank_box img[data-v-7dad18c6] {
          width: 1.6rem;
          height: 1.6rem;
          margin-top: 0.18667rem;
}
.teacher_ranking .list_box .other_li .rank_box .span_index[data-v-7dad18c6] {
          width: 100%;
          height: 100%;
          line-height: 1.6rem;
          text-align: center;
          border-radius: 50%;
          font-size: 0.4rem;
          font-weight: bold;
          font-style: italic;
          color: var(--item_content);
}
.teacher_ranking .list_box .other_li .other_right[data-v-7dad18c6] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.97333rem;
        padding-right: 0.4rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info[data-v-7dad18c6] {
          display: flex;
          flex: 1;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox[data-v-7dad18c6] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox .user_avater[data-v-7dad18c6] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox .vipIcon[data-v-7dad18c6] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .bgImg[data-v-7dad18c6] {
            background-color: #d5a160;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right[data-v-7dad18c6] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName[data-v-7dad18c6] {
              display: flex;
              color: var(--set_wangt);
              font-size: 0.34667rem;
              align-items: center;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-7dad18c6] {
                font-size: 0.4rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: var(--box_title);
                max-width: 2.66667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-7dad18c6] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .timess[data-v-7dad18c6] {
              font-size: 0.32rem;
              color: #969696;
}
.teacher_ranking .list_box .other_li .other_right .numberbxo[data-v-7dad18c6] {
          width: 1.33333rem;
          font-size: 0.45333rem;
          font-weight: 800;
          color: #838a96;
          display: flex;
          align-items: flex-end;
}
.teacher_ranking .list_box .other_li .other_right .numberbxo .txtf[data-v-7dad18c6] {
            font-size: 0.26667rem;
}
.teacher_ranking .list_box .other_li .other_right .rank0[data-v-7dad18c6] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #ff6464;
}
.teacher_ranking .list_box .other_li .other_right .rank1[data-v-7dad18c6] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #80a2cd;
}
.teacher_ranking .list_box .other_li .other_right .rank2[data-v-7dad18c6] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #e2ab79;
}

.teacher_ranking[data-v-78fcaf58] {
  min-height: 100vh;
  font-family: PingFang SC;
}
.teacher_ranking .rankbg[data-v-78fcaf58] {
    height: 6.93333rem;
    background: url("https://osscdn.666syh.com/image/app/1684980324181.png") no-repeat center/100% 100%;
    position: relative;
}
.teacher_ranking .rankbg .search[data-v-78fcaf58] {
      width: 4.72rem;
      height: 0.74667rem;
      margin: 0.26667rem 0 0 0.4rem;
}
.teacher_ranking .rankbg .txttitel[data-v-78fcaf58] {
      display: block;
      width: 4.32rem;
      height: 1.73333rem;
      margin-left: 0.13333rem;
}
.teacher_ranking .rankbg .dayrank[data-v-78fcaf58] {
      height: 0.4rem;
      margin: 0 0 0.18667rem 0.4rem;
}
.teacher_ranking .rankbg .typeSelect[data-v-78fcaf58] {
      display: flex;
      justify-content: flex-start;
      margin-left: 0.4rem;
      border-radius: 0.34667rem;
      margin-top: 0.4rem;
}
.teacher_ranking .rankbg .typeSelect .typeitem[data-v-78fcaf58] {
        width: 1.6rem;
        height: 0.66667rem;
        line-height: 0.66667rem;
        text-align: center;
        font-size: 0.34667rem;
        background: #fd5b01;
        color: #fefefe;
        border-radius: 0.34667rem;
        margin-right: 0.26667rem;
        box-shadow: 0.02667rem 0.05333rem 0.93333rem 0 rgba(240, 163, 68, 0.51);
        background: rgba(180, 163, 100, 0.51);
}
.teacher_ranking .rankbg .typeSelect .bgtype[data-v-78fcaf58] {
        border: 0.02667rem solid #ffffff;
}
.teacher_ranking .rankbg .timebox[data-v-78fcaf58] {
      display: flex;
      justify-content: space-between;
      margin: 0 0.4rem;
}
.teacher_ranking .rankbg .timebox .disp[data-v-78fcaf58] {
        line-height: 0.66667rem;
        text-align: center;
        background: #fd5b01;
        border-radius: 0.34667rem;
        box-shadow: 0.02667rem 0.05333rem 0.93333rem 0 rgba(240, 163, 68, 0.51);
        background: rgba(180, 163, 100, 0.51);
}
.teacher_ranking .rankbg .timebox .daytime[data-v-78fcaf58] {
        width: 4.53333rem;
        height: 0.66667rem;
        border-radius: 0.34667rem;
        font-size: 0.34667rem;
        font-weight: bold;
        color: #fefefe;
}
.teacher_ranking .rankbg .timebox .reloadbtn[data-v-78fcaf58] {
        width: 1.86667rem;
        height: 0.66667rem;
        font-size: 0.34667rem;
        font-weight: bold;
        color: #fefefe;
}
.teacher_ranking .rankbg .gang[data-v-78fcaf58] {
      position: absolute;
      bottom: 0;
      height: 0.26667rem;
      background: #fefefe;
      width: 100%;
      border-radius: 0.26667rem 0.26667rem 0 0;
}
.teacher_ranking .ranking_list .ranking_list_title[data-v-78fcaf58] {
    font-size: 0.37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #838a96;
    height: 1.06667rem;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fefefe;
}
.teacher_ranking .ranking_list .ranking_list_title .rankicon[data-v-78fcaf58] {
      width: 1.97333rem;
      text-align: center;
}
.teacher_ranking .ranking_list .ranking_list_title .nameicon[data-v-78fcaf58] {
      flex: 1;
      padding-left: 0.4rem;
}
.teacher_ranking .ranking_list .ranking_list_title .numicon[data-v-78fcaf58] {
      width: 4.26667rem;
      text-align: center;
}
.teacher_ranking .ranking_list .ranking_list_title .numicon .setbranch[data-v-78fcaf58] {
        margin-right: 0.26667rem;
}
.teacher_ranking .list_box[data-v-78fcaf58] {
    background-color: var(--bg_color);
}
.teacher_ranking .list_box .bgbox0[data-v-78fcaf58] {
      background: linear-gradient(0deg, #fff0e8 0%, #ffffff 100%);
}
.teacher_ranking .list_box .bgbox1[data-v-78fcaf58] {
      background: linear-gradient(0deg, #f2f8ff 0%, #ffffff 100%);
}
.teacher_ranking .list_box .bgbox2[data-v-78fcaf58] {
      background: linear-gradient(0deg, #fffaf3 0%, #ffffff 100%);
}
.teacher_ranking .list_box .other_li[data-v-78fcaf58] {
      height: 1.97333rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0.13333rem;
}
.teacher_ranking .list_box .other_li .rank_box[data-v-78fcaf58] {
        width: 1.97333rem;
        height: 1.97333rem;
        margin-right: 0.13333rem;
        text-align: center;
}
.teacher_ranking .list_box .other_li .rank_box img[data-v-78fcaf58] {
          width: 1.6rem;
          height: 1.6rem;
          margin-top: 0.18667rem;
}
.teacher_ranking .list_box .other_li .rank_box .span_index[data-v-78fcaf58] {
          width: 100%;
          height: 100%;
          line-height: 1.6rem;
          text-align: center;
          border-radius: 50%;
          font-size: 0.4rem;
          font-weight: bold;
          font-style: italic;
          color: var(--item_content);
}
.teacher_ranking .list_box .other_li .other_right[data-v-78fcaf58] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.97333rem;
        padding-right: 0.4rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info[data-v-78fcaf58] {
          display: flex;
          flex: 1;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox[data-v-78fcaf58] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox .user_avater[data-v-78fcaf58] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.teacher_ranking .list_box .other_li .other_right .user_info .userImgBox .vipIcon[data-v-78fcaf58] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .bgImg[data-v-78fcaf58] {
            background-color: #d5a160;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right[data-v-78fcaf58] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName[data-v-78fcaf58] {
              display: flex;
              color: var(--set_wangt);
              font-size: 0.34667rem;
              align-items: center;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-78fcaf58] {
                font-size: 0.4rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: var(--box_title);
                max-width: 2.66667rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-78fcaf58] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.teacher_ranking .list_box .other_li .other_right .user_info .user_right .timess[data-v-78fcaf58] {
              font-size: 0.32rem;
              color: #969696;
}
.teacher_ranking .list_box .other_li .other_right .numberbxo[data-v-78fcaf58] {
          width: 1.33333rem;
          font-size: 0.45333rem;
          font-weight: 800;
          color: #838a96;
          display: flex;
          align-items: flex-end;
}
.teacher_ranking .list_box .other_li .other_right .numberbxo .txtf[data-v-78fcaf58] {
            font-size: 0.26667rem;
}
.teacher_ranking .list_box .other_li .other_right .rank0[data-v-78fcaf58] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #ff6464;
}
.teacher_ranking .list_box .other_li .other_right .rank1[data-v-78fcaf58] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #80a2cd;
}
.teacher_ranking .list_box .other_li .other_right .rank2[data-v-78fcaf58] {
          font-size: 0.50667rem;
          font-weight: bold;
          font-style: italic;
          color: #e2ab79;
}

.rank_search[data-v-8ffe6e42] {
  padding: 1.06667rem 0.50667rem 0.4rem 0.4rem;
  background-color: var(--bg_color);
  min-height: 100vh;
}
.rank_search .searchBox[data-v-8ffe6e42] {
    position: fixed;
    width: 100%;
    height: 1.33333rem;
    display: flex;
    top: 0;
    left: 0;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg_color);
    z-index: 100;
    padding: 0 0.4rem;
}
.rank_search .searchBox .ipn[data-v-8ffe6e42] {
      width: 7.86667rem;
      height: 0.8rem;
      position: relative;
}
.rank_search .searchBox .ipn input[data-v-8ffe6e42] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0.53333rem;
        background-color: var(--cahnge_btnbg);
        border: none;
        padding: 0 0.13333rem 0 1.06667rem;
        color: var(--search_txt2);
        font-size: 0.34667rem;
}
.rank_search .searchBox .ipn input[data-v-8ffe6e42]::-moz-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.rank_search .searchBox .ipn input[data-v-8ffe6e42]:-ms-input-placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.rank_search .searchBox .ipn input[data-v-8ffe6e42]::placeholder {
        color: #b6b6b6;
        font-size: 0.34667rem;
        line-height: normal;
}
.rank_search .searchBox .ipn img[data-v-8ffe6e42] {
        position: absolute;
        left: 0.38667rem;
        top: 0.18667rem;
        width: 0.42667rem;
        height: 0.42667rem;
}
.rank_search .searchBox button[data-v-8ffe6e42] {
      color: var(--search_txt2);
      font-size: 0.42667rem;
      background-color: transparent;
      border: 0;
      font-weight: 500;
      outline: none;
}
.rank_search .history[data-v-8ffe6e42] {
    margin-top: 0.88rem;
    font-weight: bold;
}
.rank_search .history p[data-v-8ffe6e42] {
      margin-bottom: 0.33333rem;
      display: flex;
      justify-content: space-between;
}
.rank_search .history p span[data-v-8ffe6e42] {
        font-size: 0.42667rem;
        color: var(--box_title);
}
.rank_search .history p img[data-v-8ffe6e42] {
        width: 0.42667rem;
        height: 0.45333rem;
}
.rank_search .history .historyBox[data-v-8ffe6e42] {
      padding: 0.26667rem 0;
      height: 2.13333rem;
      overflow: hidden;
}
.rank_search .history .historyBox ul[data-v-8ffe6e42] {
        display: flex;
        flex-wrap: wrap;
}
.rank_search .history .historyBox ul li[data-v-8ffe6e42] {
          position: relative;
          height: 0.74667rem;
          line-height: 0.74667rem;
          font-size: 0.34667rem;
          color: var(--search_txt1);
          border-radius: 0.37333rem;
          margin: 0 0 0.32rem 0.26667rem;
          padding: 0 0.34667rem;
          border: 0.02667rem solid #cdcdcd;
          background-color: var(--nav_bgcolor);
}
.rank_search .history .historyBox ul li .van-icon[data-v-8ffe6e42] {
            position: absolute;
            top: -0.05333rem;
            right: 0;
}
.rank_search .list_box[data-v-8ffe6e42] {
    margin-top: 0.21333rem;
    background-color: var(--bg_color);
}
.rank_search .list_box .other_li[data-v-8ffe6e42] {
      height: 1.86667rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: var(--zuijline);
}
.rank_search .list_box .other_li .rank_box[data-v-8ffe6e42] {
        width: 1.06667rem;
        margin-right: 0.13333rem;
        line-height: 1.06667rem;
}
.rank_search .list_box .other_li .rank_box img[data-v-8ffe6e42] {
          width: 0.8rem;
          height: 0.93333rem;
          margin: auto;
}
.rank_search .list_box .other_li .rank_box .span_index[data-v-8ffe6e42] {
          width: 0.72rem;
          height: 0.72rem;
          line-height: 0.72rem;
          text-align: center;
          background: var(--aroww);
          border-radius: 50%;
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: var(--item_content);
}
.rank_search .list_box .other_li .other_right[data-v-8ffe6e42] {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.86667rem;
        padding-right: 0.4rem;
}
.rank_search .list_box .other_li .other_right .user_info[data-v-8ffe6e42] {
          display: flex;
          flex: 1;
}
.rank_search .list_box .other_li .other_right .user_info .userImgBox[data-v-8ffe6e42] {
            position: relative;
            width: 1.17333rem;
            height: 1.17333rem;
            padding: 0.05333rem;
            border-radius: 50%;
}
.rank_search .list_box .other_li .other_right .user_info .userImgBox .user_avater[data-v-8ffe6e42] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.rank_search .list_box .other_li .other_right .user_info .userImgBox .vipIcon[data-v-8ffe6e42] {
              position: absolute;
              bottom: -0.05333rem;
              right: -0.05333rem;
              width: 0.42667rem;
              height: 0.42667rem;
}
.rank_search .list_box .other_li .other_right .user_info .bgImg[data-v-8ffe6e42] {
            background-color: #d5a160;
}
.rank_search .list_box .other_li .other_right .user_info .user_right[data-v-8ffe6e42] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 0.26667rem;
}
.rank_search .list_box .other_li .other_right .user_info .user_right .nickName[data-v-8ffe6e42] {
              display: flex;
              color: var(--set_wangt);
              font-size: 0.34667rem;
              align-items: center;
}
.rank_search .list_box .other_li .other_right .user_info .user_right .nickName .nametxt[data-v-8ffe6e42] {
                font-size: 0.4rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: var(--box_title);
                max-width: 2.66667rem;
}
.rank_search .list_box .other_li .other_right .user_info .user_right .nickName .vipImg[data-v-8ffe6e42] {
                width: 0.96rem;
                height: 0.34667rem;
                margin: 0 0.13333rem;
}
.rank_search .list_box .other_li .other_right .user_info .user_right .timess[data-v-8ffe6e42] {
              font-size: 0.32rem;
              color: #969696;
}
.rank_search .list_box .other_li .other_right .guanzhu[data-v-8ffe6e42] {
          width: 1.57333rem;
          height: 0.64rem;
          line-height: 0.64rem;
          text-align: center;
          border: 0.02667rem solid #497db8;
          border-radius: 0.32rem;
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #497db8;
}
.rank_search .list_box .other_li .other_right .guanzhuOk[data-v-8ffe6e42] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #a7b0c0;
}
.rank_search .list_box .other_li .numberbxo[data-v-8ffe6e42] {
        font-size: 0.45333rem;
        font-weight: 800;
        color: #838a96;
}

.initiate_vote[data-v-62eda456] {
  height: 100vh;
  max-height: 100%;
  background-color: var(--bg_color);
}
.initiate_vote .ipn[data-v-62eda456] {
    background-color: var(--updata_bg);
    padding: 0 0.53333rem;
}
.initiate_vote .ipn .search_txt[data-v-62eda456] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.05333rem solid var(--upload_line);
      height: 1.33333rem;
      position: relative;
      padding-top: 0.4rem;
}
.initiate_vote .ipn .search_txt label[data-v-62eda456] {
        width: 3.2rem;
        font-size: 0.42667rem;
        color: var(--box_title);
}
.initiate_vote .ipn .search_txt input[data-v-62eda456] {
        flex: 1;
        padding-left: 0 0.34667rem;
        margin: 0 0.34667rem;
        background-color: var(--updata_bg);
        border: none;
        outline: none;
        font-size: 0.42667rem;
        color: var(--box_title);
}
.initiate_vote .ipn .search_txt input[data-v-62eda456]::-moz-placeholder {
          font-size: 0.42667rem;
          color: #969696;
}
.initiate_vote .ipn .search_txt input[data-v-62eda456]:-ms-input-placeholder {
          font-size: 0.42667rem;
          color: #969696;
}
.initiate_vote .ipn .search_txt input[data-v-62eda456]::placeholder {
          font-size: 0.42667rem;
          color: #969696;
}
.initiate_vote .ipn .search_txt span[data-v-62eda456] {
        width: 0.93333rem;
        font-size: 0.37333rem;
        color: var(--tips);
}
.initiate_vote .upLoad[data-v-62eda456] {
    padding: 0.66667rem 0.53333rem;
    margin-bottom: 0.26667rem;
    background-color: var(--updata_bg);
}
.initiate_vote .upLoad .upLoadbox[data-v-62eda456] {
      display: flex;
      justify-content: flex-start;
      margin-bottom: 0.66667rem;
}
.initiate_vote .upLoad .upLoadbox p[data-v-62eda456] {
        width: 1.73333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--box_title);
        margin-right: 0.42667rem;
}
.initiate_vote .upLoad .upLoadbox .van-uploader[data-v-62eda456] {
        width: 2.05333rem;
        height: 2.05333rem;
}
.initiate_vote .upLoad .upLoadbox .van-uploader[data-v-62eda456] .van-uploader__wrapper {
          width: 100%;
          height: 100%;
}
.initiate_vote .upLoad .upLoadbox .van-uploader[data-v-62eda456] .van-uploader__wrapper .van-uploader__input-wrapper {
            width: 100%;
            height: 100%;
}
.initiate_vote .upLoad .upLoadbox .van-uploader .upImg[data-v-62eda456] {
          width: 2.05333rem;
          height: 2.05333rem;
          background: var(--upload_img);
}
.initiate_vote .upLoad .seletTeacher[data-v-62eda456] {
      display: flex;
      justify-content: flex-start;
      height: 4rem;
      width: 100%;
}
.initiate_vote .upLoad .seletTeacher p[data-v-62eda456] {
        width: 1.73333rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--box_title);
        margin-right: 0.42667rem;
}
.initiate_vote .upLoad .seletTeacher ul[data-v-62eda456] {
        display: flex;
        height: 4rem;
        overflow-y: auto;
        width: 7.2rem;
        flex-wrap: wrap;
        justify-content: space-between;
}
.initiate_vote .upLoad .seletTeacher ul[data-v-62eda456]::-webkit-scrollbar {
          display: none;
}
.initiate_vote .upLoad .seletTeacher ul li[data-v-62eda456] {
          width: 30%;
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 0.26667rem;
}
.initiate_vote .upLoad .seletTeacher ul li img[data-v-62eda456] {
            width: 2.05333rem;
            height: 2.05333rem;
            border-radius: 0.18667rem;
            margin-bottom: 0.26667rem;
}
.initiate_vote .upLoad .seletTeacher ul li .selet[data-v-62eda456] {
            position: absolute;
            top: 0;
            left: 0;
}
.initiate_vote .upLoad .seletTeacher ul li span[data-v-62eda456] {
            font-size: 0.34667rem;
            color: var(--search_txt1);
}
.initiate_vote .message .van-field[data-v-62eda456] {
    background-color: var(--updata_bg);
}
.initiate_vote .message .van-field[data-v-62eda456] .van-field__label {
      color: var(--box_title);
}
.initiate_vote .message .van-field[data-v-62eda456] .van-field__control {
      color: var(--box_title);
}
.initiate_vote .message .van-field[data-v-62eda456] .van-field__control::-moz-placeholder {
        font-size: 0.37333rem;
        color: #969696;
}
.initiate_vote .message .van-field[data-v-62eda456] .van-field__control:-ms-input-placeholder {
        font-size: 0.37333rem;
        color: #969696;
}
.initiate_vote .message .van-field[data-v-62eda456] .van-field__control::placeholder {
        font-size: 0.37333rem;
        color: #969696;
}
.initiate_vote .btn[data-v-62eda456] {
    position: fixed;
    bottom: 0.42667rem;
    padding: 0 0.42667rem;
    width: 100%;
}
.initiate_vote .btn .van-button[data-v-62eda456] {
      width: 100%;
      height: 1.28rem;
      background: linear-gradient(172deg, #fbedd1, #eed8af);
      border-radius: 0.21333rem;
      font-size: 0.53333rem;
      font-family: PingFang SC;
      font-weight: 800;
      color: #202020;
      margin-top: 0.8rem;
      border: none;
}

.player_info[data-v-4dec31ce] {
  background: var(--playinfo_bg);
}
.player_info .van-hairline--bottom[data-v-4dec31ce]::after {
    border: none;
}
.player_info .van-nav-bar[data-v-4dec31ce] {
    background-color: rgba(255, 255, 255, 0);
    padding: 0 0.4rem;
}
.player_info .van-nav-bar[data-v-4dec31ce] .van-icon {
      color: #000000;
}
.player_info .top_box[data-v-4dec31ce] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.26667rem 0.85333rem 0.8rem;
}
.player_info .top_box .title_info[data-v-4dec31ce] {
      display: flex;
      justify-content: space-between;
}
.player_info .top_box .title_info .img[data-v-4dec31ce] {
        width: 2.50667rem;
        height: 3.38667rem;
        border-radius: 0.13333rem;
        margin-right: 0.42667rem;
        overflow: hidden;
}
.player_info .top_box .title_info .img img[data-v-4dec31ce] {
          width: 100%;
          height: 100%;
}
.player_info .top_box .title_info .text[data-v-4dec31ce] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0.26667rem 0;
}
.player_info .top_box .title_info .text .text_title[data-v-4dec31ce] {
          font-size: 0.53333rem;
          font-family: PingFang SC;
          font-weight: 800;
          color: #ffffff;
}
.player_info .top_box .title_info .text .icon_box[data-v-4dec31ce] {
          line-height: 0.58667rem;
          text-align: center;
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ffffff;
          width: 2.13333rem;
          height: 0.58667rem;
          border-radius: 0.10667rem;
          line-height: 22px;
}
.player_info .bottom_box[data-v-4dec31ce] {
    background-color: var(--vip_bg);
    border-radius: 0.53333rem 0.53333rem 0 0;
    overflow: hidden;
    padding: 0.8rem 0.53333rem;
}
.player_info .bottom_box .bottom_box_title[data-v-4dec31ce] {
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #333333;
      margin-bottom: 1.01333rem;
}
.player_info .bottom_box .bottom_box_content[data-v-4dec31ce] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #545454;
}
.player_info .system_box[data-v-4dec31ce] {
    box-shadow: 0 0 0.26667rem 0 rgba(0, 0, 0, 0.1);
    padding: 0 0.8rem;
    height: 4.72rem;
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-color: var(--nav_bgcolor);
}
.player_info .system_box .progress[data-v-4dec31ce] {
      padding: 0.66667rem 0.4rem;
      height: 1.86667rem;
}
.player_info .system_box .progress .van-progress[data-v-4dec31ce] {
        height: 0.45333rem;
        border-radius: 0.18667rem;
        background-color: #91bcff;
        overflow: hidden;
}
.player_info .system_box .progress .van-progress[data-v-4dec31ce] .van-progress__pivot {
          width: 0;
          height: 0;
          border-top: 0.45333rem solid #ff6464;
          border-right: 0.4rem solid transparent;
          border-radius: 0;
          background-color: #91bcff !important;
          box-sizing: border-box;
}
.player_info .system_box .progress .num[data-v-4dec31ce] {
        display: flex;
        justify-content: space-between;
        margin-top: 0.26667rem;
}
.player_info .system_box .progress .num span[data-v-4dec31ce] {
          font-size: 0.29333rem;
          font-family: PingFang SC;
          font-weight: bold;
}
.player_info .system_box .progress .num span[data-v-4dec31ce]:nth-of-type(1) {
            color: #ff6464;
}
.player_info .system_box .progress .num span[data-v-4dec31ce]:nth-of-type(2) {
            color: #91bcff;
}
.player_info .system_box .vote[data-v-4dec31ce] {
      height: 2.66667rem;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.26667rem 0;
      font-family: PingFang SC;
      font-weight: bold;
}
.player_info .system_box .vote .iwant[data-v-4dec31ce],
      .player_info .system_box .vote .ihate[data-v-4dec31ce] {
        font-size: 0.32rem;
        color: var(--set_wangt);
        display: flex;
        flex-direction: column;
        align-items: center;
}
.player_info .system_box .vote .iwant img[data-v-4dec31ce],
        .player_info .system_box .vote .ihate img[data-v-4dec31ce] {
          width: 0.8rem;
          height: 0.8rem;
          vertical-align: middle;
          margin-bottom: 0.26667rem;
}
.player_info .system_box .vote .blank[data-v-4dec31ce] {
        width: 0.02667rem;
        height: 100%;
        margin: 0 1.06667rem;
}
.player_info .system_box .okvote[data-v-4dec31ce] {
      height: 2.66667rem;
      background-color: var(--nav_bgcolor);
      font-family: PingFang SC;
      font-weight: bold;
      font-size: 0.32rem;
      color: var(--box_title);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
}
.player_info .system_box .okvote img[data-v-4dec31ce] {
        width: 0.8rem;
        height: 0.8rem;
        vertical-align: middle;
        margin-bottom: 0.26667rem;
}
.colon[data-v-4dec31ce] {
  display: inline-block;
  margin: 0 0.10667rem;
  color: #ee0a24;
}
.block[data-v-4dec31ce] {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
  background: #383838;
  border-radius: 0.08rem;
  font-size: 0.29333rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #f9f9f9;
  text-align: center;
}
.red[data-v-4dec31ce] {
  background-color: #ee0a24 !important;
}

.refund[data-v-cefb1438] {
  background-color: #202020;
  min-height: 100vh;
  position: relative;
}
.refund .zhuyaoInfo[data-v-cefb1438] {
    padding: 0 0.4rem;
}
.refund .zhuyaoInfo .left_arrow[data-v-cefb1438] {
      background-color: #202020;
      height: 1.33333rem;
      text-align: right;
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #f9f9f9;
      line-height: 1.33333rem;
      margin-bottom: 0.26667rem;
}
.refund .zhuyaoInfo .userInfo[data-v-cefb1438] {
      height: 8.26667rem;
      border-radius: 0.53333rem;
      background: url("https://osscdn.666syh.com/image/app/1688115734211.png") no-repeat top/100%;
      margin-bottom: 0.21333rem;
      box-shadow: 0 0.08rem 0.66667rem 0 rgba(33, 34, 37, 0.06);
      padding-top: 0.8rem;
}
.refund .zhuyaoInfo .userInfo .user_name[data-v-cefb1438] {
        display: flex;
        justify-content: space-between;
        padding: 0 0.45333rem;
        align-items: center;
        margin-bottom: 0.8rem;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img[data-v-cefb1438] {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex: 1;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .imgModel[data-v-cefb1438] {
            position: relative;
            width: 1.78667rem;
            height: 1.78667rem;
            padding: 0.13333rem;
            border-radius: 50%;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .imgModel .userAvatar[data-v-cefb1438] {
              width: 1.52rem;
              height: 1.52rem;
              border-radius: 50%;
              margin-right: 0.34667rem;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .imgModel .vipIcon[data-v-cefb1438] {
              position: absolute;
              bottom: -0.08rem;
              right: -0.08rem;
              width: 0.74667rem;
              height: 0.74667rem;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .bg1[data-v-cefb1438] {
            background-color: var(--user_imgpd);
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .bg2[data-v-cefb1438] {
            background-color: #eacaa1;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number[data-v-cefb1438] {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: flex-start;
            margin-left: 0.26667rem;
            flex: 1;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number .userNickname[data-v-cefb1438] {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              flex-wrap: nowrap;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number .userNickname .usernameBox[data-v-cefb1438] {
                flex: 1;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number .userNickname .vipImg[data-v-cefb1438] {
                width: 1.12rem;
                height: 0.42667rem;
                margin-left: 0.24rem;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number span[data-v-cefb1438] {
              font-weight: Bold;
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number span[data-v-cefb1438]:nth-of-type(1) {
                font-size: 0.53333rem;
                color: var(--box_title);
}
.refund .zhuyaoInfo .userInfo .user_name .user_img .user_number span[data-v-cefb1438]:nth-of-type(2) {
                font-size: 0.29333rem;
                color: #969696;
}
.refund .zhuyaoInfo .userInfo .user_name .code[data-v-cefb1438] {
          width: 1.73333rem;
          height: 0.8rem;
          background: linear-gradient(267deg, #252425 0%, #3e3830 100%);
          border-radius: 0.4rem;
          font-size: 0.26667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #f4d8ad;
          line-height: 0.8rem;
          text-align: center;
}
.refund .zhuyaoInfo .userInfo .txtBox[data-v-cefb1438] {
        height: 4.8rem;
        background-color: #272727;
        border-radius: 0.26667rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .top_txt[data-v-cefb1438] {
          height: 1.97333rem;
          font-family: PingFang SC;
          font-weight: bold;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 0.4rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .top_txt .user_nikname[data-v-cefb1438] {
            font-size: 0.4rem;
            color: #eed9b0;
}
.refund .zhuyaoInfo .userInfo .txtBox .top_txt .vip_time[data-v-cefb1438] {
            font-size: 0.32rem;
            color: #cdcdcd;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt[data-v-cefb1438] {
          border-top: 0.02667rem solid #3a3939;
          height: 2.93333rem;
          display: flex;
          align-items: cemter;
          justify-content: space-between;
          flex-direction: column;
          padding: 0.4rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438] {
            height: 0.96rem;
            background-color: #202020;
            border-radius: 0.26667rem;
            padding: 0 0.26667rem;
            line-height: 0.96rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438]::-moz-placeholder {
              font-size: 0.37333rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438]:-ms-input-placeholder {
              font-size: 0.37333rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438]::placeholder {
              font-size: 0.37333rem;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438] .van-field__label {
              font-size: 0.4rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #cdcdcd;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438] .van-field__control {
              color: #f8f8f8;
}
.refund .zhuyaoInfo .userInfo .txtBox .bottom_txt .van-field[data-v-cefb1438] .van-cell__value {
              font-size: 0.42667rem;
              font-family: PingFang SC;
              font-weight: 500;
              color: #cdcdcd;
}
.refund .zhuyaoInfo .shenBtn[data-v-cefb1438] {
      height: 1.06667rem;
}
.refund .zhuyaoInfo .shenBtn .van-button[data-v-cefb1438] {
        height: 100%;
        width: 100%;
        background-color: #eed9b0;
        color: #202020;
        border-radius: 0.26667rem;
        border: none;
}
.refund .zhuyaoInfo .reader_me[data-v-cefb1438] {
      width: 9.2rem;
      height: 5.2rem;
      margin-top: 0.74667rem;
      background: #272727;
      border-radius: 0.26667rem;
      padding: 0.53333rem;
}
.refund .zhuyaoInfo .reader_me .vip_privilege_title[data-v-cefb1438] {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.50667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #eed9b0;
        margin-bottom: 0.4rem;
}
.refund .zhuyaoInfo .reader_me .vip_privilege_title img[data-v-cefb1438] {
          width: 0.69333rem;
          height: 0.13333rem;
}
.refund .zhuyaoInfo .reader_me .vip_privilege_title span[data-v-cefb1438] {
          margin: 0 0.26667rem;
}
.refund .zhuyaoInfo .reader_me ul[data-v-cefb1438] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 0.53333rem;
}
.refund .zhuyaoInfo .reader_me ul li[data-v-cefb1438] {
          list-style: disc;
          font-size: 0.29333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #cdcdcd;
          margin-bottom: 0.26667rem;
}
.refund .lineCLass .cdk_bg[data-v-cefb1438] {
    height: 5.09333rem;
    width: 100%;
    background: url("https://osscdn.666syh.com/image/app/1688115328581.png") no-repeat center/100% 100%;
}
.refund .lineCLass .cdk_bg .left_arrow[data-v-cefb1438] {
      padding: 0.26667rem 0.4rem 0;
      color: #202020;
      font-size: 0.48rem;
      margin-bottom: 0.8rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.refund .lineCLass .cdk_bg .left_arrow .van-icon[data-v-cefb1438] {
        font-weight: bold;
}
.refund .lineCLass .cdk_bg .left_arrow span[data-v-cefb1438] {
        font-size: 0.48rem;
        font-family: PingFang SC;
        font-weight: bold;
}
.refund .lineCLass .tuikuanliucheng[data-v-cefb1438] {
    position: absolute;
    top: 3.46667rem;
    width: 100%;
    height: 2.13333rem;
    background-color: #202020;
    border-radius: 0.4rem;
}
.refund .lineCLass .tuikuanliucheng .statusBox[data-v-cefb1438] {
      height: 1.73333rem;
      background-color: #272727;
      border-radius: 0.4rem;
      display: flex;
      justify-content: space-between;
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: bold;
      align-items: center;
      padding: 0 0.66667rem;
}
.refund .lineCLass .tuikuanliucheng .statusBox .titleTxt[data-v-cefb1438] {
        color: #f9f9f9;
}
.refund .lineCLass .tuikuanliucheng .statusBox .right_icon[data-v-cefb1438] {
        display: flex;
        align-items: center;
}
.refund .lineCLass .tuikuanliucheng .statusBox .right_icon img[data-v-cefb1438] {
          width: 0.50667rem;
          height: 0.50667rem;
          margin-right: 0.24rem;
}
.refund .lineCLass .infoBox[data-v-cefb1438] {
    padding: 0.8rem 0.42667rem 0;
}
.refund .lineCLass .infoBox .itemBox[data-v-cefb1438] {
      display: flex;
      justify-content: space-between;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      margin-bottom: 0.4rem;
}
.refund .lineCLass .infoBox .itemBox .first[data-v-cefb1438] {
        color: #969696;
}
.refund .lineCLass .infoBox .itemBox .secend[data-v-cefb1438] {
        color: #cdcdcd;
}
.refund .lineCLass .kefu[data-v-cefb1438] {
    margin-top: 2.66667rem;
    height: 1.06667rem;
    padding: 0 0.61333rem;
}
.refund .lineCLass .kefu .van-button[data-v-cefb1438] {
      height: 100%;
      width: 100%;
      font-size: 0.4rem;
      font-weight: bold;
      background-color: #eed9b0;
      color: #202020;
      border-radius: 0.53333rem;
      border: none;
      margin-bottom: 0.53333rem;
}
.refund .showModel[data-v-cefb1438] {
    width: 8rem;
    height: 5.33333rem;
    background-color: #272727;
    padding: 0 0.48rem;
}
.refund .showModel[data-v-cefb1438] .van-dialog__header {
      color: #cdcdcd;
      font-size: 0.37333rem;
}
.refund .showModel .model_title[data-v-cefb1438] {
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #eed9b0;
      height: 1.33333rem;
      text-align: center;
      padding-top: 0.13333rem;
}
.refund .showModel .model_btn[data-v-cefb1438] {
      display: flex;
      flex-direction: column;
}
.refund .showModel .model_btn span[data-v-cefb1438] {
        height: 1.2rem;
        font-size: 0.4rem;
        font-family: PingFang SC;
        font-weight: bold;
        border-radius: 0.13333rem;
        text-align: center;
        line-height: 1.2rem;
}
.refund .showModel .model_btn .noBtn[data-v-cefb1438] {
        background-color: #eed9b0;
        color: #272727;
}
.refund .showModel .model_btn .okBtn[data-v-cefb1438] {
        color: #969696;
}
.refund .kefusys[data-v-cefb1438] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.refund .kefusys li[data-v-cefb1438] {
      width: 100%;
      height: 1.46667rem;
      font-size: 0.45333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 1.46667rem;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
}
.refund .kefusys li[data-v-cefb1438]:last-child {
        border-top: 0.02667rem solid #eaeaea;
}
.refund .kefusys li div[data-v-cefb1438] {
        width: 0.42667rem;
        height: 0.42667rem;
        margin-right: 0.26667rem;
}
.refund .kefusys li .icon_zx[data-v-cefb1438] {
        background: var(--user_zx);
}
.refund .kefusys li .icon_kf[data-v-cefb1438] {
        background: var(--user_kf);
}
.tuikuanzhongtxt[data-v-cefb1438] {
  color: #ed905e;
}
.tuikuanoktxt[data-v-cefb1438] {
  color: #f5e3c1;
}
.tuikuannotxt[data-v-cefb1438] {
  color: #ff6464;
}

.setup .setList[data-v-292a9696] {
  width: 100%;
  background-color: var(--updata_bg);
  margin-top: 0.4rem;
  padding: 0 0.4rem;
}
.setup .setList li[data-v-292a9696] {
    border-bottom: 0.02667rem solid var(--order_tab);
    height: 1.17333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.setup .setList li span[data-v-292a9696]:nth-of-type(1) {
      font-size: 0.42667rem;
      color: var(--search_txt2);
}
.setup .setList li span[data-v-292a9696]:nth-of-type(2) {
      font-size: 0.32rem;
      color: #969696;
      display: flex;
      align-items: center;
}
.setup .setList li span:nth-of-type(2) .van-icon[data-v-292a9696] {
        margin-left: 0.16rem;
        font-size: 0.53333rem;
        font-weight: bold;
}
.setup .setList li .van-cell[data-v-292a9696] {
      background-color: var(--updata_bg);
      padding: 0;
}
.setup .loginout[data-v-292a9696] {
  width: 6.82667rem;
  height: 1.01333rem;
  background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
  box-shadow: 0 0.10667rem 0.21333rem 0 rgba(251, 106, 33, 0.42);
  border-radius: 1.01333rem;
  font-weight: bold;
  color: #ffffff;
  font-size: 0.42667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0.93333rem;
  left: calc(50% - 3.41333rem);
}
.setup .numberDel[data-v-292a9696] {
  margin-top: 1.06667rem;
  background-color: var(--updata_bg);
  width: 100%;
  height: 1.17333rem;
  font-size: 0.42667rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ff6464;
  line-height: 1.17333rem;
  text-align: center;
}
.setup .numberDel[data-v-292a9696] {
  margin-top: 0.26667rem;
  color: var(--search_txt2);
}

.uploadBox[data-v-4938f52c] {
  width: 2.66667rem;
  height: 2.13333rem;
  position: relative;
}
.uploadBox .imgBox[data-v-4938f52c] {
    height: 100%;
    display: flex;
    right: 0;
    align-items: center;
    position: absolute;
}
.uploadBox .imgBox img[data-v-4938f52c] {
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 50%;
}
.uploadBox .imgBox .van-icon[data-v-4938f52c] {
      font-size: 0.4rem;
      color: #969696;
      margin-left: 0.26667rem;
}
.uploadBox .uoloader[data-v-4938f52c] {
    position: absolute;
    height: 2.13333rem;
    opacity: 0;
    width: 2.13333rem;
}

.data_modification .userHeader[data-v-35451c7a] {
  display: flex;
  justify-content: space-between;
  height: 2.13333rem;
  width: 100%;
  background-color: var(--updata_bg);
  padding: 0 0.58667rem 0 0.4rem;
  align-items: center;
  margin-top: 0.4rem;
}
.data_modification .userHeader span[data-v-35451c7a] {
    font-size: 0.4rem;
    color: var(--box_title);
}
.data_modification .info1[data-v-35451c7a] {
  margin-top: 0.4rem;
}
.data_modification .info1 .van-field[data-v-35451c7a] {
    background-color: var(--updata_bg);
}
.data_modification .info1 .van-field[data-v-35451c7a] .van-field__label {
      color: var(--box_title);
}
.data_modification .info1 .van-field[data-v-35451c7a] .van-field__control {
      color: var(--about);
}
.data_modification .info2[data-v-35451c7a] {
  margin-top: 0.4rem;
}
.data_modification .info2 .van-field[data-v-35451c7a] {
    background-color: var(--updata_bg);
}
.data_modification .info2 .van-field[data-v-35451c7a] .van-field__label {
      color: var(--box_title);
}
.data_modification .info2 .van-field[data-v-35451c7a] .van-field__control {
      color: var(--about);
}
.data_modification .btn[data-v-35451c7a] {
  margin-top: 0.8rem;
  width: 100%;
  padding: 0 0.4rem;
}
.data_modification .btn .van-button[data-v-35451c7a] {
    width: 100%;
    height: 1.28rem;
    border-radius: 0.21333rem;
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: 500;
    background-color: #eed9b0;
    color: #202020;
}
.data_modification .van-field[data-v-35451c7a] .van-field__label {
  color: #f9f9f9;
}
.data_modification .van-field[data-v-35451c7a] .van-field__control:disabled {
  -webkit-text-fill-color: #969696;
}

.moduleCountry[data-v-3cbae4c5] {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  top: 0;
}
.moduleCountry .header[data-v-3cbae4c5] {
    width: 100%;
    height: 1.17333rem;
    display: flex;
    align-items: center;
    color: #1d2129;
    font-size: 0.48rem;
    background: #fff;
}
.moduleCountry .header .icon[data-v-3cbae4c5] {
      width: 0.64rem;
      height: 0.64rem;
      margin-left: 0.18667rem;
      margin-right: auto;
      position: absolute;
}
.moduleCountry .header .span[data-v-3cbae4c5] {
      flex: 1;
      text-align: center;
}
.countryList[data-v-3cbae4c5] {
  height: 14rem;
  background: #ffffff;
  float: left;
  width: 100%;
  overflow-y: auto;
}
.countryList .item[data-v-3cbae4c5] {
    float: left;
    width: 100%;
}
.countryList .item .title[data-v-3cbae4c5] {
      height: 0.8rem;
      background: #f6f8fb;
      width: 100%;
      line-height: 0.8rem;
      text-align: left;
      padding: 0 0.4rem;
      font-weight: 500;
      color: #1d2129;
      font-size: 0.37333rem;
}
.countryList .item .itemList[data-v-3cbae4c5] {
      float: left;
      width: 100%;
      height: 1.12rem;
      line-height: 1.12rem;
      text-align: left;
      padding: 0 0.4rem;
      font-weight: 500;
      color: #1d2129;
      font-size: 0.42667rem;
}
.countryList .item .itemList .name[data-v-3cbae4c5] {
        width: 85%;
        float: left;
}
.countryList .item .itemList .num[data-v-3cbae4c5] {
        float: right;
        font-weight: 500;
        color: #1d2129;
        font-size: 0.4rem;
        width: 15%;
        text-align: right;
}

.login[data-v-573b0ada] {
  height: 100%;
  background: url("https://osscdn.666syh.com/image/app/1695794627220.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #fff;
}
.login .loginBox[data-v-573b0ada] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    align-content: start;
}
.login .loginBox .center[data-v-573b0ada] {
      width: 100%;
      text-align: center;
      color: #1d2129;
      font-size: 0.48rem;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.18667rem;
}
.login .loginBox .center .back[data-v-573b0ada] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: auto;
        position: absolute;
}
.login .loginBox .center .span[data-v-573b0ada] {
        flex: 1;
        text-align: center;
}
.login .loginBox .logo[data-v-573b0ada] {
      width: 4rem;
      height: 4rem;
      margin-top: 1.57333rem;
}
.login .loginBox .form[data-v-573b0ada] {
      padding: 0 0.93333rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}
.login .loginBox .form .tabs[data-v-573b0ada] {
        margin-top: 0.66667rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.login .loginBox .form .tabs .span[data-v-573b0ada] {
          font-size: 0.4rem;
}
.login .loginBox .form .tabs .line[data-v-573b0ada] {
          width: 0.02667rem;
          height: 0.29333rem;
          background: #c9cdd4;
}
.login .loginBox .form .field[data-v-573b0ada] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.61333rem;
}
.login .loginBox .form .field .span[data-v-573b0ada] {
          color: #1d2129;
          font-size: 0.37333rem;
}
.login .loginBox .form .field[data-v-573b0ada] .van-cell {
          background: transparent;
          padding: 0;
          margin-top: 0.05333rem;
}
.login .loginBox .form .field[data-v-573b0ada] .van-field__value {
          border-bottom: 0.02667rem solid #c9cdd4;
}
.login .loginBox .form .field .anyInput[data-v-573b0ada] {
          display: flex;
          width: 100%;
          height: 0.8rem;
          border-bottom: 0.02667rem solid #c9cdd4;
          align-items: center;
}
.login .loginBox .form .field .anyInput .country[data-v-573b0ada] {
            color: #1d2129;
            font-size: 0.37333rem;
            border-right: 0.02667rem solid #c9cdd4;
            height: 0.53333rem;
            display: flex;
            align-items: center;
            max-width: 4rem;
}
.login .loginBox .form .field .anyInput .country .icon[data-v-573b0ada] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.13333rem;
              margin-right: 0.26667rem;
}
.login .loginBox .form .field .anyInput .countryNum[data-v-573b0ada] {
            color: #1d2129;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .anyInput .phoneInput[data-v-573b0ada] {
            border: none;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .getCodeBtn[data-v-573b0ada] {
          font-size: 0.37333rem;
}
.login .loginBox .form .field2[data-v-573b0ada] {
        margin-top: 0.34667rem;
}
.login .loginBox .form .forgetPass[data-v-573b0ada] {
        color: #9b9b9b;
        font-size: 0.32rem;
        margin-top: 0.26667rem;
        width: 100%;
        text-align: right;
}
.login .loginBox .form .loginBtn[data-v-573b0ada] {
        width: 8.13333rem;
        height: 1.01333rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 1.33333rem;
        margin-top: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 0.42667rem;
}
.login .loginBox .form .word[data-v-573b0ada] {
        color: #86909c;
        font-size: 0.26667rem;
        margin-top: 0.53333rem;
}
.login .loginBox .form .word[data-v-573b0ada] .van-radio-group {
          display: flex;
}
.login .loginBox .form .word[data-v-573b0ada] .van-radio-group .van-radio {
            margin-right: 0.16rem;
}
.login .loginBox .form .word .blue[data-v-573b0ada] {
          color: #6084e1;
}
.login .loginBox .other[data-v-573b0ada] {
      color: #86909c;
      font-size: 0.32rem;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-top: 2.13333rem;
}
.login .loginBox .other .icon[data-v-573b0ada] {
        width: 2.13333rem;
        height: 0.02667rem;
}
.login .loginBox .otherBox[data-v-573b0ada] {
      display: flex;
      margin-top: 0.4rem;
}
.login .loginBox .otherBox .otherItem[data-v-573b0ada] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.login .loginBox .otherBox .otherItem .icon[data-v-573b0ada] {
          width: 1.12rem;
          height: 1.12rem;
}
.login .loginBox .otherBox .otherItem .text[data-v-573b0ada] {
          color: #86909c;
          font-size: 0.32rem;
          margin-top: 0.16rem;
}
.login .loginBox .title[data-v-573b0ada] {
      display: flex;
      margin-top: 0.26667rem;
      flex-direction: column;
      width: 100%;
      padding-left: 0.4rem;
      justify-content: left;
      height: 2.34667rem;
}
.login .loginBox .title .close[data-v-573b0ada] {
        width: 0.64rem;
        height: 0.64rem;
}
.login .loginBox .title .span1[data-v-573b0ada] {
        width: 100%;
        font-weight: 800;
        color: #1d2129;
        font-size: 0.64rem;
        margin-top: 0.26667rem;
        padding-left: 0.53333rem;
}
.login .loginBox .title .span2[data-v-573b0ada] {
        color: #86909c;
        font-size: 0.29333rem;
        padding-left: 0.53333rem;
}

.set_password[data-v-7fb2e6d4] {
  background-color: var(--bg_color);
}
.set_password .password_box[data-v-7fb2e6d4] {
    padding: 1.33333rem 0.8rem 0;
}
.set_password .password_box .title[data-v-7fb2e6d4] {
      font-size: 0.8rem;
      font-family: PingFang SC;
      font-weight: 800;
      color: var(--box_title);
      margin-bottom: 1.33333rem;
}
.set_password .password_box .van-field[data-v-7fb2e6d4] {
      background-color: var(--bg_color);
      border-bottom: 0.02667rem solid #6c6c6c;
      padding-left: 0;
      padding-right: 0;
      height: 1.33333rem;
      font-size: 0.42667rem;
}
.set_password .password_box .van-field[data-v-7fb2e6d4] .van-field__label {
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--box_title);
}
.set_password .password_box .van-field[data-v-7fb2e6d4] .van-field__control {
        color: var(--box_title);
}
.set_password .password_box .van-field[data-v-7fb2e6d4] .van-field__control::-moz-placeholder {
          font-size: 0.42667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #969696;
}
.set_password .password_box .van-field[data-v-7fb2e6d4] .van-field__control:-ms-input-placeholder {
          font-size: 0.42667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #969696;
}
.set_password .password_box .van-field[data-v-7fb2e6d4] .van-field__control::placeholder {
          font-size: 0.42667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #969696;
}
.set_password .password_box .van-field .setpassbtn[data-v-7fb2e6d4] {
        background-color: var(--bg_color);
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--send_codebtn);
        border: none;
}
.set_password .password_box .subBtn[data-v-7fb2e6d4] {
      width: 100%;
      margin-top: 1.06667rem;
}
.set_password .password_box .subBtn .van-button[data-v-7fb2e6d4] {
        width: 100%;
        height: 1.28rem;
        background: #EED9B0;
        border-radius: 0.21333rem;
        font-size: 0.48rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #202020;
        border: none;
}
.set_password .mobilebox[data-v-7fb2e6d4] {
    display: flex;
    height: 1.33333rem;
    border-bottom: 0.02667rem solid #969696;
}
.set_password .mobilebox .el-select[data-v-7fb2e6d4] {
      width: 2.66667rem;
}
.set_password .mobilebox .el-select[data-v-7fb2e6d4] .el-input__inner {
        height: 1.33333rem;
        border: none;
        border-bottom: 0.02667rem solid #969696;
        font-size: 0.4rem;
        background-color: var(--bg_color);
        padding-bottom: 0.13333rem;
        border-right: none;
}
.set_password .mobilebox .el-select[data-v-7fb2e6d4] .el-input__suffix {
        padding-bottom: 0.13333rem;
}
.set_password .mobilebox .quhaobox[data-v-7fb2e6d4] {
      padding: 0 0.26667rem;
      position: relative;
}
.set_password .mobilebox .quhaobox[data-v-7fb2e6d4]::before {
        position: absolute;
        left: -0.02667rem;
        content: "";
        color: #000;
        border: 0.01333rem solid #C9CDD4;
        height: 0.26667rem;
}
.set_password .mobilebox .gang[data-v-7fb2e6d4] {
      padding-top: 0.05333rem;
      color: #333333;
      background-color: var(--bg_color);
      line-height: 1.2rem;
}
.set_password .mobilebox .mobileinput[data-v-7fb2e6d4] {
      flex: 1;
      margin-bottom: 0.53333rem;
      background-color: var(--bg_color);
      font-size: 0.45333rem;
      padding-left: 0.13333rem;
      border-right: none;
}
.set_password .mobilebox .mobileinput[data-v-7fb2e6d4] .van-field__control {
        color: var(--box_title);
}
.set_password .mobilebox .mobileinput[data-v-7fb2e6d4] .van-field__control::-moz-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.set_password .mobilebox .mobileinput[data-v-7fb2e6d4] .van-field__control:-ms-input-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.set_password .mobilebox .mobileinput[data-v-7fb2e6d4] .van-field__control::placeholder {
          font-size: 0.45333rem;
          color: #969696;
}

.collection_account .right_btn[data-v-3055c1ca] {
  position: absolute;
  right: 0.48rem;
  top: 0.34667rem;
  z-index: 999;
  font-size: 0.42667rem;
  color: #f9f9f9;
}
.collection_account .from1[data-v-3055c1ca] {
  padding: 1.33333rem 0.8rem 0;
  margin-bottom: 0.66667rem;
}
.collection_account .from1 .van-field[data-v-3055c1ca] {
    background-color: #202020;
    border-bottom: 0.02667rem solid #6c6c6c;
    padding-left: 0;
    padding-right: 0;
    height: 1.33333rem;
    font-size: 0.42667rem;
}
.collection_account .from1 .van-field[data-v-3055c1ca] .van-field__label {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #f9f9f9;
}
.collection_account .from1 .van-field[data-v-3055c1ca] .van-field__control::-moz-placeholder {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.collection_account .from1 .van-field[data-v-3055c1ca] .van-field__control:-ms-input-placeholder {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.collection_account .from1 .van-field[data-v-3055c1ca] .van-field__control::placeholder {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
}
.collection_account .from1 .van-field .setpassbtn[data-v-3055c1ca] {
      background-color: #202020;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #eed9b0;
      border: none;
}
.collection_account .from1 .tips[data-v-3055c1ca] {
    font-size: 0.32rem;
    color: #eed9b0;
    margin: 0.66667rem 0;
}
.collection_account .setBtn[data-v-3055c1ca] {
  padding: 0 0.8rem;
  width: 100%;
}
.collection_account .setBtn .van-button[data-v-3055c1ca] {
    width: 100%;
    height: 1.28rem;
    background: #eed9b0;
    border-radius: 0.21333rem;
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #202020;
}

.his_item .list_box .list_item[data-v-6fc14e86] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.53333rem;
  font-family: PingFang SC;
}
.his_item .list_box .list_item .check_btn[data-v-6fc14e86] {
    margin-right: 0.4rem;
}
.his_item .list_box .list_item .left_box[data-v-6fc14e86] {
    position: relative;
    opacity: 0.9;
    border-radius: 0.21333rem;
    overflow: hidden;
    width: 3.41333rem;
    height: 1.92rem;
}
.his_item .list_box .list_item .left_box .img_fm[data-v-6fc14e86] {
      border-radius: 0.10667rem;
      width: 3.41333rem;
      height: 1.92rem;
      background: #000000;
}
.his_item .list_box .list_item .left_box .time[data-v-6fc14e86] {
      position: absolute;
      font-size: 0.33333rem;
      color: #fff;
      right: -0.05333rem;
      bottom: 0.14667rem;
      padding: 0 0.2rem;
      height: 0.46667rem;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 0.74667rem;
      transform: scale(0.8);
}
.his_item .list_box .list_item .left_box .progress[data-v-6fc14e86] {
      position: absolute;
      bottom: 0;
}
.his_item .list_box .list_item .left_box .progress .van-progress[data-v-6fc14e86] {
        width: 3.41333rem;
}
.his_item .list_box .list_item .left_box .progress .van-progress[data-v-6fc14e86] .van-progress__portion {
          border-radius: 0;
}
.his_item .list_box .list_item .right_box[data-v-6fc14e86] {
    height: 1.92rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.4rem;
    flex: 1;
}
.his_item .list_box .list_item .right_box .titleAndFlag[data-v-6fc14e86] {
      display: flex;
      justify-content: space-between;
}
.his_item .list_box .list_item .right_box .titleAndFlag .title[data-v-6fc14e86] {
        font-size: 0.4rem;
        font-weight: bold;
        color: #1d2129;
        line-height: 0.58667rem;
        width: 3.97333rem;
}
.his_item .list_box .list_item .right_box .titleAndFlag .flag[data-v-6fc14e86] {
        width: 1.06667rem;
        height: 0.48rem;
        font-size: 0.34667rem;
        color: #fff;
        background-color: #ff7029;
        border-radius: 1.12rem;
        display: flex;
        justify-content: center;
        align-items: center;
}
.his_item .list_box .list_item .right_box .bottom[data-v-6fc14e86] {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-top: 0.05333rem;
      font-size: 0.32rem;
      color: #4e5969;
}
.his_item .list_box .list_item .right_box .bottom .timeAndNum[data-v-6fc14e86] {
        display: flex;
        justify-content: space-between;
}
.his_item .list_box .list_item .right_box .bottom .timeAndNum .reade_time[data-v-6fc14e86],
        .his_item .list_box .list_item .right_box .bottom .timeAndNum .num[data-v-6fc14e86] {
          color: #86909c;
}
.his_item .sys_btn[data-v-6fc14e86] {
  position: fixed;
  display: flex;
  justify-content: space-around;
  align-items: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.30667rem;
  background: #ffffff;
  box-shadow: 0 0 0.24rem 0 rgba(32, 32, 32, 0.1);
  font-size: 0.45333rem;
}
.his_item .sys_btn .all_btn[data-v-6fc14e86] {
    color: #333333;
}
.his_item .sys_btn .del_btn[data-v-6fc14e86] {
    color: #969696;
}

.user_history[data-v-6fc48286] {
  min-height: 100vh;
  background-color: var(--bg_color);
}
.user_history .tabItem[data-v-6fc48286] {
    padding-top: 1.62667rem !important;
}
.user_history .van-hairline--bottom[data-v-6fc48286]::after {
    border-bottom: var(--bottomLine);
}
.user_history .van-nav-bar[data-v-6fc48286] {
    background-color: var(--bg_color);
    padding: 0 0.48rem;
}
.user_history .van-nav-bar[data-v-6fc48286] .van-nav-bar__text {
      color: var(--search_txt2);
      font-size: 0.42667rem;
}
.user_history .van-nav-bar[data-v-6fc48286] .van-icon {
      color: var(--big_txt);
      font-weight: bold;
}
.user_history .van-nav-bar[data-v-6fc48286] .van-nav-bar__title {
      color: var(--search_txt2);
      font-weight: bold;
}
.user_history .van-tabs[data-v-6fc48286] {
    height: 1.12rem;
    background-color: var(--bg_color);
    position: relative;
}
.user_history .van-tabs[data-v-6fc48286]:after {
      content: '';
      width: 0.02667rem;
      height: 0.58667rem;
      background-color: #e5e6eb;
      position: fixed;
      top: 0.4rem;
      left: 50%;
      z-index: 1;
}
.user_history .van-tabs[data-v-6fc48286] .van-sticky {
      height: 1.12rem;
}
.user_history .van-tabs[data-v-6fc48286] .van-tabs__wrap {
      width: 100%;
      position: fixed;
      height: 1.12rem;
      z-index: 1;
}
.user_history .van-tabs[data-v-6fc48286] .van-tabs__nav {
      background-color: var(--bg_color);
}
.user_history .van-tabs[data-v-6fc48286] .van-tabs__line {
      background-color: #ff7029;
      width: 0.45333rem;
      height: 0.08rem;
      box-shadow: 0 0.02667rem 0.08rem 0 rgba(255, 112, 41, 0.7);
      bottom: 0.53333rem;
}
.user_history .van-tabs[data-v-6fc48286] .van-tab__pane {
      padding: 0.4rem;
}
.user_history .van-tabs[data-v-6fc48286] .van-tab {
      color: #86909c;
      font-size: 0.42667rem;
      font-weight: bold;
}
.user_history .van-tabs[data-v-6fc48286] .van-tab--active {
      color: #ff7029;
      font-weight: bold;
}

.user_footprint[data-v-2fd67130] {
  min-height: 100vh;
  background-color: var(--bg_color);
  padding: 1.46667rem 0.4rem 0.4rem;
}
.user_footprint .van-hairline--bottom[data-v-2fd67130]::after {
    border-bottom: var(--bottomLine);
}
.user_footprint .van-nav-bar[data-v-2fd67130] {
    background-color: var(--bg_color);
    padding: 0 0.48rem;
}
.user_footprint .van-nav-bar[data-v-2fd67130] .van-nav-bar__text {
      color: var(--search_txt2);
      font-size: 0.42667rem;
}
.user_footprint .van-nav-bar[data-v-2fd67130] .van-icon {
      color: var(--big_txt);
      font-weight: bold;
}
.user_footprint .van-nav-bar[data-v-2fd67130] .van-nav-bar__title {
      color: var(--search_txt2);
      font-weight: bold;
}
.user_footprint .list_box .list_item[data-v-2fd67130] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.4rem;
    font-family: PingFang SC;
}
.user_footprint .list_box .list_item .check_btn[data-v-2fd67130] {
      margin-right: 0.4rem;
}
.user_footprint .list_box .list_item .left_box[data-v-2fd67130] {
      position: relative;
      opacity: 0.9;
      border-radius: 0.10667rem;
      width: 3.41333rem;
      height: 1.92rem;
}
.user_footprint .list_box .list_item .left_box .img_fm[data-v-2fd67130] {
        border-radius: 0.10667rem;
        width: 3.41333rem;
        height: 1.92rem;
        background: #000000;
}
.user_footprint .list_box .list_item .right_box[data-v-2fd67130] {
      height: 1.92rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 0.4rem;
}
.user_footprint .list_box .list_item .right_box .title[data-v-2fd67130] {
        font-size: 0.37333rem;
        font-weight: bold;
        color: #333333;
}
.user_footprint .list_box .list_item .right_box .bottom[data-v-2fd67130] {
        display: flex;
        flex-direction: column;
        padding: 0.13333rem 0;
}
.user_footprint .list_box .list_item .right_box .bottom .teacher[data-v-2fd67130],
        .user_footprint .list_box .list_item .right_box .bottom .reade_time[data-v-2fd67130] {
          font-size: 0.29333rem;
          color: #959596;
}
.user_footprint .sys_btn[data-v-2fd67130] {
    position: fixed;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.30667rem;
    background: #ffffff;
    box-shadow: 0 0 0.24rem 0 rgba(32, 32, 32, 0.1);
    font-size: 0.45333rem;
}
.user_footprint .sys_btn .all_btn[data-v-2fd67130] {
      color: #333333;
}
.user_footprint .sys_btn .del_btn[data-v-2fd67130] {
      color: #969696;
}

.user_paybook[data-v-1a4d298c] {
  height: 100vh;
  max-height: 100%;
  background-color: var(--bg_color);
}
.user_paybook .payBookBox[data-v-1a4d298c] {
    padding: 0 0.48rem 0.8rem;
}
.user_paybook .payBookBox .newsubject[data-v-1a4d298c] {
      height: 3.2rem;
      overflow: hidden;
      border-radius: 0.18667rem;
      margin-top: 0.4rem;
      box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
}
.user_paybook .payBookBox .newsubject .new_updata_bottom[data-v-1a4d298c] {
        height: 3.16rem;
        background-color: var(--updata_bg);
        padding: 0.41333rem;
        box-sizing: border-box;
        display: flex;
}
.user_paybook .payBookBox .newsubject .new_updata_bottom img[data-v-1a4d298c] {
          width: 1.73333rem;
          height: 2.34667rem;
          border-radius: 0.13333rem;
          border: var(--bottomLine);
}
.user_paybook .payBookBox .newsubject .new_updata_bottom .bottom_right[data-v-1a4d298c] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-left: 0.38667rem;
}
.user_paybook .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-1a4d298c]:nth-of-type(1) {
            font-size: 0.4rem;
            color: var(--box_title);
            margin-bottom: 0.13333rem;
            font-weight: Bold;
            font-family: PingFang-SC-Bold;
}
.user_paybook .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-1a4d298c]:nth-of-type(2) {
            font-size: 0.34667rem;
            color: #969696;
            padding-right: 1.2rem;
}
.user_paybook .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-1a4d298c]:nth-of-type(3) {
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.user_paybook .payBookBox .newsubject .new_updata_bottom .bottom_right div:nth-of-type(3) div[data-v-1a4d298c] {
              font-size: 0.29333rem;
              color: #969696;
              margin-right: 0.16rem;
}

.uploadBox[data-v-82bde180] {
  min-height: 100vh;
  background: url("https://osscdn.666syh.com/image/app/1684980450358.png") no-repeat top/100%;
  background-color: #fdfdfd;
  padding-bottom: 1.73333rem;
}
.uploadBox .nvabox[data-v-82bde180] {
    height: 1.33333rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 0.48rem;
    font-weight: bold;
    padding: 0 0.4rem;
}
.uploadBox .nvabox .rightnav[data-v-82bde180] {
      color: rgba(0, 0, 0, 0);
}
.uploadBox .plan_list[data-v-82bde180] {
    height: 4.26667rem;
    margin-top: 0.53333rem;
    overflow-x: auto;
    padding-left: 0.4rem;
}
.uploadBox .plan_list[data-v-82bde180]::-webkit-scrollbar {
      display: none;
}
.uploadBox .plan_list .ul_box[data-v-82bde180] {
      display: flex;
}
.uploadBox .plan_list .ul_box .li_box[data-v-82bde180] {
        display: flex;
        flex-direction: column;
        padding-left: 0.4rem;
        width: 8.61333rem;
        height: 3.94667rem;
        background-color: #fff;
        margin-right: 0.4rem;
        box-shadow: 0 0.08rem 0.34667rem 0 rgba(33, 34, 37, 0.1);
        border-radius: 0.21333rem;
}
.uploadBox .plan_list .ul_box .li_box .top_li[data-v-82bde180] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          border-bottom: 0.02667rem solid #f1f1f1;
          padding: 0.4rem 0 0.13333rem 0;
}
.uploadBox .plan_list .ul_box .li_box .top_li .li_title[data-v-82bde180] {
            font-size: 0.42667rem;
            font-weight: bold;
            color: #333333;
}
.uploadBox .plan_list .ul_box .li_box .top_li .li_plan[data-v-82bde180] {
            font-size: 0.37333rem;
            font-weight: bold;
            color: #969696;
}
.uploadBox .plan_list .ul_box .li_box .top_li .li_num[data-v-82bde180] {
            font-size: 0.37333rem;
            font-weight: bold;
            color: #e4b247;
}
.uploadBox .plan_list .ul_box .li_box .li_sys[data-v-82bde180] {
          padding-right: 0.4rem;
          height: 1.28rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.uploadBox .plan_list .ul_box .li_box .li_sys .speed[data-v-82bde180] {
            font-size: 0.29333rem;
            font-weight: bold;
            color: #969696;
}
.uploadBox .plan_list .ul_box .li_box .li_sys .libtn[data-v-82bde180] {
            width: 1.73333rem;
            height: 0.64rem;
            line-height: 0.64rem;
            text-align: center;
            background: #4bb1ff;
            border-radius: 0.10667rem;
            font-size: 0.29333rem;
            font-weight: bold;
            color: #ffffff;
}
.uploadBox .userbox[data-v-82bde180] {
    margin: 0.26667rem auto 0;
    padding: 0 0.34667rem;
    width: 9.22667rem;
    height: 1.73333rem;
    background: #ffffff;
    border-radius: 0.21333rem;
    box-shadow: 0 0.08rem 0.34667rem 0 rgba(33, 34, 37, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.uploadBox .userbox .userboxleft[data-v-82bde180] {
      display: flex;
      align-items: center;
      flex: 1;
}
.uploadBox .userbox .userboxleft .userimgbox[data-v-82bde180] {
        width: 1.25333rem;
        height: 1.25333rem;
        border-radius: 50%;
        padding: 0.08rem;
        background-color: #cec5b4;
}
.uploadBox .userbox .userboxleft .userimgbox .userimg[data-v-82bde180] {
          width: 1.09333rem;
          height: 1.09333rem;
          border-radius: 50%;
}
.uploadBox .userbox .userboxleft .username[data-v-82bde180] {
        margin-left: 0.13333rem;
        font-size: 0.34667rem;
        color: #333333;
}
.uploadBox .userbox .userboxright[data-v-82bde180] {
      width: 50%;
      text-align: right;
      font-size: 0.32rem;
      color: #787878;
}
.uploadBox .planinfobox[data-v-82bde180] {
    margin-top: 0.4rem;
    height: 1.73333rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.4rem;
}
.uploadBox .planinfobox .pbox[data-v-82bde180] {
      width: 2.88rem;
      height: 1.70667rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #ffffff;
}
.uploadBox .planinfobox .pbox .num[data-v-82bde180] {
        font-size: 0.48rem;
}
.uploadBox .planinfobox .pbox .txt[data-v-82bde180] {
        font-size: 0.32rem;
}
.uploadBox .planinfobox .sky[data-v-82bde180] {
      background: url("https://osscdn.666syh.com/image/app/1688115534649.png") no-repeat top/100%;
}
.uploadBox .planinfobox .orange[data-v-82bde180] {
      background: url("https://osscdn.666syh.com/image/app/1688115512029.png") no-repeat top/100%;
}
.uploadBox .planinfobox .green[data-v-82bde180] {
      background: url("https://osscdn.666syh.com/image/app/1688115497403.png") no-repeat top/100%;
}
.uploadBox .rankbox[data-v-82bde180] {
    margin-top: 0.61333rem;
    width: 100%;
    background-color: #fff;
}
.uploadBox .rankbox .ranktitle[data-v-82bde180] {
      height: 1.33333rem;
      padding: 0 0.4rem;
      color: #202020;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      border-bottom: 0.02667rem solid #ccfccc;
      line-height: 1.33333rem;
}
.uploadBox .rankbox .rankul[data-v-82bde180] {
      padding: 0 0.4rem;
}
.uploadBox .rankbox .rankul .rankli[data-v-82bde180] {
        height: 1.86667rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.uploadBox .rankbox .rankul .rankli .rank_box[data-v-82bde180] {
          width: 1.06667rem;
          height: 1.06667rem;
          margin-right: 0.13333rem;
}
.uploadBox .rankbox .rankul .rankli .rank_box img[data-v-82bde180] {
            width: 0.8rem;
            height: 0.93333rem;
            margin: auto;
}
.uploadBox .rankbox .rankul .rankli .rank_box .span_index[data-v-82bde180] {
            width: 100%;
            height: 100%;
            line-height: 0.72rem;
            text-align: center;
            border-radius: 50%;
            font-size: 0.37333rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--item_content);
}
.uploadBox .rankbox .rankul .rankli .other_right[data-v-82bde180] {
          flex: 1;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-right: 0.4rem;
}
.uploadBox .rankbox .rankul .rankli .other_right .user_info[data-v-82bde180] {
            display: flex;
            align-items: center;
}
.uploadBox .rankbox .rankul .rankli .other_right .user_info .user_avater[data-v-82bde180] {
              width: 1.06667rem;
              height: 1.06667rem;
              border-radius: 50%;
}
.uploadBox .rankbox .rankul .rankli .other_right .user_info .nametxt[data-v-82bde180] {
              font-size: 0.4rem;
              font-family: PingFang SC;
              font-weight: bold;
              color: var(--box_title);
              max-width: 2.66667rem;
              margin-left: 0.26667rem;
}
.uploadBox .rankbox .rankul .rankli .other_right .timess[data-v-82bde180] {
            font-size: 0.34667rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #333333;
}
.uploadBox .rankbox .rankul .otherli[data-v-82bde180] {
        text-align: center;
        color: #4bb1ff;
        font-size: 0.42667rem;
}
.uploadBox .sernewPlan[data-v-82bde180] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.73333rem;
    padding: 0.26667rem 0.4rem;
    background: #ffffff;
    box-shadow: 0 0.08rem 0.34667rem 0 rgba(33, 34, 37, 0.1);
}
.uploadBox .sernewPlan .btnb[data-v-82bde180] {
      height: 1.2rem;
      width: 100%;
      line-height: 1.2rem;
      text-align: center;
      border-radius: 0.21333rem;
      font-weight: bold;
      font-size: 0.4rem;
      background-color: #4bb1ff;
      color: #ffffff;
}
.uploadBox .showDownBox[data-v-82bde180] {
    position: fixed;
    z-index: 996;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.66667rem;
    height: 9.33333rem;
}
.uploadBox .showDownBox .downImg[data-v-82bde180] {
      width: 6.66667rem;
      height: 9.33333rem;
}
.uploadBox .showDownBox .closeImg[data-v-82bde180] {
      position: absolute;
      right: -0.8rem;
      top: -0.53333rem;
      width: 1.06667rem;
      height: 1.06667rem;
      z-index: 997;
}

[data-v-41432164] .van-list__finished-text {
  float: left;
  width: 100%;
}
.offline[data-v-41432164] {
  background: #f5f8fb;
}
.offlineList[data-v-41432164] {
  padding: 0.4rem 0.4rem 0;
}
.offlineList .offlineList_item[data-v-41432164] {
    margin-bottom: 0.4rem;
    float: left;
    width: 100%;
}
.listItem[data-v-41432164] {
  float: left;
  width: 100%;
}
.listItem .item_box[data-v-41432164] {
    padding: 0.34667rem 0.34667rem 0.29333rem;
    background-color: #fff;
    border-radius: 0.26667rem;
    box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.03);
    float: left;
    width: 100%;
}
.listItem .item_box .cover[data-v-41432164] {
      width: 100%;
      height: 4.77333rem;
      border-radius: 0.16rem;
      float: left;
}
.listItem .item_box .greyBg[data-v-41432164] {
      background: #bfbfbf !important;
}
.listItem .item_box .greyColor[data-v-41432164] {
      color: #bfbfbf !important;
}
.listItem .item_box .item_box_img[data-v-41432164] {
      position: relative;
      width: 100%;
      height: 4.77333rem;
      border-radius: 0.16rem;
      overflow: hidden;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
}
.listItem .item_box .item_box_img .item_img[data-v-41432164] {
        border-radius: 0.16rem;
        width: 100%;
        height: 4.77333rem;
}
.listItem .item_box .item_box_img .qr_code[data-v-41432164] {
        width: 1.28rem;
        height: 1.28rem;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 0.16rem 0 0 0;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0.16rem;
}
.listItem .item_box .item_box_img .qr_code .qr_code_img[data-v-41432164] {
          width: 0.96rem;
          height: 0.96rem;
}
.listItem .item_box .item_h1[data-v-41432164] {
      color: #1d2129;
      font-size: 0.42667rem;
      font-weight: bold;
      font-family: PingFang SC-Bold, PingFang SC;
      margin: 0.16rem 0 0.13333rem;
      float: left;
      width: 100%;
}
.listItem .item_box .item_info[data-v-41432164] {
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
}
.listItem .item_box .item_info .item_info_text[data-v-41432164] {
        font-size: 0.32rem;
        color: #1d2129;
        font-weight: 500;
        margin-bottom: 0.05333rem;
}
.listItem .item_box .item_info .item_info_text .item_info_text_color[data-v-41432164] {
          color: #ff7029;
}
.listItem .item_box .item_info .item_info_left[data-v-41432164] {
        text-align: center;
        display: flex;
        align-items: center;
        width: 2.93333rem;
        flex-wrap: wrap;
        justify-content: flex-end;
}
.listItem .item_box .item_info .item_info_left .item_info_left_btns[data-v-41432164] {
          border-radius: 0.56rem;
          font-size: 0.34667rem;
          font-weight: bold;
          background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
          color: #fff;
          width: 2.18667rem;
          height: 0.64rem;
          line-height: 0.64rem;
}
.listItem .item_box .item_info .item_info_right[data-v-41432164] {
        padding-top: 0.08rem;
}
.listItem .item_bottom[data-v-41432164] {
    display: flex;
    align-items: center;
    position: relative;
    width: 3.73333rem;
    justify-content: center;
    margin: 0 auto;
    background: url("https://osscdn.hcbnjy.com/static/2023-3/168015861600088825/Frame 406.png") no-repeat;
    background-size: 100% 100%;
    padding: 0 0 0.16rem 0;
}
.listItem .item_bottom .item_bottom_img[data-v-41432164] {
      width: 0.42667rem;
      height: 0.42667rem;
}
.listItem .item_bottom .item_bottom_text[data-v-41432164] {
      color: #6147ff;
      z-index: 2;
      font-size: 0.32rem;
}
.popup_box[data-v-41432164] {
  position: relative;
  width: 6.74667rem;
  padding: 0.4rem 0.4rem 0.45333rem;
}
.popup_box .popup_box_h1[data-v-41432164] {
    color: #1d2129;
    font-size: 0.37333rem;
    font-weight: bold;
}
.popup_box .popup_box_code[data-v-41432164] {
    text-align: center;
    margin: 0.34667rem 0;
}
.popup_box .popup_box_code .code_img[data-v-41432164] {
      width: 3.04rem;
      height: 3.04rem;
}
.popup_box .tip_text[data-v-41432164] {
    text-align: center;
}
.popup_box .tip_text .tip_text_fail[data-v-41432164] {
      font-size: 0.32rem;
      color: #1d2129;
      font-weight: 500;
}
.popup_box .tip_text .tip_text_signin[data-v-41432164] {
      color: #00b42a;
      font-size: 0.37333rem;
      font-weight: 500;
}
.popup_box .tip_text .tip_text_time[data-v-41432164] {
      color: #4e5969;
      font-size: 0.32rem;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
}
.popup_box .popup_box_close[data-v-41432164] {
    width: 0.69333rem;
    height: 0.69333rem;
    position: absolute;
    bottom: -1.22667rem;
    left: 50%;
    transform: translate(-50%, 0);
}
.go_home[data-v-41432164] {
  width: 5.33333rem;
  height: 1.01333rem;
  background: #ffffff linear-gradient(306deg, #6147ff 0%, rgba(97, 71, 255, 0.56) 100%);
  box-shadow: 0 0.10667rem 0.21333rem 0 rgba(97, 71, 255, 0.38);
  border-radius: 1.01333rem 1.01333rem 1.01333rem 1.01333rem;
  opacity: 1;
  padding: 0.21333rem;
  text-align: center;
  color: #fff;
  font-size: 0.42667rem;
  margin: 0.66667rem auto 0;
}


.el-select-dropdown {
  z-index: 999999 !important;
}
.htmlDom p {
  font-size: 0.37333rem;
}
.htmlDom span {
  font-size: 0.37333rem;
}

.orderList[data-v-2f2237d2] {
  float: left;
  width: 100%;
  padding: 0 0.4rem;
}
.orderList .orderHead[data-v-2f2237d2] {
    width: 9.2rem;
    height: 0.88rem;
    background: #fff5ec;
    border-radius: 0.21333rem;
    padding: 0.21333rem 0.26667rem;
    text-align: left;
    margin-top: 0.4rem;
    color: #1d2129;
    font-size: 0.32rem;
}
.orderList .list[data-v-2f2237d2] {
    margin-top: 0.4rem;
    margin-bottom: 1.06667rem;
}
.orderList .list .item[data-v-2f2237d2] {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin-top: 0.4rem;
}
.orderList .list .item .p[data-v-2f2237d2] {
        color: #1d2129;
        font-size: 0.32rem;
}
.orderList .list .item .p1[data-v-2f2237d2] {
        width: 40%;
}
.orderList .list .item .p2[data-v-2f2237d2] {
        width: 30%;
}
.noAuthBoxs[data-v-2f2237d2] {
  padding: 1.06667rem 0 1.68rem 0;
  float: left;
  width: 100%;
}
.noAuthBoxs .noImg[data-v-2f2237d2] {
    width: 6.4rem;
    height: 3.41333rem;
}
.noAuthBoxs .noText[data-v-2f2237d2] {
    color: #86909c;
    font-size: 0.37333rem;
    margin-top: 0.77333rem;
}
.goTopView[data-v-2f2237d2] {
  width: 1.28rem;
  height: 1.28rem;
  position: fixed;
  right: 0.8rem;
  bottom: 2.66667rem;
  z-index: 999;
}
.goTopView .image[data-v-2f2237d2] {
    width: 0.53333rem;
    height: 0.45333rem;
    margin-left: 0.4rem;
    margin-top: 0.16rem;
}
.goTopView .text[data-v-2f2237d2] {
    color: #ffffff;
    text-align: center;
    margin-top: -0.05333rem;
    transform: scale(0.83);
    display: block;
    width: 120%;
    transform-origin: 0 0;
    font-size: 0.32rem;
}
.offline_box[data-v-2f2237d2] {
  float: left;
  width: 100%;
  padding-bottom: 2.4rem;
}
.offline_detail[data-v-2f2237d2] {
  width: 100%;
  min-height: 100vh;
  background-color: #ffffff;
  font-family: PingFang SC;
  color: #1d2129;
  float: left;
}
.offline_detail .thumb[data-v-2f2237d2] {
    width: 100%;
    height: 5.62667rem;
}
.offline_detail .detail_content[data-v-2f2237d2] {
    background-color: #ffffff;
    border-radius: 0.4rem 0.4rem 0 0;
    position: relative;
    margin-top: -1.06667rem;
    z-index: 10;
    padding: 0.26667rem 0.4rem;
}
.offline_detail .detail_content .content_title .title_h1[data-v-2f2237d2] {
      font-size: 0.42667rem;
      color: #1d2129;
      font-weight: 700;
}
.offline_detail .detail_content .content_title .title_price[data-v-2f2237d2] {
      color: #f53f3f;
      font-size: 0.42667rem;
      font-weight: 700;
      margin: 0.26667rem 0 0.4rem;
}
.offline_detail .detail_content .content_title .title_price .price_unit[data-v-2f2237d2] {
        font-size: 0.32rem;
        color: #1d2129;
}
.offline_detail .detail_content .content_detail[data-v-2f2237d2] {
      background-color: #f7f7f7;
      border-radius: 0.26667rem;
      padding: 0 0.32rem 0.32rem 0.32rem;
      float: left;
      width: 100%;
}
.offline_detail .detail_content .content_detail .detail_item[data-v-2f2237d2] {
        display: flex;
        align-items: center;
        font-size: 0.37333rem;
        font-weight: 500;
        margin-top: 0.32rem;
        float: left;
        width: 100%;
}
.offline_detail .detail_content .content_detail .detail_item .icon[data-v-2f2237d2] {
          width: 0.48rem;
          height: 0.48rem;
}
.offline_detail .detail_content .content_detail .detail_item .item_label[data-v-2f2237d2] {
          color: #86909c;
}
.offline_detail .detail_content .content_detail .detail_item .item_val[data-v-2f2237d2] {
          color: #1d2129;
}
.offline_detail .detail_content .content_numberOf[data-v-2f2237d2] {
      font-size: 0.37333rem;
      font-weight: 500;
      background-color: #f7f7f7;
      border-radius: 0.26667rem;
      margin: 0.4rem 0 0;
      padding: 0.18667rem 0;
      text-align: center;
      float: left;
      width: 100%;
}
.offline_detail .detail_content .content_numberOf .signUpNum[data-v-2f2237d2] {
        color: #ff7029;
}
.offline_detail .detail_content .content_activity[data-v-2f2237d2] {
      float: left;
      width: 100%;
}
.offline_detail .bottom[data-v-2f2237d2] {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.4rem 0 0.48rem;
    z-index: 15;
    background: #fff;
    padding-top: constant(safe-area-inset-top);
    /* iOS */
    padding-top: env(safe-area-inset-top);
    /* Android */
    padding-bottom: constant(safe-area-inset-bottom);
    /* iOS */
    padding-bottom: env(safe-area-inset-bottom);
}
.offline_detail .bottom .icon[data-v-2f2237d2] {
      color: #4e5969;
      float: left;
      font-size: 0.32rem;
      margin-top: 0.13333rem;
      width: 0.69333rem;
}
.offline_detail .bottom .icon .img[data-v-2f2237d2] {
        width: 0.56rem;
        height: 0.56rem;
}
.offline_detail .bottom .icon .span[data-v-2f2237d2] {
        width: 100%;
        float: left;
        font-size: 0.32rem;
}
.offline_detail .bottom .right[data-v-2f2237d2] {
      height: 1.33333rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex: 1;
      padding-left: 0.4rem;
}
.offline_detail .bottom .right .buy[data-v-2f2237d2] {
        font-size: 0.37333rem;
        padding: 0;
        float: right;
        width: 6.29333rem;
        height: 0.90667rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 2.08rem 2.08rem 2.08rem 2.08rem;
        font-weight: 500;
        color: #ffffff;
        white-space: pre-wrap;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
}
.offline_detail .bottom .right .unBg[data-v-2f2237d2] {
        background: #b4b4b4;
}
.offline_detail .content_activity .activity_title[data-v-2f2237d2] {
    font-size: 0.42667rem;
    font-weight: 700;
    color: #1d2129 !important;
}
.htmlCanvas[data-v-2f2237d2] {
  background: #fff;
  border-radius: 0.26667rem;
  z-index: -9999;
  width: 7.84rem;
  position: fixed;
  top: 0;
}
.htmlCanvas .imgquyu[data-v-2f2237d2] {
    width: 7.86667rem;
    height: 4.4rem;
    float: left;
    border-radius: 0.16rem 0.16rem 0 0;
}
.htmlCanvas .content[data-v-2f2237d2] {
    float: left;
    width: 100%;
    padding: 0 0.53333rem;
}
.htmlCanvas .content .info[data-v-2f2237d2] {
      float: left;
      width: 100%;
      margin-top: -0.16rem;
}
.htmlCanvas .content .info .avatarCover[data-v-2f2237d2] {
        width: 1.28rem;
        height: 1.28rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        float: left;
}
.htmlCanvas .content .info .avatarCover .img[data-v-2f2237d2] {
          width: 1.54667rem;
          height: 1.54667rem;
          border-radius: 50%;
}
.htmlCanvas .content .info .desc[data-v-2f2237d2] {
        float: left;
        margin-left: 0.26667rem;
        width: calc(100% - 2.08rem);
        margin-top: 0.34667rem;
}
.htmlCanvas .content .info .desc .span1[data-v-2f2237d2] {
          color: #1d2129;
          font-size: 0.42667rem;
          width: 100%;
          float: left;
}
.htmlCanvas .content .info .desc .span2[data-v-2f2237d2] {
          color: #86909c;
          font-size: 0.32rem;
          float: left;
          margin-top: 0.05333rem;
}
.htmlCanvas .content .title[data-v-2f2237d2] {
      color: #1d2129;
      width: 100%;
      float: left;
      margin-top: 0.4rem;
      font-size: 0.4rem;
}
.htmlCanvas .content .imageList[data-v-2f2237d2] {
      float: left;
      width: 100%;
      margin-top: 0.77333rem;
      padding-bottom: 0.53333rem;
}
.htmlCanvas .content .imageList .img1[data-v-2f2237d2] {
        width: 2.88rem;
        height: 0.96rem;
        margin-top: 0.37333rem;
}
.htmlCanvas .content .imageList .img2[data-v-2f2237d2] {
        float: right;
}

.mainImg[data-v-0e7e001e] {
  width: 100%;
  float: left;
}

li[data-v-889bce20] {
  padding-bottom: 0.26667rem;
}
li .comment_info .user_box[data-v-889bce20] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
}
li .comment_info .user_box .userImgBox[data-v-889bce20] {
      display: flex;
      justify-content: flex-start;
}
li .comment_info .user_box .userImgBox .userImg[data-v-889bce20] {
        position: relative;
        width: 0.90667rem;
        height: 0.90667rem;
        padding: 0.05333rem;
        border-radius: 50%;
        margin-right: 0.32rem;
}
li .comment_info .user_box .userImgBox .userImg .userava[data-v-889bce20] {
          position: absolute;
          top: 0.05333rem;
          left: 0.05333rem;
          width: 0.8rem;
          height: 0.8rem;
          border-radius: 50%;
}
li .comment_info .user_box .userImgBox .userImg .vipIcon[data-v-889bce20] {
          position: absolute;
          bottom: -0.05333rem;
          right: -0.10667rem;
          width: 0.42667rem;
          height: 0.42667rem;
}
li .comment_info .user_box .userImgBox .bgImg[data-v-889bce20] {
        background-color: #d5a160;
}
li .comment_info .user_box .userImgBox .rigjt_info[data-v-889bce20] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-889bce20] {
          font-weight: Bold;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-889bce20]:nth-of-type(1) {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span:nth-of-type(1) img[data-v-889bce20] {
              width: 0.96rem;
              height: 0.34667rem;
              margin-left: 0.13333rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-889bce20]:nth-of-type(2) {
            font-size: 0.32rem;
            color: #969696;
}
li .comment_info .user_box .zanIcon[data-v-889bce20] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      color: #969696;
}
li .comment_info .user_box .zanIcon img[data-v-889bce20] {
        width: 0.4rem;
        height: 0.4rem;
        margin-left: 0.13333rem;
}
li .comment_info .comment_box[data-v-889bce20] {
    font-size: 0.4rem;
    color: var(--box_title);
    padding: 0 0.64rem 0 1.52rem;
}
li .comment_info .append_comment[data-v-889bce20] {
    background-color: var(--cahnge_btnbg);
    margin: 0.4rem 0.4rem 0 1.52rem;
    padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 0.08rem;
}
li .comment_info .append_comment .othenUser[data-v-889bce20] {
      font-size: 0.37333rem;
      color: #afafaf;
      line-height: 0.48rem;
}
li .comment_info .append_comment .othenUser .append_magr[data-v-889bce20] {
        padding: 0.08rem 0;
        color: var(--about);
}
li .comment_info .append_comment .othenUser .append_magr .userself[data-v-889bce20] {
          color: #969696;
}
li .comment_info .append_comment .allList[data-v-889bce20] {
      color: #eed9b0;
      font-size: 0.34667rem;
}
.user_say[data-v-889bce20] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0.4rem;
  align-items: center;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.user_say .payBtn[data-v-889bce20] {
    flex: 1;
    width: 100%;
    height: 1.2rem;
}
.user_say .payBtn .van-button[data-v-889bce20] {
      background-color: #eed9b0;
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--search_txt2);
}
.user_say .say_Ipn[data-v-889bce20] {
    width: 100%;
    height: 1.33333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user_say .say_Ipn img[data-v-889bce20] {
      width: 0.93333rem;
      height: 0.93333rem;
      border-radius: 50%;
      margin-right: 0.4rem;
}
.user_say .say_Ipn input[data-v-889bce20] {
      flex: 1;
      height: 0.85333rem;
      background-color: var(--cahnge_btnbg);
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
}
.user_say .say_Ipn input[data-v-889bce20]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-889bce20]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-889bce20]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-889bce20]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn span[data-v-889bce20] {
      font-size: 0.42667rem;
      margin-left: 0.18667rem;
      font-weight: bold;
      color: var(--box_title);
}
.van-popup[data-v-889bce20] {
  background-color: var(--shop_car);
}
.van-popup .book_info[data-v-889bce20] {
    padding: 0.48rem 0.4rem 0.26667rem 0.4rem;
    background-color: var(--bg_color);
}
.van-popup .book_info .top[data-v-889bce20] {
      display: flex;
      justify-content: space-around;
      padding: 0 1.06667rem 0 0;
}
.van-popup .book_info .top img[data-v-889bce20] {
        width: 2.66667rem;
        height: 3.6rem;
        border-radius: 0.18667rem;
        margin-right: 0.34667rem;
}
.van-popup .book_info .top div[data-v-889bce20] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}
.van-popup .book_info .top div p[data-v-889bce20]:nth-of-type(1) {
          color: var(--search_txt1);
          font-size: 0.4rem;
          margin-bottom: 0.26667rem;
          font-weight: 800;
}
.van-popup .book_info .top div p[data-v-889bce20]:nth-of-type(2) {
          color: #969696;
          font-size: 0.45333rem;
          margin-bottom: 1.06667rem;
}
.van-popup .book_info .top div p[data-v-889bce20]:nth-of-type(3) {
          font-size: 0.45333rem;
          font-family: PingFang SC;
          font-weight: bold;
          color: #ff6464;
}
.van-popup .book_info .bottom p[data-v-889bce20] {
      color: #cdcdcd;
      font-size: 0.4rem;
      margin: 0.26667rem 0;
}
.van-popup .book_info .bottom .discountTips[data-v-889bce20] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-size: 0.34667rem;
      color: --search_txt1;
}
.van-popup .book_info .bottom .discountTips div[data-v-889bce20] {
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        padding: 0.21333rem 0;
        align-items: center;
}
.van-popup .book_info .bottom .discountTips div .first_div span[data-v-889bce20]:first-child {
          font-size: 0.4rem;
          font-family: PingFang SC;
          color: #969696;
          margin-right: 0.26667rem;
}
.van-popup .book_info .bottom .discountTips div .first_div span[data-v-889bce20]:nth-of-type(2) {
          font-size: 0.34667rem;
          color: var(--search_txt1);
}
.van-popup .book_info .bottom .discountTips div .last_div[data-v-889bce20] {
          font-size: 0.34667rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ff6464;
}
.van-popup .payBox[data-v-889bce20] {
    background-color: var(--bg_color);
    margin-top: 0.26667rem;
    padding: 0.4rem 0.48rem;
}
.van-popup .payBox .btn img[data-v-889bce20] {
      width: 0.56rem;
      height: 0.48rem;
      vertical-align: middle;
      margin-right: 0.26667rem;
}
.van-popup .payBox .btn .van-button[data-v-889bce20] {
      width: 100%;
      height: 1.06667rem;
}

.player_control[data-v-25735161] {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 201;
  background: rgba(0, 0, 0, 0);
  padding: 0 0.66667rem;
  height: 6rem;
  font-family: PingFang SC;
}
.player_control #audio[data-v-25735161] {
    display: none;
}
.player_control .audio_inco[data-v-25735161] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.72rem;
    align-items: flex-end;
}
.player_control .audio_inco .left_dingshi .item_p[data-v-25735161],
    .player_control .audio_inco .right_dinsghi .item_p[data-v-25735161] {
      display: flex;
      flex-direction: column;
      align-items: center;
}
.player_control .audio_inco .left_dingshi .item_p img[data-v-25735161],
      .player_control .audio_inco .right_dinsghi .item_p img[data-v-25735161] {
        width: 0.72rem;
        height: 0.72rem;
        margin-bottom: 0.18667rem;
}
.player_control .audio_inco .left_dingshi .item_p span[data-v-25735161],
      .player_control .audio_inco .right_dinsghi .item_p span[data-v-25735161] {
        font-size: 0.26667rem;
        font-weight: bold;
        color: #ffffff;
}
.player_control .audio_inco .left_dingshi .item_p .reward[data-v-25735161],
      .player_control .audio_inco .right_dinsghi .item_p .reward[data-v-25735161] {
        height: 0.66667rem;
        margin-bottom: 0.13333rem;
}
.player_control .audio_inco .right_dinsghi[data-v-25735161] {
      display: flex;
}
.player_control .audio_wrap[data-v-25735161] {
    width: 100%;
}
.player_control .audio_wrap .van-slider[data-v-25735161] {
      background: rgba(255, 255, 255, 0.3);
}
.player_control .audio_wrap .btn[data-v-25735161] {
      width: 0.26667rem;
      height: 0.26667rem;
      background-color: #fff;
      border-radius: 0.13333rem;
}
.player_control .audio_wrap .audio_time[data-v-25735161] {
      display: flex;
      justify-content: space-between;
      font-size: 0.32rem;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      margin-top: 0.4rem;
}
.player_control .audio_system[data-v-25735161] {
    padding: 0 0.13333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.6rem;
}
.player_control .audio_system .xunIcon[data-v-25735161],
    .player_control .audio_system .liebIcon[data-v-25735161] {
      display: flex;
      flex-direction: column;
      align-items: center;
}
.player_control .audio_system .xunIcon .icon_txt[data-v-25735161],
      .player_control .audio_system .liebIcon .icon_txt[data-v-25735161] {
        margin-top: 0.08rem;
        font-size: 0.26667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #ffffff;
}
.player_control .audio_system .loop[data-v-25735161],
    .player_control .audio_system .last[data-v-25735161],
    .player_control .audio_system .next[data-v-25735161],
    .player_control .audio_system .list[data-v-25735161] {
      width: 0.53333rem;
      height: 0.50667rem;
      line-height: 0.50667rem;
}
.player_control .audio_system .loop img[data-v-25735161],
      .player_control .audio_system .last img[data-v-25735161],
      .player_control .audio_system .next img[data-v-25735161],
      .player_control .audio_system .list img[data-v-25735161] {
        width: 100%;
        height: 100%;
}
.player_control .audio_system .next .next_div[data-v-25735161] {
      height: 100%;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAAXNSR0IArs4c6QAAALRQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////6Cu+IQAAADx0Uk5TAAEDBAYKCw4PEBYXHR4nKCsxOj1IUlNdXmFqa2x0d3t9foCFkJqboqmqs72+v8TGx83Oz9TX297f4+Xm4drQDwAAAMRJREFUOMvl1EcOwjAQQNEJvffQIfROKKb/+9+LDSAkCIxEdszWb+Wxv4iIWOI5Vt2wskUk0jFsnKgHawFgS3QBwK4SeKfCRwBc6XGbeeENy9wOxfCYYeqF5e6Mpzm1wxoGxrY0DGZ5FeMySGgYHBohDYN1ScVgklExzv24hsG+FtQwWBRVDMY6xt8w1YUsi34tS7f6adavZ3lohjRfJunXBzRl66c4PKVmlPZOjTJc9wxWP2dQIl3Dxol9ierXRG9xbbkCJhnm0vPc+7QAAAAASUVORK5CYII=) no-repeat center/100% 100%;
}
.player_control .audio_system .last .last_div[data-v-25735161] {
      width: 100%;
      height: 100%;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAAXNSR0IArs4c6QAAALRQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////6Cu+IQAAADx0Uk5TAAEDBAYKCw4PEBYXHR4nKCsxOj1IUlNdXmFqa2x0d3t9foCFkJqboqmqs72+v8TGx83Oz9TX297f4+Xm4drQDwAAAM9JREFUOMvl1McSgkAQBNBFBYyIIuacA2LA3P//X7qglFUCM3f7Ou+0O9NC2Dt4bUXEJhjZkOnFGH1wgDfUhHB9dlWjUKpx8qeOLhDEiFDVzXuI8YeZP6g4Qxgvjqn9G74SzRTbA0hWWQMky08fIFmmcwFIVtsDJDOWAMlykztIlm6dAZJZDkCzBcBh+BvGfBDT2rIY87O4Xy9TXrEYcy3lknc5S/5KgXMy7AOU51znnDO3HGRK84iqoYorsQabYQ0ml2pWlupIk+Xr4khW9BNMlObSN2OPQgAAAABJRU5ErkJggg==) no-repeat center/100% 100%;
}
.player_control .audio_system .start[data-v-25735161] {
      width: 1.54667rem;
      height: 1.54667rem;
}
.player_control .audio_system .start img[data-v-25735161] {
        width: 100%;
        height: 100%;
}
.player_control .other_system[data-v-25735161] {
    height: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.player_control .other_system .loop[data-v-25735161] {
      display: flex;
      align-items: center;
      justify-content: center;
}
.player_control .other_system .loop[data-v-25735161] .van-badge--fixed {
        top: 0.34667rem;
        right: 0.26667rem;
        color: #666;
        font-size: 0.21333rem;
}
.player_control .other_system .loop .sys_img[data-v-25735161] {
        width: 0.53333rem;
        height: 0.53333rem;
        margin-right: 0.26667rem;
}
.player_control .other_system .loop .sys_tel[data-v-25735161] {
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #ffffff;
}
.player_control .van-popup[data-v-25735161] {
    background-color: var(--bg_color);
}
.player_control .van-popup .audio_model[data-v-25735161] {
      padding: 0.82667rem 0.53333rem 0.13333rem;
      display: flex;
      flex-direction: column;
}
.player_control .van-popup .audio_model .audio_title[data-v-25735161] {
        flex: 1;
        display: flex;
        justify-content: space-between;
}
.player_control .van-popup .audio_model .audio_title div[data-v-25735161] {
          display: flex;
          justify-content: flex-start;
          align-items: center;
}
.player_control .van-popup .audio_model .audio_title div img[data-v-25735161] {
            width: 0.42667rem;
            height: 0.42667rem;
}
.player_control .van-popup .audio_model .audio_title div p[data-v-25735161] {
            font-size: 0.42667rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: var(--box_title);
            margin: 0 0.26667rem;
}
.player_control .van-popup .audio_model .audio_title div span[data-v-25735161] {
            font-size: 0.37333rem;
            color: #969696;
}
.player_control .van-popup .audio_model .audio_title div .like[data-v-25735161] {
            margin-right: 0.64rem;
}
.player_control .van-popup .audio_model .audio_list[data-v-25735161] {
        margin-top: 0.8rem;
        height: 7.46667rem;
        overflow-y: auto;
}
.player_control .van-popup .audio_model .audio_list[data-v-25735161]::-webkit-scrollbar {
          display: none;
}
.player_control .van-popup .audio_model .audio_list ul li[data-v-25735161] {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0.45333rem 0;
}
.player_control .van-popup .audio_model .audio_list ul li p[data-v-25735161] {
            font-size: 0.4rem;
            color: var(--box_title);
            padding-right: 0.93333rem;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
}
.player_control .van-popup .audio_model .audio_list ul li p .newIcon[data-v-25735161] {
              -ms-interpolation-mode: nearest-neighbor;
                  image-rendering: -moz-crisp-edges;
                  image-rendering: pixelated;
              margin-right: 0.13333rem;
              vertical-align: middle;
              top: 0.13333rem;
              left: 0;
              width: 0.82667rem;
              height: 0.42667rem;
}
.player_control .van-popup .audio_model .audio_list ul li p .exemption[data-v-25735161] {
              height: 0.42667rem;
              background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
              border-radius: 0.61333rem;
              text-align: center;
              padding: 0 0.13333rem;
              font-size: 0.26667rem;
              color: #ffffff;
              margin-right: 0.26667rem;
}
.player_control .van-popup .audio_model .audio_list ul li p .music_content[data-v-25735161] {
              flex: 1;
}
.player_control .van-popup .audio_model .audio_list ul li p .now_icon[data-v-25735161] {
              width: 0.4rem;
              height: 0.4rem;
              margin-left: 0.13333rem;
}
.player_control .van-popup .audio_model .audio_list ul li .bgy[data-v-25735161] {
            color: #ff7029;
}
.player_control .van-popup .audio_model .audio_list ul li img[data-v-25735161] {
            width: 0.29333rem;
            height: 0.29333rem;
}
.player_control .van-popup .audio_model .audio_list ul li .txtCor[data-v-25735161] {
            color: #eed9b0;
}
.player_control .van-popup .audio_model .btn[data-v-25735161] {
        width: 100%;
        height: 1.33333rem;
        border-top: 0.02667rem solid #eaeaea;
}
.player_control .van-popup .audio_model .btn .van-button[data-v-25735161] {
          width: 100%;
          height: 100%;
          font-size: 0.42667rem;
          color: var(--search_txt1);
          background-color: var(--bg_color);
          border: none;
}
.player_control .comment[data-v-25735161] {
    margin-top: 0.4rem;
    background-color: var(--bg_color);
    border-radius: 0.18667rem 0.18667rem 0 0;
    overflow: hidden;
}
.player_control .comment .comment_top[data-v-25735161] {
      height: 1.2rem;
      display: flex;
      justify-content: space-between;
      padding: 0 0.4rem;
      align-items: center;
      background-color: var(--bg_color);
}
.player_control .comment .comment_top span[data-v-25735161]:nth-of-type(1) {
        font-size: 0.42667rem;
        color: var(--box_title);
        font-weight: Bold;
}
.player_control .comment .comment_top span[data-v-25735161]:nth-of-type(2) {
        font-size: 0.32rem;
        color: #969696;
}
.player_control .comment .comment_list[data-v-25735161] {
      padding-bottom: 1.2rem;
}
.player_control .comment .comment_list ul li[data-v-25735161] {
        padding-bottom: 0.4rem;
}
.player_control .timer_title[data-v-25735161] {
    height: 1.44rem;
    font-size: 0.42667rem;
    font-weight: bold;
    color: #202020;
    text-align: center;
    line-height: 1.44rem;
    border-bottom: 0.02667rem solid #ccc;
}
.player_control .time_list li[data-v-25735161] {
    font-size: 0.4rem;
    color: #333333;
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
}
.player_control .time_list .no_time[data-v-25735161] {
    font-weight: bold;
    color: #a674f2;
}
.player_control .time_list .my_set .van-field[data-v-25735161] {
    background-color: #fff;
}
.player_control .time_list .my_set .van-field[data-v-25735161] .van-field__control {
      color: #333333;
}
.player_control .timer_clear[data-v-25735161] {
    height: 1.44rem;
    font-size: 0.42667rem;
    color: #202020;
    text-align: center;
    line-height: 1.44rem;
    border-top: 0.02667rem solid #ccc;
}
.player_control .cakeBox[data-v-25735161] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.46667rem;
    height: 7.73333rem;
    background: url("https://osscdn.666syh.com/image/app/1684918307971.png") no-repeat center/100% 100%;
}
.player_control .cakeBox .closeIcon[data-v-25735161] {
      position: absolute;
      bottom: -1.6rem;
      left: 50%;
      transform: translateX(-50%);
}
.player_control .cakeBox .closeIcon .closeImg[data-v-25735161] {
        width: 0.88rem;
        height: 0.88rem;
}
.player_control .cakeBox .btnBox2[data-v-25735161] {
      position: absolute;
      bottom: 0.53333rem;
      left: 50%;
      transform: translateX(-50%);
      width: 6.66667rem;
      height: 1.33333rem;
}

.content[data-v-2147dd7c] {
  width: 8.02667rem;
  height: 10.8rem;
  padding: 1.33333rem 0.8rem 0;
  color: #1d2129;
  z-index: -999;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.content .bgImg[data-v-2147dd7c] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.content .info[data-v-2147dd7c] {
    display: flex;
    flex-direction: column;
}
.content .info .avatarAndNickname[data-v-2147dd7c] {
      display: flex;
      align-items: center;
}
.content .info .avatarAndNickname .avatar[data-v-2147dd7c] {
        width: 0.53333rem;
        height: 0.53333rem;
        border-radius: 50%;
        margin-right: 0.10667rem;
        border: 0.01333rem solid #fff;
}
.content .info .avatarAndNickname .nickname[data-v-2147dd7c] {
        font-size: 0.29333rem;
}
.content .info .studyDays[data-v-2147dd7c] {
      margin-left: 0.64rem;
      font-size: 0.29333rem;
      line-height: 0.50667rem;
      margin-bottom: 0.34667rem;
}
.content .info .studyDays .days[data-v-2147dd7c] {
        font-size: 0.42667rem;
}
.content .info .bookBox[data-v-2147dd7c] {
      display: flex;
      flex-direction: column;
      font-size: 0.32rem;
      margin-bottom: 0.88rem;
}
.content .info .bookBox .bookInfo[data-v-2147dd7c] {
        display: flex;
        margin-bottom: 0.26667rem;
}
.content .info .bookBox .bookInfo .bookImg[data-v-2147dd7c] {
          width: 1.89333rem;
          height: 2.58667rem;
          margin-right: 0.26667rem;
          border-radius: 0.21333rem;
}
.content .info .bookBox .bookInfo .bookTitle[data-v-2147dd7c] {
          line-height: 0.56rem;
          font-size: 0.4rem;
          margin-bottom: 0.4rem;
          color: rgba(29, 33, 41, 0.9);
}
.content .info .bookBox .bookInfo .tutor[data-v-2147dd7c] {
          line-height: 0.45333rem;
}
.content .info .bookBox .desc[data-v-2147dd7c] {
        line-height: 0.45333rem;
        height: 1.36rem;
}
.content .info .logoAndQrcode[data-v-2147dd7c] {
      width: 100%;
      display: flex;
      justify-content: space-between;
      position: absolute;
      bottom: 0.8rem;
      left: 0;
      padding: 0 0.8rem;
}
.content .info .logoAndQrcode .logo[data-v-2147dd7c] {
        font-size: 0.32rem;
        margin-top: 0.32rem;
}
.content .info .logoAndQrcode .logo .logoIcon[data-v-2147dd7c] {
          width: 2rem;
          height: 0.66667rem;
          margin-top: 0.29333rem;
}
.content .info .logoAndQrcode .codeBox[data-v-2147dd7c] {
        width: 2.02667rem;
        height: 2.02667rem;
        background-color: #fff;
}
.content .info .logoAndQrcode .codeBox .qrcodeImg[data-v-2147dd7c] {
          width: 100%;
          height: 100%;
}
.shareC[data-v-2147dd7c] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.shareC .shareImg[data-v-2147dd7c] {
    border-radius: 0.53333rem;
    width: 8.02667rem;
    height: 10.8rem;
}
.shareC .tips[data-v-2147dd7c] {
    width: 100%;
    margin-top: 0.53333rem;
    font-size: 0.37333rem;
    color: #fff;
    text-align: center;
}
.shareC .tips .tipsText[data-v-2147dd7c] {
      margin-bottom: 0.26667rem;
}
.shareC .tips .tipsText[data-v-2147dd7c]:last-of-type {
        margin-bottom: 0.53333rem;
}
.shareC .tips .tipsImg[data-v-2147dd7c] {
      width: 0.69333rem;
      height: 0.69333rem;
}

.listen_player[data-v-a9c9311c] {
  background-size: cover;
  background-repeat: no-repeat;
  font-family: PingFang SC;
  background-position: top center;
  position: fixed;
  z-index: 200;
  height: 100vh;
  width: 100vw;
}
.listen_player .son_listen_box[data-v-a9c9311c] {
    height: 100%;
    position: absolute;
    z-index: 201;
    background: rgba(20, 20, 20, 0.7);
}
.listen_player .son_listen_box .van-hairline--bottom[data-v-a9c9311c]::after {
      border: none;
}
.listen_player .son_listen_box .van-nav-bar[data-v-a9c9311c] {
      background: rgba(0, 0, 0, 0);
      padding: 0 0.4rem;
}
.listen_player .son_listen_box .van-nav-bar[data-v-a9c9311c] .van-ellipsis {
        overflow: inherit;
}
.listen_player .son_listen_box .online_title[data-v-a9c9311c] {
      font-weight: bold;
      color: var(--search_txt2);
}
.listen_player .son_listen_box .listen_title[data-v-a9c9311c] {
      width: 2.4rem;
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ffffff;
      display: flex;
      justify-content: space-between;
}
.listen_player .son_listen_box .listen_title .video_tel[data-v-a9c9311c] {
        font-size: 0.42667rem;
        color: #666666;
}
.listen_player .son_listen_box .listen_title .music_tel[data-v-a9c9311c] {
        position: relative;
}
.listen_player .son_listen_box .listen_title .music_tel .txt_line[data-v-a9c9311c] {
          position: absolute;
          bottom: -0.13333rem;
          left: 38%;
          width: 0.34667rem;
          height: 0.08rem;
          background: #ffffff;
          border-radius: 0.05333rem;
          z-index: 1999;
}
.listen_player .son_listen_box .listen_title .bigTxt[data-v-a9c9311c] {
        transform: scale(1.2);
}
.listen_player .son_listen_box .leftBg[data-v-a9c9311c] {
      width: 0.26667rem;
      height: 0.42667rem;
      color: #ffffff;
}
.listen_player .son_listen_box .rightBg[data-v-a9c9311c] {
      width: 0.42667rem;
      height: 0.42667rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAAXNSR0IArs4c6QAAAG9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////L9MC0QAAACR0Uk5TAAEFBwoODxUXITU2P0BESlVWbXSPkLy9vsfJ0tPU2+Tn8fj8YgH1FAAAANZJREFUOMvV1NsOgjAMBuCKHJVNgQmKoqh7/2d0dBi7zuG1/wVJly/rAnQAiRr1O9cCTA7PuRxVYspk0CSNWVmTejBEUfDYTHt0ZEUBmBatFDZlPgGItlOxu2EjAPOU8CXx0W6CQoTAfUEguOzDwoJMBMUMICgQnDMICgR9CkHxAbDV+ukLAiDq9METFEzfCLhgAOOI9OQDR6T9F0BF7IFNUzii5iB/6KsjKt6i5G9sVdWxcwKx9H/8q5AhIVHQiWKRLU6UM5V+FJ9sngGHn9wOLPZ2+JkX6oM5kuHl9egAAAAASUVORK5CYII=) no-repeat center/100% 100%;
}
.listen_player .son_listen_box .contentTxt[data-v-a9c9311c] {
      margin-top: 0.26667rem;
      height: calc(100vh - 7.33333rem);
      width: 100vw;
      padding: 0.53333rem 0.66667rem;
      padding-top: 1.33333rem;
}
.listen_player .son_listen_box .contentTxt .sonContentBox[data-v-a9c9311c] {
        padding: 0.53333rem;
        height: 100%;
        text-align: center;
        font-size: 0.34667rem;
        line-height: 0.8rem;
        background-color: #fff;
        border-radius: 0.42667rem;
        overflow-y: auto;
        text-indent: 2em;
        position: relative;
}
.listen_player .son_listen_box .contentTxt .sonContentBox[data-v-a9c9311c]::-webkit-scrollbar {
          display: none;
}
.listen_player .son_listen_box .listen_bgimg[data-v-a9c9311c] {
      padding-top: 1.33333rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      height: calc(100vh - 6.13333rem);
      width: 100vw;
      overflow: hidden;
}
.listen_player .son_listen_box .listen_bgimg .title[data-v-a9c9311c] {
        width: 100%;
        padding: 0 0.53333rem;
        text-align: center;
}
.listen_player .son_listen_box .listen_bgimg .title .van-notice-bar[data-v-a9c9311c] {
          background: rgba(0, 0, 0, 0);
          font-size: 0.53333rem;
          color: #f9f9f9;
          font-weight: bold;
}
.listen_player .son_listen_box .listen_bgimg .container[data-v-a9c9311c] {
        margin: 0 auto;
        border-radius: 50%;
        width: 100%;
        text-align: center;
}
.listen_player .son_listen_box .listen_bgimg .container .audiopicture[data-v-a9c9311c] {
          width: 45%;
          height: 35vh;
          border-radius: 0.64rem;
}
.listen_player .son_listen_box .listen_bgimg .online_teacher[data-v-a9c9311c] {
        font-size: 0.26667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #f9f9f9;
}
.listen_player[data-v-a9c9311c]:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: inherit;
  filter: blur(0.26667rem);
  z-index: 2;
}
.rotater[data-v-a9c9311c] {
  -webkit-animation: spin-data-v-a9c9311c 20s linear 0s infinite;
          animation: spin-data-v-a9c9311c 20s linear 0s infinite;
}
.scaler[data-v-a9c9311c] {
  -webkit-animation: myfirst 3s linear 0s infinite;
          animation: myfirst 3s linear 0s infinite;
}
.liner[data-v-a9c9311c] {
  -webkit-animation: routerView-data-v-a9c9311c 4s linear 0s infinite;
          animation: routerView-data-v-a9c9311c 4s linear 0s infinite;
}
@-webkit-keyframes spin-data-v-a9c9311c {
from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin-data-v-a9c9311c {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes warn-data-v-a9c9311c {
0% {
    transform: scale(0);
    opacity: 0;
}
25% {
    transform: scale(0);
    opacity: 0.1;
}
50% {
    transform: scale(0.1);
    opacity: 0.3;
}
75% {
    transform: scale(0.5);
    opacity: 0.5;
}
100% {
    transform: scale(1);
    opacity: 0;
}
}
@-webkit-keyframes warn-data-v-a9c9311c {
0% {
    -webkit-transform: scale(0);
    opacity: 0;
}
25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
}
50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
}
75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
}
100% {
    -webkit-transform: scale(1);
    opacity: 0;
}
}
@-webkit-keyframes routerView-data-v-a9c9311c {
0% {
    opacity: 0;
    transform: rotate(0deg) scale(1);
}
25% {
    opacity: 0.5;
    transform: rotate(72deg) scale(1.1);
}
50% {
    opacity: 1;
    transform: rotate(144deg) scale(1.2);
}
75% {
    opacity: 0.5;
    transform: rotate(216deg) scale(1.3);
}
100% {
    opacity: 0;
    transform: rotate(360deg) scale(1.4);
}
}
@keyframes routerView-data-v-a9c9311c {
0% {
    opacity: 0;
    transform: rotate(0deg) scale(1);
}
25% {
    opacity: 0.5;
    transform: rotate(72deg) scale(1.1);
}
50% {
    opacity: 1;
    transform: rotate(144deg) scale(1.2);
}
75% {
    opacity: 0.5;
    transform: rotate(216deg) scale(1.3);
}
100% {
    opacity: 0;
    transform: rotate(360deg) scale(1.4);
}
}
.pause[data-v-a9c9311c] {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.vip_banner[data-v-41f5a09e] {
  width: 100%;
  padding: 0 0.37333rem;
  text-align: center;
}
.vip_banner img[data-v-41f5a09e] {
    width: 100%;
    height: 3.06667rem;
    border-radius: 0.13333rem;
    vertical-align: middle;
}

.flex[data-v-16359cd9] {
  display: flex;
}
.audiomodel[data-v-16359cd9] {
  padding-top: 0.53333rem;
  background: #f8f4eb;
}
.audiomodel .van-hairline--bottom[data-v-16359cd9]::after {
    border: none;
}
.audiomodel .van-nav-bar[data-v-16359cd9] {
    background: #f8f4eb;
    padding: 0 0.4rem;
    height: 1.28rem;
}
.audiomodel[data-v-16359cd9] .van-nav-bar__title {
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--search_txt2);
}
.audiomodel .leftBg[data-v-16359cd9] {
    width: 0.48rem;
    height: 0.50667rem;
    font-size: 0.69333rem;
    color: var(--search_txt2);
}
.audiomodel .rightBg[data-v-16359cd9] {
    width: 1.33333rem;
    padding: 0.26667rem 0.13333rem 0 0;
    text-align: right;
    line-height: 1.33333rem;
}
.audiomodel .rightBg .imgs[data-v-16359cd9] {
      width: 0.66667rem;
      height: 0.53333rem;
      background: var(--newsImg);
}
.audiomodel .rightBg[data-v-16359cd9] .van-badge--fixed {
      transform: translate(50%, -50%);
}
.audiomodel .contentTxt[data-v-16359cd9] {
    height: calc(100vh - 5.06667rem);
    overflow-y: auto;
    padding-top: 1.33333rem;
}
.audiomodel .contentTxt[data-v-16359cd9]::-webkit-scrollbar {
      display: none;
}
.audiomodel .contentTxt .sonContentBox[data-v-16359cd9] {
      padding: 0.26667rem 0.4rem;
      text-align: center;
      font-size: 0.42667rem;
}
.audiomodel .nav[data-v-16359cd9] {
    margin: 0 0.4rem;
    padding-top: 0.26667rem;
    height: 2.13333rem;
    background-color: #ffffff;
    border-radius: 0.21333rem;
    box-shadow: 0 0.10667rem 0.26667rem 0 rgba(233, 230, 230, 0.3);
}
.audiomodel .nav ul[data-v-16359cd9] {
      display: flex;
      justify-content: space-around;
}
.audiomodel .nav ul li[data-v-16359cd9] {
        width: 2.8rem;
        height: 1.6rem;
        box-shadow: 0.01067rem 0.01333rem 0.10667rem 0.01333rem rgba(233, 230, 230, 0.2);
        border-radius: 0.21333rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.audiomodel .nav ul li span[data-v-16359cd9] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #1d2129;
          margin-top: 0.02667rem;
}
.audiomodel .nav ul li img[data-v-16359cd9] {
          width: 1.12rem;
          height: 1.12rem;
}
.audiomodel .title_tl[data-v-16359cd9] {
    margin: 0.66667rem 0 0.21333rem;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    font-family: PingFang SC;
}
.audiomodel .title_tl .title_l[data-v-16359cd9] {
      font-size: 0.48rem;
      font-weight: bold;
      color: #1d2129;
}
.audiomodel .title_tl .title_r[data-v-16359cd9] {
      font-size: 0.37333rem;
      color: #4e5969;
      display: flex;
      align-items: center;
}
.audiomodel .zuijin[data-v-16359cd9] {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0.4rem;
    padding: 0.26667rem;
    background-color: var(--updata_bg);
    border-radius: 0.21333rem;
    width: 9.2rem;
}
.audiomodel .zuijin .sub_icon[data-v-16359cd9] {
      position: absolute;
      width: 0.8rem;
      height: 0.42667rem;
      top: 0;
      right: 0.8rem;
}
.audiomodel .zuijin .left_box[data-v-16359cd9] {
      flex: 1;
      display: flex;
      flex-direction: column;
      font-family: PingFang SC;
      position: relative;
}
.audiomodel .zuijin .left_box .mianfei[data-v-16359cd9] {
        position: absolute;
        right: 0;
        font-size: 0.32rem;
        color: #00b42a;
        font-weight: 500;
        width: 1.09333rem;
        height: 0.53333rem;
        background: #e1ffe4;
        border-radius: 1.33333rem 1.33333rem 1.33333rem 1.33333rem;
        line-height: 0.53333rem;
        text-align: center;
}
.audiomodel .zuijin .left_box .jinping[data-v-16359cd9] {
        color: #ff7029;
        background: #ffeee5;
}
.audiomodel .zuijin .left_box .title[data-v-16359cd9] {
        font-size: 0.42667rem;
        font-weight: bold;
        color: #1d2129;
        margin-bottom: 0.26667rem;
        width: 5.33333rem;
}
.audiomodel .zuijin .left_box .discription[data-v-16359cd9] {
        color: #4e5969;
        font-size: 0.37333rem;
        margin-bottom: 0.26667rem;
}
.audiomodel .zuijin .left_box .readerXQ[data-v-16359cd9] {
        justify-content: flex-start;
        font-size: 0.26667rem;
        font-family: PingFang SC;
}
.audiomodel .zuijin .left_box .readerXQ .hot_icon[data-v-16359cd9] {
          font-size: 0.26667rem;
          font-weight: Medium;
          color: #ff7029;
          margin-right: 0.18667rem;
          width: 1.6rem;
}
.audiomodel .zuijin .left_box .readerXQ .reader[data-v-16359cd9] {
          flex: 1;
          font-size: 0.26667rem;
          font-weight: Medium;
          color: #86909c;
}
.audiomodel .zuijin img[data-v-16359cd9] {
      width: 2rem;
      height: 2.66667rem;
      border-radius: 0.13333rem;
      margin-right: 0.37333rem;
      border: 0.00267rem solid #eaeaea;
}
.audiomodel .listBox[data-v-16359cd9] {
    margin: 0 0.4rem;
    padding-bottom: 1.6rem;
}
.audiomodel .listBox li[data-v-16359cd9] {
      margin-bottom: 0.32rem;
}

.body[data-v-e670b3aa] {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.body .bg[data-v-e670b3aa] {
    width: 100%;
}
.body .logo[data-v-e670b3aa] {
    position: absolute;
    width: 5.28rem;
    height: 2.45333rem;
    top: 1.2rem;
    left: calc(50% - 2.64rem);
}
.body .button[data-v-e670b3aa] {
    width: 5.65333rem;
    height: 1.22667rem;
    background: #2e75ef;
    border-radius: 2.66667rem;
    position: absolute;
    bottom: 1.33333rem;
    left: calc(50% - 2.82667rem);
    color: #ffffff;
    font-size: 0.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login[data-v-37261107] {
  height: 100%;
  background: url("https://osscdn.666syh.com/image/app/1695794627220.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #fff;
}
.login .loginBox[data-v-37261107] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    align-content: start;
}
.login .loginBox .center[data-v-37261107] {
      width: 100%;
      text-align: center;
      color: #1d2129;
      font-size: 0.48rem;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.18667rem;
}
.login .loginBox .center .back[data-v-37261107] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: auto;
        position: absolute;
}
.login .loginBox .center .span[data-v-37261107] {
        flex: 1;
        text-align: center;
}
.login .loginBox .logo[data-v-37261107] {
      width: 4rem;
      height: 4rem;
      margin-top: 1.57333rem;
}
.login .loginBox .form[data-v-37261107] {
      padding: 0 0.93333rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}
.login .loginBox .form .tabs[data-v-37261107] {
        margin-top: 0.66667rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.login .loginBox .form .tabs .span[data-v-37261107] {
          font-size: 0.4rem;
}
.login .loginBox .form .tabs .line[data-v-37261107] {
          width: 0.02667rem;
          height: 0.29333rem;
          background: #c9cdd4;
}
.login .loginBox .form .field[data-v-37261107] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.61333rem;
}
.login .loginBox .form .field .span[data-v-37261107] {
          color: #1d2129;
          font-size: 0.37333rem;
}
.login .loginBox .form .field[data-v-37261107] .van-cell {
          background: transparent;
          padding: 0;
          margin-top: 0.05333rem;
}
.login .loginBox .form .field[data-v-37261107] .van-field__value {
          border-bottom: 0.02667rem solid #c9cdd4;
}
.login .loginBox .form .field .anyInput[data-v-37261107] {
          display: flex;
          width: 100%;
          height: 0.8rem;
          border-bottom: 0.02667rem solid #c9cdd4;
          align-items: center;
}
.login .loginBox .form .field .anyInput .country[data-v-37261107] {
            color: #1d2129;
            font-size: 0.37333rem;
            border-right: 0.02667rem solid #c9cdd4;
            height: 0.53333rem;
            display: flex;
            align-items: center;
            max-width: 4rem;
}
.login .loginBox .form .field .anyInput .country .icon[data-v-37261107] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.13333rem;
              margin-right: 0.26667rem;
}
.login .loginBox .form .field .anyInput .countryNum[data-v-37261107] {
            color: #1d2129;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .anyInput .phoneInput[data-v-37261107] {
            border: none;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .getCodeBtn[data-v-37261107] {
          font-size: 0.37333rem;
}
.login .loginBox .form .field2[data-v-37261107] {
        margin-top: 0.34667rem;
}
.login .loginBox .form .forgetPass[data-v-37261107] {
        color: #9b9b9b;
        font-size: 0.32rem;
        margin-top: 0.26667rem;
        width: 100%;
        text-align: right;
}
.login .loginBox .form .loginBtn[data-v-37261107] {
        width: 8.13333rem;
        height: 1.01333rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 1.33333rem;
        margin-top: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 0.42667rem;
}
.login .loginBox .form .word[data-v-37261107] {
        color: #86909c;
        font-size: 0.26667rem;
        margin-top: 0.53333rem;
}
.login .loginBox .form .word[data-v-37261107] .van-radio-group {
          display: flex;
}
.login .loginBox .form .word[data-v-37261107] .van-radio-group .van-radio {
            margin-right: 0.16rem;
}
.login .loginBox .form .word .blue[data-v-37261107] {
          color: #6084e1;
}
.login .loginBox .other[data-v-37261107] {
      color: #86909c;
      font-size: 0.32rem;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-top: 2.13333rem;
}
.login .loginBox .other .icon[data-v-37261107] {
        width: 2.13333rem;
        height: 0.02667rem;
}
.login .loginBox .otherBox[data-v-37261107] {
      display: flex;
      margin-top: 0.4rem;
}
.login .loginBox .otherBox .otherItem[data-v-37261107] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.login .loginBox .otherBox .otherItem .icon[data-v-37261107] {
          width: 1.12rem;
          height: 1.12rem;
}
.login .loginBox .otherBox .otherItem .text[data-v-37261107] {
          color: #86909c;
          font-size: 0.32rem;
          margin-top: 0.16rem;
}
.login .loginBox .title[data-v-37261107] {
      display: flex;
      margin-top: 0.26667rem;
      flex-direction: column;
      width: 100%;
      padding-left: 0.4rem;
      justify-content: left;
      height: 2.34667rem;
}
.login .loginBox .title .close[data-v-37261107] {
        width: 0.64rem;
        height: 0.64rem;
}
.login .loginBox .title .span1[data-v-37261107] {
        width: 100%;
        font-weight: 800;
        color: #1d2129;
        font-size: 0.64rem;
        margin-top: 0.26667rem;
        padding-left: 0.53333rem;
}
.login .loginBox .title .span2[data-v-37261107] {
        color: #86909c;
        font-size: 0.29333rem;
        padding-left: 0.53333rem;
}

.login[data-v-ca1102ee] {
  height: 100%;
  background: url("https://osscdn.666syh.com/image/app/1695794627220.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #fff;
}
.login .loginBox[data-v-ca1102ee] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    align-content: start;
}
.login .loginBox .center[data-v-ca1102ee] {
      width: 100%;
      text-align: center;
      color: #1d2129;
      font-size: 0.48rem;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.18667rem;
}
.login .loginBox .center .back[data-v-ca1102ee] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: auto;
        position: absolute;
}
.login .loginBox .center .span[data-v-ca1102ee] {
        flex: 1;
        text-align: center;
}
.login .loginBox .logo[data-v-ca1102ee] {
      width: 4rem;
      height: 4rem;
      margin-top: 1.57333rem;
}
.login .loginBox .form[data-v-ca1102ee] {
      padding: 0 0.93333rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}
.login .loginBox .form .tabs[data-v-ca1102ee] {
        margin-top: 0.66667rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.login .loginBox .form .tabs .span[data-v-ca1102ee] {
          font-size: 0.4rem;
}
.login .loginBox .form .tabs .line[data-v-ca1102ee] {
          width: 0.02667rem;
          height: 0.29333rem;
          background: #c9cdd4;
}
.login .loginBox .form .field[data-v-ca1102ee] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.61333rem;
}
.login .loginBox .form .field .span[data-v-ca1102ee] {
          color: #1d2129;
          font-size: 0.37333rem;
}
.login .loginBox .form .field[data-v-ca1102ee] .van-cell {
          background: transparent;
          padding: 0;
          margin-top: 0.05333rem;
}
.login .loginBox .form .field[data-v-ca1102ee] .van-field__value {
          border-bottom: 0.02667rem solid #c9cdd4;
}
.login .loginBox .form .field .anyInput[data-v-ca1102ee] {
          display: flex;
          width: 100%;
          height: 0.8rem;
          border-bottom: 0.02667rem solid #c9cdd4;
          align-items: center;
}
.login .loginBox .form .field .anyInput .country[data-v-ca1102ee] {
            color: #1d2129;
            font-size: 0.37333rem;
            border-right: 0.02667rem solid #c9cdd4;
            height: 0.53333rem;
            display: flex;
            align-items: center;
            max-width: 4rem;
}
.login .loginBox .form .field .anyInput .country .icon[data-v-ca1102ee] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.13333rem;
              margin-right: 0.26667rem;
}
.login .loginBox .form .field .anyInput .countryNum[data-v-ca1102ee] {
            color: #1d2129;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .anyInput .phoneInput[data-v-ca1102ee] {
            border: none;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .getCodeBtn[data-v-ca1102ee] {
          font-size: 0.37333rem;
}
.login .loginBox .form .field2[data-v-ca1102ee] {
        margin-top: 0.34667rem;
}
.login .loginBox .form .forgetPass[data-v-ca1102ee] {
        color: #9b9b9b;
        font-size: 0.32rem;
        margin-top: 0.26667rem;
        width: 100%;
        text-align: right;
}
.login .loginBox .form .loginBtn[data-v-ca1102ee] {
        width: 8.13333rem;
        height: 1.01333rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 1.33333rem;
        margin-top: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 0.42667rem;
}
.login .loginBox .form .word[data-v-ca1102ee] {
        color: #86909c;
        font-size: 0.26667rem;
        margin-top: 0.53333rem;
}
.login .loginBox .form .word[data-v-ca1102ee] .van-radio-group {
          display: flex;
}
.login .loginBox .form .word[data-v-ca1102ee] .van-radio-group .van-radio {
            margin-right: 0.16rem;
}
.login .loginBox .form .word .blue[data-v-ca1102ee] {
          color: #6084e1;
}
.login .loginBox .other[data-v-ca1102ee] {
      color: #86909c;
      font-size: 0.32rem;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-top: 2.13333rem;
}
.login .loginBox .other .icon[data-v-ca1102ee] {
        width: 2.13333rem;
        height: 0.02667rem;
}
.login .loginBox .otherBox[data-v-ca1102ee] {
      display: flex;
      margin-top: 0.4rem;
}
.login .loginBox .otherBox .otherItem[data-v-ca1102ee] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.login .loginBox .otherBox .otherItem .icon[data-v-ca1102ee] {
          width: 1.12rem;
          height: 1.12rem;
}
.login .loginBox .otherBox .otherItem .text[data-v-ca1102ee] {
          color: #86909c;
          font-size: 0.32rem;
          margin-top: 0.16rem;
}
.login .loginBox .title[data-v-ca1102ee] {
      display: flex;
      margin-top: 0.26667rem;
      flex-direction: column;
      width: 100%;
      padding-left: 0.4rem;
      justify-content: left;
      height: 2.34667rem;
}
.login .loginBox .title .close[data-v-ca1102ee] {
        width: 0.64rem;
        height: 0.64rem;
}
.login .loginBox .title .span1[data-v-ca1102ee] {
        width: 100%;
        font-weight: 800;
        color: #1d2129;
        font-size: 0.64rem;
        margin-top: 0.26667rem;
        padding-left: 0.53333rem;
}
.login .loginBox .title .span2[data-v-ca1102ee] {
        color: #86909c;
        font-size: 0.29333rem;
        padding-left: 0.53333rem;
}

.login[data-v-67ba7570] {
  height: 100%;
  background: url("https://osscdn.666syh.com/image/app/1695794627220.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #fff;
}
.login .loginBox[data-v-67ba7570] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    align-content: start;
}
.login .loginBox .center[data-v-67ba7570] {
      width: 100%;
      text-align: center;
      color: #1d2129;
      font-size: 0.48rem;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.18667rem;
}
.login .loginBox .center .back[data-v-67ba7570] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: auto;
        position: absolute;
}
.login .loginBox .center .span[data-v-67ba7570] {
        flex: 1;
        text-align: center;
}
.login .loginBox .logo[data-v-67ba7570] {
      width: 4rem;
      height: 4rem;
      margin-top: 1.57333rem;
}
.login .loginBox .form[data-v-67ba7570] {
      padding: 0 0.93333rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}
.login .loginBox .form .tabs[data-v-67ba7570] {
        margin-top: 0.66667rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.login .loginBox .form .tabs .span[data-v-67ba7570] {
          font-size: 0.4rem;
}
.login .loginBox .form .tabs .line[data-v-67ba7570] {
          width: 0.02667rem;
          height: 0.29333rem;
          background: #c9cdd4;
}
.login .loginBox .form .field[data-v-67ba7570] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.61333rem;
}
.login .loginBox .form .field .span[data-v-67ba7570] {
          color: #1d2129;
          font-size: 0.37333rem;
}
.login .loginBox .form .field[data-v-67ba7570] .van-cell {
          background: transparent;
          padding: 0;
          margin-top: 0.05333rem;
}
.login .loginBox .form .field[data-v-67ba7570] .van-field__value {
          border-bottom: 0.02667rem solid #c9cdd4;
}
.login .loginBox .form .field .anyInput[data-v-67ba7570] {
          display: flex;
          width: 100%;
          height: 0.8rem;
          border-bottom: 0.02667rem solid #c9cdd4;
          align-items: center;
}
.login .loginBox .form .field .anyInput .country[data-v-67ba7570] {
            color: #1d2129;
            font-size: 0.37333rem;
            border-right: 0.02667rem solid #c9cdd4;
            height: 0.53333rem;
            display: flex;
            align-items: center;
            max-width: 4rem;
}
.login .loginBox .form .field .anyInput .country .icon[data-v-67ba7570] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.13333rem;
              margin-right: 0.26667rem;
}
.login .loginBox .form .field .anyInput .countryNum[data-v-67ba7570] {
            color: #1d2129;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .anyInput .phoneInput[data-v-67ba7570] {
            border: none;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .getCodeBtn[data-v-67ba7570] {
          font-size: 0.37333rem;
}
.login .loginBox .form .field2[data-v-67ba7570] {
        margin-top: 0.34667rem;
}
.login .loginBox .form .forgetPass[data-v-67ba7570] {
        color: #9b9b9b;
        font-size: 0.32rem;
        margin-top: 0.26667rem;
        width: 100%;
        text-align: right;
}
.login .loginBox .form .loginBtn[data-v-67ba7570] {
        width: 8.13333rem;
        height: 1.01333rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 1.33333rem;
        margin-top: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 0.42667rem;
}
.login .loginBox .form .word[data-v-67ba7570] {
        color: #86909c;
        font-size: 0.26667rem;
        margin-top: 0.53333rem;
}
.login .loginBox .form .word[data-v-67ba7570] .van-radio-group {
          display: flex;
}
.login .loginBox .form .word[data-v-67ba7570] .van-radio-group .van-radio {
            margin-right: 0.16rem;
}
.login .loginBox .form .word .blue[data-v-67ba7570] {
          color: #6084e1;
}
.login .loginBox .other[data-v-67ba7570] {
      color: #86909c;
      font-size: 0.32rem;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-top: 2.13333rem;
}
.login .loginBox .other .icon[data-v-67ba7570] {
        width: 2.13333rem;
        height: 0.02667rem;
}
.login .loginBox .otherBox[data-v-67ba7570] {
      display: flex;
      margin-top: 0.4rem;
}
.login .loginBox .otherBox .otherItem[data-v-67ba7570] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.login .loginBox .otherBox .otherItem .icon[data-v-67ba7570] {
          width: 1.12rem;
          height: 1.12rem;
}
.login .loginBox .otherBox .otherItem .text[data-v-67ba7570] {
          color: #86909c;
          font-size: 0.32rem;
          margin-top: 0.16rem;
}
.login .loginBox .title[data-v-67ba7570] {
      display: flex;
      margin-top: 0.26667rem;
      flex-direction: column;
      width: 100%;
      padding-left: 0.4rem;
      justify-content: left;
      height: 2.34667rem;
}
.login .loginBox .title .close[data-v-67ba7570] {
        width: 0.64rem;
        height: 0.64rem;
}
.login .loginBox .title .span1[data-v-67ba7570] {
        width: 100%;
        font-weight: 800;
        color: #1d2129;
        font-size: 0.64rem;
        margin-top: 0.26667rem;
        padding-left: 0.53333rem;
}
.login .loginBox .title .span2[data-v-67ba7570] {
        color: #86909c;
        font-size: 0.29333rem;
        padding-left: 0.53333rem;
}

.login[data-v-37dfd6fc] {
  height: 100%;
  background: url("https://osscdn.666syh.com/image/app/1695794627220.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #fff;
}
.login .loginBox[data-v-37dfd6fc] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    align-content: start;
}
.login .loginBox .center[data-v-37dfd6fc] {
      width: 100%;
      text-align: center;
      color: #1d2129;
      font-size: 0.48rem;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.18667rem;
}
.login .loginBox .center .back[data-v-37dfd6fc] {
        width: 0.64rem;
        height: 0.64rem;
        margin-right: auto;
        position: absolute;
}
.login .loginBox .center .span[data-v-37dfd6fc] {
        flex: 1;
        text-align: center;
}
.login .loginBox .logo[data-v-37dfd6fc] {
      width: 4rem;
      height: 4rem;
      margin-top: 1.57333rem;
}
.login .loginBox .form[data-v-37dfd6fc] {
      padding: 0 0.93333rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}
.login .loginBox .form .tabs[data-v-37dfd6fc] {
        margin-top: 0.66667rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.login .loginBox .form .tabs .span[data-v-37dfd6fc] {
          font-size: 0.4rem;
}
.login .loginBox .form .tabs .line[data-v-37dfd6fc] {
          width: 0.02667rem;
          height: 0.29333rem;
          background: #c9cdd4;
}
.login .loginBox .form .field[data-v-37dfd6fc] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.61333rem;
}
.login .loginBox .form .field .span[data-v-37dfd6fc] {
          color: #1d2129;
          font-size: 0.37333rem;
}
.login .loginBox .form .field[data-v-37dfd6fc] .van-cell {
          background: transparent;
          padding: 0;
          margin-top: 0.05333rem;
}
.login .loginBox .form .field[data-v-37dfd6fc] .van-field__value {
          border-bottom: 0.02667rem solid #c9cdd4;
}
.login .loginBox .form .field .anyInput[data-v-37dfd6fc] {
          display: flex;
          width: 100%;
          height: 0.8rem;
          border-bottom: 0.02667rem solid #c9cdd4;
          align-items: center;
}
.login .loginBox .form .field .anyInput .country[data-v-37dfd6fc] {
            color: #1d2129;
            font-size: 0.37333rem;
            border-right: 0.02667rem solid #c9cdd4;
            height: 0.53333rem;
            display: flex;
            align-items: center;
            max-width: 4rem;
}
.login .loginBox .form .field .anyInput .country .icon[data-v-37dfd6fc] {
              width: 0.26667rem;
              height: 0.26667rem;
              margin-left: 0.13333rem;
              margin-right: 0.26667rem;
}
.login .loginBox .form .field .anyInput .countryNum[data-v-37dfd6fc] {
            color: #1d2129;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .anyInput .phoneInput[data-v-37dfd6fc] {
            border: none;
            font-size: 0.37333rem;
            margin-left: 0.26667rem;
}
.login .loginBox .form .field .getCodeBtn[data-v-37dfd6fc] {
          font-size: 0.37333rem;
}
.login .loginBox .form .field2[data-v-37dfd6fc] {
        margin-top: 0.34667rem;
}
.login .loginBox .form .forgetPass[data-v-37dfd6fc] {
        color: #9b9b9b;
        font-size: 0.32rem;
        margin-top: 0.26667rem;
        width: 100%;
        text-align: right;
}
.login .loginBox .form .loginBtn[data-v-37dfd6fc] {
        width: 8.13333rem;
        height: 1.01333rem;
        background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        border-radius: 1.33333rem;
        margin-top: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 0.42667rem;
}
.login .loginBox .form .word[data-v-37dfd6fc] {
        color: #86909c;
        font-size: 0.26667rem;
        margin-top: 0.53333rem;
}
.login .loginBox .form .word[data-v-37dfd6fc] .van-radio-group {
          display: flex;
}
.login .loginBox .form .word[data-v-37dfd6fc] .van-radio-group .van-radio {
            margin-right: 0.16rem;
}
.login .loginBox .form .word .blue[data-v-37dfd6fc] {
          color: #6084e1;
}
.login .loginBox .other[data-v-37dfd6fc] {
      color: #86909c;
      font-size: 0.32rem;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-top: 2.13333rem;
}
.login .loginBox .other .icon[data-v-37dfd6fc] {
        width: 2.13333rem;
        height: 0.02667rem;
}
.login .loginBox .otherBox[data-v-37dfd6fc] {
      display: flex;
      margin-top: 0.4rem;
}
.login .loginBox .otherBox .otherItem[data-v-37dfd6fc] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.login .loginBox .otherBox .otherItem .icon[data-v-37dfd6fc] {
          width: 1.12rem;
          height: 1.12rem;
}
.login .loginBox .otherBox .otherItem .text[data-v-37dfd6fc] {
          color: #86909c;
          font-size: 0.32rem;
          margin-top: 0.16rem;
}
.login .loginBox .title[data-v-37dfd6fc] {
      display: flex;
      margin-top: 0.26667rem;
      flex-direction: column;
      width: 100%;
      padding-left: 0.4rem;
      justify-content: left;
      height: 2.34667rem;
}
.login .loginBox .title .close[data-v-37dfd6fc] {
        width: 0.64rem;
        height: 0.64rem;
}
.login .loginBox .title .span1[data-v-37dfd6fc] {
        width: 100%;
        font-weight: 800;
        color: #1d2129;
        font-size: 0.64rem;
        margin-top: 0.26667rem;
        padding-left: 0.53333rem;
}
.login .loginBox .title .span2[data-v-37dfd6fc] {
        color: #86909c;
        font-size: 0.29333rem;
        padding-left: 0.53333rem;
}

.callback_page[data-v-f703cbc2] {
  padding: 0.4rem;
  font-size: 0.48rem;
}

.logo[data-v-303732fb] {
  width: 4rem;
  height: 4rem;
  margin-top: 1.57333rem;
}
.form[data-v-303732fb] {
  padding: 0 0.93333rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.form .tabs[data-v-303732fb] {
    margin-top: 0.66667rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form .tabs .span[data-v-303732fb] {
      font-size: 0.4rem;
}
.form .tabs .line[data-v-303732fb] {
      width: 0.02667rem;
      height: 0.29333rem;
      background: #c9cdd4;
}
.form .field[data-v-303732fb] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.61333rem;
}
.form .field .span[data-v-303732fb] {
      color: #1d2129;
      font-size: 0.37333rem;
}
.form .field[data-v-303732fb] .van-cell {
      background: transparent;
      padding: 0;
      margin-top: 0.05333rem;
}
.form .field[data-v-303732fb] .van-field__value {
      border-bottom: 0.02667rem solid #c9cdd4;
}
.form .field .anyInput[data-v-303732fb] {
      display: flex;
      width: 100%;
      height: 0.8rem;
      border-bottom: 0.02667rem solid #c9cdd4;
      align-items: center;
}
.form .field .anyInput .country[data-v-303732fb] {
        color: #1d2129;
        font-size: 0.37333rem;
        border-right: 0.02667rem solid #c9cdd4;
        height: 0.53333rem;
        display: flex;
        align-items: center;
        max-width: 4rem;
}
.form .field .anyInput .country .icon[data-v-303732fb] {
          width: 0.26667rem;
          height: 0.26667rem;
          margin-left: 0.13333rem;
          margin-right: 0.26667rem;
}
.form .field .anyInput .countryNum[data-v-303732fb] {
        color: #1d2129;
        font-size: 0.37333rem;
        margin-left: 0.26667rem;
}
.form .field .anyInput .phoneInput[data-v-303732fb] {
        border: none;
        font-size: 0.37333rem;
        margin-left: 0.26667rem;
}
.form .field .getCodeBtn[data-v-303732fb] {
      font-size: 0.37333rem;
}
.form .field2[data-v-303732fb] {
    margin-top: 0.34667rem;
}
.form .forgetPass[data-v-303732fb] {
    color: #9b9b9b;
    font-size: 0.32rem;
    margin-top: 0.26667rem;
    width: 100%;
    text-align: right;
}
.form .loginBtn[data-v-303732fb] {
    width: 8.13333rem;
    height: 1.01333rem;
    background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.33333rem;
    margin-top: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 0.42667rem;
}
.form .word[data-v-303732fb] {
    color: #86909c;
    font-size: 0.26667rem;
    margin-top: 0.53333rem;
}
.form .word[data-v-303732fb] .van-radio-group {
      display: flex;
}
.form .word[data-v-303732fb] .van-radio-group .van-radio {
        margin-right: 0.16rem;
}
.form .word .blue[data-v-303732fb] {
      color: #6084e1;
}
.wx_bindMobile[data-v-303732fb] {
  background: url("https://osscdn.666syh.com/image/app/1688116850755.png") no-repeat bottom/102%;
  background-color: #fff;
  min-height: 100vh;
  font-family: PingFang SC-Medium, PingFang SC;
}
.wx_bindMobile .newtab[data-v-303732fb] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.4rem 0.26667rem 0;
    font-size: 0.32rem;
    font-weight: 500;
    color: #4e5969;
}
.wx_bindMobile .box2[data-v-303732fb] {
    padding: 0.4rem 0.93333rem 0;
}
.wx_bindMobile .box2 .title[data-v-303732fb] {
      font-size: 0.64rem;
      font-weight: 800;
      color: #1d2129;
      margin-bottom: 1.68rem;
}
.wx_bindMobile .box2 .title .tips[data-v-303732fb] {
        font-size: 0.29333rem;
        font-weight: 400;
        color: #86909c;
}

.register[data-v-e2ba3716] {
  background-color: var(--bg_color);
}
.register .topBg[data-v-e2ba3716] {
    margin-bottom: 0.8rem;
}
.register .title[data-v-e2ba3716] {
    font-size: 0.8rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: var(--box_title);
    margin-bottom: 0.53333rem;
}
.register .form .van-field[data-v-e2ba3716] {
    height: 1.33333rem;
    background-color: var(--bg_color);
    font-size: 0.45333rem;
    border-bottom: 0.02667rem solid #969696;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.13333rem;
}
.register .form .van-field .spanbox[data-v-e2ba3716] {
      color: #eed9b0;
}
.register .form .van-field[data-v-e2ba3716] .van-field__label {
      width: 3.2rem;
      color: var(--box_title);
}
.register .form .van-field[data-v-e2ba3716] .van-field__error-message {
      font-size: 0.26667rem;
}
.register .form .van-field[data-v-e2ba3716] .van-field__control {
      color: var(--box_title);
}
.register .form .van-field[data-v-e2ba3716] .van-field__control::-moz-placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.register .form .van-field[data-v-e2ba3716] .van-field__control:-ms-input-placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.register .form .van-field[data-v-e2ba3716] .van-field__control::placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.register .form .van-field .setpassbtn[data-v-e2ba3716] {
      background-color: var(--bg_color);
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--send_codebtn);
      border: none;
      outline: none;
}
.register .form .mobilebox[data-v-e2ba3716] {
    display: flex;
    height: 1.33333rem;
    border-bottom: 0.02667rem solid #969696;
}
.register .form .mobilebox .el-select[data-v-e2ba3716] {
      width: 2.4rem;
}
.register .form .mobilebox .el-select[data-v-e2ba3716] .el-input__inner {
        height: 1.33333rem;
        border: none;
        border-bottom: 0.02667rem solid #969696;
        font-size: 0.4rem;
        background-color: var(--bg_color);
        padding-bottom: 0.13333rem;
        border-right: none;
}
.register .form .mobilebox .el-select[data-v-e2ba3716] .el-input__suffix {
        padding-bottom: 0.13333rem;
}
.register .form .mobilebox .quhaobox[data-v-e2ba3716] {
      width: 1.01333rem;
      padding: 0;
}
.register .form .mobilebox .gang[data-v-e2ba3716] {
      padding-top: 0.05333rem;
      color: #333333;
      background-color: var(--bg_color);
      line-height: 1.2rem;
}
.register .form .mobilebox .mobileinput[data-v-e2ba3716] {
      flex: 1;
      margin-bottom: 0.53333rem;
      background-color: var(--bg_color);
      font-size: 0.45333rem;
      padding-left: 0.13333rem;
      border-right: none;
}
.register .form .mobilebox .mobileinput[data-v-e2ba3716] .van-field__control {
        color: var(--box_title);
}
.register .form .mobilebox .mobileinput[data-v-e2ba3716] .van-field__control::-moz-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.register .form .mobilebox .mobileinput[data-v-e2ba3716] .van-field__control:-ms-input-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.register .form .mobilebox .mobileinput[data-v-e2ba3716] .van-field__control::placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.register .form .first_ipn[data-v-e2ba3716] .van-field__label {
    width: 1.33333rem;
    color: var(--box_title);
}
.register .form .btn[data-v-e2ba3716] {
    margin-top: 1.06667rem;
    width: 100%;
}
.register .form .btn .van-button[data-v-e2ba3716] {
      width: 100%;
      height: 1.28rem;
      border-radius: 0.21333rem;
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: 500;
      background: #eed9b0;
      color: #202020;
      border: none;
      margin-bottom: 0.56rem;
}
.register .form .btn .tips[data-v-e2ba3716] {
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--box_righttxt);
}
.register .form .btn .tips span[data-v-e2ba3716] {
        color: #eed9b0;
}

.find_password[data-v-0596c7ff] {
  width: 100%;
}
.find_password .topBg[data-v-0596c7ff] {
    padding-top: 0.53333rem;
    margin-bottom: 1.33333rem;
}
.find_password .title[data-v-0596c7ff] {
    font-size: 0.8rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: var(--box_title);
    margin-bottom: 1.14667rem;
}
.find_password .van-field[data-v-0596c7ff] {
    height: 1.33333rem;
    background-color: var(--bg_color);
    font-size: 0.45333rem;
    border-bottom: 0.02667rem solid #969696;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.13333rem;
}
.find_password .van-field[data-v-0596c7ff] .van-field__label {
      width: 2.66667rem;
      color: var(--box_title);
}
.find_password .van-field[data-v-0596c7ff] .van-field__error-message {
      font-size: 0.26667rem;
}
.find_password .van-field[data-v-0596c7ff] .van-field__control {
      color: var(--box_title);
}
.find_password .van-field[data-v-0596c7ff] .van-field__control::-moz-placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.find_password .van-field[data-v-0596c7ff] .van-field__control:-ms-input-placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.find_password .van-field[data-v-0596c7ff] .van-field__control::placeholder {
        font-size: 0.45333rem;
        color: #969696;
}
.find_password .van-field .setpassbtn[data-v-0596c7ff] {
      background-color: var(--bg_color);
      font-size: 0.42667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--send_codebtn);
      border: none;
      outline: none;
}
.find_password .btn[data-v-0596c7ff] {
    margin-top: 0.8rem;
    width: 100%;
}
.find_password .btn .van-button[data-v-0596c7ff] {
      width: 100%;
      height: 1.28rem;
      border-radius: 0.21333rem;
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: 500;
      border: none;
}
.find_password .btn .loginBtn[data-v-0596c7ff] {
      background: #EED9B0;
      color: #202020;
      border: none;
}
.find_password .mobilebox[data-v-0596c7ff] {
    display: flex;
    height: 1.33333rem;
    border-bottom: 0.02667rem solid #969696;
    margin-bottom: 0.26667rem;
}
.find_password .mobilebox .el-select[data-v-0596c7ff] {
      width: 2.4rem;
}
.find_password .mobilebox .el-select[data-v-0596c7ff] .el-input__inner {
        height: 1.33333rem;
        border: none;
        border-bottom: 0.02667rem solid #969696;
        font-size: 0.4rem;
        background-color: var(--bg_color);
        padding-bottom: 0.13333rem;
        border-right: none;
}
.find_password .mobilebox .el-select[data-v-0596c7ff] .el-input__suffix {
        padding-bottom: 0.13333rem;
}
.find_password .mobilebox .quhaobox[data-v-0596c7ff] {
      width: 1.01333rem;
      padding: 0;
}
.find_password .mobilebox .gang[data-v-0596c7ff] {
      padding-top: 0.05333rem;
      color: #333333;
      background-color: var(--bg_color);
      line-height: 1.2rem;
}
.find_password .mobilebox .mobileinput[data-v-0596c7ff] {
      flex: 1;
      margin-bottom: 0.53333rem;
      background-color: var(--bg_color);
      font-size: 0.45333rem;
      padding-left: 0.13333rem;
      border-right: none;
}
.find_password .mobilebox .mobileinput[data-v-0596c7ff] .van-field__control {
        color: var(--box_title);
}
.find_password .mobilebox .mobileinput[data-v-0596c7ff] .van-field__control::-moz-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.find_password .mobilebox .mobileinput[data-v-0596c7ff] .van-field__control:-ms-input-placeholder {
          font-size: 0.45333rem;
          color: #969696;
}
.find_password .mobilebox .mobileinput[data-v-0596c7ff] .van-field__control::placeholder {
          font-size: 0.45333rem;
          color: #969696;
}

.remind[data-v-13aae93f] {
  background-color: var(--bg_color);
  height: 100vh;
}
.remind .content[data-v-13aae93f] {
    margin: 4rem auto 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.remind .content img[data-v-13aae93f] {
      width: 3.54667rem;
      height: 3.54667rem;
      margin-bottom: 0.66667rem;
}
.remind .content span[data-v-13aae93f] {
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #cdcdcd;
}

.news_box[data-v-d6f5926a] {
  background-color: var(--page_bgcolor);
}
.news_box ul[data-v-d6f5926a] {
    margin-top: 0.4rem;
}
.news_box ul li[data-v-d6f5926a] {
      position: relative;
      border-radius: 0.18667rem;
      overflow: hidden;
      margin-bottom: 0.26667rem;
      padding: 0.4rem;
      background-color: var(--nav_bgcolor);
      height: 3.92rem;
}
.news_box ul li .dot_dot[data-v-d6f5926a] {
        position: absolute;
        right: 0.26667rem;
        top: 0.13333rem;
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 50%;
        background-color: red;
}
.news_box ul li .news_item .news_top[data-v-d6f5926a] {
        display: flex;
        justify-content: space-between;
}
.news_box ul li .news_item .news_top .img_book[data-v-d6f5926a] {
          font-size: 0.34667rem;
          color: var(--box_title);
          font-weight: bold;
          font-family: PingFang-SC-Medium;
}
.news_box ul li .news_item .news_top .img_book img[data-v-d6f5926a] {
            width: 0.66667rem;
            height: 0.66667rem;
}
.news_box ul li .news_item .news_top .news_time[data-v-d6f5926a] {
          font-size: 0.32rem;
          color: #969696;
          font-weight: Heavy;
          font-family: PingFang-SC-Heavy;
}
.news_box ul li .news_item .new_bottom[data-v-d6f5926a] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 2.21333rem;
        background-color: var(--news_itembg);
        padding: 0.26667rem;
        margin-top: 0.26667rem;
}
.news_box ul li .news_item .new_bottom .new_title[data-v-d6f5926a] {
          font-size: 0.42667rem;
          color: var(--box_title);
          font-weight: Bold;
          font-family: PingFang-SC-Bold;
}
.news_box ul li .news_item .new_bottom .new_content[data-v-d6f5926a] {
          font-size: 0.37333rem;
          color: #969696;
          font-weight: Medium;
          font-family: PingFang-SC-Medium;
}

.news[data-v-764a0da0] {
  background-color: var(--page_bgcolor);
  padding-bottom: 1.33333rem;
}
.news .van-tabs[data-v-764a0da0] .van-tabs__nav {
    background-color: var(--tabr_bgcolor);
}
.news .van-tabs[data-v-764a0da0] .van-tabs__line {
    background-color: #ead2ac;
}
.news .van-tabs .van-tab__pane[data-v-764a0da0], .news .van-tabs .van-tab__pane-wrapper[data-v-764a0da0] {
    padding: 0 0.37333rem;
}
.news .van-tabs[data-v-764a0da0] .van-tab__text--ellipsis {
    color: var(--box_title);
}

.news_info[data-v-58f0dae6] {
  background-color: var(--nav_bgcolor);
  color: var(--box_title);
  font-size: 0.42667rem;
  width: 100%;
  padding: 0 0.42667rem;
}
.news_info .title_p[data-v-58f0dae6] {
    text-align: center;
    font-size: 0.58667rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--box_title);
    margin: 0.26667rem 0;
}
.news_info .rich[data-v-58f0dae6] {
    width: 100%;
    color: var(--box_title);
}
.news_info .rich[data-v-58f0dae6] img {
      width: 100%;
}
.news_info .bottom_info[data-v-58f0dae6] {
    padding: 0.8rem 0;
    text-align: center;
}
.news_info .bottom_info .startTime[data-v-58f0dae6] {
      font-size: 0.26667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #969696;
      margin-bottom: 0.4rem;
}
.news_info .bottom_info .auther img[data-v-58f0dae6] {
      width: 0.53333rem;
      height: 0.53333rem;
      vertical-align: middle;
      margin-right: 0.16rem;
}
.news_info .bottom_info .auther span[data-v-58f0dae6] {
      font-size: 0.29333rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--box_title);
}

.online_info .van-hairline--bottom[data-v-dd4c04b8]::after {
  border: none;
}
.online_info .van-nav-bar[data-v-dd4c04b8] {
  background-color: rgba(255, 255, 255, 0);
}
.online_info .van-nav-bar[data-v-dd4c04b8] .van-icon {
    color: var(--search_txt1);
}
.online_info .top_container[data-v-dd4c04b8] {
  height: 45vh;
  overflow-y: auto;
  padding-bottom: 0.53333rem;
}
.online_info .top_container[data-v-dd4c04b8]::-webkit-scrollbar {
    display: none;
}
.online_info .top_container .top_box[data-v-dd4c04b8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.4rem 0;
}
.online_info .top_container .top_box[data-v-dd4c04b8] .van-nav-bar__arrow {
      color: #f9f9f9;
}
.online_info .top_container .top_box .title_info[data-v-dd4c04b8] {
      display: flex;
      justify-content: space-between;
      border-radius: 0.53333rem 0.53333rem 0 0;
}
.online_info .top_container .top_box .title_info .img[data-v-dd4c04b8] {
        width: 2.77333rem;
        height: 3.38667rem;
        border-radius: 0.13333rem;
        margin-right: 0.42667rem;
        overflow: hidden;
}
.online_info .top_container .top_box .title_info .img img[data-v-dd4c04b8] {
          width: 100%;
          height: 100%;
}
.online_info .top_container .top_box .title_info .text[data-v-dd4c04b8] {
        height: 3.38667rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0.18667rem 0;
        font-family: PingFang SC;
}
.online_info .top_container .top_box .title_info .text .text_tile[data-v-dd4c04b8] {
          font-size: 0.53333rem;
          color: #ffffff;
          font-weight: 800;
          margin-bottom: 0.21333rem;
          height: 0.69333rem;
}
.online_info .top_container .top_box .title_info .text .icon_box[data-v-dd4c04b8] {
          height: 0.53333rem;
          display: flex;
          justify-content: flex-start;
          margin-top: 0.53333rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-dd4c04b8] {
            border-radius: 0.08rem;
            font-size: 0.26667rem;
            font-weight: Medium;
            padding: 0.08rem 0.10667rem;
            color: #f9f9f9;
            background-color: rgba(31, 29, 29, 0.4);
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-dd4c04b8]:nth-of-type(1) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-dd4c04b8]:nth-of-type(2) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .system_info[data-v-dd4c04b8] {
          margin-top: 0.26667rem;
          display: flex;
          justify-content: space-around;
          align-items: center;
          background-color: rgba(31, 29, 29, 0.4);
          border-radius: 0.13333rem;
          color: #eaeaea;
          font-size: 0.32rem;
          padding: 0 0.26667rem;
          height: 0.8rem;
}
.online_info .top_container .top_box .title_info .text .system_info .vsp[data-v-dd4c04b8] {
            display: flex;
            align-items: center;
}
.online_info .top_container .top_box .title_info .text .system_info .vsp img[data-v-dd4c04b8] {
              width: 0.50667rem;
              height: 0.50667rem;
              margin-right: 0.18667rem;
}
.online_info .top_container .top_box .price_box[data-v-dd4c04b8] {
      margin-top: 0.45333rem;
      height: 0.93333rem;
      width: 100%;
      background: url("https://osscdn.666syh.com/image/app/1688118132083.png") no-repeat center/100% 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: bold;
}
.online_info .top_container .top_box .price_box .first_p_pay[data-v-dd4c04b8] {
        color: #f8f8f8;
}
.online_info .top_container .top_box .price_box .two_p_pay[data-v-dd4c04b8],
      .online_info .top_container .top_box .price_box .three_p_pay[data-v-dd4c04b8] {
        color: #af8256;
}
.online_info .top_container .top_box .Manuscripts[data-v-dd4c04b8] {
      margin-top: 0.26667rem;
      width: 100%;
}
.online_info .top_container .top_box .Manuscripts[data-v-dd4c04b8] img {
        width: 100%;
}
.online_info .bottom_container[data-v-dd4c04b8] {
  border-radius: 0.53333rem 0.53333rem 0 0;
  overflow: hidden;
  background-color: var(--updata_bg);
  height: 55vh;
}
.online_info .bottom_container .scroll_box[data-v-dd4c04b8] {
    height: 1.06667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.online_info .bottom_container .scroll_box .henggang[data-v-dd4c04b8] {
      width: 1.6rem;
      height: 0.13333rem;
      background: #cdcdcd;
      border-radius: 0.42667rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tabs__nav {
    background-color: var(--updata_bg);
    height: 1.06667rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__text {
    font-size: 0.48rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-sticky {
    border-bottom: var(--zuijline);
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tabs__line {
    background-color: #9055e9;
    height: 0.13333rem;
    width: 0.53333rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab {
    font-weight: bold;
    color: var(--tab_set);
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab--active {
    font-weight: bold;
    color: var(--box_title);
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane {
    height: calc(55vh - 2.66667rem);
    overflow-y: auto;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .rich_text {
      margin-top: 0.4rem;
      width: 9.2rem;
      padding: 0.4rem;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--wengao);
      line-height: 0.64rem;
      background: var(--updata_bg);
      border-radius: 0.21333rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment {
      background-color: var(--bg_color);
      border-radius: 0.18667rem 0.18667rem 0 0;
      overflow: hidden;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment .comment_top {
        height: 1.2rem;
        display: flex;
        justify-content: space-between;
        padding: 0 0.4rem;
        align-items: center;
        background-color: var(--bg_color);
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment .comment_top span:nth-of-type(1) {
          font-size: 0.42667rem;
          color: var(--box_title);
          font-weight: Bold;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment .comment_top span:nth-of-type(2) {
          font-size: 0.32rem;
          color: #969696;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment .comment_list {
        padding-bottom: 1.2rem;
}
.online_info .bottom_container .new_tabs[data-v-dd4c04b8] .van-tab__pane .comment .comment_list ul li {
          padding-bottom: 0.4rem;
}
.top_fixed[data-v-dd4c04b8] {
  position: fixed;
  z-index: 1000;
  padding: 0 0.4rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.44rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_fixed .left_fixed[data-v-dd4c04b8] {
    display: flex;
    align-items: center;
    width: 60%;
}
.top_fixed .left_fixed .left_arrow[data-v-dd4c04b8] {
      width: 0.42667rem;
      height: 0.42667rem;
      margin-right: 0.26667rem;
}
.top_fixed .left_fixed .page_title[data-v-dd4c04b8] {
      font-size: 0.42667rem;
      font-family: PingFang SC;
      color: #f9f9f9;
}
.top_fixed .fixed_btn[data-v-dd4c04b8] {
    width: 2.26667rem;
    height: 0.82667rem;
    font-size: 0.29333rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #333;
    background: linear-gradient(-41deg, #f0deca 0%, #fbf1e4 100%);
    box-shadow: 0 0.02667rem 0.13333rem 0 rgba(0, 0, 0, 0.1);
    border: none;
}
.top_fixed .isbg[data-v-dd4c04b8] {
    background-color: rgba(19, 18, 18, 0.2);
}
.showDownBox[data-v-dd4c04b8] {
  position: fixed;
  z-index: 996;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.66667rem;
  height: 9.33333rem;
}
.showDownBox .downImg[data-v-dd4c04b8] {
    width: 6.66667rem;
    height: 9.33333rem;
}
.showDownBox .closeImg[data-v-dd4c04b8] {
    position: absolute;
    right: -0.8rem;
    top: -0.53333rem;
    width: 1.06667rem;
    height: 1.06667rem;
    z-index: 997;
}

li[data-v-0ede210d] {
  padding-bottom: 0.26667rem;
}
li .comment_info .user_box[data-v-0ede210d] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
}
li .comment_info .user_box .userImgBox[data-v-0ede210d] {
      display: flex;
      justify-content: flex-start;
}
li .comment_info .user_box .userImgBox .userImg[data-v-0ede210d] {
        position: relative;
        width: 0.90667rem;
        height: 0.90667rem;
        padding: 0.05333rem;
        border-radius: 50%;
        margin-right: 0.32rem;
}
li .comment_info .user_box .userImgBox .userImg .userava[data-v-0ede210d] {
          width: 0.8rem;
          height: 0.8rem;
          border-radius: 50%;
}
li .comment_info .user_box .userImgBox .userImg .vipIcon[data-v-0ede210d] {
          position: absolute;
          bottom: -0.05333rem;
          right: -0.10667rem;
          width: 0.42667rem;
          height: 0.42667rem;
}
li .comment_info .user_box .userImgBox .bgImg[data-v-0ede210d] {
        background-color: #d5a160;
}
li .comment_info .user_box .userImgBox .rigjt_info[data-v-0ede210d] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-0ede210d] {
          font-weight: Bold;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-0ede210d]:nth-of-type(1) {
            display: flex;
            color: #969696;
            font-size: 0.34667rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span:nth-of-type(1) img[data-v-0ede210d] {
              width: 0.96rem;
              height: 0.34667rem;
              margin-left: 0.13333rem;
}
li .comment_info .user_box .userImgBox .rigjt_info span[data-v-0ede210d]:nth-of-type(2) {
            font-size: 0.32rem;
            color: #969696;
}
li .comment_info .user_box .zanIcon[data-v-0ede210d] {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      color: #969696;
}
li .comment_info .user_box .zanIcon img[data-v-0ede210d] {
        width: 0.4rem;
        height: 0.4rem;
        margin-left: 0.13333rem;
}
li .comment_info .comment_box[data-v-0ede210d] {
    font-size: 0.4rem;
    color: var(--box_title);
    padding: 0 0.64rem 0 1.52rem;
}
li .comment_info .append_comment[data-v-0ede210d] {
    background-color: var(--cahnge_btnbg);
    margin: 0.4rem 0.4rem 0 1.52rem;
    padding: 0.26667rem 0.56rem 0.26667rem 0.26667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 0.08rem;
}
li .comment_info .append_comment .othenUser[data-v-0ede210d] {
      font-size: 0.37333rem;
      color: #afafaf;
      line-height: 0.48rem;
}
li .comment_info .append_comment .othenUser .append_magr[data-v-0ede210d] {
        padding: 0.08rem 0;
        color: var(--about);
}
li .comment_info .append_comment .othenUser .append_magr .userself[data-v-0ede210d] {
          color: #969696;
}
li .comment_info .append_comment .allList[data-v-0ede210d] {
      color: #eed9b0;
      font-size: 0.34667rem;
}
.user_say[data-v-0ede210d] {
  width: 100vw;
  background-color: var(--bg_color);
  position: fixed;
  z-index: 110;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 0.4rem;
  align-items: center;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.user_say .say_Ipn[data-v-0ede210d] {
    width: 100%;
    height: 1.33333rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.user_say .say_Ipn input[data-v-0ede210d] {
      flex: 1;
      height: 0.85333rem;
      background-color: var(--cahnge_btnbg);
      border: none;
      border-radius: 0.42667rem;
      font-size: 0.34667rem;
      padding-left: 0.34667rem;
      color: var(--box_title);
}
.user_say .say_Ipn input[data-v-0ede210d]:-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-0ede210d]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-0ede210d]:-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn input[data-v-0ede210d]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a1a1a1;
        font-size: 0.34667rem;
}
.user_say .say_Ipn .userimgbxo[data-v-0ede210d] {
      width: 0.93333rem;
      height: 0.93333rem;
      border-radius: 50%;
      margin-right: 0.4rem;
}
.user_say .say_Ipn .sys_box[data-v-0ede210d] {
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-left: 0.26667rem;
}
.user_say .say_Ipn .sys_box .likebox[data-v-0ede210d] {
        width: 1.38667rem;
        height: 1.33333rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 0.53333rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
}
.user_say .say_Ipn .sys_box .likebox span[data-v-0ede210d] {
          font-size: 0.29333rem;
}
.user_say .say_Ipn .sys_box img[data-v-0ede210d] {
        width: 0.64rem;
        height: 0.64rem;
}

.musci_list[data-v-fab5502a] {
  background-color: var(--bg_color);
  font-family: PingFang SC;
  padding-bottom: 0.53333rem;
}
.musci_list .qqqqq[data-v-fab5502a] {
    text-align: center;
}
.musci_list .first_li[data-v-fab5502a] {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.8rem 0 0.4rem;
    font-size: 0.37333rem;
    border-bottom: var(--bottomLine);
    background-color: #fff;
}
.musci_list .first_li .playAll[data-v-fab5502a] {
      width: 2.72rem;
      height: 0.8rem;
      background: #f4f4f4;
      border-radius: 0.10667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--item_title);
      display: flex;
      justify-content: center;
      align-items: center;
}
.musci_list .first_li .playAll .icon_icon[data-v-fab5502a] {
        margin-right: 0.13333rem;
}
.musci_list .first_li .shunxu[data-v-fab5502a] {
      height: 100%;
      display: flex;
      align-items: center;
      color: #969696;
      font-weight: bold;
      font-size: 0.42667rem;
}
.musci_list .first_li .shunxu .setList[data-v-fab5502a] {
        display: flex;
        align-items: center;
        margin-left: 0.66667rem;
        font-size: 0.37333rem;
}
.musci_list .first_li .shunxu .icon_tel[data-v-fab5502a] {
        width: 0.48rem;
        height: 0.42667rem;
        margin-right: 0.26667rem;
}
.musci_list .first_li .shunxu .daoxu[data-v-fab5502a] {
        width: 0.48rem;
        height: 0.42667rem;
}
.musci_list .music_ul[data-v-fab5502a] {
    padding-top: 1.6rem;
}
.musci_list .music_ul .other_li[data-v-fab5502a] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0.53333rem;
}
.musci_list .music_ul .other_li .rank_xuhao[data-v-fab5502a] {
        width: 1.2rem;
        height: 2.13333rem;
        font-size: 0.42667rem;
        font-weight: bold;
        color: #969696;
        padding: 0.26667rem 0 0 0.26667rem;
}
.musci_list .music_ul .other_li .center_content[data-v-fab5502a] {
        flex: 1;
        height: 100%;
        border-bottom: var(--bottomLine);
        display: flex;
        padding: 0.13333rem 0;
        flex-direction: column;
        justify-content: space-around;
}
.musci_list .music_ul .other_li .center_content .title_tel[data-v-fab5502a] {
          position: relative;
          font-size: 0.4rem;
          font-weight: 500;
          color: var(--box_title);
}
.musci_list .music_ul .other_li .center_content .title_tel .exemption_icon[data-v-fab5502a] {
            position: absolute;
            right: 0;
            top: 0.05333rem;
            height: 0.42667rem;
            padding: 0 0.13333rem;
            background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
            border-radius: 0.61333rem;
            color: #ffffff;
            font-size: 0.26667rem;
}
.musci_list .music_ul .other_li .center_content .title_tel .shitingicon[data-v-fab5502a] {
            border: 0.02667rem solid #9ad3ff;
            border-radius: 0.08rem;
            font-size: 0.26667rem;
            font-family: PingFang SC;
            color: #4bb1ff;
            margin-right: 0.26667rem;
            padding: 0.05333rem;
}
.musci_list .music_ul .other_li .center_content .title_tel .nowplayicon[data-v-fab5502a] {
            width: 0.42667rem;
            margin-left: 0.26667rem;
}
.musci_list .music_ul .other_li .center_content .bgyellow[data-v-fab5502a] {
          color: #ff7029;
}
.musci_list .music_ul .other_li .center_content .bottom_tel[data-v-fab5502a] {
          height: 0.53333rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 0.32rem;
          font-weight: 500;
          color: #969696;
          margin-top: 0.13333rem;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left[data-v-fab5502a] {
            display: flex;
            align-items: center;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .disItem[data-v-fab5502a] {
              display: flex;
              align-items: center;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .num[data-v-fab5502a],
            .musci_list .music_ul .other_li .center_content .bottom_tel .b_left .tim[data-v-fab5502a] {
              margin-right: 0.26667rem;
}
.musci_list .music_ul .other_li .center_content .bottom_tel .b_left .num .van-icon[data-v-fab5502a],
              .musci_list .music_ul .other_li .center_content .bottom_tel .b_left .tim .van-icon[data-v-fab5502a] {
                margin-right: 0.10667rem;
}
.musci_list .music_ul .other_li .center_content .play-ad[data-v-fab5502a] {
          height: 0.53333rem;
          font-size: 0.32rem;
          color: #969696;
}
.musci_list .music_ul .other_li .blue_txt[data-v-fab5502a] {
        color: #4bb1ff;
}
.musci_list .choiceBox[data-v-fab5502a] {
    height: 100%;
}
.musci_list .choiceBox .choiceUl[data-v-fab5502a] {
      display: flex;
      flex-wrap: wrap;
      margin-top: 0.4rem;
}
.musci_list .choiceBox .choiceUl .choiceLi[data-v-fab5502a] {
        font-weight: bold;
        margin: 0.16rem 0.32rem;
        width: 1.81333rem;
        height: 0.8rem;
        background: #f6f6f6;
        border-radius: 0.10667rem;
        font-size: 0.37333rem;
        line-height: 0.8rem;
        text-align: center;
        color: var(--box_title);
}
.musci_list .choiceBox .choiceUl .choiceLi-set[data-v-fab5502a] {
        background: #4bb1ff;
        color: #ffffff;
}

.video_book .video_box_box[data-v-e8b8dcd0] {
  height: 5.65333rem;
  width: 100%;
  position: relative;
}
.video_book .video_box_box .lefticon[data-v-e8b8dcd0] {
    position: absolute;
    color: #fff;
    z-index: 300;
    font-size: 0.53333rem;
    margin: 0.4rem 0 0 0.13333rem;
}
.video_book .video_box_box #video[data-v-e8b8dcd0] {
    position: relative;
}
.video_book .video_box_box #video[data-v-e8b8dcd0] .vjs-big-play-button {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.video_book .video_box_box #video[data-v-e8b8dcd0] .vjs-time-control {
      display: block;
}
.video_book .video_box_box #video[data-v-e8b8dcd0] .vjs-remaining-time {
      display: block;
}
.video_book .video_box_box #video[data-v-e8b8dcd0] .vjs-poster {
      background-size: cover;
}
.video_book .video_box_box .noviptips[data-v-e8b8dcd0] {
    height: 5.65333rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 5.65333rem;
    font-size: 0.53333rem;
}
.video_book .video_box_box .noviptips .kaitongbtn[data-v-e8b8dcd0] {
      color: #9055e9;
}
.video_book .video_box_box .bannerBox[data-v-e8b8dcd0] {
    position: absolute;
    right: 0.26667rem;
    bottom: 1.06667rem;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.2rem;
    height: 1.06667rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0.13333rem;
    overflow: hidden;
    color: #fff;
}
.video_book .video_box_box .bannerBox .bannerImg[data-v-e8b8dcd0] {
      width: 1.06667rem;
      height: 1.06667rem;
}
.video_book .video_box_box .bannerBox .bannertitle[data-v-e8b8dcd0] {
      font-size: 0.32rem;
}
.video_book .video_box_box .bannerBox .bannerBoxClose[data-v-e8b8dcd0] {
      height: 1.06667rem;
      width: 0.53333rem;
      font-size: 0.32rem;
      display: flex;
      justify-content: center;
      align-items: center;
}
.video_book .van-dialog[data-v-e8b8dcd0] {
  z-index: 200;
}
.video_book .loding[data-v-e8b8dcd0] {
  height: 5.65333rem;
  z-index: 200;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video_book .cakeBox[data-v-e8b8dcd0] {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.46667rem;
  height: 7.73333rem;
  background: url("https://osscdn.666syh.com/image/app/1684918307971.png") no-repeat center/100% 100%;
}
.video_book .cakeBox .closeIcon[data-v-e8b8dcd0] {
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    transform: translateX(-50%);
}
.video_book .cakeBox .closeIcon .closeImg[data-v-e8b8dcd0] {
      width: 0.88rem;
      height: 0.88rem;
}
.video_book .cakeBox .btnBox2[data-v-e8b8dcd0] {
    position: absolute;
    bottom: 0.53333rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.66667rem;
    height: 1.33333rem;
}

.recommenditem .title_tl[data-v-6b139866] {
  margin: 0.4rem 0 0.4rem;
  padding: 0 0.4rem;
  display: flex;
  justify-content: space-between;
  font-family: PingFang SC;
}
.recommenditem .title_tl .title_l[data-v-6b139866] {
    font-size: 0.48rem;
    font-weight: bold;
    color: var(--box_title);
}
.recommenditem .title_tl .title_r[data-v-6b139866] {
    font-size: 0.34667rem;
    color: var(--box_righttxt);
    display: flex;
    align-items: center;
}
.recommenditem .title_tl .title_r img[data-v-6b139866] {
      width: 0.24rem;
      height: 0.21333rem;
      margin-left: 0.26667rem;
}
.recommenditem .othersubject[data-v-6b139866] {
  width: 10rem;
  overflow-x: auto;
  padding: 0 0.4rem;
}
.recommenditem .othersubject[data-v-6b139866]::-webkit-scrollbar {
    display: none;
}
.recommenditem .othersubject .otherul[data-v-6b139866] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}
.recommenditem .othersubject .otherul .otherli[data-v-6b139866] {
      width: 2.13333rem;
      margin-right: 0.53333rem;
}
.recommenditem .othersubject .otherul .otherli .other_img[data-v-6b139866] {
        width: 1.86667rem;
        height: 2.53333rem;
        border: var(--bottomLine);
        border-radius: 0.10667rem;
}
.recommenditem .othersubject .otherul .otherli .other_title[data-v-6b139866] {
        font-size: 0.34667rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: var(--box_title);
}
.recommenditem .listBox[data-v-6b139866] {
  margin: 0 0.21333rem;
  padding-bottom: 0.26667rem;
}
.recommenditem .listBox li[data-v-6b139866] {
    margin-bottom: 0.32rem;
}
.recommenditem .listBox li .vitemBox[data-v-6b139866] {
      border-radius: 0.21333rem;
      overflow: hidden;
      position: relative;
      font-family: PingFang SC;
}
.recommenditem .listBox li .vitemBox .sub_icon[data-v-6b139866] {
        position: absolute;
        width: 0.8rem;
        height: 0.42667rem;
        top: 0;
        right: 1.06667rem;
}
.recommenditem .listBox li .vitemBox .musicitem[data-v-6b139866] {
        display: flex;
        justify-content: space-between;
        padding: 0.4rem 0.26667rem;
        background-color: var(--updata_bg);
        height: 3.46667rem;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box[data-v-6b139866] {
          flex: 1;
          display: flex;
          flex-direction: column;
          padding-top: 0.13333rem;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box p[data-v-6b139866] {
            font-size: 0.42667rem;
            font-weight: bold;
            color: var(--box_title);
            margin-bottom: 0.26667rem;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box .discription[data-v-6b139866] {
            color: #838A96;
            font-size: 0.32rem;
            margin-bottom: 0.4rem;
            height: 0.85333rem;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box div[data-v-6b139866] {
            display: flex;
            justify-content: space-between;
            font-size: 0.26667rem;
            color: #FFFFFF;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box div .hot_icon[data-v-6b139866] {
              flex: 1;
              font-size: 0.26667rem;
              color: #D1B073;
              margin-right: 0.18667rem;
              font-weight: bold;
}
.recommenditem .listBox li .vitemBox .musicitem .left_box div .reader[data-v-6b139866] {
              font-size: 0.26667rem;
              font-weight: 500;
              color: var(--recordTxt);
}
.recommenditem .listBox li .vitemBox .musicitem .bookimg[data-v-6b139866] {
          width: 2.13333rem;
          height: 2.66667rem;
          border-radius: 0.13333rem;
          margin-right: 0.37333rem;
          border: var(--zuijimg);
}
.recommenditem .listBox li .vitemBox .priceBox[data-v-6b139866] {
        height: 0.98667rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0 0.53333rem;
        font-size: 0.29333rem;
        color: var(--back_other_itembg);
        border-top: var(--zuijline);
        background-color: var(--updata_bg);
        font-weight: bold;
}
.recommenditem .listBox li .vitemBox .priceBox span[data-v-6b139866]:nth-of-type(1) {
          color: #ff6b6b;
}

.online_info .van-hairline--bottom[data-v-c6f36496]::after {
  border: none;
}
.online_info .van-nav-bar[data-v-c6f36496] {
  background-color: rgba(255, 255, 255, 0);
}
.online_info .van-nav-bar[data-v-c6f36496] .van-icon {
    color: var(--search_txt1);
}
.online_info .top_container[data-v-c6f36496] {
  height: 45vh;
  overflow-y: auto;
  padding-bottom: 0.53333rem;
  position: relative;
}
.online_info .top_container[data-v-c6f36496]::-webkit-scrollbar {
    display: none;
}
.online_info .top_container .videoOverlay[data-v-c6f36496] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.65333rem;
    z-index: 200;
    background: rgba(0, 0, 0, 0.85);
}
.online_info .top_container .videoOverlay .optionBox[data-v-c6f36496] {
      flex-direction: column;
      width: 1.41333rem;
}
.online_info .top_container .videoOverlay .optionBox .imgBox[data-v-c6f36496] {
        width: 1.41333rem;
        height: 1.41333rem;
        background: rgba(255, 255, 255, 0.16);
        border-radius: 50%;
        margin-bottom: 0.18667rem;
}
.online_info .top_container .videoOverlay .optionBox .imgBox .img[data-v-c6f36496] {
          width: 0.72rem;
          height: 0.72rem;
}
.online_info .top_container .videoOverlay .optionBox .desc[data-v-c6f36496] {
        font-size: 0.32rem;
        color: #fff;
        text-align: center;
}
.online_info .top_container .flex-spround[data-v-c6f36496] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.53333rem;
}
.online_info .top_container .vip_bg[data-v-c6f36496] {
    background: url("https://osscdn.666syh.com/image/app/1688114291654.png") no-repeat center/100% 100%;
    height: 1.86667rem;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.4rem;
}
.online_info .top_container .vip_bg .viptxt[data-v-c6f36496] {
      flex: 1;
      display: flex;
      flex-direction: column;
}
.online_info .top_container .vip_bg .viptxt .teltxt[data-v-c6f36496] {
        font-size: 0.37333rem;
        font-weight: bold;
        color: #fefefe;
        margin-bottom: 0.24rem;
}
.online_info .top_container .vip_bg .viptxt .tipstxt[data-v-c6f36496] {
        font-size: 0.26667rem;
        color: #eaeaea;
}
.online_info .top_container .vip_bg .yuanjia[data-v-c6f36496] {
      width: 2.53333rem;
      height: 0.8rem;
      background: linear-gradient(90deg, #feaf27 0%, #e58901 100%);
      border-radius: 0.4rem;
      font-size: 0.32rem;
      color: #ffffff;
      text-align: center;
      line-height: 0.8rem;
      margin-right: 0.26667rem;
}
.online_info .top_container .vip_bg .opensvip[data-v-c6f36496] {
      width: 2.16rem;
      height: 0.8rem;
      background: linear-gradient(90deg, #fae6c0 0%, #e7c48e 100%);
      border-radius: 0.4rem;
      font-size: 0.32rem;
      color: #333333;
      text-align: center;
      line-height: 0.8rem;
}
.online_info .top_container .top_box[data-v-c6f36496] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.4rem 0;
}
.online_info .top_container .top_box .title_info[data-v-c6f36496] {
      display: flex;
      justify-content: space-between;
      border-radius: 0.53333rem 0.53333rem 0 0;
}
.online_info .top_container .top_box .title_info .text[data-v-c6f36496] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0.18667rem 0;
        font-family: PingFang SC;
}
.online_info .top_container .top_box .title_info .text .text_tile[data-v-c6f36496] {
          font-size: 0.53333rem;
          color: #ffffff;
          font-weight: 800;
          margin-bottom: 0.21333rem;
}
.online_info .top_container .top_box .title_info .text .icon_box[data-v-c6f36496] {
          height: 0.53333rem;
          display: flex;
          justify-content: flex-start;
          margin-top: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-c6f36496] {
            border-radius: 0.08rem;
            font-size: 0.26667rem;
            font-weight: Medium;
            padding: 0.08rem 0.10667rem;
            color: #f9f9f9;
            background-color: rgba(31, 29, 29, 0.4);
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-c6f36496]:nth-of-type(1) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .title_info .text .icon_box span[data-v-c6f36496]:nth-of-type(2) {
              margin-right: 0.26667rem;
}
.online_info .top_container .top_box .Manuscripts[data-v-c6f36496] {
      margin-top: 0.26667rem;
      width: 100%;
}
.online_info .top_container .top_box .Manuscripts[data-v-c6f36496] img {
        width: 100%;
}
.online_info .bottbox[data-v-c6f36496] {
  transition: height 0.3s linear;
}
.online_info .bottom_container[data-v-c6f36496] {
  border-radius: 0.53333rem 0.53333rem 0 0;
  overflow: hidden;
  background-color: var(--updata_bg);
  height: 55vh;
}
.online_info .bottom_container .scroll_box[data-v-c6f36496] {
    height: 1.06667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.online_info .bottom_container .scroll_box .henggang[data-v-c6f36496] {
      width: 1.6rem;
      height: 0.13333rem;
      background: #cdcdcd;
      border-radius: 0.42667rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tabs__nav {
    background-color: var(--updata_bg);
    height: 1.06667rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tabs__wrap {
    padding-right: 30%;
    border-bottom: var(--bottomLine);
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__text {
    font-size: 0.42667rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-sticky {
    border-bottom: var(--zuijline);
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tabs__line {
    background: url("https://osscdn.666syh.com/refinedImg/1713779622286/637435d5-fcb0-3578-e91c-2f6948cc1eae.png") no-repeat center/100% 100%;
    width: 0.8rem;
    height: 0.26667rem;
    bottom: 0.4rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab {
    color: #4e5969;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab--active {
    font-weight: bold;
    font-size: 0.42667rem !important;
    color: #ff7029;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane {
    height: calc(55vh - 2.66667rem);
    overflow-y: auto;
    padding-bottom: 1.6rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .rich_text {
      margin-top: 0.4rem;
      width: 9.2rem;
      padding: 0.4rem;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--wengao);
      line-height: 0.64rem;
      background: var(--updata_bg);
      border-radius: 0.21333rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment {
      background-color: var(--bg_color);
      border-radius: 0.18667rem 0.18667rem 0 0;
      overflow: hidden;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment .comment_top {
        height: 1.2rem;
        display: flex;
        justify-content: space-between;
        padding: 0 0.4rem;
        align-items: center;
        background-color: var(--bg_color);
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment .comment_top span:nth-of-type(1) {
          font-size: 0.42667rem;
          color: var(--box_title);
          font-weight: Bold;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment .comment_top span:nth-of-type(2) {
          font-size: 0.32rem;
          color: #969696;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment .comment_list {
        padding-bottom: 1.2rem;
}
.online_info .bottom_container .new_tabs[data-v-c6f36496] .van-tab__pane .comment .comment_list ul li {
          padding-bottom: 0.4rem;
}
.bottompaybox[data-v-c6f36496] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 911;
  height: 1.86667rem;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.53333rem;
  font-size: 0.37333rem;
}
.bottompaybox .pbtn[data-v-c6f36496] {
    width: 4.29333rem;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    font-family: PingFang SC;
}
.bottompaybox .leftbtn[data-v-c6f36496] {
    background: #f4f4f4;
    border: 0.02667rem solid #eaeaea;
    border-radius: 0.50667rem;
}
.bottompaybox .rightbtn[data-v-c6f36496] {
    background: linear-gradient(90deg, #feaf27 0%, #e58901 100%);
    border-radius: 0.50667rem;
    color: #ffffff;
}
.van-dialog[data-v-c6f36496] {
  width: 7.46667rem;
  height: 6.4rem;
  background-color: #fefefe;
  z-index: 995;
  overflow: unset;
  padding: 0.53333rem 0.4rem;
  text-align: center;
}
.van-dialog[data-v-c6f36496] .van-dialog__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.van-dialog[data-v-c6f36496] .van-dialog__content .cloasimg {
      position: absolute;
      width: 0.88rem;
      height: 0.88rem;
      bottom: -1.6rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 999;
}
.van-dialog[data-v-c6f36496] .van-dialog__content .bookimg {
      width: 1.57333rem;
      height: 2.13333rem;
      border-radius: 0.10667rem;
}
.van-dialog[data-v-c6f36496] .van-dialog__content .paytitle {
      font-size: 0.42667rem;
      font-weight: bold;
      color: #333333;
}
.van-dialog[data-v-c6f36496] .van-dialog__content .tips {
      font-size: 0.37333rem;
      font-weight: 500;
      color: #969696;
}
.van-dialog[data-v-c6f36496] .van-dialog__content .van-button {
      width: 100%;
      height: 1.28rem;
      background: linear-gradient(90deg, #feaf27 0%, #e58901 100%);
      border-radius: 0.58667rem;
      font-size: 0.37333rem;
      font-family: PingFang SC;
      color: #fff;
      border: none;
}

.vitemBox[data-v-3974bb2d] {
  border-radius: 0.21333rem;
  overflow: hidden;
  position: relative;
  font-family: PingFang SC;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(233, 230, 230, 0.3);
}
.vitemBox .sub_icon[data-v-3974bb2d] {
    position: absolute;
    width: 0.8rem;
    height: 0.42667rem;
    top: 0;
    right: 1.06667rem;
}
.vitemBox .musicitem[data-v-3974bb2d] {
    display: flex;
    justify-content: space-between;
    padding: 0.26667rem;
    background-color: var(--updata_bg);
    position: relative;
}
.vitemBox .musicitem .reader[data-v-3974bb2d] {
      font-size: 0.32rem;
      color: #86909c;
      font-family: PingFang SC;
      position: absolute;
      right: 0.29333rem;
      bottom: 0.29333rem;
}
.vitemBox .musicitem .left_box[data-v-3974bb2d] {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-top: 0.05333rem;
}
.vitemBox .musicitem .left_box .infoBox[data-v-3974bb2d] {
        display: flex;
        flex-direction: column;
}
.vitemBox .musicitem .left_box p[data-v-3974bb2d] {
        font-size: 0.4rem;
        font-weight: bold;
        color: #1d2129;
        margin-bottom: 0.10667rem;
}
.vitemBox .musicitem .left_box .discription[data-v-3974bb2d] {
        color: #4e5969;
        font-size: 0.34667rem;
        margin-bottom: 0.10667rem;
}
.vitemBox .musicitem .left_box div[data-v-3974bb2d] {
        display: flex;
        justify-content: space-between;
        font-size: 0.26667rem;
        color: #ffffff;
}
.vitemBox .musicitem .left_box div .hot_icon[data-v-3974bb2d] {
          flex: 1;
          font-size: 0.32rem;
          color: #f53f3f;
          margin-right: 0.18667rem;
          font-weight: 500;
          margin-bottom: 0.29333rem;
}
.vitemBox .musicitem .bookimg[data-v-3974bb2d] {
      width: 2rem;
      height: 2.66667rem;
      border-radius: 0.16rem;
      margin-right: 0.29333rem;
      border: var(--zuijimg);
}
.vitemBox .priceBox[data-v-3974bb2d] {
    height: 0.98667rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.53333rem;
    font-size: 0.29333rem;
    color: var(--back_other_itembg);
    border-top: var(--zuijline);
    background-color: var(--updata_bg);
    font-weight: bold;
}
.vitemBox .priceBox span[data-v-3974bb2d]:nth-of-type(1) {
      color: #ff6b6b;
}

.videomodel[data-v-30e42b7e] {
  padding-top: 0.53333rem;
  background: #f8f4eb;
}
.videomodel .van-hairline--bottom[data-v-30e42b7e]::after {
    border: none;
}
.videomodel .van-nav-bar[data-v-30e42b7e] {
    background: #f8f4eb;
    padding: 0 0.4rem;
    height: 1.28rem;
}
.videomodel[data-v-30e42b7e] .van-nav-bar__title {
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--search_txt2);
}
.videomodel .leftBg[data-v-30e42b7e] {
    width: 0.48rem;
    height: 0.50667rem;
    font-size: 0.69333rem;
    color: var(--search_txt2);
}
.videomodel .rightBg[data-v-30e42b7e] {
    width: 1.33333rem;
    padding: 0.26667rem 0.13333rem 0 0;
    text-align: right;
    line-height: 1.33333rem;
}
.videomodel .rightBg .imgs[data-v-30e42b7e] {
      width: 0.66667rem;
      height: 0.53333rem;
      background: var(--newsImg);
}
.videomodel .rightBg[data-v-30e42b7e] .van-badge--fixed {
      transform: translate(50%, -50%);
}
.videomodel .contentTxt[data-v-30e42b7e] {
    height: calc(100vh - 5.06667rem);
    overflow-y: auto;
    padding-top: 1.33333rem;
}
.videomodel .contentTxt[data-v-30e42b7e]::-webkit-scrollbar {
      display: none;
}
.videomodel .contentTxt .sonContentBox[data-v-30e42b7e] {
      padding: 0.26667rem 0.4rem;
      text-align: center;
      font-size: 0.42667rem;
}
.videomodel .navdiv[data-v-30e42b7e] {
    margin: 0 0.4rem;
    border-radius: 0.21333rem;
    overflow: auto;
    background: #ffffff;
    width: 9.2rem;
    height: 2.18667rem;
    border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
    box-shadow: 0 0.10667rem 0.26667rem 0 rgba(233, 230, 230, 0.3);
}
.videomodel .navdiv[data-v-30e42b7e]::-webkit-scrollbar {
      display: none;
}
.videomodel .navdiv .navbox[data-v-30e42b7e] {
      display: flex;
      justify-content: space-between;
      padding: 0.21333rem 0.4rem;
}
.videomodel .navdiv .navbox .navli[data-v-30e42b7e] {
        width: 1.65333rem;
        height: 1.76rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.videomodel .navdiv .navbox .navli span[data-v-30e42b7e] {
          font-size: 0.37333rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #1d2129;
          margin-top: 0.13333rem;
}
.videomodel .navdiv .navbox .navli img[data-v-30e42b7e] {
          width: 0.96rem;
          height: 0.96rem;
          border-radius: 50%;
}
.videomodel .title_tl[data-v-30e42b7e] {
    margin: 0 0 0.21333rem;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    font-family: PingFang SC;
}
.videomodel .title_tl .title_l[data-v-30e42b7e] {
      font-size: 0.48rem;
      font-weight: bold;
      color: var(--box_title);
}
.videomodel .title_tl .title_r[data-v-30e42b7e] {
      font-size: 0.34667rem;
      color: var(--box_righttxt);
      display: flex;
      align-items: center;
}
.videomodel .title_tl .title_r img[data-v-30e42b7e] {
        width: 0.24rem;
        height: 0.21333rem;
        margin-left: 0.26667rem;
}
.videomodel .zuijin[data-v-30e42b7e] {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0.4rem;
    padding: 0.26667rem;
    background-color: var(--updata_bg);
    border-radius: 0.21333rem;
    width: 9.2rem;
}
.videomodel .zuijin .sub_icon[data-v-30e42b7e] {
      position: absolute;
      width: 0.8rem;
      height: 0.42667rem;
      top: 0;
      right: 0.8rem;
}
.videomodel .zuijin .left_box[data-v-30e42b7e] {
      flex: 1;
      display: flex;
      flex-direction: column;
      font-family: PingFang SC;
      padding-top: 0.21333rem;
}
.videomodel .zuijin .left_box p[data-v-30e42b7e] {
        font-size: 0.42667rem;
        font-weight: bold;
        color: var(--box_title);
        margin-bottom: 0.26667rem;
}
.videomodel .zuijin .left_box .discription[data-v-30e42b7e] {
        color: #838a96;
        font-size: 0.32rem;
        margin-bottom: 0.4rem;
        height: 0.85333rem;
}
.videomodel .zuijin .left_box div[data-v-30e42b7e] {
        display: flex;
        justify-content: flex-start;
        font-size: 0.26667rem;
        font-family: PingFang SC;
}
.videomodel .zuijin .left_box div .hot_icon[data-v-30e42b7e] {
          font-size: 0.26667rem;
          font-weight: 500;
          color: var(--zuijshangci);
          margin-right: 0.18667rem;
          font-weight: bold;
          width: 1.6rem;
}
.videomodel .zuijin .left_box div .reader[data-v-30e42b7e] {
          flex: 1;
          font-size: 0.26667rem;
          font-weight: 500;
          color: var(--recordTxt);
}
.videomodel .zuijin img[data-v-30e42b7e] {
      width: 2rem;
      height: 2.66667rem;
      border-radius: 0.13333rem;
      margin-right: 0.37333rem;
      border: 0.00267rem solid #eaeaea;
}
.videomodel .listBox[data-v-30e42b7e] {
    margin: 0 0.4rem;
    padding-bottom: 1.6rem;
}
.videomodel .listBox li[data-v-30e42b7e] {
      margin-bottom: 0.32rem;
}

.musicmodel[data-v-732f38b0] {
  padding-top: 1.06667rem;
}
.musicmodel[data-v-732f38b0]::-webkit-scrollbar {
    display: none;
}
.musicmodel .top_box[data-v-732f38b0] {
    width: 100%;
    padding: 0.21333rem 0;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #f8f4eb;
}
.musicmodel .top_box .nav_b[data-v-732f38b0] {
      height: 1.2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0.4rem;
}
.musicmodel .top_box .nav_b .left[data-v-732f38b0] {
        width: 0.90667rem;
        height: 0.90667rem;
        line-height: 0.90667rem;
        text-align: center;
        background: #ffffff;
        border-radius: 0.21333rem;
        box-shadow: 0 0.10667rem 0.26667rem 0 rgba(255, 112, 41, 0.03);
        position: relative;
}
.musicmodel .top_box .nav_b .left .msgNum[data-v-732f38b0] {
          min-width: 0.42667rem;
          height: 0.42667rem;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #f53f3f;
          color: #fff;
          font-size: 0.26667rem;
          border-radius: 0.66667rem;
          padding: 0 0.08rem;
          position: absolute;
          top: -0.16rem;
          right: -0.21333rem;
}
.musicmodel .top_box .nav_b .left .leftBg[data-v-732f38b0] {
          width: 0.69333rem;
          height: 0.69333rem;
          margin: 0.10667rem;
}
.musicmodel .top_box .nav_b .title[data-v-732f38b0] {
        font-size: 0.4rem;
}
.musicmodel .top_box .nav_b .title a[data-v-732f38b0] {
          color: #555555;
}
.musicmodel .top_box .nav_b .title .atab[data-v-732f38b0] {
          color: var(--search_txt2);
}
.musicmodel .top_box .nav_b .title .jichu[data-v-732f38b0] {
          margin-right: 0.53333rem;
          position: relative;
          display: inline-block;
          font-weight: 500;
          color: rgba(29, 33, 41, 0.6);
          font-size: 0.42667rem;
}
.musicmodel .top_box .nav_b .title .jinjie[data-v-732f38b0] {
          position: relative;
          display: inline-block;
}
.musicmodel .top_box .nav_b .rightBg[data-v-732f38b0] .van-badge--fixed {
        transform: translate(50%, -50%);
}
.bigTxt[data-v-732f38b0] {
  font-weight: 500;
  color: #1d2129;
  font-size: 0.48rem;
}
.line_txt[data-v-732f38b0] {
  position: absolute;
  bottom: -0.18667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.45333rem;
  height: 0.08rem;
  background: #ff7029;
  border-radius: 0.08rem;
  box-shadow: 0 0.02667rem 0.08rem 0 rgba(255, 112, 41, 0.7);
}

.book_shelf[data-v-058ffb97] {
  height: 100vh;
  max-height: 100%;
  background-color: var(--bg_color);
}
.book_shelf .navbar[data-v-058ffb97] {
    display: flex;
    justify-content: space-between;
    padding: 0 0.13333rem;
    background-color: var(--bg_color);
    height: 1.06667rem;
}
.book_shelf .navbar .icontxt[data-v-058ffb97] {
      height: 1.06667rem;
      text-align: center;
      line-height: 1.06667rem;
      font-size: 0.42667rem;
      font-weight: bold;
      width: 1.33333rem;
}
.book_shelf .navbar .title[data-v-058ffb97] {
      line-height: 1.06667rem;
      text-align: center;
      flex: 1;
      font-size: 0.4rem;
      font-weight: bold;
}
.book_shelf .navbar .title a[data-v-058ffb97] {
        color: var(--search_txt2);
        height: 1.06667rem;
}
.book_shelf .navbar .title .atab[data-v-058ffb97] {
        color: var(--search_txt2);
}
.book_shelf .navbar .title .jichu[data-v-058ffb97] {
        margin-right: 0.53333rem;
        position: relative;
        display: inline-block;
}
.book_shelf .navbar .title .jinjie[data-v-058ffb97] {
        position: relative;
        display: inline-block;
}
.book_shelf .navbar .title .line_txt[data-v-058ffb97] {
        position: absolute;
        bottom: 0;
        left: 30%;
        width: 0.32rem;
        height: 0.08rem;
        background: #a674f2;
        border-radius: 0.05333rem;
}
.book_shelf .navbar .title .bigTxt[data-v-058ffb97] {
        transform: scale(1.3);
}
.book_shelf .content[data-v-058ffb97] {
    padding: 0 0.48rem;
}
.book_shelf .van-hairline--bottom[data-v-058ffb97]::after {
    border: none;
}
.book_shelf .van-nav-bar[data-v-058ffb97] {
    background-color: var(--bg_color);
    padding: 0 0.48rem;
}
.book_shelf .van-nav-bar[data-v-058ffb97] .van-nav-bar__text {
      color: var(--search_txt2);
      font-size: 0.42667rem;
}
.book_shelf .van-nav-bar[data-v-058ffb97] .van-nav-bar__title {
      color: var(--search_txt2);
      font-weight: bold;
}
.book_shelf .newsubject[data-v-058ffb97] {
    height: 4.37333rem;
    overflow: hidden;
    border-radius: 0.18667rem;
    margin-top: 0.4rem;
    box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
}
.book_shelf .newsubject .new_updata_center[data-v-058ffb97] {
      height: 1.21333rem;
      background-color: var(--cahnge_btnbg);
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 0.4rem;
      font-family: PingFang-SC-Bold;
      font-weight: bold;
}
.book_shelf .newsubject .new_updata_center div[data-v-058ffb97]:nth-of-type(1) {
        font-size: 0.42667rem;
        color: var(--box_title);
}
.book_shelf .newsubject .new_updata_center div[data-v-058ffb97]:nth-of-type(2) {
        font-size: 0.34667rem;
        color: var(--box_title);
        margin-left: 0.26667rem;
}
.book_shelf .newsubject .new_updata_bottom[data-v-058ffb97] {
      height: 3.16rem;
      background-color: var(--updata_bg);
      padding: 0.41333rem;
      box-sizing: border-box;
      display: flex;
}
.book_shelf .newsubject .new_updata_bottom img[data-v-058ffb97] {
        width: 1.73333rem;
        height: 2.34667rem;
        border-radius: 0.13333rem;
        border: var(--bottomLine);
}
.book_shelf .newsubject .new_updata_bottom .bottom_right[data-v-058ffb97] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 0.38667rem;
}
.book_shelf .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(1) {
          font-size: 0.4rem;
          color: var(--box_title);
          margin-bottom: 0.13333rem;
          font-weight: Bold;
          font-family: PingFang-SC-Bold;
}
.book_shelf .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(2) {
          font-size: 0.34667rem;
          color: #969696;
          padding-right: 1.2rem;
}
.book_shelf .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(3) {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.book_shelf .newsubject .new_updata_bottom .bottom_right div:nth-of-type(3) div[data-v-058ffb97] {
            font-size: 0.29333rem;
            color: #969696;
            margin-right: 0.16rem;
}
.book_shelf .newsubject .new_updata_bottom .bottom_right div:nth-of-type(3) button[data-v-058ffb97] {
            border: none;
            outline: none;
            width: 2.06667rem;
            height: 0.72rem;
            font-size: 0.26667rem;
            border-radius: 0.42667rem;
            color: #202020;
            background-color: #fdeaca;
            font-weight: Bold;
}
.book_shelf .book_item ul[data-v-058ffb97] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0.74667rem 0;
    width: 100%;
}
.book_shelf .book_item ul li[data-v-058ffb97] {
      position: relative;
      width: 33.3%;
      margin-bottom: 0.66667rem;
      text-align: center;
}
.book_shelf .book_item ul li img[data-v-058ffb97] {
        width: 2.45333rem;
        height: 3.28rem;
        border-radius: 0.13333rem;
        box-shadow: 0 0.13333rem 0.21333rem 0 rgba(33, 34, 37, 0.1);
}
.book_shelf .book_item ul li p[data-v-058ffb97] {
        text-align: center;
        width: 100%;
        color: var(--search_txt2);
        font-weight: Bold;
        font-family: PingFang-SC-Bold;
        font-size: 0.34667rem;
}
.book_shelf .book_item ul li .img_icon[data-v-058ffb97] {
        position: absolute;
        right: 0.45333rem;
        top: -0.13333rem;
        width: 0.45333rem;
        height: 0.45333rem;
}
.book_shelf .book_item ul li .img_icon img[data-v-058ffb97] {
          width: 100%;
          height: 100%;
}
.book_shelf .book_item ul .last_li[data-v-058ffb97] {
      display: flex;
      justify-content: center;
      font-size: 0.42667rem;
}
.book_shelf .book_item ul .last_li .addimg[data-v-058ffb97] {
        width: 2.45333rem;
}
.book_shelf .blank[data-v-058ffb97] {
    margin-top: 0.53333rem;
    text-align: center;
    font-size: 0.42667rem;
    color: var(--box_title);
    font-weight: bold;
}
.book_shelf .deletBtn[data-v-058ffb97] {
    box-shadow: 0 0 0.24rem 0 rgba(32, 32, 32, 0.1);
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 999;
    bottom: 0;
    height: 1.54667rem;
    line-height: 1.54667rem;
    color: var(--search_txt2);
    font-size: 0.45333rem;
    background-color: var(--updata_bg);
}
.book_shelf .deletBtn .van-icon[data-v-058ffb97] {
      margin-right: 0.18667rem;
}
.book_shelf .payBookBox[data-v-058ffb97] {
    padding: 0 0.48rem;
}
.book_shelf .payBookBox .newsubject[data-v-058ffb97] {
      height: 3.2rem;
      overflow: hidden;
      border-radius: 0.18667rem;
      margin-top: 0.4rem;
      box-shadow: 0 0 0.24rem 0 rgba(33, 34, 37, 0.18);
}
.book_shelf .payBookBox .newsubject .new_updata_bottom[data-v-058ffb97] {
        height: 3.16rem;
        background-color: var(--updata_bg);
        padding: 0.41333rem;
        box-sizing: border-box;
        display: flex;
}
.book_shelf .payBookBox .newsubject .new_updata_bottom img[data-v-058ffb97] {
          width: 1.73333rem;
          height: 2.34667rem;
          border-radius: 0.13333rem;
          border: var(--bottomLine);
}
.book_shelf .payBookBox .newsubject .new_updata_bottom .bottom_right[data-v-058ffb97] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-left: 0.38667rem;
}
.book_shelf .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(1) {
            font-size: 0.4rem;
            color: var(--box_title);
            margin-bottom: 0.13333rem;
            font-weight: Bold;
            font-family: PingFang-SC-Bold;
}
.book_shelf .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(2) {
            font-size: 0.34667rem;
            color: #969696;
            padding-right: 1.2rem;
}
.book_shelf .payBookBox .newsubject .new_updata_bottom .bottom_right div[data-v-058ffb97]:nth-of-type(3) {
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.book_shelf .payBookBox .newsubject .new_updata_bottom .bottom_right div:nth-of-type(3) div[data-v-058ffb97] {
              font-size: 0.29333rem;
              color: #969696;
              margin-right: 0.16rem;
}

.no_content[data-v-8becefd6] {
  text-align: center;
}
.no_content .imgs[data-v-8becefd6] {
    margin-top: 3.6rem;
    width: 6.4rem;
    height: 3.41333rem;
    vertical-align: middle;
}
.no_content .tips[data-v-8becefd6] {
    color: #86909c;
    font-size: 0.37333rem;
    margin: 0.8rem 0 0.66667rem 0;
}
.no_content .btns[data-v-8becefd6] {
    margin: 0 auto;
    width: 5.33333rem;
    height: 1.01333rem;
    background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 1.01333rem;
    text-align: center;
    line-height: 1.01333rem;
    font-size: 0.42667rem;
    color: #ffffff;
}
.no_content .imgs2[data-v-8becefd6] {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.form[data-v-f3bc0220] {
  padding: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.form .formItem[data-v-f3bc0220] {
    color: #1d2129;
    font-size: 0.37333rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.form .formItem .anySmall[data-v-f3bc0220] {
      font-size: 0.32rem;
}
.form .formItem .anyLarge[data-v-f3bc0220] {
      font-size: 0.42667rem;
}
.form .formItem .red[data-v-f3bc0220] {
      color: #f53f3f;
}
.payBox[data-v-f3bc0220] {
  padding: 0 0.4rem;
}
.payButton[data-v-f3bc0220] {
  position: fixed;
  bottom: 1.06667rem;
  width: calc(100% - 0.8rem);
  height: 1.01333rem;
  background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
  border-radius: 1.01333rem;
  left: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 0.37333rem;
  border: none;
}

.resultBox[data-v-fd530f40] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 3.06667rem;
}
.resultBox .icon[data-v-fd530f40] {
    width: 1.28rem;
    height: 1.28rem;
}
.resultBox .p1[data-v-fd530f40] {
    margin-top: 0.21333rem;
    color: #1d2129;
    font-size: 0.42667rem;
    width: 100%;
    text-align: center;
}
.resultBox .p2[data-v-fd530f40] {
    color: #4e5969;
    margin-top: 0.26667rem;
    font-size: 0.37333rem;
}

.free_item[data-v-6d64585e] {
  height: 3.46667rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--updata_bg);
  border-radius: 0.26667rem;
  padding: 0.4rem 0.48rem 0.4rem 0.4rem;
  box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.free_item .free_img[data-v-6d64585e] {
    width: 1.97333rem;
    height: 2.66667rem;
    margin-right: 0.37333rem;
    border-radius: 0.13333rem;
}
.free_item .free_item_right[data-v-6d64585e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 2.53333rem;
}
.free_item .free_item_right .top_tips[data-v-6d64585e] {
      display: flex;
      justify-content: space-between;
}
.free_item .free_item_right .top_tips .title[data-v-6d64585e] {
        width: 2.4rem;
        font-size: 0.42667rem;
        color: var(--box_title);
        font-style: PingFang-SC-Bold;
        height: 0.53333rem;
        font-weight: bold;
        padding-right: 0.26667rem;
}
.free_item .free_item_right .top_tips .time[data-v-6d64585e] {
        flex: 1;
        flex-grow: 1;
        text-align: right;
        font-size: 0.24rem;
        color: #f9f9f9;
}
.free_item .free_item_right .center_tip[data-v-6d64585e] {
      padding-right: 0.66667rem;
      font-size: 0.37333rem;
      color: #969696;
      font-style: PingFang-SC-Medium;
}
.free_item .free_item_right .bottom_tips[data-v-6d64585e] {
      display: flex;
      justify-content: space-between;
}
.free_item .free_item_right .bottom_tips span[data-v-6d64585e] {
        font-family: PingFang SC;
        font-weight: 500;
}
.free_item .free_item_right .bottom_tips span[data-v-6d64585e]:nth-of-type(1) {
          font-size: 0.29333rem;
          color: #969696;
}
.free_item .free_item_right .bottom_tips span[data-v-6d64585e]:nth-of-type(2) {
          color: #eed9b0;
          font-size: 0.26667rem;
}
.colon[data-v-6d64585e] {
  display: inline-block;
  margin: 0 0.10667rem;
  color: #ee0a24;
}
.block[data-v-6d64585e] {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
  background: #383838;
  border-radius: 0.08rem;
  font-size: 0.29333rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #f9f9f9;
  text-align: center;
}
.red[data-v-6d64585e] {
  background-color: #ee0a24 !important;
}

.limited_time[data-v-af754022] {
  background-color: var(--vip_bg);
}
.limited_time ul[data-v-af754022] {
    padding: 0 0.4rem;
}
.limited_time ul li[data-v-af754022] {
      margin-top: 0.4rem;
}

.ranking_item[data-v-70e1072c] {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 0.56rem 0.4rem 0.4rem 0.29333rem;
  background-color: var(--bg_color);
}
.ranking_item .index[data-v-70e1072c] {
    width: 0.61333rem;
    height: 0.72rem;
    line-height: 0.4rem;
}
.ranking_item .index img[data-v-70e1072c] {
      width: 100%;
      height: 100%;
}
.ranking_item .index .span_index[data-v-70e1072c] {
      font-size: 0.37333rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--box_title);
}
.ranking_item .ranking_info[data-v-70e1072c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: PingFang SC;
    padding: 0 0.4rem 0 0.29333rem;
}
.ranking_item .ranking_info .ranking_title[data-v-70e1072c] {
      font-size: 0.37333rem;
      font-weight: bold;
      color: var(--box_title);
}
.ranking_item .ranking_info p[data-v-70e1072c] {
      font-size: 0.34667rem;
      font-weight: 500;
      color: #969696;
}
.ranking_item .ranking_info .ranking_icon[data-v-70e1072c] {
      font-size: 0.26667rem;
      font-weight: 500;
}
.ranking_item .ranking_info .ranking_icon span[data-v-70e1072c]:nth-of-type(1) {
        color: #eed9b0;
        margin-right: 0.21333rem;
}
.ranking_item .ranking_info .ranking_icon span[data-v-70e1072c]:nth-of-type(2) {
        color: #969696;
}
.ranking_item img[data-v-70e1072c] {
    width: 1.84rem;
    height: 2.50667rem;
    border-radius: 0.13333rem;
}

.hot_ranking[data-v-79dcfec4] {
  display: flex;
  justify-content: space-between;
}
.hot_ranking .left_title[data-v-79dcfec4] {
    overflow-y: auto;
    width: 1.86667rem;
    background-color: var(--vip_props);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.hot_ranking .left_title li[data-v-79dcfec4] {
      width: 1.33333rem;
      height: 1.33333rem;
      background-color: var(--nav_bgcolor);
      border-radius: 50%;
      text-align: center;
      line-height: 1.33333rem;
      margin-top: 0.4rem;
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--hot_itembg);
}
.hot_ranking .left_title .active[data-v-79dcfec4] {
      background-color: #EAD2AC;
      color: #202020;
}
.hot_ranking .van-pull-refresh[data-v-79dcfec4] {
    flex: 1;
    overflow-y: auto;
}

.other_list[data-v-cd7270c6] {
  display: flex;
  justify-content: space-between;
}
.other_list .left_title[data-v-cd7270c6] {
    overflow-y: auto;
    width: 2.66667rem;
    background-color: var(--vip_props);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.other_list .left_title[data-v-cd7270c6]::-webkit-scrollbar {
      display: none;
}
.other_list .left_title .title_li[data-v-cd7270c6] {
      width: 100%;
      font-family: PingFang SC;
}
.other_list .left_title .title_li .title[data-v-cd7270c6] {
        height: 1.30667rem;
        width: 100%;
        font-size: 0.4rem;
        font-weight: bold;
        color: var(--box_title);
        background-color: var(--bg_color);
        text-align: center;
        line-height: 1.30667rem;
}
.other_list .left_title .title_li ul[data-v-cd7270c6] {
        padding: 0.4rem 0.26667rem 0;
}
.other_list .left_title .title_li ul .item_li[data-v-cd7270c6] {
          height: 0.90667rem;
          font-size: 0.37333rem;
          color: var(--search_txt1);
          border-radius: 0.45333rem;
          background-color: var(--nav_bgcolor);
          margin-bottom: 0.4rem;
          text-align: center;
          line-height: 0.90667rem;
}
.other_list .left_title .title_li ul .redBg[data-v-cd7270c6] {
          background-color: var(--other_itembg);
          color: var(--search_txt2);
}
.other_list .van-pull-refresh[data-v-cd7270c6] {
    flex: 1;
    overflow-y: auto;
}

.book_list[data-v-6e6e8938] {
  background-color: var(--page_bgcolor);
}
.book_list .van-tabs[data-v-6e6e8938] .van-sticky {
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.book_list .van-tabs[data-v-6e6e8938] .van-tabs__nav {
    background-color: var(--bg_color);
}
.book_list .van-tabs[data-v-6e6e8938] .van-tabs__line {
    background-color: #ead2ac;
}
.book_list .van-tabs[data-v-6e6e8938] .van-tab {
    color: var(--box_righttxt);
}
.book_list .van-tabs /depp/ .van-tab--active > > > .van-tab__text[data-v-6e6e8938] {
    color: blue !important;
}

.search_input[data-v-bdffbdfa] {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.37333rem;
  margin: 0.37333rem 0;
}
.search_input .ipn[data-v-bdffbdfa] {
    width: 100%;
    position: relative;
    height: 0.8rem;
}
.search_input .ipn div[data-v-bdffbdfa] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      line-height: 0.8rem;
      border-radius: 0.53333rem;
      background-color: var(--nav_bgcolor);
      border: none;
      padding-left: 1.06667rem;
      color: #969696;
      font-size: 0.34667rem;
      box-shadow: 0 0.08rem 0.66667rem 0 rgba(33, 34, 37, 0.06);
}
.search_input .ipn img[data-v-bdffbdfa] {
      position: absolute;
      left: 0.38667rem;
      top: 0.18667rem;
      width: 0.42667rem;
      height: 0.42667rem;
}
.pd[data-v-bdffbdfa] {
  padding: 0;
}

.want_read_books_item[data-v-c6541fa6] {
  height: 6.93333rem;
  background: var(--want_book);
  border-radius: 0.26667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.want_read_books_item .help[data-v-c6541fa6] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.4rem;
}
.want_read_books_item .help .frend_help[data-v-c6541fa6] {
      position: absolute;
      width: 1.89333rem;
      height: 0.8rem;
      background: linear-gradient(172deg, #fbedd1, #eed8af);
      border-radius: 0 0.26667rem 0 0.26667rem;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #202020;
      text-align: center;
      line-height: 0.8rem;
}
.want_read_books_item .help .unImg[data-v-c6541fa6] {
      position: absolute;
      width: 1.52rem;
      height: 1.33333rem;
}
.want_read_books_item .help p[data-v-c6541fa6] {
      font-size: 0.32rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: #eed9b0;
      width: 1.97333rem;
      height: 0.8rem;
      background: #3f3f3f;
      border-radius: 0 0.26667rem 0 0.26667rem;
      text-align: center;
      line-height: 0.8rem;
}
.want_read_books_item .help p img[data-v-c6541fa6] {
        width: 0.4rem;
        height: 0.4rem;
        vertical-align: middle;
}
.want_read_books_item .help_book[data-v-c6541fa6] {
    display: flex;
    justify-content: flex-start;
    padding: 0 1.06667rem 0 0.4rem;
}
.want_read_books_item .help_book .help_book_img[data-v-c6541fa6] {
      width: 1.97333rem;
      height: 2.66667rem;
      position: relative;
      margin-right: 0.4rem;
}
.want_read_books_item .help_book .help_book_img .bookImg[data-v-c6541fa6] {
        width: 1.97333rem;
        height: 2.66667rem;
        border-radius: 0.13333rem;
}
.want_read_books_item .help_book .help_book_img .icon[data-v-c6541fa6] {
        width: 0.8rem;
        height: 0.93333rem;
        position: absolute;
        top: -0.08rem;
        left: -0.18667rem;
}
.want_read_books_item .help_book .help_book_info[data-v-c6541fa6] {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: flex-start;
}
.want_read_books_item .help_book .help_book_info p[data-v-c6541fa6]:nth-of-type(1) {
        font-size: 0.42667rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: var(--box_title);
}
.want_read_books_item .help_book .help_book_info p[data-v-c6541fa6]:nth-of-type(2) {
        font-size: 0.37333rem;
        color: #969696;
}
.want_read_books_item .help_book .help_book_info span[data-v-c6541fa6] {
        font-size: 0.29333rem;
        color: var(--box_title);
}
.want_read_books_item .progress[data-v-c6541fa6] {
    padding: 0.53333rem 0.4rem;
    height: 1.86667rem;
}
.want_read_books_item .progress .van-progress[data-v-c6541fa6] {
      height: 0.4rem;
      border-radius: 0.18667rem;
      background-color: #91bcff;
      overflow: hidden;
}
.want_read_books_item .progress .van-progress[data-v-c6541fa6] .van-progress__pivot {
        width: 0;
        height: 0;
        border-top: 0.45333rem solid #ff6464;
        border-right: 0.4rem solid transparent;
        border-radius: 0;
        background-color: #91bcff !important;
        box-sizing: border-box;
}
.want_read_books_item .progress .num[data-v-c6541fa6] {
      display: flex;
      justify-content: space-between;
      margin-top: 0.26667rem;
}
.want_read_books_item .progress .num span[data-v-c6541fa6] {
        font-size: 0.29333rem;
        font-family: PingFang SC;
        font-weight: bold;
}
.want_read_books_item .progress .num span[data-v-c6541fa6]:nth-of-type(1) {
          color: #ff6464;
}
.want_read_books_item .progress .num span[data-v-c6541fa6]:nth-of-type(2) {
          color: #91bcff;
}
.want_read_books_item .vote[data-v-c6541fa6] {
    height: 1.06667rem;
    background-color: var(--nav_bgcolor);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.26667rem 0;
    box-shadow: 0 0 0.26667rem 0 rgba(0, 0, 0, 0.1);
}
.want_read_books_item .vote .iwant[data-v-c6541fa6],
    .want_read_books_item .vote .ihate[data-v-c6541fa6] {
      font-size: 0.32rem;
      color: var(--set_wangt);
}
.want_read_books_item .vote .iwant img[data-v-c6541fa6],
      .want_read_books_item .vote .ihate img[data-v-c6541fa6] {
        width: 0.50667rem;
        height: 0.50667rem;
        vertical-align: middle;
}
.want_read_books_item .vote .blank[data-v-c6541fa6] {
      width: 0.02667rem;
      height: 100%;
      border: 0.01333rem solid var(--line_color);
      margin: 0 1.06667rem;
}
.want_read_books_item .okvote[data-v-c6541fa6] {
    height: 1.06667rem;
    background-color: var(--nav_bgcolor);
    font-size: 0.32rem;
    color: var(--box_title);
    text-align: center;
    line-height: 1.06667rem;
}
.want_read_books_item .okvote img[data-v-c6541fa6] {
      width: 0.50667rem;
      height: 0.50667rem;
      vertical-align: middle;
      margin-right: 0.18667rem;
}
.colon[data-v-c6541fa6] {
  display: inline-block;
  margin: 0 0.10667rem;
  color: #ee0a24;
}
.block[data-v-c6541fa6] {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
  background: #383838;
  border-radius: 0.08rem;
  font-size: 0.29333rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #f9f9f9;
  text-align: center;
}
.red[data-v-c6541fa6] {
  background-color: #ee0a24 !important;
}

.initiate_list ul[data-v-fd12dcee] {
  margin-top: 0.26667rem;
  padding: 0 0.4rem;
}
.initiate_list ul li[data-v-fd12dcee] {
    margin-bottom: 0.4rem;
}
.initiate_list .btn[data-v-fd12dcee] {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.30667rem;
}
.initiate_list .btn .van-button[data-v-fd12dcee] {
    width: 100%;
    height: 100%;
    font-size: 0.37333rem;
    color: var(--box_title);
    background: var(--want_btn_bg);
    border: none;
}

.want_read_books[data-v-41e32b29] {
  background-color: var(--page_bgcolor);
  padding: 1.33333rem 0 1.33333rem;
}
.want_read_books .van-nav-bar[data-v-41e32b29] {
    background-color: var(--bg_color);
    padding: 0 0.4rem;
    z-index: 999;
    height: 1.2rem;
}
.want_read_books .van-nav-bar[data-v-41e32b29] .van-nav-bar__title {
      font-size: 0.48rem;
      font-family: PingFang SC;
      font-weight: bold;
      color: var(--search_txt2);
}
.want_read_books .van-nav-bar[data-v-41e32b29] .van-nav-bar__right {
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--search_txt2);
}
.want_read_books .van-nav-bar[data-v-41e32b29] .van-icon {
      font-size: 0.53333rem;
      font-weight: 800;
      color: var(--search_txt2);
}
.want_read_books .van-tabs[data-v-41e32b29] .van-tabs__nav {
    background: -webkit-linear-gradient(#f7f7f7, #ffffff);
}
.want_read_books .van-tabs[data-v-41e32b29] .van-tabs__line {
    background-color: #ead2ac;
}
.want_read_books .van-tabs[data-v-41e32b29] .van-tab {
    color: var(--box_righttxt);
}
.want_read_books .van-tabs /depp/ .van-tab--active > > > .van-tab__text[data-v-41e32b29] {
    color: blue !important;
}
.want_read_books .btn[data-v-41e32b29] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.30667rem;
}
.want_read_books .btn .van-button[data-v-41e32b29] {
      width: 100%;
      height: 100%;
      font-size: 0.37333rem;
      color: var(--box_title);
      background: var(--want_btn_bg);
      border: none;
}

.free_item[data-v-4e046843] {
  height: 3.46667rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--updata_bg);
  border-radius: 0.26667rem;
  padding: 0.4rem 0.48rem 0.4rem 0.4rem;
  box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.free_item img[data-v-4e046843] {
    width: 1.97333rem;
    height: 2.66667rem;
    margin-right: 0.37333rem;
    border-radius: 0.13333rem;
}
.free_item .free_item_right[data-v-4e046843] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 2.53333rem;
}
.free_item .free_item_right .top_tips[data-v-4e046843] {
      display: flex;
      justify-content: space-between;
}
.free_item .free_item_right .top_tips div[data-v-4e046843]:nth-of-type(1) {
        font-size: 0.42667rem;
        color: var(--box_title);
        font-style: PingFang-SC-Bold;
        font-weight: bold;
}
.free_item .free_item_right .top_tips div[data-v-4e046843]:nth-of-type(2) {
        font-size: 0.24rem;
        color: #eed9b0;
}
.free_item .free_item_right .top_tips div:nth-of-type(2) span[data-v-4e046843] {
          padding: 0 0.08rem;
}
.free_item .free_item_right .top_tips div:nth-of-type(2) span[data-v-4e046843]:nth-of-type(2) {
            width: 0.42667rem;
            height: 0.42667rem;
            border-radius: 0.08rem;
            background-color: #ff6464;
}
.free_item .free_item_right .center_tip[data-v-4e046843] {
      padding-right: 0.66667rem;
      font-size: 0.37333rem;
      color: #969696;
      font-style: PingFang-SC-Medium;
}
.free_item .free_item_right .jiagebox[data-v-4e046843] {
      font-size: 0.29333rem;
      color: red;
      font-weight: bold;
}
.free_item .free_item_right .bottom_tips[data-v-4e046843] {
      display: flex;
      justify-content: space-between;
}
.free_item .free_item_right .bottom_tips span[data-v-4e046843] {
        font-family: PingFang SC;
        font-weight: 500;
}
.free_item .free_item_right .bottom_tips span[data-v-4e046843]:nth-of-type(1) {
          font-size: 0.29333rem;
          color: #969696;
}
.free_item .free_item_right .bottom_tips span[data-v-4e046843]:nth-of-type(2) {
          color: #cdcdcd;
          font-size: 0.26667rem;
}

.limited_time[data-v-723ac3e1] {
  background-color: var(--vip_bg);
}
.limited_time ul[data-v-723ac3e1] {
    padding: 0 0.4rem;
}
.limited_time ul li[data-v-723ac3e1] {
      margin-top: 0.4rem;
}

.rankinglist[data-v-62bb2b38] {
  padding-top: 1.33333rem;
  background-color: var(--updata_bg);
}
.rankinglist .van-hairline--bottom[data-v-62bb2b38]::after {
    border: none;
}
.rankinglist .van-nav-bar[data-v-62bb2b38] {
    background-color: var(--updata_bg);
    padding: 0 0.4rem;
    height: 1.33333rem;
}
.rankinglist[data-v-62bb2b38] .van-ellipsis {
    overflow: visible !important;
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title {
    height: 100%;
    width: 2.4rem;
    font-size: 0.42667rem;
    font-family: PingFang SC;
    color: var(--search_txt2);
    line-height: 1.33333rem;
    display: flex;
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title a {
      color: var(--search_txt2);
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title .left_hot {
      margin-right: 0.53333rem;
      position: relative;
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title .right_class {
      position: relative;
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title .router-link-exact-active {
      font-weight: bold;
}
.rankinglist[data-v-62bb2b38] .van-nav-bar__title .line_txt {
      position: absolute;
      bottom: 0.02667rem;
      left: 20%;
      width: 0.53333rem;
      height: 0.10667rem;
      background: #A674F2;
      border-radius: 0.05333rem;
      z-index: 20;
}
.rankinglist .leftBg[data-v-62bb2b38] {
    width: 0.26667rem;
    height: 0.42667rem;
    font-size: 0.48rem;
    color: var(--search_txt2);
}
.rankinglist .contentTxt[data-v-62bb2b38] {
    height: calc(100vh - 5.06667rem);
    overflow-y: auto;
    padding-top: 1.33333rem;
}
.rankinglist .contentTxt[data-v-62bb2b38]::-webkit-scrollbar {
      display: none;
}
.rankinglist .contentTxt .sonContentBox[data-v-62bb2b38] {
      padding: 0.26667rem 0.4rem;
      text-align: center;
      font-size: 0.42667rem;
}

.ranking_item[data-v-71bb382c] {
  width: 100%;
  display: flex;
  justify-content: space-around;
  height: 2.8rem;
  background-color: var(--bg_color);
}
.ranking_item .ranking_info[data-v-71bb382c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: PingFang SC;
    padding: 0.05333rem 0.26667rem 0.26667rem;
    border-bottom: var(--bottomLine);
}
.ranking_item .ranking_info .ranking_title[data-v-71bb382c] {
      font-size: 0.37333rem;
      font-weight: bold;
      color: var(--box_title);
}
.ranking_item .ranking_info .destion[data-v-71bb382c] {
      font-size: 0.34667rem;
      font-weight: 500;
      height: 0.96rem;
      color: #969696;
}
.ranking_item .ranking_info .pricebox[data-v-71bb382c] {
      color: red;
      font-size: 0.26667rem;
      font-weight: bold;
}
.ranking_item .ranking_info .pricebox .firstparice[data-v-71bb382c] {
        margin-right: 0.26667rem;
}
.ranking_item .ranking_info .ranking_icon[data-v-71bb382c] {
      font-size: 0.26667rem;
      font-weight: 500;
      display: flex;
      justify-content: space-between;
}
.ranking_item .ranking_info .ranking_icon span[data-v-71bb382c]:nth-of-type(1) {
        color: #969696;
        margin-right: 0.21333rem;
}
.ranking_item .ranking_info .ranking_icon span[data-v-71bb382c]:nth-of-type(2) {
        color: #969696;
}
.ranking_item img[data-v-71bb382c] {
    width: 1.86667rem;
    height: 2.50667rem;
    border-radius: 0.13333rem;
    border: 0.00267rem solid #eaeaea;
    -o-object-fit: cover;
       object-fit: cover;
}

.class_item[data-v-e93469ac] {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.29333rem;
  background-color: var(--bg_color);
  font-family: PingFang SC;
}
.class_item .classBig[data-v-e93469ac] {
    width: 100%;
}
.class_item .classBig .classItem .classTitle[data-v-e93469ac] {
      font-size: 0.32rem;
      font-weight: bold;
      color: var(--rankclasstitle);
      line-height: 0.8rem;
}
.class_item .classBig .classItem .smallClass[data-v-e93469ac] {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}
.class_item .classBig .classItem .smallClass .smallClassItem[data-v-e93469ac] {
        width: 3.2rem;
        height: 1.86667rem;
        background: var(--rankleft);
        border-radius: 0.21333rem;
        margin-bottom: 0.26667rem;
        display: flex;
        justify-content: space-between;
        padding: 0.26667rem;
}
.class_item .classBig .classItem .smallClass .smallClassItem .imgSmall[data-v-e93469ac] {
          width: 1.01333rem;
          height: 1.36rem;
          border-radius: 0.10667rem;
          margin-right: 0.21333rem;
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo[data-v-e93469ac] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo .smallTitle[data-v-e93469ac] {
            font-size: 0.34667rem;
            font-weight: bold;
            color: var(--box_title);
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo .num[data-v-e93469ac] {
            font-size: 0.26667rem;
            font-weight: 500;
            color: #969696;
}

.other_list[data-v-547967c3] {
  height: calc(100vh - 1.33333rem);
  display: flex;
  justify-content: space-between;
}
.other_list .left_title[data-v-547967c3] {
    overflow-y: auto;
    width: 2.4rem;
    background-color: var(--rankleft);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: calc( 100vh - 1.33333rem);
}
.other_list .left_title[data-v-547967c3]::-webkit-scrollbar {
      display: none;
}
.other_list .left_title .title_li[data-v-547967c3] {
      width: 100%;
      font-family: PingFang SC;
}
.other_list .left_title .title_li .title[data-v-547967c3] {
        height: 1.33333rem;
        width: 100%;
        font-size: 0.37333rem;
        color: var(--search_txt1);
        text-align: center;
        line-height: 1.33333rem;
}
.other_list .left_title .redBg[data-v-547967c3] {
      color: #A674F2 !important;
      background-color: var(--bg_color);
}
.other_list .right_list[data-v-547967c3] {
    flex: 1;
    padding: 0 0.37333rem;
    background-color: var(--bg_color);
}
.other_list .right_list .right_tips[data-v-547967c3] {
      box-sizing: border-box;
      height: 1.33333rem;
      background-color: var(--bg_color);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.32rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--about);
      border-bottom: var(--bottomLine);
}
.other_list .right_list .right_tips .right_set .imgIcon[data-v-547967c3] {
        margin-left: 0.13333rem;
        vertical-align: middle;
}
.other_list .right_list .van-pull-refresh[data-v-547967c3] {
      padding: 0.37333rem 0;
      overflow-y: auto;
      height: calc(100vh - 2.66667rem);
      width: 100%;
}
.other_list .right_list .van-pull-refresh[data-v-547967c3]::-webkit-scrollbar {
        display: none;
}
.other_list .right_list .van-pull-refresh li[data-v-547967c3] {
        margin-bottom: 0.4rem;
}

.teacherlist .free_item[data-v-2945cc00] {
  height: 3.46667rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: PingFang SC;
  align-items: center;
  background-color: var(--bg_color);
  border-radius: 0.26667rem;
}
.teacherlist .free_item .img_box[data-v-2945cc00] {
    padding: 0.26667rem 0;
}
.teacherlist .free_item .img_box img[data-v-2945cc00] {
      width: 1.97333rem;
      height: 2.66667rem;
      margin-right: 0.37333rem;
      border-radius: 0.13333rem;
      -o-object-fit: cover;
         object-fit: cover;
}
.teacherlist .free_item .free_item_right[data-v-2945cc00] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3.06667rem;
    padding: 0.26667rem 0;
    border-bottom: var(--bottomLine);
}
.teacherlist .free_item .free_item_right .t_name[data-v-2945cc00] {
      font-size: 0.34667rem;
      font-weight: bold;
      color: var(--box_title);
}
.teacherlist .free_item .free_item_right .t_number[data-v-2945cc00] {
      font-size: 0.26667rem;
      color: #666666;
}
.teacherlist .free_item .free_item_right .t_des[data-v-2945cc00] {
      font-size: 0.34667rem;
      color: #838a96;
}

.class_item[data-v-a53f19a6] {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.29333rem;
  background-color: var(--bg_color);
  font-family: PingFang SC;
}
.class_item .classBig[data-v-a53f19a6] {
    width: 100%;
}
.class_item .classBig .classItem .classTitle[data-v-a53f19a6] {
      font-size: 0.32rem;
      font-weight: bold;
      color: var(--rankclasstitle);
      line-height: 0.8rem;
}
.class_item .classBig .classItem .smallClass[data-v-a53f19a6] {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}
.class_item .classBig .classItem .smallClass .smallClassItem[data-v-a53f19a6] {
        width: 3.2rem;
        height: 1.86667rem;
        background: var(--rankleft);
        border-radius: 0.21333rem;
        margin-bottom: 0.26667rem;
        display: flex;
        justify-content: space-between;
        padding: 0.26667rem;
}
.class_item .classBig .classItem .smallClass .smallClassItem .imgSmall[data-v-a53f19a6] {
          width: 1.01333rem;
          height: 1.36rem;
          border-radius: 0.10667rem;
          margin-right: 0.21333rem;
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo[data-v-a53f19a6] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo .smallTitle[data-v-a53f19a6] {
            font-size: 0.34667rem;
            font-weight: bold;
            color: var(--box_title);
}
.class_item .classBig .classItem .smallClass .smallClassItem .itemInfo .num[data-v-a53f19a6] {
            font-size: 0.26667rem;
            font-weight: 500;
            color: #969696;
}
.class_item .van-index-bar[data-v-a53f19a6] .van-index-anchor {
    color: var(--box_title);
}
.class_item .van-index-bar[data-v-a53f19a6] .van-index-anchor--sticky {
    background: var(--updata_bg);
    color: var(--box_title);
}
.class_item .van-index-bar[data-v-a53f19a6] .van-index-bar__index {
    color: var(--box_title);
}
.class_item .van-index-bar[data-v-a53f19a6] .van-index-bar__index--active {
    color: #A674F2;
}
.class_item .libook[data-v-a53f19a6] {
    margin-bottom: 0.34667rem;
}
.class_item .fiexindex[data-v-a53f19a6] {
    position: fixed;
    right: 0.02667rem;
    top: 50%;
    transform: translateY(-50%);
}
.class_item .fiexindex li[data-v-a53f19a6] {
      font-size: 0.32rem;
      line-height: 0.53333rem;
      text-align: center;
      width: 0.53333rem;
      height: 0.66667rem;
      font-weight: bold;
      color: var(--search_txt1);
}
.class_item .fiexindex .bigTxt[data-v-a53f19a6] {
      color: #a674f2;
}

.other_list[data-v-73c5fae4] {
  height: calc(100vh - 1.33333rem);
  display: flex;
  justify-content: space-between;
}
.other_list .left_title[data-v-73c5fae4] {
    overflow-y: auto;
    width: 2.4rem;
    background-color: var(--rankleft);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: calc( 100vh - 1.33333rem);
}
.other_list .left_title[data-v-73c5fae4]::-webkit-scrollbar {
      display: none;
}
.other_list .left_title .title_li[data-v-73c5fae4] {
      width: 100%;
      font-family: PingFang SC;
}
.other_list .left_title .title_li .title[data-v-73c5fae4] {
        height: 1.33333rem;
        width: 100%;
        font-size: 0.37333rem;
        color: var(--search_txt1);
        text-align: center;
        line-height: 1.33333rem;
}
.other_list .left_title .redBg[data-v-73c5fae4] {
      color: #A674F2 !important;
      background-color: var(--bg_color);
}
.other_list .right_list[data-v-73c5fae4] {
    flex: 1;
    padding: 0 0.37333rem;
    background-color: var(--bg_color);
}
.other_list .right_list .right_tips[data-v-73c5fae4] {
      box-sizing: border-box;
      height: 1.33333rem;
      background-color: var(--bg_color);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.32rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: var(--about);
      border-bottom: var(--bottomLine);
}
.other_list .right_list .right_tips .right_set .imgIcon[data-v-73c5fae4] {
        margin-left: 0.13333rem;
        vertical-align: middle;
}
.other_list .right_list .van-pull-refresh[data-v-73c5fae4], .other_list .right_list .allclass[data-v-73c5fae4] {
      padding: 0.37333rem 0;
      overflow-y: auto;
      height: calc(100vh - 2.66667rem);
      width: 100%;
}
.other_list .right_list .van-pull-refresh[data-v-73c5fae4]::-webkit-scrollbar, .other_list .right_list .allclass[data-v-73c5fae4]::-webkit-scrollbar {
        display: none;
}
.other_list .right_list .van-pull-refresh li[data-v-73c5fae4], .other_list .right_list .allclass li[data-v-73c5fae4] {
        margin-bottom: 0.4rem;
}

.my_self[data-v-a06e83ca] {
  background-color: var(--bg_color);
  min-height: 100vh;
  font-family: PingFang SC;
}
.my_self .my_nav[data-v-a06e83ca] {
    position: relative;
    display: flex;
    height: 2.66667rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.my_self .my_nav .sonBox[data-v-a06e83ca] {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5;
      background-color: rgba(0, 0, 0, 0.3);
}
.my_self .my_nav .sonBox .van-hairline--bottom[data-v-a06e83ca]::after {
        border: none;
}
.my_self .my_nav .sonBox .van-nav-bar[data-v-a06e83ca] {
        height: 1.33333rem;
        padding: 0 0.4rem;
        background-color: rgba(0, 0, 0, 0);
}
.my_self .my_nav .sonBox .van-nav-bar[data-v-a06e83ca] .van-icon {
          color: #ffffff;
          font-weight: bold;
}
.my_self .my_nav .my_nav_bg[data-v-a06e83ca] {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: inherit;
      background-position: top center;
      filter: blur(0.05333rem);
      border: none;
      z-index: 2;
}
.my_self .user_info[data-v-a06e83ca] {
    width: 100%;
    padding: 0 0.4rem;
    background-color: var(--bg_color);
}
.my_self .user_info .user_top[data-v-a06e83ca] {
      display: flex;
      justify-content: space-between;
}
.my_self .user_info .user_top .my_info[data-v-a06e83ca] {
        display: flex;
        flex-direction: column;
        font-family: PingFang SC;
        position: relative;
        z-index: 0.26667rem;
}
.my_self .user_info .user_top .my_info .user_img[data-v-a06e83ca] {
          position: absolute;
          top: -0.66667rem;
          left: 0.21333rem;
          width: 2.13333rem;
          height: 2.13333rem;
          padding: 0.08rem;
          border-radius: 50%;
          z-index: 15;
}
.my_self .user_info .user_top .my_info .user_img .uimg[data-v-a06e83ca] {
            width: 1.97333rem;
            height: 1.97333rem;
            border-radius: 50%;
}
.my_self .user_info .user_top .my_info .user_img .vipIcon[data-v-a06e83ca] {
            position: absolute;
            bottom: -0.05333rem;
            right: -0.05333rem;
            width: 0.74667rem;
            height: 0.74667rem;
}
.my_self .user_info .user_top .my_info .bgcolor1[data-v-a06e83ca] {
          background-color: #eacaa1;
}
.my_self .user_info .user_top .my_info .bgcolor2[data-v-a06e83ca] {
          background-color: var(--touxiangbg);
}
.my_self .user_info .user_top .my_info .user_name[data-v-a06e83ca] {
          margin-top: 1.73333rem;
          font-size: 0.53333rem;
          font-weight: 800;
          color: var(--box_title);
          display: flex;
          align-items: center;
}
.my_self .user_info .user_top .my_info .user_name .daoshi_icon[data-v-a06e83ca] {
            width: 0.8rem;
            height: 0.48rem;
            margin-left: 0.13333rem;
}
.my_self .user_info .user_top .my_info .user_code[data-v-a06e83ca] {
          margin-top: 0.26667rem;
          font-size: 0.37333rem;
          color: var(--search_txt1);
}
.my_self .user_info .user_autograph[data-v-a06e83ca] {
      margin-top: 0.53333rem;
      font-size: 0.34667rem;
      font-family: PingFang SC;
      color: var(--wengao);
      line-height: 0.58667rem;
      background-color: var(--rankleft);
      width: 9.2rem;
      border-radius: 0.21333rem;
      padding: 0.4rem 0.26667rem;
}
.my_self .user_info .user_fans[data-v-a06e83ca] {
      height: 1.33333rem;
      display: flex;
      align-items: center;
}
.my_self .user_info .user_fans p[data-v-a06e83ca] {
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969696;
        margin-right: 0.53333rem;
}
.my_self .user_info .user_fans p span[data-v-a06e83ca] {
          font-size: 0.48rem;
          font-weight: bold;
          color: var(--box_title);
}
.my_self .bg_box[data-v-a06e83ca] {
    width: 100%;
    height: 0.32rem;
    background: var(--sign_gedun);
}
.my_self .user_book[data-v-a06e83ca] {
    padding: 0.42667rem;
}
.my_self .user_book .list_title[data-v-a06e83ca] {
      font-size: 0.53333rem;
      font-weight: bold;
      color: var(--box_title);
      margin-bottom: 0.26667rem;
}
.my_self .user_book .list_box[data-v-a06e83ca] {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.my_self .user_book .list_box .book_item[data-v-a06e83ca] {
        width: 25%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0.26667rem;
}
.my_self .user_book .list_box .book_item .book_img[data-v-a06e83ca] {
          width: 1.86667rem;
          height: 2.53333rem;
          border-radius: 0.13333rem;
          border: var(--bottomLine);
}
.my_self .user_book .list_box .book_item .book_title[data-v-a06e83ca] {
          font-size: 0.34667rem;
          color: var(--box_title);
          margin: 0.26667rem 0;
}
.my_self .user_book .list_box .book_item .book_num[data-v-a06e83ca] {
          font-size: 0.26667rem;
          color: #969696;
}

.shopping[data-v-6be25f51] {
  padding: 0 0.4rem;
  background-color: var(--page_bgcolor);
}
.shopping .van-hairline--bottom[data-v-6be25f51]::after {
    border: none;
}
.shopping .van-nav-bar[data-v-6be25f51] {
    background-color: #202020;
}
.shopping .my-swipe[data-v-6be25f51] {
    margin-top: 0.53333rem;
    height: 3.46667rem;
    border-radius: 0.26667rem;
}
.shopping .my-swipe .van-swipe-item[data-v-6be25f51] {
      color: #fff;
      height: 3.46667rem;
      width: 9.2rem;
      font-size: 0.53333rem;
      line-height: 4rem;
      text-align: center;
      background-color: #39a9ed;
}
.shopping .my-swipe .van-swipe-item img[data-v-6be25f51] {
        width: 100%;
        height: 100%;
}
.shopping .shopping_nav[data-v-6be25f51] {
    display: flex;
    justify-content: space-between;
    height: 1.6rem;
    margin-top: 0.53333rem;
}
.shopping .shopping_nav li[data-v-6be25f51] {
      height: 100%;
      width: 2.8rem;
      border-radius: 0.26667rem;
      font-size: 0.37333rem;
      display: flex;
      justify-content: center;
      align-items: center;
}
.shopping .shopping_nav li[data-v-6be25f51]:nth-of-type(1) {
        background: var(--shop_nav1);
}
.shopping .shopping_nav li:nth-of-type(1) .bg_img[data-v-6be25f51] {
          height: 0.42667rem;
          width: 0.4rem;
          background: var(--shop_imgbg1);
}
.shopping .shopping_nav li[data-v-6be25f51]:nth-of-type(2) {
        background: var(--shop_nav2);
}
.shopping .shopping_nav li:nth-of-type(2) .bg_img[data-v-6be25f51] {
          height: 0.45333rem;
          width: 0.42667rem;
          background: var(--shop_imgbg2);
}
.shopping .shopping_nav li[data-v-6be25f51]:nth-of-type(3) {
        background: var(--shop_nav3);
}
.shopping .shopping_nav li:nth-of-type(3) .bg_img[data-v-6be25f51] {
          height: 0.45333rem;
          width: 0.42667rem;
          background: var(--shop_imgbg3);
}
.shopping .shopping_nav li span[data-v-6be25f51] {
        font-size: 0.37333rem;
        color: #f9f9f9;
        margin-left: 0.08rem;
}
.shopping .banner[data-v-6be25f51] {
    height: 3.2rem;
    width: 9.2rem;
    margin-top: 0.8rem;
    border-radius: 0.13333rem;
    overflow: hidden;
}
.shopping .banner img[data-v-6be25f51] {
      width: 100%;
      height: 100%;
}
.shopping .reading_books[data-v-6be25f51] {
    margin-top: 0.4rem;
    height: 7.78667rem;
    background-color: var(--shop_reabg);
    border-radius: 0.26667rem;
    overflow: hidden;
}
.shopping .reading_books .new_updata_center[data-v-6be25f51] {
      height: 1.26667rem;
      background-color: var(--shop_reabg);
      display: flex;
      justify-content: space-between;
      line-height: 1.26667rem;
      padding: 0 0.4rem;
}
.shopping .reading_books .new_updata_center div[data-v-6be25f51]:nth-of-type(1) {
        font-size: 0.48rem;
        color: var(--box_title);
        font-weight: bold;
}
.shopping .reading_books .new_updata_center div[data-v-6be25f51]:nth-of-type(2) {
        font-size: 0.34667rem;
        color: #838a96;
}
.shopping .reading_books .book_info[data-v-6be25f51] {
      display: flex;
      justify-content: center;
}
.shopping .reading_books .book_info .info[data-v-6be25f51] {
        height: 6.04rem;
        width: 4.08rem;
        background-color: var(--updata_bg);
        border-radius: 0.13333rem;
        overflow: hidden;
}
.shopping .reading_books .book_info .info[data-v-6be25f51]:nth-of-type(2) {
          margin-left: 0.26667rem;
}
.shopping .reading_books .book_info .info img[data-v-6be25f51] {
          height: 4.08rem;
          width: 100%;
}
.shopping .reading_books .book_info .info p[data-v-6be25f51] {
          font-size: 0.37333rem;
          color: var(--hot_itembg);
          padding: 0 0.33333rem;
          height: 0.96rem;
}
.shopping .reading_books .book_info .info .price[data-v-6be25f51] {
          display: flex;
          justify-content: space-between;
          padding: 0.10667rem 0.32rem 0;
          align-items: center;
}
.shopping .reading_books .book_info .info .price span[data-v-6be25f51]:nth-of-type(1) {
            color: #ff6464;
            font-size: 0.42667rem;
}
.shopping .reading_books .book_info .info .price span[data-v-6be25f51]:nth-of-type(2) {
            font-size: 0.26667rem;
            color: #ff919191;
}

.km-ProductList[data-v-20353085] {
  overflow: hidden;
  background-color: var(--page_bgcolor);
  margin-top: 0.66667rem;
}
.km-ProductList .new_updata_center[data-v-20353085] {
    height: 1.26667rem;
    border-color: #2E2E2E;
    display: flex;
    justify-content: space-between;
    line-height: 1.26667rem;
    padding-left: 0.4rem;
}
.km-ProductList .new_updata_center div[data-v-20353085]:nth-of-type(1) {
      font-size: 0.48rem;
      color: #F9F9F9;
}
.km-ProductList .new_updata_center div[data-v-20353085]:nth-of-type(2) {
      font-size: 0.34667rem;
      color: #838A96;
}
.km-ProductList .commo[data-v-20353085] {
    display: flex;
    flex-wrap: wrap;
}
.km-ProductList .commo li[data-v-20353085] {
      width: 50%;
      margin-bottom: 0.26667rem;
}
.km-ProductList .more[data-v-20353085] {
    text-align: center;
    /* height: 100px; */
}
.km-ProductList .more .van-button[data-v-20353085] {
      background-color: #202020;
      border: 0;
      outline: none;
}
.km_dom[data-v-20353085] {
  width: 100%;
  margin-bottom: 0.16rem;
}
.domLI[data-v-20353085] {
  width: 48.5%;
  overflow: hidden;
}
.bottom_Box[data-v-20353085] {
  height: 2rem;
  width: 100%;
  position: relative;
}
.bottom_Box_title[data-v-20353085] {
  width: 100%;
  position: absolute;
  bottom: 0.54rem;
  text-align: center;
  font-size: 0.22rem;
  color: #999999;
}

.reader_books_index[data-v-386183da] {
  background-color: var(--page_bgcolor);
}
.reader_books_index .van-tabs[data-v-386183da] .van-tabs__nav {
    background-color: var(--bg_color);
}
.reader_books_index .van-tabs[data-v-386183da] .van-tabs__line {
    background-color: #ead2ac;
}
.reader_books_index .van-tabs[data-v-386183da] .van-tab {
    color: var(--box_righttxt);
}

.bookclassinfo[data-v-0bac03df] {
  display: flex;
  justify-content: space-between;
}
.bookclassinfo img[data-v-0bac03df] {
    width: 2.50667rem;
    height: 2.50667rem;
    border-radius: 0.13333rem;
}
.bookclassinfo .bookinfo[data-v-0bac03df] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.37333rem 0 0.32rem;
}
.bookclassinfo .bookinfo p[data-v-0bac03df] {
      font-size: 0.37333rem;
      color: var(--box_title);
}
.bookclassinfo .bookinfo .hot[data-v-0bac03df] {
      display: flex;
      justify-content: space-between;
      padding: 0 0.16rem;
}
.bookclassinfo .bookinfo .hot span[data-v-0bac03df]:nth-of-type(1) {
        font-size: 0.4rem;
        color: #ff6464;
}
.bookclassinfo .bookinfo .hot span[data-v-0bac03df]:nth-of-type(2) {
        font-size: 0.24rem;
        color: #919191;
        margin-top: 0.13333rem;
}

.reader_books_index[data-v-68c6f0e4] {
  background-color: var(--bg_color);
}
.reader_books_index .van-hairline--bottom[data-v-68c6f0e4]::after {
    border: none;
}
.reader_books_index .van-tabs[data-v-68c6f0e4] .van-sticky {
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.reader_books_index .van-tabs[data-v-68c6f0e4] .van-tabs__nav {
    background-color: var(--bg_color);
}
.reader_books_index .van-tabs[data-v-68c6f0e4] .van-tabs__line {
    background-color: #ead2ac;
}
.reader_books_index .van-tabs[data-v-68c6f0e4] .van-tab {
    color: var(--box_title);
}
.reader_books_index .van-tabs /depp/ .van-tab--active > > > .van-tab__text[data-v-68c6f0e4] {
    color: blue !important;
}
.reader_books_index .killUp[data-v-68c6f0e4],
  .reader_books_index .hotruning[data-v-68c6f0e4] {
    display: flex;
    justify-content: space-between;
    overflow-y: auto;
}
.reader_books_index .killUp .left_hot_list[data-v-68c6f0e4],
    .reader_books_index .hotruning .left_hot_list[data-v-68c6f0e4] {
      width: 1.86667rem;
}
.reader_books_index .killUp .left_hot_list .item_hot[data-v-68c6f0e4],
      .reader_books_index .hotruning .left_hot_list .item_hot[data-v-68c6f0e4] {
        width: 1.86667rem;
        background-color: #272727;
        padding: 0.26667rem 0.26667rem;
}
.reader_books_index .killUp .left_hot_list .item_hot .hot_li[data-v-68c6f0e4],
        .reader_books_index .hotruning .left_hot_list .item_hot .hot_li[data-v-68c6f0e4] {
          width: 1.33333rem;
          height: 1.33333rem;
          border-radius: 50%;
          color: #cdcdcd;
          line-height: 1.33333rem;
          background-color: #2e2e2e;
          text-align: center;
          font-size: 0.4rem;
          margin-bottom: 0.4rem;
}
.reader_books_index .killUp .left_hot_list .item_hot .redBg[data-v-68c6f0e4],
        .reader_books_index .hotruning .left_hot_list .item_hot .redBg[data-v-68c6f0e4] {
          background-color: #ff6464;
          color: #ffffff;
}
.reader_books_index .killUp .left_list[data-v-68c6f0e4],
    .reader_books_index .hotruning .left_list[data-v-68c6f0e4] {
      width: 2.66667rem;
      overflow-y: auto;
}
.reader_books_index .killUp .left_list[data-v-68c6f0e4]::-webkit-scrollbar,
      .reader_books_index .hotruning .left_list[data-v-68c6f0e4]::-webkit-scrollbar {
        display: none;
}
.reader_books_index .killUp .left_list .title .title_txt[data-v-68c6f0e4],
      .reader_books_index .hotruning .left_list .title .title_txt[data-v-68c6f0e4] {
        height: 1.30667rem;
        color: var(--box_title);
        font-size: 0.4rem;
        background-color: var(--bg_color);
        line-height: 1.30667rem;
        text-align: center;
}
.reader_books_index .killUp .left_list .title .item[data-v-68c6f0e4],
      .reader_books_index .hotruning .left_list .title .item[data-v-68c6f0e4] {
        background-color: var(--vip_props);
        padding: 0.26667rem 0.26667rem;
}
.reader_books_index .killUp .left_list .title .item .item_li[data-v-68c6f0e4],
        .reader_books_index .hotruning .left_list .title .item .item_li[data-v-68c6f0e4] {
          height: 0.90667rem;
          width: 2.13333rem;
          border-radius: 0.45333rem;
          line-height: 0.90667rem;
          color: var(--search_txt1);
          background-color: var(--nav_bgcolor);
          margin-bottom: 0.4rem;
          font-size: 0.37333rem;
          text-align: center;
}
.reader_books_index .killUp .left_list .title .item .redBg[data-v-68c6f0e4],
        .reader_books_index .hotruning .left_list .title .item .redBg[data-v-68c6f0e4] {
          background-color: #ff6464;
          color: #ffffff;
}
.reader_books_index .killUp .right_list[data-v-68c6f0e4],
    .reader_books_index .hotruning .right_list[data-v-68c6f0e4] {
      flex: 1;
      overflow-y: auto;
}
.reader_books_index .killUp .right_list ul li[data-v-68c6f0e4],
      .reader_books_index .hotruning .right_list ul li[data-v-68c6f0e4] {
        padding: 0.4rem 0.4rem;
        background-color: var(--bg_color);
}
.reader_books_index .killUp .right_list ul li[data-v-68c6f0e4]:last-child,
        .reader_books_index .hotruning .right_list ul li[data-v-68c6f0e4]:last-child {
          padding-bottom: 1.33333rem;
}

.bookinfo[data-v-43ed55a0] {
  background-color: var(--shop_car);
}
.bookinfo .van-hairline--bottom[data-v-43ed55a0]::after {
    border: none;
}
.bookinfo .van-nav-bar[data-v-43ed55a0] {
    background-color: var(--bg_color);
    padding: 0 0.4rem;
}
.bookinfo[data-v-43ed55a0] .van-nav-bar__title {
    font-size: 0.48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: var(--search_txt2);
}
.bookinfo .leftBg[data-v-43ed55a0] {
    width: 0.26667rem;
    height: 0.42667rem;
    background: var(--back);
}
.bookinfo .rightBg[data-v-43ed55a0] {
    width: 0.42667rem;
    height: 0.42667rem;
    background: var(--share);
}
.bookinfo .book_img[data-v-43ed55a0] {
    height: 10rem;
    width: 100%;
}
.bookinfo .book_img img[data-v-43ed55a0] {
      width: 100%;
      height: 100%;
}
.bookinfo .price[data-v-43ed55a0] {
    height: 4rem;
    width: 100%;
    padding: 0.53333rem 0.4rem;
    background-color: var(--bg_color);
}
.bookinfo .price p[data-v-43ed55a0] {
      color: #ff6464;
      font-size: 0.45333rem;
      font-style: PingFang-SC-Bold;
}
.bookinfo .price p[data-v-43ed55a0]:nth-of-type(1) {
        margin-bottom: 0.48rem;
}
.bookinfo .price p[data-v-43ed55a0]:nth-of-type(2) {
        color: var(--box_title);
        margin-bottom: 0.26667rem;
        font-weight: bold;
}
.bookinfo .price div[data-v-43ed55a0] {
      font-size: 0.34667rem;
      color: #969696;
      display: flex;
      justify-content: space-between;
}
.bookinfo .imgArticle[data-v-43ed55a0] {
    margin-top: 0.26667rem;
    padding-bottom: 1.06667rem;
}
.bookinfo .imgArticle .title[data-v-43ed55a0] {
      height: 1.17333rem;
      padding: 0.4rem;
      color: var(--search_txt1);
      font-size: 0.37333rem;
      background-color: var(--bg_color);
}
.bookinfo .imgArticle[data-v-43ed55a0] img {
      width: 100% !important;
      vertical-align: middle;
}
.bookinfo .van-goods-action[data-v-43ed55a0] {
    background-color: var(--bg_color);
}
.bookinfo .van-goods-action .van-goods-action-icon[data-v-43ed55a0] {
      background-color: var(--bg_color);
}
.bookinfo .van-goods-action[data-v-43ed55a0] .van-goods-action-button--first {
      margin-right: 0.16rem;
      border: 0.04rem solid #ff6464 !important;
      border-radius: 0.50667rem;
      background-color: var(--bg_color) !important;
}
.bookinfo .van-goods-action[data-v-43ed55a0] .van-goods-action-button--first .van-button__text {
        color: #ff6464;
        font-weight: Bold;
}
.bookinfo .van-goods-action[data-v-43ed55a0] .van-goods-action-button--last {
      border-radius: 0.50667rem;
}
.bookinfo .van-goods-action[data-v-43ed55a0] .van-goods-action-button--last .van-button__text {
        font-weight: Bold;
        color: var(--bg_color);
}
.bookinfo .van-popup[data-v-43ed55a0] {
    background-color: var(--shop_car);
}
.bookinfo .van-popup .book_info[data-v-43ed55a0] {
      padding: 0.48rem 1.86667rem 0.26667rem 0.4rem;
      background-color: var(--bg_color);
}
.bookinfo .van-popup .book_info .top[data-v-43ed55a0] {
        display: flex;
        justify-content: space-around;
}
.bookinfo .van-popup .book_info .top img[data-v-43ed55a0] {
          width: 2.66667rem;
          height: 2.66667rem;
          border-radius: 0.18667rem;
          margin-right: 0.34667rem;
}
.bookinfo .van-popup .book_info .top div[data-v-43ed55a0] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
}
.bookinfo .van-popup .book_info .top div p[data-v-43ed55a0]:nth-of-type(1) {
            color: var(--search_txt1);
            font-size: 0.4rem;
            margin-bottom: 0.48rem;
}
.bookinfo .van-popup .book_info .top div p[data-v-43ed55a0]:nth-of-type(2) {
            color: #ff6464;
            font-size: 0.45333rem;
            margin-bottom: 0.24rem;
}
.bookinfo .van-popup .book_info .top div p[data-v-43ed55a0]:nth-of-type(3) {
            color: #8c8c8c;
            font-size: 0.29333rem;
}
.bookinfo .van-popup .book_info .bottom p[data-v-43ed55a0]:nth-of-type(1) {
        color: #cdcdcd;
        font-size: 0.4rem;
        margin: 0.48rem 0;
}
.bookinfo .van-popup .book_info .bottom p[data-v-43ed55a0]:nth-of-type(2) {
        display: flex;
        justify-content: space-between;
        font-size: 0.34667rem;
        color: --search_txt1;
}
.bookinfo .van-popup .adress[data-v-43ed55a0] {
      margin-top: 0.26667rem;
      height: 2rem;
      background-color: var(--bg_color);
      padding: 0 0.4rem;
      display: flex;
      align-items: center;
}
.bookinfo .van-popup .adress .add[data-v-43ed55a0] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
}
.bookinfo .van-popup .adress .add .add_p[data-v-43ed55a0] {
          margin-left: 0.4rem;
          font-size: 0.4rem;
          color: var(box_title);
}
.bookinfo .van-popup .adress .adressSet[data-v-43ed55a0] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.bookinfo .van-popup .adress .adressSet .set[data-v-43ed55a0] {
          display: flex;
          flex-direction: column;
          justify-content: center;
}
.bookinfo .van-popup .adress .adressSet .set span[data-v-43ed55a0]:nth-of-type(1) {
            font-size: 0.45333rem;
            color: var(--box_title);
            font-weight: bold;
}
.bookinfo .van-popup .adress .adressSet .set span[data-v-43ed55a0]:nth-of-type(2) {
            font-size: 0.32rem;
            color: var(--vip_tips);
}
.bookinfo .van-popup .adress .adressSet p[data-v-43ed55a0] {
          color: var(--about);
          font-size: 0.32rem;
          font-weight: bold;
}
.bookinfo .van-popup .payBox[data-v-43ed55a0] {
      background-color: var(--bg_color);
      margin-top: 0.26667rem;
      padding: 0.4rem 0.48rem;
}
.bookinfo .van-popup .payBox .num[data-v-43ed55a0] {
        display: flex;
        justify-content: space-between;
}
.bookinfo .van-popup .payBox .num p[data-v-43ed55a0] {
          font-size: 0.34667rem;
          color: var(--search_txt1);
          font-weight: bold;
          margin-top: 0.10667rem;
}
.bookinfo .van-popup .payBox .num .van-stepper[data-v-43ed55a0] {
          background-color: var(--bg_color);
}
.bookinfo .van-popup .payBox .num .van-stepper[data-v-43ed55a0] .van-stepper__minus,
          .bookinfo .van-popup .payBox .num .van-stepper[data-v-43ed55a0] .van-stepper__plus {
            background-color: var(--shop_car);
            color: #cdcdcd;
}
.bookinfo .van-popup .payBox .num .van-stepper[data-v-43ed55a0] .van-stepper__input {
            background-color: var(--cahnge_btnbg);
            color: var(--box_title);
}
.bookinfo .van-popup .payBox .btn[data-v-43ed55a0] {
        margin-top: 0.26667rem;
}
.bookinfo .van-popup .payBox .btn img[data-v-43ed55a0] {
          width: 0.56rem;
          height: 0.48rem;
          vertical-align: middle;
          margin-right: 0.26667rem;
}
.bookinfo .van-popup .payBox .btn .van-button[data-v-43ed55a0] {
          width: 100%;
          height: 1.06667rem;
}
.bookinfo .van-popup .checkTop[data-v-43ed55a0] {
      padding: 0.45333rem 0.45333rem 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.bookinfo .van-popup .checkTop div[data-v-43ed55a0]:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        height: 2.32rem;
        justify-content: center;
}
.bookinfo .van-popup .checkTop div:nth-of-type(1) p[data-v-43ed55a0]:nth-of-type(1) {
          font-size: 0.48rem;
          color: var(--box_title);
          margin-bottom: 0.26667rem;
}
.bookinfo .van-popup .checkTop div:nth-of-type(1) p[data-v-43ed55a0]:nth-of-type(2) {
          font-size: 0.34667rem;
          color: var(--vip_tips);
}
.bookinfo .van-popup .checkTop div[data-v-43ed55a0]:nth-of-type(2) {
        font-size: 0.37333rem;
        color: var(--vip_tips);
}
.bookinfo .van-popup .checkTop div[data-v-43ed55a0]:nth-of-type(3) {
        font-size: 0.37333rem;
        color: var(--vip_tips);
}
.bookinfo .van-popup .checkBottom[data-v-43ed55a0] {
      padding: 0 0.4rem 0.4rem;
}
.bookinfo .van-popup .checkBottom .van-button[data-v-43ed55a0] {
        width: 100%;
}
.bookinfo .van-popup .addForm[data-v-43ed55a0] .van-cell {
      background-color: #fff;
}
.bookinfo .van-popup .addForm[data-v-43ed55a0] .van-field__label,
    .bookinfo .van-popup .addForm[data-v-43ed55a0] .van-field__control {
      color: var(--about);
}
.bookinfo .yiqingBox[data-v-43ed55a0] {
    position: absolute;
    width: 6.37333rem;
    height: 9.09333rem;
    background: url("https://osscdn.666syh.com/image/app/1684909425378.png") no-repeat center/100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 35% 0.26667rem 0;
}
.bookinfo .yiqingBox .deliverytitle[data-v-43ed55a0] {
      font-size: 0.64rem;
      color: #5587f6;
      text-align: center;
      margin-bottom: 0.32rem;
}
.bookinfo .yiqingBox .deliverycontent[data-v-43ed55a0] {
      font-size: 0.32rem;
      color: #969696;
      padding: 0 0.53333rem;
      text-indent: 2em;
}
.bookinfo .yiqingBox .btnbox[data-v-43ed55a0] {
      display: flex;
      justify-content: space-around;
      margin-top: 0.53333rem;
      font-size: 0.4rem;
}
.bookinfo .yiqingBox .btnbox .quxiao[data-v-43ed55a0] {
        width: 2rem;
        height: 1.04rem;
        border: 0.02667rem solid #5587f6;
        border-radius: 0.10667rem;
        color: #5587f6;
        text-align: center;
        line-height: 1.04rem;
}
.bookinfo .yiqingBox .btnbox .queren[data-v-43ed55a0] {
        width: 2.4rem;
        height: 1.04rem;
        background: #5587f6;
        border-radius: 0.10667rem;
        color: #ffffff;
        text-align: center;
        line-height: 1.04rem;
}

.bookcar[data-v-01bdcfd2] {
  background-color: var(--page_bgcolor);
}
.bookcar .listbox[data-v-01bdcfd2] {
    margin-bottom: 0.4rem;
    background-color: var(--updata_bg);
}
.bookcar .listbox .shoplist[data-v-01bdcfd2] {
      display: flex;
      justify-content: flex-start;
      height: 2.8rem;
      padding: 0.4rem 0.53333rem 0.4rem 0.4rem;
      border-bottom: 0.01333rem solid var(--page_bgcolor);
}
.bookcar .listbox .shoplist img[data-v-01bdcfd2] {
        height: 1.86667rem;
        width: 1.86667rem;
        margin-left: 0.26667rem;
        border-radius: 0.10667rem;
}
.bookcar .listbox .shoplist .right_box[data-v-01bdcfd2] {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 0.26667rem;
        justify-content: space-between;
}
.bookcar .listbox .shoplist .right_box .top[data-v-01bdcfd2] {
          display: flex;
          justify-content: space-between;
}
.bookcar .listbox .shoplist .right_box .top .txt_info[data-v-01bdcfd2] {
            font-size: 0.29333rem;
            color: var(--box_title);
            margin-right: 0.53333rem;
}
.bookcar .listbox .shoplist .right_box .bottom[data-v-01bdcfd2] {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
}
.bookcar .listbox .shoplist .right_box .bottom span[data-v-01bdcfd2]:nth-of-type(1) {
            font-size: 0.32rem;
            color: #ff6464;
}
.bookcar .listbox .shoplist .right_box .bottom .van-stepper[data-v-01bdcfd2] {
            background-color: var(--bg_color);
}
.bookcar .listbox .shoplist .right_box .bottom .van-stepper[data-v-01bdcfd2] .van-stepper__minus,
            .bookcar .listbox .shoplist .right_box .bottom .van-stepper[data-v-01bdcfd2] .van-stepper__plus {
              background-color: var(--shop_car);
              color: #cdcdcd;
}
.bookcar .listbox .shoplist .right_box .bottom .van-stepper[data-v-01bdcfd2] .van-stepper__input {
              background-color: var(--cahnge_btnbg);
              color: var(--box_title);
}
.bookcar .carTips[data-v-01bdcfd2] {
    height: 2.66667rem;
    line-height: 2.66667rem;
    text-align: center;
    font-size: 0.48rem;
    color: #fff;
}
.bookcar .failsgop[data-v-01bdcfd2] {
    background-color: #272727;
}
.bookcar .failsgop .title[data-v-01bdcfd2] {
      color: #cdcdcd;
      font-size: 0.32rem;
      padding: 0.4rem 0 0 0.4rem;
}
.bookcar .failsgop .shoplist[data-v-01bdcfd2] {
      display: flex;
      justify-content: flex-start;
      height: 2.8rem;
      padding: 0.4rem 0.53333rem 0.4rem 0.4rem;
      border-bottom: 0.01333rem solid #2c2c2c;
      align-items: center;
}
.bookcar .failsgop .shoplist p[data-v-01bdcfd2] {
        height: 0.32rem;
        border: 0.01333rem solid #2c2c2c;
        font-size: 0.13333rem;
        color: #cdcdcd;
}
.bookcar .failsgop .shoplist img[data-v-01bdcfd2] {
        height: 1.86667rem;
        width: 1.86667rem;
        margin-left: 0.26667rem;
}
.bookcar .failsgop .shoplist .right_box[data-v-01bdcfd2] {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 0.26667rem;
        justify-content: space-between;
}
.bookcar .failsgop .shoplist .right_box .top[data-v-01bdcfd2] {
          display: flex;
          justify-content: space-between;
}
.bookcar .failsgop .shoplist .right_box .top .txt_info[data-v-01bdcfd2] {
            font-size: 0.29333rem;
            color: #f9f9f9;
            margin-right: 0.53333rem;
}
.bookcar .failsgop .shoplist .right_box .bottom[data-v-01bdcfd2] {
          display: flex;
          justify-content: space-between;
          margin-top: 0.53333rem;
}
.bookcar .failsgop .shoplist .right_box .bottom span[data-v-01bdcfd2]:nth-of-type(1) {
            font-size: 0.32rem;
            color: #ff6464;
}
.bookcar .recommend[data-v-01bdcfd2] {
    display: flex;
    justify-content: center;
    padding: 0.4rem;
    align-items: center;
}
.bookcar .recommend div[data-v-01bdcfd2]:nth-of-type(1), .bookcar .recommend div[data-v-01bdcfd2]:nth-of-type(3) {
      flex: 1;
      height: 0.02667rem;
      border: 0.008rem solid var(--shop_line);
}
.bookcar .recommend div[data-v-01bdcfd2]:nth-of-type(2) {
      height: 0.53333rem;
      width: 1.70667rem;
      font-size: 0.29333rem;
      color: #969696;
      background-color: var(--shop_bgre);
      border-radius: 0.26667rem;
      line-height: 0.53333rem;
      text-align: center;
      margin: 0 0.13333rem;
}
.bookcar .recommendList[data-v-01bdcfd2] {
    padding-bottom: 1.33333rem;
}
.bookcar .recommendList ul[data-v-01bdcfd2] {
      display: flex;
      flex-wrap: wrap;
}
.bookcar .recommendList ul li[data-v-01bdcfd2] {
        width: 50%;
        margin-bottom: 0.4rem;
}
.bookcar .recommendList .more[data-v-01bdcfd2] {
      text-align: center;
}
.bookcar .recommendList .more .van-button[data-v-01bdcfd2] {
        background-color: #202020;
        border: 0;
        outline: none;
}
.bookcar .van-submit-bar[data-v-01bdcfd2] {
    background-color: var(--updata_bg);
}
.bookcar .van-submit-bar .van-checkbox__label[data-v-01bdcfd2] {
      color: #969696;
}
[data-v-01bdcfd2] .bookcar .van-submit-bar .van-submit-bar__text /deep/ span:first-child {
      opacity: 0;
}

.orderinfo[data-v-1ffa574c] {
  background-color: var(--page_bgcolor);
  padding-top: 0.26667rem;
}
.orderinfo ul li[data-v-1ffa574c] {
    margin-bottom: 0.4rem;
}
.orderinfo ul li .itemInfo[data-v-1ffa574c] {
      background-color: var(--updata_bg);
      padding: 0.4rem;
      border-radius: 0.26667rem;
}
.orderinfo ul li .itemInfo .top[data-v-1ffa574c] {
        display: flex;
        justify-content: space-between;
        font-size: 0.37333rem;
        color: var(--search_txt1);
}
.orderinfo ul li .itemInfo .top p[data-v-1ffa574c]:nth-of-type(2) {
          color: var(--box_title);
}
.orderinfo ul li .itemInfo .center[data-v-1ffa574c] {
        display: flex;
        justify-content: space-between;
        padding: 0.53333rem 0 0.4rem;
        border-bottom: 0.01333rem solid #eaeaea;
}
.orderinfo ul li .itemInfo .center .onlyGood[data-v-1ffa574c] {
          width: 80%;
          display: flex;
          justify-content: space-between;
          padding: 0.53333rem 0 0.4rem;
}
.orderinfo ul li .itemInfo .center .onlyGood img[data-v-1ffa574c] {
            width: 2.13333rem;
            height: 2.13333rem;
            border-radius: 0.13333rem;
            margin-right: 0.4rem;
}
.orderinfo ul li .itemInfo .center .onlyGood .order_info[data-v-1ffa574c] {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 5.33333rem;
            padding-right: 0.8rem;
}
.orderinfo ul li .itemInfo .center .onlyGood .order_info p[data-v-1ffa574c]:nth-of-type(1) {
              color: var(--box_title);
              font-size: 0.34667rem;
              margin-bottom: 0.64rem;
}
.orderinfo ul li .itemInfo .center .onlyGood .order_info p[data-v-1ffa574c]:nth-of-type(2) {
              color: #969696;
              font-size: 0.29333rem;
}
.orderinfo ul li .itemInfo .center .onlyGood .order_info p[data-v-1ffa574c]:nth-of-type(3) {
              color: var(--box_title);
              font-size: 0.29333rem;
}
.orderinfo ul li .itemInfo .center .moreGood[data-v-1ffa574c] {
          width: 80%;
          overflow-x: auto;
          height: 2.13333rem;
}
.orderinfo ul li .itemInfo .center .moreGood[data-v-1ffa574c]::-webkit-scrollbar {
            display: none;
}
.orderinfo ul li .itemInfo .center .moreGood .noreSonBox[data-v-1ffa574c] {
            width: auto;
            height: 100%;
            display: flex;
            flex-wrap: nowrap;
}
.orderinfo ul li .itemInfo .center .moreGood .noreSonBox img[data-v-1ffa574c] {
              width: 2.13333rem;
              height: 2.13333rem;
              border-radius: 0.13333rem;
              margin-right: 0.4rem;
}
.orderinfo ul li .itemInfo .center .price[data-v-1ffa574c] {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          padding-left: 0.53333rem;
}
.orderinfo ul li .itemInfo .center .price p[data-v-1ffa574c]:nth-of-type(1) {
            font-size: 0.42667rem;
            color: #ff6464;
            margin-bottom: 0.26667rem;
}
.orderinfo ul li .itemInfo .center .price p[data-v-1ffa574c]:nth-of-type(2) {
            font-size: 0.26667rem;
            color: #ff6464;
}
.orderinfo ul li .itemInfo .bottom[data-v-1ffa574c] {
        margin-top: 0.4rem;
}
.orderinfo ul li .itemInfo .bottom .express[data-v-1ffa574c] {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.orderinfo ul li .itemInfo .bottom .express div[data-v-1ffa574c]:nth-of-type(1) {
            flex: 1;
            color: var(--search_txt1);
            font-size: 0.37333rem;
            height: 0.42667rem;
}
.orderinfo ul li .itemInfo .bottom .express div:nth-of-type(1) .van-icon[data-v-1ffa574c] {
              margin-right: 0.26667rem;
}
.orderinfo ul li .itemInfo .bottom .express div[data-v-1ffa574c]:nth-of-type(2) {
            width: 2.93333rem;
            color: #969696;
            font-size: 0.29333rem;
}
.orderinfo ul li .itemInfo .bottom .btnList[data-v-1ffa574c] {
          display: flex;
          justify-content: flex-end;
          padding-top: 0.26667rem;
}
.orderinfo ul li .itemInfo .bottom .btnList .van-button[data-v-1ffa574c] {
            background-color: var(--updata_bg);
            color: var(--about);
            border: 0.02667rem solid #b3b3b3;
            height: 0.8rem;
            margin-left: 0.37333rem;
}

.myorder[data-v-43a8dee7] {
  background-color: #272727;
}
.myorder .van-hairline--bottom[data-v-43a8dee7]::after {
    border: none;
}
.myorder .van-tabs[data-v-43a8dee7] .van-sticky {
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.13);
}
.myorder .van-tabs[data-v-43a8dee7] .van-tabs__nav {
    background-color: var(--order_tab);
}
.myorder .van-tabs[data-v-43a8dee7] .van-tabs__line {
    background-color: #ead2ac;
}
.myorder .van-tabs[data-v-43a8dee7] .van-tab {
    color: var(--box_title);
}

.orderitem[data-v-1eb6f7ed] {
  display: flex;
  justify-content: space-between;
  padding: 0.53333rem 0.4rem 0.4rem;
  background-color: var(--bg_color);
}
.orderitem img[data-v-1eb6f7ed] {
    width: 2.13333rem;
    height: 2.13333rem;
    border-radius: 0.13333rem;
    margin-right: 0.4rem;
}
.orderitem .order_info[data-v-1eb6f7ed] {
    width: 60%;
    display: flex;
    color: var(-box_title);
    font-size: 0.34667rem;
    align-items: center;
}
.orderitem .price[data-v-1eb6f7ed] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.orderitem .price p[data-v-1eb6f7ed]:nth-of-type(1) {
      font-size: 0.42667rem;
      color: #ff6464;
      margin-bottom: 0.26667rem;
}
.orderitem .price p[data-v-1eb6f7ed]:nth-of-type(2) {
      font-size: 0.26667rem;
      color: #ff6464;
}

.orderinfo[data-v-91218caa] {
  padding-bottom: 1.28rem;
}
.orderinfo .express_ino[data-v-91218caa] {
    background: linear-gradient(-31deg, #fd5a5a 0%, #fc7f69 100%);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0.4rem 0.4rem 0.8rem;
    height: 4rem;
}
.orderinfo .express_ino .arrowLeft[data-v-91218caa] {
      font-size: 0.42667rem;
      color: #f9f3f3;
}
.orderinfo .express_ino .infoState[data-v-91218caa] {
      font-size: 0.53333rem;
      color: #f9f3f3;
      text-align: center;
      margin-top: 0.53333rem;
}
.orderinfo .express_ino .infoState img[data-v-91218caa] {
        width: 0.53333rem;
        height: 0.53333rem;
        vertical-align: middle;
        margin-right: 0.26667rem;
}
.orderinfo .express_ino .wuliuinfo[data-v-91218caa] {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.orderinfo .express_ino .wuliuinfo div[data-v-91218caa] {
        padding: 0.53333rem 0 0;
}
.orderinfo .express_ino .wuliuinfo div[data-v-91218caa]:nth-of-type(1) {
          flex: 1;
          color: #f9f3f3;
          font-size: 0.37333rem;
}
.orderinfo .express_ino .wuliuinfo div:nth-of-type(1) .van-icon[data-v-91218caa] {
            margin-right: 0.26667rem;
}
.orderinfo .express_ino .wuliuinfo div[data-v-91218caa]:nth-of-type(2) {
          width: 2.93333rem;
          color: #f9f3f3;
          font-size: 0.29333rem;
}
.orderinfo .addresser[data-v-91218caa] {
    width: 100vw;
    top: 3.6rem;
    position: absolute;
    height: 2.82667rem;
    background-color: var(--updata_bg);
    padding: 0.66667rem 0.74667rem;
    border-radius: 0.4rem;
    box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.orderinfo .addresser p[data-v-91218caa]:nth-of-type(1) {
      color: var(--box_title);
      font-size: 0.45333rem;
      margin-bottom: 0.32rem;
}
.orderinfo .addresser p[data-v-91218caa]:nth-of-type(2) {
      color: #969696;
      font-size: 0.34667rem;
}
.orderinfo .model_box[data-v-91218caa] {
    height: 0.26667rem;
    background-color: var(--vip_props);
}
.orderinfo .orderList[data-v-91218caa] {
    background-color: var(--bg_color);
    padding-top: 2.29333rem;
}
.orderinfo .ordertxt[data-v-91218caa] {
    padding: 0.53333rem 0.32rem 0.53333rem 0.4rem;
    background-color: var(--bg_color);
}
.orderinfo .ordertxt ul li[data-v-91218caa] {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.4rem;
}
.orderinfo .ordertxt ul li span[data-v-91218caa] {
        font-size: 0.34667rem;
}
.orderinfo .ordertxt ul li span[data-v-91218caa]:nth-of-type(1) {
          color: #969696;
}
.orderinfo .ordertxt ul li span[data-v-91218caa]:nth-of-type(2) {
          color: var(--box_title);
}
.orderinfo .ordertxt ul li[data-v-91218caa]:last-child {
        margin-bottom: 0;
}
.orderinfo .ordertxt ul li:last-child span[data-v-91218caa]:nth-of-type(2) {
          color: #ff6464;
}
.orderinfo .order_btn[data-v-91218caa] {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    background-color: var(--updata_bg);
    padding: 0.16rem 0.48rem;
    width: 100%;
    box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
}
.orderinfo .order_btn .van-button[data-v-91218caa] {
      border: 0.02667rem solid #b3b3b3;
      height: 1.01333rem;
      width: 2.93333rem;
      margin-left: 0.37333rem;
}
.orderinfo .order_btn .van-button[data-v-91218caa]:nth-of-type(1) {
        background-color: var(--updata_bg);
        color: var(--about);
}
.orderinfo .order_btn .van-button[data-v-91218caa]:nth-of-type(2) {
        background-color: #ff6464;
        border: 0;
}

.ordersettlement[data-v-503caee6] {
  height: 100vh;
  max-height: 100%;
  background-color: var(--vip_props);
}
.ordersettlement .adress[data-v-503caee6] {
    height: 2rem;
    background-color: var(--bg_color);
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
}
.ordersettlement .adress .add[data-v-503caee6] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
}
.ordersettlement .adress .add p[data-v-503caee6] {
        margin-left: 0.4rem;
        font-size: 0.4rem;
        color: var(--box_title);
}
.ordersettlement .adress .adressSet[data-v-503caee6] {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.ordersettlement .adress .adressSet .set[data-v-503caee6] {
        display: flex;
        flex-direction: column;
        justify-content: center;
}
.ordersettlement .adress .adressSet .set span[data-v-503caee6]:nth-of-type(1) {
          font-size: 0.45333rem;
          color: var(--box_title);
}
.ordersettlement .adress .adressSet .set span[data-v-503caee6]:nth-of-type(2) {
          font-size: 0.32rem;
          color: #cdcdcd;
}
.ordersettlement .adress .adressSet p[data-v-503caee6] {
        color: #969696;
        font-size: 0.32rem;
}
.ordersettlement .line[data-v-503caee6] {
    height: 0.08rem;
    padding: 0 0.26667rem;
}
.ordersettlement .line img[data-v-503caee6] {
      height: 0.08rem;
      width: 100%;
      display: list-item;
}
.ordersettlement .book_info[data-v-503caee6] {
    padding: 0.4rem 0.4rem 0.26667rem 0.4rem;
    background-color: var(--bg_color);
}
.ordersettlement .book_info .top[data-v-503caee6] {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.53333rem;
}
.ordersettlement .book_info .top img[data-v-503caee6] {
        width: 2.66667rem;
        height: 2.66667rem;
        border-radius: 0.18667rem;
        margin-right: 0.34667rem;
}
.ordersettlement .book_info .top div[data-v-503caee6] {
        flex: 1;
        display: flex;
        flex-direction: column;
}
.ordersettlement .book_info .top div p[data-v-503caee6]:nth-of-type(1) {
          color: var(--search_txt1);
          font-size: 0.4rem;
          margin-bottom: 0.48rem;
}
.ordersettlement .book_info .top div p[data-v-503caee6]:nth-of-type(2) {
          color: #ff6464;
          font-size: 0.45333rem;
          margin-bottom: 0.24rem;
}
.ordersettlement .book_info .top div p[data-v-503caee6]:nth-of-type(3) {
          display: flex;
          justify-content: space-between;
          color: #8c8c8c;
          font-size: 0.29333rem;
}
.ordersettlement .allprice[data-v-503caee6] {
    padding: 0.48rem 0.48rem 1.6rem;
    background-color: var(--bg_color);
}
.ordersettlement .allprice p[data-v-503caee6] {
      display: flex;
      justify-content: space-between;
      color: #969696;
      font-size: 0.37333rem;
}
.ordersettlement .allprice p[data-v-503caee6]:nth-of-type(1) {
        margin-bottom: 0.4rem;
}
.ordersettlement .allprice p:nth-of-type(2) span[data-v-503caee6]:nth-of-type(2) {
        color: #ff6464;
        font-weight: bold;
}
.ordersettlement .setbtn[data-v-503caee6] {
    position: fixed;
    bottom: 0;
    height: 1.33333rem;
    background-color: var(--updata_bg);
    width: 100%;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
}
.ordersettlement .setbtn img[data-v-503caee6] {
      width: 0.56rem;
      height: 0.48rem;
      vertical-align: middle;
      margin-right: 0.26667rem;
}
.ordersettlement .setbtn .van-button[data-v-503caee6] {
      border: 0;
      background-color: #09bb07;
      width: 100%;
      height: 0.93333rem;
}
.ordersettlement .van-popup[data-v-503caee6] {
    background-color: var(--shop_car);
}
.ordersettlement .van-popup .checkTop[data-v-503caee6] {
      padding: 0.45333rem 0.45333rem 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.ordersettlement .van-popup .checkTop div[data-v-503caee6]:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        height: 2.32rem;
        justify-content: center;
}
.ordersettlement .van-popup .checkTop div:nth-of-type(1) p[data-v-503caee6]:nth-of-type(1) {
          font-size: 0.48rem;
          color: var(--box_title);
          margin-bottom: 0.26667rem;
}
.ordersettlement .van-popup .checkTop div:nth-of-type(1) p[data-v-503caee6]:nth-of-type(2) {
          font-size: 0.34667rem;
          color: var(--vip_tips);
}
.ordersettlement .van-popup .checkTop div[data-v-503caee6]:nth-of-type(2) {
        font-size: 0.37333rem;
        color: var(--vip_tips);
}
.ordersettlement .van-popup .checkTop div[data-v-503caee6]:nth-of-type(3) {
        font-size: 0.37333rem;
        color: var(--vip_tips);
}
.ordersettlement .van-popup .checkBottom[data-v-503caee6] {
      padding: 0 0.4rem 0.4rem;
}
.ordersettlement .van-popup .checkBottom .van-button[data-v-503caee6] {
        width: 100%;
}
.ordersettlement .van-popup .addForm[data-v-503caee6] .van-cell {
      background-color: #fff;
}
.ordersettlement .van-popup .addForm[data-v-503caee6] .van-field__label,
    .ordersettlement .van-popup .addForm[data-v-503caee6] .van-field__control {
      color: var(--about);
}

.tutor_info[data-v-2fe05e44] {
  background-color: #fff;
}
.tutor_info .my_nav[data-v-2fe05e44] {
    position: relative;
    display: flex;
    height: 7.06667rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tutor_info .my_nav .sonBox[data-v-2fe05e44] {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5;
      background-color: rgba(0, 0, 0, 0.5);
}
.tutor_info .my_nav .sonBox .van-hairline--bottom[data-v-2fe05e44]::after {
        border: none;
}
.tutor_info .my_nav .sonBox .van-nav-bar[data-v-2fe05e44] {
        height: 1.33333rem;
        padding: 0 0.4rem;
        background-color: rgba(0, 0, 0, 0);
}
.tutor_info .my_nav .sonBox .van-nav-bar[data-v-2fe05e44] .van-icon {
          color: #ffffff;
          font-weight: bold;
}
.tutor_info .my_nav .sonBox .teachername[data-v-2fe05e44] {
        position: absolute;
        bottom: 1.6rem;
        left: 0.4rem;
        font-size: 0.61333rem;
        font-weight: bold;
        color: #ffffff;
}
.tutor_info .my_nav .sonBox .tutorset[data-v-2fe05e44] {
        position: absolute;
        padding: 0 0.4rem;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.6rem;
        display: flex;
        font-size: 0.34667rem;
        color: #ffffff;
}
.tutor_info .my_nav .sonBox .tutorset .tutorli[data-v-2fe05e44] {
          display: flex;
          flex-direction: column;
          justify-content: center;
}
.tutor_info .my_nav .sonBox .tutorset .tutorli .tutortel[data-v-2fe05e44] {
            margin-bottom: 0.26667rem;
            font-size: 0.34667rem;
}
.tutor_info .my_nav .sonBox .tutorset .tutorli .otel[data-v-2fe05e44] {
            margin-bottom: 0.18667rem !important;
            font-size: 0.34667rem !important;
}
.tutor_info .my_nav .sonBox .tutorset .tutorli .onum[data-v-2fe05e44] {
            font-size: 0.34667rem !important;
}
.tutor_info .my_nav .sonBox .tutorset .tutorli .tutornum[data-v-2fe05e44] {
            font-size: 0.29333rem;
            color: #ffffff;
}
.tutor_info .my_nav .sonBox .tutorset .tutor1[data-v-2fe05e44] {
          width: 70%;
}
.tutor_info .my_nav .sonBox .tutorset .tutor2[data-v-2fe05e44],
        .tutor_info .my_nav .sonBox .tutorset .tutor3[data-v-2fe05e44] {
          flex: 1;
          text-align: center;
}
.tutor_info .my_nav .my_nav_bg[data-v-2fe05e44] {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: inherit;
      background-position: top center;
      filter: blur(0.05333rem);
      border: none;
      z-index: 2;
}
.tutor_info .tutordes[data-v-2fe05e44] {
    padding: 0.53333rem;
    background: #ffffff;
    font-size: 0.34667rem;
    color: #676767;
    line-height: 0.53333rem;
}
.tutor_info .tutordes .jianjie[data-v-2fe05e44] {
      padding: 0.04rem;
      background: #4bb1ff;
      border-radius: 0.08rem;
      font-size: 0.32rem;
      font-weight: bold;
      color: #fffefe;
      margin-right: 0.13333rem;
}
.tutor_info .hengang[data-v-2fe05e44] {
    width: 10rem;
    height: 0.21333rem;
    background: #f8f8f8;
}
.tutor_info .title_tl[data-v-2fe05e44] {
    margin: 0.4rem 0;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    font-family: PingFang SC;
}
.tutor_info .title_tl .title_l[data-v-2fe05e44] {
      font-size: 0.48rem;
      font-weight: bold;
      color: var(--box_title);
}
.tutor_info .listBox[data-v-2fe05e44] {
    margin: 0 0.21333rem;
    padding-bottom: 0.26667rem;
}
.tutor_info .listBox li[data-v-2fe05e44] {
      margin-bottom: 0.32rem;
}


.input[data-v-10d17c26] {
  border: none;
  outline: none;
  max-height: 2.56rem;
  line-height: 0.85333rem;
  min-height: 0.85333rem;
  background: #ebebeb;
  margin: 0.21333rem 0;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  float: left;
  padding: 0 3%;
  overflow-y: hidden;
  font-size: 0.34667rem;
  border: none;
  resize: none;
  height: auto;
  white-space: pre-line;
}

.mask[data-v-a536bd5c] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  transition: background 0.3s ease-in-out;
  visibility: hidden;
}
.mask.mask-show[data-v-a536bd5c] {
    visibility: visible;
}
.popups[data-v-a536bd5c] {
  position: absolute;
  padding: 0 0.26667rem;
  border-radius: 0.26667rem;
  display: flex;
}
.popups .view[data-v-a536bd5c] {
    padding: 0.24rem 0.42667rem;
    font-weight: 500;
    font-size: 0.37333rem;
    text-align: center;
}
.popups .image[data-v-a536bd5c] {
    display: inline-block;
    vertical-align: middle;
    width: 40rpx;
    height: 40rpx;
    margin-right: 20rpx;
}
.dark[data-v-a536bd5c] {
  background: rgba(0, 0, 0, 0.93);
  color: #fff;
}
.dark .top-start[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    top: -18rpx;
    left: 0.66667rem;
    border-width: 0 20rpx 20rpx;
    border-style: solid;
    border-color: transparent transparent #4c4c4c;
}
.dark .top-end[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    top: -18rpx;
    right: 10rpx;
    border-width: 0 20rpx 20rpx;
    border-style: solid;
    border-color: transparent transparent #4c4c4c;
}
.dark .bottom-start[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    bottom: -18rpx;
    left: 10rpx;
    border-width: 20rpx 20rpx 0;
    border-style: solid;
    border-color: #4c4c4c transparent transparent;
}
.dark .bottom-end[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    bottom: -18rpx;
    right: 10rpx;
    border-width: 20rpx 20rpx 0;
    border-style: solid;
    border-color: #4c4c4c transparent transparent;
}
.dark .left-start[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    top: 2.5rem;
    left: -0.6rem;
    border-width: 0.45rem 0.625rem 0.45rem 0;
    border-style: solid;
    border-color: transparent #000;
}
.dark .disabledColor[data-v-a536bd5c] {
    color: #c5c8ce;
}
.light[data-v-a536bd5c] {
  color: #515a6e;
  box-shadow: 0upx 0upx 30upx rgba(0, 0, 0, 0.2);
  background: #fff;
}
.light .top-start[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    top: -18rpx;
    left: 0.66667rem;
    border-width: 0 20rpx 20rpx;
    border-style: solid;
    border-color: transparent transparent #fff;
}
.light .top-end[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    top: -18rpx;
    right: 10rpx;
    border-width: 0 20rpx 20rpx;
    border-style: solid;
    border-color: transparent transparent #fff;
}
.light .bottom-start[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    bottom: -18rpx;
    left: 10rpx;
    border-width: 20rpx 20rpx 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}
.light .bottom-end[data-v-a536bd5c]:after {
    content: '';
    position: absolute;
    bottom: -18rpx;
    right: 10rpx;
    border-width: 20rpx 20rpx 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}
.light .disabledColor[data-v-a536bd5c] {
    color: #c5c8ce;
}
.solid-bottom[data-v-a536bd5c] {
  border-bottom: 0.02667rem solid #e5e6eb;
}
.solid-right[data-v-a536bd5c] {
  border-right: 0.02667rem solid #ccc;
}
.popups .itemChild[data-v-a536bd5c]:last-child {
  border: none;
}

.body[data-v-60b345bb] {
  float: left;
  width: 100%;
  height: 100%;
}
.anyAliPlay[data-v-60b345bb] {
  height: 5.86667rem;
  position: fixed;
  top: 0;
  z-index: 999;
  float: left;
  width: 100%;
}
.anyAliPlay .head[data-v-60b345bb] {
    width: 100%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    padding: 10 0.4rem;
}
.anyAliPlay .head .fullScreen[data-v-60b345bb] {
      float: left;
      width: 0.74667rem;
      height: 0.74667rem;
      margin-top: 0.16rem;
}
.anyAliPlay .head .title[data-v-60b345bb] {
      font-weight: 500;
      color: #ffffff;
      font-size: 0.37333rem;
      float: left;
      width: calc(100% - 1.06667rem);
}
.anyAliPlay .head .buyButton[data-v-60b345bb] {
      float: right;
      width: 1.97333rem;
      height: 0.64rem;
      background: rgba(0, 0, 0, 0.46);
      border-radius: 0.10667rem 0.10667rem 0.10667rem 0.10667rem;
      margin-top: 0.21333rem;
      font-weight: 500;
      color: #ffffff;
      font-size: 0.37333rem;
      text-align: center;
      line-height: 0.64rem;
      margin-right: 0.66667rem;
}
.anyAliPlay .head .tv[data-v-60b345bb] {
      float: right;
      width: 0.53333rem;
      height: 0.53333rem;
      padding-top: 0.26667rem;
}
.anyAliPlay .tools[data-v-60b345bb] {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 0 1.2rem;
    height: 1.12rem;
}
.anyAliPlay .tools .img1[data-v-60b345bb] {
      width: 0.74667rem;
      height: 0.74667rem;
}
.anyAliPlay .tools .img2[data-v-60b345bb] {
      width: 0.85333rem;
      height: 0.85333rem;
}
.anyAliPlay .tools .img3[data-v-60b345bb] {
      width: 1.12rem;
      height: 1.12rem;
}
.anyAliPlay .slider[data-v-60b345bb] {
    float: left;
    width: 100%;
    height: 1.01333rem;
    display: flex;
}
.anyAliPlay .slider .body[data-v-60b345bb] {
      float: left;
      margin-left: 0.4rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex: 1;
}
.anyAliPlay .slider .body .span[data-v-60b345bb] {
        font-weight: 500;
        color: #ffffff;
        font-size: 0.32rem;
        float: left;
        min-width: 1.06667rem;
}
.anyAliPlay .slider .body .u_slider[data-v-60b345bb] {
        flex: 1;
        float: left;
}
.anyAliPlay .slider .imageTool[data-v-60b345bb] {
      float: left;
      display: flex;
      margin: 0 0.4rem 0 0.18667rem;
      gap: 0.26667rem;
      align-items: center;
}
.anyAliPlay .slider .imageTool .speed[data-v-60b345bb] {
        width: 0.58667rem;
        height: 0.58667rem;
        float: left;
}
.anyAliPlay .slider .imageTool .screen[data-v-60b345bb] {
        width: 0.48rem;
        height: 0.48rem;
        float: right;
}
.anyAliPlay .slider .imageTool .text[data-v-60b345bb] {
        font-weight: 500;
        color: #ffffff;
        font-size: 0.37333rem;
        width: 1.28rem;
        float: right;
        height: 0.8rem;
        line-height: 0.8rem;
        margin-top: 0.10667rem;
        text-align: center;
}
.anyAliPlay .list[data-v-60b345bb] {
    float: right;
    width: 50%;
    background: rgba(0, 0, 0, 0.78);
    height: 100vh;
    z-index: 9999;
}
.anyAliPlay .list .title1[data-v-60b345bb] {
      float: left;
      width: 100%;
      margin: unset;
      padding: 0.26667rem 0 0.26667rem 0.42667rem;
}
.anyAliPlay .list .title .text[data-v-60b345bb] {
      color: #6147ff !important;
}
.anyAliPlay .list .title .noText[data-v-60b345bb] {
      color: #fff;
      font-size: 0.42667rem;
      font-weight: 500;
      float: left;
      max-width: 90%;
      line-height: 0.56rem;
}
.anyAliPlay .list .title .right[data-v-60b345bb] {
      float: right;
      width: 1.06667rem;
      height: 0.45333rem;
      background: rgba(125, 107, 237, 0.28);
      border-radius: 0.37333rem;
      text-align: center;
      line-height: 0.45333rem;
}
.anyAliPlay .list .info[data-v-60b345bb] {
      width: 100%;
      margin-top: 0.18667rem;
      float: left;
}
.anyAliPlay .list .info .item[data-v-60b345bb] {
        float: left;
        margin-right: 0.18667rem;
}
.anyAliPlay .list .info .item .img1[data-v-60b345bb] {
          width: 0.26667rem;
          height: 0.26667rem;
          float: left;
          margin-top: 0.08rem;
}
.anyAliPlay .list .info .item .text[data-v-60b345bb] {
          font-weight: 500;
          color: #86909c !important;
          padding-left: 0.10667rem;
          float: left;
          width: unset;
          line-height: 0.50667rem;
}
.anyAliPlay .img[data-v-60b345bb] {
    width: 100%;
    height: 5.86667rem;
    background: rgba(0, 0, 0, 0.33);
}
.anyAliPlay button[data-v-60b345bb] {
    width: 2.45333rem;
    height: 0.8rem;
    background: #ffffff linear-gradient(306deg, #6147ff 0%, rgba(97, 71, 255, 0.56) 100%);
    border-radius: 0.56rem;
    font-weight: bold;
    color: #ffffff;
    font-size: 0.37333rem;
    line-height: 0.8rem;
    position: absolute;
    left: calc(50% - 1.22667rem);
    top: 2.4rem;
}
#player-container-id[data-v-60b345bb] {
  width: 100% !important;
  height: 5.86667rem !important;
}
.van-dialog[data-v-60b345bb] {
  overflow: unset;
  width: 6.88rem;
  border-radius: 0.26667rem;
  background-color: transparent;
}
.tip[data-v-60b345bb] {
  color: #ffffff;
  font-size: 0.42667rem;
  margin-top: 0.53333rem;
  text-align: center;
}
.qixiaoBtn[data-v-60b345bb] {
  width: 0.69333rem;
  height: 0.69333rem;
  margin-top: 0.53333rem;
  margin-left: calc(50% - 0.34667rem);
}
.liveCover[data-v-60b345bb] {
  position: sticky;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  z-index: 9999999 !important;
  width: 100%;
  padding: 0.13333rem 0.34667rem 0.34667rem 0.18667rem;
  justify-content: center;
}
.liveCover .img1[data-v-60b345bb] {
    width: 0.64rem;
    height: 0.64rem;
}
.liveCover .img2[data-v-60b345bb] {
    width: 0.48rem;
    height: 0.48rem;
}
.liveCover .text[data-v-60b345bb] {
    font-weight: 500;
    color: #ffffff;
    font-size: 0.32rem;
}
.liveCover .liveCoverTop[data-v-60b345bb] {
    width: 100%;
    display: flex;
    align-items: center;
}
.liveCover .liveCoverTop .liveCoverTopView[data-v-60b345bb] {
      height: 0.53333rem;
      background: rgba(0, 0, 0, 0.17);
      border-radius: 0.74667rem 0.74667rem 0.74667rem 0.74667rem;
      display: flex;
      align-items: center;
      padding: 0 0.13333rem 0 0;
}
.liveCover .liveCoverCenter[data-v-60b345bb] {
    font-weight: 500;
    color: #ffffff;
    font-size: 0.37333rem;
    text-align: center;
    margin-top: 1.6rem;
    background: rgba(17, 17, 17, 0.7);
    border-radius: 0.13333rem;
    padding: 0.13333rem 0.26667rem;
}
.liveCover .likeMask[data-v-60b345bb] {
    position: absolute;
    z-index: 1;
    right: 1.41333rem;
    bottom: 1.92rem;
    opacity: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin-left: 0.18667rem;
}
.liveCover .likeImg[data-v-60b345bb] {
    width: 1.12rem;
    height: 1.12rem;
    position: absolute;
    right: 1.41333rem;
    bottom: 1.92rem;
}
.liveCover .liveCoverBottom[data-v-60b345bb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.goodPopupList[data-v-60b345bb] {
  padding: 0.08rem 0.4rem 0.4rem 0.4rem;
  width: 100%;
  float: left;
  overflow: auto;
}
.goodPopupList .item[data-v-60b345bb] {
    float: left;
    width: 100%;
    margin-top: 0.26667rem;
    height: 2.02667rem;
    background: #ffffff;
    border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
    padding: 0.26667rem;
}
.goodPopupList .item .img[data-v-60b345bb] {
      width: 2.66667rem;
      height: 1.49333rem;
      float: left;
      border-radius: 0.16rem;
}
.goodPopupList .item .goodListBody[data-v-60b345bb] {
      width: calc(100% - 2.85333rem);
      float: left;
      position: relative;
      height: 1.49333rem;
}
.goodPopupList .item .goodListBody .title[data-v-60b345bb] {
        font-weight: bold;
        color: #1d2129;
        font-size: 0.42667rem;
        text-align: left;
}
.goodPopupList .item .goodListBody .price[data-v-60b345bb] {
        font-weight: 500;
        color: #f53f3f;
        font-size: 0.37333rem;
        position: absolute;
        top: 0.93333rem;
        text-align: left;
}
.goodPopupList .item .goodListBody .button[data-v-60b345bb] {
        height: 0.64rem;
        background: #ffffff linear-gradient(311deg, #ff7029 0%, rgba(97, 71, 255, 0.56) 100%);
        border-radius: 0.50667rem 0.50667rem 0.50667rem 0.50667rem;
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        font-weight: 500;
        color: #ffffff;
        font-size: 0.32rem;
        line-height: 0.64rem;
        width: 1.81333rem;
}
.goodPopup[data-v-60b345bb] {
  float: left;
  width: 100%;
  padding: 0.34667rem 0.4rem 1.46667rem 0.4rem;
  overflow: auto;
}
.goodPopup .trainImg[data-v-60b345bb] {
    width: 100%;
    border-radius: 0.21333rem;
}
.goodPopup .trainInfo[data-v-60b345bb] {
    margin-top: 0.26667rem;
    text-align: left;
}
.goodPopup .trainInfo .trainTitle[data-v-60b345bb] {
      color: #1d2129;
      font-size: 0.4rem;
}
.goodPopup .trainInfo .trainLecture[data-v-60b345bb] {
      color: #4e5969;
      font-size: 0.34667rem;
      margin-top: 0.18667rem;
}
.goodPopup .trainInfo .trainTime[data-v-60b345bb] {
      font-size: 0.34667rem;
      color: #4e5969;
      margin-top: 0.29333rem;
}
.goodPopup .goodImg[data-v-60b345bb] {
    width: 3.33333rem;
    height: 1.86667rem;
    float: left;
    border-radius: 0.21333rem;
}
.goodPopup .goodPopupBody[data-v-60b345bb] {
    float: left;
    width: 5.33333rem;
    margin-left: 0.26667rem;
}
.goodPopup .goodPopupBody .name[data-v-60b345bb] {
      font-weight: bold;
      color: #1d2129;
      font-size: 0.42667rem;
      text-align: left;
}
.goodPopup .goodPopupBody .lecturer[data-v-60b345bb] {
      color: #4e5969;
      font-size: 0.34667rem;
      text-align: left;
      margin-top: 0.26667rem;
}
.goodPopup .goodPopupBody .tap[data-v-60b345bb] {
      padding: 0 0.10667rem;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: 0.53333rem;
      border-radius: 1.76rem 1.76rem 1.76rem 1.76rem;
      opacity: 1;
      border: 0.02667rem solid #ffb648;
      font-weight: 500;
      color: #ffb648;
      font-size: 0.32rem;
      line-height: 0.48rem;
      margin-top: 0.10667rem;
}
.goodPopup .goodPopupBody .studyNum[data-v-60b345bb] {
      color: #86909c;
      font-size: 0.32rem;
      float: left;
      width: 100%;
      text-align: left;
      margin-top: 0.24rem;
}
.goodPopup .goodPopupIcon[data-v-60b345bb] {
    width: 1.14667rem;
    float: right;
    position: relative;
}
.goodPopup .goodPopupIcon .hotImg[data-v-60b345bb] {
      width: 1.14667rem;
}
.goodPopup .goodPopupIcon .hotP1[data-v-60b345bb] {
      color: #ffffff;
      font-size: 0.32rem;
      position: absolute;
      right: 0.21333rem;
      top: 0.18667rem;
}
.goodPopup .goodPopupIcon .hotP2[data-v-60b345bb] {
      color: #ffffff;
      font-size: 0.32rem;
      position: absolute;
      right: 0.16rem;
      top: 0.64rem;
}
.goodPopup .goodHtml[data-v-60b345bb] {
    float: left;
    width: 100%;
    margin-top: 0.53333rem;
    text-align: left;
    font-size: 0.42667rem;
}
.goodPopup .goodBottom[data-v-60b345bb] {
    width: 100%;
    background: #fff;
    bottom: 0;
    position: fixed;
    padding: 0 0.42667rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.goodPopup .goodBottom .left[data-v-60b345bb] {
      float: left;
}
.goodPopup .goodBottom .left button[data-v-60b345bb]::after {
        border: none;
}
.goodPopup .goodBottom .left .money[data-v-60b345bb] {
        font-weight: bold;
        color: #f53f3f;
        font-size: 0.48rem;
        text-align: left;
}
.goodPopup .goodBottom .left .line[data-v-60b345bb] {
        font-weight: bold;
        color: #86909c;
        font-size: 0.32rem;
        text-decoration: line-through;
}
.goodPopup .goodBottom .left .img[data-v-60b345bb] {
        width: 0.48rem;
        height: 0.48rem;
}
.goodPopup .goodBottom .left .text[data-v-60b345bb] {
        font-weight: 500;
        color: #4e5969;
        font-size: 0.32rem;
}
.goodPopup .goodBottom .right[data-v-60b345bb] {
      float: right;
      height: 1.33333rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
}
.goodPopup .goodBottom .right .free[data-v-60b345bb] {
        background: #c7c7c7 !important;
}
.goodPopup .goodBottom .right .buy[data-v-60b345bb] {
        background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%) !important;
}
.goodPopup .goodBottom .right .button[data-v-60b345bb] {
        width: 3.25333rem;
        height: 0.90667rem;
        background: #c7c7c7;
        border-radius: 0.50667rem;
        opacity: 1;
        font-weight: bold;
        color: #ffffff;
        font-size: 0.37333rem;
        line-height: 0.85333rem;
        padding: 0;
        margin-top: 0.10667rem;
        float: right;
}
.goodCanvas[data-v-60b345bb] {
  width: 2.26667rem;
  height: 5.33333rem;
  position: fixed;
  bottom: 1.46667rem;
  right: 0;
  z-index: 0;
  pointer-events: none;
}
.chat[data-v-60b345bb] {
  float: left;
  width: 100%;
  height: calc(100vh - 8.85333rem);
  overflow: auto;
  padding-bottom: 0.4rem;
}
.chat .common[data-v-60b345bb] {
    float: left;
    width: 100%;
    margin-top: 0.4rem;
    padding: 0 0.4rem;
}
.chat .common .time[data-v-60b345bb] {
      text-align: center;
      font-weight: 500;
      color: #86909c;
      font-size: 0.32rem;
}
.chat .chatTip[data-v-60b345bb] {
    font-weight: 500;
    color: #86909c;
    font-size: 0.32rem;
    margin-top: 0.4rem;
}
.chat .chatOtherMes[data-v-60b345bb] {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0.4rem;
}
.chat .chatOtherMes .img1[data-v-60b345bb] {
      width: 1.09333rem;
      height: 1.09333rem;
      border-radius: 50%;
      float: left;
      will-change: transform;
}
.chat .chatOtherMes .img2[data-v-60b345bb] {
      position: absolute;
      left: 0.64rem;
      width: 0.45333rem;
      height: 0.45333rem;
      top: 0.69333rem;
      will-change: transform;
}
.chat .chatOtherMes .right[data-v-60b345bb] {
      float: left;
      margin-left: 0.13333rem;
      width: calc(100% - 1.22667rem);
}
.chat .chatOtherMes .right .name[data-v-60b345bb] {
        font-weight: 500;
        color: #86909c;
        font-size: 0.32rem;
        width: 2.88rem;
}
.chat .chatOtherMes .right .chatBody[data-v-60b345bb] {
        position: relative;
        max-width: 5.97333rem;
        background: #fff;
        padding: 0.18667rem;
        border-radius: 0.16rem;
        margin-top: 0.10667rem;
        margin-left: 0.21333rem;
        font-weight: 500;
        color: #1d2129;
        font-size: 0.37333rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}
.chat .chatOtherMes .right .chatBody .triggleLeft[data-v-60b345bb] {
          position: absolute;
          top: 0.24rem;
          left: -0.24rem;
          width: 0;
          height: 0;
          border-top: 0.16rem solid transparent;
          border-bottom: 0.16rem solid transparent;
          border-right: 0.24rem solid #fff;
}
.chat .chatMeMes[data-v-60b345bb] {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0.4rem;
}
.chat .chatMeMes .img1[data-v-60b345bb] {
      width: 1.09333rem;
      height: 1.09333rem;
      border-radius: 50%;
      float: right;
      will-change: transform;
}
.chat .chatMeMes .img2[data-v-60b345bb] {
      position: absolute;
      right: 0;
      width: 0.45333rem;
      height: 0.45333rem;
      top: 0.69333rem;
      will-change: transform;
}
.chat .chatMeMes .right[data-v-60b345bb] {
      float: left;
      margin-right: 0.13333rem;
      width: calc(100% - 1.22667rem);
}
.chat .chatMeMes .right .name[data-v-60b345bb] {
        font-weight: 500;
        color: #86909c;
        font-size: 0.32rem;
        width: 2.88rem;
        text-align: right;
        float: right;
}
.chat .chatMeMes .right .chatBody[data-v-60b345bb] {
        position: relative;
        max-width: 5.97333rem;
        background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
        padding: 0.18667rem;
        border-radius: 0.16rem;
        margin-top: 0.10667rem;
        margin-right: 0.21333rem;
        font-weight: 500;
        color: #fff;
        font-size: 0.37333rem;
        float: right;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}
.chat .chatMeMes .right .chatBody .triggleRight[data-v-60b345bb] {
          position: absolute;
          top: 0.24rem;
          right: -0.24rem;
          width: 0;
          height: 0;
          border-bottom: 0.16rem solid transparent;
          border-top: 0.16rem solid transparent;
          border-left: 0.24rem solid #ff7029;
}
.chat .chatRecharge[data-v-60b345bb] {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    display: flex;
    justify-content: center;
}
.chat .chatRecharge .chatRechargeBox[data-v-60b345bb] {
      max-width: 5.6rem;
      padding: 0.13333rem 0.29333rem;
      max-width: 70%;
      width: auto;
      background: rgba(241, 18, 18, 0.12);
      border-radius: 0.10667rem 0.10667rem 0.10667rem 0.10667rem;
      word-break: break-all;
}
.chat .chatRecharge .body1[data-v-60b345bb] {
      text-align: left;
      font-weight: 500;
      color: #f53f3f;
}
.chatFunction[data-v-60b345bb] {
  position: absolute;
  top: 45%;
  right: 0.4rem;
  width: 1.2rem;
}
.chatFunction .img[data-v-60b345bb] {
    width: 1.2rem;
    height: 1.2rem;
    float: left;
    margin-top: 0.26667rem;
}
.chatWindow[data-v-60b345bb] {
  position: absolute;
  bottom: 3.25333rem;
  width: calc(100% - 0.26667rem);
  opacity: 0.9;
  left: 0.26667rem;
  z-index: 100;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.chatWindow .chatWindowCover[data-v-60b345bb] {
    height: 0.53333rem;
    background: linear-gradient(180deg, #f5f8fb 0%, rgba(245, 248, 251, 0) 100%);
    position: absolute;
    width: 7.78667rem;
    top: 0;
    z-index: 1;
}
.chatWindow .item[data-v-60b345bb] {
    width: 7.78667rem;
    border-radius: 0.10667rem 0.10667rem 0.10667rem 0.10667rem;
    padding: 0.10667rem 0.13333rem;
    color: #f11212;
    font-size: 0.32rem;
    margin-top: 0.10667rem;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.3);
}
.chatWindow .item0[data-v-60b345bb] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.01));
    color: rgba(241, 18, 18, 0.6);
}
.chatWindow .item1[data-v-60b345bb] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.19));
    color: rgba(241, 18, 18, 0.7);
}
.chatWindow .item2[data-v-60b345bb] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25));
    color: rgba(85, 4, 4, 0.8);
}
.chatWindow .item3[data-v-60b345bb] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.28));
    color: rgba(241, 18, 18, 0.9);
}
.chatWindow .item4[data-v-60b345bb] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.31));
    color: #f11212;
}
.memberDesc[data-v-60b345bb] {
  font-weight: 500;
  color: #4e5969;
  font-size: 0.32rem;
  margin-top: 0.02667rem;
  float: left;
}
.chatSystem[data-v-60b345bb] {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.chatSystem .notice[data-v-60b345bb] {
    width: 100%;
    height: 0.90667rem;
    background: #ffe8dc;
    display: flex;
    align-items: center;
    padding: 0.13333rem 0.4rem;
    justify-content: space-between;
}
.chatSystem .notice .img[data-v-60b345bb] {
      width: 0.61333rem;
      height: 0.61333rem;
}
.chatSystem .notice .text[data-v-60b345bb] {
      font-weight: 500;
      color: #1d2129;
      font-size: 0.37333rem;
      width: calc(100% - 1.81333rem);
      height: 0.90667rem;
      line-height: 0.90667rem;
}
.chatSystem .notice .detail[data-v-60b345bb] {
      font-weight: 500;
      color: #ff7029;
      font-size: 0.37333rem;
}
.chatSystem .good[data-v-60b345bb] {
    float: left;
    margin-top: 0.26667rem;
    width: calc(100% - 0.8rem);
    margin-left: 0.4rem;
    padding: 0.26667rem;
    background: #ffffff;
    border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
    height: 2.02667rem;
}
.chatSystem .good .icon[data-v-60b345bb] {
      float: left;
      width: 2.66667rem;
      height: 1.49333rem;
      border-radius: 0.16rem;
}
.chatSystem .good .body[data-v-60b345bb] {
      float: left;
      width: calc(100% - 2.85333rem);
      margin-left: 0.18667rem;
      position: relative;
      height: 100%;
}
.chatSystem .good .body .name[data-v-60b345bb] {
        width: calc(100% - 0.42667rem);
        float: left;
        font-weight: bold;
        color: #1d2129;
        font-size: 0.37333rem;
}
.chatSystem .good .body .close[data-v-60b345bb] {
        float: right;
        width: 0.42667rem;
        height: 0.42667rem;
}
.chatSystem .good .body .tap[data-v-60b345bb] {
        height: 0.42667rem;
        border-radius: 1.76rem 1.76rem 1.76rem 1.76rem;
        opacity: 1;
        border: 0.02667rem solid #ffb648;
        float: left;
        font-weight: 500;
        color: #ffb648;
        line-height: 0.37333rem;
        font-size: 0.32rem;
        padding: 0 0.02667rem;
        display: flex;
        justify-content: center;
        align-items: center;
}
.chatSystem .good .body .tap .text[data-v-60b345bb] {
          width: unset;
          transform-origin: unset;
}
.chatSystem .good .body .bottom[data-v-60b345bb] {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0.64rem;
}
.chatSystem .good .body .bottom .price[data-v-60b345bb] {
          font-weight: 500;
          color: #4e5969;
          font-size: 0.32rem;
          bottom: 0;
          margin-top: 0.21333rem;
          float: left;
          width: unset;
          transform-origin: unset;
}
.chatSystem .good .body .bottom .span[data-v-60b345bb] {
          font-weight: 500;
          color: #1d2129;
          font-size: 0.32rem;
          float: right;
          margin-right: 0.18667rem;
          margin-top: 0.21333rem;
}
.chatSystem .good .body .bottom .button[data-v-60b345bb] {
          padding: 0 0.26667rem;
          height: 0.64rem;
          background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
          border-radius: 0.50667rem 0.50667rem 0.50667rem 0.50667rem;
          line-height: 0.64rem;
          float: right;
          text-align: center;
          font-weight: 500;
          color: #ffffff;
          font-size: 0.32rem;
}
.chatCycle[data-v-60b345bb] {
  position: absolute;
  bottom: 1.46667rem;
  left: 0.4rem;
  height: 0.74667rem;
  background: #ffffff;
  border-radius: 0.72rem 0.72rem 0.72rem 0.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.13333rem 0.13333rem 0.16rem 0.21333rem;
  font-weight: 500;
  color: #ff7029;
  font-size: 0.32rem;
}
.chatCycle .img[data-v-60b345bb] {
    width: 0.48rem;
    height: 0.48rem;
}
.likeSpan[data-v-60b345bb] {
  position: absolute;
  right: 0;
  width: 1.06667rem;
  height: 0.42667rem;
  background: #f53f3f;
  border-radius: 0.58667rem 0.58667rem 0.58667rem 0.58667rem;
  top: -0.10667rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  transform-origin: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatBottom[data-v-60b345bb] {
  float: left;
  width: 100%;
  height: 1.33333rem;
  padding: 0.10667rem 0.29333rem 0 0.4rem;
  background: #fff;
  display: flex;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.21333rem);
  position: fixed;
  bottom: 0;
  justify-content: space-between;
}
.chatBottom .chatInput[data-v-60b345bb] {
    padding: 0;
    float: left;
    background: #ebebeb;
    border-radius: 2.21333rem 2.21333rem 2.21333rem 2.21333rem;
    height: 0.90667rem;
    width: 100%;
    font-size: 0.37333rem;
    line-height: 0.90667rem;
    border: none;
    margin-top: 0.10667rem;
    padding-left: 0.4rem;
    margin-right: 0.10667rem;
    padding-left: 15px !important;
}
.chatBottom .chatInputPlace[data-v-60b345bb] {
    color: #86909c !important;
}
.chatBottom .chatIcon[data-v-60b345bb] {
    float: right;
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.chatBottom .chatIcon .imgMask[data-v-60b345bb] {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      width: 1.12rem;
      height: 1.12rem;
      margin-left: 0.18667rem;
}
.chatBottom .chatIcon .img[data-v-60b345bb] {
      width: 1.12rem;
      height: 1.12rem;
      margin-left: 0.18667rem;
}
.chatBottom .chatIcon .imgBox[data-v-60b345bb] {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
}
.chatBottom .chatIcon .imgSpan[data-v-60b345bb] {
      margin-top: -0.02667rem;
      padding: 0 0.13333rem;
      position: unset;
      width: unset;
      z-index: 9;
}
.rechargeBody[data-v-60b345bb] {
  float: left;
  width: 100%;
  padding: 0.21333rem 0.37333rem;
}
.rechargeBody .title[data-v-60b345bb] {
    padding-bottom: 0.10667rem;
    text-align: left;
    font-weight: 500;
    color: #1d2129;
    font-size: 0.42667rem;
}
.rechargeBody .rechargeFlex[data-v-60b345bb] {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rechargeBody .rechargeFlex .item[data-v-60b345bb] {
      font-size: 0.32rem;
      border-radius: 0.10667rem 0.10667rem 0.10667rem 0.10667rem;
      width: 22%;
      height: 0.93333rem;
      background: #fff;
      border: 0.02667rem solid #dadada;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 0.21333rem;
}
.rechargeBody .rechargeFlex .item .rechargeInput[data-v-60b345bb] {
        width: 1.6rem;
        font-size: 0.29333rem;
        border: none;
        background: transparent;
}
.rechargeBody .rechargeFlex .item p[data-v-60b345bb] {
        font-weight: 500;
        color: #1d2129;
        font-size: 0.37333rem;
}
.rechargeBody .rechargeFlex .activeItem[data-v-60b345bb] {
      border: 0.02667rem solid #ff7029;
      background: #fff7f0;
}
.rechargeBody .rechargeFlex .activeItem p[data-v-60b345bb] {
        color: #ff7029;
}
.rechargeBody .checkBox[data-v-60b345bb] {
    float: left;
    width: 100%;
    margin-top: 0.48rem;
    display: flex;
    align-items: center;
}
.rechargeBody .checkBox .span[data-v-60b345bb] {
      float: left;
      font-weight: 500;
      color: #4e5969;
      font-size: 0.37333rem;
      margin-top: 0.05333rem;
}
.rechargeBody .button[data-v-60b345bb] {
    width: 100%;
    height: 1.01333rem;
    background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 0.50667rem 0.50667rem 0.50667rem 0.50667rem;
    border-radius: 19px 19px 19px 19px;
    margin-top: 0.58667rem;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 0.42667rem;
}
.htmlCanvas[data-v-60b345bb] {
  background: #fff;
  border-radius: 0.26667rem;
  z-index: -9999;
  width: 6.88rem;
  position: fixed;
  top: 0;
}
.htmlCanvas .htmlCanvasImg[data-v-60b345bb] {
    width: 100%;
    height: 3.86667rem;
    float: left;
}
.htmlCanvas .htmlCanvasContet[data-v-60b345bb] {
    width: 100%;
    padding: 0.4rem 0.53333rem;
    float: left;
}
.htmlCanvas .htmlCanvasContet .htmlCanvasInfo .avatar[data-v-60b345bb] {
      width: 0.90667rem;
      height: 0.90667rem;
      border-radius: 50%;
      float: left;
}
.htmlCanvas .htmlCanvasContet .htmlCanvasInfo .htmlName[data-v-60b345bb] {
      float: left;
      width: calc(100% - 0.90667rem);
      padding-left: 0.21333rem;
}
.htmlCanvas .htmlCanvasContet .htmlCanvasInfo .title[data-v-60b345bb] {
      color: #1d2129;
      font-size: 0.32rem;
      width: 100%;
}
.htmlCanvas .htmlCanvasContet .htmlCanvasInfo .htmlDesc[data-v-60b345bb] {
      color: #4e5969;
      font-size: 0.26667rem;
      width: 100%;
}
.htmlCanvas .htmlCanvasContet .htmlTitle[data-v-60b345bb] {
      font-weight: bold;
      color: #1d2129;
      font-size: 0.37333rem;
      margin-top: 0.37333rem;
      float: left;
      width: 100%;
      text-align: center;
}
.htmlCanvas .htmlCanvasContet .htmlIcon[data-v-60b345bb] {
      float: left;
      width: 100%;
      margin-top: 0.37333rem;
}
.htmlCanvas .htmlCanvasContet .htmlIcon .htmlLeft[data-v-60b345bb] {
        margin-top: 0.32rem;
        float: left;
}
.htmlCanvas .htmlCanvasContet .htmlIcon .htmlLeft .img[data-v-60b345bb] {
          width: 2.32rem;
          height: 0.77333rem;
}
.htmlCanvas .htmlCanvasContet .htmlIcon .htmlLeft .span[data-v-60b345bb] {
          color: #4e5969;
          font-size: 0.26667rem;
          display: flex;
          align-items: center;
          margin-top: 0.21333rem;
}
.htmlCanvas .htmlCanvasContet .htmlIcon .htmlLeft .span .spanImg[data-v-60b345bb] {
            width: 0.4rem;
            height: 0.4rem;
            margin-left: 0.02667rem;
}
.htmlCanvas .htmlCanvasContet .htmlIcon .htmlRight[data-v-60b345bb] {
        float: right;
}
.noDataText[data-v-60b345bb] {
  font-weight: 500;
  color: #4e5969;
  font-size: 0.32rem;
  margin-top: 30%;
  text-align: center;
}
.introduce[data-v-60b345bb] {
  float: left;
  width: 100%;
  background: #ffffff;
  border-radius: 0.4rem 0.4rem 0 0;
  top: 5.28rem;
  padding: 0.18667rem 0.4rem 0.4rem 0.4rem;
}
.introduce .p1[data-v-60b345bb] {
    font-weight: bold;
    color: #1d2129;
    font-size: 0.42667rem;
    width: 100%;
}
.introduce .p2[data-v-60b345bb] {
    font-size: 0.37333rem;
    font-weight: 500;
    color: #4e5969;
    margin-top: 0.21333rem;
}
.introduce .p3[data-v-60b345bb] {
    font-weight: 500;
    color: #1d2129;
    font-size: 0.37333rem;
    text-align: right;
    margin-top: 0.10667rem;
}
.desc[data-v-60b345bb] {
  float: left;
  margin: 0.4rem 0;
  width: 100%;
  background: #fff;
  padding: 0.4rem;
  font-size: 0.37333rem;
}
.replyComment[data-v-60b345bb] {
  padding: 0 0.4rem;
  width: 100%;
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 99;
}
.replyComment .button[data-v-60b345bb] {
    height: 0.90667rem;
    background: #ff7029;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    font-weight: 500;
    color: #ffffff;
    font-size: 0.42667rem;
    line-height: 0.90667rem;
    text-align: center;
    float: left;
    padding: 0;
    position: absolute;
    bottom: 0.21333rem;
    right: 0;
}
.rank[data-v-60b345bb] {
  background: url("https://osscdn.666syh.com/image/app/1686106470660.png");
  float: left;
  width: 100%;
  background-color: #ffe6ae;
  background-repeat: no-repeat;
  overflow: auto;
  background-size: 100%;
}
.rank .rankTop[data-v-60b345bb] {
    display: flex;
    justify-content: space-between;
    margin-left: 35%;
    margin-top: 0.4rem;
    align-items: center;
}
.rank .rankTop .rankTopBox[data-v-60b345bb] {
      background: #ffe4c9;
      height: 0.77333rem;
      border-radius: 2.64rem;
      border: 0.02667rem solid rgba(255, 255, 255, 0.85);
}
.rank .rankTop .rankTopBox .rankTopBoxText[data-v-60b345bb] {
        color: rgba(255, 112, 41, 0.5);
        font-size: 0.37333rem;
        float: left;
        line-height: 0.72rem;
        text-align: center;
        padding: 0 0.26667rem;
        height: 0.72rem;
}
.rank .rankTop .topActive[data-v-60b345bb] {
      color: #ff7029 !important;
      width: 1.86667rem;
      background: rgba(255, 255, 255, 0.85);
      border-radius: 0.88rem;
}
.rank .front[data-v-60b345bb] {
    float: left;
    width: 100%;
    margin-top: 0.69333rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.34667rem;
}
.rank .front .top[data-v-60b345bb] {
      float: left;
      width: 2.74667rem;
      height: 3.14667rem;
      background: linear-gradient(320deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
      position: relative;
      border: 0.02667rem solid #fff;
}
.rank .front .top .head[data-v-60b345bb] {
        width: 1.44rem;
        height: 1.44rem;
        background: #fff;
        border-radius: 50%;
        margin-top: 0.24rem;
        margin-left: calc(50% - 0.72rem);
        display: flex;
        justify-content: center;
        align-items: center;
}
.rank .front .top .head .img[data-v-60b345bb] {
          width: 1.33333rem;
          height: 1.33333rem;
          margin: 0.05333rem;
          border-radius: 50%;
}
.rank .front .top .noImg[data-v-60b345bb] {
        position: absolute;
        width: 0.58667rem;
        height: 0.58667rem;
        left: 0.08rem;
        top: -0.16rem;
}
.rank .front .top .name[data-v-60b345bb] {
        width: 2.74667rem;
        height: 0.45333rem;
        float: left;
        text-align: center;
        margin-top: 0.05333rem;
}
.rank .front .top .name .p[data-v-60b345bb] {
          width: 80%;
          margin-left: 10%;
          height: 0.45333rem;
          font-size: 0.32rem;
          line-height: 0.45333rem;
          text-align: center;
}
.rank .front .top .p1[data-v-60b345bb] {
        margin-top: 0.05333rem;
        float: left;
        font-weight: 500;
        color: #1d2129;
        text-align: center;
        font-size: 0.26667rem;
        width: 100%;
}
.rank .front .top .p2[data-v-60b345bb] {
        float: left;
        width: 100%;
        font-weight: 500;
        color: #1d2129;
        text-align: center;
        font-size: 0.26667rem;
        width: 100%;
}
.rank .rankList[data-v-60b345bb] {
    float: left;
    width: calc(100% - 0.8rem);
    background: rgba(255, 255, 255, 0.81);
    margin: 0.4rem;
    border-radius: 0.4rem;
    padding: 0 0.4rem;
}
.rank .rankList .item[data-v-60b345bb] {
      float: left;
      height: 1.28rem;
      width: 100%;
      display: flex;
      align-items: center;
}
.rank .rankList .item .p1[data-v-60b345bb] {
        width: 0.96rem;
        font-weight: 500;
        color: #1d2129;
        font-size: 0.42667rem;
        text-align: left;
        float: left;
}
.rank .rankList .item .img[data-v-60b345bb] {
        width: 0.69333rem;
        height: 0.69333rem;
        border-radius: 50%;
        float: left;
}
.rank .rankList .item .p2[data-v-60b345bb] {
        float: left;
        margin-left: 0.13333rem;
        font-size: 0.37333rem;
        width: calc(100% - 5.06667rem);
}
.rank .rankList .item .p3[data-v-60b345bb] {
        color: #86909c;
        font-size: 0.26667rem;
        float: right;
        font-weight: 500;
        width: 3.25333rem;
        text-align: right;
}
.rank .rankList .item .p4[data-v-60b345bb] {
        color: #1d2129;
        font-size: 0.37333rem;
        margin-left: 0.08rem;
}
.rank .rankBottom[data-v-60b345bb] {
    position: fixed;
    width: 100%;
    background: #ffffff;
    bottom: 0;
    padding: 0.13333rem 0.4rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: calc(env(safe-area-inset-bottom) + 0.21333rem);
    display: flex;
    align-items: center;
}
.rank .rankBottom .avatar[data-v-60b345bb] {
      width: 0.96rem;
      height: 0.96rem;
      border-radius: 50%;
      margin-right: 0.13333rem;
}
.rank .rankBottom .left[data-v-60b345bb] {
      flex: 1;
}
.rank .rankBottom .left .p[data-v-60b345bb] {
        font-weight: 500;
        color: #1d2129;
        font-size: 0.37333rem;
}
.rank .rankBottom .button[data-v-60b345bb] {
      width: 3.25333rem;
      height: 0.90667rem;
      background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
      border-radius: 0.50667rem 0.50667rem 0.50667rem 0.50667rem;
      float: right;
      font-weight: bold;
      color: #ffffff;
      font-size: 0.37333rem;
      line-height: 0.90667rem;
      margin-top: 0.05333rem;
      text-align: center;
}
page[data-v-60b345bb] {
  padding-bottom: 0;
}
.fixed[data-v-60b345bb] {
  float: left;
  width: 100%;
  background: #fff;
  top: 5.86667rem;
  padding: 0.13333rem 0;
  z-index: 9;
  position: sticky;
}
.fixed .tabsList[data-v-60b345bb] {
    float: left;
    margin-left: 0.10667rem;
}
.fixed .tabsList .tabs[data-v-60b345bb] {
      margin-left: 0.26667rem;
      float: left;
}
.fixed .tabsList .text[data-v-60b345bb] {
      font-weight: 500;
      color: #000000;
      font-size: 0.42667rem;
      text-align: center;
      padding: 0 0.26667rem;
}
.fixed .tabsList .active[data-v-60b345bb] {
      color: #ff7029;
      font-weight: bold;
}
.fixed .tabsList .color[data-v-60b345bb] {
      width: 0.8rem;
      height: 0.26667rem;
}
.fixed .learn[data-v-60b345bb] {
    float: right;
    width: 60%;
    text-align: right;
    font-size: 0.32rem;
    font-weight: 500;
    color: #4e5969;
}
.renewalPrice[data-v-60b345bb] {
  display: flex;
}
.renewalPrice .originalPrice[data-v-60b345bb] {
    margin-left: 0.21333rem;
    font-size: 0.32rem;
    color: #6b6b6b;
}
.renewalPrice .originalPrice[data-v-60b345bb]::before {
      content: "";
      width: 100%;
      height: 0.02667rem;
      display: block;
      background-color: #6b6b6b;
      transform: rotate(15deg) translate(0, 0.29333rem);
}
[data-v-60b345bb] .vjs-big-play-button {
  height: 4.8em !important;
  width: 6.8em !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -3.4em !important;
  margin-top: -2.4em !important;
  font-size: 1em !important;
  border: 0 !important;
  opacity: 1 !important;
  z-index: 1 !important;
  background-color: unset !important;
}
[data-v-60b345bb] .vjs-error-display {
  display: none !important;
}
[data-v-60b345bb] .tcplayer {
  width: 100%;
}
[data-v-60b345bb] .unChatInput {
  color: #ececec !important;
}
[data-v-60b345bb] .prism-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 100% 100%;
  top: 0;
}
[data-v-60b345bb] .prism-auto-stream-selector {
  display: none;
}
[data-v-60b345bb] .vjs-live-control {
  visibility: hidden;
}

.tooltip[data-v-7711a063] {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  width: 2.50667rem;
  height: 0.61333rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  display: flex;
  align-items: center;
}
.tooltip .tooltipImg[data-v-7711a063] {
    width: 0.37333rem;
    height: 0.37333rem;
    margin-left: 0.24rem;
}
.tooltip .tooltipText[data-v-7711a063] {
    font-weight: 500;
    color: #ffffff;
    font-size: 0.32rem;
    margin-left: 0.05333rem;
}


::v-deep .desc .uni-video-slots {
  pointer-events: none !important;
}
::v-deep .desc .uni-video-bar .uni-video-fullscreen {
  display: none;
}

.liveDetail[data-v-fef5b1d6] {
  float: left;
  width: 100%;
  overflow-x: hidden;
  background-color: #fff;
  height: 100vh;
}
.img[data-v-fef5b1d6] {
  width: 100%;
  height: 5.62667rem;
  background: rgba(0, 0, 0, 0.2);
  float: left;
}
.imgButton[data-v-fef5b1d6] {
  width: 2.72rem;
  height: 0.85333rem;
  background: #ffffff linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
  border-radius: 0.56rem 0.56rem 0.56rem 0.56rem;
  line-height: 0.85333rem;
  text-align: center;
  position: absolute;
  top: 4.82667rem;
  right: 0.8rem;
  font-weight: bold;
  color: #ffffff;
  font-size: 0.37333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.introduce[data-v-fef5b1d6] {
  float: left;
  width: 100%;
  background: #ffffff;
  border-radius: 0.4rem 0.4rem 0 0;
  top: 5.28rem;
  padding: 0.72rem 0.4rem 0.4rem 0.4rem;
  margin-top: -0.4rem;
}
.introduce .p1[data-v-fef5b1d6] {
    font-weight: bold;
    color: #1d2129;
    font-size: 0.42667rem;
    width: 100%;
}
.introduce .p2[data-v-fef5b1d6] {
    font-size: 0.37333rem;
    font-weight: 500;
    color: #4e5969;
    margin-top: 0.21333rem;
}
.introduce .p3[data-v-fef5b1d6] {
    font-weight: 500;
    color: #1d2129;
    font-size: 0.37333rem;
    text-align: right;
    margin-top: 0.10667rem;
}
.descBox[data-v-fef5b1d6] {
  background-color: #f8f4eb;
  padding: 0.4rem 0 0;
  float: left;
  width: 100%;
}
.descBox .desc[data-v-fef5b1d6] {
    width: 100%;
    padding: 0.4rem;
    background: #fff;
}
.scrollButton[data-v-fef5b1d6] {
  width: 5.33333rem;
  height: 1.01333rem;
  text-align: center;
  background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
  box-shadow: 0 0.08rem 0.21333rem 0 rgba(255, 112, 41, 0.35);
  border-radius: 1.01333rem 1.01333rem 1.01333rem 1.01333rem;
  line-height: 1.01333rem;
  font-weight: bold;
  color: #ffffff;
  font-size: 0.42667rem;
  position: fixed;
  left: calc(50% - 2.66667rem);
  bottom: 1.65333rem;
  text-align: center;
}


page {
  overflow-x: hidden;
}

[data-v-712be83c] .vanrefresh {
  height: unset !important;
}
[data-v-712be83c] .van-pull-refresh {
  overflow: hidden;
}
.cardBottom[data-v-712be83c] {
  float: left;
  width: 100%;
  margin-top: 0.26667rem;
  display: flex;
  align-items: center;
}
.cardBottom .time[data-v-712be83c] {
    font-weight: bold;
    color: #1d2129;
    font-size: 0.37333rem;
    margin-right: 0.24rem;
    margin-left: auto;
}
.cardBottom .button[data-v-712be83c] {
    width: 2.72rem;
    height: 0.90667rem;
    background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
    border-radius: 0.56rem 0.56rem 0.56rem 0.56rem;
    line-height: 0.90667rem;
    text-align: center;
    float: right;
    font-weight: bold;
    color: #ffffff;
    font-size: 0.37333rem;
    text-align: center;
    margin-left: unset;
    margin-right: unset;
    box-shadow: 0 0.08rem 0.21333rem 0 rgba(255, 112, 41, 0.35);
}
.live[data-v-712be83c] {
  min-height: 100vh;
  float: left;
  width: 100%;
}
.live .vanrefresh[data-v-712be83c] {
    height: 100%;
}
.live .top[data-v-712be83c] {
    width: 100%;
    float: left;
}
.live .top .topView[data-v-712be83c] {
      position: relative;
      float: left;
      width: 100%;
}
.live .top .topView .topImg[data-v-712be83c] {
        width: 100%;
        height: 5.62667rem;
        float: left;
}
.live .top .topView .topCover[data-v-712be83c] {
        height: 0.56rem;
        background-image: linear-gradient(0deg, #f6f8fb 0%, rgba(246, 248, 251, 0.61) 51%, rgba(246, 248, 251, 0) 100%);
        top: 5.06667rem;
        width: 100%;
        float: left;
        margin-top: -0.53333rem;
}
.live .top .topView .topCard[data-v-712be83c] {
        margin: 0 0.4rem;
        width: calc(100% - 0.8rem);
        background: rgba(255, 255, 255, 0.82);
        box-shadow: inset 0 0.02667rem 0.02667rem 0 rgba(255, 255, 255, 0.25), 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.05);
        border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
        top: 4.42667rem;
        padding: 0.26667rem;
        margin-top: -1.2rem;
        float: left;
        -webkit-backdrop-filter: blur(0.53333rem);
                backdrop-filter: blur(0.53333rem);
}
.live .top .topView .topCard .p1[data-v-712be83c] {
          font-weight: bold;
          color: #1d2129;
          font-size: 0.4rem;
          width: 100%;
          float: left;
}
.live .top .topView .topCard .p2[data-v-712be83c] {
          font-weight: 500;
          color: #1d2129;
          font-size: 0.34667rem;
          width: 100%;
          float: left;
          margin-top: 0.08rem;
}
.live .otherLive[data-v-712be83c] {
    padding: 0 0.4rem;
    float: left;
    width: 100%;
}
.live .otherLive .living[data-v-712be83c] {
      width: 100%;
}
.live .otherLive .living .livingView[data-v-712be83c] {
        position: relative;
        padding: 0.34667rem;
        background: #fff;
        float: left;
        width: 100%;
        margin-top: 0.4rem;
        border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
        box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.03);
}
.live .otherLive .living .livingView .livingImg[data-v-712be83c] {
          width: 100%;
          height: 4.8rem;
          border-radius: 0.21333rem;
          float: left;
}
.live .otherLive .living .livingView .p1[data-v-712be83c] {
          font-weight: bold;
          color: #1d2129;
          font-size: 0.48rem;
          margin-top: 0.10667rem;
          width: 100%;
          float: left;
}
.live .otherLive .living .livingView .p2[data-v-712be83c] {
          font-weight: 500;
          color: #1d2129;
          float: left;
          width: 100%;
          font-size: 0.37333rem;
          margin-top: 0.13333rem;
}
.live .otherLive .liveSubscribe[data-v-712be83c] {
      float: left;
      width: 100%;
      margin-top: 0.66667rem;
}
.live .otherLive .liveSubscribe .title[data-v-712be83c] {
        font-weight: bold;
        color: #1d2129;
        font-size: 0.48rem;
}
.live .otherLive .liveSubscribe .item[data-v-712be83c] {
        margin-top: 0.26667rem;
        width: 100%;
        border-radius: 0.26667rem 0.26667rem 0.26667rem 0.26667rem;
        background: #fff;
        padding: 0.21333rem;
        box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.1);
}
.live .otherLive .liveSubscribe .item .img[data-v-712be83c] {
          width: 4.21333rem;
          height: 2.37333rem;
          border-radius: 0.18667rem;
          float: left;
}
.live .otherLive .liveSubscribe .item .right[data-v-712be83c] {
          float: left;
          width: calc(100% - 4.21333rem);
          padding-left: 0.21333rem;
}
.live .otherLive .liveSubscribe .item .right .p1[data-v-712be83c] {
            font-weight: bold;
            color: #1d2129;
            font-size: 0.42667rem;
}
.live .otherLive .liveSubscribe .item .right .p2[data-v-712be83c] {
            font-weight: 500;
            color: #4e5969;
            font-size: 0.37333rem;
            margin-top: 0.08rem;
}
.live .otherLive .liveSubscribe .item .right .p3[data-v-712be83c] {
            font-weight: 400;
            color: #86909c;
            font-size: 0.32rem;
            margin-top: 0.05333rem;
}
.live .otherLive .liveSubscribe .item .right .button[data-v-712be83c] {
            width: 2.18667rem;
            height: 0.64rem;
            background: linear-gradient(306deg, #ff7029 0%, #ffa031 100%);
            border-radius: 0.56rem 0.56rem 0.56rem 0.56rem;
            line-height: 0.64rem;
            font-size: 0.37333rem;
            font-weight: bold;
            color: #ffffff;
            padding: 0;
            float: right;
            margin-top: 0.05333rem;
            text-align: center;
}
.live .otherLive .lived[data-v-712be83c] {
      float: left;
      width: 100%;
      margin-top: 0.66667rem;
}
.live .otherLive .lived .title[data-v-712be83c] {
        font-weight: bold;
        color: #1d2129;
        font-size: 0.48rem;
}
.live .otherLive .lived .item[data-v-712be83c] {
        margin-top: 0.26667rem;
        background: #fff;
        border-radius: 0.26667rem;
        position: relative;
        float: left;
        box-shadow: 0 0.10667rem 0.26667rem 0 rgba(0, 0, 0, 0.1);
}
.live .otherLive .lived .item .img[data-v-712be83c] {
          width: 100%;
          height: 2.50667rem;
          border-radius: 0.26667rem 0.26667rem 0 0;
          float: left;
}
.live .otherLive .lived .item .taps[data-v-712be83c] {
          position: absolute;
          width: 0.90667rem;
          height: 0.42667rem;
          background: rgba(63, 63, 63, 0.51);
          border-radius: 1.01333rem 1.01333rem 1.01333rem 1.01333rem;
          left: 0.13333rem;
          top: 0.13333rem;
          font-weight: bold;
          color: #ffffff;
          font-size: 0.26667rem;
          display: flex;
          justify-content: center;
          justify-content: center;
          align-items: center;
}
.live .otherLive .lived .item .overlay[data-v-712be83c] {
          position: absolute;
          top: 1.92rem;
          width: 100%;
          height: 0.58667rem;
          line-height: 0.58667rem;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 143%);
}
.live .otherLive .lived .item .overlay .num[data-v-712be83c] {
            font-weight: 500;
            color: #ffffff;
            font-size: 0.32rem;
            text-align: right;
            float: right;
            margin-right: 0.18667rem;
}
.live .otherLive .lived .item .info[data-v-712be83c] {
          float: left;
          padding: 0.21333rem;
          width: 100%;
}
.live .otherLive .lived .item .info .p1[data-v-712be83c] {
            font-weight: bold;
            color: #1d2129;
            font-size: 0.4rem;
            width: 100%;
}
.live .otherLive .lived .item .info .p2[data-v-712be83c] {
            font-weight: 500;
            color: #4e5969;
            font-size: 0.34667rem;
}
.live .otherLive .lived .item .info .button[data-v-712be83c] {
            width: 2.24rem;
            height: 0.61333rem;
            border-radius: 0.48rem 0.48rem 0.48rem 0.48rem;
            opacity: 1;
            border: 0.02667rem solid #ff7029;
            line-height: 0.56rem;
            font-weight: 500;
            color: #ff7029;
            background: #fff;
            font-size: 0.37333rem;
            float: right;
            padding: 0;
            margin-top: 0.24rem;
            text-align: center;
}

.noAuth[data-v-58bd89cd] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.noAuth .img[data-v-58bd89cd] {
    width: 5.52rem;
    margin-top: 4.72rem;
    margin-bottom: 1.17333rem;
}
.noAuth .p1[data-v-58bd89cd] {
    width: 100%;
    font-weight: 500;
    color: #86909c;
    font-size: 0.37333rem;
    text-align: center;
}
.noAuth .p2[data-v-58bd89cd] {
    font-weight: 500;
    color: #86909c;
    font-size: 0.37333rem;
    margin-top: 0.53333rem;
    text-align: center;
    border-bottom: 0.02667rem solid #86909c;
}