@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{
    --linkColor:#B3945E;
   }
   
body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:36rem; background:#fef6e1; 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-center{display: flex;align-items: center; justify-content: center;}
.flex-column{flex-direction: column;}

.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;}
.bg2{background-image: url(../images/bg1.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.bg4{background-image: url(../images/corbg.jpg); background-repeat: no-repeat;background-position: center top; background-size: 100% auto;}
.head_1{ padding: 55rem 0px 0px; position: relative; z-index: 20;}
.head_1 .logo{ color: #684910; font-size: 54rem; font-weight: 500; margin-right: 30rem; }
.head_1 .search_1{ flex:1;}
.head_1 .sear_one{ width: 100%; background-color: #FCEED4; height: 96rem; border-radius: 57rem; padding: 0rem 33rem;}
.head_1 .sear_one .sumbit{ background: none; border: 0px; outline: none; cursor: pointer; margin-right: 20rem;}
.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;}
.head_1 .sear_one .formbit::-webkit-input-placeholder {
    color:#b9a47b; 
    }
.banner{  border-radius: 20rem; overflow: hidden; margin-top: 52rem; margin-bottom: 34rem;}
.banner img{}
.notice_1{ background-color: #FFEAC4; border-radius: 150rem; padding: 0px 36rem; height: 120rem; border: 1px #A2865D solid;}
.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: #A2865D; font-size: 42rem; flex:1; }
.notice_1 .items marquee{ display: block;}

.menu_1{ padding: 36rem 26rem;
    }
.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; padding: 0rem 15rem;}
.menu_1 ul li a img{ width:132rem; height: auto;  margin-bottom:24rem;}
.envelope{ text-align: center; margin-bottom: 47rem;}

.index_hot{ margin-bottom: 35rem; }
.index_hot .tpleft{ font-size: 47rem;  font-weight: 600; color: #000; display: flex; align-items: center; margin-left: 37rem;}
.index_hot .tpleft img{ width: auto; height: 84rem;  margin-right: 23rem; }
.index_hot .more{ color: #999;}
.index_hot .more img{ width: 36rem;height: auto; margin-left: 15rem;}
.hot_sales{  margin-bottom: 36rem;}
.hot_sales ul{display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 38rem 0rem;
align-items: stretch;}
.hot_sales ul li{ background-color: #fffcf5; padding: 36rem; border-radius: 24rem; background-color: #fff; display: flex; align-items: center; justify-content: space-between;}
.hot_sales ul li .pic img{ width: 180rem; height: 180rem; border-radius: 24rem;}
.hot_sales ul li .content{ flex:1; margin: 0px 30rem;}
.hot_sales ul li .more{color: #F9EFA9; width: 214rem; height: 96rem; display: flex; background-image: url(../images/btn1.png);background-repeat: no-repeat; background-position: center center; background-size: cover; align-items: center; justify-content: center;
}
.hot_sales ul li .content .title{ font-size: 45rem; color: #000;font-weight: 600; margin-bottom: 15rem; margin-top: 24rem;}
.hot_sales ul li .content .desc { margin-bottom: 24rem;}
.hot_sales ul li .content .desc .lab{background: #f1cf92; border-radius: 12rem; color: #684910; line-height: 60rem; padding: 0rem 15rem; display: inline-block; }
.hot_sales 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: linear-gradient(180deg, rgba(252, 217, 157, 1) 0%, rgba(255, 240, 212, 1) 100%);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: 66rem; width: auto;}
.xf_menu ul li .icon .img2{ display: none; }
.xf_menu ul li a{ color:#b3945d; text-align:center;  display: flex; flex-direction: column;}
.xf_menu ul li.active a{ color:#17844d;}
.xf_menu ul li.active .icon .img2{ display: block;}
.xf_menu ul li.active .icon .img1{ display: none;}

.fullpage{
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.head{
  height: 155rem;
  line-height: 155rem;
  text-align: center;
  font-size: 51rem;
  color:#000;
  position: relative;
}
.head .back{ width: 66rem; height: 66rem; background-image: url(../images/right25.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left:54rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.search_2{margin-top: 40rem; margin-bottom: 42rem;}
.search_2 .sear_one{ width: 100%; }
.search_2 .sear_one .box{background-color: #fceed4; height: 96rem; border-radius: 57rem; padding: 0rem 8rem 0rem 33rem; flex:1; overflow: hidden;}
.search_2 .sear_one .sumbit{ border: 0px; outline: none; cursor: pointer; width: 130rem; height: 90rem; line-height: normal; text-align: center;  color: #fff; font-size: 45rem; color: #684910; background: none; font-weight: 500; margin-left: 45rem;}
.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:#b9a47b; 
    }

    .equity { flex:1; overflow-y: auto; display: flex; align-items: stretch; background-color: #fef6e1; border-radius: 48rem 48rem 0rem 0rem;}
    .equity .equ_left{ width: 36%; background-color: #f6e6c8; overflow-y: auto;}
    .equity .equ_left ul li a{display: block; height: 150rem; line-height: 150rem; text-align: center; color: #666; font-size: 39rem; position: relative;}
    .equity .equ_left ul li.active a{ background-color: #fef6e1; color: #684910; font-size: 45rem; font-weight: 600; }

    .equity .equ_right{overflow-y: auto; padding: 48rem 36rem; flex:1;}
    .equity .equ_right .equ_tit{ font-size: 45rem;line-height: 1; background-repeat: no-repeat; margin-bottom: 34rem; color: #999;}
    
 .equ_list { width: 100%; margin-bottom: 60rem;}
 .equ_list ul{}
.equ_list ul li{ padding: 36rem; background-color: #fffefb; border-radius: 24rem; margin-bottom: 24rem; }
.equ_list ul li a{ display: flex; align-items: center;}
.equ_list ul li a img{ width:120rem; height: auto;}
.equ_list ul li a .box{ margin-left: 36rem; flex:1; overflow: hidden;}
.equ_list ul li a .box .title{ font-size: 42rem; margin-bottom: 5rem;}
.equ_list ul li a .box .infor .lab{ background: #f1cf92;
  border-radius: 12rem;
  color:#826228; display: inline-block;
  line-height: 60rem;
  padding: 0rem 15rem;}
.main_content{ flex:1; overflow-y: auto; margin-top: 30rem;}
.order_class { margin-bottom: 33rem;}
.order_class ul { width: 100%;}
.order_class ul li{ height: 84rem; line-height: 84rem; background-color: #FEF6E1; border-radius: 24rem; font-size: 42rem; color: #666; display: inline-block; padding: 0rem 36rem; min-width: 240rem; text-align: center;}
.order_class ul li.active{ background-color:#F1CF92; color:#684910; font-weight: 600;}
.order_list ul li{ background-color: #fff; border-radius: 36rem; padding: 36rem; margin-bottom: 24rem;}
.order_list ul li .title .txt{ flex:1; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right: 20rem; font-size: 42rem; font-weight: 600;}
.order_list ul li .title .more{ width: 36rem; height: 36rem; background-image: url(../images/right3.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
.order_list ul li .list{ margin: 12rem 0rem 24rem;}
.order_list ul li .list dd{ display: flex;  align-items: center;  color: #666; padding:8rem 0rem;}
.order_list ul li .list dd .tpleft{ width: 320rem;}
.order_list ul li .list dd .cont{ flex:1; overflow: hidden;}
.order_list ul li .infor .tpright{ font-size: 42rem;color: #666;}
.order_list ul li .infor .tpright .price{ color: #684910; font-weight: 600;}
.order_list ul li .infor .btn{ border: 2rem #2D8CF0 solid; border-radius: 12rem; padding: 0rem 24rem; line-height: 60rem; color: #2D8CF0;}
.order_list ul li .infor .green{border: 2rem #07C160 solid; color: #07C160;}
.order_list ul li .infor .red{border: 2rem #FE1705 solid; color: #FE1705;}
.order_list ul li .infor .org{border: 2rem #FF5605 solid; color: #FF5605;}

.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: #1A1A1A;}
.order_1 .set_four .infor .num{  color: #666; margin: 12rem 0rem;}
.order_1 .set_four .infor .lab{ background-color: #f1cf92; line-height: 60rem; padding: 0rem 24rem; border-radius: 150rem; color:#684910; font-size: 33rem; display: inline-block; margin-left: 5rem;}
.order_1 .set{ color: #666; 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(145.75deg, rgba(245, 190, 90, 1) 14.08%, rgba(243, 204, 117, 1) 92.88%);border: 3rem solid #FFFFFF; border-radius: 36rem; padding: 36rem; color: #666;margin-bottom: 36rem;}
.order_2 .wallet_2 { padding: 0rem 14rem;}
.order_2 .wallet_2 .tpleft .txt{ font-size: 45rem; color: #666;}
.order_2 .wallet_2 .tpleft .price{ font-size: 75rem; font-weight: 600; color: #000;}
.order_2 .wallet_2 .tpright a{ width: 238rem; height: 96rem; display: flex; align-items: center; justify-content: center;background-image: url(../images/blackbg.png);background-repeat: no-repeat; background-position: center center; background-size: cover;
 font-size: 39rem;  color: #F9EFA9;}

.wallet_3{ padding: 48rem 0rem; background-color: rgba(255,255,255,0.7); border-radius: 24rem; margin-top: 24rem;}
.wallet_3 ul li{ flex:1; text-align: center;}
.wallet_3 ul li .num{ font-size: 54rem; font-weight: 600;margin-bottom: 17rem; color: #333;}
.wallet_3 ul li .txt{ }

.border_2{ background-color: #fff; padding: 36rem; border-radius: 36rem; margin-bottom: 36rem;}
.border_3{ background-color: #fff; padding:0rem 36rem; border-radius: 36rem; margin-bottom: 36rem;}
.index_bt{ margin-bottom: 20rem; position: relative; z-index: 9;}
.index_bt .tpleft{ font-size: 45rem; font-weight: 600;}
.index_bt .more{ color: #999999;}
.index_bt .more img{ margin-left: 12rem; width: 36rem;}
.myorders{ background:#fff;}
.myorders:before{ content: ""; width: 100%; left: 0px; top: 0px;}
.myorders ul{ display: flex;  align-items: stretch; flex-wrap: wrap;  padding: 36rem 0rem;position: relative; z-index: 9;}
.myorders ul li{ width: 25%; text-align: center;}
.myorders ul li a{ font-size: 42rem;}
.myorders ul li a .icon{text-align: center; position: relative; width: 86rem; height: 86rem; margin: 0px auto 20rem;}
.myorders ul li a .icon img{ height: 100%; width: 100%;}
.myorders ul li a .icon .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: -20rem;
  top: -11rem;}
.my_adv{ margin-bottom: 36rem;}
.my_adv img{ width: 100%;}
.com_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 27rem 27rem;
align-items: stretch;}
.com_list ul li{ background-color: #fef6e1; border-radius: 36rem; height: 180rem; padding: 0rem 36rem; display: flex; align-items: center; justify-content: center;}
.com_list ul li a{ display: flex; align-items: center; flex-direction: column;}
.com_list ul li a .icon{ width: 60rem;}
.com_list ul li a .t{ flex:1; font-size: 39rem; margin-left: 18rem;}

.pay_one{ margin-bottom: 0px;}
.pay_one .ico{ width: 268rem; margin-bottom: -30rem;}
.pay_one .content{ flex:1;}
.pay_one .content .title{ font-size: 51rem; margin-bottom: 18rem;}
.pay_one .content .infor{ font-size: 42rem; color: #666;}
.pay_one .content .infor img{ width: 42rem; margin-right: 24rem;}
.pay_two{ position: relative; z-index: 10;}
.pay_two .ico{ width: 150rem; height: auto;}
.pay_two .infor{ flex:1; overflow: hidden; margin-left: 36rem;}
.pay_two .infor .txt{ font-size: 45rem; font-weight: 600;  margin-bottom: 18rem;}
.pay_two .infor .txt .count{ font-size: 36rem; color: #999; margin-right: 36rem;}
.pay_two .infor .price{color: #FE1705; font-size: 48rem;}
.radio1[type='radio']{ width:55rem; height:55rem; border:1px #999 solid; border-radius:50%;-webkit-appearance: none;outline: none; 
    cursor: pointer;}
.radio1[type=radio]:checked {
    background: url(../images/system-complete.png)no-repeat center;
	  background-size:cover;
    border: 0px solid #535353;
}


.cardinfo{
  background: #fff;
}

.cardinfo .ico{
  width: 120rem;
  margin-right: 36rem;
}

.cardinfo .info .label{
  font-size: 36rem;
  color: #999;
}

.cardinfo .info .t{
  height: 63rem;
}

.cardinfo .price{
  margin-left: 36rem;
  font-size: 48rem;
}

.cardinfo .list .row{
  font-size: 42rem;
  line-height: 58rem;
  border-bottom: 1px #f0f0f0 solid;
}
.cardinfo .list .row:last-child{ border-bottom: 0px;}
.cardinfo .txt{
  text-align: right;
}

.cardinfo .txt.red{
  font-size: 48rem;
}

.payinfo .ico{
  width: 96rem;
  margin-right: 36rem;
}

.payinfo .info .t{
  height: 58rem;
  font-weight: normal;
}

.payinfo .btn img{
  width: 54rem;
  height: auto;
}

.payinfo .info .label{
  font-size: 36rem;
  color: #999999;
}
.cardinfo .txt .pic2{ width: 36rem; margin-left: 12rem;}
.cardinfo .txt.coupon5{ display: flex; align-items: center; justify-content: flex-end;}
.cardinfo .list{ padding: 0rem 0rem;}
.cardinfo .list .row{ padding:36rem 0rem;}
.cardinfo .list .row{border-bottom: 1px #f0f0f0 solid;}
.red1{ color: #FE1705;}
.cardinfo .list .row .tpright{ display: flex; align-items: center; justify-content: flex-end;}
.cardinfo .list .row .tpright .icon{ width: 36rem; margin-left: 11rem;}
.cardinfo .list .row .tpright .icon img{ display: block;}
.pay_three .icon{ width: 120rem;}
.pay_three .infor{ flex:1; margin: 0px 36rem;}
.pay_three .infor .tit{ font-size: 45rem; font-weight: 500;}
.pay_three .infor .eng{ color: #999;}
.pay_three .btn{ width: 54rem; margin-right: 30rem;}

.fixed-button{
    
  padding: 24rem 36rem;
  display: flex;
  align-items: center; background-color: #fef6e1;
}
.fixed-button.no3{background: linear-gradient(180deg, rgba(252, 217, 157, 1) 0%, rgba(255, 240, 212, 1) 100%);}
.fixed-button.no5{ background: none;}

.fixed-button .button{
  flex:1;
  font-size: 51rem;
  height: 120rem;
  line-height: 120rem;
  text-align: center;
   border-radius: 24rem;
}

.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);
}
.fixed-button .ico-button.cash::before{
  background-image: url(../images/cash1.png);
}
.fixed-button .yj-submit{ background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid;}
.charge_one { background-color: #fff; border-radius: 75rem 75rem 0rem 0rem; padding: 36rem; color: #666; flex-wrap: wrap;}
.charge_one img{ width: 36rem; height: auto; margin-right: 10rem;}
.charge_one ul li{ padding: 36rem 0rem; border-bottom: 2rem #D9D9D9 solid;}
.charge_one ul li:last-child{ border-bottom: 0px; padding-bottom: 0px;}
.charge_one ul li .title{ font-size: 42rem; margin-bottom: 24rem; color: #333;}
.charge_one ul li .input .icon4{ width: 32rem;}
.f-1{ flex:1; }
.charge_one ul li .input .icon5{ width: 45rem;}
.charge_one ul li .input .formbit{overflow: hidden; height: 59rem; line-height: normal; border: 0px; outline: none; margin: 0px 15rem; font-size: 42rem; color: #000;}
.charge_one ul li .input .red{ color:#FE1705;}
.charge_one ul li .input .icon4 img{ display: block;}
.charge_one ul li .input .icon5 img{ display: block;}
.charge_one ul li .input .formbit::-webkit-input-placeholder {
  color:#999999; 
  }
.charge_one ul li .input .gray{ color: #ccc;}
.charge_class{ padding: 48rem 36rem 24rem;}
.charge_class ul li{ background-color: #fff; border-radius: 24rem; height: 84rem; line-height: 84rem;  margin-right: 72rem; color: #666; font-size: 42rem; width: 213rem; display: flex; align-items: center; justify-content: center;}
.charge_class ul li img{ height: 51rem; width: auto; margin-right: 12rem; display: inline-block;}
.charge_class ul li .img2{ display: none;}
.charge_class ul li.cur{ background-color: var(--linkColor); color: #fff;}
.charge_class ul li.cur .img2{ display: block;}
.charge_class ul li.cur .img1{ display: none;}
.charge_two{ background-color: #fff; padding: 36rem; margin-bottom: 47rem;}
.charge_list{ margin-bottom: 45rem;}
.charge_list ul li{ background-color: #F5F5F5; border-radius: 36rem; height: 147rem; display: flex; align-items: center; justify-content: space-between; padding: 0rem 48rem; margin-bottom: 24rem;}
.charge_list ul li .tpleft .radio{ width: 48rem; height: 48rem; border-radius: 50%; border: 2rem #D9D9D9 solid; background-color: #fff;}
.charge_list ul li .tpleft .price{ font-size: 54rem; font-weight: 600; margin-left: 36rem; margin-right: 24rem;}
.charge_list ul li .tpleft .hot{ background-color: #EC1717; border-radius: 36rem 36rem 36rem 6rem; color: #fff; font-size: 30rem; line-height: 54rem; display: inline-block; padding: 0rem 18rem;}
.charge_list ul li .tpright .gray{ font-size: 42rem; color: #666; margin-left: 24rem;}
.charge_list ul li .tpright .rember{ background-color: #F1D8B9; color: #936749; font-size: 33rem; display: inline-block; border-radius: 150rem; padding: 0rem 18rem; line-height: 47rem;}
.charge_two .title_1{ font-size: 42rem; font-weight: 600; margin-bottom: 18rem;}
.charge_two .desc{ color: #666; margin-bottom: 24rem;}
.charge_list ul li.active .tpleft .radio{ background-image: url(../images/system-complete.png); background-position: center; background-repeat: no-repeat; background-size: cover; border: 2rem #17844d solid;}
.charge_list ul li.active{ background-color: #fff; border: 3rem #17844d solid;}
.charge_list:last-child{ margin-bottom: 0rem;}

.tabcontent_1 .charge_two{
	display:none;
}
.tabcontent_1 .charge_two.cur{
	display: block;
}
.charge_one.no1{ padding: 36rem 72rem; margin-bottom: 36rem;}
.charge_one.no1 ul{ padding-top: 30rem;}
.charge_one.no1 ul li .tpright{ display: flex; align-items: center; justify-content: flex-end;}
.charge_one.no1 ul li .tpright .formbit1{ flex:1; text-align: right; border: 0px; outline: none; font-size: 42rem;}
.charge_one.no1 ul li .title{ margin-bottom: 0px;}
.charge_one.no1 ul li .tpright .formbit1::-webkit-input-placeholder {
  color:#999;
  }
.charge_one.no1 ul li .tpright .icon22 img{ display: block;}
.charge_one.no1 ul li .tpright .tit1{ font-size: 45rem; color: #333;}
.charge_two.no3 .title_1{ margin-bottom: 36rem;}
.charge_two .desc2{ color: #999999; }
.bg3{ background-image: url(../images/loginbg.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.register_1{ position: relative; display: flex; align-items: center; justify-content: flex-end;}
.register_1 .photo{ width: 816rem;}
.register_1 .content{ position: absolute; left: 66rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); color: #007674; font-weight: 600;}
.register_1 .content .eng{ font-size: 105rem;}
.register_1 .content .title{ font-size: 75rem;}
.login_m{ padding-top: 811rem; display: flex; flex-direction: column; height: 100vh;  }
.login_m .login_2{  padding: 90rem 60rem 30rem;border-radius: 80rem 80rem 0px 0px; background-color: #fff; flex:1; overflow-y: auto; }

.login_m .login_2 ul li{ margin-bottom: 36rem;}
.login_m .login_2 ul li.no1{ margin-bottom: 60rem;}
.login_m .login_2 ul li.no1 .box{display: flex; align-items: center; justify-content: space-between; height: 150rem; padding: 0rem 48rem; background-color: #fef6e1; border-radius: 100rem; padding: 0rem 48rem;}
.login_m .login_2 ul li.no1 .icon{ width: 48rem; margin-right: 14rem;}
.login_m .login_2 ul li.no1 .icon img{ display: block;}
.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{   display: block;  width: 100%;
  border: 0px;
  color: #666;
  text-align: center; display: flex; align-items: center; justify-content: center;
  height: 150rem;
  line-height: normal;
  border-radius: 36rem; background-color: #fff;
  font-size: 51rem; 
  cursor: pointer;
  outline: none; font-weight: 500;}
.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; background-color: #fff;}
.login_m .login_2 ul li.no4 input[type=radio]:checked {
  background: url(../images/system-complete.png) no-repeat center;
background-size:cover;
  border: 0px;
}
.login_m .login_2 ul li.no4 a{ color: #007674;}
.login_m .login_2 ul li.no1 .txt1{ margin-left: 38rem; color: #999; margin-top: 24rem;}
.login_m .login_2 ul li .sumbit.active{background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); border-radius: 100rem; border: 4rem #e7ca6e solid; color: #fff;}
.login_m .login_2 ul li.no31{ margin-top: 90rem;}
.login_m .login_2 ul li.no4{ margin-top: 90rem;}
.login_m .login_2 ul li.no1 .code{ color: #007674; font-size: 45rem; background: none; border: 0px;white-space:nowrap; cursor: pointer;}
.login_m .login_2 ul li.no1 .forget{ margin-top: 36rem;}
.login_m .login_2 ul li.no1 .forget a{ color: #007674;}

.pay_two2{background: linear-gradient(180deg, rgba(251, 239, 216, 1) 0%, rgba(255, 255, 255, 1) 55%);align-items: flex-start; padding-top: 40rem; padding-bottom: 40rem; flex-direction: column; text-align: center;}
.pay_two2 .ico{ width: 201rem;}
.pay_two2 .infor{ flex:1; overflow: hidden; margin-left: 24rem;}
.pay_two2 .infor .txt{ font-size: 60rem; font-weight: 600; margin-bottom: 18rem;}
.pay_two2 .infor .desc{ color: #999;}


.dr_class{ margin-bottom: 38rem;}
.drawal_1 .title{ font-size: 45rem;}
.drawal_1 .box { margin: 45rem 0rem;}
.drawal_1 .box .tpleft .lab{ font-size: 75rem; font-weight: 500;}
.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;}
.drawal_1 .box .tpleft .infor{ color: #999;}
.drawal_1 .box .sumbit{ color:#DE4230; background: none; border: 0px; cursor: pointer; outline: none; font-size: 36rem;}
.drawal_1 .box .tpleft .formbit::-webkit-input-placeholder {
    color:#999999;
    }
.drawal_1 .tip{ border-top: 2rem #EEEEEE solid; color: #999; padding-top: 38rem;}
.drawal_1 .items{ background-color: #fff; border-radius: 36rem; margin-bottom: 36rem; padding: 36rem;}
.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;}
.dr_class ul { }
.dr_class ul li{ display: flex;align-items: center; justify-content: center; cursor: pointer; color: #333; font-size: 45rem;padding: 20rem 0rem 30rem; position: relative; width: 48.5%;  background-color: #fff; border-radius: 36rem; position: relative;}
.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;
    }
.dr_class ul li.cur:before{ content: ""; position: absolute; left: 50%;border: 30rem solid transparent;border-bottom: 20rem solid #fff;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: -42rem;}
.dr_class ul li.cur{background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #fff; border-radius: 100rem; border: 4rem #e7ca6e solid;
 border-radius: 100rem;
}
.dr_class ul li.cur img{filter: brightness(0) invert(1);}

.dr_tab ul li.last{flex-direction: column; align-items: flex-start; margin-bottom: 10rem;}
.dr_tab ul li.last .weix{ width: 300rem;}
.dr_tab ul li.last .txt{ margin-bottom: 35rem;}
.tabcontent_1 .dr_tab{
	display:none;
}
.tabcontent_1 .dr_tab.cur{
	display: block;
}
.order_class{ overflow-x: auto;}
.order_class .box{ width: 100%;}
.order_class.no2 ul li{ white-space:nowrap; margin-right: 36rem;}

.remove .items{ margin-bottom: 36rem; background-color: #fff; border-radius: 36rem;}
.remove .items .item_tit{ font-size: 45rem; color: #fff; font-weight: 600;min-width: 297rem; height: 81rem;background-color: #a473f8; border-radius: 36rem 0rem 36rem 0rem; display: inline-flex; padding-right: 36rem; padding-left: 20rem;}
.remove .items .item_tit img{ width: 45rem; height: auto; margin-right: 20rem;}
.remove .items .box{ padding: 16rem 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 20rem;}
.remove .items:nth-child(2n) .item_tit{ background-color: #26955e;}
.remove .items .box .tab_two ul:nth-child(odd){ background-color: #fbefd8;}

.successful_1{ padding-top: 287rem; text-align: center;}
.successful_1 .pic img{ width: 600rem;}
.successful_1 .tit{ font-size: 75rem; font-weight: 600;  margin-bottom: 120rem;}
.successful_1 .more{  width: 496rem; height: 120rem;   font-size: 48rem; color: #fff;
  border-radius: 36rem; display: flex; align-items: center; justify-content: center; background-color: var(--linkColor);
  color: #ffffff; margin: 0px auto;}

  .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; color: #999;}
  .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;
    }
.charge_one.no4{ border-radius: 24rem; margin-bottom: 24rem;}
.charge_one.no4 ul li{ padding-top: 0px;}
.charge_one.no4 ul li .input .formbit{ margin: 0px;}
.income_4{background: linear-gradient(138.69deg, rgba(245, 190, 90, 1) 3.27%, rgba(254, 221, 146, 1) 100%);border: 3rem solid #FFFFFF; border-radius: 36rem; padding: 36rem; color: #666;margin-bottom: 24rem; overflow: hidden; padding:44rem 18rem 44rem 36rem; position: relative;}
.income_4 .photo{ width: 338rem; position: absolute; top: 44rem; right: 10rem;}
.income_4 .content{ flex:1;}
.income_4 .content .title{ font-size: 45rem; color: #666; margin-bottom: 24rem;}
.income_4 .content .price{ color: #000;}
.income_4 .content .price span{ font-size: 75rem; font-weight: 600; margin-left: 20rem;}

.income_9 ul li{ display: flex; align-items: center; justify-content: space-between; height: 132rem; padding: 0rem 36rem;  background-color: #fff; border-radius: 36rem; font-size: 42rem; margin-bottom: 24rem;}
.income_9 ul li 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; background-color: #fff;}
.income_9 ul li input[type=radio]:checked {
  background: url(../images/system-complete.png) no-repeat center;
background-size:cover;
  border: 0px;
}
.income_9 ul li .tpleft img{ width: 60rem; margin-left: 52rem; margin-right: 24rem;}
.income_9 ul li.active input[type='radio'] {
  background: url(../images/system-complete.png) no-repeat center;
background-size:cover;
  border: 0px;
}

.ustd_3{background-color: #fff;
  border-radius: 36rem; padding: 0rem 36rem;
  overflow: hidden; font-size: 42rem; margin-bottom: 24rem;}
.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;}

.drawal_1 .items{    border-bottom: 2rem #EEEEEE solid;}
.drawal_1 .items.gray .title{ color: #999;}
.drawal_1 .items.gray .box .tpleft .lab{ color: #999;}
.drawal_1 .items.gray .box{ margin-bottom: 0rem;}
.coprate .box{ }
.coprate .box .desc{ margin-bottom: 48rem; background-color: #fffaf0; padding: 35rem; margin: 0px 48rem 48rem;}
.coprate .box .desc:last-child{ margin-bottom: 0px;}
.coprate .box .tit{ margin-bottom: 30rem;}
.coprate .box .tit span{ display: inline-block; font-size: 42rem;  background-image: url(../images/corbg5.png); width: 201rem; height: 106rem; color: #fff; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; margin-left: -14rem; line-height: 94rem;}
.pay .cardinfo .txt.coupon5{display: flex;
  align-items: center;
  justify-content: flex-end;}
.pay .cardinfo .txt .pic3{width: 45rem;
    height: 45rem;
    margin-left: 15rem;}
.cardinfo.no4{ background-color: #fff; padding: 10rem 36rem; border-radius: 36rem; margin-bottom: 36rem;}
.cardinfo .list .row .tpright label{ margin-left: 60rem;}

.cardinfo .list .row .tpright label 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; background-color: #fff;}
.cardinfo .list .row .tpright label input[type=radio]:checked {
  background: url(../images/system-complete2.png) no-repeat center;
background-size:cover;
  border: 0px;
}
.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;}
.pay .wait.no1{background: #fff;border-radius: 24rem;}
.pay .wait.no1 .ico{ width: 120rem; height: 120rem;}
.set_pic{ width: 300rem; margin: 0rem auto 48rem; position: relative;}
.set_pic .img1{ width: 100%; height: 300rem; border-radius: 50%;object-fit: cover;
  object-position: center center;}
.set_pic .icon{ width: 72rem; position: absolute; right: 0rem; bottom: 0rem;}

.p_frame{background-color:rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px;width: 100%; height: 100%; display: flex; align-items: flex-end; display: none; }
.p_cont1{ max-width: 1125px; width: 100%; background-color: #fff; border-radius: 48rem 48rem 0rem 0rem;}
.p_cont1 ul li{ height: 171rem;text-align: center; line-height: 171rem; border-bottom: 1px #F5F5F5 solid; font-size: 51rem;}
.p_cont1 ul li.last{border-top: 23rem #F5F5F5 solid; height: 184rem; line-height: 184rem;}
.p_frame.show{ display: flex;}
.p_cont1 .title{ height: 144rem; padding: 0rem 48rem;}
.p_cont1 .title .tpleft{ font-size: 51rem;}
.p_cont1 .title .closed{ width: 60rem;}
.p_cont1 .box{ padding: 0rem 48rem 116rem;}
.p_cont1 .box .form_1{ background-color: #F5F5F5; border-radius: 24rem; height: 131rem; padding: 0rem 0rem 0rem 36rem; position: relative; font-size: 42rem; color: #666;}
.p_cont1 .box .form_1 .formbit{ height: 100rem; background: none; border: 0rem; outline: none; font-size: 42rem; margin-left: 150rem;}
.p_cont1 .box .form_1 .formbit::-webkit-input-placeholder {
  color:#333; 
  }
.p_cont1 .box .form_1 .pic{ width: 42rem; position: absolute; right: 20rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.p_cont1 .box .form_1 .pic img{ display: block; opacity: .8;}
.p_cont1 .box .lab{ color: #999; margin-top: 36rem;}
.p_cont1 .fixed-button{border-top: 1px #F5F5F5 solid;}

.p_cont2{ max-width: 1125px; width: 100%; background-color: #fff; border-radius: 48rem 48rem 0rem 0rem;}
.fixed-button.no11{ background-color: #fff; border-top: 1px #eeeeee solid;}
.p_cont2 .title{ padding: 44rem 47rem; font-size: 44rem;}
.p_cont2 .title .closed2{ width: 50rem;}
.p_cont2 .title .closed2 img{ display: block;}
.p_cont2 .content{ padding: 0px 47rem;  margin-bottom: 90rem;}
.p_cont2 .content .box{ background-color: #f5f5f5; border-radius: 24rem; height: 136rem; position: relative; padding-left: 32rem; font-size: 36rem;}
.p_cont2 .content .box .formbit{ flex:1; overflow: hidden; height: 120rem; line-height: normal; margin-left: 90rem; outline: none; border: 0px; background: none; font-size: 36rem;}
.p_cont2 .content .box .btn{ position: absolute; top: 50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); right: 10px; width: 38rem;}
.p_cont2 .content .box .btn img{ display: block;}
.p_cont2 .content .lab{ color: #999; margin-top: 32rem;}

.coupon { padding: 36rem;}
 .coupon ul li{ display: flex; align-items: center; border-radius: 36rem; overflow: hidden; margin-bottom: 36rem; background-image: url(../images/coupon.png); height: 267rem; background-position: center; background-size: cover; color: #fff;}
 .coupon ul li .tpleft{ width: 240rem; height: 267rem; display: flex; align-items: center; justify-content: center;}
 .coupon ul li .tpleft .num{ font-size: 48rem;}
 .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{ 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 .infor .btn{ display: inline-block;
  line-height: 72rem;
  border-radius: 24rem; margin-right: 22rem;
  border: none;
  padding: 0 30rem;border-radius: 100px;
background: linear-gradient(180deg, rgba(255, 239, 95, 1) 0%, rgba(255, 189, 24, 1) 100%);
border: 2rem solid rgba(197, 139, 80, 1);
  color: rgba(119, 44, 0, 1);}
.coupon ul li .tpleft .lab{ display: flex; align-items: center; }
.coupon ul li .tpright .infor img{ width: 218rem; height: auto;}
.coupon ul li .tpright .lab img{ width: 40rem; height: auto; margin-left: 10rem;}
.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: 923rem;position: relative; height: 1483rem; background-image: url(../images/tklab.png); background-repeat: no-repeat; background-size: cover;}
.p_frame .notice_cont2 .box3{width: 828rem; background-color: #fff; border-radius: 36rem; display: flex; flex-direction: column; padding:39rem 36rem 42rem;  height:1160rem; margin: 0px auto; margin-top: 260rem; overflow-y: auto;}
.p_frame .notice_cont2 .no_box{ background-image: url(../images/Subtract.png); height: 267rem; background-position: center; background-size: 100% 100%; color: #fff;}
.p_frame .notice_cont2 .tpleft{ width: 240rem; height: 267rem;  display: flex; align-items: center; justify-content: center;}
.p_frame .notice_cont2 .tpleft .num{ font-size: 48rem; text-align: center;}
.p_frame .notice_cont2 .tpleft .num span{ font-size: 90rem; font-weight: 600;}
.p_frame .notice_cont2 .tpleft .lab{}
.p_frame .notice_cont2 .content{ flex:1; padding: 0rem 33rem; margin-left: 20rem;}
.p_frame .notice_cont2 .content .tit{ font-size: 45rem; font-weight: 500; margin-bottom: 12rem;}
.p_frame .notice_cont2 .content .date{ margin-top: 5rem;}
.p_frame .notice_cont2 .n_show{ padding-top: 36rem;  flex:1;  overflow-y: auto; margin-bottom: 50rem;}
.p_frame .notice_cont2 .n_show .tit{ font-size: 42rem; font-weight: 500; color: #333;}
.p_frame .notice_cont2 .n_show .desc{color: #666; margin-bottom: 36rem;  line-height: 1.6;}
.p_frame .notice_cont2 .btn{    width: 100%;
  height: 120rem;
  border-radius: 36rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48rem;
  font-weight: 600;background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid;
}
  .p_frame .notice_cont2 .closed{ width: 90rem; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: -167rem; cursor: pointer;}
  .p_frame.coupon2{ align-items: center; justify-content: center;}

  .usdt_one{background: linear-gradient(138.69deg, rgba(245, 190, 90, 1) 3.27%, rgba(254, 221, 146, 1) 100%); border: 3rem solid #FFFFFF;
    border-radius: 36rem;
    padding: 36rem;
    color: #666;
    margin-bottom: 36rem;}
  .usdt_one .content{ margin-bottom: 68rem;}
  .usdt_one .content img{ width: 150rem; height: 150rem; border-radius: 50%;object-fit: cover;
    object-position: center center;}
  .usdt_one .content .txt{ font-size: 51rem; flex:1; margin-left: 36rem;}
  .usdt_one .more{ width: 238rem;
    height: 96rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/blackbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 39rem;
    color: #F9EFA9;}
  .usdt_one .title1{ font-size: 42rem; color: #000; margin-bottom: 12rem; font-weight: 600;}
  .usdt_one .price{ color: #000; font-size: 75rem; font-weight: 600;}

   .usdt_one .content .title1{ font-size: 43rem; color: #1A1A1A;}
.usdt_one .content .infor{ margin-left: 37rem;}
  .usdt_one .content .infor .num{  color: #666; margin: 12rem 0rem;}
  .usdt_one .content .infor .lab{ background-color: #feeed4; line-height: 60rem; padding: 0rem 24rem; border-radius: 150rem; color:#684910; font-size: 33rem; display: inline-block; margin-left: 5rem;}

.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; height: 315rem;}
.balance_2 ul li a{ font-size: 48rem; color:#684910; text-align: center; font-weight: 600;}
.balance_2 ul li a .icon{ width: 120rem;text-align: center; margin: 0rem auto 20rem;}
.balance_2 ul li a .txt{ }


.p_frame.no3{ display: flex; align-items: center; justify-content: center; display: none;}
.p_frame.no3.show{ display: flex;}
 

.drawal_1 .title .gray{ font-size: 42rem; color: #999; margin-left: 24rem;}
.drawal_1 .items.no5 .box .tpleft .formbit{ font-size:42rem; flex:1; text-align: left;}
.drawal_1 .items.no5 .box .tpleft{ width: 100%;}
.drawal_1 .items.no5 .box{ margin: 27rem 0rem;}
.drawal_1 .items.no5 .box .tpleft .formbit::-webkit-input-placeholder {
  color:#ccc; 
  }
.drawal_1 .items.no5{ padding: 0rem; }
.drawal_1 .items.no5:last-child{ border-bottom: 0px; margin-bottom: 0px; }
.drawal_1 .items.no5:last-child .box{ margin-bottom: 0px;}
.drawal_1 .items.no5 .box .tpleft.no2 { color: #ccc; font-size: 42rem;}
.drawal_1 .items.no5 .box .tpleft.no2 .formbit{ flex:none; width: 252rem;}
.drawal_1 .items.no5 .box .tpleft.no2 .gray{ margin-right: 72rem;}
.income_4.no2{ width: 90%; margin: 0rem auto;}
.drawal_1.spea{ margin-top: -20rem; position: relative; z-index: 10;}

.adr_list{ margin-top: 45rem;}
.adr_list ul li{ background-color: #fff; padding: 36rem; border-radius: 36rem; margin-bottom: 36rem; position: relative;}
.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.9; position: relative;}

.adr_list ul li .edit{  position: absolute; right: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.adr_list ul li .edit img{ width: 42rem;}
.adr_list ul li .edit a{ margin-left: 72rem;}
.adr_list ul li .chico_3{ position: absolute; right: 0rem; top: 0rem; background-color: #f6c261; color: #684910; border-radius: 0rem 36rem 0rem 36rem; line-height: 66rem; padding: 0rem 24rem; display: none;}
.adr_list ul li.active .chico_3{ display: block;}

.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; border-bottom: 2rem #EEEEEE solid; height: 140rem; font-size: 42rem;}
.Address_1 .box4{ padding: 0rem 36rem;}
.Address_1 .list ul li .tpleft{ width: 310rem;}
.Address_1 .list ul li .formbit{ flex:1; height: 80rem; line-height: normal; border: 0px; outline: none; text-align: left;}
.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 .set .btn_4 { height: 66rem; margin-left: 60rem;}
.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;}

.order_two ul li{ border-radius: 36rem; background-color: #fff; padding: 36rem; margin-bottom: 24rem;}
.order_two ul li .onum{ background-image: url(../images/greenicon.png) ; background-position: left center; background-repeat: no-repeat;  background-size: 52rem 60rem; padding-left: 75rem; flex:1;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

.order_two ul li .title .button{ border: 2rem #2D8CF0 solid; border-radius: 12rem; padding: 0rem 24rem; line-height: 60rem; color: #2D8CF0;}
.order_two ul li .title .yj-expire{border: 2rem #999999 solid; color: #999999;}
.order_two ul li .title .yj-success{border: 2rem #07C160 solid; color: #07C160;}
.order_two ul li .title .yj-confirm{border: 2rem #FE1705 solid; color: #FE1705;}
.order_two ul li .box_4{ display: flex; align-items: stretch; margin-top: 26rem; justify-content: space-between;  margin-bottom: 20rem;}
.order_two ul li .box_4 dd{  text-align: center; display: flex; flex-direction: column; line-height: 2;}
.order_two ul li .box_4 dd span{ color: #999;}
.order_two.no2 ul dl{ flex-wrap: wrap;display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20rem 20rem;
align-items: stretch;}
.order_two ul li .infor { border-top: 2rem #EEEEEE solid; padding-top: 36rem;}
.order_two ul li .infor .more{ background-color: #F5F5F5; width: 216rem; line-height: 72rem; border-radius: 24rem; text-align: center;}
.order_two ul li .infor .btn{ background-color: var(--linkColor); color: #fff; line-height: 72rem; display: inline-block; padding: 0rem 36rem; border-radius: 24rem;}
.online_1{ width: 120rem; position: fixed; right: 36rem; bottom: 10%;}
.order_class.no11{ width: 70%; margin: 0px auto 33rem;}
.order_class.no11 ul li{ padding: 0rem 66rem;}


.trading ul li{ background-color: #fff;padding: 36rem;
  margin-bottom: 24rem;border-radius: 36rem;
  overflow: hidden;}

  .btn_new{display: inline-block;
    line-height: 72rem;
    border-radius:24rem;
    border: none;
    padding: 0 36rem;
    background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid; 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{  padding-bottom: 36rem;   }
.trading ul li .box1 dd .lab{ color: #999999; margin-bottom: 10rem;}
.trading ul li .box1 dd .num{color: #333; font-size: 39rem; font-weight: 500;}
.cardinfo.sure { border-radius: 36rem; margin-bottom: 36rem;}
.cardinfo.sure .list{ padding: 0rem 36rem;}
.cardinfo .list .row .tpright .copy{ width: 42rem; margin-left: 24rem;}
.cardinfo .list .row .tpright .copy img{ display: block;}
.cardinfo .list .row .tpright .pic{ width: 72rem;}
.cardinfo .list .row .tpright .pic img{ display: block; width:100%; height: 72rem; border-radius: 50%;object-fit: cover;
  object-position: center center;}
.cardinfo.sure .tit{ background-color:#a473f8; line-height: 72rem; height: 72rem; display: inline-block; padding: 0rem 30rem; font-size: 39rem; color:#fff; border-radius: 36rem 0rem 36rem 0px;}
.pay_one .content .price{ font-size: 75rem; font-weight: 600; color: #000; margin-bottom: 10rem;}
.pay_one .content .gray{ font-size: 45rem; color: #666;}
.cardinfo.sure .infor{ padding: 36rem 36rem;}
.pay_one.no5{ margin-bottom: 50rem;}

.cardinfo .box3{ padding: 36rem 0px; display: flex;align-items: stretch; flex-wrap: wrap;gap: 24rem; }
.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;}
.cardinfo .box3 .item .up1{ width: 48rem; height: auto;}
.cardinfo .infor{ padding: 0rem 36rem;}
.cardinfo .box3 .item .img1{ width: 100%; height: 100%;object-fit: cover;
  object-position: top center;}
.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; }
.cardinfo .box3 .item .up2{ width: 64rem; height: auto;}

.cardinfo .infor .tit2{ font-size: 42rem;}
.fixed-button .comm{ background: linear-gradient(90deg, rgba(255, 218, 141, 1) 0%, rgba(240, 189, 100, 1) 100%); color: #684910; border-radius: 100rem; border: 4rem #e7ca6e solid;
}
.fixed-button.no2{ gap:48rem;}
.fixed-button.lose{ gap: 45rem;}


.sell_1{background: linear-gradient(138.69deg, rgba(245, 190, 90, 1) 3.27%, rgba(254, 221, 146, 1) 100%);
  border-radius: 24rem; padding: 24rem 36rem;color: #333; margin-bottom: 36rem;border: 3rem solid #FFFFFF;}
  .sell_1 .list { padding: 21rem 0px; border-bottom: 2rem #fff solid;}
  .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;}
  .sell_1 .list:last-child{ border-bottom: 0rem;}

  .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; color: #007674;}
    .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;}
      .sale_1 .tabbtns { padding: 36rem 0rem;}
.sale_1 .tabbtns .btn{ background-color: #F5F5F5; border-radius: 24rem; line-height: 84rem; display: inline-block; margin: 0rem 75rem; padding: 0rem 45rem; font-size: 42rem;}
.sale_1 .tabbtns .btn.cur{ background-color: #f1cf92; color:#684910;}
.cardinfo .list .row .tpleft{ font-size: 42rem; font-weight: 500;}
.cardinfo .list .row .tpleft img{ width: 72rem; height: auto; margin-right: 36rem;}
.cardinfo .list .row .tpright .radio2[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; background-color: #fff;}
.cardinfo .list .row .tpright .radio2[type=radio]:checked {
  background: url(../images/system-complete7.png) no-repeat center;
background-size:cover;
  border: 0px;
}

.buy_one{  background: linear-gradient(138.69deg, rgba(245, 190, 90, 1) 3.27%, rgba(254, 221, 146, 1) 100%);
    border-radius: 36rem;
    padding: 54rem 36rem;border: 4rem #fff solid; margin-bottom: 36rem; position: relative; overflow: hidden;}
.buy_one .img2{ position: absolute; right: -40rem; top: -80rem; width: 325rem;}
.buy_one .title .tpleft img{ width: 120rem; height: 120rem; border-radius: 50%;object-fit: cover;
        object-position: center center; margin-right:36rem;}
.buy_one .title .tpleft { font-size: 51rem;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;padding: 24rem 0rem;}
.buy_one .title{ padding-bottom: 26rem; }
.buy_one .box1 dd .num{ font-size: 51rem; font-weight: 500; margin-top: 5rem;}

.sort_right{ position: relative; font-size: 42rem; margin-left: 72rem;}
.sort_right .txt{ display: inline-block; position: relative; padding-right: 36rem;}
.sort_right .txt:after{ content: ""; position: absolute; right: 0rem; top: 60%;transform:translateY(-50%);-webkit-transform:translateY(-50%);border: 12rem solid transparent;border-top: 12rem solid #666;}
.sort_right .submenu{ position: absolute; right: 0rem; top: 100%; width: 267rem;background-color:rgba(255,255,255,0.64); border-radius: 12rem; padding: 10rem 36rem; display: none;}
.sort_right .submenu a{ display: block; font-size: 39rem; padding: 20rem 0rem;}
.sort_right:hover .submenu{ display: block;}

.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:#684910; font-size: 48rem; font-weight: 600;}
.search_2.no2{ margin-bottom: 24rem;}


.chat_1{ justify-content: space-between; border-radius: 0px; display: flex; flex-direction: column; background-color: #fef6e1; border-radius: 48rem 48rem 0rem 0rem;}
.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:#f1cf92; }
.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: #fef6e1;}
.chat_bottom .formbit{ flex:1; background-color: #f1cf92; height: 96rem; line-height: normal; padding: 0rem 30rem; border-radius: 100rem; border: 0px;}
.chat_bottom .icon{ width: 96rem; margin-left: 36rem;}
.chat_bottom .sumbit{background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid;; height: 96rem; line-height: normal; width: 180rem; border-radius: 24rem; font-size: 42rem; color: #fff; margin-left: 36rem; border-radius: 100rem;}

.chat_cont{ position: relative;}
.chat_1 .notice_3{ background-color: #fff; width: 1053rem; border-radius: 24rem; height: 126rem; position: sticky; top: 0px; z-index: 20; padding: 0rem 36rem;box-shadow: 0px 0 6px 0px rgba(0,0,0,0.09); left: 0rem; margin: 0rem auto;}
.chat_1 .notice_3 .icon2 img{ width: 42rem; height: auto; display: block;}
.chat_1 .notice_3 .infor{ flex:1; overflow: hidden; margin-left: 36rem;}
.chat_1 .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;}
.chat_1 .notice_3 .infor .more{ width: 36rem;}
.chat_1 .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;}
.head .tool{ position: absolute; right: 36rem; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.head .tool .btn{ cursor: pointer; margin-left: 36rem;}
.head .tool .btn img{ width: 58rem; display: block;}

.mess_list { padding: 48rem 36rem;}
.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;}


 /*4月29新增*/
 .set_1{ justify-content: space-between;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 48rem 48rem 0rem 0rem;}
 .modify_1{ padding: 10px 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;
  }
  .modify_1 .refer{ text-align:center; margin-top:50rem;}
.modify_1 .refer .sumbit{ background-color: var(--linkColor);
    color: #ffffff;font-size: 45rem;
    height: 100rem; width:300rem;
    line-height: 100rem;
    text-align: center;border-radius: 84rem;
    border: none;
    padding: 0 36rem;}

  .income_41{background: linear-gradient(180deg, #BCF7EE 22%, rgba(255, 255, 255, 1) 63%);
    border-radius: 36rem;
    border: 3rem solid #FFFFFF;
    margin-bottom: 24rem;
    overflow: hidden;
    padding: 36rem; font-size: 42rem;}
.income_41 .tpleft{ font-weight: 600;}
.income_41 .tpright{ display: flex; align-items: center; justify-content: flex-end; flex:1;}
.income_41 .tpright img{ width: 70rem; margin-right: 20rem;}
.income_41 .tpright .price{font-size: 49rem; font-weight: 600;}
.income_51{ align-items: flex-start; display: flex;}
.income_51 img{ width: 36rem; margin-right: 24rem; margin-top: 10rem;}
.income_51 .content{ flex:1; overflow: hidden; color: #666;}

/*首页弹框*/
.p_frame{ z-index: 10000;}
.p_frame.tip1{ align-items: center; justify-content: center;}
.p_frame .notice_cont{ width: 852rem;background: linear-gradient(180.2deg, rgba(241, 207, 146, 1) 0%, rgba(255, 255, 255, 1) 34.07%); border-radius: 36rem;  height: 1080rem; display: flex; flex-direction: column; padding:75rem 36rem 38rem; position: relative;}
.p_frame .notice_cont .title{ font-size: 54rem; font-weight: 600; text-align: left;}
.p_frame .notice_cont .content{ flex:1; overflow-y: auto; font-size: 36rem; margin: 36rem 0rem; color: #666;}
.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(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid;
  height: 120rem;
  border-radius:100rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; 
  font-size:48rem;
  font-weight: 600;
 }
 .p_frame .notice_cont .pic{ width: 395rem; position: absolute; top: -132rem;right: -10px;}

 .cardinfo .list .row .tpright{ flex:1;}

 .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%);
}

/*分享海报*/
.poster_1{ flex:1;}
.bg12{background:linear-gradient(to bottom,#74e5ff,#63caff,#489eff); padding-bottom: 30rem;}
.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,#79efb3,#6bd5ec); 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 right,#FEE336,#D6FF72); font-weight: 600; font-weight: 600; border-radius: 36rem 0rem 36rem 0rem; color: #000;}
.share_2 .items .box{ font-size: 42rem; position: relative;}
.share_2 .items .box .tpleft{ flex:1; overflow: hidden; position: relative; z-index: 10;}
.share_2 .items .box .tpleft .infor .red{ color: #ff4700;}
.share_2 .items .box .icon1{ position: absolute; right:10rem; bottom:-16rem; width: 152rem; height: 193rem;}
.share_2 .items .box .icon2{ position: absolute; right:10rem; bottom:-26rem; width: 172rem; height: 166rem;}
.share_2 .items .box .tpleft .gray{ font-size: 39rem; color: #666666; margin-top: 22rem;}
.share_2 .items .box2{ background-color: #F7FFE8; border-radius: 36rem; padding: 18rem 45rem; margin-top: 39rem;}
.share_2 .items .box .tpleft .infor .juli{ margin-top: 30rem;}
.share_2 .items .box2 ul{ flex-wrap: wrap;}
.share_2 .items .box2 ul li{font-size: 36rem; color: #5CCAD2; padding: 15rem 0rem;}
.share_2 .items .box .tpleft .cont{ margin-top: 5px;}
.share_3{  padding: 70rem 0rem 45rem;}
.share_3 .tpleft { align-items: flex-start;}
.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;}
.share_3 .tpleft .infor{ color: #fff; margin-left: 34rem; font-size: 39rem; flex:1; overflow: hidden;}
.share_3 .tpright{ padding-right: 35rem; display: flex; flex-direction: column; justify-content: flex-end;}
.share_3 .tpleft{ flex:1; margin-right: 20rem;}
.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;}
.share_2 .items.no3 .box { margin-top: 30rem;}
.share_2 .items .box .infor .icon{ width: 212rem;}
.share_2 .items .box .infor .txt1{ flex:1;}

.foot2{ height: 192rem;}
.record{ width:100%; }
.record .container{gap: 16px; height: 192rem;}
.record .container .btn_1{ border: 0rem #DE4230 solid; border-radius: 150rem; font-size: 48rem; font-weight: 500; color: #5CCAD2;flex:1; height: 120rem; line-height: normal; background: #FFFFFF;}
.record .container .btn_1.active{color: #fff; font-weight: 600; background-color: #5CCAD2; color: #fff;}


/*5月8号新增*/
.shop_list ul li{margin-bottom: 36rem;
  background-color: #fff;
  border-radius: 36rem; padding: 36rem;}
  .shop_list ul li .title{ margin-bottom: 25rem;}
 .shop_list ul li .title .txt{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; flex:1; font-size: 40rem; font-weight: 600;}
 .shop_list ul li .title .icon{ background-image: url(../images/right3.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 36rem; height: 36rem;}
 .shop_list ul li .date{ color: #707070;  padding-left: 56rem;background-image: url(../images/date_03.jpg); background-position:left center; background-repeat: no-repeat; background-size: 38rem 38rem; line-height: 38rem;}
 .show_m { padding-top: 20rem;}
 .show_m .title{font-size: 45rem; font-weight: 600; }
 .show_m .date{ color: #707070; margin: 40rem 0rem; }
 .show_m .date .lab{margin-right: 10rem; background-color: #eaeaea; display: inline-block; padding: 0rem 23rem; border-radius: 10rem; line-height: 59rem; margin-right: 35rem; height: 59rem;}
 .show_m .show_1{background-color: #fff;
  padding: 0rem; 
  border-radius: 36rem;
  margin-bottom: 36rem;}
  .show_one{background-color: #fff;
    border-radius: 48rem 48rem 0rem 0rem; padding: 36rem;}
    .show_one1{background-color: #fff;
    border-radius: 48rem 48rem 0rem 0rem;}

  /*5月16新增*/
.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:15px !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:#f1d19b;}
.banner ul li img{ width: 100%; height: auto;object-fit: cover;
	object-position: center center;}

.banner:hover .btn{opacity: 0.5;}
.banner:hover .btn:active,.banner:hover .btn:hover{opacity: 0.7;}
.head.no4{ color: #fff;}
.head.no4 .back{background-image: url(../images/right256.png);}
.coprate{background: linear-gradient(180deg, rgba(255, 181, 89, 1) 0%, rgba(201, 154, 72, 1) 100%); padding: 42rem; border-radius: 32rem;  width: 90%;  margin: 0px auto;margin-top: 476rem; display: flex; flex-direction: column;}
.coprate .cop_bg{ background-color: #FBEFD8;border-radius: 32rem; flex:1;}
.coprate .cop_bg .box{ padding: 45rem 0rem;}

.pay .wait{
    background: linear-gradient(180deg, rgba(251, 239, 216, 1) 0%, rgba(255, 255, 255, 1) 55%); padding: 0rem 36rem 36rem; margin-bottom: 36rem;border-radius: 36rem;
  }
.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{ margin-bottom: 36rem;}
.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;  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: 4rem #e7ca6e solid;background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #fff;
}
.ustd_2 ul li.active img{filter: brightness(0) invert(1);}
.fixed-button.no8{ background: #fef6e1;}
.payinfo .sumbit1{background: linear-gradient(146.86deg, rgba(109, 227, 176, 1) 0%, rgba(23, 132, 77, 1) 100%); color: #F9EFA9; border-radius: 100rem; border: 4rem #e7ca6e solid;font-size: 51rem;
    height: 120rem;
    line-height: 120rem;
    text-align: center; width: 100%;}