@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:#2D8CF0;
   }
   
[v-cloak]{ display:none;}
body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:36rem; background:#f6f6f6; 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/bg11.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.bg15{ background-image: url(../images/bg1.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.head_1{ padding: 55rem 0px 42rem; gap: 40rem;}
.head_1 .logo{  font-size: 64rem; font-weight: 500; margin-right: 35rem; font-weight: 600;background-image: linear-gradient(to bottom, #ffffff, #738189);
-webkit-background-clip: text;letter-spacing: 5rem;
color: transparent;}
.head_1 .logo img{ width: 383rem; height: auto;}
.head_1 .icon1 img{ width: 60rem; height: auto;}
.head_1 .top_1{ margin-bottom: 21rem;}
.head_1 .top_1 .tit{ font-size: 56rem; font-weight: 600; color: #092784;}
.head_1 .search_1{ flex:1;}
.head_1 .sear_one{ width: 100%; background-color: #fff; height: 108rem; border-radius: 57rem; padding: 0rem 8rem 0rem 30rem; border: 2rem #fff solid;gap: 5px;}
.head_1 .sear_one .sumbit{ background: none; border: 0px; outline: none; cursor: pointer;  background-color: var(--orgColor); color: #fff; width: 139rem; height: 90rem; border-radius: 150rem; font-size: 42rem;}
.head_1 .sear_one .img2{ width: 48rem; height: auto;}
.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; background: none;  color:rgba(255,255,255,0.65);}
.head_1 .sear_one .formbit::-webkit-input-placeholder {
    color:rgba(255,255,255,0.25);
    }
.banner img{ border-radius: 20rem; width: 100%; height: auto;}
.banner{ position:relative; overflow: hidden;}
.banner ul li{ text-align:center;}
.banner .xf_bt{ position:absolute;display: flex;
    align-items: center;
    justify-content: center; z-index:1000; width:100%; padding-right: 10px; bottom:10px !important;}
.banner .xf_bt span{ background-color:rgba(0,0,0,0.5); width:20rem; height:20rem;border-radius:50%; margin:0px 5px !important; cursor:pointer; }
.banner .xf_bt span.active{ background-color:rgba(0,0,0,0.8);}
.notice_1{ background-color: #1B1B1B; 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: rgba(255,255,255,0.65); font-size: 42rem; width: 100%;}

.menu_1{ padding: 36rem 26rem;background:#1B1B1B;
    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:96rem; 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: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 36rem 36rem;
align-items: stretch;
}
.part_3 ul li img{ width: 100%;}
.index_hot{ border-radius: 36rem 36rem 0rem 0rem; padding: 36rem 0rem 0rem; height: 173rem;}
.index_hot .tpleft{font-weight: 600;
    font-size: 51rem;}
.index_hot .tpleft img{ width: 51rem; height: auto; margin-right: 18rem;}
.index_hot .more{ color: rgba(255,255,255,0.45); gap: 4px;}
.index_hot .more img{ width: 36rem;height: auto;}
.hot_list{ margin-top: -30rem;}
.hot_list ul li{ background-color: #1B1B1B; padding: 36rem; border-radius: 24rem;  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:var(--orgColor); 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: rgba(255,255,255,0.85);font-weight: 600; margin-bottom: 15rem;}
.hot_list ul li .content .desc .lab{background: #384047; border-radius: 12rem; line-height: 60rem; padding: 0rem 15rem;}
.hot_list ul li .content .desc .price{ font-size: 48rem; font-weight: 500; 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; z-index:600;}
.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:var(--orgColor);}
.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: 20rem; 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:var(--orgColor); 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; background: none;}
.search_2 .sear_one .formbit::-webkit-input-placeholder {
   color: rgba(0,0,0,0.25);
    }

/*我的订单*/

.fullpage{
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  
  .head{
    height: 135rem;
    line-height: 135rem;
    text-align: center;
    font-size: 51rem;
    color:#333;
    position: relative;
    font-weight: bold;
  }
  .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: none;
    color: #2D8CF0;
    border: 0px;
 
  }
  .order .list .title .button{ background: none; border: 0px; }
.order .list .title .button:before{ content: "●"; margin-right: 3px; }
  
  .button.yj-success{
    color: #07C160;
  }
  
  .button.yj-danger{
    color: #FE1705;
  }
 .button.yj-org{
    color: #FF9500;
  }
  .button.lg{
    font-size: 36rem;
    height: 84rem;
    line-height: 84rem;
    border-radius: 84rem;
    border: none;
    padding: 0 36rem;
  }
  
  .button.yj-cancel{
    color: #666;
    background-color: #EEEEEE;
  }
  
  .button.yj-submit{
    background: linear-gradient( 90deg, #95C8FF 0%, #2D8CF0 100%);
    color: #ffffff;
  }
  
  .card{
    background-color: #fff;
    border-radius: 36rem;
    overflow: hidden;
  }
  
  .scrollview{
    flex:1;
    overflow: auto;
    
  }
  
  .viewmore{
    font-size: 36rem;
 
    line-height: 42rem;
    display: flex;
    align-items: center;
  }
  
  
  .tabcontainer{
 
    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;
   
    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 .cur .line{
    display: flex;
  }
  
  
.tabbtns .btn .line::before{
    content: "";
    width: 12rem;
    height: 12rem;
    border-radius: 8rem;
    background-color: #2D8CF0;
    margin-right: 6rem;
  }
  
.tabbtns .btn .line::after{
    content: "";
    flex:1;
    height: 12rem;
    border-radius: 8rem;
    background-color: #2D8CF0;
  }
  
 .tabbtns .active{
    color: #333;
    font-weight: 600;
  }
  .tabbtns .cur{
    color: #333;
    font-weight: 600;
  }
   .tab_box.no11 .tabbtns .btn{ margin-right: 120rem;}
  .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;
    color: rgba(0,0,0,0.65);
  }
  
  .order .list .card:last-child{
    margin-bottom: 0;
  }
  
  .order .list .title{
    height: 60rem;
   
    margin-bottom: 36rem;
  }
  .order .list .title .onum{ display: inline-block; position: relative; padding-left: 21rem; color:#333;}
  .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: var(--orgColor);
     position: absolute;

  }
  .order .list .info{
    padding-bottom: 36rem;
    border-bottom: solid 2rem rgba(0,0,0,0.1);
  }
  
  .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{
   
    line-height: 51rem;
  }
  
  .order .list .ft{
    height: 59rem;
    margin-top: 36rem;
    font-size: 42rem;
  color: rgba(0,0,0,0.85);
   
  }
  .order .list .ft .price.org{ color: #FF9500;}
.order .list .ft .viewmore{
  color: rgba(255,255,255,0.45);
  }
  
  .order .list .opr{
    display: flex;
  }
  .order .list .opr .more{color: rgba(255,255,255,0.45);}
  .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: #141519; 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: #1B1B1B; border-radius: 0rem 36rem 0rem 0rem; color: var(--orgColor); 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: var(--orgColor);}
.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{
     flex:1; margin-top: 25rem; 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{ border-radius: 24rem; padding: 20rem 0rem;background-color: #fff;}
.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; background: none;  }
.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 rgba(0,255,255,0.1) solid; color: #999; padding-top: 38rem;}
.dr_tab ul li{ border-bottom: 2rem rgba(0,0,0,0.1) solid; padding: 27rem 0rem; display: flex; align-items: center; justify-content: space-between; color: rgba(0,0,0,0.65);}
.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;  color: #333; 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; background: none; }
.dr_tab ul li .formbit::-webkit-input-placeholder {
    color: #999;
    }
 .drawal_2 .dr_class ul li.cur{ color: #333; 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;z-index:600; }
.record .container{gap: 16px; height: 192rem;}
.record .container .btn_1{ border: 0px; border-radius: 150rem; font-size: 51rem; font-weight: 500; flex:1; height: 120rem; line-height: normal;color: #666;
    background-color: #EEEEEE;}
.record .container .btn_1.active{background: linear-gradient(90deg, #95C8FF 0%, #2D8CF0 100%); color: #fff; font-weight: 600;}
.drawal_3{ text-align: center;background: #fff;}
.drawal_3 .pic img{ width: 180rem; height: auto;}
.drawal_3 .price{ color: var(--orgColor); 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/bg1.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: #333; font-weight: 600; margin-left: 36rem; flex:1; overflow: hidden;}
.share{ width: 930rem; margin: 0rem auto 36rem; gap: 36rem;}
.share .btn_1{  border-radius: 150rem; font-size:45rem; font-weight: 500;color: rgba(255,255,255,0.85);flex:1; height: 120rem; line-height: normal; background: none; display: flex; align-items: center; justify-content: center;    color: #666;
    background-color: #EEEEEE;}
.share .btn_1.active{background:var(--orgColor); 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;
   
    line-height: 63rem;
  }
  .card-title .viewmore{ color: rgba(255, 255, 255, 0.45);}
  .fixed-button{
    background-color: #fff;
    padding: 36rem 36rem;
    display: flex;
    align-items: center;
  }
  
  .fixed-button .button{
   flex:1;
    font-size: 51rem;
    height: 120rem;
    line-height: 120rem;
    text-align: center;
  }
  .fixed-button .button.change{flex:none; width: 525rem;}
  
  .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: #fff;
    line-height: 53rem;
  }
  
  .my .user .no{
    font-size: 36rem;
    color: #fff;
    line-height: 42rem;
    margin-top: 12rem;
  }
  
  .my .user .button{
    margin-top: 12rem;
    height: 72rem;
    line-height: 72rem;
    background: #1B1B1B;
    border: none;
    border-radius: 24rem;color: rgba(255, 255, 255, 0.65);
  }
  
  .my .user .wallet{
    background-color: #1B1B1B;
    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.1);
    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: #fff;
    line-height: 53rem;
  }
  
  .my .partner .txt .desc{
    font-size: 36rem;
    color: rgba(255,255,255,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: 39rem;

    line-height: 49rem;
  }
  
  .my .other .ico img{
    width: 132rem;
    height: 132rem;
  }
  
  .my .other .t{
    margin-top:24rem;
    font-size: 39rem;

    line-height: 46rem;
  }
  
  /*支付页面*/
  
  .pay{
    margin-top: 36rem;
  }
  
  .pay .wait{
    background:#fff;
  }
  .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;
  
    height: 72rem;
    line-height: 60rem;
    margin-bottom: 18rem;
  }
  
  .pay .wait .info .label{
    font-size: 39rem;
   color: rgba(0,0,0,0.45);
    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: #f6f6f6;
    border-radius: 6rem;
    color: #666;
    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;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    color: rgba(0,0,0,0.65);
  }
  .pay .cardinfo .list .row:last-child{ border-bottom: 0px;}
  .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: #999;
  }
  
  .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{
    
  }
  
  .txvip .tabcontents{
    padding: 0;
    margin-top: 10rem;
  }
  
  .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;
  
    line-height: 63rem;
  }
  
  .txvip .tipcontent .c{
    font-size: 39rem;
   color: rgba(0,0,0,0.45);
    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; color: #333;}
.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{}
.redbg{ background-color: #fff;}
.txvip .tabcontent .item.gray1 .mark{ background-color: #ccc; }


.tabcontainer1{
  border-radius: 60rem 60rem 0px 0px;
  flex:1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 45rem;
overflow-y: auto;
}
.login_m{ padding: 68rem 83rem 0rem;}
.login_m .login_1{ font-size: 75rem; font-weight: 500;  margin-bottom: 76rem;}
.login_m .login_1 .txt{ display: flex; align-items: flex-end; line-height: 1; margin-bottom: 33rem;}
.login_m .login_1 img{ width: 420rem; height: auto; }
.login_m .login_2 ul li{ margin-bottom: 60rem;}
.login_m .login_2 ul li.no1{ background: #fff; border-radius: 150rem; display: flex; align-items: center; justify-content: space-between; height: 150rem; padding: 0rem 48rem;border: 3rem solid rgba(255,255,255,0.1);}
.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: var(--orgColor);
  cursor: pointer;
  outline: none;}
.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;background-color: #fff;
  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: rgba(255,255,255,0.65); position: relative; margin: 0rem 48rem; padding: 24rem 0rem;}
.login_m .log_class ul li.cur{ color: #fff; font-weight: 600;}
.login_m .log_class ul li.cur:before{ content: ""; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); width: 120rem; height: 12rem; bottom: 0px; background-color: var(--orgColor); border-radius: 150rem;}
.bg4{background: url(../images/bg2.jpg) no-repeat center;
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 rgba(0, 0, 0, 0.1) 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 rgba(0, 0, 0, 0.1) 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; background: none;}
.ustd_1 ul li .formbit::-webkit-input-placeholder {
  color: rgba(255,255,255,0.25);
  }
.ustd_2 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 36rem 36rem;
align-items: stretch;}
.ustd_2 ul li{ background-color: #1B1B1B; 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 rgba(255, 255, 255, 0.1) 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 var(--orgColor) 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; border: 0rem #353A42 solid;}
.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; background: none;}
.tearn_box .sear_one .formbit::-webkit-input-placeholder {
    color: rgba(0,0,0,0.25);
    }
    .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: var(--orgColor);
  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;color: rgba(255,255,255,0.85);}
.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: #333; 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: #fff; 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: var(--orgColor);
  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: #fafafa; display: flex; align-items: center; justify-content: center;}
 .coupon ul li .tpleft .num{ font-size: 48rem; color: var(--orgColor);}
 .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( 90deg, #95C8FF 0%, #2D8CF0 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: #fafafa;}
.coupon ul li.decolor .tpleft .num{ color: #999;}
.coupon ul li.decolor .tpleft .lab{ color: #999;}
.coupon ul li.decolor .tpright .content{ color: #999;}
.coupon ul li.decolor .tpright .content .date{ color: #999;}
.coupon ul li.decolor .tpright .content .rule{ color: #999;}
.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: #fafafa; display: flex; align-items: center; justify-content: center;}
.p_frame .notice_cont2 .tpleft .num{ font-size: 48rem; color:var(--orgColor);}
.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:var(--orgColor);
  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 rgba(0, 0, 0, 0.1) 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; color: #333;}
.tabcontainer.no5{ }
.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( 90deg, #95C8FF 0%, #2D8CF0 100%);
  color: #ffffff; margin: 0px auto;}

/*3月17日晚上新增*/
.income_list ul li{ background-color: #fff; border-radius: 36rem; padding: 36rem; margin-bottom: 24rem;color: rgba(0, 0, 0, 0.45);}
.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 rgba(0,0,0,0.2) 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; color: #333;}
.modify_1 ul li .formbit::-webkit-input-placeholder {
  color: rgba(0,0,0,0.25);
  }

/*3月19日晚上新增*/
.envelope{ background-color: #1B1B1B; 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;}

/*3月20日晚上新增*/

.modify_1 .refer{ text-align:center; margin-top:50rem;}
.modify_1 .refer .sumbit{background: linear-gradient( 90deg, #95C8FF 0%, #2D8CF0 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 rgba(0,0,0,0.1) solid;}
.drawal_1 .title.no33{ margin-bottom: 45rem;}
.drawal_1 .items.no2{ padding-top: 45rem;}
.drawal_1 .items.gray .title{ }
.drawal_1 .items.gray .box .tpleft .lab{ color: #333;}

/*3月27日新增*/
.balance_1{background:#fff; 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:var(--orgColor);
  color: #ffffff;}
.balance_1 .content .lab{ font-size: 42rem; color: #333; margin-bottom: 8rem;}
.balance_1 .content .title{ font-size:81rem;color: rgba(0,0,0,0.65); 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; color: #333;}
.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:rgba(0,0,0,0.45);}
.adr_list ul li .infor label input[type='radio']{ width:45rem; height:45rem; border:3rem rgba(0,0,0,0.45) 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 rgba(0,0,0,0.1) 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%;color: rgba(0,0,0,0.65);}
.order .list .box_4 dd span{ color: rgba(0,0,0,0.45);}
.order .list .more{ display: flex;justify-content: flex-end;border-top: solid 2rem rgba(255,255,255,0.1); padding-top: 36rem;}
.order .list .more .btn{display: inline-block;
  line-height: 84rem;
  border-radius: 150rem;
  border: none;
  padding: 0 36rem;
      background: linear-gradient(90deg, #95C8FF 0%, #2D8CF0 100%);
  color: #ffffff; margin-left: 24rem;}
.button.yj-expire{background-color: #333;color: rgba(255,255,255,0.85); border: 0px;}
.order .list .more .btn.gray{     color: #666;
    background: #EEEEEE;}
.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: var(--orgColor);
    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 rgba(0,0,0,0.1);}
.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; background: none; }
.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: rgba(0,0,0,0.25);
  }
.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: #f6f6f6; 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 rgba(255, 255, 255, 0.1) 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;
  
    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: var(--orgColor);
        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: rgba(0,0,0,0.45);}
.pay .wait.no3{background:#fff;}
.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: #333; color: #fff;}
.pay .wait.no3 .info .time{color: #fff;}
.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: #fff; border-radius: 24rem; padding: 24rem 36rem;margin-bottom: 36rem;color: rgba(0,0,0,0.65);}
  .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 rgba(0,0,0,0.1); padding: 36rem 0rem; }
  .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; background: none;}
  .sale_list ul li .tp1 .formbit::-webkit-input-placeholder {
    color: rgba(255,255,255,0.25);
    }
    .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: #fff; border:0rem #353A42 solid; border-radius: 12rem;}
      .card.tips.yell::before{background: url(../images/Vector2.png) center no-repeat; background-size: cover;}

      .buy_one{ background-color: #fff; border-radius: 36rem; padding: 36rem; margin-bottom: 36rem; }
.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:#f6f6f6; 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;
 
  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: rgba(0,0,0,0.45);}
 .mess_list ul li .content .desc .lab{ color: rgba(0,0,0,0.45);}
 .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; }
.order_1 .set_four .infor .num{  margin: 12rem 0rem;}
.order_1 .set_four .infor .lab{ background-color: rgba(255,255,255,0.15); line-height: 60rem; padding: 0rem 24rem; border-radius: 150rem;color: rgba(255,255,255,0.65); font-size: 33rem; display: inline-block;}
.order_1 .set{ 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, #72A4FF 0%, #2672FB 100%); border-radius: 36rem; padding: 36rem; color: #fff;margin-bottom: 36rem;}
.order_2 .wallet_2 { padding: 0rem 14rem;}
.order_2 .wallet_2 .tpleft .txt{ font-size: 45rem;color: rgba(255,255,255,0.85);}
.order_2 .wallet_2 .tpleft .price{ font-size: 75rem; font-weight: 600;}
.order_2 .wallet_2 .tpright a{ color: #fff; width: 144rem; height: 75rem; display: flex; align-items: center; justify-content: center; border: 2rem #fff solid; border-radius: 150rem; margin-left: 27rem;}
.order_2 .wallet_2 .tpright a.active{ background-color: #fff;color: var(--orgColor);}
.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;color: rgba(255,255,255,0.65);}
.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: rgba(255,255,255,0.65); 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;color: #333;}
.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: var(--orgColor); 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: #fff;}
.chat_bottom .formbit{ flex:1;background: none; height: 96rem; line-height: normal; padding: 0rem 20rem; border-radius: 150rem; border: 0px; border: 0rem #353A42 solid; background-color: #f6f6f6;color: rgba(0,0,0,0.65);}
.chat_bottom .icon{ width: 96rem; margin-left: 36rem;}
.chat_bottom .sumbit{background: var(--orgColor); height: 96rem; line-height: normal; width: 156rem; border-radius: 150rem; font-size: 42rem; border: 0px; color: #fff; margin-left: 36rem;}


/*4月8日新增*/
.chat_cont{ position: relative;}
.chat_cont .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);}
.chat_cont .notice_3 .icon2 img{ width: 42rem; height: auto;}
.chat_cont .notice_3 .infor{ flex:1; overflow: hidden; margin-left: 36rem;}
.chat_cont .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;color: rgba(0,0,0,0.65);}
.chat_cont .notice_3 .infor .more{ width: 36rem;}
.chat_cont .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:#f6f6f6;}
.share_1{ position: relative;}
.share_1 .head{ position: absolute; top: 20rem; width: 100%; left: 0px;}
.share_2 .items{ border-radius: 36rem;overflow: hidden;background:#fff; padding: 14rem; position: relative; margin-top: 40rem; border: 0rem #353A42 solid;}
.share_2 .items .link{ 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:var(--orgColor); 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: #f6f6f6; 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: rgba(0,0,0,0.65); 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: var(--orgColor); margin-top: 10rem;}
.share_3 .tpright .tit img{ height: 29rem; width: auto; margin-right: 16rem;}
.record.no2{background: #fff;}

.login_m .login_2 ul li.no1 .formbit{}


/* 新增样式*/
.equ_list ul{    grid-template-columns: repeat(4, 1fr);}
.equity .equ_right .equ_tit{ text-align: center;background-position: center bottom; font-size: 50rem;}
.equ_list ul li a img{ width: 120rem; height: 120rem; border-radius: 50%;}


/* 11月7日新增样式*/
.ustd_1.no4 ul li .formbit{ flex:1; text-align: right;}
.ustd_1.no4 ul li .tip1{background-color: #f6f6f6; border: 0rem #353A42 solid;border-radius: 26rem; padding: 15rem 36rem; color: rgba(0, 0, 0, 0.65);}
.ustd_1.no4 ul li.noborder{ border-bottom: 0px;}
.ustd_1.no4 ul li .ewm{ width: 50%;background-color: #f6f6f6;border-radius: 26rem; padding: 35rem; border-radius: 20rem; margin:60rem auto;border: 0rem #353A42 solid;}
.ustd_1.no4 ul li .txt1{ gap: 20rem;background-color: #f6f6f6; border: 0rem #353A42 solid;border-radius: 26rem; padding: 15rem 36rem; color: rgba(0, 0, 0, 0.65);}
.ustd_1.no4 ul li .txt1 .desc1{ flex:1; overflow: hidden;word-break:break-word;}
.ustd_1.no4 ul li .txt1 img{ width: 36rem; height: auto;}
.ustd_1.no4 ul li .content { margin-top: 15rem;}
.ustd_1.no4 ul li .content .infor{color: rgba(0, 0, 0, 0.65);}
.ustd_1.no4 ul li .content .infor .copy { margin-left: 10rem;}
.ustd_1.no4 ul li .content .infor .copy img{ width: 42rem;}
.ustd_1.no4 ul li.dance1{ padding: 36rem 0rem 45rem;}
.ustd_3 ul li .flex_r{ display: flex; justify-content: flex-end; flex-wrap: wrap;}
.ustd_3 ul li .content .Upload{ width: 200rem; height: 200rem;}
.ustd_3.no5 ul li{align-items: center;}
.ustd_3.no5 ul li .tpleft .pay1{color: rgba(0, 0, 0, 0.45); font-size: 36rem; font-weight: normal; margin-top: 15rem;}
.ustd_1.no4 ul li .formbit{ color: #fff;}

.log_tit{ text-align: center; font-size: 75rem; margin-bottom: 40rem; }
.login_m .login_2 ul li.dance{ margin-bottom: 24rem;}
.login_m .login_2 ul li.code{ padding-left: 36rem;}
.login_m .login_2 ul li.code a{ color: var(--orgColor);}
.login_m .login_2 ul li .sumbit.no1{ background-color: #fff; color: #333;}
.main_bt{ background-image: url(../images/mabit.png); width: 525rem; height: 140rem; background-repeat: no-repeat; background-size: cover; font-size: 45rem; margin: 
  0rem auto 36rem; color: #fff;}
  .main{ padding-top: 42rem;}
.card_list{ margin-bottom: 48rem;}
.card_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 36rem;
align-items: stretch;}
.card_list ul li{ background-color: #fff; border-radius: 36rem; padding: 45rem 30rem;border: 4rem #1B89F0 solid;}
.card_list ul li a{ display: flex;gap: 16rem;  flex-direction: column;text-align: center;}
.card_list ul li a .txt{font-size: 45rem; font-weight: bold;}
.card_list ul li a img{ width:150rem; height: 150rem; margin: 0rem auto 10rem;}
.card_list ul li a .desc{ color: #666;}

.my_one{  margin-bottom: 48rem;}
.my_one .tpleft .photo{ width: 150rem; height: 150rem; border-radius: 50%;margin-right: 48rem;object-fit: cover;
 object-position: center center;}
 .my_one .tpleft .info .name{font-size: 57rem; font-weight: 600; margin-bottom: 10rem;}
.my_one .tpleft .info .bj-cancel{ font-size: 39rem; color: #666;}
.my_one .set img{ display: block; width: 54rem; height: auto;}
.head .more{gap: 21rem; font-size: 39rem; position: absolute; right:36rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); color: #fff;}
.head .more img{ width: 44rem; height: auto;}
.my_two{ background-color: #fff; border-radius: 24rem; padding: 0rem 36rem;}
.my_two ul li a{ display: flex; align-items: center; justify-content: space-between;}
.my_two ul li{ border-bottom: 2rem #EEEEEE solid; padding: 48rem 0rem;}
.my_two ul li:last-child{ border-bottom: 0px;}
.my_two ul li a .tpleft{ font-size: 42rem; gap: 24rem;}
.my_two ul li a .tpleft img{ width: 54rem; height: auto;}
.my_two ul li a .tpleft{ font-size: 42rem; gap: 24rem;}
.my_two ul li a .arrow{ background-image: url(../images/right26.png); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 45rem; height: 45rem;}
.tabcontainer.no12{ margin-top: 0rem;}
.tabcontainer.no12 .tabbtns{ padding-top: 0px;}
.order_four ul li{background-color: #fff; border-radius: 24rem; padding: 36rem; font-size: 36rem; margin-bottom: 36rem;}
.order_four ul li .box { align-items: flex-start; margin-bottom: 36rem;}
.order_four ul li .box .tpleft img{ width: 150rem; height: auto;}
.order_four ul li .box .tpleft .mess{ flex:1; overflow: hidden; margin-left: 36rem;}
.order_four ul li .box .tpleft .mess .tit{ font-size: 42rem; margin-bottom: 12rem;}
.order_four ul li .box .tpleft .mess .price{ color: #2D8CF0; font-size: 48rem;}
.order_four ul li .box .date{  color: #999;}
.order_four ul li .box2{background-color: #F8F8F8; border-radius: 36rem; padding: 36rem; margin-bottom: 36rem;}
.order_four ul li .box2 .items{ padding: 12rem 0rem;}
.order_four ul li .box2 .items .tpleft{ color: #666;}
.order_four ul li .box3{ justify-content: flex-end; gap: 36rem;}
.order_four ul li .box3 .btn{ width: 228rem; height: 80rem; display: flex; align-items: center; justify-content: center; border-radius: 150rem; font-size: 39rem; color: #666; background-color: #EEEEEE;}
.order_four ul li .box3 .btn.see{background: linear-gradient( 90deg, #95C8FF 0%, #2D8CF0 100%);color: #fff;}

.c2c_class .container{gap: 51rem;}
.c2c_class .items{ font-size: 42rem; position: relative; padding: 20rem 0px; white-space:nowrap}
.c2c_class .items .infor{ color: #fff;gap: 12rem;}
.c2c_class .items .infor img{ width: 60rem; height: auto;}
.c2c_class .items .box{ position: absolute; width: 240rem; background-color: #fff; padding: 12rem 0rem; left: 0px;top: 100%; border-radius: 20rem; display: none;}
.c2c_class .items .box ul li{ text-align: center;border-bottom: 2rem #EEEEEE solid; padding: 12rem 0rem; font-size: 36rem;}
.c2c_class .items .box ul li:last-child{ border-bottom: 0px;}
.c2c_class .items:hover .box{ display: block;}
.c2c_class .items .ico{border: 12rem solid transparent;border-top: 12rem solid #fff; margin-top: 6rem; margin-left: 10rem;}

.c2c_list ul li{background-color: #fff;border-radius: 36rem; padding: 36rem; font-size: 36rem; margin-bottom: 36rem; }
.c2c_list ul li .box{ gap: 36rem; border-bottom: 2rem #D9D9D9 solid; padding-bottom: 36rem; margin-bottom: 36rem;}
.c2c_list ul li .box .photo{ width: 120rem; position: relative;}
.c2c_list ul li .box .photo img{ width: 120rem; height: 120rem; border-radius: 50%;}
.c2c_list ul li .box .tit{ font-size: 45rem; font-weight: 600;}
.c2c_list ul li .box .photo:before{
  content: ""; width: 18rem; height: 18rem; background-color: #00D31E; border-radius: 50%; position: absolute; right: 0rem; bottom: 0rem;
}
.c2c_list ul li .price{font-size:51rem; font-weight: 600;}
.c2c_list ul li .desc{ color: #666; margin-top: 12rem;}
.c2c_list ul li .pay_31 { margin-top: 29rem;}
.c2c_list ul li .pay_31 .tpleft{gap: 24rem;}
.c2c_list ul li .pay_31 .tpleft img{ width: 48rem;height: auto;}
.c2c_list ul li .pay_31 .btn{    width: 180rem;
    height: 80rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 150rem;
    font-size: 39rem;
        background-color: #EDF4FF;
    color: #2D8CF0;}

  .online_3{ width: 150rem; height: 150rem; border-radius: 50%; background-color: #fff; position: fixed; right: 36rem; bottom: 10%;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: center; font-size: 30rem; text-align: center; overflow: hidden; z-index: 10;}
  .online_3 img{ width: 60rem; height: auto; margin: 0px auto;}

  .tabbtns .btn{ color: #666;}
  .tab_box .tabbtns .btn.active{ color: #333;}
  .tabbtns.spec .btn{ color: #333;}
  .tabbtns.spec .btn .line::before{ background-color: #333;}
  .tabbtns.spec .btn .line::after{ background-color: #333;}
  .tabbtns.spec{ margin-bottom: 20rem;}

  .nav_bg .nav{ display: flex; justify-content: space-between; }
.nav_bg .nav li{ flex:1;}
.nav>li>a, .header>a{ white-space:nowrap}

.tab_box .tool .btn img{ width: 60rem; height: auto;display: block;}
.tab_box .tool{gap: 36rem;}
.search_2 .sear_one .icon{ background: none; padding: 0px; border: 0px;}
.grad_class { margin-bottom: 10rem; color: #666;}
.grad_class .lab{ background-color: #fff; color: #666666; border-radius: 150rem; line-height: 1; padding: 10rem 24rem;}
.grad_class .lab.active{ color: var(--orgColor);}
.Online_time .txt{ color: #666;}
.Online_time .items{  position: relative; padding: 20rem 0px; white-space:nowrap}
.Online_time .items .infor{ color: #666;gap:5rem;}
.Online_time .items .infor img{ width: 60rem; height: auto;}
.Online_time .items .box{ position: absolute; width: 240rem; background-color: #fff; padding: 12rem 0rem; left: 0px;top: 100%; border-radius: 20rem; display: none;box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);}
.Online_time .items .box ul li{ text-align: center;border-bottom: 2rem #EEEEEE solid; padding: 12rem 0rem; font-size: 36rem;}
.Online_time .items .box ul li a{ color: #666;}
.Online_time .items .box ul li:last-child{ border-bottom: 0px;}
.Online_time .items:hover .box{ display: block;}
.Online_time .items .ico{    border: 12rem solid transparent;
    border-top: 12rem solid #666;
    margin-top: 6rem;
    margin-left: 10rem;}
  .my_box{height: 519px;
background: #FFFFFF;
box-shadow: inset 0px 0 15px 0px rgba(166,166,166,0.1);
border-radius: 48px 48px 48px 48px;
border: 2px solid rgba(255,255,255,0.05);}
.my_box{
 background-color: transparent;
    background-image: url(../images/ubg.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    background-size: 100% 100%;
    padding-top:50rem;
    position: relative;
    height: 539rem;
    margin-bottom: 48rem;
}
.my_box .set_box1{ margin-left: 48rem;gap: 36rem; margin-bottom: 48rem;}
.my_box .set_box1 .ico{ width: 132rem; height: auto;}
.my_box .set_box1 .infor .lab{ color: #666; font-size: 42rem; margin-bottom: 6rem;}
.my_box .set_box1 .infor .num{ color: #333; font-size: 60rem; font-weight: bold;}
.my_box .set_box2{ margin: 0rem 48rem;background-color: #F7F7F7; border-radius: 36rem; padding: 30rem 0rem;}
.my_box .set_box2 .item{ flex:1; overflow: hidden;text-align: center;}
.my_box .set_box2 .item .desc{ color: #666;  font-size: 36rem; margin-top:20rem;}
.my_box .set_box2 .item .date{ color: #333;font-size: 54rem; font-weight: bold;}
.my_box .setting{ position: absolute;  right: 0rem; width: 388rem;gap: 24rem; top: 9rem;}
.my_box .setting .btn{ flex:1;text-align: center;background-color: #fff; padding: 23rem 0rem; border-radius: 150rem; line-height: 1.2; color: var(--orgColor);}
.my_box .setting .btn.active{ color: #fff;background: linear-gradient( 90deg, #95C8FF 0%, #2D8CF0 100%);}
.invitation_box{ width:930rem;}
.invitation_box .content{ position: relative;}
.invitation_box .content img{ width: 100%; height: auto;}
.invitation_box .content .icon{ position: absolute; left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);width: 373rem; top: 575rem;}
.invitation_box .refer{gap: 36rem; margin-top: 118rem;}
.invitation_box .refer .button1{background: #FFFFFF;flex:1;
border-radius: 150rem; color: #2D8CF0;
border: 2rem solid #10B267; height: 120rem; font-size: 48rem; }
.invitation_box .refer .button1.active{background: linear-gradient( 90deg, #95C8FF 0%, #2D8CF0 100%);border: 0px; color: #fff;}

.txvip .top-up{
background-image: url(../images/phonebg_03.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 330rem;
padding: 0rem 72rem; color: #fff;
}
.txvip .wait{ padding: 48rem 36rem;}
.txvip .top-up .tpright{color: rgba(255,255,255,0.85); line-height: 1.9;}
.txvip .top-up .tpleft{ font-size: 42rem;}
.txvip .top-up .tpleft .big{ font-size: 90rem; font-weight: bold; margin-top: 15rem;}
.border_31{padding: 48rem 36rem;box-shadow: 0px 0 12px 0px rgba(0,0,0,0.05); background-color: #fff; border-radius: 36rem; margin-bottom: 48rem;}
.free_12 .list{ margin-bottom: 65rem;}
.free_12 .list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24rem;
align-items: stretch;}
.free_12 .list ul li{height: 183rem;border-radius: 36rem; display: flex; align-items: center;justify-content: center; font-size: 45rem;
background: #F7F7F7; border: 3rem #F7F7F7 solid;}
.free_12 .list ul li.active{ border: 3rem #1B89F0 solid;}
.free_12 .other{ font-size: 42rem; color: #666; gap:20rem;}
.free_12 .other .txt{ width: 220rem;}
.free_12 .other .formbit{ flex:1; overflow: hidden; height: 63rem; line-height:normal; border: 0px; outline: none; font-size: 45rem;}
.free_12 .other .formbit::-webkit-input-placeholder {
color:#CCCCCC; 
}
.free_12.one .other{ padding: 42rem 0rem;border-bottom: 2rem solid #EEEEEE;}
.fixed-button .tpleft .num{font-weight: 600;
font-size: 45rem;}
.fixed-button .tpleft .lab{
color: #999999;}