@charset "UTF-8";
body .mainM .modal-content {
  padding: 0.2rem;
}
body .mainM .colorB {
  color: #076ED8;
}
body .mainM .mobile-hide {
  display: none !important;
}
body .mainM .footer-content-box {
  margin-top: 0;
}
body .mainM .pages-item {
  height: 100%;
}
body .mainM .main-conetnt-box {
  height: 100%;
  overflow-y: scroll;
}
body .mainM .main-conetnt-box::-webkit-scrollbar {
  width: 5px;
  /* 纵向滚动条宽度 */
  height: 5px;
  /* 横向滚动条高度 */
}
body .mainM .main-conetnt-box::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道背景色 */
  border-radius: 10px;
  /* 圆角 */
}
body .mainM .main-conetnt-box::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}
body .mainM .main-conetnt-box::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body .mainM .page-content,
body .mainM .page-content-2 {
  width: 100%;
  height: calc(100% - 0.8rem);
  vertical-align: top;
}
body .mainM .header-box {
  position: absolute;
}
body .mainM .mobile-head {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 0.94rem;
  background-color: #fff;
  padding: 0 0.4rem 0 0.33rem;
  z-index: 50;
}
body .mainM .mobile-head .mobile-head-left .mobile-head-return-last {
  position: absolute;
  top: 50%;
  width: 0.17rem;
  height: 0.33rem;
  background: url("../img/h5/return-last.png") no-repeat center/cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
body .mainM .mobile-head .mobile-head-title {
  font-size: 0.36rem;
  font-weight: bold;
}
body .mainM .mobile-head .mobile-head-right .mobile-head-more {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  width: 0.38rem;
  height: 0.33rem;
  background: url("../img/h5/more-btn.png") no-repeat center/cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
body .mainM .content-box-show {
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
}
body .mainM .index-common {
  width: 100%;
  height: 100vh;
  min-height: 9rem;
  vertical-align: top;
}
body .mainM .index-common.index-banner-box {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .index-common.index-banner-box .index-banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body .mainM .index-gameproducts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .mainM .index-gameproducts .page-content {
  margin-top: 0.77rem;
  padding-top: 0.2rem;
  padding-bottom: 0.69rem;
}
body .mainM .index-gameproducts .index-gameproducts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 6.65rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.35rem 0.31rem;
  margin: 0 auto;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item {
  width: 3.17rem;
  background-color: #f0eff9;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-pic {
  width: 3.16rem;
  height: 2.53rem;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content {
  position: relative;
  padding: 0.21rem 0.3rem 0.22rem 0.25rem;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
  font-size: 0.35rem;
  line-height: 0.35rem;
  color: #000000;
  margin-bottom: 0.1rem;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-serveEnd {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0.25rem;
  right: 0.3rem;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-serveEnd img {
  width: 0.19rem;
  height: 0.22rem;
  margin-left: 0.26rem;
}
body .mainM .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-info-text {
  font-weight: 400;
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #666666;
  white-space: nowrap;
}
body .mainM .personal-center-content {
  background-color: #f6f7fb;
  padding-top: 0.94rem;
}
body .mainM .personal-center-content .tab-pane {
  display: none;
}
body .mainM .personal-center-content .tab-pane.active {
  display: block;
}
body .mainM .personal-center-content .page-content-2 {
  height: 100%;
}
body .mainM .personal-center-content .content {
  position: relative;
  margin: 0 auto;
}
body .mainM .personal-center-content .content .center_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.36rem 0.52rem 0.4rem 0.39rem;
}
body .mainM .personal-center-content .content .center_header .header_left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.14rem;
}
body .mainM .personal-center-content .content .center_header .header_left .reviseHeader {
  display: none;
}
body .mainM .personal-center-content .content .center_header .header_left > img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
body .mainM .personal-center-content .content .center_header .header_right .flex_start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .personal-center-content .content .center_header .header_right .user-name {
  font-size: 0.34rem;
  margin-bottom: 0.22rem;
  line-height: 0.34rem;
}
body .mainM .personal-center-content .content .center_header .header_right .user-name img {
  width: 0.26rem;
  height: 0.28rem;
  margin-left: 0.1rem;
  margin-top: -0.08rem;
}
body .mainM .personal-center-content .content .center_header .header_right .account-content {
  line-height: 0.17rem;
  margin-bottom: 0.17rem;
}
body .mainM .personal-center-content .content .center_header .header_right .account-content span,
body .mainM .personal-center-content .content .center_header .header_right .account-content h2 {
  font-size: 0.17rem;
}
body .mainM .personal-center-content .content .center_header .header_right .reviseHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.54rem;
  height: 0.2rem;
  font-size: 0.1rem;
  line-height: 0.1rem;
  margin-left: 0.13rem;
  border: 1px solid #aaa;
  border-radius: 0.05rem;
}
body .mainM .personal-center-content .content .center_header .header_right .vip-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.14rem;
  color: #777;
}
body .mainM .personal-center-content .content .center_header .header_right .vip-progress img {
  width: 0.22rem;
  height: 0.19rem;
}
body .mainM .personal-center-content .content .center_header .header_right .vip-progress #vipGrade {
  margin-left: 0.02rem;
  margin-right: 0.08rem;
}
body .mainM .personal-center-content .content .center_header .header_right .vip-progress .Loadingwrap {
  width: 3.72rem;
  height: 0.13rem;
  background-color: #d8d8d8;
  border-radius: 0.13rem;
  position: relative;
  margin-right: 0.07rem;
}
body .mainM .personal-center-content .content .center_header .header_right .vip-progress .Loadingwrap .Loadinginner {
  width: 50%;
  height: 100%;
  background-color: #ff6c19;
  border-radius: 10px;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  bottom: -1.31rem;
  width: 100%;
  padding: 0 0.39rem;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start {
  width: 3.26rem;
  height: 1.27rem;
  background-color: #fff;
  border-radius: 0.35rem;
  padding: 0.23rem 0.21rem;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation img {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.23rem;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con {
  font-size: 0.22rem;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con .fontColorO {
  color: #ea5504;
  font-weight: bold;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con .fontColorB {
  color: #076ed8;
  font-weight: bold;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con .BTNColorB,
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con .BTNColorY {
  width: 0.89rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background-color: #ea5504;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  margin-top: 0.19rem;
  cursor: pointer;
}
body .mainM .personal-center-content .content .center_header .flex_start.operation .flex_start_con .BTNColorB {
  background-color: #076ed8;
}
body .mainM .personal-center-content .content .flex_start.content_page {
  padding: 1.69rem 0.39rem 1rem;
}
body .mainM .personal-center-content .content .flex_start.content_page .page_nav {
  width: 100%;
  background-color: #fff;
  padding: 0.33rem 0.4rem 0.4rem;
  border-radius: 0.3rem;
}
body .mainM .personal-center-content .content .flex_start.content_page .page_nav .page_nav_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.17rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
  color: #000000;
  font-size: 0.25rem;
  cursor: pointer;
  overflow: hidden;
}
body .mainM .personal-center-content .content .flex_start.content_page .page_nav .page_nav_item .page-nav-item-des {
  color: #b2b2b2;
  font-size: 0.23rem;
}
body .mainM .personal-center-content .content .flex_start.content_page .page_nav .page_nav_item:last-child {
  border-bottom: none !important;
}
body .mainM .personal-center-content .content .flex_start.content_page .page_nav .page_nav_item img {
  width: 0.42rem;
  margin-right: 0.31rem;
  position: relative;
}
body .mainM .personal-center-content .integralTask .integralTask_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 2rem;
  background: -webkit-gradient(linear, left top, right top, from(#f5af4d), color-stop(99%, #de6e48));
  background: linear-gradient(90deg, #f5af4d 0%, #de6e48 99%);
  border-radius: 3px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
}
body .mainM .personal-center-content .integralTask .integralTask_top p {
  font-size: 0.25rem;
}
body .mainM .personal-center-content .integralTask .integralTask_top > p {
  font-size: 0.3rem;
}
body .mainM .personal-center-content .integralTask .integralTask_top button {
  background-color: #fff;
  color: #de6f48;
  border-radius: 15px;
  width: 1.5rem;
  height: 0.5rem;
  line-height: 21px;
  text-align: center;
  border: 0;
  outline: none;
  font-size: 0.26rem;
  margin-top: 0.1rem;
}
body .mainM .personal-center-content .integralTask .integra-infoTitle > div {
  border-bottom: 0.05rem solid transparent;
  padding-bottom: 0.11rem;
  margin-right: 0.31rem;
  font-weight: bold;
}
body .mainM .personal-center-content .integralTask .integra-infoTitle .info_active {
  border-bottom: 0.05rem solid #0c73d9;
}
body .mainM .personal-center-content .integralTask .TaskItem-list {
  max-height: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.3rem;
  gap: 0.3rem;
  overflow-y: scroll;
}
body .mainM .personal-center-content .integralTask .TaskItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem 0.2rem;
  font-size: 0.23rem;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
}
body .mainM .personal-center-content .integralTask .TaskItem > div:nth-child(1) {
  width: 3rem;
}
body .mainM .personal-center-content .integralTask .TaskItem > div:nth-child(2) .taskDescribe {
  text-align: right;
}
body .mainM .personal-center-content .integralTask .TaskItem .taskDescribe {
  width: 100%;
  font-size: 0.16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .mainM .personal-center-content .integralTask .TaskItem .taskName {
  font-weight: bold;
}
body .mainM .personal-center-content .integralTask .TaskItem .taskBtn {
  width: 1rem;
  height: 0.5rem;
  line-height: 25px;
  border-radius: 0.1rem;
  background-color: #076ed8;
  color: #fff;
  text-align: center;
  border: 0;
  outline: none;
  margin-top: 0.1rem;
}
body .mainM .personal-center-content .integralTask .TaskItem .taskBtn.bg {
  background-color: #959595;
}
body .mainM .personal-center-content .integralTask .nothingTask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
body .mainM .personal-center-content .integralTask .nothingTask img {
  width: 2rem;
}
body .mainM .personal-center-content .integralTask .nothingTask p {
  font-size: 0.26rem;
  margin-top: 0.1rem;
}
body .mainM .personal-center-content span.mobile-menu-arow {
  display: block;
  width: 0.08rem;
  height: 0.15rem;
  margin-left: 0.42rem;
  background: url("../img/h5/open-menu-btn.png") no-repeat center/cover;
}
body .mainM .personal-center-content .page_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f7fb;
  min-height: 494px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body .mainM .personal-center-content .page_content .info-content-box {
  padding: 0 0.32rem;
  overflow: hidden;
}
body .mainM .personal-center-content .page_content .info-content-box.px-038 {
  padding: 0 0.38rem;
}
body .mainM .personal-center-content .page_content .info-content-box .page-title {
  margin-top: 0.31rem;
}
body .mainM .personal-center-content .page_content .info-content-box .bottom-button-list {
  margin-top: 0.36rem;
  padding: 0 0.5rem;
  padding-bottom: 1rem;
  gap: 0.5rem;
}
body .mainM .personal-center-content .page_content .info-content-box #reviseinfo_content .data_infoList:nth-child(2n) {
  border-top: 1px solid #e5e5e5;
}
body .mainM .personal-center-content .page_content .info-content-box #reviseinfo_content .data_infoList input[type=radio] {
  margin: 0 0.2rem;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content {
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.3rem;
  margin-top: 0.31rem;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content .flex_start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.28rem 0;
  border-bottom: 1px solid #e5e5e5;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content .flex_start > span {
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content .flex_start:last-child {
  border-bottom: none;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content .flex_start p {
  font-size: 0.22rem;
  color: #6d6c6c;
}
body .mainM .personal-center-content .page_content .info-content-box .info-content .mobile-menu-arow {
  margin-left: 0.24rem;
}
body .mainM .personal-center-content .page_content .info-content-box .reviseInfo {
  width: 100%;
  height: 0.79rem;
  background-color: #076ed8;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  margin-top: 0.5rem;
  border: 0;
  font-size: 0.31rem;
  font-weight: 500;
  border-radius: 0.79rem;
}
body .mainM .personal-center-content .page_content .my-money-header {
  overflow: hidden;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content {
  background-color: #fff;
  padding: 0.39rem 0.23rem;
  margin-top: 0.4rem;
  border-radius: 0.2rem;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .surplus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 0.19rem;
  color: #000000;
  margin-bottom: 0.36rem;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .surplus .wallet-money {
  font-weight: bold;
  font-size: 0.36rem;
  color: #fe6b28;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .surplus button {
  width: 1.26rem;
  height: 0.35rem;
  line-height: 0.35rem;
  margin-left: 0.4rem;
  border: none;
  background-color: #fe6b28;
  font-size: 0.19rem;
  color: #fff;
  border-radius: 0.05rem;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate input {
  width: 1.74rem;
  height: 0.36rem;
  font-size: 0.17rem;
  border-color: #e5e5e5;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate span {
  font-size: 0.19rem;
  font-weight: 500;
  margin: 0 0.12rem 0 0.14rem;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate p {
  font-size: 0.19rem;
  color: #000000;
  font-weight: 500;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate button {
  width: 1.26rem;
  height: 0.35rem;
  line-height: 0.35rem;
  margin-left: 0.24rem;
  border: none;
  background-color: #076ed8;
  font-size: 0.19rem;
  color: #fff;
  border-radius: 0.05rem;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate .query-data-item {
  position: relative;
}
body .mainM .personal-center-content .page_content .my-money-header .my-money-header-content .queryDate .query-data-item img {
  position: absolute;
  top: 50%;
  right: 0.08rem;
  width: 0.26rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
body .mainM .personal-center-content .page_content .my-money-data-content {
  background-color: #fff;
  margin-top: 0.35rem;
  padding: 0.15rem 0.4rem 0.15rem 0.4rem;
  border-radius: 0.3rem;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-header {
  display: grid;
  grid-template-columns: 1fr 1fr 0.8fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 0.19rem;
  font-weight: 500;
  padding: 0.09rem 0;
  border-bottom: 1px solid #e5e5e5;
  white-space: nowrap;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-header div {
  text-align: center;
  border-right: 1px solid #e5e5e5;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-header div:last-child {
  border: none;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-list {
  height: auto;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-list.bg > div:nth-child(2n+1) {
  background-color: #f7f7f7;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-list .integralInfo_item {
  display: grid;
  grid-template-columns: 1fr 1fr 0.8fr 1fr;
  font-size: 0.19rem;
  text-align: center;
  white-space: nowrap;
  padding: 0.15rem 0;
}
body .mainM .personal-center-content .page_content .my-money-data-content .my-money-data-list .integralInfo_item div {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.2rem;
}
body .mainM .personal-center-content .page_content #recharge .my-money-data-content {
  padding: 0;
}
body .mainM .personal-center-content .page_content #recharge .my-money-data-content .my-money-data-header-box {
  background-color: #f5f5f5;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
body .mainM .personal-center-content .page_content #recharge .my-money-data-content .my-money-data-header-box .my-money-data-header {
  padding: 0.24rem 0rem 0.09rem 0rem;
}
body .mainM .personal-center-content .pwd-reset-success,
body .mainM .personal-center-content .data-submit-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15%;
  font-size: 0.26rem;
  font-weight: bold;
}
body .mainM .personal-center-content .pwd-reset-success img,
body .mainM .personal-center-content .data-submit-success img {
  width: 1rem;
}
body .mainM .personal-center-content .pwd-reset-success span,
body .mainM .personal-center-content .data-submit-success span {
  margin: 0.08rem 0 0.02rem;
}
body .mainM .personal-center-content .pwd-reset-success button,
body .mainM .personal-center-content .data-submit-success button {
  margin-top: 0.2rem;
}
body .mainM .personal-center-content .real-name-authentication .page-title {
  margin-bottom: 0.26rem;
}
body .mainM .personal-center-content .real-name-authentication .certification_txt {
  width: 100%;
  background-color: #fdf6f1;
  border: 1px dashed #ea5504;
  border-radius: 5px;
  padding: 0.2rem 0.3rem;
}
body .mainM .personal-center-content .real-name-authentication .user-enter-content-box {
  padding: 0;
}
body .mainM .personal-center-content .real-name-authentication button {
  margin-top: 0.34rem;
}
body .mainM .personal-center-content .real-name-authentication p {
  font-size: 0.26rem;
}
body .mainM .personal-center-content .page_nav_item p {
  margin: 0;
}
body .mainM .personal-center-content .page-title {
  padding-left: 0.15rem;
  border-left: 0.06rem solid #076ed8;
  height: 0.31rem;
  line-height: 0.31rem;
  font-size: 0.27rem;
  font-weight: bold;
}
body .mainM .personal-center-content .page-content img {
  width: 100%;
}
body .mainM .personal-center-content .hide {
  display: none;
}
body .mainM .personal-center-content .conserve {
  background-color: #076ed8;
  color: #fff;
}
body .mainM .personal-center-content .flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .personal-center-content .enter-input input[type=text] {
  width: 3rem;
  height: 0.6rem;
  border: none;
  background-color: #ececec;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
}
body .mainM .personal-center-content .enter-input select {
  width: 1.5rem;
  height: 0.6rem;
  padding: 0 0.3rem;
  border: none;
  background-color: #ececec;
  border-radius: 0.1rem;
  margin-left: 0.1rem;
  color: #999999;
}
body .mainM .personal-center-content .enter-input select::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .personal-center-content .enter-input select::-moz-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .personal-center-content .enter-input select:-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .personal-center-content .enter-input select::-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .personal-center-content .enter-input select::placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .personal-center-content .enter-input div.flex_start.region {
  padding: 0 !important;
}
body .mainM .personal-center-content #security .page-title {
  margin-top: 0.38rem;
}
body .mainM .personal-center-content #security .bind-phone-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  font-size: 0.25rem;
  font-weight: bold;
}
body .mainM .personal-center-content #security .bind-phone-success img {
  width: 1.2rem;
}
body .mainM .personal-center-content #security .bind-phone-success span {
  margin: 0.2rem 0 0.1rem;
}
body .mainM .personal-center-content .security_type_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.27rem 0.22rem;
  margin-top: 0.36rem;
}
body .mainM .personal-center-content .security_type_list .safeModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.26rem;
  height: 1.27rem;
  border-radius: 0.35rem;
  padding: 0.33rem 0.13rem 0.24rem 0.21rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
body .mainM .personal-center-content .security_type_list .safeModal .safe-pic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.11rem;
}
body .mainM .personal-center-content .security_type_list .safeModal .safe-pic img {
  width: 100%;
  height: 100%;
  margin: 0;
}
body .mainM .personal-center-content .security_type_list .safeModal .safeModal-info {
  width: 77%;
  font-weight: 500;
  font-size: 0.14rem;
  color: #bdbdbd;
  margin-top: 0.02rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .mainM .personal-center-content .security_type_list .safeModal .a-link {
  font-weight: 500;
  font-size: 0.14rem;
  color: #1770d4;
}
body .mainM .personal-center-content .security_type_list .safeModal div {
  font-size: 0.25rem;
  font-weight: bold;
}
body .mainM .personal-center-content .security_type_list .safeModal .safeModal-name-pic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.23rem;
  height: 0.23rem;
  margin-left: 0.07rem;
}
body .mainM .personal-center-content .security_type_list .safeModal .safeModal-right {
  margin-top: -0.1rem;
}
body .mainM .personal-center-content .security_type_list .safeModal:hover {
  border: 1px solid #076ed8;
}
body .mainM .personal-center-content .my-service .my-service-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 0.36rem;
  text-align: center;
  gap: 0.36rem 0.28rem;
}
body .mainM .personal-center-content .my-service .my-service-list > div {
  position: relative;
}
body .mainM .personal-center-content .my-service .my-service-list > div div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.4rem;
  font-size: 0.22rem;
}
body .mainM .personal-center-content .pwdLevel {
  width: 6.71rem;
  height: 0.96rem;
  line-height: 0.96rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#de6e48), to(#f5af4d));
  background-image: linear-gradient(to right, #de6e48, #f5af4d);
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 0.36rem;
}
body .mainM .personal-center-content .pwdLevel p,
body .mainM .personal-center-content .pwdLevel span {
  font-size: 0.28rem;
  color: #fff;
  font-weight: bold;
}
body .mainM .personal-center-content .pwdLevel span {
  margin-left: 0.08rem;
}
body .mainM .personal-center-content .pwdLevel .safeIndex {
  width: 0.43rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  background-color: #fff;
  opacity: 0.3;
  position: relative;
}
body .mainM .personal-center-content .pwdLevel span.opacity {
  opacity: 1;
}
body .mainM .personal-center-content .wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body .mainM .personal-center-content .nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
body .mainM .personal-center-content .safeModal > span {
  color: #8cb8e6;
}
body .mainM .personal-center-content .txtColorO,
body .mainM .personal-center-content .txtColor {
  color: #eb5400;
}
body .mainM .personal-center-content .txtColorH {
  color: #c9c9c9;
}
body .mainM .personal-center-content .revisePwd .user-enter-content {
  margin: 0.34rem 0;
}
body .mainM .personal-center-content .infoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 0.4rem 0 0.18rem 0.4rem;
}
body .mainM .personal-center-content .infoTitle .my-info-title-tab {
  padding-bottom: 0.11rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.28rem;
  margin-right: 0.58rem;
  border-bottom: 0.05rem solid transparent;
}
body .mainM .personal-center-content .infoTitle .my-info-title-tab.info_active {
  border-bottom: 0.05rem solid #0c73d9;
}
body .mainM .personal-center-content .infoTitle .couponinfo-title-tab {
  font-size: 0.25rem;
  font-weight: bold;
  margin-right: 0.31rem;
  padding-bottom: 0.11rem;
  border-bottom: 0.05rem solid transparent;
}
body .mainM .personal-center-content .infoTitle .couponinfo-title-tab.info_active {
  border-bottom: 0.05rem solid #0c73d9;
}
body .mainM .personal-center-content .reviseSecret img,
body .mainM .personal-center-content .reviseNewSecret img,
body .mainM .personal-center-content .validateSecret img,
body .mainM .personal-center-content .validateSecret2 img,
body .mainM .personal-center-content .forgotSecretProtection img,
body .mainM .personal-center-content .bindPhone5 img,
body .mainM .personal-center-content .bindPhone2 img {
  width: 0.5rem;
}
body .mainM .personal-center-content .reviseSecret .connectLine,
body .mainM .personal-center-content .reviseNewSecret .connectLine,
body .mainM .personal-center-content .validateSecret .connectLine,
body .mainM .personal-center-content .validateSecret2 .connectLine,
body .mainM .personal-center-content .forgotSecretProtection .connectLine,
body .mainM .personal-center-content .bindPhone5 .connectLine,
body .mainM .personal-center-content .bindPhone2 .connectLine {
  width: 1.24rem;
  height: 0.08rem;
  background-color: #e5e5e5;
  margin: 0 0.31rem 0 0.31rem;
}
body .mainM .personal-center-content .reviseSecret .security-verification-steps,
body .mainM .personal-center-content .reviseNewSecret .security-verification-steps,
body .mainM .personal-center-content .validateSecret .security-verification-steps,
body .mainM .personal-center-content .validateSecret2 .security-verification-steps,
body .mainM .personal-center-content .forgotSecretProtection .security-verification-steps,
body .mainM .personal-center-content .bindPhone5 .security-verification-steps,
body .mainM .personal-center-content .bindPhone2 .security-verification-steps {
  margin-top: 0.26rem;
  text-align: center;
}
body .mainM .personal-center-content .reviseSecret .security-verification-steps p,
body .mainM .personal-center-content .reviseNewSecret .security-verification-steps p,
body .mainM .personal-center-content .validateSecret .security-verification-steps p,
body .mainM .personal-center-content .validateSecret2 .security-verification-steps p,
body .mainM .personal-center-content .forgotSecretProtection .security-verification-steps p,
body .mainM .personal-center-content .bindPhone5 .security-verification-steps p,
body .mainM .personal-center-content .bindPhone2 .security-verification-steps p {
  font-size: 0.25rem;
  font-weight: 500;
  margin-top: 0.05rem;
}
body .mainM .personal-center-content .reviseSecret .user-enter-content-box,
body .mainM .personal-center-content .reviseNewSecret .user-enter-content-box,
body .mainM .personal-center-content .validateSecret .user-enter-content-box,
body .mainM .personal-center-content .validateSecret2 .user-enter-content-box,
body .mainM .personal-center-content .forgotSecretProtection .user-enter-content-box,
body .mainM .personal-center-content .bindPhone5 .user-enter-content-box,
body .mainM .personal-center-content .bindPhone2 .user-enter-content-box {
  padding: 0;
}
body .mainM .personal-center-content .reviseSecret button,
body .mainM .personal-center-content .reviseNewSecret button,
body .mainM .personal-center-content .validateSecret button,
body .mainM .personal-center-content .validateSecret2 button,
body .mainM .personal-center-content .forgotSecretProtection button,
body .mainM .personal-center-content .bindPhone5 button,
body .mainM .personal-center-content .bindPhone2 button {
  margin-top: 0.26rem;
}
body .mainM .personal-center-content .reviseSecret .forgot-security-question,
body .mainM .personal-center-content .reviseNewSecret .forgot-security-question,
body .mainM .personal-center-content .validateSecret .forgot-security-question,
body .mainM .personal-center-content .validateSecret2 .forgot-security-question,
body .mainM .personal-center-content .forgotSecretProtection .forgot-security-question,
body .mainM .personal-center-content .bindPhone5 .forgot-security-question,
body .mainM .personal-center-content .bindPhone2 .forgot-security-question {
  width: 100% !important;
  margin: 0 !important;
  text-align: center;
  padding-bottom: 2rem;
}
body .mainM .personal-center-content .reviseSecret .verify-code-pic img,
body .mainM .personal-center-content .reviseNewSecret .verify-code-pic img,
body .mainM .personal-center-content .validateSecret .verify-code-pic img,
body .mainM .personal-center-content .validateSecret2 .verify-code-pic img,
body .mainM .personal-center-content .forgotSecretProtection .verify-code-pic img,
body .mainM .personal-center-content .bindPhone5 .verify-code-pic img,
body .mainM .personal-center-content .bindPhone2 .verify-code-pic img {
  width: 100%;
  height: 0.5rem !important;
}
body .mainM .personal-center-content .reviseSecret .user-enter-content button,
body .mainM .personal-center-content .reviseNewSecret .user-enter-content button,
body .mainM .personal-center-content .validateSecret .user-enter-content button,
body .mainM .personal-center-content .validateSecret2 .user-enter-content button,
body .mainM .personal-center-content .forgotSecretProtection .user-enter-content button,
body .mainM .personal-center-content .bindPhone5 .user-enter-content button,
body .mainM .personal-center-content .bindPhone2 .user-enter-content button {
  margin: 0;
}
body .mainM .personal-center-content .reviseNewSecret,
body .mainM .personal-center-content .validateSecret2 {
  padding-bottom: 1rem;
}
body .mainM .personal-center-content .reviseNewSecret .user-enter-content > div,
body .mainM .personal-center-content .validateSecret2 .user-enter-content > div {
  margin-bottom: 0.26rem;
}
body .mainM .personal-center-content .tab-span-module {
  height: 100%;
}
body .mainM .personal-center-content .tab-span-module .indexPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
body .mainM .personal-center-content .tab-span-module .indexPage .tab-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body .mainM .personal-center-content .my-money-data-content {
  position: relative;
  min-height: 7.03rem;
}
body .mainM .personal-center-content .my-coupons {
  height: 100%;
}
body .mainM .personal-center-content .my-coupons .my-money-data-content {
  height: 6.7rem;
  min-height: 6.8rem;
}
body .mainM .personal-center-content .my-coupons .my-money-data-content > div {
  width: 100%;
  height: 100%;
}
body .mainM .personal-center-content .my-coupons .my-money-data-content .nothingTask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin-top: -0.1rem;
}
body .mainM .personal-center-content .my-coupons .my-money-data-content .nothingTask img {
  width: 2.26rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body .mainM .personal-center-content .my-coupons .my-money-data-content .nothingTask p {
  font-weight: 500;
  font-size: 0.22rem;
  margin-top: 0.51rem;
}
body .mainM .personal-center-content .InfoOperation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 0.42rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body .mainM .personal-center-content .InfoOperation button {
  width: 1.11rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-color: #1770d4;
  outline: none;
  color: #fff;
  border-radius: 0.3rem;
  border: none;
  font-size: 0.17rem;
}
body .mainM .personal-center-content .InfoOperation .InfoOperation-check-type {
  font-size: 0.19rem;
}
body .mainM .personal-center-content .InfoOperation .InfoOperation-check-type > div {
  margin-right: 0.29rem;
}
body .mainM .personal-center-content .InfoOperation .Operation_title {
  width: 13px;
  height: 13px;
  border: 1px solid #000;
  position: relative;
  margin-right: 0.12rem;
}
body .mainM .personal-center-content .info_content {
  width: 6.7rem;
  border-radius: 5px;
  background: #ffffff;
  padding: 0.23rem 0.22rem 0.23rem 0.28rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body .mainM .personal-center-content .info_content .info-content-item-type-pic {
  width: 0.85rem;
  height: 0.85rem;
  margin-right: 0.16rem;
}
body .mainM .personal-center-content .info_content .info_tit {
  font-size: 0.33rem;
  font-weight: bold;
}
body .mainM .personal-center-content .info_content .info_inf {
  color: #8c8c8c;
  font-size: 0.19rem;
  font-weight: 500;
}
body .mainM .personal-center-content .content_info_list {
  margin-top: 0.3rem;
}
body .mainM .personal-center-content .content_info_list .info_content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: 0.1rem;
}
body .mainM .personal-center-content .content_info_list .info_time {
  position: absolute;
  top: 0.24rem;
  right: 0.22rem;
  font-size: 0.17rem;
  color: #BDBDBD;
}
body .mainM .personal-center-content .content_info_list .info-delete-btn {
  width: 0.3rem;
  height: 0.3rem;
}
body .mainM .personal-center-content div#sysInfoList,
body .mainM .personal-center-content div#ActInfoList {
  display: none !important;
}
body .mainM .personal-center-content .info_inf {
  color: #7d7d7d;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body .mainM .personal-center-content .pager {
  position: relative;
  left: 80%;
}
body .mainM .personal-center-content .bgH {
  background-color: #f7f7f7;
}
body .mainM .personal-center-content .TaskList > div > div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body .mainM .personal-center-content button.bg {
  background-color: #959595;
}
body .mainM .personal-center-content .opa {
  opacity: 0.5;
}
body .mainM .personal-center-content .integralRemarks span {
  color: #ea5504;
}
body .mainM .server-center {
  background-color: #f3f4f9;
  padding-top: 0.94rem;
}
body .mainM .server-center .server-box {
  border-radius: 4px;
  margin: 0 auto;
  padding: 0.31rem 0.32rem;
  min-height: 600px;
}
body .mainM .server-center .server-box .server-box-list:nth-child(n+2) {
  margin-top: 0.54rem;
}
body .mainM .server-center .server-box .server-title {
  font-size: 0.31rem;
  font-weight: 600;
  border-left: 0.06rem solid #076ed8;
  padding-left: 0.15rem;
  margin-bottom: 0.34rem;
}
body .mainM .server-center .server-box .server-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.27rem 0.22rem;
}
body .mainM .server-center .server-box .server-tab > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.26rem;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 0.35rem;
  padding: 0.24rem 0.21rem;
  cursor: pointer;
}
body .mainM .server-center .server-box .server-tab > div .server-img {
  margin-right: 0.23rem;
}
body .mainM .server-center .server-box .server-tab > div .server-img img {
  width: 0.8rem;
  height: 0.8rem;
}
body .mainM .server-center .server-box .server-tab > div .title1 {
  font-size: 0.28rem;
  font-weight: 600;
}
body .mainM .server-center .server-box .server-tab > div .title2 {
  font-size: 0.14rem;
  color: #bdbdbd;
}
body .mainM .server-center .server-tab > div:hover {
  border: 1px solid #076ed8;
}
body .mainM .bottom-info {
  padding: 0.32rem 0.39rem;
}
body .mainM .bottom-info .bottom-info-content {
  padding: 0.4rem 0.39rem;
  background-color: #fff;
  border-radius: 0.3rem;
  font-size: 0.17rem;
  color: #565454;
  line-height: 0.33rem;
}
body .mainM .view-security-questions .info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.26rem;
}
body .mainM .view-security-questions button {
  margin-top: 0.32rem;
}
body .mainM .data-submit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .mainM .data-submit-btn {
  width: 100%;
  height: 0.79rem;
  font-size: 0.31rem;
  border-radius: 0.79rem;
  border: none;
  color: #fff;
  background-color: #076ed8;
}
body .mainM .data-submit-btn.cancel {
  background-color: #c0c0c0;
}
body .mainM .password-enter-content-box,
body .mainM .user-enter-content-box {
  margin-top: 0.35rem;
  padding: 0 0.32rem 0;
}
body .mainM .password-enter-content-box .password-enter-content,
body .mainM .password-enter-content-box .user-enter-content,
body .mainM .user-enter-content-box .password-enter-content,
body .mainM .user-enter-content-box .user-enter-content {
  background-color: #fff;
  border-radius: 0.3rem;
  padding: 0.23rem 0.28rem 0.37rem;
}
body .mainM .password-enter-content-box .password-enter-content .user-enter-item,
body .mainM .password-enter-content-box .user-enter-content .user-enter-item,
body .mainM .user-enter-content-box .password-enter-content .user-enter-item,
body .mainM .user-enter-content-box .user-enter-content .user-enter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .mainM .password-enter-content-box .password-enter-content .txtColor,
body .mainM .password-enter-content-box .user-enter-content .txtColor,
body .mainM .user-enter-content-box .password-enter-content .txtColor,
body .mainM .user-enter-content-box .user-enter-content .txtColor {
  display: none;
}
body .mainM .password-enter-content-box .password-enter-content.showTxtColor .txtColor,
body .mainM .password-enter-content-box .user-enter-content.showTxtColor .txtColor,
body .mainM .user-enter-content-box .password-enter-content.showTxtColor .txtColor,
body .mainM .user-enter-content-box .user-enter-content.showTxtColor .txtColor {
  display: inline-block;
}
body .mainM .password-enter-content-box .password-enter-content label,
body .mainM .password-enter-content-box .user-enter-content label,
body .mainM .user-enter-content-box .password-enter-content label,
body .mainM .user-enter-content-box .user-enter-content label {
  width: auto;
  text-align: left;
  padding-bottom: 0.25rem;
  font-size: 0.31rem;
  font-weight: bold;
}
body .mainM .password-enter-content-box .password-enter-content input,
body .mainM .password-enter-content-box .password-enter-content select,
body .mainM .password-enter-content-box .user-enter-content input,
body .mainM .password-enter-content-box .user-enter-content select,
body .mainM .user-enter-content-box .password-enter-content input,
body .mainM .user-enter-content-box .password-enter-content select,
body .mainM .user-enter-content-box .user-enter-content input,
body .mainM .user-enter-content-box .user-enter-content select {
  width: 100%;
  height: 1rem;
  padding: 0 0.3rem;
  margin-bottom: 0.3rem;
  border: none;
  background-color: #ececec;
  border-radius: 0.1rem;
}
body .mainM .password-enter-content-box .password-enter-content input::-webkit-input-placeholder, body .mainM .password-enter-content-box .password-enter-content select::-webkit-input-placeholder, body .mainM .password-enter-content-box .user-enter-content input::-webkit-input-placeholder, body .mainM .password-enter-content-box .user-enter-content select::-webkit-input-placeholder, body .mainM .user-enter-content-box .password-enter-content input::-webkit-input-placeholder, body .mainM .user-enter-content-box .password-enter-content select::-webkit-input-placeholder, body .mainM .user-enter-content-box .user-enter-content input::-webkit-input-placeholder, body .mainM .user-enter-content-box .user-enter-content select::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content input::-moz-placeholder, body .mainM .password-enter-content-box .password-enter-content select::-moz-placeholder, body .mainM .password-enter-content-box .user-enter-content input::-moz-placeholder, body .mainM .password-enter-content-box .user-enter-content select::-moz-placeholder, body .mainM .user-enter-content-box .password-enter-content input::-moz-placeholder, body .mainM .user-enter-content-box .password-enter-content select::-moz-placeholder, body .mainM .user-enter-content-box .user-enter-content input::-moz-placeholder, body .mainM .user-enter-content-box .user-enter-content select::-moz-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content input:-ms-input-placeholder, body .mainM .password-enter-content-box .password-enter-content select:-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content input:-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content select:-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content input:-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content select:-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content input:-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content select:-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content input::-ms-input-placeholder, body .mainM .password-enter-content-box .password-enter-content select::-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content input::-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content select::-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content input::-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content select::-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content input::-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content select::-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content input::placeholder,
body .mainM .password-enter-content-box .password-enter-content select::placeholder,
body .mainM .password-enter-content-box .user-enter-content input::placeholder,
body .mainM .password-enter-content-box .user-enter-content select::placeholder,
body .mainM .user-enter-content-box .password-enter-content input::placeholder,
body .mainM .user-enter-content-box .password-enter-content select::placeholder,
body .mainM .user-enter-content-box .user-enter-content input::placeholder,
body .mainM .user-enter-content-box .user-enter-content select::placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea,
body .mainM .password-enter-content-box .user-enter-content textarea,
body .mainM .user-enter-content-box .password-enter-content textarea,
body .mainM .user-enter-content-box .user-enter-content textarea {
  height: 1.6rem;
  border: none;
  background-color: #ececec;
  padding: 0.26rem 0.3rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea::-webkit-input-placeholder, body .mainM .password-enter-content-box .user-enter-content textarea::-webkit-input-placeholder, body .mainM .user-enter-content-box .password-enter-content textarea::-webkit-input-placeholder, body .mainM .user-enter-content-box .user-enter-content textarea::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea::-moz-placeholder, body .mainM .password-enter-content-box .user-enter-content textarea::-moz-placeholder, body .mainM .user-enter-content-box .password-enter-content textarea::-moz-placeholder, body .mainM .user-enter-content-box .user-enter-content textarea::-moz-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea:-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content textarea:-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content textarea:-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content textarea:-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea::-ms-input-placeholder, body .mainM .password-enter-content-box .user-enter-content textarea::-ms-input-placeholder, body .mainM .user-enter-content-box .password-enter-content textarea::-ms-input-placeholder, body .mainM .user-enter-content-box .user-enter-content textarea::-ms-input-placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content textarea::placeholder,
body .mainM .password-enter-content-box .user-enter-content textarea::placeholder,
body .mainM .user-enter-content-box .password-enter-content textarea::placeholder,
body .mainM .user-enter-content-box .user-enter-content textarea::placeholder {
  color: #999999;
  font-size: 0.28rem;
}
body .mainM .password-enter-content-box .password-enter-content select,
body .mainM .password-enter-content-box .user-enter-content select,
body .mainM .user-enter-content-box .password-enter-content select,
body .mainM .user-enter-content-box .user-enter-content select {
  margin-bottom: 0;
  color: #999;
}
body .mainM .password-enter-content-box .password-enter-content select option:first-child,
body .mainM .password-enter-content-box .user-enter-content select option:first-child,
body .mainM .user-enter-content-box .password-enter-content select option:first-child,
body .mainM .user-enter-content-box .user-enter-content select option:first-child {
  color: #999;
}
body .mainM .password-enter-content-box .password-enter-content select.selected,
body .mainM .password-enter-content-box .user-enter-content select.selected,
body .mainM .user-enter-content-box .password-enter-content select.selected,
body .mainM .user-enter-content-box .user-enter-content select.selected {
  color: #000;
}
body .mainM .password-enter-content-box .password-enter-content .bindMobile,
body .mainM .password-enter-content-box .user-enter-content .bindMobile,
body .mainM .user-enter-content-box .password-enter-content .bindMobile,
body .mainM .user-enter-content-box .user-enter-content .bindMobile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .mainM .password-enter-content-box .password-enter-content .bindMobile > div,
body .mainM .password-enter-content-box .user-enter-content .bindMobile > div,
body .mainM .user-enter-content-box .password-enter-content .bindMobile > div,
body .mainM .user-enter-content-box .user-enter-content .bindMobile > div {
  left: 0;
  margin-bottom: 0.3rem;
}
body .mainM .password-enter-content-box .password-enter-content .bindMobile > div > input,
body .mainM .password-enter-content-box .user-enter-content .bindMobile > div > input,
body .mainM .user-enter-content-box .password-enter-content .bindMobile > div > input,
body .mainM .user-enter-content-box .user-enter-content .bindMobile > div > input {
  margin-bottom: 0;
}
body .mainM .password-enter-content-box .password-enter-content .bindMobile #verify_input,
body .mainM .password-enter-content-box .password-enter-content .bindMobile #Code_y,
body .mainM .password-enter-content-box .user-enter-content .bindMobile #verify_input,
body .mainM .password-enter-content-box .user-enter-content .bindMobile #Code_y,
body .mainM .user-enter-content-box .password-enter-content .bindMobile #verify_input,
body .mainM .user-enter-content-box .password-enter-content .bindMobile #Code_y,
body .mainM .user-enter-content-box .user-enter-content .bindMobile #verify_input,
body .mainM .user-enter-content-box .user-enter-content .bindMobile #Code_y {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
}
body .mainM .password-enter-content-box .password-enter-content .bindMobile #y_code,
body .mainM .password-enter-content-box .user-enter-content .bindMobile #y_code,
body .mainM .user-enter-content-box .password-enter-content .bindMobile #y_code,
body .mainM .user-enter-content-box .user-enter-content .bindMobile #y_code {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  width: 1.77rem;
  height: 0.49rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  color: #fff;
  font-size: 0.22rem;
  background-color: #076ed8;
  line-height: 0.5rem;
  border-radius: 0.5rem;
  margin: 0;
}
body .mainM .password-enter-content-box .password-enter-content .y_code,
body .mainM .password-enter-content-box .user-enter-content .y_code,
body .mainM .user-enter-content-box .password-enter-content .y_code,
body .mainM .user-enter-content-box .user-enter-content .y_code {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  width: 1.77rem;
  height: 0.49rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  color: #fff;
  font-size: 0.22rem;
  background-color: #076ed8;
  line-height: 0.5rem;
  border-radius: 0.5rem;
}
body .mainM .password-enter-content-box .password-enter-content .verify-code-pic,
body .mainM .password-enter-content-box .user-enter-content .verify-code-pic,
body .mainM .user-enter-content-box .password-enter-content .verify-code-pic,
body .mainM .user-enter-content-box .user-enter-content .verify-code-pic {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  width: 1.66rem;
  height: 0.58rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
body .mainM .service-center-content.pages-item {
  height: calc(100% + 2.5rem);
}
body .mainM .service-center-content .content .content_page {
  display: block;
}
body .mainM .service-center-content .content .content_page .page_nav {
  display: none;
}
body .mainM .service-center-content .content .page_content.tab-content {
  display: block;
  width: 100%;
  background-color: transparent;
  padding: 0;
}
body .mainM .service-center-content .content .page_content.tab-content .indexPage {
  padding-bottom: 1rem;
}
body .mainM .service-center-content .content .page_content.tab-content .page-title {
  display: none;
}
body .mainM .service-center-content .content .page_content.tab-content .page-title.show {
  display: block;
}
body .mainM .service-center-content .content .page_content.tab-content .user-enter-content-box {
  padding: 0 0.32rem 0;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.34rem;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center > div .txtColorO,
body .mainM .service-center-content .content .page_content.tab-content .flex_center > div .txtColorH {
  right: 0;
  margin-top: 0.15rem;
  color: #000000;
  font-size: 0.22rem;
  line-height: 0.22rem;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center > div .txtColorH {
  color: #8f9cac;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center .password-press-2,
body .mainM .service-center-content .content .page_content.tab-content .flex_center img {
  width: 0.5rem;
  height: 0.5rem;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center .password-press-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 0.28rem;
  color: #fff;
  background-color: #8c99b0;
  border-radius: 100%;
}
body .mainM .service-center-content .content .page_content.tab-content .flex_center .connectLine {
  width: 1.24rem;
  height: 0.08rem;
  background-color: #fff;
  margin: 0 0.31rem 0 0.31rem;
}
body .mainM .service-center-content .content .page_content.tab-content .bindMobile {
  margin: 0;
}
body .mainM .service-center-content .content .flex_start.content_page {
  padding: 0;
}
body .mainM .service-center-content .content .revisePwd_ok {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
body .mainM .service-center-content .content .service-record .user-enter-content {
  margin-top: 0.26rem;
}
body .mainM .service-center-content .content .service-record .seleOption {
  margin-top: 0.25rem;
}
body .mainM .service-center-content .content .service-record .integra-infoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.39rem;
  padding: 0 0.32rem;
  font-size: 0.22rem;
  color: #ffffff;
}
body .mainM .service-center-content .content .service-record .integra-infoTitle > div {
  height: 0.43rem;
  line-height: 0.43rem;
  background-color: #c7c7c7;
  border-radius: 0.26rem;
  padding: 0 0.29rem;
  margin-right: 0.13rem;
}
body .mainM .service-center-content .content .service-record .integra-infoTitle > div.info_active {
  background-color: #1770d4;
}
body .mainM .service-center-content .content .service-record .infoTitle {
  background-color: transparent;
}
body .mainM .service-center-content .content .service-record .integra-infocontent {
  margin-top: 0.28rem;
}
body .mainM .service-center-content .content .service-record .integra-infocontent .page-elem-field-root {
  display: none;
}
body .mainM .service-center-content .content .service-record .my-money-data-content {
  margin-top: 0;
}
body .mainM .service-center-content .content .service-record .my-money-data-content .integralInfo_item {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  font-size: 0.19rem;
}
body .mainM .service-center-content .content .service-record .integralInfo_title {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
}
body .mainM .service-center-content .content .ban-appeal select {
  margin-bottom: 0.3rem;
}
body .mainM .service-center-content .content .ban-appeal .gameService {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .mainM .service-center-content .content .ban-appeal .gameService .flex_start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .mainM .service-center-content .content .ban-appeal .gameService .flex_start select {
  width: 3.05rem;
}
body .mainM .service-center-content .content #myInfo .user-enter-content-box {
  margin-top: 0;
}
body .mainM .service-center-content .content #myInfo .select-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.25rem;
  margin-bottom: 0.3rem;
}
body .mainM .service-center-content .content #myInfo .select-game select {
  width: 3rem;
}
body .mainM .service-center-content .content #myInfo .conserve {
  margin: 0.1rem 0.39rem;
}
body .mainM .service-center-content .content #myintegral .page-title {
  margin-top: 0.31rem;
  margin-left: 0.32rem;
}
body .mainM .service-center-content .content #myintegral .queryDate p {
  margin-bottom: 0.25rem;
  font-size: 0.31rem;
  font-weight: 500;
}
body .mainM .service-center-content .content #myintegral .question {
  margin-top: 0.3rem;
}
body .mainM .service-center-content .content #myintegral .question span {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 0 10px 0 5%;
  position: relative;
  bottom: 1px;
  background-color: #a0a0a0;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
}
body .mainM .service-center-content .content .conserve {
  width: 100%;
  height: 0.79rem;
  margin: 0 0.39rem;
  font-size: 0.31rem;
  border-radius: 0.79rem;
  border: none;
}
body .mainM .service-center-content .content div.opinion {
  font-size: 0.17rem;
  color: #565454;
  line-height: 0.33rem;
  padding: 0.14rem 0.39rem;
}
body .mainM .service-center-content .content div.PWDhelp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  font-size: 0.22rem;
  color: #565454;
}
body .mainM .service-center-content .content div.PWDhelp .txtColor {
  color: #fe6b28;
}
body .mainM .index-about-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
}
body .mainM .index-about-us .page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .index-about-us .index-about-us-content {
  position: relative;
}
body .mainM .index-about-us .index-about-us-title {
  position: absolute;
  width: 3.67rem;
  top: -0.97rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
body .mainM .index-about-us .index-about-us-title img {
  width: 100%;
}
body .mainM .index-about-us .index-about-us-content {
  width: 6.56rem;
  height: 75.625vh;
  padding: 0.72rem 0.68rem 0.78rem 0.68rem;
  background: url("../img/h5/about-us-content-bg.png") no-repeat center/cover;
}
body .mainM .product-collaboration .page-content {
  min-height: 100%;
}
body .mainM .product-collaboration .product-collaboration-box {
  position: relative;
  height: 7.13rem;
  margin-top: 1.1rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.1rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-pic {
  width: 6.58rem;
  height: 4.24rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-title {
  position: absolute;
  top: 0;
  right: 0.97rem;
  width: 3.4rem;
  height: 1.01rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list {
  width: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  margin: 0 auto;
  margin-top: -1.52rem;
  z-index: 2;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/h5/product-collaboration-content-bg.png") no-repeat center/cover;
  opacity: 0.9;
  /* 0 ~ 1，越小越透明 */
  z-index: -1;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.39rem 0 0.19rem 0;
  border-bottom: 1px dashed #666666;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item-title-c-line {
  width: 1px;
  height: 0.24rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title-pic1 {
  width: 0.42rem;
  height: 0.31rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title-pic2 {
  width: 0.33rem;
  height: 0.36rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title-name {
  font-weight: bold;
  font-size: 0.28rem;
  margin-left: 0.13rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-content .product-collaboration-list-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.28rem;
  line-height: 0.26rem;
  margin-bottom: 0.15rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-content .product-collaboration-list-content-item .copy-btn {
  width: 0.37rem;
  height: 0.36rem;
  margin-left: 0.15rem;
}
body .mainM .product-collaboration .product-collaboration-box .product-collaboration-bottom-text {
  margin-top: 1.26rem;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.28rem;
  color: #666666;
  line-height: 1.3;
}
body .mainM .login-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url("../img/h5/login/ljbg.png") no-repeat center/cover;
}
body .mainM .login-content .flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .mainM .login-content .login-bg {
  display: none;
}
body .mainM .login-content.box {
  /*padding: 0px 16%;*/
  width: 100%;
  background-color: #076ed8;
}
body .mainM .login-content .page-content {
  position: relative;
  margin-top: 0.8rem;
}
body .mainM .login-content .login {
  position: absolute;
  left: 60%;
  top: 10%;
  width: 380px;
  height: 449px;
  /*border: 1px solid #000000;*/
  padding: 15px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 8px;
}
body .mainM .login-content .login_box {
  /*width: 200px;*/
  /*height: 250px;*/
  text-align: center;
}
body .mainM .login-content .login_box img {
  border-radius: 10%;
}
body .mainM .login-content .login_ipt input {
  width: 100%;
  height: 33px;
  border-radius: 4px;
  border: 1px solid #3682d5;
  outline: none;
  padding-left: 33px;
  position: relative;
  right: 0 !important;
}
body .mainM .login-content .login_ipt {
  position: relative;
  margin-top: 30px;
}
body .mainM .login-content .login_ipt img {
  position: absolute;
  left: 0.15rem;
  z-index: 10;
  top: 0.13rem;
}
body .mainM .login-content .input_radio input {
  position: relative;
  top: 5px;
  height: 16px;
  width: 16px;
}
body .mainM .login-content .input_radio {
  text-align: left;
  padding-left: 5px;
  margin-top: 20px;
}
body .mainM .login-content .login_btn {
  width: 95%;
  height: 50px;
  text-align: center;
  border-radius: 10px;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  border: 0;
  outline: none;
  margin-top: 20px;
  background-image: url("../img/pc/login/loginSub@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 60px;
}
body .mainM .login-content .division {
  margin-left: 10px;
  margin-right: 10px;
}
body .mainM .login-content .reg {
  color: #aaa;
}
body .mainM .login-content {
  /* 移动端 */
}
@media screen and (max-width: 800px) {
  body .mainM .login-content .login {
    left: 1%;
    width: 98%;
  }
}
body .mainM .register-content {
  position: relative;
  z-index: 10;
  background: url("../img/h5/login/ljbg.png") no-repeat center/cover;
}
body .mainM .register-content.pages-item {
  height: 115%;
}
body .mainM .register-content .page-content {
  height: 100%;
  padding-top: 1.5rem;
}
body .mainM .register-content .login-bg {
  display: none;
}
body .mainM .register-content .flex_between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .mainM .register-content.box {
  width: 100%;
  background-color: #076ed8;
}
body .mainM .register-content input[type=checkbox] {
  border: 1px solid #999;
  border-radius: 3px;
}
body .mainM .register-content .page-content {
  position: relative;
}
body .mainM .register-content .register_box {
  position: absolute;
  left: 60%;
  width: 390px;
  /*margin: 100px 25%;*/
  text-align: center;
  /*border: 1px solid #aaa;*/
  background-color: #ffffff;
  border-radius: 8px;
}
body .mainM .register-content .register_title {
  line-height: 25px;
  margin: 10px 0;
  /*border-bottom: 1px solid #aaa;*/
}
body .mainM .register-content .register_p {
  width: 97%;
  text-align: right;
  position: relative;
  top: -10px;
  padding-right: 5px;
}
body .mainM .register-content .register_p span {
  color: #ff3300;
  cursor: pointer;
}
body .mainM .register-content .register_content {
  padding-bottom: 0.1rem;
}
body .mainM .register-content .register_list {
  margin-top: 15px;
  /*font-size: 20px;*/
}
body .mainM .register-content .register_list div {
  width: 80px;
}
body .mainM .register-content .register_label {
  width: 0.8rem;
  height: 0.4rem;
  line-height: 0.36rem;
  text-align: left;
  margin-left: 0.2rem;
  /*font-size: 20px;*/
}
body .mainM .register-content .register_input input {
  height: 33px;
  width: 250px;
  /*font-size: 20px;*/
  margin-left: 10px;
  border: 1px solid #3682d5;
  border-radius: 4px;
}
body .mainM .register-content .ycode_inp {
  width: 120px;
  height: 33px;
  margin-left: 10px;
  border: 1px solid #3682d5;
  border-radius: 4px;
}
body .mainM .register-content div.ycode {
  width: 250px;
}
body .mainM .register-content .ycode button {
  width: 150px;
  height: 37px;
  text-align: center;
  margin-left: 10px;
  background-color: #076ed8;
  color: #fff;
  border: 0;
  outline: none;
  border-radius: 5px;
}
body .mainM .register-content .input_radio {
  margin-left: 1px;
  padding-top: 20px;
}
body .mainM .register-content .input_radio input {
  position: relative;
  top: 3px;
  height: 15px;
  width: 15px;
}
body .mainM .register-content .register_btn {
  width: 80%;
  height: 50px;
  line-height: 40px;
  background-color: transparent;
  color: #fff;
  border: 0;
  outline: none;
  border-radius: 10px;
  margin-top: 20px;
  background-image: url("../img/pc/login/loginSub@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 60px;
}
body .mainM .register-content .opacity {
  opacity: 0.5;
}
body .mainM .register-content {
  /* 移动端 */
}
@media screen and (max-width: 800px) {
  body .mainM .register-content .register_box {
    left: 1%;
    width: 98%;
  }
  body .mainM .register-content #bgImg {
    max-width: initial;
  }
}
body .mainM #gift-pack-redemption.pages-item {
  height: 100%;
}
body .mainM #gift-pack-redemption .gift_pack_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .mainM #gift-pack-redemption .gift_pack_contents .contentInfo-right {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
body .mainM #gift-pack-redemption .gift_pack_contents .contentInfo-left {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body .mainM #gift-pack-redemption .module_tit {
  margin-top: 0.2rem;
}
body .mainM #gift-pack-redemption .info-content-box {
  padding: 0 0.32rem 0.8rem;
}
body .mainM #gift-pack-redemption .module_tit {
  font-size: 0.26rem;
  font-weight: bold;
  border-left: 0.06rem solid #00a0e9;
  padding-left: 0.1rem;
}
body .mainM #gift-pack-redemption .screenCheck {
  padding: 0.4rem 0.6rem 0.1rem;
  border-bottom: 0.01rem solid #E5E5E5;
}
body .mainM #gift-pack-redemption .ScreenItem {
  line-height: 1.8;
  margin-top: 0.18rem;
}
body .mainM #gift-pack-redemption .ScreenItem p {
  padding-bottom: 0.05rem;
}
body .mainM #gift-pack-redemption .ScreenItem span {
  padding: 0.05rem 0.08rem;
}
body .mainM #gift-pack-redemption .ScreenItem span.ScreenActive {
  color: #fff;
  background-color: #076ED8;
  border-radius: 0.1rem;
}
body .mainM #gift-pack-redemption #GiftExchangeList {
  display: grid;
  grid-template-columns: 3.25rem 3.25rem;
  gap: 0.26rem;
}
body .mainM #gift-pack-redemption #GiftExchangeList .HotGift {
  margin-top: 0.3rem;
}
body .mainM #gift-pack-redemption #GiftExchangeList .HotGift img {
  width: 100%;
}
body .mainM #gift-pack-redemption .HotGift_title {
  padding: 0.1rem 0;
}
body .mainM #gift-pack-redemption .HotGift_title > div {
  color: #aaa;
  margin: 0.1rem 0;
}
body .mainM #gift-pack-redemption .HotGift_title .Loadingwrap {
  width: 50%;
  height: 0.08rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.1rem;
  position: relative;
  margin: 0 0.12rem;
}
body .mainM #gift-pack-redemption .HotGift_title .Loadinginner {
  width: 50%;
  height: 0.08rem;
  background-color: #098FE7;
  border-radius: 0.1rem;
}
body .mainM #gift-pack-redemption .HotGift_title .remaining-progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM #gift-pack-redemption .HotGift_title button {
  width: 1rem;
  border: 0;
  background-color: #076ED8;
  color: #fff;
  border-radius: 0.16rem;
  position: relative;
  bottom: 0.05rem;
  font-size: 0.18rem;
  outline: none;
  padding: 0.05rem 0;
  margin-top: 0.2rem;
}
body .mainM #gift-pack-redemption .giftRankinglist .newGame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.26rem;
}
body .mainM #gift-pack-redemption .giftRankinglist .newGame > div > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .mainM #gift-pack-redemption .giftRankinglist .newGame > div > div > div button {
  width: 0.9rem;
  background-color: #fff;
  border: 0.02rem solid #076ED8;
  border-radius: 0.15rem;
  color: #076ED8;
  outline: none;
  font-size: 0.15rem;
  margin-left: 0.5rem;
  cursor: pointer;
}
body .mainM #gift-pack-redemption .giftRankinglist .newGame img {
  width: 1rem;
  margin-right: 0.2rem;
}
body .mainM #gift-pack-details .info-content-box {
  padding: 0 0.32rem;
  margin-top: 0.56rem;
}
body .mainM #gift-pack-details .giftdetail_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .mainM #gift-pack-details .giftdetail_title img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.26rem;
}
body .mainM #gift-pack-details .giftdetail_title_header {
  margin-top: 0.56rem;
  margin-bottom: 0.56rem;
}
body .mainM #gift-pack-details .giftdetail_title_header p {
  color: #7D7D7D;
  margin: 0 0 0.05rem 0;
}
body .mainM #gift-pack-details .giftdetail_title_header button {
  width: 20%;
  background: -webkit-gradient(linear, left top, right top, from(#076ED8), to(#00A0E9));
  background: linear-gradient(90deg, #076ED8 0%, #00A0E9 100%);
  outline: none;
  border-radius: 0.2rem;
  height: 0.4rem;
  border: 0;
  color: #fff;
  margin-top: 0.45rem;
  font-size: 0.18rem;
}
body .mainM #gift-pack-details .giftdetail_title_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid #E5E5E5;
  padding-bottom: 0.36rem;
}
body .mainM #gift-pack-details .giftdetail_title_item > p {
  margin: 0.15rem 0.2rem;
  color: #7D7D7D;
}
body .mainM #gift-pack-details .giftdetail_title_item .module_tit {
  border-left: 0.06rem solid #00a0e9;
  padding-left: 0.1rem;
}
body .mainM .unData {
  font-size: 0.26rem;
  text-align: center;
  margin-top: 0.26rem;
  color: #7d7d7d;
}
body .mainM #showPhone,
body .mainM #idCardSpan,
body .mainM #userNameSpan {
  color: #076ED8;
}
body .mainM .nothingTask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.8rem;
}
body .mainM .nothingTask img {
  width: 2.5rem;
}
body .mainM #service-center-content-page.pages-item {
  height: auto;
  min-height: 100%;
}
body .mainM #service-center-content-page .page_content {
  position: relative;
}
body .mainM .invoice-content .user-enter-content {
  padding-left: 0;
  padding-right: 0;
}
body .mainM .invoice-content input {
  margin-bottom: 0 !important;
}
body .mainM .invoice-content button {
  margin-top: 0 !important;
}
body .mainM .invoice-content .apply_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.28rem;
}
body .mainM .invoice-content .apply_header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .mainM .invoice-content .apply_header .ticket-img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
}
body .mainM .invoice-content .apply_header input {
  width: 3rem !important;
  height: 0.5rem;
}
body .mainM .invoice-content #ticket-Page {
  margin-top: 0.26rem;
}
body .mainM .invoice-content #ticket-go {
  min-height: 6rem;
  background-color: #ececec;
}
body .mainM .invoice-content .ticket-apply .user-enter-content-bg-content {
  padding-left: 0;
  padding-right: 0;
}
body .mainM .invoice-content .table-content-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-size: 0.16rem;
  padding-top: 0.5rem;
}
body .mainM .invoice-content .table-content-empty img {
  width: 1.5rem;
}
body .mainM .invoice-content .ticket-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.26rem;
}
body .mainM .invoice-content .text_align {
  font-size: 0.3rem;
  font-weight: bold;
  text-align: center;
}
body .mainM .invoice-content .process-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .mainM .invoice-content .processBar {
  width: 2rem;
}
body .mainM .invoice-content .processBar .bar {
  background: rgb(230, 224, 236);
  height: 3px;
  position: relative;
  width: 1rem;
  margin-left: 10px;
}
body .mainM .invoice-content .processBar .bar .c-select {
  width: 10px;
  height: 10px;
  margin: -5px -1px;
  background: #FF5800;
  border-radius: 50%;
}
body .mainM .invoice-content .processBar .bar .c-step {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(230, 224, 236);
  left: -12px;
  top: 50%;
  margin-top: -4px;
}
body .mainM .nothingTask img {
  width: 2.5rem !important;
}
body .mainM .ticket-valid-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.26rem;
}
body .mainM .ticket-valid-head span {
  margin-right: 0.26rem;
}
body .mainM .tip_red_text {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
}
body .mainM .ticket-process .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.5rem;
  margin: 0 !important;
  overflow: hidden;
}
body .mainM .ticket-process .integralInfo_title {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  margin: 0rem 0;
}
body .mainM .ticket-process .user-enter-content {
  min-height: 6rem;
  margin-bottom: 1rem;
}
body .mainM .ticket-process .nothingTask {
  margin-bottom: 1rem;
}
body .mainM .ticket-process .processBar {
  float: left;
  width: 2rem;
  margin-top: 15px;
}
body .mainM .ticket-process .processBar .bar {
  background: rgb(230, 224, 236);
  height: 3px;
  position: relative;
  width: 1.85rem;
  margin-left: 10px;
}
body .mainM .ticket-process .processBar .b-select {
  background: #ff5800;
}
body .mainM .ticket-process .processBar .bar .c-step {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(230, 224, 236);
  left: -12px;
  top: 50%;
  margin-top: -4px;
}
body .mainM .ticket-process .processBar .bar .c-select {
  width: 10px;
  height: 10px;
  margin: -5px -1px;
  background: #ff5800;
}
body .mainM .title-progress-bar {
  text-align: left !important;
  margin-bottom: 0.26rem;
}