body {
  background: #150D04; }

.mySwiper1 {
  overflow: hidden; }

.content {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  padding: .9rem .25rem;
  padding-bottom: .3rem; }
  .content.page .main_notice {
    background-image: url(../images/bgaa.png); }
    .content.page .main_notice .icon span {
      color: #fff; }
    .content.page .main_notice .btn {
      background-image: url(../images/bbg.png);
      height: .46rem;
      font-size: .24rem;
      color: #3f32e9; }
  .content.page .banner {
    padding-bottom: .22rem; }
    .content.page .banner .swiper-pagination {
      bottom: 0; }
    .content.page .banner .swiper-pagination-bullet {
      border-radius: 0;
      background: #3F32E9; }
    .content.page .banner .swiper-pagination-bullet-active {
      background: #E00084; }
      .content.page .banner .swiper-pagination-bullet-active::after {
        display: none; }
  .content.page .navbar {
    background-image: url(../images/bgaa.png); }
    .content.page .navbar .label.on::after {
      content: '';
      width: .42rem;
      height: .06rem;
      background-image: url(../images/dot.png);
      background-size: 100% 100%; }
    .content.page .navbar .label.on::before {
      display: none; }
  .content.page .main_recommend .publie_title {
    width: 6.2rem;
    margin: 0; }
    .content.page .main_recommend .publie_title img {
      width: 100%;
      display: block;
      margin: 0; }
  .content.page .main_recommend .list {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
  .content.page .main_recommend .list1 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page .main_recommend .list1 li {
      border-bottom: 1px solid #353539; }
      .content.page .main_recommend .list1 li:last-child {
        border: none; }
    .content.page .main_recommend .list1 li a > div {
      padding-right: .18rem; }
      .content.page .main_recommend .list1 li a > div span {
        font-size: .24rem;
        color: #999999; }
      .content.page .main_recommend .list1 li a > div em {
        font-size: .24rem;
        color: #fff;
        font-weight: bold; }
  .content.page .main_recommend .list2 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page .main_recommend .list2 li {
      border-bottom: 1px solid #353539; }
      .content.page .main_recommend .list2 li a .grow .icon {
        background-image: url(../images/titles3.png);
        width: 3.62rem;
        height: .43rem;
        background-size: 100% 100%; }
        .content.page .main_recommend .list2 li a .grow .icon div span {
          color: #fff !important; }
      .content.page .main_recommend .list2 li a .grow p {
        color: #fff; }
      .content.page .main_recommend .list2 li a .grow span {
        color: #9080e1; }
      .content.page .main_recommend .list2 li a .grow .btn {
        color: #fff;
        border-radius: 0;
        height: .54rem;
        background-image: linear-gradient(to right, #3F32EA, #BB1BFF); }
  .content.page .main_recommend .list3 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page .main_recommend .list3 li {
      border: none;
      width: 3.14rem;
      padding: 0;
      border-radius: 0;
      background: none; }
      .content.page .main_recommend .list3 li a {
        padding: 0; }
        .content.page .main_recommend .list3 li a .picture {
          border-radius: 0; }
          .content.page .main_recommend .list3 li a .picture img {
            border-radius: 0; }
          .content.page .main_recommend .list3 li a .picture .vip {
            left: .14rem;
            top: .15rem;
            transform: translate(0); }
        .content.page .main_recommend .list3 li a .info p {
          color: #fff; }
        .content.page .main_recommend .list3 li a .info span {
          color: #9080e1; }
        .content.page .main_recommend .list3 li a .info .btn {
          color: #fff;
          border-radius: 0;
          height: .54rem;
          background-image: linear-gradient(to right, #3F32EA, #BB1BFF); }
  .content.page .main_recommend .list4 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page .main_recommend .list4 li {
      border: none;
      width: 3.1rem;
      padding: 0;
      margin-bottom: .28rem;
      border-radius: 0;
      background: none; }
      .content.page .main_recommend .list4 li a {
        padding: 0; }
        .content.page .main_recommend .list4 li a .picture {
          border-radius: 0; }
          .content.page .main_recommend .list4 li a .picture img {
            border-radius: 0; }
          .content.page .main_recommend .list4 li a .picture .vip {
            left: .14rem;
            top: .15rem;
            transform: translate(0); }
        .content.page .main_recommend .list4 li a .info p {
          color: #fff; }
        .content.page .main_recommend .list4 li a .info .bot {
          border-top: 1px solid #3A3A4C; }
        .content.page .main_recommend .list4 li a .info .desc p {
          color: #c80e7e; }
          .content.page .main_recommend .list4 li a .info .desc p span {
            color: #c80e7e; }
        .content.page .main_recommend .list4 li a .info .desc em {
          color: #999999; }
  .content.page1 .main_notice {
    background-image: url(../images/page1.png);
    padding-top: .12rem;
    padding-left: .23rem;
    padding-right: .98rem; }
    .content.page1 .main_notice .icon span {
      font-size: .26rem;
      color: #f4f4f4; }
    .content.page1 .main_notice .icon img {
      width: .5rem; }
    .content.page1 .main_notice .btn {
      background-image: url(../images/page3.png);
      height: .46rem;
      font-size: .2rem;
      width: 1.15rem;
      padding-bottom: .06rem;
      transform: translateY(0.06rem);
      color: #333333; }
  .content.page1 .banner {
    padding-bottom: .3rem; }
    .content.page1 .banner .mySwiper {
      height: 3.7rem; }
    .content.page1 .banner .swiper-pagination {
      bottom: 0; }
    .content.page1 .banner .swiper-pagination-bullet {
      background: #FFCDBD;
      margin: 0 .03rem; }
    .content.page1 .banner .swiper-pagination-bullet-active {
      background: #FFA486; }
      .content.page1 .banner .swiper-pagination-bullet-active::after {
        display: none; }
  .content.page1 .navbar {
    background-image: url(../images/b_03.jpg);
    margin-top: .38rem; }
    .content.page1 .navbar .label.on::after {
      content: '';
      width: .44rem;
      height: .05rem;
      background-size: 100% 100%;
      background: linear-gradient(to right, #FF8B8B, #FFB4B4);
      bottom: .12rem; }
    .content.page1 .navbar .label a {
      font-size: .28rem;
      color: #3e3e3e; }
    .content.page1 .navbar .label.on::before {
      display: none; }
  .content.page1 .swiper-slide {
    overflow: hidden; }
  .content.page1 .main_recommend.on {
    height: auto;
    background-size: 100% 100%;
    margin-top: 0rem;
    border-radius: .2rem;
    padding: 1.22rem .13rem .13rem .13rem;
    background-image: linear-gradient(to right, #FFF8B1, #FFF9B4); }
    .content.page1 .main_recommend.on::after {
      content: '';
      width: 100%;
      height: 1.22rem;
      background-size: 100% 100%;
      background-image: url(../images/adds_03.jpg);
      position: absolute;
      left: 0;
      top: 0; }
    .content.page1 .main_recommend.on .list {
      background: #FFFDEE !important;
      border-radius: 0 0 .2rem .2rem; }
  .content.page1 .main_recommend.on1 {
    background-size: 100% 100%;
    margin-top: .18rem;
    position: relative;
    border-radius: 0 0 .2rem .2rem;
    padding: 1.02rem .1rem .13rem .17rem;
    background-image: linear-gradient(to right, #FF7171, #FFB69F); }
    .content.page1 .main_recommend.on1::after {
      content: '';
      width: 100%;
      height: 1.06rem;
      background-size: 100% 100%;
      background-image: url(../images/adds_06.jpg);
      position: absolute;
      left: 0;
      top: 0; }
    .content.page1 .main_recommend.on1 .list1 {
      background: #FFECE5 !important;
      border-radius: 0 0 .2rem .2rem; }
      .content.page1 .main_recommend.on1 .list1 li {
        border-bottom: 1px solid #DCD2CE; }
  .content.page1 .main_recommend.on2 {
    background-size: 100% 100%;
    margin-top: .18rem;
    padding: 1.02rem .32rem 0 .4rem;
    position: relative;
    border-radius: 0 0 .2rem .2rem;
    padding: 1.02rem .13rem .13rem .135rem;
    background-image: linear-gradient(to right, #FE750D, #FFB132); }
    .content.page1 .main_recommend.on2::after {
      content: '';
      width: 100%;
      height: 1.13rem;
      background-size: 100% 100%;
      background-image: url(../images/adds_08.jpg);
      position: absolute;
      left: 0;
      top: 0; }
    .content.page1 .main_recommend.on2 .list2 {
      background: #FFECE5 !important;
      border-radius: 0 0 .2rem .2rem;
      padding: 0 .12rem !important; }
  .content.page1 .main_recommend.on3 {
    background-size: 100% 100%;
    margin-top: .4rem;
    padding: .8rem .32rem 0 .32rem;
    position: relative;
    border-radius: 0 0 .2rem .2rem;
    padding: 1.02rem .13rem .13rem .135rem;
    background-image: linear-gradient(to right, #FFDB3D, #FEEB8D); }
    .content.page1 .main_recommend.on3::after {
      content: '';
      width: 100%;
      height: 1.06rem;
      background-size: 100% 100%;
      background-image: url(../images/adds_11.jpg);
      position: absolute;
      left: 0;
      top: 0; }
    .content.page1 .main_recommend.on3 .list3 {
      background: #FFF7D6 !important;
      border-radius: 0 0 .2rem .2rem;
      padding: 0 .12rem !important;
      padding-bottom: .12rem !important; }
      .content.page1 .main_recommend.on3 .list3 li {
        width: 3.2rem; }
        .content.page1 .main_recommend.on3 .list3 li a .picture {
          width: 100%; }
  .content.page1 .main_recommend.on4 {
    background-size: 100% 100%;
    margin-top: .12rem;
    padding: 1rem .32rem 0 .32rem;
    position: relative;
    border-radius: 0 0 .2rem .2rem;
    padding: 1.02rem .146rem .13rem .14rem;
    background-image: linear-gradient(to right, #FE750F, #FFB232); }
    .content.page1 .main_recommend.on4::after {
      content: '';
      width: 100%;
      height: 1.03rem;
      background-size: 100% 100%;
      background-image: url(../images/adds_14.jpg);
      position: absolute;
      left: 0;
      top: 0; }
    .content.page1 .main_recommend.on4 .list4 {
      background: #FFECE5 !important;
      border-radius: 0 0 .2rem .2rem;
      padding: 0 .12rem !important;
      padding-bottom: .12rem !important; }
      .content.page1 .main_recommend.on4 .list4 li {
        width: 3.2rem; }
  .content.page1 .main_recommend ul {
    background: none !important;
    border: none !important;
    padding: 0 !important; }
  .content.page1 .main_recommend .list {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page1 .main_recommend .list li {
      margin: 0;
      margin-bottom: .24rem; }
    .content.page1 .main_recommend .list li a img {
      width: 1.02rem;
      height: 1.02rem; }
    .content.page1 .main_recommend .list li a span {
      color: #000000;
      font-size: .18rem; }
  .content.page1 .main_recommend .list1 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page1 .main_recommend .list1 li {
      border-bottom: 1px solid #353539; }
      .content.page1 .main_recommend .list1 li:last-child {
        border: none; }
    .content.page1 .main_recommend .list1 li a {
      padding: .23rem 0 .5rem .5rem; }
      .content.page1 .main_recommend .list1 li a > div {
        padding-right: .18rem; }
        .content.page1 .main_recommend .list1 li a > div p {
          color: #000; }
        .content.page1 .main_recommend .list1 li a > div span {
          font-size: .24rem;
          color: #e94b7f; }
        .content.page1 .main_recommend .list1 li a > div em {
          font-size: .24rem;
          color: #fff;
          font-weight: bold; }
  .content.page1 .main_recommend .list2 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page1 .main_recommend .list2 li {
      border-bottom: 1px solid #DCD2CE; }
      .content.page1 .main_recommend .list2 li a .picture {
        width: 2.3rem;
        height: 2.3rem;
        border-radius: .3rem; }
      .content.page1 .main_recommend .list2 li a .grow {
        padding-left: .22rem; }
        .content.page1 .main_recommend .list2 li a .grow .icon {
          background-image: url(../images/titles3.png);
          width: 3.62rem;
          height: .43rem;
          background-size: 100% 100%; }
          .content.page1 .main_recommend .list2 li a .grow .icon div span {
            color: #fff !important; }
        .content.page1 .main_recommend .list2 li a .grow p {
          display: flex;
          align-items: center;
          color: #e94b7f;
          font-size: .33rem; }
          .content.page1 .main_recommend .list2 li a .grow p img {
            width: .44rem;
            margin-left: .06rem; }
        .content.page1 .main_recommend .list2 li a .grow span {
          color: #000000; }
        .content.page1 .main_recommend .list2 li a .grow .lab {
          display: flex;
          align-items: center; }
          .content.page1 .main_recommend .list2 li a .grow .lab div {
            display: inline-flex;
            align-items: center;
            height: .32rem;
            font-size: .16rem;
            padding: 0 .16rem 0 .09rem;
            margin-top: .1rem;
            color: #fff;
            background: #FFA5A5;
            border-radius: .06rem;
            margin-right: .14rem; }
            .content.page1 .main_recommend .list2 li a .grow .lab div img {
              width: .23rem;
              margin-right: .03rem; }
        .content.page1 .main_recommend .list2 li a .grow .btn {
          color: #fff;
          height: .44rem;
          border-radius: .06rem;
          background-image: linear-gradient(to right, #FF8A58, #FF9090);
          margin-top: .1rem;
          font-size: .22rem; }
  .content.page1 .main_recommend .list3 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page1 .main_recommend .list3 li {
      border: none;
      width: 3.1rem;
      padding: .12rem;
      background: #FFE67A;
      border-radius: .15rem; }
      .content.page1 .main_recommend .list3 li a {
        padding: 0; }
        .content.page1 .main_recommend .list3 li a .picture {
          border-radius: 0;
          width: 2.84rem;
          height: 2.84rem; }
          .content.page1 .main_recommend .list3 li a .picture img {
            border-radius: 0; }
          .content.page1 .main_recommend .list3 li a .picture .vip {
            left: .14rem;
            top: .15rem;
            transform: translate(0); }
        .content.page1 .main_recommend .list3 li a .info {
          padding: .22rem .1rem 0 .1rem; }
          .content.page1 .main_recommend .list3 li a .info p {
            color: #000; }
          .content.page1 .main_recommend .list3 li a .info .descs {
            display: flex;
            flex-wrap: wrap; }
            .content.page1 .main_recommend .list3 li a .info .descs div {
              display: inline-flex;
              align-items: center;
              font-size: .2rem;
              color: #ff5c5c;
              border-radius: .4rem;
              background: #ffd1d1;
              margin-right: .16rem;
              margin-top: .06rem;
              padding: 0 .08rem;
              height: .4rem; }
          .content.page1 .main_recommend .list3 li a .info .btn {
            color: #fff;
            border-radius: .12rem;
            height: .5rem;
            font-size: .26rem;
            margin-top: .06rem;
            background: #FE9B27; }
  .content.page1 .main_recommend .list4 {
    border: 1px solid #4133D6;
    border-radius: 0;
    background: #030308; }
    .content.page1 .main_recommend .list4 li {
      border: none;
      width: 3.1rem;
      padding: 0;
      margin-top: .12rem;
      border-radius: .15rem;
      background: #FFD6AE; }
      .content.page1 .main_recommend .list4 li a {
        padding: .12rem .12rem .12rem .12rem; }
        .content.page1 .main_recommend .list4 li a .picture {
          border-radius: .15rem;
          height: 2.85rem;
          overflow: hidden; }
          .content.page1 .main_recommend .list4 li a .picture .vip {
            left: .14rem;
            top: .15rem;
            transform: translate(0); }
        .content.page1 .main_recommend .list4 li a .info p {
          color: #000;
          display: flex;
          align-items: center; }
          .content.page1 .main_recommend .list4 li a .info p img {
            width: .32rem;
            margin-left: .04rem; }
        .content.page1 .main_recommend .list4 li a .info .bot {
          border-top: 1px solid #E1D4C9;
          padding-top: .06rem; }
          .content.page1 .main_recommend .list4 li a .info .bot div img {
            width: .3rem;
            margin: 0; }
          .content.page1 .main_recommend .list4 li a .info .bot span {
            color: #000;
            margin-top: .03rem; }
        .content.page1 .main_recommend .list4 li a .info .desc {
          margin-top: .06rem; }
          .content.page1 .main_recommend .list4 li a .info .desc p {
            color: #ff5a5a; }
            .content.page1 .main_recommend .list4 li a .info .desc p span {
              color: #ff5a5a; }
          .content.page1 .main_recommend .list4 li a .info .desc em {
            color: #000000; }
@keyframes vMarquee {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-100%, 0, 0); } }
  .content .main_notice {
    width: 100%;
    height: .88rem;
    background-size: 100% 100%;
    background-image: url(../images/noticebg.png);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .35rem 0 .29rem; }
    .content .main_notice .icon {
      display: flex;
      align-items: center;
      height: 100%; }
      .content .main_notice .icon img {
        width: .38rem;
        margin-right: .08rem; }
      .content .main_notice .icon span {
        font-size: .24rem;
        color: #5b3c29; }
      .content .main_notice .icon .swiper-wrapper {
        -webkit-transition-timing-function: linear !important;
        -moz-transition-timing-function: linear !important;
        -ms-transition-timing-function: linear !important;
        -o-transition-timing-function: linear !important;
        transition-timing-function: linear !important; }
      .content .main_notice .icon .mySwiper2 {
        overflow: hidden;
        width: 4.2rem;
        height: 100%;
        display: flex;
        align-items: center; }
        .content .main_notice .icon .mySwiper2 p {
          font-size: .24rem;
          white-space: nowrap;
          animation: vMarquee 10s linear infinite;
          color: #5b3c29; }
        .content .main_notice .icon .mySwiper2 .swiper-slide {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .content .main_notice .icon .mySwiper2 .swiper-slide a {
            height: 100%;
            display: flex;
            align-items: center; }
    .content .main_notice .btn {
      width: 1.44rem;
      height: .5rem;
      background-image: url(../images/copy.png);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .24rem;
      color: #5b3c29; }
  .content .banner {
    width: 100%;
    margin-top: .2rem;
    padding-bottom: .34rem;
    position: relative;
    overflow: hidden; }
    .content .banner .swiper-pagination {
      font-size: 12px;
      bottom: .06rem; }
    .content .banner .swiper-pagination-bullet {
      width: .09rem;
      height: .09rem;
      background: #F0CFA5;
      position: relative;
      margin: 0 .07rem; }
    .content .banner .swiper-pagination-bullet-active::after {
      content: '';
      width: .17rem;
      height: .17rem;
      border-radius: 50%;
      border: 1px solid #F0CFA5;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .content .banner .mySwiper {
      width: 100%;
      height: 3.97rem;
      overflow: hidden; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .content .banner .mySwiper .swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
  .content .navbar {
    width: 100%;
    height: .88rem;
    background-size: 100% 100%;
    background-image: url(../images/navbarbg.png);
    display: flex;
    margin-top: .24rem;
    padding: 0 .1rem;
    align-items: center; }
    .content .navbar .label {
      flex: 1;
      position: relative;
      height: 100%; }
      .content .navbar .label.on::after {
        content: '';
        width: .33rem;
        height: .05rem;
        border-radius: .2rem;
        background: linear-gradient(#FFEE6A, #FEDF9A);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: .1rem; }
      .content .navbar .label.on::before {
        content: '';
        width: .33rem;
        height: .05rem;
        border-radius: .2rem;
        background: #965339;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: .07rem; }
      .content .navbar .label a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .navbar .label a img {
          width: auto;
          height: .3rem;
          display: block; }
  .content .main_recommend {
    width: 100%;
    margin-top: .28rem; }
    .content .main_recommend .publie_title {
      height: .8rem; }
      .content .main_recommend .publie_title img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: 100%; }
    .content .main_recommend.on {
      margin-top: .5rem; }
    .content .main_recommend .list {
      width: 100%;
      background: #221706;
      border-radius: .15rem;
      border: 1px solid #4D3E31;
      display: flex;
      flex-wrap: wrap;
      padding: 0 .1rem;
      padding-bottom: .4rem; }
      .content .main_recommend .list li {
        width: 20%;
        margin-top: .33rem; }
        .content .main_recommend .list li img {
          display: block;
          width: 1.2rem;
          height: 1.2rem;
          margin: 0 auto;
          margin-bottom: .2rem; }
        .content .main_recommend .list li span {
          display: block;
          text-align: center;
          font-size: .2rem;
          color: #fff; }
    .content .main_recommend .list1 {
      width: 100%;
      background: #221706;
      border-radius: .15rem;
      border: 1px solid #4D3E31; }
      .content .main_recommend .list1 li {
        overflow: hidden;
        width: 100%; }
        .content .main_recommend .list1 li a {
          display: flex;
          justify-content: space-between;
          box-sizing: border-box;
          padding: .22rem 0 .22rem .36rem; }
          .content .main_recommend .list1 li a img {
            width: 1.26rem;
            height: 1.26rem;
            display: block;
            border-radius: .2rem; }
          .content .main_recommend .list1 li a > div {
            flex: 1;
            padding: .08rem 0 .08rem .24rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column; }
            .content .main_recommend .list1 li a > div p {
              font-size: .36rem;
              color: #fff;
              font-weight: bold; }
            .content .main_recommend .list1 li a > div div {
              display: flex;
              align-items: center;
              justify-content: space-between; }
            .content .main_recommend .list1 li a > div span {
              display: block;
              font-size: .24rem;
              color: #997541; }
    .content .main_recommend .list2 {
      width: 100%;
      background: #221706;
      border-radius: .15rem;
      border: 1px solid #4D3E31;
      padding: .06rem .26rem; }
      .content .main_recommend .list2 li {
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #4E4538; }
        .content .main_recommend .list2 li:last-child {
          border: none; }
        .content .main_recommend .list2 li a {
          display: flex;
          padding: .16rem 0;
          box-sizing: border-box;
          align-items: flex-start;
          justify-content: space-between; }
          .content .main_recommend .list2 li a .picture {
            overflow: hidden;
            width: 2.3rem;
            height: 2.3rem;
            border-radius: .1rem; }
            .content .main_recommend .list2 li a .picture img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover; }
          .content .main_recommend .list2 li a .grow {
            flex: 1;
            padding-left: .23rem; }
            .content .main_recommend .list2 li a .grow .icon {
              display: flex;
              align-items: center;
              height: .43rem;
              margin-bottom: .06rem;
              width: 3.47rem;
              background-size: 100% 100%;
              background-image: url(../images/bg3.png); }
              .content .main_recommend .list2 li a .grow .icon div {
                flex: 1;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center; }
                .content .main_recommend .list2 li a .grow .icon div:last-child img {
                  width: .27rem;
                  margin-right: .1rem; }
                .content .main_recommend .list2 li a .grow .icon div:last-child span {
                  color: #fff; }
                .content .main_recommend .list2 li a .grow .icon div img {
                  width: .3rem;
                  margin-right: .05rem; }
                .content .main_recommend .list2 li a .grow .icon div span {
                  font-size: .24rem;
                  color: #1c0b03; }
            .content .main_recommend .list2 li a .grow p {
              font-size: .28rem;
              color: #ffbf62;
              font-weight: bold;
              margin-bottom: .06rem; }
            .content .main_recommend .list2 li a .grow > span {
              display: block;
              font-size: .28rem;
              color: #fff;
              line-height: .4rem; }
            .content .main_recommend .list2 li a .grow .btn {
              width: 100%;
              height: .54rem;
              background-image: linear-gradient(to right, #E5B570, #ED8E55);
              font-size: .24rem;
              color: #fff;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: .4rem;
              margin-top: .06rem; }
    .content .main_recommend .list3 {
      width: 100%;
      background: #221706;
      border-radius: .15rem;
      border: 1px solid #4D3E31;
      padding: 0 .26rem;
      padding-top: .17rem;
      padding-bottom: .26rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .content .main_recommend .list3 li {
        overflow: hidden;
        width: 3.14rem;
        margin-top: .18rem;
        border: 1px solid #A87D3F;
        background: #362203;
        border-radius: .15rem; }
        .content .main_recommend .list3 li a {
          display: block;
          width: 100%;
          box-sizing: border-box;
          padding: .08rem .08rem .24rem .08rem; }
          .content .main_recommend .list3 li a .picture {
            width: 100%;
            position: relative;
            height: auto;
            border-radius: .1rem;
            overflow: hidden; }
            .content .main_recommend .list3 li a .picture .icon {
              width: 100%;
              height: auto;
              object-fit: cover;
              display: block; }
            .content .main_recommend .list3 li a .picture .vip {
              width: 1rem;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 0; }
          .content .main_recommend .list3 li a .info {
            overflow: hidden;
            padding-top: .06rem; }
            .content .main_recommend .list3 li a .info p {
              font-size: .32rem;
              color: #ffbf62;
              font-weight: bold; }
            .content .main_recommend .list3 li a .info span {
              display: block;
              font-size: .24rem;
              margin-top: .06rem;
              color: #fff; }
            .content .main_recommend .list3 li a .info .btn {
              width: 100%;
              height: .56rem;
              background-image: linear-gradient(to right, #E5B570, #ED8E55);
              font-size: .24rem;
              color: #fff;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: .4rem;
              margin-top: .16rem; }
    .content .main_recommend .list4 {
      width: 100%;
      background: #221706;
      border-radius: .15rem;
      border: 1px solid #4D3E31;
      padding: 0 .26rem;
      padding-top: .17rem;
      padding-bottom: .16rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .content .main_recommend .list4 li {
        overflow: hidden;
        width: 3.2rem;
        margin-top: .08rem;
        border: 1px solid #A87D3F;
        background: #362203;
        border-radius: .15rem; }
        .content .main_recommend .list4 li a {
          display: block;
          width: 100%;
          box-sizing: border-box;
          padding: .08rem .08rem .24rem .08rem; }
          .content .main_recommend .list4 li a .picture {
            width: 100%;
            position: relative;
            height: auto;
            border-radius: .1rem;
            overflow: hidden; }
            .content .main_recommend .list4 li a .picture .icon {
              width: 100%;
              height: auto;
              object-fit: cover;
              display: block; }
            .content .main_recommend .list4 li a .picture .vip {
              width: 1rem;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 0; }
          .content .main_recommend .list4 li a .info {
            overflow: hidden;
            padding-top: .1rem; }
            .content .main_recommend .list4 li a .info > p {
              font-size: .3rem;
              color: #fff;
              font-weight: bold; }
            .content .main_recommend .list4 li a .info .desc {
              display: flex;
              margin-top: .14rem;
              align-items: flex-end; }
              .content .main_recommend .list4 li a .info .desc p {
                display: block;
                font-size: .22rem;
                color: #ffbf62;
                font-weight: bold; }
                .content .main_recommend .list4 li a .info .desc p span {
                  font-size: .3rem;
                  font-weight: bold;
                  display: inline-block;
                  line-height: 1; }
              .content .main_recommend .list4 li a .info .desc em {
                font-size: .22rem;
                color: #999999;
                margin-left: .18rem; }
            .content .main_recommend .list4 li a .info .bot {
              padding: .16rem 0 0 0;
              margin-top: .14rem;
              border-top: 1px solid #DDC1CB; }
              .content .main_recommend .list4 li a .info .bot div {
                display: flex;
                align-items: center; }
                .content .main_recommend .list4 li a .info .bot div img {
                  width: .26rem;
                  margin-right: .1rem; }
              .content .main_recommend .list4 li a .info .bot span {
                display: block;
                font-size: .22rem;
                margin-top: .12rem;
                color: #999999; }

#foo {
  position: absolute;
  opacity: 0;
  z-index: -1; }
  
  
  .addpagenav a{
	  font-size: 27px;
	  font-weight: bold;
	  font-style:italic;
	  color: #fff;
  }
  
.addindexnav a{
	  font-family: "";
	  font-size: 27px;
	  font-weight: bold;
	  color: #fee682;
	  text-shadow: 2px 2px 4px #914f22;	
}


@media (max-width: 1000px) and (min-width: 800px){
	.addindexnav a,.addpagenav a{
		font-size: 23px;
	}
}

@media (max-width: 800px) and (min-width: 600px){
	.addindexnav a,.addpagenav a{
		font-size: 20px;
	}	
}

@media (max-width: 600px) {
	.addindexnav a,.addpagenav a{
		font-size: 17px;
	}	
}
  

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