.content_link {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  background: #070707; }
  .content_link img {
    width: 100%;
    display: block; }

.content_video, .content_shop {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .6rem .16rem; }

.footer {
  width: 100%;
  position: fixed;
  padding: .16rem 0;
  left: 0;
  bottom: 0;
  z-index: 99;
  background: #1F2335;
  display: flex; }
  .footer div {
    flex: 1; }
    .footer div:nth-child(1) i {
      background-image: url(../images/footericon1.png); }
    .footer div:nth-child(1).on i {
      background-image: url(../images/footericon2.png); }
    .footer div:nth-child(1).on span {
      color: #EF10CA; }
    .footer div:nth-child(2) i {
      background-image: url(../images/footericon3.png); }
    .footer div:nth-child(2).on i {
      background-image: url(../images/footericon4.png); }
    .footer div:nth-child(2).on span {
      color: #EF10CA; }
    .footer div:nth-child(3) i {
      background-image: url(../images/footericon5.png); }
    .footer div:nth-child(3).on i {
      background-image: url(../images/footericon6.png); }
    .footer div:nth-child(3).on span {
      color: #EF10CA; }
    .footer div:nth-child(4) i {
      background-image: url(../images/footericon7.png); }
    .footer div:nth-child(4).on i {
      background-image: url(../images/footericon8.png); }
    .footer div:nth-child(4).on span {
      color: #EF10CA; }
    .footer div:nth-child(5) i {
      background-image: url(../images/footericon9.png); }
    .footer div:nth-child(5).on i {
      background-image: url(../images/footericon10.png); }
    .footer div:nth-child(5).on span {
      color: #EF10CA; }
    .footer div:nth-child(6) i {
      background-image: url(../images/footericon11.png); }
    .footer div:nth-child(6).on i {
      background-image: url(../images/footericon12.png); }
    .footer div:nth-child(6).on span {
      color: #EF10CA; }
    .footer div i {
      width: .36rem;
      height: .36rem;
      background-repeat: no-repeat;
      display: block;
      margin: 0 auto;
      background-size: 100%;
      background-position: center center; }
    .footer div span {
      display: block;
      text-align: center;
      font-size: .2rem;
      margin-top: .1rem;
      color: #A5B0D2; }

.content_info {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .36rem 0;
  position: relative; }
  .content_info .back {
    width: .48rem;
    margin-left: .22rem;
    overflow: hidden; }
    .content_info .back img {
      display: block;
      width: 100%; }
  .content_info .main_link ul li {
    margin-right: .2rem; }
  .content_info .main_link {
    padding: 0 .21rem;
    margin-top: .3rem; }
    .content_info .main_link .head {
      display: flex;
      align-items: center; }
      .content_info .main_link .head img {
        width: .3rem;
        margin-right: .1rem; }
      .content_info .main_link .head span {
        font-size: .26rem;
        color: #EF10CA;
        font-weight: bold; }
  .content_info .downs {
    width: 7.06rem;
    height: .88rem;
    background: #EF10CA;
    margin: 0 auto;
    margin-top: .35rem;
    border-radius: .6rem; }
    .content_info .downs a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .36rem;
      font-weight: bold;
      color: #fff; }
  .content_info .scrollview {
    width: 100%;
    padding-left: .21rem;
    margin-top: .25rem;
    font-size: 12px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap; }
    .content_info .scrollview div {
      width: 2.88rem;
      margin-right: .15rem;
      display: inline-block; }
      .content_info .scrollview div img {
        width: 100%; }
  .content_info .font {
    width: 7.06rem;
    margin: 0 auto;
    background: #1F2335;
    display: flex;
    border-radius: .15rem;
    align-items: flex-start;
    padding: .26rem .33rem .3rem .32rem;
    justify-content: space-between;
    margin-top: .22rem; }
    .content_info .font img {
      width: .24rem;
      margin-top: .1rem; }
    .content_info .font span {
      display: block;
      width: calc(100% - .24rem - .19rem);
      line-height: .36rem;
      font-size: .24rem;
      color: #fff; }
  .content_info .userinfo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .21rem;
    margin-top: .56rem; }
    .content_info .userinfo .fl {
      display: flex;
      align-items: center; }
      .content_info .userinfo .fl img {
        width: 1.16rem;
        margin-right: .21rem;
        border-radius: .1rem; }
      .content_info .userinfo .fl span {
        font-size: .36rem;
        color: #fff;
        font-weight: bold; }
    .content_info .userinfo .btn {
      width: 1.92rem;
      height: .6rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #DB33C4;
      border-radius: .4rem
    }
  .content_info .userinfo .btn a{
    color : #fff;
    font-size: .22rem;
    font-weight: bold;
  }


.content_bc {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .6rem .16rem; }
  .content_bc .main_zq_list {
    width: 100%; }
    .content_bc .main_zq_list ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
    .content_bc .main_zq_list li {
      width: 2.18rem;
      overflow: hidden;
      background: #353535;
      border-radius: .15rem;
      padding: .17rem 0 .22rem 0;
      margin-right: .3rem;
      margin-top: .16rem; }
      .content_bc .main_zq_list li .icon {
        width: 1.22rem;
        margin: 0 auto; }
        .content_bc .main_zq_list li .icon img {
          width: 100%; }
      .content_bc .main_zq_list li p {
        text-align: center;
        font-size: .28rem;
        padding: .18rem 0 .24rem 0;
        color: #fff;
        font-weight: bold;
        line-height: 1; }
      .content_bc .main_zq_list li span {
        display: block;
        text-align: center;
        font-size: .22rem;
        line-height: 1;
        color: #A0A0A0; }
      .content_bc .main_zq_list li:nth-child(3n) {
        margin-right: 0; }

.content_ql {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .6rem .16rem; }
  .content_ql .tabbar {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem; }
    .content_ql .tabbar .label {
      position: relative;
      width: 3.52rem;
      height: 1.27rem;
      border-radius: .15rem;
      padding: .3rem 0 0 1.31rem;
      background: #7815CE; }
      .content_ql .tabbar .label.on::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -.09rem;
        width: 0;
        height: 0;
        border-left: .14rem solid transparent;
        border-right: .14rem solid transparent;
        border-top: .1rem solid #7815CE; }
      .content_ql .tabbar .label:last-child {
        background: #B013CC; }
        .content_ql .tabbar .label:last-child.on::after {
          border-top: .1rem solid #B013CC; }
      .content_ql .tabbar .label .icon {
        width: 1.05rem;
        position: absolute;
        left: .13rem;
        bottom: 0; }
      .content_ql .tabbar .label div {
        display: flex;
        align-items: center; }
        .content_ql .tabbar .label div p {
          font-size: .3rem;
          color: #fff;
          font-weight: bold;
          line-height: 1; }
        .content_ql .tabbar .label div img {
          width: .22rem;
          margin-left: .06rem; }
      .content_ql .tabbar .label span {
        display: block;
        font-size: .24rem;
        margin-top: .12rem;
        line-height: 1;
        color: #fff; }

.content_seb {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .6rem .16rem; }

.header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .4rem; }
  .header img {
    height: .42rem;
    width: auto; }

.content_shop .list {
  width: 100%; }
  .content_shop .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .content_shop .list ul li {
      width: 3.49rem;
      background: #353535;
      border-radius: .1rem;
      padding: .12rem;
      overflow: hidden;
      margin-bottom: .11rem;
      padding-bottom: 0; }
      .content_shop .list ul li .picture {
        overflow: hidden;
        width: 100%;
        border-radius: .2rem;
        height: 3.25rem; }
        .content_shop .list ul li .picture img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .content_shop .list ul li .info {
        overflow: hidden;
        padding: .18rem 0 .26rem 0; }
        .content_shop .list ul li .info > p {
          font-size: .32rem;
          font-weight: bold;
          color: #fff; }
        .content_shop .list ul li .info .m {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: .12rem; }
          .content_shop .list ul li .info .m p {
            font-size: .2rem;
            color: #F010CA; }
            .content_shop .list ul li .info .m p span {
              font-size: .28rem;
              color: #F010CA; }
          .content_shop .list ul li .info .m > span {
            font-size: .24rem;
            color: #797979; }
        .content_shop .list ul li .info .b {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: .1rem; }
          .content_shop .list ul li .info .b img {
            width: 1.02rem; }
          .content_shop .list ul li .info .b span {
            font-size: .24rem;
            color: #797979; }

.mySwipers {
  width: 100%;
  background: #03040F;
  overflow: hidden; }
  .mySwipers > .swiper-wrapper > .swiper-slide {
    overflow: hidden;
    width: 100%; }

.content {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(#A46DFF, #03040F, #03040F, #03040F);
  padding: .6rem .16rem; }
  .content .notice {
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    border-radius: .6rem;
    background: #15002A;
    padding-left: .32rem; }
    .content .notice img {
      width: .29rem; }
    .content .notice .slide {
      width: calc(100% - .29rem);
      padding: 0 .12rem;
      height: 100%;
      overflow: hidden; }
      .content .notice .slide .mySwiper1 {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .content .notice .slide .mySwiper1 .swiper-wrapper {
          color: #fff;
          transition-timing-function: linear !important;
          -o-transition-timing-function: linear !important;
          -webkit-transition-timing-function: linear !important; }
        .content .notice .slide .mySwiper1 .swiper-slide {
          height: 100%;
          overflow: hidden;
          width: auto;
          display: inline-flex;
          align-items: center; }
          .content .notice .slide .mySwiper1 .swiper-slide span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: .23rem;
            color: #FFFFFF; }
  .content .banner {
    width: 100%;
    height: 3.93rem;
    overflow: hidden;
    border-radius: .26rem;
    margin-top: .18rem;
    position: relative; }
    .content .banner .swiper-pagination {
      font-size: 12px; }
    .content .banner .mySwiper {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .content .banner .mySwiper .swiper-slide img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
.content .tabbar {
  display: flex;
  justify-content: space-between;
  margin-top: .6rem; }
.content .tabbar .label {
  position: relative;
  width: 3.52rem;
  height: 1.27rem;
  border-radius: .15rem;
  padding: .3rem 0 0 1.31rem;
  background: #7815CE; }
.content .tabbar .label.on::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.09rem;
  width: 0;
  height: 0;
  border-left: .14rem solid transparent;
  border-right: .14rem solid transparent;
  border-top: .1rem solid #7815CE; }
.content .tabbar .label:last-child {
  background: #B013CC; }
.content .tabbar .label:last-child.on::after {
  border-top: .1rem solid #B013CC; }
.content .tabbar .label .icon {
  width: 1.05rem;
  position: absolute;
  left: .13rem;
  bottom: 0; }
.content .tabbar .label div {
  display: flex;
  align-items: center; }
.content .tabbar .label div p {
  font-size: .3rem;
  color: #fff;
  font-weight: bold;
  line-height: 1; }
.content .tabbar .label div img {
  width: .22rem;
  margin-left: .06rem; }
.content .tabbar .label span {
  display: block;
  font-size: .24rem;
  margin-top: .12rem;
  line-height: 1;
  color: #fff; }
.content .head {
  display: flex;
  align-items: center;
  font-size: .27rem;
  font-weight: bold;
  color: #F010C4;
  padding:.15rem 0 0 0;
}
.content .head img {
  width: .3rem;
  margin-right: .11rem; }
.main_list {
  width: 100%;
   }
  .main_list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .main_list ul li {
      overflow: hidden;
      background: #353535;
      border-radius: .15rem;
      width: 3.54rem;
      margin-top: .2rem; }
      .main_list ul li .info {
        width: 100%;
        padding: .48rem .19rem 0 .19rem;
        height: 1.95rem; }
        .main_list ul li .info .name {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .main_list ul li .info .name p {
            font-size: .24rem;
            color: #fff; }
          .main_list ul li .info .name div {
            display: flex;
            align-items: center;
            font-size: .2rem;
            color: #D7D7D7; }
            .main_list ul li .info .name div img {
              width: .18rem;
              margin-right: .05rem; }
        .main_list ul li .info .lab {
          display: flex;
          align-items: center;
          margin-top: .14rem; }
          .main_list ul li .info .lab span {
            font-size: .2rem;
            color: #D7D7D7;
            margin-right: .1rem; }
        .main_list ul li .info .desc {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-top: .18rem; }
          .main_list ul li .info .desc div {
            height: .36rem;
            display: inline-flex;
            align-items: center;
            font-size: .2rem;
            color: #FF5289;
            padding: 0 .12rem;
            border-radius: .3rem;
            margin-right: .07rem;
            background: #634C62; }
      .main_list ul li .picture {
        width: 100%;
        height: 4.73rem;
        position: relative; }
        .main_list ul li .picture .p {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
        .main_list ul li .picture .bot {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          position: absolute;
          left: 0;
          bottom: -.29rem;
          padding: 0 .08rem; }
          .main_list ul li .picture .bot .play {
            width: .62rem; }
          .main_list ul li .picture .bot div {
            width: 2.47rem;
            height: .6rem;
            background: linear-gradient(90deg, #7015CE, #F210CA);
            border-radius: .3rem;
            display: flex;
            align-items: center;
            justify-content: center; }
            .main_list ul li .picture .bot div img {
              width: .28rem;
              margin-right: .14rem; }
            .main_list ul li .picture .bot div span {
              font-size: .26rem;
              color: #fff; }
        .main_list ul li .picture .top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          position: absolute;
          left: 0;
          top: .08rem;
          padding: 0 .08rem; }
          .main_list ul li .picture .top div {
            border: 1px solid rgba(255, 255, 255, 0.1);
            height: .65rem;
            display: inline-flex;
            align-items: center;
            padding: 0 .16rem 0 .1rem;
            background: rgba(0, 0, 0, 0.1);
            border-radius: .4rem; }
            .main_list ul li .picture .top div img {
              width: .46rem; }
            .main_list ul li .picture .top div span {
              font-size: .22rem;
              font-weight: bold;
              margin-left: .12rem;
              color: #fff; }

.main_link {
  width: 100%; }
  .main_link ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .main_link ul li {
      width: 1.25rem;
      position: relative;
      margin-right: .22rem;
      margin-top: .3rem; }
      .main_link ul li .icon {
        width: 100%; }
        .main_link ul li .icon img {
          width: 100%; }
      .main_link ul li p {
        text-align: center;
        font-size: .2rem;
        line-height: 1;
        margin: .16rem 0 .18rem;
        color: #fff; }
      .main_link ul li .btn {
        width: 100%;
        height: .42rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 0, 212, 0.2);
        font-size: .22rem;
        color: #FF4F9E;
        border-radius: .4rem; }
      .main_link ul li:nth-child(5n) {
        margin-right: 0; }

.main_hot_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .main_hot_list .label {
    width: 1.68rem;
    position: relative;
    background: #353535;
    border-radius: .15rem;
    margin-right: .15rem;
    margin-top: .24rem;
    padding: .17rem 0 .25rem 0; }
    .main_hot_list .label:nth-child(4n) {
      margin-right: 0; }
    .main_hot_list .label .hot {
      width: .52rem;
      position: absolute;
      left: 0;
      top: 0; }
    .main_hot_list .label .icon {
      width: 1.33rem;
      overflow: hidden;
      margin: 0 auto;
      border-radius: .3rem; }
      .main_hot_list .label .icon img {
        width: 100%; }
    .main_hot_list .label p {
      text-align: center;
      font-size: .22rem;
      line-height: 1;
      padding: .13rem;
      color: #fff; }
    .main_hot_list .label .btn {
      width: 1.43rem;
      height: .48rem;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: .4rem;
      background: #EF10CA;
      font-size: .22rem;
      color: #fff; }
      .main_hot_list .label .btn img {
        width: .21rem;
        margin-right: .06rem; }

.fadein {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6); }
  .fadein .box {
    width: 5rem;
    position: relative; }
    .fadein .box .p {
      width: 100%;
      border-radius: .1rem; }
    .fadein .box .close {
      width: .46rem;
      position: absolute;
      right: .26rem;
      top: .26rem;
      z-index: 99; }

.main_zq_list {
  width: 100%; }
  .main_zq_list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
  .main_zq_list li {
    width: 2.18rem;
    overflow: hidden;
    background: #353535;
    border-radius: .15rem;
    padding: .17rem 0 .22rem 0;
    margin-right: .3rem;
    margin-top: .16rem; }
    .main_zq_list li .icon {
      width: 1.22rem;
      margin: 0 auto; }
      .main_zq_list li .icon img {
        width: 100%; }
    .main_zq_list li p {
      text-align: center;
      font-size: .22rem;
      padding: .18rem 0 .24rem 0;
      color: #fff;
      line-height: 1; }
    .main_zq_list li span {
      display: block;
      text-align: center;
      font-size: .22rem;
      line-height: 1;
      color: #A0A0A0; }
    .main_zq_list li:nth-child(3n) {
      margin-right: 0; }

.seb_list {
  width: 100%;
  padding: .15rem 0 0 0;
}
  .seb_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .seb_list ul li {
      width: 3.54rem;
      margin-bottom: .14rem;
      background: #353535;
      border-radius: .15rem;
      position: relative; }
      .seb_list ul li .like {
        width: .62rem;
        position: absolute;
        right: .08rem;
        top: .08rem;
        z-index: 9; }
      .seb_list ul li .picture {
        overflow: hidden;
        width: 100%;
        height: auto;
        border-radius: .15rem; }
        .seb_list ul li .picture img {
          width: 100%;
          height: auto;
          display: block;
          object-fit: cover; }
      .seb_list ul li .info {
        overflow: hidden;
        padding: .18rem .18rem .2rem .18rem; }
        .seb_list ul li .info p {
          font-size: .26rem;
          color: #fff;
          font-weight: bold; }
        .seb_list ul li .info .b {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: .16rem; }
          .seb_list ul li .info .b .online {
            display: flex;
            align-items: center; }
            .seb_list ul li .info .b .online img {
              width: .12rem;
              margin-right: .07rem; }
            .seb_list ul li .info .b .online span {
              font-size: .24rem;
              color: #868686;
              display: block; }
              .seb_list ul li .info .b .online span em {
                color: #07E874; }
          .seb_list ul li .info .b .zan {
            display: flex;
            align-items: center; }
            .seb_list ul li .info .b .zan img {
              width: .23rem;
              margin-right: .11rem; }
            .seb_list ul li .info .b .zan span {
              font-size: .24rem;
              color: #868686; }

.shop_list {
  width: 100%;
  padding: .15rem 0 0 0;}
  .shop_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .shop_list ul li {
      width: 3.49rem;
      background: #353535;
      border-radius: .1rem;
      padding: .12rem;
      overflow: hidden;
      margin-bottom: .11rem;
      padding-bottom: 0; }
      .shop_list ul li .picture {
        overflow: hidden;
        width: 100%;
        border-radius: .2rem;
        height: auto; }
        .shop_list ul li .picture img {
          width: 100%;
          height: auto;
          display: block;
          object-fit: cover; }
      .shop_list ul li .info {
        overflow: hidden;
        padding: .18rem 0 .26rem 0; }
        .shop_list ul li .info > p {
          font-size: .32rem;
          font-weight: bold;
          color: #fff; }
        .shop_list ul li .info .m {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: .12rem; }
          .shop_list ul li .info .m p {
            font-size: .2rem;
            color: #F010CA; }
            .shop_list ul li .info .m p span {
              font-size: .28rem;
              color: #F010CA; }
          .shop_list ul li .info .m > span {
            font-size: .24rem;
            color: #797979; }
        .shop_list ul li .info .b {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: .1rem; }
          .shop_list ul li .info .b img {
            width: 1.02rem; }
          .shop_list ul li .info .b span {
            font-size: .24rem;
            color: #797979; }

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