@font-face {
  font-family: MyCustomFont; /* 字体名称，你可以自定义 */
  src: url('../font/yezigongchangaoyehei.woff2') format('woff2');
}

/*# sourceMappingURL=style.css.map */
body {
  background: #f6f8fa;
  /* overflow-y: auto;
  max-width:750px;
  margin: auto; */
}
header.bui-bar, header .bui-bar {
  background: rgba(221 29 29 / 50%);
  background-size: 100% 100%;
  font-family: "serif", Times, serif;
  /* color: #ffd700; */
}
header.bui-bar .bui-bar-main, header .bui-bar .bui-bar-main {
  color: #ffd700;
  font-weight: 600;
}
.my-index,
.home-index,
.home-product,
.home-cishan,
.home-shanyuan
{
    padding-bottom: 1rem;
}
/* header.bui-bar .bui-bar-main, header .bui-bar .bui-bar-main {
  color: #7e705e;
  font-weight: 600;
} */
footer {
color: #666;
background: linear-gradient(to right,#fff,#fff);
background-size: 100% 100%;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
height: 1.5rem;
}
footer > ul > .bui-btn {
background: rgba(255, 255, 255, 0);
}
footer > ul > .active {
background: rgba(255, 255, 255, 0) !important;
color: #e91e63 !important;
}
.bui-nav-icon .bui-btn>.bui-icon, .bui-nav-icon .bui-btn>.icon {
  margin-bottom: .1rem;
}
footer .bui-btn, [class^=bui-btn] {
  color: #000;
}
.bianju1 {
margin-top: .1rem;
}
.login-page .logo h1 {
font-size: 0.5rem;
color: #233e99;
}
.login-page .logo {
  width: 100%;
  height: 5rem;
  margin: auto;
}
.login-page .logo img {
  width: 100%;
  height: 5rem;
}
.diy-inpt-box {
  background-color: rgba(255 255 255 / 50%);
  border-bottom: 0px solid #eee !important;
}
.diy-inpt-box ::placeholder {
  color: #dbdbdb;
}
.diy-inpt-box input {
  color: #fff !important;
}
.diy-inpt-box:active {
  background-color: rgba(255 255 255 / 70%);
}
.diy-inpt-box label {
  color: #fff;
  width: auto !important;
}

.login-page .login-form {
padding-left: 0.6rem;
padding-right: 0.6rem;
}
.login-page .login-form .bui-list {
border-top: none;
}
.login-page .login-form > .bui-btn {
margin-bottom: 0.3rem;
}
.login-page .login-form .bui-btn-text {
margin-bottom: 0.2rem;
}
.login-page .login-form .bui-label {
width: 0.5rem;
margin-right: 0.2rem;
}
.login-page .login-form .icon-face,
.login-page .login-form .icon-lock {
font-size: 0.48rem;
}
.login-page .login-form .bui-input {
height: 0.6rem;
background: none;
}
.login-page .login-form .bui-btn-text {
text-align: center;
color: #666666;
font-size: 0.2rem;
}
.login-page .copyright {
font-size: 0.17rem;
color: #999999;
width: 100%;
text-align: center;
background-color: #fff;
padding-bottom: 0.25rem;
}
.login-page .icon-eye:before {
content: "\e680";
}
.login-page .icon-eye.active:before {
content: "\e67f";
}
main {
    /* background: #6dcbff url("../images/login-bg.png") center bottom no-repeat; */
    background: url('../images/bg.png');
    background-size: 100% 100%;
}
.login-page .bui-list .bui-box {
  margin-top: .2rem;
  border-radius: .1rem;
}
.login-page .xieyi-box {
  margin: .3rem 0;
  color: #fff;
}
.login-page .xieyi-box span {
  color: #ffeb3b;
  text-decoration: underline;
}
.bi {
font-weight: 600;
font-size: .4rem;
}
.clearactive > .verify {
width: 2rem;
}

.title-box {
margin-top: .5rem;
padding: .2rem 0;
font-size: .4rem;
font-weight: 600;
width: 100%;
text-align: center;
display: flex;
background-color: #fff;
}
.title-box span {
flex: 1;
}
.title-box .line {
border-top: 1px solid #000000;
width: 35%;
margin-top: 0.3rem;
}
.partners img {
background-color: #fff;
padding: .2rem;
width: 100%;
}
.product-box {
width: 90%;
margin: auto;
/* margin-top: .5rem; */
position: relative;
top: -2.1rem;
}
.product-box .item {
background-color: #eee;
border-radius: .1rem;
margin-bottom: .5rem;
padding-bottom: .3rem;
position: relative;
}
.product-box .item .ysw {
  position: absolute;
  top: .6rem;
}
.product-box .item .head {
font-size: .35rem;
font-weight: 600;
color: #ff3d00;
background-size: 100% 100%;
padding: .2rem .2rem .2rem .5rem;
text-align: left;
}
.product-box .item .text {
  color: #ff3d00;
  font-weight: 600;
  width: 100%;
  text-align: center;
  line-height: .5rem;
}
.product-box .item .text span {
  font-size: .4rem;
  color: #bf0000;
  padding: 0 .1rem;
}
.product-box .item .black {
  color: #000;
}
.product-box .item .jdt {
  display: flex;
  width: 95%;
  margin: auto;
  line-height: .2rem;
  font-size: .28rem;
}
.product-box .item .jdt2 {
  flex: 1;
  margin: auto;
  background-color: #fff;
  border-radius: .1rem;
}
.product-box .item .jdt3 {
  width: 55%;
  background-color: #ff3d00;
  border-radius: .1rem;
  color: rgba(255 255 255 / 0%);
}
.product-box .item .jdt span {
  padding-left: .2rem;
}
.product-box .item .footer {
  display: flex;
  justify-content: space-between;
  padding: .1rem .3rem 0 .3rem;
}
.product-box .item .footer .text {
  color: #000;
  text-align: left;
}
.product-box .item .footer .text:last-child {
  text-align: right;
}
.product-box .item .jdt .bui-label {
font-size: .24rem;
}
.product-box .item .jdt {
margin-top: .1rem;
}
.product-box .item .baodan-btn {
  position: absolute;
  top: .2rem;
  right: .2rem;
}
.product-box .item .baodan-btn span {
  background-color: #ff3d00;
  color: #fff;
  padding: .1rem .3rem;
  border-radius: 1rem;
  font-size: .26rem;
}
.my-index .head {
color: #ffeb3b;
/* background: linear-gradient(to right,#0f40f5,#0f40f5); */
background-size: 100% 100%;
display: flex;
padding: .5rem .5rem 0 .5rem;
align-items: center;
border-radius: 0 0 1rem 1rem;
/* padding-bottom: 2rem; */
}
.my-index .head .image {
width: 1.2rem;
height: 1.2rem;
}
.my-index .head .image img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.my-index .head .user-data {
flex: 1;
padding-left: .5rem;
}
.my-index .head .user-data .text {
font-size: .3rem;
padding: .05rem 0;
}
.my-index .head .user-data .level span {
  font-size: .28rem;
  background-color: rgba(0 0 0 / 50%);
  color: #ffb82a;
  padding: .05rem .3rem;
  border-radius: 1rem;
}
.my-index .head .user-data .level span img {
  width: .3rem;
  height: .3rem;
  padding-top: .05rem;
}
.my-index .head .right {
  text-align: center;
}
.my-index .head .right i {
  font-size: .6rem;
}
.my-index .balance-data {
display: flex;
flex-wrap: wrap;
padding: .3rem .1rem;
/* background-color: #fff; */
width: 90%;
margin: auto;
border-radius: .1rem;
margin-bottom: .2rem;
position: relative;
/* top: -1.8rem; */
text-align: center;
color: #ffd700;
/* font-weight: 600; */
font-family: "serif", Times, serif;
}
.my-index .balance-data .item {
width: 50%;
padding: .2rem .05rem .2rem .05rem;
font-size: .34rem;
/* border-bottom: 1px solid #eee; */
}
.my-index .balance-data .item .num {
/* color: red; */
padding-top: .1rem;
}

.my-index .gongneng {
width: 90%;
margin: auto;
position: relative;
/* top: -1.5rem; */
color: #000;
background: #F8C97F;
background-size: 100% 100%;
padding: .2rem;
border-radius: .1rem;
display: flex;
flex-wrap: wrap;
text-align: center;
margin-bottom: .2rem;
}
.my-index .gongneng .item {
padding: .2rem 0;
width: 100%;
}
.my-index .gongneng .item:not(:last-child) {
  border-bottom: 1px #000 solid;
}
.my-index .gongneng .item .left {
  display: flex;
  align-items: center;
  /* justify-content: left; */
  text-align: left;
  font-family: "serif", Times, serif;
  color: #000;
  /* font-weight: 600; */
  font-size: .34rem;
}
.my-index .gongneng .item .left span {
padding-left: .3rem;
width: 100%;
}
.my-index .gongneng .item .left i {
  color:#980000;
}
.my-index .danger {
width: 90%;
margin: auto;
position: relative;
/* top: -1.2rem; */
color: #000;
background: rgba(248 183 86 / 80%);
background-size: 100% 100%;
border-color: #666;
border-radius: .1rem;
margin-bottom: 1.2rem;
}
.vip {
padding-top: .2rem;
background-color: #fff;
}
.vip .head-title {
font-size: .8rem;
color: #7e705e;
/* font-weight: 600; */
width: 90%;
margin: auto;
font-family: "serif", KaiTi, "Microsoft YaHei", sans-serif;
}
.vip .tishi {
font-size: .4rem;
color: #999;
width: 90%;
margin: auto;
padding-top: .2rem;
}
.vip .shuju {
width: 90%;
margin: auto;
padding: .2rem .5rem;
padding-top: .5rem;
z-index: 2;
position: relative;
}
.vip .shuju .item {
display: flex;
}
.vip .shuju .item .left .bi {
font-size: .8rem;
color: #ff6400;
}
.vip .shuju .item .center {
padding-left: .5rem;
flex: 1;
}
.vip .shuju .item .center .text {
color: #000;
font-size: .4rem;
}
.vip .anniu {
padding: .5rem;
display: flex;
flex-wrap: wrap;
gap: .5rem;
z-index: 2;
position: relative;
}
.btn-orange {
background: #f36621;
border: #f36621 1px solid;
color: #FFF !important;
text-decoration: none !important;
transition: 0.3s;
padding: .2rem .5rem;
border-radius: .1rem;
}
.btn-oline {
border: #f36621 1px solid;
color: #f36621;
text-decoration: none;
padding: .2rem .6rem;
border-radius: .1rem;
}
.vip .beijing {
width: 150%;
position: relative;
}
.vip .beijing img {
width: 100%;
position: absolute;
left: -1.5rem;
top: -2.5rem;
z-index: 1;
}
.vip-openok {
width: 100%;
position: relative;
height: 11rem;
top: 5.5rem;
}
.vip-openok .bg {
width: 100%;
height: 11rem;
}
.vip-openok .head {
position: absolute;
top: .4rem;
display: flex;
left: .5rem;
}
.vip-openok .head .bi {
color:#ff6400;
font-size: .6rem;
}
.vip-openok .head .box {
flex: 1;
padding-left: .3rem;
}
.vip-openok .head .box .text {
color: #ff6400;
}
.vip-openok .head .box .tip {
color: #999;
font-size: .24rem;
padding-top: .1rem;
}
.vip-openok .image {
width: 3rem;
position: absolute;
top: 2rem;
width: 100%;
text-align: center;
}
.vip-openok .image img {
width: 3rem;
}
.vip-openok .title {
font-size: .3rem;
font-weight: 600;
position: absolute;
top: 5rem;
color: #000;
width: 100%;
text-align: center;
}
.vip-openok > .tip {
color: #999;
position: absolute;
width: 100%;
text-align: center;
top: 6rem;
}
.vip-openok .tip-list {
position: absolute;
width: 100%;
text-align: left;
top: 7rem;
color: #999;
font-size: .28rem;
}
.vip-openok .tip-list .item {
display: flex;
padding: .2rem 1rem;
}
.vip-openok .tip-list .item .right {
flex: 1;
padding-left: .2rem;
}
.news-info img,
.news-info video {
width: 100%;
}
.my-info .personal-header {
color: #7e705e;
background: linear-gradient(to right,#ffdeae,#d7b68d);
background-size: 100% 100%;
/*background-image: linear-gradient(to bottom, #7cb8e9, #89bfe3, #72a8d7, #89b5d8, #92bbda);*/
padding-top: .5rem;
padding-bottom: .5rem;
}

.my-info .personal-header .personal-img {
width: 2rem;
height: 2rem;
border-radius: 50%;
background:#fff;
/* border: 2px solid #fff; */
overflow: hidden;
margin: 0 auto .2rem auto;
text-align: center;
}

.my-info .personal-header .personal-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.my-info .personal-header p {
text-align: center;
color: #ffffff;
margin-bottom: 0.1rem;
}

.my-info .personal-header .name {
font-size: 0.26rem;
}

.my-info .personal-header .grade {
font-size: 0.2rem;
}
.diy-btn {
color: #fff;
background: linear-gradient(to right,#0f40ea,#2196F3);
background-size: 100% 100%;
width: 95%;
margin: auto;
border-radius: .1rem;
margin-top: .2rem;
}
.diy-btn.reverse {
background: inherit;
color: #795548;
    border-color: #9E9E9E;
}

.bui-navbar {
background-color: rgba(255 255 255 / 0%);
}
.bui-nav>.active {
color: #ffd700;
}
.bui-nav>[class*=bui-btn].active:after {
background: #ffd700;
}

.recharge .kapian {
position: relative;
width: 95%;
margin: auto;
top: -2.5rem;
height: 3.5rem;
}
.recharge .kapian img {
width: 100%;
height: 100%;
}
.recharge .kapian .box1 {
padding: 0 .5rem;
position: absolute;
display: flex;
top: .8rem;
width: 100%;
align-items: center;
}
.recharge .kapian .box1 .image {
width: 1.2rem;
height: 1.2rem;
}
.recharge .kapian .box1 .image img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.recharge .kapian .box1 .user-data {
flex: 1;
padding-left: .5rem;
color: #fff;
}
.recharge .kapian .box1 .user-data .text {
padding-bottom: .1rem;
}
.recharge .kapian .box2 {
padding: 0 .5rem;
position: absolute;
display: flex;
top: 2.4rem;
width: 100%;
align-items: center;
color: #fff;
text-align: center;
}
.recharge .kapian .box2 .text {
width: 100%;
display: flex;
text-align: center;
justify-content: center;
}
.recharge .kapian .box2 .tit {
padding-bottom: .1rem;
}
.recharge-list {
position: relative;
top: -1rem;
width: 95%;
margin: auto;
color: #fff;
/* background: linear-gradient(to right,#ffdeae,#d7b68d); */
background-size: 100% 100%;
border-radius: .1rem;
padding: .3rem 0;
}
.recharge .kapian .zhangdan {
position: absolute;
top: .5rem;
right: .5rem;
}
.recharge .kapian .zhangdan span {
color: #fff;
background: linear-gradient(to right,#3f66f7,#3f66f7);
background-size: 100% 100%;
padding: .05rem .25rem;
border-radius: .1rem;
}
.recharge-list .title {
padding: 0 .3rem;
color: #ffd700;
font-weight: 600;
font-size: .4rem;
margin-top: .2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.recharge-list .title .czjl {
  font-size: .3rem;
  background-color: #F8C97F;
  padding: .15rem .5rem;
  color: #000;
  border-radius: .1rem;
}
.recharge-list .tip {
font-size: .25rem;
padding-top: .1rem;
padding: 0 .3rem;
}
.recharge-list .list {
margin-top: .5rem;
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
padding: .2rem;
}
.recharge-list .list .item {
width: 33.333%;
height: 1rem;
color: #fff;
line-height: 1rem;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
margin-bottom: .2rem;
}
.recharge-list .list .item p {
background-color: #795548;
width: 90%;
height: 100%;
text-align: center;
border: 1px solid #795548;
border-radius: .1rem;
}
.recharge-list .list .item .xz {
display: none;
}
.recharge-list .list .active p {
background-color: #ffd700;
}
.recharge-list .list .active .xz {
display: inline-block;
  position: absolute;
  /* background-color: rgba(255 255 255 / 90%);
  color: #F44336;
  font-size: .2rem;
  right: -0.1rem;
  top: 0.15rem;
  line-height: normal;
  padding: 0 .3rem;
  transform: rotate(45deg); */
border-radius: 0 2rem 0 0;
width: 90%;
}
.recharge-list .list .active .xz:before {
content: "";
display: block;
width: .39rem;
height: .39rem;
border-style: solid;
border-color: transparent #39a4ff transparent transparent;
border-width: 20px;
position: absolute;
top: -.62rem;
left: -.58rem;
transform: rotate(44deg);
z-index: 1;
}
.recharge-list .list .active .xz:after {
content: attr(data-sub);
position: absolute;
top: -.28rem;
left: 0rem;
z-index: 2;
color: #fff;
transform: rotate(315deg);
font-size: .2rem;
}
.pay-type {
width: 95%;
background-color: rgba(255 255 255 / 40%);
margin: auto;
position: relative;
padding: .3rem;
color: #fff;
border-radius: .1rem;
margin-top: .4rem;
top: -1rem;
}
.pay-type .title {
  color: #ffd700;
  font-family: "serif", Times, serif;
  /* font-weight: 600; */
}
.pay-type .bi {
padding-right: .3rem;
color: #ffd700;
}
.pay-type input:checked {
  color: #ffd700;
}

.bank-list {
width: 95%;
margin: auto;
margin-top: 1rem;
}
.bank-list .item {
width: 100%;
/* height: 3.5rem; */
position: relative;
margin-bottom: .3rem;
color: #fff;
/* background: linear-gradient(to right,#9e9e9e,#9e9e9e); */
/* background: url(../images/bank-bg.png);
background-size: 100% 100%; */
border-radius: .1rem;
padding: .5rem;
}
.bank-list img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bank-list .item:nth-child(even) {
  background-color: #000;
}
.bank-list .item:nth-child(odd) {
  background-color: #bb2e24;
}
.bank-list .item .bank-name {
/*width: 1.6rem;*/
font-size: .35rem;
/* border: 5px solid #fff; */
text-align: center;
border-radius: 100%;
/*height: 1.6rem;*/
padding: .2rem;
position: absolute;
top: .5rem;
left: .5rem;
}
.bank-list .item .bank-name span {
font-weight: 600;
padding-left: .1rem;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(255, 255, 255, 0.7); /* 左上方的黑色阴影，模拟凹陷 */
}
.bank-list .item .xinpian {
  position: absolute;
  top: .6rem;
  right: .7rem;
  color:rgba(0, 0, 0, 0.0);
}
.bank-list .item .xinpian img {
  width: 1rem;
  height: .65rem;
}
.bank-list .item .bank-card {
padding-top: 1.2rem;
width: 100%;
padding-left: .2rem;
font-weight: 600;
}
.bank-list .item .bank-fullname {
width: 100%;
padding-left: .2rem;
font-weight: 600;
padding-top: .5rem;
padding-bottom: .5rem;
}
.bank-list .item .delete {
position: absolute;
top: .1rem;
right: .2rem;
}
.team-data {
width: 95%;
margin: auto;
margin-top: .5rem;
padding: .5rem;
background-color: #fff;
border-radius: .1rem;
}
.team-data .list {
display: flex;
justify-content: space-between;
}
.team-data .list .item {
width: 45%;
text-align: center;
background: url(../images/price.png) no-repeat;
background-size: 100% 100%;
height: 1.8rem;
position: relative;
}
.team-data .list .item .top {
position: absolute;
top: .5rem;
color: #f36621;
width: 100%;
text-align: center;
}
.team-data .list .item .top span {
font-size: .4rem;
font-weight: 600;
}
.team-data .list .item .bottom {
position: absolute;
bottom: .1rem;
font-size: .24rem;
width: 100%;
text-align: center;
color: #fff;
font-weight: 600;
}
.team-data .note-group {
display: flex;
margin: .2rem 0;
height: .8rem;
line-height: .8rem;
background: #ffeacf;
color: #b55e03;
font-size: .25rem;
}
.team-data .note-group .title {
padding: 0 .2rem;
background: #f67608;
color: #fff;
font-size: .32rem;
font-weight: bold;
}
.team-data .note-group .desc {
margin-left: 5px;
flex: 1;
}
.team-data .note-group .desc span {
font-weight: bold;
color: #f67608;
}

.team-list {
width: 100%;
margin: auto;
}
.team {
/*background: linear-gradient(to right,#0f40ea,#2196F3);*/
background-size: 100% 100%;
}
.share-bg {
width: 100%;
height: 10rem;
position: relative;
}
.share-bg img {
width: 100%;
height: 100%;
}
.share-bg .tip {
position: absolute;
width: 100%;
text-align: center;
bottom: 1.5rem;
color: #fff;
}
.share-bg .tip p {
width: 50%;
margin: auto;
text-align: center;
}
.share-bottom {
background-color: #fff2d0;
position: relative;
padding-bottom: .5rem;
}
.share-bottom .share-btn {
background-image: linear-gradient(to bottom,#fb2d4e,#cd1531);
background-color: #fede8b;
border: none;
color: #fff5d5;
border-radius: 50px;
display: block;
margin: 0 auto;
box-shadow: 0 3px 9px #fceac4;
width: 80%;
}
.share-bottom .cour-text {
width: 90%;
background: #fff;
border-radius: 5px;
font-size: 0.25rem;
color: #69686d;
margin: 0 auto;
padding: 15px;
margin-top: .5rem;
}
.share-bottom .cour-text h2 {
font-weight: 600;
padding-bottom: .2rem;
}
.share-bottom .cour-text .content {
font-size: .25rem;
}

.money-info {
padding: .5rem;
width: 95%;
margin: auto;
margin-top: .5rem;
background-color: rgba(255 255 255 / 80%);
border-radius: .1rem;
}
.money-info .title {
width: 100%;
text-align: center;
font-size: .4rem;
}
.money-info .money {
font-size: .5rem;
font-weight: 600;
width: 100%;
text-align: center;
padding-top: .1rem;
}
.money-info .money.red {
color: red;
}
.money-info .money.green {
color: green;
}
.money-info .status {
font-size: .3rem;
width: 100%;
text-align: center; 
padding-top: .1rem; 
margin-bottom: .5rem;
}
.money-info .item {
padding-bottom: .2rem;
margin-top: .2rem;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eee;
}
.money-info .item .text {
padding-right: .3rem;
}
.money-info .item .right {
flex: 1;
}

.product-order {
width: 95%;
margin: auto;
margin-top: .3rem;
}
.product-order .item {
padding: .3rem;
color: #fff;
background: linear-gradient(to right, #F8C97F, rgba(255 193 7 / 50%));
background-size: 100% 100%;
border-radius: .1rem;
margin-bottom: .3rem;
position: relative;
}
.product-order .item .title {
font-size: .3rem;
font-weight: 600;
width: 100%;
text-align: center;
}
.product-order .item .price {
font-size: .35rem;
font-weight: 600;
color: #FFEB3B;
width: 100%;
text-align: center;
padding-top: .2rem;
font-weight: 600;
}
.product-order .item .introduce {
padding: .2rem .5rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: .24rem;
}
.product-order .item .introduce .text {
padding-bottom: .2rem;
font-weight: 600;
}
.product-order .item .introduce .text span {
color: #FFEB3B;
padding: 0 .1rem;
font-size: .3rem;
font-weight: 600;
}
.product-order .item .status {
position: absolute;
top: .3rem;
right: .2rem;
font-size: .25rem;
}
.product-order .item .status span {
background-color: #f44336;
color: #fff;
padding: .1rem .2rem;
border-radius: 1rem;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
0% {
    -webkit-transform: scale(0.3);
}
100% {
    -webkit-transform: scale(1);
    opacity: 0.3;
}
}
@keyframes scaleout {
0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.3;
}
}

.zhengshu-info {
width: 100%;
height: 12rem;
position: relative;
}
.zhengshu-info img {
width: 100%;
height: 100%;
}
.zhengshu-info .logo {
  width: 60%;
  text-align: center;
  font-size: .4rem;
  font-weight: 600;
  position: absolute;
  top: 2.5rem;
  left: 20%;
}
.zhengshu-info .title {
width: 100%;
text-align: center;
font-size: .4rem;
font-weight: 600;
position: absolute;
top: 3.5rem;
}
.zhengshu-info .zhengshu-data {
width: 100%;
font-size: .28rem;
position: absolute;
top: 4.5rem;
left: 1rem;
}
.zhengshu-info .zhengshu-data .text {
line-height: .5rem;
}
.zhengshu-info .zhengshu-gongsi {
position: absolute;
bottom: 2.5rem;
right: 1rem;
}
.zhengshu-info .zhengshu-gongsi .text {
line-height: .5rem;
}
.zhengshu-info .gongzhang {
position: absolute;
width: 2rem;
height: 2rem;
bottom: 2rem;
right: 1.5rem;
}
.zhengshu-info .gongzhang img {
width: 100%;
height: 100%;
transform: rotate(-15deg);
}

.news-list {
width: 95%;
margin: auto;
padding: .3rem;
background: rgba(255 255 255 / 40%);
border-radius: .1rem;
}
.news-list .item {
margin-bottom: .1rem;
width: 100%;
display: flex;
height: 1.7rem;
border-bottom: 1px solid #dddddd;
margin-bottom: .4rem;
}
.news-list .item .left {
flex: 1;
padding-right: .2rem;
}
.news-list .item .left .title {
font-size: .3rem;
color: #000;
height: .8rem;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: .3rem;
}
.news-list .item .left .time-look {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
font-size: .24rem;
color: #fff;
}
.news-list .item .left .time-look .bi {
font-size: .3rem;
}
.news-list .item .right {
width: 1.5rem;
height: 1.5rem;
}
.news-list .item .right img {
width: 100%;
height: 100%;
}
.news-look {
font-size: .24rem;
}
.news-look .bi {
font-size: .3rem;
padding-right: .1rem;
}
.clearactive .right-btn {
font-size: .28rem;
}
.clearactive .right-btn span {
color: #7e705e;
background: linear-gradient(to right,#ffdeae,#d7b68d);
background-size: 100% 100%;
padding: .1rem .3rem;
border-radius: .5rem;
}
.duihuan-tip {
padding: .1rem;
width: 100%;
text-align: center;
font-size: .26rem;
color: #999;
}
.diy-pop {
width: 100%;
padding: .2rem;
font-size: .28rem !important;
}
.diy-pop img,
.diy-pop video {
width: 100%;
}

.index-box1 {
background-color: #fff;
padding: .5rem;
}
.index-box1 .title {
width: 100%;
text-align: center;
font-size: .35rem;
}
.index-box1 .js-box {
display: flex;
margin-top: .5rem;
padding: .3rem;
justify-content: center;
}
.index-box1 .js-box .image {
width: 2rem;
height: 2rem;
padding-right: .3rem;
}
.index-box1 .js-box .image img {
width: 100%;
}
.index-box1 .js-box .desc {
flex: 1;
font-size: .24rem;
}
.index-box1 .js-box .desc p {
padding-top: .2rem;
}
.index-box2 {
padding: .5rem;
}
.index-box2 .title {
width: 100%;
text-align: center;
font-size: .35rem;
margin-bottom: 1rem;
}
.index-box2 .milestone-timeline::before {
content: '';
position: absolute;
top: -30px;
left: 4px;
height: calc(100% + 40px );
border-left: #ABABAB 3px dotted;
}
.index-box2 .milestone-timeline {
position: relative;
}
.index-box2 .milestone-container {
position: relative;
margin-top: 1rem;
}
.index-box2 .milestone-timeline-img {
position: absolute;
top: -8px;
left: -5px;
width: 20px;
height: 20px;
border-radius: 50%;
/* box-shadow: 0 0 0 4px #E21E32, inset 0 3px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); */
background: #a77c52;
z-index: 1;
}
.index-box2 .milestone-container:nth-child(odd) .milestone-timeline-img {
background: #FF6400;
}
.index-box2 .milestone-timeline-icon {
position: absolute;
top: -25px;
right: -5px;
width: 50px;
height: 50px;
border-radius: 50%;
/* box-shadow: 0 0 0 4px #E21E32, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); */
background: #FFF;
border: #a77c52 3px solid;
z-index: 1;
}
.index-box2 .milestone-container:nth-child(odd) .milestone-timeline-icon {
border: #FF6400 3px solid;
}
.index-box2 .milestone-timeline-content {
position: relative;
margin-left: 15px;
color: #6F6F6E;
font-style: italic;
padding-right: 50px;
border-top: #a77c52 3px solid;
text-align: center;
}
.index-box2 .milestone-container:nth-child(odd) .milestone-timeline-content {
border-top: #FF6400 3px solid;
}
.index-box2 .milestone-timeline-block .milestone-timeline-content h3 {
color: #a77c52;
font-size: .35rem;
}
.index-box2 .milestone-container:nth-child(odd) .milestone-timeline-block .milestone-timeline-content h3 {
color: #FF6400;
}
.index-box2 .milestone-timeline-content p {
font-size: .25rem;
}
.buy .span1 {
font-size: .3rem;
color: #000;
}
.buy .price {
color: red;
font-size: .4rem;
font-weight: 600;
}
.buy .desc {
padding: .2rem;
font-size: .28rem;
}
.buy .desc img,
.buy .desc video {
width: 100%;
}
.my-team {
  font-size: .3rem;
  margin-top: .2rem;
  background-color: rgba(0 0 0 / 0%);
  border-radius: .1rem;
}
.my-team .head,
.my-team .list .item {
  display: flex;
  text-align: center;
  padding: .2rem 0;
  /* border-bottom: 1px solid #eee; */
}
.my-team .head > .text ,
.my-team  .list  .item > .text {
  width: 33.333%;
  font-size: .28rem;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.bui-nav-icon {
  background: rgba(255 255 255 / 0%);
}
.bui-btn, [class^=bui-btn] {
  background: rgba(255 255 255 / 0%);
  color: #fff;
}
.bui-icon i {
  color: #ffd700;
  font-weight: 600;
}
.bui-nav-icon .item-title {
  font-weight: 600;
}

.gongsijieshao {
  border: 1px solid #666;
  width: 95%;
  margin: auto;
  border-radius: .1rem;
}
.gongsijieshao .title {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: .36rem;
  padding-top: .2rem;
}
.gongsijieshao .content {
  padding: .2rem .4rem;
  font-size: .26rem;
}

.index-head {
  display: flex;
  justify-content: space-between;
  padding: .2rem;
  color: #fff;
  align-items: center;
  margin-top: 20PX;
}
.index-head .logo img {
  width: 1rem;
  /*border-radius: 100%;*/
}
.index-head .title {
  font-size: .4rem;
  flex: 1;
  text-align: left;
  font-weight: 600;
  font-family: "serif", Times, serif;
  color: #ffd700;
}
.index-head .right span {
  padding: 0 .2rem;
  border-radius: .1rem;
}
.index-banner {
  width: 95% !important;
  margin: auto;
  border-radius: .1rem;
}

.xinbaobei {
  width: 100%;
  height: 11.5rem;
  position: relative;
}
.xinbaobei img {
  width: 100%;
}
.xinbaobei .body {
  position: absolute;
  top: 2rem;
  width: 100%;
}
.xinbaobei .box {
  width: 80%;
  margin: auto;
  padding: .25rem .5rem;
  border: 1px solid #fff;
  border-radius: .2rem;
  color: #fff;
  margin-bottom: .3rem;
}
.xinbaobei .wenan-content {
  width: 80%;
  margin: auto;
  text-align: center;
  color: #fff;
}
.xinbaobei .wenan-content p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.xinbaobei-news {
  width: 90%;
  margin: auto;
}
.xinbaobei-news .title {
  font-size: .4rem;
  padding-bottom: .15rem;
  border-bottom: 1px solid #666;
}
.xinbaobei-news .item {
  font-size: .28rem;
  padding: .25rem .2rem;
  border-bottom: 1px solid #666;
}

.product-head {
  border-bottom: 1px solid #666;
  padding-bottom: .2rem;
  background-color: #fff;
  margin-bottom: 0;
}
.product-head .logo {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .2rem;  
  padding-top: .2rem;
}
.product-head .logo img {
  width: 1rem;
}
.product-head .item {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: .2rem;
}
.product-head .item .text {
  width: 33.333%;
}
.product-desc {
  border-bottom: 1px solid #666;
  padding-bottom: .2rem;
  background-color: #fff;
  padding: .2rem;
}
.product-desc .desc {
  font-size: .28rem;
  padding: .2rem;
}

.btn-blue {
  background-color: #0f40ea;
  background: linear-gradient(to right,#3f66f7,#0f40ea);
  color: #fff;
}

.share .box {
  width: 85%;
  margin: auto;
  margin-top: 1rem;
  background-color: rgba(255 255 255 / 0%);
  color: #000;
  border-radius: .1rem !important;
}
.share .flex {
  display: flex;
  flex-wrap: wrap;
  padding: .4rem;
  color: #000;
  align-items: center;
  position: fixed;
  width: 60%;
  left: 20%;
  bottom: 15%;
}
.share .flex .share-ewm {
  width: 100%;
  text-align: center;
}
.share .flex .right {
  width: 100%;
  text-align: center;
}
.share .share-ma {
  font-size: .35rem;
  padding: .2rem 0;
  color: #fff;
}
.share .share-btn {
  background-color: #ff9236;
  border-radius: 1rem;
  color: #fff;
  width: 80%;
  margin: auto;
  margin-top: .1rem;
  line-height: .6rem;
}
.share .flex .footer {
  padding-top: .2rem;
  display: flex;
  align-items: center;
}
.share .flex .footer img {
  padding-left: .2rem;
  width: 1.5rem;
}
.share .box .title {
  font-size: .3rem;
  padding: .3rem;
}
.share .box .content {
  padding: .4rem;
  font-size: .26rem;
}
.share .logo {
  margin-top: .5rem;
  width: 100%;
  text-align: center;
}
.share .logo img {
  width: 3rem;
}
.sb-bg {
  width: 85%;
  margin: auto;
  position: relative;
  top: 5.5rem;
}
.sb-bg img {
  width: 100%;
  height: 7rem;
}
.sb-bg .sb-text {
  position: absolute;
  width: 70%;
  left: 1.2rem;
  top: 1rem;
  height: 4rem;
  overflow: auto;
}
.sb-bg .diy-btn {
  position: absolute;
  bottom: 1rem;
  width: 60%;
  left: 1.4rem;
  background: linear-gradient(to right,#e51717,#e51717);
  color: #fff;
  line-height: .3rem;
}
.sb-ok-body {
  width: 100%;
  height: 100%;
}
.sb-ok-body .box {
  width: 75%;
  margin: auto;
}
.sb-ok-body .box2 {
  width: 90%;
  margin: auto;
  padding-left: .5rem;
}
.sb-ok-body .box3 {
  width: 95%;
  margin: auto;
  position: relative;
  height: 11rem;
}
.sb-ok-body .box3 img {
  width: 100%;
  height: 11rem;
}
.sb-ok-body .box3 .order-info {
  padding: 0.3rem;
  color: #fff;
  background: linear-gradient(to right,#8c0002,#8c0002);
  background-size: 100% 100%;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  position: absolute;
  top: .6rem;
  width: 80%;
  height: 3.5rem;
  text-align: center;
  left: 10%;
  font-size: .26rem;
}
.sb-ok-body .box3 .order-info .title {
  font-size: .35rem;
  padding-bottom: .1rem;
}
.sb-ok-body .box3 .order-info .price {
  font-size: .35rem;
  padding-bottom: .1rem;
}
.sb-ok-body .box3 .order-info .text span {
  color: #ff9800;
  padding: 0 0.1rem;
  font-size: .3rem;
  font-weight: 600;
}
.sb-ok-body .box3 .ewai-content {
  width: 80%;
  position: absolute;
  top: 5.5rem;
  left: 10%;
  text-align: center;
}
.sb-ok-body .box3 .ewai-content .text {
  color: #8c0002;
  font-weight: 600;
  font-size: .35rem;
  margin-bottom: .5rem;
}
.btn-red {
  background: linear-gradient(to right,#8c0002,#8c0002);
}
.btn-hui {
  background: linear-gradient(to right,#9E9E9E,#9E9E9E);
}

.news .head {
  position: relative;
  width: 100%;
  color: #fff
}
.news .head .title {
  text-align: center;
  width: 100%;
  font-size: .38rem;
  color: #ffd700;
  font-family: "serif", Times, serif;
  font-weight: 600;
}
.news .head .right {
  top: 0;
  right: .2rem;
  position: absolute;
}
.news .list {
  width: 95%;
  margin: auto;
  margin-top: .2rem;
  margin-bottom: 1rem;
  border-radius: .1rem;
  background-color: rgba(255 146 54 / 50%);
}
.news .item {
  display: flex;
  padding: .2rem .2rem;
  color: #fff;
  font-size: .28rem;
  align-items: center;
}
.news .item:not(:last-child) {
  border-bottom: 1px #d15527 solid;
}
.news .item .title {
  flex: 1;
  font-size: .28rem;
}
.news .item .time {
  width: 25%;
  text-align: right;
  color: #c0c0c0;
  margin-left: 3px;
  border-left: 1px #d15527 solid;
}

.cs-jj-box1 {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: auto;
  margin-top: .2rem;
}
.cs-jj-box1 span {
  padding: 2px .2rem;
  border-radius: .1rem;
}
.wenzi-miaoshu {
  width: 95%;
  margin: auto;
  margin-top: .2rem;
  background-color: rgba(255 146 54 / 50%);
  border-radius: .2rem;
  color: #fff;
  padding: .2rem;
}
.cs-text {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-top: .2rem;
  font-family: "serif", Times, serif;
  font-size: .34rem;
  /* font-weight: 600; */
}
.cs-text span {
  background-color: #d15527;
  padding: 0 .3rem;
  border-radius: .1rem;
}
.cs-jj .item {
  font-family: "serif", Times, serif;
  font-size: .36rem;
  padding-bottom: .4rem;
}
.cs-jj .item .head {
  color: #ffd700;
  text-align: center;
  font-size: .5rem;
}
.cs-jj .item .text {
  color:#fff;
}
.cs-jj .item .jdt span {
  color: #ffd700;
}
.cs-jj .item .jk-btn {
  width: 100%;
  text-align: center;
  margin-top: .2rem;
}
.cs-jj .item .jk-btn span {
  background-color: #dd8505;
  color: #fff;
  padding: .1rem .3rem;
  border-radius: .2rem;
}
.yq-btn {
  font-family: "serif", Times, serif;
  font-size: .36rem;
  margin-top: .3rem;
  width: 100%;
  text-align: center;
}
.yq-btn span {
  background-color: #dd8505;
  color: #fff;
  padding: .1rem .5rem;
  border-radius: .1rem;
}
.shanyuan-box {
  background-color: rgba(0 0 0 / 80%);
  width: 95%;
  margin: auto;
  margin-top: .2rem;
  border-radius: .1rem;
  padding: .2rem;
  color: #fff;
}
.shanyuan-box {
  font-family: "serif", Times, serif;
  /* font-weight: 600; */
  line-height: .4rem;
}
.team-content {
  display: flex;
  flex-wrap: wrap;
}
.team-content .item {
  margin-top: .2rem;
  width: 33.333%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .2rem;
}
.team-content .item .text,
.team-content .item .num {
  width: 100%;
  text-align: center;
  color: #ffeb3b;
}

.team-list {
  margin-top: .2rem;
  margin-bottom: .5rem;
}
.team-list .tab-list {
  display: flex;
  justify-content: space-between;
}
.team-list .tab-list .active {
  border-bottom: 1px #ffeb3b solid;
  color: #ffeb3b;
}
.team-list .head .text {
  color: #ffeb3b;
}
.team-list .bui-scroll-main {
  background-color: rgba(0 0 0 / 0%);
}
.index-tp {
  width: 90%;
  margin: auto;
  margin-bottom: .2rem;
  position: relative;
}
.index-tp img {
  width: 100%;
}
.index-tp .box1 {
  position: absolute;
  top: .5rem;
  left: 35%;
  color: #fff;
  font-size: .4rem;
  font-weight: 600;
  font-family: "serif", Times, serif;
}
.index-tp .box3 {
  position: absolute;
  top: 1rem;
  color: #fff;
  left: 35%;
  font-size: .28rem;
  font-weight: 600;
  font-family: "serif", Times, serif;
}
.index-tp .box4 {
  position: absolute;
  top: 1.4rem;
  color: #fff;
  left: 35%;
  font-size: .28rem;
  font-weight: 600;
  font-family: "serif", Times, serif;
}
.index-tp .box2 {
  position: absolute;
  bottom: .2rem;
  right: .1rem;
}
.index-tp .box2 span {
  background-color: #fffdda;
  color: #FF5722;
  font-weight: 600;
  padding: 2px .3rem;
  border-radius: .1rem;
}
.bui-btn.active, .bui-btn:active, [class^=bui-btn].active, [class^=bui-btn]:active {
  background-color: rgba(185 73 27 / 40%)
}
.my-index .szhb-box {
  width: 100%;
  margin: auto;
  text-align: center;
  height: 1.8rem;
  color: #000;
  position: relative;
  font-family: "serif", Times, serif;
  /* font-weight: 600; */
}
.my-index .szhb-box img {
  width: 90%;
  border-radius: .1rem;
  height: 1.8rem;
}
.my-index .szhb-box .box1 {
  position: absolute;
  top: .2rem;
  left: .8rem;
}
.my-index .szhb-box .box2 {
  position: absolute;
  top: 1.1rem;
  left: .8rem;
}
.my-index .szhb-box .box3 {
  position: absolute;
  top: .2rem;
  right: .6rem;
}
.my-index .szhb-box .box3 img {
  width: 2rem;
  height: .6rem;
}
.my-index .szhb-box .box1 i {
  color: #980000;
}
.bui-dialog-foot .bui-box .bui-btn {
  color: #000;
}
.bui-dialog-foot .bui-box .primary-reverse {
  color: #666;
}
input::placeholder {
  color: #fff; /* 这里可以设置你想要的颜色 */
}
.bui-list .bui-box .span1 {
  color: #000;
}
.bui-input {
  background-color: rgba(255 255 255 / 20%) !important;
}
.bui-list.bui-menu-bottom {
  background-color: #fff;
  color:#000;
}
.bui-dropdown>.bui-list>[class*=bui-btn] {
  color:#000;
}
.bui-input input[type=text], .bui-input input[type=password], .bui-input input[type=number], .bui-input input[type=search], .bui-input input[type=tel], .bui-input input[type=email], .bui-input textarea {
  padding-left: .2rem !important;
  color: #fff;
}
.bui-input-text {
  color: #fff;
}
.bui-scroll-list .bui-scroll-main, .bui-scroll-pullrefresh .bui-scroll-main, .bui-scroll .bui-scroll-main {
  background-color: rgba(48 48 48 / 40%);
  width: 95%;
    margin: auto;
    border-radius: .1rem;
}
.bui-list-thumbnail .item-title {
  font-family: "serif", Times, serif;
  color: #ffeb3b;
}
.bui-list-thumbnail .item-text {
  color:#fff;
}
.bui-list .bui-value {
  color: #fff;
}
.bui-article {
  background-color: rgba(255 255 255 / 40%);
  width: 95%;
  margin: auto;
  border-radius: .1rem;
}

.shuju-py-head {
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  width: 95%;
  margin: auto;
}
.shuju-py-head img {
  width: .8rem;
  border-radius: 100%;
}
.shuju-py-head span {
  font-size: .36rem;
  padding: 0 .1rem;
}
.bui-dialog-foot .bui-btn {
  color: #666;
}
.bui-dialog-foot .primary-reverse {
  color: #000;
}
.bui-dropdown .span1 {
  color:#fff !important;
}
.qm-tip {
  font-size: .4rem;
  /* font-weight: 600; */
  font-family: "serif", Times, serif;
  color: #ffeb3b;
  width: 90%;
  margin: auto;
  margin-top: .2rem;
  margin-bottom: .2rem;
}
.huaban .tip {
  color: #fff;
  font-size: .4rem;
  text-align: center;
  font-weight: 600;
  margin-top: .2rem;
  margin-bottom: .3rem;
}
.qd-box {
  width: 95%;
  margin: auto;
  border-radius: .1rem;
  background-color: #F8C97F;
}
main header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
header + div,
header + .bianju1,
header + .bui-article
header + .shuju-py-head,
header + article,
header + ul {
  margin-top: 1rem !important;
}
.product-buy-box {
  background-color: #ffe500;
  width: 95%;
  margin: auto;
  padding: .2rem;
  margin-bottom: .4rem;
  border-radius: .1rem;
  /* font-weight: 600; */
  color: #000;
  font-family: "serif", Times, serif;
  font-size: .36rem;
}
.product-buy-desc {
  width: 95%;
  margin: auto;
  padding: .2rem;
  background-color: rgba(255 255 255 / 40%);
  border-radius: .1rem;
  color: #fff;
}
.product-buy-desc .title {
  text-align: center;
  width: 100%;
  padding-bottom: .1rem;
}
.product-buy-desc .content {
  font-size: .26rem;
}
.product-buy-desc .content img,
.product-buy-desc .content video {
  width: 100%;
}
.tuanzhang-jiang-box {
  width: 95%;
  margin: auto;
  margin-top: .2rem;
  margin-bottom: .4rem;
}
.tuanzhang-jiang-box > .title {
  width: 100%;
  text-align: center;
  font-size: .45rem;
  font-family: "serif", Times, serif;
  color: #ffeb3b;
  margin-top: .3rem;
}
.tuanzhang-jiang-box .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .2rem;
}
.tuanzhang-jiang-box .item:not(:last-child) {
  border-bottom: rgba(255 235 59 / 40%) 1px solid;
}
.tuanzhang-jiang-box .item .title {
  flex: 1;
  font-size: .26rem;
  color: #ffeb3b;
  padding-right: .2rem;
}
.tuanzhang-jiang-box .item .lq-btn {

}
.tuanzhang-jiang-box .item .lq-btn span {
  background-color: #ffeb3b;
  color: #000;
  font-weight: 600;
  padding: 1px .2rem;
  border-radius: .1rem;
}
.bui-list-thumbnail .item-text {
  display: flex;
  align-items: center;
}
.bui-list-thumbnail .item-text .bui-label {
  width: 1.8rem;
}
.bui-list-thumbnail .item-text .bui-value {
  flex: 1;
}
.sxqb-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: .1rem .2rem;
  color: #fff;
}
.sxqb-head img {
  width: 1.2rem;
  height: 1rem;
  margin-right: .2rem;
}
.sxqb-head .title {
  font-size: .5rem;
  flex: 1;
}
.sxqb-head .bottom {
  padding-left: .2rem;
  width: 100%;
  font-size: .28rem;
}
.sxqb-box {
  width: 90%;
  margin: auto;
  text-align: center;
}
.sxqb-box img {
  width: 100%;
}
.sxqb-box2 {
  width: 90%;
  margin: auto;
  text-align: center;
  position: relative;
  top: -1rem;
  background-color: #e7e7e7;
  height: 5.5rem;
  border-radius: .3rem;
  box-shadow: 5px 8px 16px 6px rgba(0 0 0 / 34%)
}
.sxqb-box2 .balance {
  width: 100%;
  text-align: left;
  padding: .5rem .5rem;
  font-family: "微软雅黑", Times, serif;
}
.sxqb-box2 .balance .title {
  font-size: .5rem;
  font-weight: 600;
  color: #000;
}
.sxqb-box2 .balance .number {
  font-size: .6rem;
  color: #000;
  padding-top: .2rem;
  font-weight: 600;
}
.sxqb-box2 .balance .number i {
  font-weight: 600;
  font-size: .6rem;
}
.sxqb-box2 .botton {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.sxqb-box2 .botton .btn span {
  background-color: #fff;
  border-radius: .1rem;
  padding: .1rem .8rem;
  color: #000;
  border: #999 1px solid;
}
.sxqb-box2 .botton .btn2 span {
  background-color: rgb(255, 98, 0);
  border-radius: .1rem;
  padding: .1rem .8rem;
  color: #fff;
  border: #999 1px solid;
}
.sxqb-box2 .footer {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: .8rem;
  display: flex;
  justify-content: space-between;
  padding: 0 .3rem;
}
.sxqb-box2 .footer img {
  width: 2.5rem;
  height: .8rem;
}
.shbz-box {
  width: 95%;
  margin: auto;
  margin-top: 1.2rem !important;
}
.shbz-box .item {
  background-color: rgba(245 245 245 / 40%);
  padding: .3rem;
  border-radius: .2rem;
  margin-bottom: .3rem;
}
.shbz-box .item .title {
  font-size: .4rem;
  color: #ffeb3b;
  font-family: "serif", Times, serif;
}
.shbz-box .item .btn {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: .2rem;
}
.shbz-box .item .btn span {
  background-color: #ff9800;
  color: #fff;
  padding: .1rem .8rem;
  border-radius: 1rem;
  font-size: .26rem;
}
.shbz-box2 {
  width: 95%;
  margin: auto;
  margin-top: .3rem;
}
.shbz-box2 .title {
  font-size: .5rem;
  color: #ffeb3b;
  font-family: "serif", Times, serif;
  width: 100%;
  text-align: center;
}
.shbz-box2 .content {
  background-color: rgba(245 245 245 / 40%);
  padding: .3rem;
  border-radius: .2rem;
  margin-bottom: .5rem;
  color: #fff;
  font-size: .26rem;
}
.shbz-box2 .content img,
.shbz-box2 .content video {
  width: 100%;
}

.feedback-box {
  width: 95%;
  margin: auto;
  background-color: rgba(245 245 245 / 40%);
  padding: .3rem;
  border-radius: .2rem;
}
.feedback-box textarea {
  background-color: rgba(0 0 0 / 0%);
  width: 100%;
  border: rgba(0 0 0 / 0%) 1px solid;
  color: #fff;
}
.feedback-box textarea::placeholder {
  color: #fff;
}
.bui-confirm {
  /* background-color: rgba(0 0 0 / 55%); */
  /* background: linear-gradient(to bottom, #ae2626, #7a0303); */
  /* color: #fff; */
}
.bui-confirm .bui-dialog-foot {
  background: linear-gradient(to bottom, #ae2626, #7a0303);
  border-top: 1px solid #440000;
}
.bui-confirm .bui-dialog-foot .span1 {
  color: #fff;
  font-weight: 600;
}
.bui-confirm .bui-dialog-foot .primary-reverse {
  border-left: 1px solid #440000 !important;
}
.bui-confirm .bui-dialog-main p {
  color: #000;
  font-weight: 600;
}
.bui-confirm .bui-dialog-foot [class*=bui-btn] {
  border-left: 1px solid rgba(68 0 0 / 0%);
}
.bui-actionsheet {
  background: linear-gradient(to bottom, #ae2626, #7a0303);
  color: #fff;
}
.bui-actionsheet [class*=bui-btn] {
  color: #fff;
}
.login-footer {
  width: 100%;
  margin: auto;
  color: #7b7979;
  text-align: center;
  font-size: .28rem;
}
.login-footer span {
  color: #ab0000;
}
.xy-main {
  background-color: #fff;
  width: 100%;
}
.xy-main .head {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  color: #000;
  /* border-bottom: 1px solid #999; */
}
.xy-main .head .title {
  font-size: .3rem;
  width: 100%;
  text-align: center;
}
.xy-main .head .left {
  position: absolute;
  top: .2rem;
  margin-left: .3rem;
  font-size: .4rem;
}
.xy-main .content {
  margin-top: 1.3rem;
  padding: .2rem;
  width: 100%;
  height: 80%;
  overflow-y: auto;
  font-size: .28rem;
}
.xy-main .content img,
.xy-main .content video {
  width: 100%;
}
.xy-main .btn {
  position: fixed;
  bottom: .5rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.xy-main .btn span {
  background-color: #c93102;
  color: #fff;
  padding: .2rem 1rem;
  border-radius: 1rem;
}
.index-gd-notice {
  width: 95%;
  background-color: #fff;
  padding: .2rem;
  margin: auto;
  margin-top: .2rem;
  overflow: hidden;
  position: relative;
  margin-bottom: .3rem;
  border-radius: .1rem;
}
.index-gd-notice .lb {
  width: .5rem;
  color: #8b0000;
  position: absolute;
  top: .1rem;
  left: .1rem;
}
.index-gd-notice .notice {
  width: 92%;
  margin: auto;
  margin-left: .5rem;
  overflow: hidden;
}
.index-gd-notice .scrollText {
  white-space: nowrap;
  /*animation: scrollText 15s linear infinite;*/
  color: #000;
}
/*@keyframes scrollText {*/
/*  0% {*/
/*      transform: translateX(100%);*/
/*  }*/
/*  100% {*/
/*      transform: translateX(-100%);*/
/*  }*/
/*}*/
.qd-head {
  width: 100%;
  margin-top: .9rem !important;
}
.qd-head img {
  width: 100%;
}
.product-head {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  height: 7rem;
  background: linear-gradient(to bottom, 
      #7f100c 0%,
      #7f100c 14%,
      #7f100c 28%,
      #7f100c 42%,
      #7f100c 60%,
      #7f100c 71%,
      #7f100c 85%,
      rgba(127 16 12 / 70%) 90%,
      rgba(127 16 12 / 60%) 95%,
      rgba(127 16 12 / 50%) 100%);
  );
  border-bottom: 1px solid rgba(102 102 102 / 0%);
}
.product-head img {
  width: 100%;
  height: 5rem;
}
.product-buy-num {
  width: 95%;
  margin: auto;
  margin-top: .2rem;
}
.product-buy-num .bui-btn {
  border: 0px solid #fff;
}
.recharge-box {
  width: 95%;
  margin: auto;
  display: flex;
  margin-bottom: .5rem;
  justify-content: space-between;
  padding: 0 .3rem;
}
.recharge-box .recharge span {
  background-color: #F8C97F;
  color: #000;
  padding: .2rem .8rem;
  border-radius: .1rem;
}
.recharge-box .withdrawal span {
  background-color: #795548;
  color: #fff;
  padding: .2rem .8rem;
  border-radius: .1rem;
}
.kf-box {
  margin-top: .9rem !important;
  width: 100%;
  height: 95%;
  position: relative;
}
.kf-box img {
  width: 100%;
  height: 100%;
}
.kf-box .kfbtn {
  position: absolute;
  top: 30%;
  text-align: center;
  width: 100%;
  margin: auto;
}
.kf-box .kfbtn .btn {
  margin-bottom: .8rem;
}
.kf-box .kfbtn span {
  background-color: #440000;
  color: #fff;
  padding: .2rem .8rem;
  border-radius: .1rem;
}
.kf-box .kfbtn span i {
  font-size: .3rem;
  padding-right: .2rem;
}

.new-tow-tu {
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: .2rem;
  flex-wrap: wrap;
}
.new-tow-tu .item {
  width: 49%;
  height: 1.6rem;
  position: relative;
  font-size: .3rem;
}
.new-tow-tu .item img {
  width: 100%;
  height: 1.6rem;
}
.new-tow-tu .item .text {
  position: absolute;
  top: .3rem;
  left: .2rem;
  color: #000;
  font-weight: 600;
}
.new-tow-tu .item .text .min {
  font-size: .25rem;
  color: #666;
  font-weight: 500;
}
.new-tow-tu .max {
  margin-top: .1rem;
  width: 100%;
  height: 1.8rem;
  position: relative;
  font-size: .3rem;
}
.new-tow-tu .max img {
  height: 1.8rem;
  border-radius: .1rem;
}
.new-balance {
  width: 90%;
  margin: auto;
  margin-bottom: .2rem;
  position: relative;
}
.new-balance .tit {
  position: absolute;
  top: .3rem;
  left: .5rem;
  font-weight: 600;
  font-size: .34rem;
  color: #000;
}
.new-balance .num {
  position: absolute;
  top: .8rem;
  left: .5rem;
  font-weight: 600;
  font-size: .4rem;
  color: #bf0000;
  font-weight: 600;
}
.new-balance .text {
  position: absolute;
  top: 1.3rem;
  width: 60%;
  text-align: center;
  left: 20%;
  font-weight: 600;
  font-size: .26rem;
  color: #666;
  font-weight: 600;
}
.new-guquan-buy-box {
  width: 95%;
  margin: auto;
  margin-top: .2rem;
  border-radius: .1rem;
  position: relative;
  color: #000;
}
.new-guquan-buy-box img {
  border-radius: .1rem;
}
.new-guquan-buy-box .tex1 {
  position: absolute;
  top: .3rem;
  left: .5rem;
  font-size: .28rem;
  font-weight: 600;
}
.new-guquan-buy-box .tex2 {
  position: absolute;
  top: .8rem;
  left: .5rem;
  font-size: .4rem;
  font-weight: 600;
  /* width: 2.3rem;
  text-align: center; */
}
.new-guquan-buy-box .tex3 {
  position: absolute;
  top: .2rem;
  right: .2rem;
  font-weight: 600;
  color: #bf0000;
}
.new-guquan-buy-box .bottom {
  position: absolute;
  bottom: .5rem;
  left: 15%;
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  text-align: center;
}
.new-guquan-buy-box .bottom p {
  font-size: .28rem;
  color: #666;
  font-weight: 500;
}
.new-btns {
  width: 90%;
  margin: auto;
  margin-top: .2rem;
  display: flex;
  justify-content: space-between;
}
.new-btns div {
  width: 49%;
  line-height: .9rem;
  text-align: center;
  color: #fff;
  font-weight: 550;
}
.new-btns .btn1 {
  background: url(../images/new/jiaoyisuo-btn1.png);
  background-size: 100% 100%;
}
.new-btns .btn2 {
  background: url(../images/new/jiaoyisuo-btn2.png);
  background-size: 100% 100%;
}

.ylk-head {
  background: url(../images/bg.png);
  background-size: 100% 100%;
  width: 100%;
  height: 6rem;
  margin-top: 0 !important;
}
.ylk-box {
  width: 95%;
  margin: auto;
  margin-top: -3rem;
  border-radius: .1rem;
  color: #000;
  position: relative;
}
.ylk-box > .bg {
  width: 100%;
}
.ylk-box .logo {
  width: 50%;
  left: 25%;
  margin: auto;
  display: flex;
  padding: .2rem;
  text-align: center;
  align-items: center;
  position: absolute;
  top: 0;
}
.ylk-box .logo img {
  width: .8rem;
}
.ylk-box .logo span {
  padding-left: .2rem;
  font-weight: 600;
}
.ylk-box .sfxx-box {
  width: 90%;
  margin: auto;
  left: 5%;
  position: absolute;
  top: 1.3rem;
}
.ylk-box .sfxx {
  width: 100%;
  position: relative;
}
.ylk-box .sfxx .tit {
  width: 100%;
  text-align: center;
  position: absolute;
  top: .5rem;
  font-weight: 600;
  font-size: .28rem;
}
.ylk-box .sfxx .fullname {
  width: 65%;
  margin: auto;
  position: absolute;
  bottom: 2.2rem;
  font-size: .26rem;
  font-weight: 600;
  left: 35%;
}
.ylk-box .sfxx .card_no {
  width: 65%;
  margin: auto;
  position: absolute;
  bottom: 1.5rem;
  font-size: .26rem;
  font-weight: 600;
  left: 35%;
}
.ylk-box .balance {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 4.2rem;
  font-weight: 600;
  font-size: .32rem;
}
.ylk-status {
  width: 100%;
  text-align: center;
  margin-top: .3rem;
  font-size: .36rem;
  color: #000;
  font-weight: 600;
}
.ylk-status span {
  color: red;
}