@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{font-size:1px;}
@media screen and (max-width: 1125px) {
  html {
    font-size: 0.08888888889vw;
  }
}
:root{
    --orgColor:#ec891f;
   }
   

body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:36rem; background:#f4f4f4; line-height:1.5; color:#333333; width:100%; max-width:1125px; margin:0px auto; overflow-x: auto;}
a { color:#333333; text-decoration:none;cursor:default;}
a:hover { color:#333333;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}


.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* {
    box-sizing: border-box;
}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
.flex-column{flex-direction: column;}
*{ box-sizing: border-box;}

.container{ padding:0rem 36rem; width:100%;}


/* 头部 */
.phone{width:100%; max-width:1125px; margin:auto;line-height:1.5; padding:0; min-height: 100vh; }
.bg1{ background-image: url(../images/bg1.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.head_1{ padding: 55rem 0px;}
.head_1 .logo{ color: #fff; font-size: 54rem; font-weight: 500; margin-right: 90rem;}
.head_1 .search_1{ flex:1;}
.head_1 .sear_one{ width: 100%; background-color: #fff; height: 96rem; border-radius: 57rem; padding: 0rem 33rem;}
.head_1 .sear_one .sumbit{ background: none; border: 0px; outline: none; cursor: pointer; margin-right: 24rem;}
.head_1 .sear_one .sumbit img{ width: 48rem; height: auto;}
.head_1 .sear_one .formbit{ flex:1; height: 88rem; line-height: normal; outline: none; border: 0px; font-size: 39rem; overflow: hidden;}
.head_1 .sear_one .formbit::-webkit-input-placeholder {
    color:#CCCCCC; 
    }
.banner img{ border-radius: 20rem;}
.notice_1{ background-color: #fff; border-radius: 36rem; padding: 0px 36rem; height: 120rem; margin: 36rem 0px;  }
.notice_1 .img{ height: 42rem; width: auto;}
.notice_1 .items{  flex:1; overflow: hidden;font-size: 42rem; margin-left: 37rem;}
.notice_1 .items .txt{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color: #666;}

.menu_1{ padding: 36rem 26rem;background: linear-gradient( 180deg, #FFDFDF 0%, #FFFFFF 22%);
    border-radius: 36rem;margin-bottom: 36rem;
    }
.menu_1 ul{ display: grid;
	grid-template-columns: repeat(4, 1fr);
    grid-gap: 36rem 0rem;
align-items: stretch;}
.menu_1 ul li{ text-align:center; font-size: 39rem;}
.menu_1 ul li a img{ width:132rem; height: auto;  margin-bottom:24rem;}
.part_2{background: linear-gradient( 180deg, #E34931 0%, #FFCDA1 100%);border-radius: 36rem; padding: 36rem; margin-bottom: 54rem;}
.set_one{ background-color: #fff; border-radius: 0rem 36rem 36rem 36rem; padding:57rem 36rem 36rem;}
.set_one .set_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 32rem 32rem;
align-items: stretch;}
.set_one .set_list ul li{background: linear-gradient( 180deg, #FFE4E7 0%, #FFF6F7 53%); border-radius: 18rem 18rem 0rem 0rem; padding: 36rem 10rem; text-align: center;}
.set_one .set_list ul li .num{font-size: 60rem; font-weight: 500;}
.set_one .set_list ul li .lab{ color: #666; margin-bottom: 30rem;}
.set_one .set_list ul li .more{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); border-radius: 150rem; color: #fff; padding: 0rem 24rem; line-height: 72rem; display: inline-block;}
.set_one .set_list ul li:nth-child(2){background: linear-gradient( 180deg, #D4FFFE 0%, #EFFCFF 53%);}
.set_one .set_list ul li:nth-child(3){background: linear-gradient( 180deg, #DAE7FF 0%, #F2F7FF 53%);}
.set_class ul li{ height: 116rem; color: rgba(255, 255, 255, .85); font-size: 42rem;   position: relative; width: 422rem;}
.set_class ul li:nth-child(1){ border-bottom-left-radius:0rem;}
.set_class ul li:before{    position: absolute;
    left: 48rem;
    top: 0px;
    width: 100%;
    height: 101%;
    transform: skew(30deg);
    transform-origin: 0;
    border-radius: 36rem 26rem 0px 0px;
    z-index: 5;background: #ea7662;
    content: '';}
 .set_class ul li span{ position: absolute; z-index: 10; left: 55%; top: 50%;transform: translate(-50%,-50%);}
 .set_class ul li:after{position: absolute;
    left: 0px;
    top: 0px;
    width: 88rem; border-top-left-radius: 36rem;
    height: 100%;
    background: #ea7662;
    z-index: 6;
    content: ''; }
    .set_class ul li span{ font-size: 42rem; white-space: nowrap;}
    .set_class ul li.cur:before{ background-color: #fff;}
    .set_class ul li.cur:after{ background-color: #fff;}
    .set_class ul li.cur{ color: #FF5605; font-size: 45rem; font-weight: 500;position: relative; z-index: 10;}
    .set_class ul li:nth-child(2) span{ left: 60%;}
    .set_class ul li.cur:nth-child(2) span{ left: 55%;}
    .part_3 { margin-bottom: 38rem;}
.part_3 ul{ display: flex; justify-content: space-between;gap: 36rem;}
.part_3 ul li img{ width: 100%;}
.index_hot{background:linear-gradient(to bottom,#FFE0E0,#fff); border-radius: 36rem 36rem 0rem 0rem; padding: 36rem 36rem 0rem; height: 173rem;}
.index_hot .tpleft{font-weight: 600;
    font-size: 45rem;}
.index_hot .tpleft img{ width: 51rem; height: auto; margin-right: 18rem;}
.index_hot .more{ color: #999;}
.index_hot .more img{ width: 36rem;height: auto;}
.hot_list{ margin-top: -30rem;}
.hot_list ul li{ background-color: #fff; padding: 36rem; border-radius: 24rem; background-color: #fff; margin-bottom: 36rem; display: flex; justify-content: space-between; align-items: center;}
.hot_list ul li .pic img{ width: 180rem; height: 180rem; border-radius: 24rem;}
.hot_list ul li .content{ flex:1; margin: 0px 30rem;}
.hot_list ul li .more{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); border-radius: 150rem; color: #fff; padding: 0rem 24rem; width: 210rem; height: 90rem; display: inline-block; text-align: center; line-height: 90rem;}
.hot_list ul li .content .title{ font-size: 45rem; color: #000;font-weight: 600; margin-bottom: 15rem;}
.hot_list ul li .content .desc .lab{background: #FFEBE5; border-radius: 12rem; color: #FF5605; line-height: 60rem; padding: 0rem 15rem;}
.hot_list ul li .content .desc .price{ font-size: 48rem; font-weight: 500; color: #FE1705; margin-right: 24rem;}

.foot1{ height: 158rem;}
.xf_menu{ max-width:1125px; width:100%; background:#fff;position: fixed; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:0px;background:#fff; z-index:600; border-top: 1px #eeeeee solid;}
.xf_menu ul{ display:flex;align-items: stretch;}
.xf_menu ul li{ flex:1;display: flex;
    align-items: center; 
    justify-content: center; height:156rem; line-height:1.2;}
.xf_menu ul li .icon{ margin:0px auto 3px; line-height:1; display:block;}
.xf_menu ul li .icon img{ height: 57rem; width: auto;}
.xf_menu ul li .icon .img2{ display: none; }
.xf_menu ul li a{ color:#666; text-align:center;  display: flex; flex-direction: column;}
.xf_menu ul li.active a{ color:#DE4230;}
.xf_menu ul li.active .icon .img2{ display: block;}
.xf_menu ul li.active .icon .img1{ display: none;}
.tabcontent_1 .set_list{
	display:none;
}
.tabcontent_1 .set_list.cur{
	display: block;
}

.search_2{margin-top: 60rem; margin-bottom: 42rem;}
.search_2 .sear_one{ width: 100%; background-color: #fff; height: 108rem; border-radius: 57rem; padding: 0rem 8rem 0rem 33rem;}
.search_2 .sear_one .sumbit{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); border: 0px; outline: none; cursor: pointer; width: 180rem; height: 90rem; line-height: normal; text-align: center; border-radius: 150rem; color: #fff; font-size: 36rem; }
.search_2 .sear_one .icon{margin-right: 24rem;}
.search_2 .sear_one .icon img{ width: 48rem; height: auto; display: block;}
.search_2 .sear_one .formbit{ flex:1; height: 88rem; line-height: normal; outline: none; border: 0px; font-size: 39rem; overflow: hidden;}
.search_2 .sear_one .formbit::-webkit-input-placeholder {
    color:#CCCCCC; 
    }

/*我的订单*/

.fullpage{
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  
  .head{
    height: 135rem;
    line-height: 135rem;
    text-align: center;
    font-size: 51rem;
    color:#fff;
    position: relative;
  }
  .head .back{ width: 66rem; height: 66rem; background-image: url(../images/right2@2x-1.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left:54rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
  .button{
    height: 60rem;
    padding:0 24rem;
    border-radius: 12rem;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    display: inline-block;
    box-sizing: border-box;
    font-size: 33rem;
  }
  
  .button.yj-primary{
    background-color: #E8F3FF;
    color: #2D8CF0;
    border-color: #E8F3FF;
  }
  
  .button.yj-success{
    background-color: #E0FBED;
    color: #07C160;
    border-color: #E0FBED;
  }
  
  .button.yj-danger{
    background-color: #FFF1EE;
    color: #FE1705;
    border-color: #FFF1EE;
  }
  
  .button.lg{
    font-size: 36rem;
    height: 84rem;
    line-height: 84rem;
    border-radius: 84rem;
    border: none;
    padding: 0 36rem;
  }
  
  .button.yj-cancel{
    background-color: #F5F5F5;
    color: #666666;
    border-color: #F5F5F5;
  }
  
  .button.yj-submit{
    background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%);
    color: #ffffff;
  }
  
  .card{
    background-color: #fff;
    border-radius: 36rem;
    overflow: hidden;
  }
  
  .scrollview{
    flex:1;
    overflow: auto;
    
  }
  
  .viewmore{
    font-size: 36rem;
    color: #666666;
    line-height: 42rem;
    display: flex;
    align-items: center;
  }
  
  .viewmore::after{
    content: "";
    background-image: url(../images/right22x-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36rem;
    height: 36rem;
    margin-left: 12rem;
  }
  
  .tabcontainer{
    background: #F8F8F8;
    border-radius: 24rem 24rem 0px 0px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-top: 45rem;
    font-size: 36rem;
  }
  
 .tabbtns{
    display: flex;
    padding: 36rem 48rem 28rem;
  }
  
 .tabbtns .btn{
    flex:1;
    text-align: center;
    font-size: 45rem;
    color: #666666;
    height: 63rem;
    line-height: 63rem;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tabbtns .btn img{ width: 52rem; height: auto; margin-right: 20rem;}
.tabbtns .btn .line{
    display: flex;
    align-items: center;
    position:absolute;
    bottom: -18rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 66rem;
    display: none;
  }
  
.tabbtns .active .line{
    display: flex;
  }
  
  .tabbtns .active .line{
    display: flex;
  }
  .tabbtns .cur .line{
    display: flex;
  }
  
.tabbtns .btn .line::before{
    content: "";
    width: 12rem;
    height: 12rem;
    border-radius: 100%;
    background-color: #DE4230;
    margin-right: 6rem;
  }
  
.tabbtns .btn .line::after{
    content: "";
    flex:1;
    height: 12rem;
    border-radius: 12rem;
    background-color: #DE4230;
  }
  
 .tabbtns .active{
    color: #DE4230;
  }
  .tabbtns .cur{
    color: #DE4230;
  }
  .tabcontents{
    padding: 26rem 36rem 36rem;
  }
  .tab_one{ width: 100%; overflow: hidden; padding-right: 20rem;}
 .tab_box{ width: 100%; overflow-x: auto; padding: 0px 20rem;}
.tab_box .tabbtns .btn{ margin-right: 48rem;white-space:nowrap}
  .order .list .card{
    padding: 36rem;
    margin-bottom: 24rem;
  }
  
  .order .list .card:last-child{
    margin-bottom: 0;
  }
  
  .order .list .title{
    height: 60rem;
    color: #333333;
    margin-bottom: 36rem;
  }
  .order .list .title .onum{ display: inline-block; position: relative; padding-left: 21rem;}
  .order .list .title .onum:before{
     content: ""; width: 9rem; height: 36rem;  left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); border-radius: 150rem; background-color: #DE4230;
     position: absolute;

  }
  .order .list .info{
    padding-bottom: 36rem;
    border-bottom: solid 2rem #EEEEEE;
  }
  
  .order .list .photo img{
    width: 120rem;
    height: 120rem;
    object-fit: cover;
    border-radius: 36rem;
    margin-right: 36rem;
  }
  
  .order .list .desc .t{
    margin-bottom: 12rem;
    line-height:59rem;
    font-size: 42rem;
  }
  
  .order .list .desc .a{
    color: #666666;
    line-height: 51rem;
  }
  
  .order .list .ft{
    height: 59rem;
    margin-top: 36rem;
    font-size: 42rem;
    color: #666666;
  }
  
  .order .list .price{
    color:#333333;
  }
  
  .order .list .opr{
    display: flex;
  }
  
  .order .list .opr .button{
    margin-left: 36rem;
  }

.equity { flex:1; overflow-y: auto; display: flex; align-items: stretch; background-color: #fff; border-radius: 48rem 48rem 0rem 0rem;}
.equity .equ_left{ width: 315rem; background-color: #F8F8F8; overflow-y: auto;}
.equity .equ_left ul li a{display: block; height: 150rem; line-height: 150rem; text-align: center; color: #666; font-size: 42rem; position: relative;}
.equity .equ_left ul li.active a{ background-color: #fff; border-radius: 0rem 36rem 0rem 0rem; color: #DE4230; font-size: 48rem; font-weight: 600; }
.equity .equ_left ul li.active a:before{ content: ""; width: 12rem; height: 90rem;transform:translateY(-50%);-webkit-transform:translateY(-50%); position: absolute; left: 0px; top: 50%; border-radius: 150rem; background-color: #DE4230;}
.equity .equ_right{overflow-y: auto; padding: 48rem 36rem; flex:1;}
.equity .equ_right .equ_tit{ font-size: 45rem; font-weight: 600; background-image: url(../images/tabs-1.png); line-height: 1; background-repeat: no-repeat; background-position: left bottom; background-size: 143rem 24rem; padding-bottom: 10rem; margin-bottom: 36rem;}

.equ_list { width: 100%; margin-bottom: 60rem;}
.equ_list ul{ display: grid;
	grid-template-columns: repeat(3, 1fr);
    grid-gap: 36rem 10rem;
align-items: stretch;}
.equ_list ul li{ text-align:center; }
.equ_list ul li a img{ width:120rem; height: auto;  margin-bottom:32rem;}

.commission{background: linear-gradient( 180deg, #FFFFFF 24%, #F5F5F5 29%);
    border-radius: 48rem 48rem 0rem 0rem; flex:1; margin-top: 45rem; padding-top: 20rem;display: flex;
   flex-direction: column;overflow: hidden;
    }
    .remove .items{ margin-bottom: 36rem;}
.remove .items .item_tit{ padding-left: 46rem; font-size: 51rem; color: #fff; font-weight: 600;background-image: url(../images/hykt_01.png); background-position: center bottom; background-repeat: no-repeat; width: 477rem; height: 73rem; background-size: cover;}
.remove .items .item_tit img{ width: 54rem; height: auto; margin-right: 20rem;}
.remove .items .box{background: linear-gradient( 180deg, #36b6ff 0%, #B9E7FF 67%); border-radius: 0rem 36rem 36rem 36rem; padding: 36rem; overflow: hidden;}
.remove .items .item_tit span{ position: relative; margin-bottom: -25rem;}
.remove .items .box .tab_two{ background-color: #fff; border-radius: 24rem; padding: 20rem 0rem;}
.remove .items .box .tab_two ul{ display: flex; align-items: stretch;}
.remove .items .box .tab_two ul li{ flex:1;  padding: 12rem 0rem;padding-left: 36rem;}
.remove .items.no2 .item_tit{background-image: url(../images/yellbtn_01.png);}
.remove .items.no2 .box{background: linear-gradient( 180deg, #ffab3e 0%, #ffdd97 67%);}
.cash_1{flex: 1; overflow-y: auto;  margin-top: 45rem;}
.border_2{ background-color: #fff; border-radius: 36rem; padding: 36rem; margin-bottom: 36rem;}
.cash_1 .drawal_1 .title{ font-size: 45rem;}
.cash_1 .drawal_1 .box { margin: 45rem 0rem;}
.cash_1 .drawal_1 .box .tpleft .lab{ font-size: 75rem; font-weight: 500;}
.cash_1 .drawal_1 .box .tpleft .formbit{  width: auto; font-size: 84rem; height: 84rem; line-height: 1; border: 0px; outline: none;  flex:1;  display: inline-block; width:224rem; text-align: center;  font-weight: 500;}
.cash_1 .drawal_1 .box .tpleft .infor{ color: #999;}
.cash_1 .drawal_1 .box .sumbit{ color: #DE4230; background: none; border: 0px; cursor: pointer; outline: none;}
.cash_1 .drawal_1 .box .tpleft .formbit::-webkit-input-placeholder {
    color:#999999;
    }
.cash_1 .drawal_1 .tip{ border-top: 2rem #EEEEEE solid; color: #999; padding-top: 38rem;}
.dr_tab ul li{ border-bottom: 2rem #EEEEEE solid; padding: 27rem 0rem; display: flex; align-items: center; justify-content: space-between;}
.dr_tab ul li .txt{ font-size: 45rem;}
.dr_tab ul li:last-child{ border-bottom: 0rem;}
.drawal_2 .dr_class ul {display: flex;align-items: center; justify-content: center; }
.drawal_2 .dr_class ul li{ display: flex;align-items: center; justify-content: center; cursor: pointer; color: #666; font-size: 48rem; margin: 0px 55rem; padding: 20rem 0rem 30rem; position: relative;}
.drawal_2 .dr_class ul li img{  width: 48rem; height: auto; margin-right: 15rem;}
.dr_tab ul li .formbit{ flex:1; text-align: right; height: 82rem; line-height: normal; border: 0rem; outline: none; font-size: 42rem; margin-left: 3%; overflow: hidden;}
.dr_tab ul li .formbit::-webkit-input-placeholder {
    color:#999999;
    }
 .drawal_2 .dr_class ul li.cur{ color: #DE4230; font-weight: 600;}
 .drawal_2 .dr_class ul li.cur:before{ content: ""; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 0px;background-image: url(../images/line1.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 66rem; height: 12rem; }
.dr_tab ul li.last{flex-direction: column; align-items: flex-start; margin-bottom: 10rem;}
.dr_tab ul li.last .weix{ width: 225rem;}
.dr_tab ul li.last .txt{ margin-bottom: 35rem;}
.tabcontent_1 .dr_tab{
	display:none;
}
.tabcontent_1 .dr_tab.cur{
	display: block;
}

.foot2{ height: 192rem;}
.record{ max-width:1125px; width:100%; background:#fff;position: fixed; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:0px;background:#fff; z-index:600; border-top: 1px #eeeeee solid;}
.record .container{gap: 16px; height: 192rem;}
.record .container .btn_1{ border: 2rem #DE4230 solid; border-radius: 150rem; font-size: 51rem; font-weight: 500; color: #DE4230;flex:1; height: 120rem; line-height: normal; background: none;}
.record .container .btn_1.active{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); color: #fff; font-weight: 600;}
.drawal_3{ text-align: center;background: linear-gradient( 180deg, #FFEBEB 0%, #FFFFFF 66%);}
.drawal_3 .pic img{ width: 180rem; height: auto;}
.drawal_3 .price{ color: #FE1705; font-size: 60rem; font-weight: 600; margin: 20rem 0rem 10rem;} 
.drawal_3 .lab{ color: #666;}
.drawal_2.no2 { padding-top: 0rem; padding-bottom: 0rem;}
.drawal_2.no2 .dr_tab ul li{ padding: 30rem 0rem;}

.drawal_2.no2 .dr_tab ul li .txt{ font-size: 42rem;}
.drawal_2.no2 .dr_tab ul li .tpright{ font-size: 42rem;}
.drawal_2.no2 .dr_tab ul li .red{ color: #FE1705; font-size: 48rem; font-weight: 500;}
.invite{ width: 930rem; margin: 0rem auto 103rem; background-color: #fff; border-radius: 24rem;}
.bg2{ background-image: url(../images/bg2.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.invite{ margin-bottom: 103rem; margin-top: 100rem;}
.invite .box{ padding: 36rem;}
.invite .box .tpleft .img2{ width: 120rem; height: 120rem; border-radius: 50%;}
.invite .box .weix{ width: 225rem;}
.invite .box .tpleft .txt{ font-size: 45rem; color: #1A1A1A; font-weight: 600; margin-left: 36rem; flex:1; overflow: hidden;}
.share{ width: 930rem; margin: 0rem auto 36rem; gap: 36rem;}
.share .btn_1{ border: 2rem #DE4230 solid; border-radius: 150rem; font-size:45rem; font-weight: 500; color: #DE4230;flex:1; height: 120rem; line-height: normal; background: none; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.share .btn_1.active{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); color: #fff; font-weight: 600;}

/*我的*/
.head{
    position: relative;
  }
  
  .viewmore{
    font-weight: normal;
  }
  
  .flex {
    display: flex;
  }
  
  .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .flex-around {
    justify-content: space-around;
  }
  
  .grid {
    display: grid;
  }
  
  .g-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .g-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .f-1 {
    flex: 1;
    overflow: hidden;
  }
  
  .bg {
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .p-36 {
    padding: 36rem;
  }
  
  .my {
    margin-top: 36rem;
  }
  
  .block {
    margin-bottom: 36rem;
  }
  
  .red{
    color: #FE1705;
  }
  
  .card-title{
    font-weight: 600;
    font-size: 45rem;
    color: #333333;
    line-height: 63rem;
  }
  
  .fixed-button{
    background-color: #fff;
    padding: 14rem 36rem;
    display: flex;
    align-items: center;
  }
  
  .fixed-button .button{
    flex:1;
    font-size: 51rem;
    height: 120rem;
    line-height: 120rem;
    text-align: center;
  }
  
  .fixed-button .ico-button{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 51rem;
    padding: 0 48rem;
    margin-right: 12rem;
  }
  
  .fixed-button .ico-button::before{
    content: "";
    width:42rem;
    height: 42rem;
    margin-bottom: 12rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .fixed-button .ico-button.order::before{
    background-image: url(../images/order.png);
  }
  
  .my .user {
    background-color: transparent;
    background-image: url(../images/ubg.png);
    background-position: top center;
    background-size: 100% auto;
    border-radius: 0;
    padding-top: 54rem;
    position: relative;
  }
  
  .my .user .setting{
    position: absolute;
    font-size: 36rem;
    height: 48rem;
    top: 32rem;
    right:69rem;
    color: #fff;
  }
  
  .my .user .setting::before{
    content: "";
    width: 42rem;
    height: 42rem;
    margin-right: 18rem;
    background: url(../images/msetting@2x.png) center no-repeat;
    background-size: contain;
  }
  
  .my .user .photo {
    width: 180rem;
    height: 180rem;
    border-radius: 100%;
    margin-right: 48rem;
  }
  
  .my .user .name{
    font-weight: 600;
    font-size: 45rem;
    color: #1A1A1A;
    line-height: 53rem;
  }
  
  .my .user .no{
    font-size: 36rem;
    color: #666666;
    line-height: 42rem;
    margin-top: 12rem;
  }
  
  .my .user .button{
    margin-top: 12rem;
    height: 72rem;
    line-height: 72rem;
    background: #F3F3F3;
    border: none;
    border-radius: 24rem;
  }
  
  .my .user .wallet{
    background-color: #DE4230;
    margin-top: 36rem;
    color: #fff;
  }
  
  .my .user .wallet .t{
    height: 84rem;
    font-size: 45rem;
  }
  
  .my .user .wallet .t .button{
    height: 75rem;
    border-radius: 75rem;
    line-height: 75rem;
    color: inherit;
    border: solid 1px #fff;
    background: none;
  }
  
  .my .user .wallet .balance{
    font-weight: 600;
    font-size: 60rem;
    margin-top: 12rem;
    margin-bottom: 48rem;
  }
  
  .my .user .wallet .items{
    grid-column-gap: 32rem;
  }
  
  .my .user .wallet .item{
    background: rgba(255,255,255,0.25);
    padding: 24rem;
  }
  
  .my .user .wallet .item .t{
    font-size: 36rem;
    color: rgba(255,255,255,0.85);
    line-height: 42rem;
    height: 42rem;
    margin-bottom: 36rem;
  }
  
  .my .user .wallet .num{
    font-size: 54rem;
    height: 63rem;
    line-height: 63rem;
  }
  
  .my .partner{
    background-image: url(../images/my3920@2x.png);
    background-position: top left;
    border-radius: 24rem;
    background-size: cover;
    padding: 48rem 36rem 48rem 404rem;
    min-height: 222rem;
  }
  
  .my .partner .txt .t{
    font-weight: 600;
    font-size: 45rem;
    color: #8F3D44;
    line-height: 53rem;
  }
  
  .my .partner .txt .desc{
    font-size: 36rem;
    color: rgba(143,61,68,0.65);
    line-height: 42rem;
    margin-top: 12rem;
  }
  
  .my .partner .button{
    color: #DE4230;
    border-radius: 84rem;
    height: 84rem;
    line-height: 84rem;
    border: solid 2rem #DE4230;
    border-radius: 84rem;
  }
  
  .my .myorders{
    padding: 36rem;
  }
  
  .my .myorders .items{
    margin-top: 48rem;
  }
  
  .my .myorders .item{
    width: 210rem;
    position: relative;
  }
  
  .my .myorders .item .bage{
    background: #FF3B30;
    position: absolute;
    height: 48rem;
    min-width: 48rem;
    border-radius: 48rem;
    padding: 0 10rem;
    font-size: 33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    right: 30rem;
    top:-11rem;
  }
  
  .my .myorders .ico img{
    width: 96rem;
    height: 96rem;
  }
  
  .my .myorders .t{
    margin-top: 18rem;
    font-size: 42rem;
    color: #333333;
    line-height: 49rem;
  }
  
  .my .other .ico img{
    width: 132rem;
    height: 132rem;
  }
  
  .my .other .t{
    margin-top:24rem;
    font-size: 39rem;
    color: #333333;
    line-height: 46rem;
  }
  
  /*支付页面*/
  
  .pay{
    margin-top: 36rem;
  }
  
  .pay .wait{
    background: linear-gradient(to top , #FFFFFF 57%, #FFDDC8 100%);
  }
  .pay .wait .input .icon5{ width: 45rem;}
  
  .pay .wait .ico{
    width: 132rem;
    height: auto;
    margin-right: 24rem;
  }
  
  .pay .wait .info .t{
    font-weight: 600;
    font-size: 51rem;
    color: #333333;
    height: 72rem;
    line-height: 60rem;
    margin-bottom: 18rem;
  }
  
  .pay .wait .info .label{
    font-size: 39rem;
    color: #666666;
    margin-right: 33rem;
  }
  
  .pay .wait .info .f{
    height: 54rem;
  }
  
  .pay .wait .info .f1{
    height: 51rem;
  }
  
  .pay .wait .info .time{
    font-size: 36rem;
    color: #333333;
  }
  
  .pay .wait .info .b{
    height: 48rem;
    min-width: 48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333333;
    border-radius: 6rem;
    color: #fff;
    font-size: 35rem;
    margin: 0 6rem;
    padding: 0 6rem;
  }
  
  .pay .cardinfo{
    background: #fff;
  }
  
  .pay .cardinfo .ico{
    width: 120rem;
    margin-right: 36rem;
  }
  
  .pay .cardinfo .info .label{
    font-size: 36rem;
    color: #999;
  }
  
  .pay .cardinfo .info .t{
    height: 63rem;
  }
  
  .pay .cardinfo .price{
    margin-left: 36rem;
    font-size: 48rem;
  }
  
  .pay .cardinfo .list .row{
    font-size: 42rem;
    line-height: 58rem;
  }
  
  .pay .cardinfo .txt{
    text-align: right;
  }
  
  .pay .cardinfo .txt.red{
    font-size: 48rem;
  }
  
  .pay .payinfo .ico{
    width: 96rem;
    margin-right: 36rem;
  }
  
  .pay .payinfo .info .t{
    height: 58rem;
    font-weight: normal;
  }
  
  .pay .payinfo .btn img{
    width: 54rem;
    height: auto;
  }
  
  .pay .payinfo .info .label{
    font-size: 36rem;
    color: #999999;
  }
  
  /*腾讯会员*/
  .tabcontainer .tabcontent{
    display: none;
  }
  
  .tabcontainer .tabcontent:nth-child(1){
    display: block;
  }
  
  .card.tips{
    padding: 24rem 36rem;
    line-height: 51rem;
    font-size: 36rem;
    color: #666666;
  }
  
  .card.tips::before{
    content: "";
    width: 36rem;
    height: 36rem;
    margin-right: 15rem;
    background: url(../images/warning.png) center no-repeat;
    background-size: contain;
    margin-top: 8rem;
  }
  
  input.f-1{
    width: 100%;
  }
  
  .txvip .wait input{
    height: 58rem;
    font-size: 42rem;
    overflow: visible;
    padding: 0;
    background: none;
    border: none;
  }
  
  .txvip .wait .info .t{
    margin-bottom: 24rem;
  }
  
  .txvip .wait .input::before{
    content: "";
    width: 45rem;
    height: 45rem;
    margin-right: 12rem;
    background: url(../images/phone.png) center no-repeat;
    background-size: contain;
  }
  
  .txvip .tabcontainer{
    background: linear-gradient( 180deg, #FFFFFF 10%, #F3F3F3 33%);
  }
  
  .txvip .tabcontents{
    padding: 0;
    margin-top: 45rem;
  }
  
  .txvip .tabcontent .list{
    grid-column-gap: 36rem;
    grid-row-gap: 18rem;
  }
  
  .txvip .tabcontent .item{
    position: relative;
    padding: 60rem 36rem;
  }
  
  .txvip .tabcontent .item .mark{
    position:absolute;
    left: 0;
    top: 0;
    background-color: #EC1717;
    border-radius: 36rem 0px 36rem 0px;
    color: #fff;
    font-size: 30rem;
    height: 54rem;
    line-height:54rem;
    padding: 0 18rem;
  }
  
  .txvip .tabcontent .item *{
    margin-bottom: 18rem;
  }
  
  .txvip .tabcontent .item .tit{
    font-size: 42rem;
    color: #333333;
    line-height:58rem;
  }
  
  .txvip .tabcontent .item .price{
    font-weight: 600;
    font-size: 54rem;
    line-height: 75rem;
  }
  
  .txvip .tabcontent .item .button{
    background: #F1D8B9;
    height: 58rem;
    line-height: 58rem;
    border-radius: 58rem;
    color: #936749;
    border: none;
    margin-bottom: 0px;
  }
  
  .txvip .tabcontent .item .price2{
    font-size: 36rem;
    color: #999999;
    line-height: 51rem;
    text-decoration-line: line-through;
  }
  
  .txvip .tipcontent{
    margin-bottom: 132rem;
    margin-top: 66rem;
  }
  
  .txvip .tipcontent .t{
    font-size: 45rem;
    color: #333333;
    line-height: 63rem;
  }
  
  .txvip .tipcontent .c{
    font-size: 39rem;
    color: #666666;
    line-height: 54rem;
  }
  
  .txvip .tipcontent .c p{
    margin-top:18rem;
  }
  .tabbtns.no5 .btn{ font-size: 51rem;}
  .txvip .tipcontent.bill{    margin-bottom: 24rem;
    margin-top:0rem;}
    .txvip .tabcontent .item .tit1{ color: #666; font-size: 42rem; margin-bottom: 16rem; font-weight: 500;}
    .txvip .tabcontent .item.active{ border: 3rem #DE4230 solid;}
    .txvip .tabcontent.no11 .list{ margin-bottom: 45rem;}
.gas_1 .tabbtns{ padding: 0px; margin-bottom: 45rem;}
.gas_1 .tabbtns .btn{ height: 83rem; line-height: 83rem;}
.dr_tab ul li .tp_r .icon{ width: 42rem;}
.dr_tab ul li .tp_r .icon img{ display: block;width: 42rem;}
.txvip .gas_1.tabcontainer{ background: #fff;}
.redbg{ background-color: #FFF5F5;}
.txvip .tabcontent .item.gray1 .mark{ background-color: #ccc; color: #666;}


.tabcontainer1{
  background: #fff;
  border-radius: 60rem 60rem 0px 0px;
  flex:1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 45rem;

}
.login_m{ padding: 0rem 83rem;}
.login_m .login_1{ font-size: 75rem; font-weight: 500; padding-top: 75rem; margin-bottom: 96rem;}
.login_m .login_1 .txt{ display: flex; align-items: flex-end; line-height: 1; margin-bottom: 33rem;}
.login_m .login_1 .txt img{ width: 360rem; margin-left: 15rem;}
.login_m .login_2 ul li{ margin-bottom: 60rem;}
.login_m .login_2 ul li.no1{ background-color: #FFF6F2; border-radius: 150rem; display: flex; align-items: center; justify-content: space-between; height: 150rem; padding: 0rem 48rem;}
.login_m .login_2 ul li.no1 .icon{ width: 48rem; margin-right: 24rem;}
.login_m .login_2 ul li.no1 .formbit{ flex:1; border: 0px; height: 130rem; border: 0px; outline: none; background: none; font-size: 42rem;}
.login_m .login_2 ul li.no1 .formbit::-webkit-input-placeholder {
  color:#999; 
  }
.login_m .login_2 ul li.no1 .code{ color: #2D8CF0; font-size: 45rem; cursor: pointer;}
.login_m .login_2 ul li .sumbit{    width: 100%;
  border: 0px;
  color: #fff;
  text-align: center;
  height: 150rem;
  line-height: normal;
  border-radius: 150rem;
  font-size: 51rem;background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%);
  cursor: pointer;
  outline: none; font-weight: 600;}
.login_m .login_2 ul li.no3{ text-align: center;font-weight: 500;
    font-size: 51rem;
    color: #666666; line-height: 1;}
.login_m .login_2 ul li.no4 label{ display: flex; align-items: center; flex-wrap: wrap; font-size: 39rem; color: #666;}
.login_m .login_2 ul li.no4 input[type='radio']{ width:45rem; height:45rem; border:3rem #CCCCCC solid; border-radius:50%;-webkit-appearance: none;outline: none; margin: 0px 11rem 0rem 0rem;
  cursor: pointer;}
.login_m .login_2 ul li.no4 input[type=radio]:checked {
  background: url(../images/gou.png) no-repeat center;
background-size:cover;
  border: 0px;
}
.login_m .login_2 ul li.no4 a{ color: #2D8CF0;}
.login_m .log_class { margin-bottom: 60rem;}
.login_m .log_class ul{  display: flex; align-items: center; justify-content: center;}
.login_m .log_class ul li{ font-size: 54rem; color: #666; position: relative; margin: 0rem 48rem; padding: 24rem 0rem;}
.login_m .log_class ul li.cur{ color: #333333; font-weight: 600;}
.login_m .log_class ul li.cur:before{ content: ""; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); width: 138rem; height: 12rem; bottom: 0px; background-image: url(../images/line3.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover;}

.tabcontent_1 .login_2{
	display:none;
}
.tabcontent_1 .login_2.cur{
	display: block;
}

.pay .wait.no1{background: #fff;}
.pay .wait.no1 .ico{ width: 120rem; height: 120rem;}
.pay .payinfo.no1 .info .t{ font-weight: 500; font-size: 45rem;}


/*3月14日新增*/
.ustd_1{}
.ustd_1 ul li { padding: 36rem 0rem;border-bottom: 2rem #EEEEEE solid;}
.ustd_1 ul li .tit{ font-size: 42rem; font-weight: 600;}
.ustd_1 ul li .price{ font-size: 51rem; font-weight: 600;}
.ustd_1 ul li .price img{ width: 72rem; height: auto; margin-right: 36rem;}
.ustd_1 ul li:nth-child(1){ border-bottom: 2rem #EEEEEE solid; padding-top: 38rem;}
.ustd_1 ul li:last-child{ border-bottom: 0rem; padding-bottom: 0rem; }
.ustd_1 ul li .formbit{ font-size: 42rem; height: 59rem; line-height: normal; width: 100%; border: 0px; outline: none; margin-top: 18rem;}
.ustd_1 ul li .formbit::-webkit-input-placeholder {
  color:#999;
  }
.ustd_2 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 36rem 36rem;
align-items: stretch;}
.ustd_2 ul li{ background-color: #fff; padding: 36rem; text-align: center; border-radius: 36rem; cursor: pointer;}
.ustd_2 ul li .pic img{ width: 120rem; height: 120rem;}
.ustd_2 ul li .tit{ font-size: 51rem; font-weight: 600; margin-top: 14rem;}
.ustd_3{background-color: #fff;
  border-radius: 36rem; padding: 0rem 36rem;
  overflow: hidden; font-size: 42rem;}
.ustd_3 ul li{ display: flex; align-items: flex-start; padding: 36rem 0px;border-bottom: 2rem #EEEEEE solid; line-height: 53rem;}
.ustd_3 ul li .content{ flex:1; margin-left: 36rem;overflow: hidden;}
.ustd_3 ul li .tpleft{  font-weight: 600;    white-space: nowrap;  width: 168rem;}
.ustd_3 ul li .content .infor { width: 100%; word-break:break-word;}
.ustd_3 ul li .content .infor .copy img{ width: 42rem; margin-left: 10rem;}
.ustd_3 ul li:last-child{ border-bottom: 0px;}
.ustd_3 ul li .content .weix{ width: 240rem;}
.ustd_3 ul li .content .Upload{ width: 240rem; height: 240rem; position: relative;cursor: pointer; border: 0px; background: none; padding: 0px;}
.ustd_3 ul li .content .Upload img{ width: 100%; height:100%;object-fit: cover;
  object-position: center center; border-radius: 12rem;}
.ustd_3 ul li .content .Upload input{ position:absolute;width:100%; height:100%; top:0; left:0; opacity:0; cursor:pointer; border: 0px;}
.ustd_2 ul li.active{ border: 3rem #DE4230 solid;}

/*3月15日新增*/
.tearn_box{ padding: 42rem 36rem;}
.tearn_box .search_1{ width: 100%; margin-bottom: 42rem;}
.tearn_box .sear_one{ width: 100%; background-color: #fff; height: 108rem; border-radius: 57rem; padding: 0rem 33rem;}
.tearn_box .sear_one .sumbit{ background: none; border: 0px; outline: none; cursor: pointer; margin-right: 14rem;}
.tearn_box .sear_one .sumbit img{ width: 48rem; height: auto;}
.tearn_box .sear_one .formbit{ flex:1; height: 88rem; line-height: normal; outline: none; border: 0px; font-size: 39rem; overflow: hidden;}
.tearn_box .sear_one .formbit::-webkit-input-placeholder {
    color:#CCCCCC; 
    }
    .tearn_box .sort{ margin-bottom: 36rem;}
 .tearn_box .sort a{ background-color: #fff; padding: 0rem 36rem; line-height: 84rem; height: 84rem; border-radius: 150rem;  color: #666; font-size: 39rem; margin-right: 36rem;}
 .tearn_box .sort a.active{background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff;}
.tea_list ul li{ background-color: #fff; border-radius: 36rem; padding: 36rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24rem;}
.tea_list ul li .pic img{ width: 120rem; height: 120rem; border-radius: 50%;object-fit: cover;
    object-position: center center;}
.tea_list ul li .content{ flex:1; margin-left: 36rem;}
.tea_list ul li .content .title{ font-size: 42rem; color: #1A1A1A; margin-bottom: 12rem;}
.tea_list ul li .content .date{ color: #999999; }
.tea_list ul li .price{ color: #E44750; font-size: 48rem; font-weight: 600;}

.p_frame{ background-color:rgba(0,0,0,0.6); position:fixed; z-index:1000; left:0px; top:0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; display:none;}
.p_frame.show{ display:flex;}
.p_frame .notice_cont{ width: 852rem;background: linear-gradient( 135deg, #F9D8BA 9%, #FCF0E5 35%, #FFFFFF 61%); border-radius: 36rem;  height: 1080rem; display: flex; flex-direction: column; padding: 74rem 36rem 38rem; position: relative;}
.p_frame .notice_cont .title{ font-size: 54rem; font-weight: 600;}
.p_frame .notice_cont .content{ flex:1; overflow-y: auto; font-size: 42rem; margin: 36rem 0rem;}
.p_frame .notice_cont .content .red{ color: #FE1705; font-size: 45rem; font-weight: 500; }
.p_frame .notice_cont .box .btn{width: 87.6rem; background-color: #ec891f; color: #fff; height: 13.1rem; border-radius:7rem; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 5rem; margin-left:5.8rem; }
.p_frame .notice_cont .closed{ width: 9rem; margin: 0px auto; margin-top: 5.5rem;}
.p_frame .notice_cont .btn{    width: 100%;
  background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff;
  height: 120rem;
  border-radius:150rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:48rem;
  font-weight: 600;
 }
 .p_frame .notice_cont .pic{ width: 405rem; position: absolute; right: 0px; top: -173rem;}


/*3月16日新增*/
 .coupon { padding: 36rem;}
 .coupon ul li{ display: flex; align-items: center; border-radius: 36rem; background-color: #fff; overflow: hidden; margin-bottom: 30rem;}
 .coupon ul li .tpleft{ width: 270rem; height: 267rem; background-color: #FAF1EF; display: flex; align-items: center; justify-content: center;}
 .coupon ul li .tpleft .num{ font-size: 48rem; color: #DE4230;}
 .coupon ul li .tpleft .num span{ font-size: 90rem; font-weight: 600;}
 .coupon ul li .tpright{ flex:1; overflow: hidden; padding: 0px 33rem;}
 .coupon ul li .tpright .content{ flex:1; overflow: hidden;}
 .coupon ul li .tpright .content .tit{ font-size: 45rem; font-weight: 500;}
 .coupon ul li .tpright .content .date{ color: #999; margin-bottom: 17rem; margin-top: 5rem;}
 .coupon ul li .tpright .content .rule{ color: #999; display: flex; align-items: center;}
 .coupon ul li .tpright .content .rule img { width: 36rem; height: auto; margin-left: 7rem;}
.coupon ul li .tpright .infor .btn{ display: inline-block;
  line-height: 72rem;
  border-radius: 150rem;
  border: none;
  padding: 0 30rem;background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff;}
.coupon ul li .tpleft .lab{ color: #666;}
.coupon ul li .tpright .infor img{ width: 218rem; height: auto;}
.coupon ul li.decolor .tpleft{ background-color: #EEEEEE;}
.coupon ul li.decolor .tpleft .num{ color: #CCCCCC;}
.coupon ul li.decolor .tpleft .lab{ color: #CCCCCC;}
.coupon ul li.decolor .tpright .content{ color: #ccc;}
.coupon ul li.decolor .tpright .content .date{ color: #ccc;}
.coupon ul li.decolor .tpright .content .rule{ color: #ccc;}
.coupon ul li.decolor .tpright .content .rule img{ opacity: .5;}

.p_frame .notice_cont2{ width: 900rem; background-color: #fff; border-radius: 36rem; display: flex; flex-direction: column; padding:39rem 36rem 42rem; position: relative; max-height: 90%;}
.p_frame .notice_cont2 .no_box{ border: 2rem #D9D9D9 solid; border-radius: 24rem; overflow: hidden;}
.p_frame .notice_cont2 .tpleft{ width: 270rem; height: 267rem; background-color: #FAF1EF; display: flex; align-items: center; justify-content: center;}
.p_frame .notice_cont2 .tpleft .num{ font-size: 48rem; color: #DE4230;}
.p_frame .notice_cont2 .tpleft .num span{ font-size: 90rem; font-weight: 600;}
.p_frame .notice_cont2 .content{ flex:1; padding: 0rem 33rem;}
.p_frame .notice_cont2 .content .tit{ font-size: 45rem; font-weight: 500;}
.p_frame .notice_cont2 .content .date{ color: #999; margin-top: 5rem;}
.p_frame .notice_cont2 .n_show{ padding-top: 36rem; padding-bottom: 100rem; flex:1;  overflow-y: auto;}
.p_frame .notice_cont2 .n_show .tit{ font-size: 42rem;}
.p_frame .notice_cont2 .n_show .desc{color: #666; margin-bottom: 36rem;  line-height: 1.6;}
.p_frame .notice_cont2 .btn{    width: 100%;
  background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff;
  height: 120rem;
  border-radius: 150rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48rem;
  font-weight: 600;}
  .p_frame .notice_cont2 .closed{ width: 90rem; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: -167rem; cursor: pointer;}
.notice{width:100%; height:60rem; overflow:hidden;}
.notice li{ height:60rem; line-height:60rem; display:flex; align-items:center;}
.coupon_1{flex:1; overflow-y: auto;}


.pay .cardinfo .txt .pic2{ width: 36rem; margin-left: 12rem;}
.pay .cardinfo .txt.coupon5{ display: flex; align-items: center; justify-content: flex-end;}
.pay .cardinfo .list{ padding: 0rem 36rem;}
.pay .cardinfo .list .row{ padding:36rem 0rem;}
.pay .cardinfo .list .row{border-bottom: 1px #f0f0f0 solid;}
.part_3 ul{display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36rem 36rem;
  align-items: stretch;}

.coupon_m{ position: fixed; width: 100%; height: 100vh; left: 0px; top: 0px;background: #f4f4f4;background-image: url(../images/bg1.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto; display: flex; flex-direction: column; overflow: hidden;}
.coupon_m .container{flex:1; overflow: auto;}
.slide-main {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.slide-main.hide {
    transform: translateX(-40%);
    -webkit-transform: translateX(-40%);
	opacity:.5;
}
.slide-page{transition: all .3s;-webkit-transition: all .3s;}
.slide-page.hide {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

/*3月17日新增*/
.pay .cardinfo .txt .pic4{ width: 72rem; height: 72rem;border-radius: 50%;object-fit: cover;
  object-position: center center;}
.pay .cardinfo .txt .pic3{ width: 45rem; height:45rem; margin-left: 15rem;}
.pay .wait.no1 .sumbit1{ display: block; height: 153rem; line-height: normal; text-align: center; font-size: 45rem; border: 0px; background: none; width: 100%; cursor: pointer;}
.tabcontainer.no5{ background-color: #fff;}
.successful_1{ padding-top: 287rem; text-align: center;}
.successful_1 .pic img{ width: 390rem;}
.successful_1 .tit{ font-size: 75rem; font-weight: 600; margin-top: 60rem; margin-bottom: 120rem;}
.successful_1 .more{  width: 496rem; height: 120rem;   display: inline-block;
  line-height: 72rem; font-size: 48rem; color: #fff;
  border-radius: 150rem; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff; margin: 0px auto;}

/*3月17日晚上新增*/
.income_list ul li{ background-color: #fff; border-radius: 36rem; padding: 36rem; color: #666; margin-bottom: 24rem;}
.income_list ul li .title{ font-size: 42rem; font-weight: 600; color: #333;}
.tabcontent4{ padding: 48rem 36rem;}
.income_list ul li .date{ margin: 12rem 0rem;}
.modify_1{ padding: 0px 36rem;}
.modify_1 ul li{ border-bottom: 2rem #EEEEEE solid; height: 135rem; display: flex; align-items: center;}
.modify_1 ul li .tpleft{ font-size: 45rem; margin-right: 60rem;}
.modify_1 ul li .formbit{ height: 100rem; line-height: normal; font-size: 45rem; border: 0px; background: none; outline: none; flex:1;}
.modify_1 ul li .formbit::-webkit-input-placeholder {
  color:#999;
  }
  
/*3月19日晚上新增*/
.envelope{ background-color: #fff; border-radius: 36rem; padding: 20rem 0px; margin-bottom: 36rem;}
.yk_tit{ font-size: 42rem; font-weight: 600; margin-bottom: 18rem;}
.tipcontent.no3 .photo{ margin-bottom: 18rem;}
.tipcontent.no3 .c{ line-height: 1.7;}
.tipcontent.no3{ padding-bottom: 30rem;}
.tipcontent.no3 .photo img{ width:100%; border-radius:36rem;}


.modify_1 .refer{ text-align:center; margin-top:50rem;}
.modify_1 .refer .sumbit{background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
    color: #ffffff;font-size: 45rem;
    height: 100rem; width:300rem;
    line-height: 100rem;
    text-align: center;border-radius: 84rem;
    border: none;
    padding: 0 36rem;}

/*3月23日新增*/
.drawal_1 .items{    border-bottom: 2rem #EEEEEE solid;}
.drawal_1 .title.no33{ margin-bottom: 45rem;}
.drawal_1 .items.no2{ padding-top: 45rem;}
.drawal_1 .items.gray .title{ color: #999;}
.drawal_1 .items.gray .box .tpleft .lab{ color: #999;}



/*3月27日新增*/
.balance_1{background: linear-gradient( 180deg, #FFDCDC 0%, #FFFFFF 40%); border-radius: 24rem; padding: 42rem 36rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 36rem;}
.balance_1 .icon{ width: 220rem;}
.balance_1 .content{ flex:1; overflow: hidden; margin-left: 36rem;}
.balance_1 .more{    display: inline-block;
  line-height: 84rem;
  border-radius: 150rem;
  border: none;
  padding: 0 36rem;
  background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff;}
.balance_1 .content .lab{ font-size: 42rem; color: #666; margin-bottom: 8rem;}
.balance_1 .content .title{ font-size:81rem; color: #333; font-weight: 600;}
.balance_2 ul{ gap: 36rem;}
.balance_2 ul li{ flex:1; border-radius: 36rem; padding: 36rem;  display: flex; align-items: center; justify-content: center; background-color: #fff;}
.balance_2 ul li a{ display: flex; align-items: center; font-size: 42rem;}
.balance_2 ul li a .icon{ width: 132rem;}
.balance_2 ul li a .txt{ margin-left: 36rem; flex:1;}
.adr_list{ margin-top: 45rem;}
.adr_list ul li{ background-color: #fff; padding: 36rem; border-radius: 36rem; margin-bottom: 36rem;}
.adr_list ul li .title{ font-size: 45rem; font-weight: 600; margin-bottom: 25rem;}
.adr_list ul li .title span{ margin-left: 60rem;}
.adr_list ul li .desc{ font-size: 42rem; line-height: 1.7;}
.adr_list ul li .infor label{  font-size: 36rem; display: flex; align-items: center; color: #666;}
.adr_list ul li .infor label input[type='radio']{ width:45rem; height:45rem; border:3rem #CCCCCC solid; border-radius:50%;-webkit-appearance: none;outline: none;
  cursor: pointer; margin: 0px; margin-right: 24rem;}
.adr_list ul li .infor label input[type=radio]:checked {
  background: url(../images/gou.png) no-repeat center;
background-size:cover;
  border: 0px;
}
.adr_list ul li .infor{ border-top: 2rem #EEEEEE solid; padding-top: 30rem; margin-top: 30rem;}
.adr_list ul li .infor .edit img{ width: 42rem;}
.adr_list ul li .infor .edit a{ margin-left: 72rem;}
.Address_1{ background-color: #F8F8F8; border-radius: 48rem 48rem 0rem 0rem;  width: 100%;}
.Address_1 .title{ height: 144rem;}
.Address_1 .title .tpleft{ font-size: 51rem; font-weight: 600;}
.Address_1 .title .closed{ width: 60rem; cursor: pointer;}
.Address_1 .list{ background-color: #fff; border-radius: 36rem; padding: 0px 36rem; margin-bottom: 36rem;}
.Address_1 .list ul li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2rem #EEEEEE solid; height: 140rem; font-size: 42rem;}
.p_frame.no4{ align-items: flex-end;}
.Address_1 .list ul li .formbit{ flex:1; height: 80rem; line-height: normal; border: 0px; outline: none; text-align: right;}
.Address_1 .list ul li .formbit::-webkit-input-placeholder {
  color:#CCCCCC; 
  }
.Address_1 .set{ background-color: #fff; border-radius: 36rem; padding:36rem; margin-bottom: 171rem; font-size: 42rem;}
.Address_1 .box4{ padding: 0rem 36rem;}

.Address_1 .set .btn_4 { height: 66rem;}
.Address_1 .set .btn_4 input[type='checkbox']{ width: 132rem; height: 66rem; background-color: #eee; position: relative;  border-radius: 150rem; border: 0px; outline: none;-webkit-appearance: none; cursor: pointer; margin: 0px;}
.Address_1 .set .btn_4 input:before{ content: "";width: 60rem; height: 60rem; background-color: #fff; position: absolute; left: 1px; top: 50%;  transform:translateY(-50%);-webkit-transform:translateY(-50%); border-radius: 50%;}
.Address_1 .set .btn_4 input[type='checkbox']:checked {background-color: #E85232;} 
.Address_1 .set .btn_4 input[type='checkbox']:checked:before{ left: auto; right: 1px;}


/*3月29日新增*/
.tabbtns .btn{white-space:nowrap}
.order .list .box_4{  flex-wrap: wrap; font-size: 39rem;display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 17rem 0rem;
align-items: stretch;padding-bottom: 36rem;
}
.order .list .box_4 dd{ width: 100%;}
.order .list .box_4 dd span{ color: #666;}
.order .list .more{ display: flex;justify-content: flex-end;border-top: solid 2rem #EEEEEE; padding-top: 36rem;}
.order .list .more .btn{display: inline-block;
  line-height: 84rem;
  border-radius: 150rem;
  border: none;
  padding: 0 36rem;
  background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
  color: #ffffff; margin-left: 24rem;}
.button.yj-expire{background-color: #F8F8F8; color: #999; border: 0px;}
.order .list .more .btn.gray{ background: none; background-color: #F5F5F5; color: #666;}
.trading ul li{ background-color: #fff;padding: 36rem;
  margin-bottom: 24rem;border-radius: 36rem;
  overflow: hidden;}

  .btn_new{display: inline-block;
    line-height: 84rem;
    border-radius: 150rem;
    border: none;
    padding: 0 36rem;
    background: linear-gradient(270deg, #FF7636 0%, #DE4230 100%);
    color: #ffffff; margin-left: 24rem;}
.trading ul li .title .tpleft img{ width: 72rem; height: 72rem; border-radius: 50%;object-fit: cover;
  object-position: center center; margin-right: 12rem;}
.trading ul li .title .tpleft { font-size: 42rem;font-weight: 500;}
.trading ul li .box1 dd{ flex:1; text-align: center; color: #666;}
.trading ul li .title{ margin-bottom: 36rem; padding-bottom: 36rem;    border-bottom: solid 2rem #EEEEEE;}
.trading ul li .box1 dd .num{color: #FF5605; font-size: 45rem; font-weight: 500;}
.cash_1 .drawal_1 .title .gray{ font-size: 42rem; color: #999; margin-left: 24rem;}
.cash_1 .drawal_1 .items.no5 .box .tpleft .formbit{ font-size:42rem; flex:1; text-align: left;}
.cash_1 .drawal_1 .items.no5 .box .tpleft{ width: 100%;}
.cash_1 .drawal_1 .items.no5 .box{ margin: 27rem 0rem;}
.cash_1 .drawal_1 .items.no5 .box .tpleft .formbit::-webkit-input-placeholder {
  color:#ccc; 
  }
.cash_1 .drawal_1 .items.no5{ padding-top: 36rem;}
.cash_1 .drawal_1 .items.no5:last-child{ border-bottom: 0px; }
.cash_1 .drawal_1 .items.no5:last-child .box{ margin-bottom: 0px;}
.cash_1 .drawal_1 .items.no5 .box .tpleft.no2 { color: #ccc; font-size: 42rem;}
.cash_1 .drawal_1 .items.no5 .box .tpleft.no2 .formbit{ flex:none; width: 252rem;}
.cash_1 .drawal_1 .items.no5 .box .tpleft.no2 .gray{ margin-right: 72rem;}
.cash_1 .drawal_1 .myassets{ border-radius: 24rem; background-color: #FFF0EC; padding: 24rem 36rem;}
.cash_1 .drawal_1 .myassets img{ width: 72rem; height: auto; margin-right: 36rem;}
.cash_1 .drawal_1 .myassets .txt{ font-size: 45rem; font-weight: 500;}
.cash_1 .drawal_1 .myassets .price{ font-size: 51rem; color: #FF5605; font-weight: 600; margin-left: 24rem;}
.pay.no2{padding-top: 0px;}
.pay.no2 .cardinfo .list .row{border-bottom: 2rem #EEEEEE solid;}
.show_2 ul li{    background-color: #fff;
  border-radius: 36rem;
  overflow: hidden;    padding: 36rem;
  margin-bottom: 24rem;}
.show_2 ul li .title{height: 60rem;
    color: #333333;
    margin-bottom: 36rem;}
.show_2 ul li .title .onum{display: inline-block;
      position: relative;
      padding-left: 21rem;}
.show_2 ul li .title .onum:before{content: "";
        width: 9rem;
        height: 36rem;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        border-radius: 150rem;
        background-color: #DE4230;
        position: absolute;}
.show_2 ul li .box_4{  flex-wrap: wrap; font-size: 39rem;display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 17rem 0rem;
        align-items: stretch;
        }
.show_2 ul li .box_4 dd{ width: 100%;}
.show_2 ul li .box_4 dd span{ color: #666;}
.pay .wait.no3{background: linear-gradient( 180deg, #FFEBEB 0%, #FFFFFF 66%);}
.pay .wait.no3 .txt{ text-align: center; font-size: 42rem; display: flex; align-items: center; justify-content: center;}
.pay .wait.no3 .txt .red{ font-size: 75rem; font-weight: 600; margin-left: 10rem;}
.pay .wait.no3 .info .f{ display: flex; align-items: center; justify-content: center;}
.pay .wait.no3 .info .b{background-color: #FAE1E1; color: #FE1705;}
.pay .wait.no3 .info .time{color: #FE1705;}
.pay .cardinfo .tit{ font-size: 45rem; font-weight: 600; padding: 36rem;}

.pay .cardinfo .list .tpright{ display: flex; align-items: center; justify-content: flex-end;flex:1;}
.pay .cardinfo .list .tpright .copy{ cursor: pointer; width: 37rem;margin-left: 24rem;}
.pay .cardinfo .list .tpright .copy img{ display: block; }
.pay .cardinfo .list .tpright .pic img{ width: 72rem; height: 72rem; border-radius: 50%;object-fit: cover;
  object-position: center center;}
.pay .cardinfo .box3{ padding: 36rem 0px; display: flex;align-items: stretch; flex-wrap: wrap;gap: 24rem; }
.pay .cardinfo .box3 .item{ background-color: #F5F5F5; border-radius: 18rem;display: flex; align-items: center; justify-content: center; width: 300rem; height: 300rem; overflow: hidden; position: relative;}
.pay .cardinfo .box3 .item .up1{ width: 48rem; height: auto;}
.pay .cardinfo .infor{ padding: 0rem 36rem;}
.pay .cardinfo .box3 .item .img1{ width: 100%; height: 100%;object-fit: cover;
  object-position: top center;}
  .pay .cardinfo .box3 .item .bg11{ position: absolute; left: 0px; top: 0px;background-color:rgba(0,0,0,0.65); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 10; }
  .pay .cardinfo .box3 .item .up2{ width: 64rem; height: auto;}
  .pay .cardinfo .infor .tit2{ font-size: 42rem;}
  .pay .wait.no3 .txt{ margin-bottom: 10rem;}

  .sell_1{background: linear-gradient(180deg, #FFEBEB 0%, #FFFFFF 66%); border-radius: 24rem; padding: 24rem 36rem;color: #333; margin-bottom: 36rem;}
  .sell_1 .list { padding: 21rem 0px;}
  .sell_1 .list .tpleft{ font-size: 42rem; margin-right: 36rem;}
  .sell_1 .list .black{ font-size: 45rem; font-weight: 600;}
  .sell_1 .list .red{ color: #fe1705; font-weight: 600;  margin-left: 24rem;}
  .sell_1 .list .second{ font-size: 36rem; margin-left: 48rem; margin-right: 36rem;}
  .sell_1 .list .refresh{ width: 48rem;}
  .sell_1 .list .lab{ font-size: 45rem; margin: 0px 24rem;}

  .sale_1{ background-color: #fff; border-radius: 24rem; margin-bottom: 36rem; padding: 14rem 36rem 48rem;}

  .sale_list ul li{ display: flex; align-items: center; justify-content: space-between; font-size: 42rem;    border-bottom: solid 2rem #EEEEEE; padding: 36rem 0rem; color: #333;}
  .sale_list ul li .tpright{ display: flex; justify-content: flex-end;align-items: center;}
  .sale_list ul li .tpright .gray{ color: #999;}
  .sale_list ul li .tpright .icon{ width: 42rem; margin-left: 12rem;}
  .sale_list ul li .tpright .icon img{ display: block;}
  .sale_list ul li .tpright .strong1{ font-weight: 600;}
  .sale_list ul li .tp1 .rm{ font-size: 60rem; font-weight: 600;}
  .sale_list ul li .tp1 .formbit{ width: 204rem; font-size: 75rem; font-weight: 600; border: 0px; outline: none; text-align: center;}
  .sale_list ul li .tp1 .formbit::-webkit-input-placeholder {
    color:#999; 
    }
    .sale_list ul li .tp1 .gr{ color: #999;}
    .sale_list ul li .tpright .red{ font-size: 36rem;}
    .sale_list ul li:last-child{ border-bottom: 0px;}

    .tabcontent_1 .sale_list{
      display:none;
    }
    .tabcontent_1 .sale_list.cur{
      display: block;
    }
    .sale_tit{ font-size: 45rem; font-weight: 500; position: relative; padding-left: 22rem; margin-bottom: 18rem;}
    .sale_tit:before{content: "";
      width: 9rem;
      height: 36rem;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      border-radius: 150rem;
      background-color: #DE4230;
      position: absolute;}

      .card.tips.yell{ background-color: #FFFBE6; border: 2rem #FFE58F solid; border-radius: 12rem;}
      .card.tips.yell::before{background: url(../images/Vector2.png) center no-repeat; background-size: cover;}

      .buy_one{ background-color: #DE4230; border-radius: 36rem; padding: 36rem; margin-bottom: 36rem; color: #fff;}
.buy_one .title .tpleft img{ width: 72rem; height: 72rem; border-radius: 50%;object-fit: cover;
        object-position: center center; margin-right: 12rem;}
.buy_one .title .tpleft { font-size: 42rem;font-weight: 500;}
.buy_one .box1{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 26rem 26rem;
align-items: stretch;}
.buy_one .box1 dd{ text-align: center; background-color:rgba(255,255,255,0.25); border-radius: 36rem; padding: 24rem 0rem;}
.buy_one .title{ padding-bottom: 36rem; }
.buy_one .box1 dd .num{ font-size: 45rem; font-weight: 500;}
.cash_1 .drawal_1 .items.no5 .box .icon{ width: 42rem;}

.online_1{ width: 120rem; position: fixed; right: 36rem; bottom: 10%;}

/*4月5日新增*/
.mess_list ul li{background-color: #fff;
  border-radius: 36rem;
  padding: 36rem;
  color: #666;
  margin-bottom: 24rem; display: flex; align-items: center;}
.mess_list ul li .photo img{ width:150rem; height: 150rem;object-fit: cover;
    object-position: center center; border-radius: 24rem;}
 .mess_list ul li .content{ flex:1; margin-left: 36rem;}
 .mess_list ul li .content .title { margin-bottom: 12rem;}
 .mess_list ul li .content .title .txt{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right: 10rem; flex:1; font-size: 42rem; font-weight: 500; color: #333;}
 .mess_list ul li .content .title .date{ color: #999999;}
 .mess_list ul li .content .desc .lab{ color: #666;}
 .mess_list ul li .content .desc .num{ width: 48rem; height: 48rem;border-radius: 50%; background-color: #FF3B30; color:#fff; font-size: 33rem; display: flex; align-items: center; justify-content: center;}
 .order_1{ margin-bottom: 36rem;}
 .order_1 .set_four{ flex:1;}
 .order_1 .set_four .icon img{ width: 165rem; height: 165rem; border-radius: 50%;object-fit: cover;
  object-position: center center;}
.order_1 .set_four .infor{ flex:1; margin-left: 36rem;}
.order_1 .set_four .infor .title{ font-size: 51rem; color: #fff;}
.order_1 .set_four .infor .num{  color: #fff; margin: 12rem 0rem;}
.order_1 .set_four .infor .lab{ background-color: #FDE9E8; line-height: 60rem; padding: 0rem 24rem; border-radius: 150rem; color:#666666; font-size: 33rem; display: inline-block;}
.order_1 .set{ color: #fff; font-size: 30rem; text-align: center; display: flex;  flex-direction: column;}
.order_1 .set img{ width: 54rem; height: auto; margin: 0px auto;}
.order_2{background: linear-gradient( 180deg, #FFF7E4 22%, #FFE5CC 63%);border: 3rem solid #FFFFFF; border-radius: 36rem; padding: 36rem; color: #9A4D04;margin-bottom: 36rem;}
.order_2 .wallet_2 { padding: 0rem 14rem;}
.order_2 .wallet_2 .tpleft .txt{ font-size: 45rem;}
.order_2 .wallet_2 .tpleft .price{ font-size: 75rem; font-weight: 600;}
.order_2 .wallet_2 .tpright a{ color: #BD7336; width: 144rem; height: 75rem; display: flex; align-items: center; justify-content: center; border: 2rem #BD7336 solid; border-radius: 150rem; margin-left: 27rem;}
.order_2 .wallet_2 .tpright a.active{ background-color: #BD7336;color: #fff;}
.wallet_3{ padding: 40rem 0rem 12rem; }
.wallet_3 ul li{ flex:1; text-align: center;}
.wallet_3 ul li .num{ font-size: 54rem; font-weight: 600;}
.wallet_3 ul li .txt{ margin-bottom: 7rem;}
.my .myorders .items.no2{ flex-wrap: wrap; justify-content: flex-start;gap: 54rem 0rem;}
.my .myorders .items.no2 .item{ width: 25%;}
.my .myorders .items.no2 .item2{ width: 75%; text-align: right;}
.my .myorders .items.no2 .item2 img{ width: 95%; height: auto;}
.chat_1{ justify-content: space-between; border-radius: 0px;}
.chat_1 .chat_cont{ padding: 48rem 36rem; flex:1; overflow-y: auto;}
.chat_1 .chat_cont .box1{ display: flex; align-items: flex-start; margin-bottom: 60rem;}
.chat_1 .chat_cont .icon img{ width: 111rem; height: 111rem; border-radius: 24rem; border: 2rem #fff solid;}
.chat_1 .chat_cont .content{ margin-left: 24rem; flex:1;}
.chat_1 .chat_cont .content .tit{ font-size: 33rem; color: #666; line-height: 1.5; margin-bottom: 5rem;}
.chat_1 .chat_cont .content .desc .txt{ display: inline-block; max-width: 80%; background-color: #fff; border-radius: 12rem; padding: 18rem; font-size: 42rem;}
.chat_1 .chat_cont .box2{ display: flex; align-items: flex-start; justify-content: flex-end;margin-bottom: 60rem;}
.chat_1 .chat_cont .box2 .content .desc .txt{background-color: #FF795E; color: #fff;}
.chat_1 .chat_cont .box2 .content{ display: flex; flex-direction: column; justify-content: flex-end; margin-left: 0rem; margin-right: 24rem;}
.chat_1 .chat_cont .box2 .content{ padding-top: 8rem;}
.chat_1 .chat_cont .box2 .content .desc{text-align: right;}
.chat_1 .chat_cont .box2 .content .desc .txt{ text-align: left;}
.chat_1 .chat_cont .date{ text-align: center; font-size: 33rem; color: #999;margin-bottom: 60rem;}
.chat_1 .chat_cont .pic img{ width: 400rem; border-radius: 12rem;}
.chat_bottom{ padding: 36rem; background-color: #F8F8F8;}
.chat_bottom .formbit{ flex:1; background-color: #fff; height: 96rem; line-height: normal; padding: 0rem 20rem; border-radius: 150rem; border: 0px;}
.chat_bottom .icon{ width: 96rem; margin-left: 36rem;}
.chat_bottom .sumbit{background: linear-gradient( 270deg, #FF7636 0%, #DE4230 100%); height: 96rem; line-height: normal; width: 156rem; border-radius: 150rem; font-size: 42rem; border: 0px; color: #fff; margin-left: 36rem;}


/*4月8日新增*/
.tabcontainer { position: relative;}
.tabcontainer .notice_3{ background-color: #fff; width: 1053rem; border-radius: 24rem; height: 126rem; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top: 0px; z-index: 20; padding: 0rem 36rem;box-shadow: 0px 0 6px 0px rgba(0,0,0,0.09);}
.tabcontainer .notice_3 .icon2 img{ width: 42rem; height: auto;}
.tabcontainer .notice_3 .infor{ flex:1; overflow: hidden; margin-left: 36rem;}
.tabcontainer .notice_3 .infor .txt{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; flex:1; margin-right: 65rem; font-size: 39rem;}
.tabcontainer .notice_3 .infor .more{ width: 36rem;}
.tabcontainer .notice_3 .infor .more img{ display: block;}
.chat_1 .chat_cont .content .desc .txt .s_bt{ font-size: 42rem; font-weight: 600; margin-bottom: 18rem;}


/*4月8日晚上新增*/
.poster_1{ flex:1;}
.bg12{background:linear-gradient(to bottom,#fff9e4,#fff3cd,#ffeeb8);}
.share_1{ position: relative;}
.share_1 .head{ position: absolute; top: 20rem; width: 100%; left: 0px;}
.share_2 .items{ border-radius: 36rem;overflow: hidden;background:linear-gradient(to bottom,#fcbe92,#fb8450); padding: 14rem; position: relative; margin-top: 40rem;}
.share_2 .items .link{ background-color: #fff;border-radius: 36rem; padding: 82rem 28rem 34rem;}
.share_2 .items .title{ font-size: 47rem; color: #fff; line-height:72rem; position: absolute; left: 7rem; top:7rem; padding: 0rem 32rem;background:linear-gradient(to bottom,#fba657,#fd691b); font-weight: 600; font-weight: 600; border-radius: 36rem 0rem 36rem 0rem;}
.share_2 .items .box{ font-size: 42rem;}
.share_2 .items .box .icon{ width: 132rem; margin-left: 47rem;}
.share_2 .items .box .tpleft{ flex:1; overflow: hidden;}
.share_2 .items .box .tpleft .infor .red{ color: #ff4700;}
.share_2 .items .box .tpleft .infor .red2{ color: #ec0e00; font-weight: 600;}
.share_2 .items .box .tpleft .gray{ font-size: 39rem; color: #666666; margin-top: 22rem;}
.share_2 .items .box2{ background-color: #FFEED1; border-radius: 36rem; padding: 18rem 45rem; margin-top: 39rem;}
.share_2 .items .box2 ul{ flex-wrap: wrap;}
.share_2 .items .box2 ul li{font-size: 36rem; color: #F8671C; padding: 15rem 0rem;}
.share_2 .items .box .tpleft .cont{ margin-top: 5px;}
.share_3{ background-image: url(../images/share1_14.png); background-repeat: no-repeat; background-position: right 99rem top; background-size: 196rem 174rem; padding: 50rem 0rem;}
.share_3 .tpleft .icon{ }
.share_3 .tpleft .icon img{width: 120rem; height: 120rem; border-radius: 50%;object-fit: cover;
  object-position: center center;}
.share_3 .tpleft .txt{ font-size: 45rem; font-weight: 600; color: #1A1A1A; margin-left: 34rem;}
.share_3 .tpright{ padding-right: 35rem; display: flex; flex-direction: column; justify-content: flex-end;}
.share_3 .tpright .pic { text-align: right;}
.share_3 .tpright .pic img{ width: 165rem; height: auto;}
.share_3 .tpright .tit{ justify-content: flex-end; color: #FF822F; margin-top: 10rem;}
.share_3 .tpright .tit img{ height: 29rem; width: auto; margin-right: 16rem;}
.record.no2{background-color: #ffeeb8;}