@media only screen and (max-width: 1023px) {

  body{

    font-size: 0.26rem;

  }

  img{

    width: 100%;

  }

  .content{

    width: 100%;

  }

  .pc{

    display: none;

  }

  .phone{

    display: block;

  }





  /*首页*/

  .ind_bg{

    background: url(../images/ind_01s.jpg) no-repeat center;

    background-size: cover;

  }

  .scroll_line{

    height: 3rem;

  }

  .menu {

	  position: absolute;

	  top: 0.5rem;

	  right: 0.3rem;

	  display: flex;

	  align-items: center;

	  justify-content: center;

	  flex-direction: column;

	  width: 0.6rem;

	  height: 0.6rem;

    /* padding: 0.12rem 0.15rem;

    border: solid 0.01rem #fb9400;

    border-radius: 0.1rem; */

	  transition: transform 250ms ease;

	  cursor: pointer;

	  z-index: 200;

		display: block;

	}

	.menu span {

	  position: relative;

	  display: block;

	  width: 100%;

	  height: 2px;

	  background: #fb9400;

	  border-radius: 10px;

	  transition: transform 250ms ease;

	  z-index: 200;

    margin-top: 3px;

	}

  .menu span:nth-of-type(1) {

    transform: translateY(-3px);

  }

  .menu span:nth-of-type(3) {

    transform: translateY(3px);

  }

  #menu {

    display: none;

  }

  #menu:checked ~ .menu {

    background-color: transparent;

    transition: transform 250ms ease;

  }

  #menu:checked ~ .menu span {

    background-color: #fff;

    transition: transform 250ms ease;

  }

  #menu:checked ~ .menu span:nth-of-type(1) {

    transform: translateY(1px) rotate(45deg);

    width: 100% !important;

    margin: 0;

  }

  #menu:checked ~ .menu span:nth-of-type(2) {

    display: none;

  }

  #menu:checked ~ .menu span:nth-of-type(3) {

    transform: translateY(-1px) rotate(-45deg);

    width: 100% !important;

    margin: 0;

  }

  #menu:checked ~ .nav02 {

    display: block;

    transition: 500ms ease;

  }

	.nav02 {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    padding: 6% 0;

    box-sizing: border-box;

    overflow-y: scroll;

    background: linear-gradient(to bottom, #190400, #a52c11);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

    transition: 500ms ease;

    z-index: 99;

    display: none;

  }

	.nav02 li {

    position: relative;

    display: block;

    border-bottom: 1px dashed rgba(255, 255, 255, 0.38);

    font-size: 0.28rem;

    line-height: 0.9rem;

    text-indent: 5%;

    color: #fff;
    font-family: Verdana;

  }

  .nav02 li a {

    position: relative;

    display: block;

    margin: 0;

    text-decoration: none;

    text-transform: uppercase;

  }

  .nav02 li a:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    transition: width 250ms ease;

    z-index: -1;

  }

  .ind_txtbox{

    width: 86%;

    top: 15%;

    transform: translateY(-15%);

    left: 7%;

  }

  .ind_tt{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .ind_txt{

    height: 1.52rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    white-space: normal;

  }

  .ind_con{

    width: 84%;

    padding: 0.8rem 0 0 0;

  }

  .ind_list{

    float: none;

    width: 100%;

    z-index: 7;

  }

  .ind_carbox{

    left: 0.3rem;

  }

  .ind_en{

    /*width: 16rem;*/
    width: 100%;

  }
  .purple{
    left: 0.03rem;
  }
  .blue{
    left: 0.02rem;
  }
  .yellow{
    left: 0.01rem;
  }




  /* 登录 */

  .login_bg{

    background: url(../images/login_01s.jpg) no-repeat center;

    background-size: cover;

  }

  .login_con{

    width: 94%;

    min-height: 8rem;

    padding-bottom: 2rem;

  }

  .login_tit{

    line-height: 0.52rem;

    font-size: 0.4rem;

  }

  .name{

    height: 0.9rem;

    line-height: 0.9rem;

    font-size: 0.28rem;

    margin-bottom: 0.3rem;

  }

  .login_btn{

    height: 0.9rem;

    font-size: 0.35rem;

    margin-bottom: 0.3rem;

  }

  .gobtn{

    line-height: 0.6rem;

    padding: 0 0.25rem;

    font-size: 0.28rem;

  }

  .yzm_bg{

    height: 0.9rem;

    line-height: 0.9rem;

    font-size: 0.28rem;

    margin-bottom: 0.3rem;

  }

  .yzm{

    width: 60%;

    height: 0.9rem;

    line-height: 0.9rem;

    font-size: 0.28rem;

  }

  .yzm_r{

    width: 1.5rem;

    height: 0.83rem;

    line-height: 0.8rem;

  }





  /* 个人中心 */

  .main{

    display: block;

  }

  .personal_left{

    float: none;

    width: 100%;

    height: auto;

    background: none;

    margin-bottom: 0.34rem;

  }

  .personal_lt{

    width: 2.3rem;

    padding: 0.42rem 0;

    margin: 0 auto;

  }

  .personal_head{

    width: 1.4rem;

    height: 1.4rem;

  }

  .vip-badge{

    margin-top: 0.1rem;

  }

  .vip-badge span{

    font-size: 0.22rem;

    padding: 0.04rem 0.18rem;

  }

  .vip-weigh-5 span{

    box-shadow: 0 0 0.12rem rgba(195, 146, 78, 0.6);

  }

  .vip-progress-hint{

    font-size: 0.18rem;

    margin-top: 0.08rem;

  }

  .personal_list{

    padding-left: 0.3rem;

  }

  .personal_list ul{

    height: 0.46rem;

    overflow-y: hidden;

    overflow-x: scroll;

    display: flex;

    flex-flow: column wrap;

    scrollbar-width: none;

  }

  .personal_list li{

    float: left;

    color: #fff;

    font-size: 0.26rem;

    line-height: 0.46rem;

    margin: 0 0.7rem 0 0;

  }

  .personal_list li.on{

    color: #fb9400;

  }

  .personal_right{

    float: none;

    width: 94%;

    height: 9rem;

    margin: 0 auto;

  }

  .inf_box{

    font-size: 0.28rem;

    line-height: 0.4rem;

  }

  .inf_left{

    width: 2rem;

  }

  .inf_right{

    width: calc(100% - 2rem);

  }

  .inf_edit{

    width: 2rem;

    height: 0.7rem;

    font-size: 0.28rem;

  }

  .inf_edit img{

    width: 0.31rem;

    height: 0.31rem;

    margin-right: 0.2rem;

  }





  /* 个人中心-编辑 */

.inf_bj .inf_left{

  line-height: 0.56rem;

}

.inf_b{

  width: 100%;

  height: 0.56rem;

  line-height: 0.56rem;

  font-size: 0.28rem;

}

.inf_edit02{

  width: 2rem;

  height: 0.7rem;

  font-size: 0.28rem;

}





  /* 积分记录 */

  .p03{

    padding: 0.26rem 0.3rem;

  }

  .scrollcontent{

    padding-right: 0;

    height: 8.5rem;

    scrollbar-width: none !important;

  }

  .points li{

    padding: 0.24rem 0.26rem;

    margin-bottom: 0.3rem;

  }

  .points_tt{

    font-size: 0.3rem;

    line-height: 0.4rem;

    height: 0.4rem;

  }

  .points_date{

    font-size: 0.28rem;

    line-height: 0.38rem;

    height: 0.38rem;

  }

  .points_right{

    font-size: 0.34rem;

    line-height: 0.78rem;

  }





  /* 领券中心 */

  .p04{

    padding: 0.26rem 0.3rem;

    position: relative;

  }

  .scroll_con{

    height: 8.5rem;

    padding: 0.95rem 0 0 0;

    scrollbar-width: none !important;

  }

  .coupon_type{

    padding: 0.44rem 0 0.23rem 0.3rem;

  }

  .coupon_type ul{

    margin-right: -0.4rem;

  }

  .coupon_type li{

    font-size: 0.3rem;

    margin-right: 0.4rem;

  }

  .yhj .coupon li{

    height: 4.5rem;

  }

  .receive{

    width: 70%;

    height: 0.52rem;

    line-height: 0.52rem;

    border-radius: 0.3rem;

    font-size: 0.26rem;

    margin: 0.25rem auto 0;

  }

  .coupon ul{

    margin-right: -3%;

  }

  .coupon li{

    width: 47%;

    height: 3.6rem;

    padding: 0.2rem 0.15rem;

    margin: 0 3% 0.25rem 0;

  }

  .coupon_pic{

    width: 2rem;

    height: 1.6rem;

    margin: 0 auto 0.15;

  }

  .coupon_t{

    font-size: 0.24rem;

    line-height: 0.42rem;

    text-align: center;

  }

  .coupon_txt{

    font-size: 0.26rem;

    line-height: 0.4rem;

  }





  /* 联系我们 */

  .con_bg{

    width: 92% !important;

    height: auto;

    padding: 0.5rem 0;

    margin: 0 auto;

  }

  .con{

    width: 2.35rem;

    text-align: center;

  }

  .con ul{

    display: block;

  }

  .con li{

    display: block;

    margin-bottom: 0.2rem;

  }

  .con h1{

    line-height: 0.32rem;

    font-size: 0.28rem;

  }





  /* 城市列表 */

  .list_box .content{

    width: 94%;

    margin: 0 auto;

  }

  .list_tit{

    padding: 0.58rem 0;

    font-size: 0.34rem;

  }

  .city_list .list ul{
    height: auto;
  }

  .list ul{

    margin-right: -3%;

    height: 80vh;

  }

  .list li{

    width: 47%;

    margin: 0 3% 0.3rem 0;

  }

  .list_pic{

    height: 4.2rem;

  }

  .text{

    font-size: 0.2rem;

    line-height: 0.4rem;

  }

  .list_bot{

    height: 1.4rem;

  }

  .list_bot_t01{

    font-size: 0.26rem;

  }

  .list_bot_t01{

    width: 50%;

  }

  .list_label{

    font-size: 0.2rem;

    height: 0.32rem;

    line-height: 0.28rem;

  }

  .list_txt{

    font-size: 0.2rem;

    line-height: 0.3rem;

  }

  .city_list .list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .city_list .list li{
    float: none;
    display: flex;
    flex-direction: column;
  }

  .city_list .list_bot{
    height: auto;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
  }

  .city_list .list_label{
    height: auto;
    overflow: visible;
    white-space: normal;
    width: calc(100% - 0.28rem);
    margin: 0.14rem auto 0.06rem;
    color: #c14367;
    font-size: 0.17rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 0.12rem 0.08rem;
  }

  .city_list .list_label span{
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-right: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-align: left;
    line-height: 1.35;
    box-sizing: border-box;
    padding: 0.03rem 0.1rem;
    border-color: #f197ad;
    background: #fff8fb;
    color: #c14367;
    font-size: 0.17rem;
  }

  .city_list .list_bot_t01{
    color: #2b1f3f;
  }





  /* 我的收藏 */

  .p05{

    padding: 0.26rem 0.3rem;

  }

  .p05 .scroll_con{

    padding: 0;

    height: 9rem;

  }

  .collect ul{

    margin-right: -3%;

  }

  .collect li{

    width: 47%;

    margin: 0 3% 0.22rem 0;

  }

  .collect .list_pic{

    height: 4rem;

  }

  .collect .text{

    font-size: 0.2rem;

    line-height: 0.4rem;

  }

  .collect .list_bot{

    height: 1.8rem;

  }

  .collect .list_bot_t{

    height: 0.34rem;

  }

  .collect .list_bot_t01{

    width: 50%;

    line-height: 0.34rem;

    height: 0.34rem;

    font-size: 0.26rem;

  }

  .collect .list_label{

    font-size: 0.2rem;

    height: 0.32rem;

    line-height: 0.28rem;

    margin: 0.2rem 0 0.2rem 0.1rem;

  }

  .unlike{

    width: 55%;

    height: 0.44rem;

    line-height: 0.44rem;

    font-size: 0.24rem;

  }





  /* 已购选品 */

  .pro ul{

    margin-right: -3%;

  }

  .pro li{

    width: 47%;

    margin: 0 3% 0.24rem 0;

  }

  .pro .list_pic{

    height: 4.5rem;

  }

  .pro_bot{

    height: 1.5rem;

    padding: 0.14rem;

  }

  .pro_tt{

    font-size: 0.28rem;

    line-height: 0.38rem;

    height: 0.38rem;

  }

  .pro_txt{

    font-size: 0.24rem;

    line-height: 0.36rem;

  }

  .off_bg img{

    width: 1.6rem;

    height: 1.46rem;

  }

  .review{

    width: 1rem;

    height: 0.34rem;

    line-height: 0.3rem;

    font-size: 0.2rem;

    bottom: 0.2rem;

  }

  .pj_box{

    width: 80%;

  }

  .pj_pic{

    float: none;

    width: 70%;

    height: 5rem;

    margin: 0 auto 0.2rem;

  }

  .pj_right{

    float: none;

    width: 100%;

  }

  .pj_tit{

    font-size: 0.28rem;

    line-height: 0.48rem;

  }

  .pj_close{

    width: 0.38rem;

    height: 0.38rem;

  }

  .progress_box{

    height: 0.6rem;

  }

  .progress_txt{

    width: 0.8rem;

    line-height: 0.26rem;

    font-size: 0.24rem;

  }

  .progress{

    width: 70%;

    height: 0.22rem;

  }

  .progress_value{

    font-size: 0.2rem;

    line-height: 0.24rem;

    top: 0.26rem;

  }

  .zui-slider-bar{

    height: 0.2rem;

  }

  .confirm{

    width: 2rem;

    height: 0.5rem;

    line-height: 0.5rem;

    font-size: 0.26rem;

    margin: 0 auto;

  }

  .zui-slider-wrap{

    width: 0.5rem;

    height: 0.5rem;

  }





  /* 详情 */

  .show_box{

    width: 94%;

    padding: 0.3rem;

  }

  .like{

    font-size: 0.3rem;

  }

  .show_left{

    float: none;

    width: 100%;

    margin-bottom: 0.5rem;

  }

  .show_pic{

    height: 8.4rem;

  }

  .show_list .swiper-slide{

    height: 1.86rem;

    cursor: pointer;

  }

  .show_list .swiper-slide-thumb-active img{

    height: 1.74rem;

  }

  .show_right{

    float: none;

    width: 100%;

    padding-left: 0;

    margin-bottom: 0.5rem;

  }

  .detail li{

    padding: 0.2rem 0.08rem;

    line-height: 0.4rem;

  }

  .detail_text{

    font-size: 0.3rem;

    line-height: 0.5rem;

  }

  .reviews_tit{

    font-size: 0.36rem;

  }

  .reviews_head{

    width: 1rem;

    height: 1rem;

  }

  .reviews_r{

    width: calc(100% - 1rem);

  }

  .rev_tit{

    font-size: 0.28rem;

    line-height: 0.46rem;

  }

  .rev_txt{

    font-size: 0.28rem;

    line-height: 0.4rem;

  }

  .page{

    padding: 0.08rem 0 0.57rem;

  }

  .evaluate_tit{

    font-size: 0.36rem;

  }

  .evaluate{

    font-size: 0.28rem;

    line-height: 0.46rem;

    height:2rem;

  }

  .btn_submit{

    width: 2.4rem;

    height: 0.7rem;

    font-size: 0.28rem;

  }

  .video-a2{
    top: 22%;
    right: 0.1rem;
  }
  .video-a3{
    width: 90%;
    height: calc(7.5rem/16*9);
  }


  .m_code li{
    width: 1.4rem;
    height: 1.4rem;
  }
  .m_code img{
    width: 1.3rem;
    height: 1.3rem;
  }

}