@charset "UTF-8";
body .flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .flex-row-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .page-elem-field .item {
  font-size: 0.14rem;
}
body #mainBody .modal-content {
  padding: 0.2rem;
}
body #mainBody .modal-content p {
  line-height: 0.26rem;
}
body #mainBody .bottom-info-content {
  font-size: 0.16rem;
}
body #mainBody .pc-hide {
  display: none !important;
}
body #mainBody .pages-item {
  height: 100%;
  margin-top: 0.8rem;
}
body #mainBody .main-conetnt-box {
  height: 100%;
  overflow-y: scroll;
}
body #mainBody .main-conetnt-box::-webkit-scrollbar {
  width: 5px;
  /* 纵向滚动条宽度 */
  height: 5px;
  /* 横向滚动条高度 */
}
body #mainBody .main-conetnt-box::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道背景色 */
  border-radius: 10px;
  /* 圆角 */
}
body #mainBody .main-conetnt-box::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}
body #mainBody .main-conetnt-box::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body #mainBody .page-content,
body #mainBody .page-content-2 {
  width: 100%;
  height: 100%;
}
body #mainBody .index-common {
  width: 100%;
  height: 100vh;
  min-height: 9rem;
  vertical-align: top;
}
body #mainBody .index-banner-box {
  height: 100%;
  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 #mainBody .index-banner-box.pages-item {
  margin-top: 0;
}
body #mainBody .index-banner-box .index-banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body #mainBody .index-gameproducts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body #mainBody .index-gameproducts.pages-item {
  height: auto;
  min-height: 100%;
  margin-top: 0;
  padding-top: 0.8rem;
}
body #mainBody .index-gameproducts .page-elem-field-root {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
}
body #mainBody .index-gameproducts .page-elem-field-root {
  margin-top: 0.5rem;
}
body #mainBody .index-gameproducts .page-content {
  padding: 0.26rem 0 0 0;
}
body #mainBody .index-gameproducts .index-gameproducts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 2.2rem;
  gap: 0.21rem 0.54rem;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4.48rem;
  background-color: #f0eff9;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item:nth-child(3n+1) {
  margin-left: 0;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-pic {
  width: 100%;
  height: 2.23rem;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content {
  position: relative;
  padding: 0 0.38rem 0.26rem 0.35rem;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-title {
  font-weight: bold;
  font-size: 0.41rem;
  line-height: 0.41rem;
  color: #000000;
  margin: 0.3rem 0 0.14rem 0;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-info-text {
  width: 80%;
  font-weight: 400;
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #mainBody .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;
  right: 0.19rem;
  bottom: 0.25rem;
}
body #mainBody .index-gameproducts .index-gameproducts-list .index-gameproducts-item .index-gameproducts-item-content .index-gameproducts-item-serveEnd img {
  width: 0.23rem;
  height: 0.27rem;
  margin-left: 0.26rem;
}
body #mainBody .index-about-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body #mainBody .index-about-us.pages-item {
  margin-top: 0;
}
body #mainBody .index-about-us .page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1.7rem;
}
body #mainBody .index-about-us .index-about-us-content {
  position: relative;
}
body #mainBody .index-about-us .index-about-us-title {
  position: absolute;
  width: 5.28rem;
  top: -0.71rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
body #mainBody .index-about-us .index-about-us-title img {
  width: 100%;
}
body #mainBody .index-about-us .index-about-us-info {
  font-size: 0.4rem;
  line-height: 0.62rem;
}
body #mainBody .index-about-us .index-about-us-content {
  width: 16.04rem;
  height: 6.52rem;
  min-height: 6.52rem;
  padding: 1.17rem 1.06rem 1.21rem 1.22rem;
  background: url("../img/pc/about-us-content-bg.png") no-repeat center/cover;
}
body #mainBody .product-collaboration.pages-item {
  margin-top: 0.5rem;
}
body #mainBody .product-collaboration .page-content {
  height: 100%;
  margin-top: 0;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-pic {
  width: 9.48rem;
  height: 6.83rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-title {
  width: 8rem;
  height: 1.35rem;
  margin-top: -2.13rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list {
  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;
  width: 11.22rem;
  height: 4.67rem;
  margin-left: 6.33rem;
  margin-top: -3.41rem;
  padding: 0 0.48rem 0 0.33rem;
  z-index: 2;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/pc/product-collaboration-content-bg.png") no-repeat center/cover;
  opacity: 0.9;
  z-index: -1;
}
body #mainBody .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 #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item-title-c-line {
  width: 1px;
  height: 0.35rem;
  margin: 0 1.6rem;
}
body #mainBody .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 #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title-pic1 {
  width: 0.6rem;
  height: 0.45rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-head .product-collaboration-list-item .product-collaboration-list-item-title-pic2 {
  width: 0.48rem;
  height: 0.48rem;
}
body #mainBody .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 #mainBody .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.34rem;
  margin-left: 0.13rem;
}
body #mainBody .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;
  padding: 0.2rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-content img {
  width: 0.3rem;
  height: 0.3rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-list .product-collaboration-list-content .product-collaboration-list-content-item {
  font-size: 0.25rem;
  margin-bottom: 0.05rem;
}
body #mainBody .product-collaboration .product-collaboration-box .product-collaboration-bottom-text {
  margin-top: 1.12rem;
  padding-bottom: 0.78rem;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.28rem;
  color: #666666;
}
body #mainBody .login-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
body #mainBody .login-content.box {
  /*padding: 0px 16%;*/
  width: 100%;
  background-color: #076ed8;
}
body #mainBody .login-content .page-content {
  position: relative;
}
body #mainBody .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 #mainBody .login-content .login_box {
  /*width: 200px;*/
  /*height: 250px;*/
  text-align: center;
}
body #mainBody .login-content .login_box img {
  border-radius: 10%;
}
body #mainBody .login-content .login_ipt input {
  width: 100%;
  height: 33px;
  border-radius: 4px;
  border: 1px solid #3682d5;
  outline: none;
  padding-left: 33px;
  position: relative;
  right: 14px;
}
body #mainBody .login-content .login_ipt {
  margin-top: 30px;
}
body #mainBody .login-content .login_ipt img {
  position: relative;
  left: 17px;
  z-index: 10;
  top: 8px;
}
body #mainBody .login-content .input_radio input {
  position: relative;
  top: 5px;
  height: 16px;
  width: 16px;
}
body #mainBody .login-content .input_radio {
  text-align: left;
  padding-left: 5px;
  margin-top: 20px;
}
body #mainBody .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 #mainBody .login-content .division {
  margin-left: 10px;
  margin-right: 10px;
}
body #mainBody .login-content .reg {
  color: #aaa;
}
body #mainBody .login-content {
  /* 移动端 */
}
@media screen and (max-width: 800px) {
  body #mainBody .login-content .login {
    left: 1%;
    width: 98%;
  }
}
body #mainBody .register-content.box {
  width: 100%;
  background-color: #076ed8;
}
body #mainBody .register-content input[type=checkbox] {
  border: 1px solid #999;
  border-radius: 3px;
}
body #mainBody .register-content .page-content {
  position: relative;
}
body #mainBody .register-content .register_box {
  position: absolute;
  left: 60%;
  top: 10%;
  width: 390px;
  height: 449px;
  /*margin: 100px 25%;*/
  text-align: center;
  /*border: 1px solid #aaa;*/
  background-color: #ffffff;
  border-radius: 8px;
}
body #mainBody .register-content .register_title {
  line-height: 25px;
  margin: 10px 0;
  /*border-bottom: 1px solid #aaa;*/
}
body #mainBody .register-content .register_p {
  width: 97%;
  text-align: right;
  position: relative;
  top: -10px;
  padding-right: 5px;
}
body #mainBody .register-content .register_p span {
  color: #ff3300;
  cursor: pointer;
}
body #mainBody .register-content .register_content {
  padding-bottom: 0.1rem;
}
body #mainBody .register-content .register_list {
  margin-top: 15px;
  /*font-size: 20px;*/
}
body #mainBody .register-content .register_list div {
  width: 80px;
}
body #mainBody .register-content .register_label {
  width: 80px;
  height: 40px;
  line-height: 36px;
  text-align: right;
  /*font-size: 20px;*/
}
body #mainBody .register-content .register_input input {
  height: 33px;
  width: 250px;
  /*font-size: 20px;*/
  margin-left: 10px;
  border: 1px solid #3682d5;
  border-radius: 4px;
}
body #mainBody .register-content .ycode_inp {
  width: 120px;
  height: 33px;
  margin-left: 10px;
  border: 1px solid #3682d5;
  border-radius: 4px;
}
body #mainBody .register-content div.ycode {
  width: 250px;
}
body #mainBody .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 #mainBody .register-content .input_radio {
  margin-left: 1px;
  padding-top: 20px;
}
body #mainBody .register-content .input_radio input {
  position: relative;
  top: 3px;
  height: 15px;
  width: 15px;
}
body #mainBody .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 #mainBody .register-content .opacity {
  opacity: 0.5;
}
body #mainBody .register-content {
  /* 移动端 */
}
@media screen and (max-width: 800px) {
  body #mainBody .register-content .register_box {
    left: 1%;
    width: 98%;
  }
  body #mainBody .register-content #bgImg {
    max-width: initial;
  }
}
body #mainBody .server-center .server-box {
  border-radius: 4px;
  margin: 0 auto;
  padding: 1.5% 2.5rem;
  background-color: #ffffff;
  min-height: 600px;
}
body #mainBody .server-center .server-title {
  font-size: 0.18rem;
  font-weight: 600;
  border-left: 0.04rem solid #076ed8;
  padding-left: 0.05rem;
  margin-top: 0.2rem;
}
body #mainBody .server-center .server-tab > div {
  width: 30.9%;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  margin-top: 0.3rem;
  padding: 0.2rem;
  margin-right: 0.2rem;
  cursor: pointer;
}
body #mainBody .server-center .server-tab > div:hover {
  border: 1px solid #076ed8;
}
body #mainBody .server-center .server-img {
  width: 0.8rem;
  margin-right: 0.1rem;
}
body #mainBody .server-center .server-img img {
  width: 0.8rem;
}
body #mainBody .server-center .server-tip {
  margin-top: 0.2rem;
}
body #mainBody .server-center .server-tip .title1 {
  font-size: 0.22rem;
  font-weight: 600;
}
body #mainBody .server-center .server-tip .title2 {
  color: #bfbfbf;
  font-size: 0.13rem;
}
body #mainBody .server-center {
  /* 移动端 */
}
@media screen and (max-width: 800px) {
  body #mainBody .server-center .server-box {
    width: 100%;
  }
  body #mainBody .server-center .server-img {
    width: auto;
  }
  body #mainBody .server-center .server-img img {
    width: 50px;
  }
  body #mainBody .server-center .server-tab > div {
    width: 44.5%;
    padding: 10px;
    margin-right: 0;
    margin-left: 15px;
  }
  body #mainBody .server-center .server-tip .title1 {
    font-size: 18px;
  }
  body #mainBody .server-center .server-tip {
    margin-top: 0;
  }
}
body #mainBody .service-center-content {
  padding-top: 0.1rem;
}
body #mainBody .service-center-content div.content {
  margin-top: 1%;
}
body #mainBody .service-center-content div.page_content {
  padding-bottom: 0.3rem;
}
body #mainBody .service-center-content .PWDhelp {
  width: 45%;
  height: 0.35rem;
  background-color: #fdf6f1;
  border: 1px dashed #ea5504;
  border-radius: 0.05rem;
  margin: 0.15rem 15%;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.35rem;
}
body #mainBody .service-center-content .appealhelp {
  width: 75%;
  height: 35px;
  background-color: #fdf6f1;
  border: 1px dashed #ea5504;
  border-radius: 5px;
  margin: 15px 15%;
  text-align: center;
  line-height: 35px;
  color: #ea5504;
}
body #mainBody .service-center-content .opinion {
  width: 85%;
  background-color: #fdf6f1;
  border: 1px dashed #ea5504;
  border-radius: 5px;
  margin: 15px 5%;
  text-align: left;
  padding-left: 5%;
  line-height: 35px;
  font-size: 0.16rem;
  color: #ea5504;
}
body #mainBody .service-center-content .opinion p {
  margin: 0;
  line-height: 0.3rem;
}
body #mainBody .service-center-content #appealType {
  width: 2.4rem;
  outline: none;
  border: 1px solid #bfbfbf;
  height: 0.35rem;
  font-size: 0.15rem;
  border-radius: 5px;
}
body #mainBody .service-center-content .gameService {
  margin-left: 25%;
  margin-top: 35px;
}
body #mainBody .service-center-content .gameService label {
  width: 200px !important;
  text-align: right;
  font-size: 16px;
}
body #mainBody .service-center-content .gameService select {
  width: 1.18rem;
  outline: none;
  border: 1px solid #bfbfbf;
  height: 0.35rem;
  font-size: 0.15rem;
  border-radius: 0.05rem;
  margin-left: 0.06rem;
  position: relative;
  bottom: 0.07rem;
}
body #mainBody .service-center-content #describe,
body #mainBody .service-center-content #o_describe {
  width: 2.4rem;
  outline: none;
  border: 1px solid #bfbfbf;
  height: 100px;
  font-size: 0.15rem;
  border-radius: 0.05rem;
}
body #mainBody .service-center-content .seleOption select {
  width: 1.8rem;
  outline: none;
  border: 1px solid #bfbfbf;
  height: 0.28rem;
  font-size: 0.15rem;
  border-radius: 5px;
  margin-left: 6px;
  position: relative;
  bottom: 3px;
}
body #mainBody .service-center-content .question {
  margin-top: 30px;
}
body #mainBody .service-center-content .question p {
  cursor: pointer;
}
body #mainBody .service-center-content .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 #mainBody .service-center-content .ticket-range {
  color: #ef1919;
  font-size: 16px;
  margin-top: 20px;
}
body #mainBody .service-center-content .text_align {
  text-align: center;
}
body #mainBody .service-center-content .ticket-img {
  height: 18px;
}
body #mainBody .service-center-content .apply_header {
  border-bottom: 1px solid #afadad;
  padding: 3px 0px 5px 10px;
}
body #mainBody .service-center-content .width15p {
  width: 15%;
  padding: 0px;
}
body #mainBody .service-center-content .ticket-table {
  margin: 50px 0 0 39%;
}
body #mainBody .service-center-content #ticket-go {
  overflow: auto;
  height: 490px;
  background-color: #ececec;
}
body #mainBody .service-center-content .ticketInfo_item > div {
  width: 25%;
  border-right: 1px solid #eeeeee;
  color: #313131;
  text-align: center;
}
body #mainBody .service-center-content .processInfo_item .tProcess {
  width: 25%;
  border-right: 1px solid #eeeeee;
  color: #313131;
  text-align: center;
}
body #mainBody .service-center-content .font_size22 {
  font-size: 22px;
}
body #mainBody .service-center-content .ticket-process .processBar {
  float: left;
  width: 200px;
  margin-top: 15px;
}
body #mainBody .service-center-content .ticket-process .processBar .bar {
  background: rgb(230, 224, 236);
  height: 3px;
  position: relative;
  width: 185px;
  margin-left: 10px;
}
body #mainBody .service-center-content .ticket-process .processBar .b-select {
  background: #ff5800;
}
body #mainBody .service-center-content .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 #mainBody .service-center-content .ticket-process .processBar .bar .c-select {
  width: 10px;
  height: 10px;
  margin: -5px -1px;
  background: #ff5800;
}
body #mainBody .service-center-content .ticket-process .poetry {
  color: rgb(72, 72, 76);
  font-size: 16px;
  background-color: transparent;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
body #mainBody .service-center-content .ticket-foot {
  margin-top: 5px;
  border-top: 1px solid #e6e3e3;
  padding: 5px 0;
}
body #mainBody .service-center-content .tip_red_text {
  text-align: center;
  color: #ef1919;
  font-size: 16px;
  margin-top: 20px;
}
body #mainBody .service-center-content .on_changes {
  width: 280px;
  position: absolute;
  list-style: none;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  padding: 10px;
  margin-left: 126px;
}
body #mainBody .service-center-content .on_changes li {
  margin: 5px;
  padding: 8px;
}
body #mainBody .service-center-content .on_changes li.active {
  background: #cee7ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #mainBody .personal-center-content {
  background-color: #f6f7fb;
}
body #mainBody .personal-center-content .content {
  padding-top: 0.1rem;
}
body #mainBody .personal-center-content .indexPage {
  overflow: hidden;
}
body #mainBody .personal-center-content .tab-pane {
  display: none;
}
body #mainBody .personal-center-content .tab-pane.active {
  display: block;
}
body #mainBody .personal-center-content .content {
  width: 12.28rem;
  margin: 0 auto;
}
body #mainBody .personal-center-content .center_header {
  width: 100%;
  height: 2.35rem;
  background-color: #fff;
  margin: 0.15rem 0;
  padding: 0.15rem 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .header_left {
  width: 15%;
  padding: 0.35rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .header_left > img {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.1rem;
  border-radius: 50%;
}
body #mainBody .personal-center-content .header_right {
  width: 80%;
  padding-top: 0.2rem;
}
body #mainBody .personal-center-content .reviseHeader {
  height: 0.22rem;
  width: 0.8rem;
  border: 0.01rem solid #aaa;
  border-radius: 0.05rem;
  color: #aaa;
  text-align: center;
  line-height: 0.2rem;
  position: relative;
  left: 0.06rem;
  font-size: 0.14rem;
  cursor: pointer;
}
body #mainBody .personal-center-content .reviseHeader span {
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .reviseHeader img {
  width: 0.15rem;
  height: 0.15rem;
  position: relative;
  top: -0.02rem;
  left: 0.02rem;
}
body #mainBody .personal-center-content .name img {
  width: 0.15rem;
  height: 0.15rem;
  position: relative;
  top: 0.03rem;
}
body #mainBody .personal-center-content h1,
body #mainBody .personal-center-content .h1,
body #mainBody .personal-center-content h2,
body #mainBody .personal-center-content .h2,
body #mainBody .personal-center-content h3,
body #mainBody .personal-center-content .h3,
body #mainBody .personal-center-content .header_right h2 {
  font-size: 0.2rem;
  font-weight: bold;
  margin: 0 0.2rem 0 0;
}
body #mainBody .personal-center-content .header_right > div {
  margin-bottom: 0.15rem;
}
body #mainBody .personal-center-content .Loadingwrap {
  width: 70%;
  height: 0.08rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.1rem;
  position: relative;
  top: 0.07rem;
  margin-right: 0.1rem;
}
body #mainBody .personal-center-content .Loadinginner {
  width: 50%;
  height: 0.08rem;
  background-color: #ff6c19;
  border-radius: 0.1rem;
}
body #mainBody .personal-center-content .Grade {
  border-bottom: 0.01rem solid #ddd;
  padding-bottom: 0.2rem;
}
body #mainBody .personal-center-content .Grade > img {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.05rem;
  position: relative;
  top: 0.02rem;
}
body #mainBody .personal-center-content .header_right span {
  color: #777;
  font-size: 0.14rem;
  margin-right: 0.05rem;
}
body #mainBody .personal-center-content .operation img {
  width: 0.5rem;
  height: 0.5rem;
}
body #mainBody .personal-center-content .operation p {
  font-size: 0.14rem;
  margin: -0.05rem 0 0.07rem 0;
}
body #mainBody .personal-center-content .operation > div > div {
  margin-left: 0.1rem;
}
body #mainBody .personal-center-content .operation > div > div > div {
  width: 0.8rem;
  height: 0.25rem;
  line-height: 0.25rem;
  border-radius: 0.15rem;
  background-color: #ea5504;
  color: #fff;
  text-align: center;
  font-size: 0.14rem;
  cursor: pointer;
}
body #mainBody .personal-center-content p span.fontColorO {
  color: #ea5504;
  font-size: 0.15rem;
  font-weight: bold;
  margin: 0;
}
body #mainBody .personal-center-content p span.fontColorB {
  color: #076ed8;
  font-size: 0.15rem;
  font-weight: bold;
}
body #mainBody .personal-center-content .operation > div > div > div.BTNColorB {
  background-color: #076ed8;
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .page_nav {
  width: 20%;
  background-color: #fff;
  height: 5.5rem;
  margin-right: 1.5%;
}
body #mainBody .personal-center-content .page_content {
  width: 78.5%;
  background-color: #fff;
  min-height: 4.94rem;
  padding: 0.3rem 0.3rem 0 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .page_nav_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.55rem;
  padding-left: 20%;
  line-height: 0.55rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.01rem solid #e5e5e5;
  border-bottom: 0;
  text-decoration: none;
  color: #313131;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
body #mainBody .personal-center-content .page_nav_item p {
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .page_nav_item img {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.15rem;
  position: relative;
}
body #mainBody .personal-center-content .page_nav_item p {
  margin: 0;
}
body #mainBody .personal-center-content .page_nav_item_act {
  background-color: #f2f8ff;
  color: #076ed8;
}
body #mainBody .personal-center-content .angle {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #076ed8;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  position: absolute;
  right: -0.04rem;
  top: 0.23rem;
  display: none;
}
body #mainBody .personal-center-content .page-title {
  padding-left: 0.15rem;
  border-left: 0.03rem solid #076ed8;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
body #mainBody .personal-center-content .page-content {
  margin: 0.15rem 0.1rem;
}
body #mainBody .personal-center-content .page-content > div {
  margin-right: 0.25rem;
  width: 25%;
  cursor: pointer;
}
body #mainBody .personal-center-content .page-content img {
  width: 100%;
}
body #mainBody .personal-center-content .page-content > div > div {
  width: 100%;
  text-align: center;
  font-size: 0.15rem;
  position: relative;
  top: -0.28rem;
  background-color: #fff;
  opacity: 0.8;
  height: 0.28rem;
  line-height: 0.28rem;
}
body #mainBody .personal-center-content .data_info_content {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.01rem solid #dcdcdc;
  padding: 0.1rem;
}
body #mainBody .personal-center-content .data_infoList > div {
  margin: 0.3rem 0;
  color: #1b1b1b;
}
body #mainBody .personal-center-content .data_infoList span {
  width: 0.45rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  white-space: nowrap;
}
body #mainBody .personal-center-content .data_infoList p {
  height: 0.3rem;
  line-height: 0.3rem;
}
body #mainBody .personal-center-content .data_infoList input {
  outline: none;
}
body #mainBody .personal-center-content .reviseInfo,
body #mainBody .personal-center-content .revisePass {
  width: 14%;
  height: 0.3rem;
  line-height: 0.3rem;
  background-color: #076ed8;
  color: #fff;
  border-radius: 0.05rem;
  margin: 0.3rem 43%;
  text-align: center;
  margin-top: 0.3rem;
  border: 0;
  font-size: 0.14rem;
  outline: none;
}
body #mainBody .personal-center-content .hide {
  display: none;
}
body #mainBody .personal-center-content .conserve,
body #mainBody .personal-center-content .cancel {
  width: 14%;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.05rem;
  text-align: center;
  margin: 0.3rem 0.1rem 0 0.1rem;
  border: 0;
  outline: none;
}
body #mainBody .personal-center-content .conserve {
  background-color: #076ed8;
  color: #fff;
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .cancel {
  border: 0.01rem solid #bfbfbf;
}
body #mainBody .personal-center-content .Gender img {
  width: 0.18rem;
  height: 0.18rem;
  margin: 0.07rem 0.1rem;
}
body #mainBody .personal-center-content input[type=radio] {
  margin-top: 0.09rem;
}
body #mainBody .personal-center-content .flex_start .region {
  margin-left: -0.04rem;
}
body #mainBody .personal-center-content .flex_start input {
  height: 0.26rem;
}
body #mainBody .personal-center-content .region select {
  margin-left: 0.07rem;
  outline: none;
}
body #mainBody .personal-center-content .pwdLevel {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#de6e48), to(#f5af4d));
  background-image: linear-gradient(to right, #de6e48, #f5af4d);
  border-radius: 0.1rem;
  margin-top: 0.25rem;
}
body #mainBody .personal-center-content .pwdLevel p,
body #mainBody .personal-center-content .pwdLevel span {
  margin: 0 0.08rem 0 0;
  font-size: 0.18rem;
  color: #fff;
  font-weight: bold;
}
body #mainBody .personal-center-content .safeIndex {
  width: 0.5rem;
  height: 0.08rem;
  border-radius: 0.15rem;
  background-color: #fff;
  opacity: 0.3;
  position: relative;
  top: 0.35rem;
}
body #mainBody .personal-center-content span.opacity {
  opacity: 1;
}
body #mainBody .personal-center-content .safeModal {
  width: 31%;
  height: 1rem;
  border-radius: 0.05rem;
  padding: 0.15rem 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.01rem solid #bfbfbf;
  margin: 3% 3% 0 0;
  cursor: pointer;
}
body #mainBody .personal-center-content .safeModal .safeModal-name-pic {
  width: 0.18rem;
  margin-left: 0.08rem;
}
body #mainBody .personal-center-content .safeModal:hover {
  border: 0.01rem solid #076ed8;
}
body #mainBody .personal-center-content .wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body #mainBody .personal-center-content .nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
body #mainBody .personal-center-content .safeModal div {
  font-size: 0.16rem;
  font-weight: bold;
}
body #mainBody .personal-center-content .safeModal > p {
  color: #7d7d7d;
  margin: 0 0 0.05rem 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody .personal-center-content .safeModal > span {
  color: #8cb8e6;
}
body #mainBody .personal-center-content .safeModal > div > span {
  color: #7d7d7d;
  font-size: 0.13rem;
  font-weight: normal;
}
body #mainBody .personal-center-content .safeModal > div > img {
  width: 0.18rem;
  height: 0.18rem;
  position: relative;
  bottom: 0.03rem;
  margin-left: 0.05rem;
}
body #mainBody .personal-center-content .revisePwd label,
body #mainBody .personal-center-content .bindPhone label,
body #mainBody .personal-center-content .bindPhone2 label,
body #mainBody .personal-center-content .bindeEmail label,
body #mainBody .personal-center-content .certification label,
body #mainBody .personal-center-content .reviseSecret label,
body #mainBody .personal-center-content .readSecret label,
body #mainBody .personal-center-content .reviseNewSecret label,
body #mainBody .personal-center-content .validateSecret label,
body #mainBody .personal-center-content .validateSecret2 label,
body #mainBody .personal-center-content .forgotSecretProtection label {
  display: inline-block;
  width: 1.35rem !important;
  text-align: right;
  font-size: 0.16rem;
  white-space: nowrap;
}
body #mainBody .personal-center-content .revisePwd input,
body #mainBody .personal-center-content .bindPhone input,
body #mainBody .personal-center-content .bindPhone2 input,
body #mainBody .personal-center-content .bindeEmail input,
body #mainBody .personal-center-content .certification input,
body #mainBody .personal-center-content .reviseSecret input,
body #mainBody .personal-center-content .readSecret input,
body #mainBody .personal-center-content .reviseNewSecret input,
body #mainBody .personal-center-content .validateSecret input,
body #mainBody .personal-center-content .validateSecret2 input,
body #mainBody .personal-center-content .forgotSecretProtection input {
  width: 2.4rem;
  outline: none;
  border: 0.01rem solid #bfbfbf;
  height: 0.35rem;
  font-size: 0.15rem;
  border-radius: 0.05rem;
}
body #mainBody .personal-center-content .reviseNewSecret select,
body #mainBody .personal-center-content .validateSecret select,
body #mainBody .personal-center-content .validateSecret2 select {
  width: 2.4rem;
  outline: none;
  border: 0.01rem solid #bfbfbf;
  height: 0.35rem;
  font-size: 0.15rem;
  border-radius: 0.05rem;
}
body #mainBody .personal-center-content .password-enter-content .bindMobile button {
  width: 0.74rem;
  height: 0.34rem;
  font-size: 0.12rem;
}
body #mainBody .personal-center-content .revisePwd div.user-enter-item,
body #mainBody .personal-center-content .checkingPwd,
body #mainBody .personal-center-content .bindMobile {
  margin-left: 25%;
  margin-top: 0.35rem;
}
body #mainBody .personal-center-content .revisePwd > p {
  margin-bottom: 0.75rem;
}
body #mainBody .personal-center-content .remarks {
  position: relative;
  left: 20%;
  color: #e8380d;
  margin: 0;
  top: 0.55rem;
}
body #mainBody .personal-center-content .revisePwd_ok > div,
body #mainBody .personal-center-content .bindPhone3 > div,
body #mainBody .personal-center-content .reviseNewSecret2 > div,
body #mainBody .personal-center-content .certification2 > div,
body #mainBody .personal-center-content .certification3 > div,
body #mainBody .personal-center-content .readSecret2 > div {
  margin-left: 35%;
  margin-top: 1.2rem;
}
body #mainBody .personal-center-content .appealSuccess {
  margin-left: 17%;
  margin-top: 0.3rem;
  margin-right: 10%;
}
body #mainBody .personal-center-content .appealSuccess button {
  margin: 0.25rem 35%;
}
body #mainBody .personal-center-content .revisePwd_ok span,
body #mainBody .personal-center-content .bindPhone3 > div > span,
body #mainBody .personal-center-content .reviseNewSecret2 > div > span,
body #mainBody .personal-center-content .certification2 > div > span,
body #mainBody .personal-center-content .certification3 > div > span,
body #mainBody .personal-center-content .readSecret2 > div > span,
body #mainBody .personal-center-content .appealSuccess > span {
  font-size: 0.2rem;
  font-weight: bold;
  position: relative;
  top: 0.05rem;
  margin-left: 0.05rem;
}
body #mainBody .personal-center-content .revisePwd_ok > div > div,
body #mainBody .personal-center-content .bindPhone3 > div > div,
body #mainBody .personal-center-content .reviseNewSecret2 > div > div {
  margin: 0.2rem 0.3rem;
}
body #mainBody .personal-center-content .revisePwd_ok a {
  margin: 0 0.05rem;
}
body #mainBody .personal-center-content .pwdErr {
  width: 3.5rem;
  height: 2.25rem;
  background-color: #fff;
  -webkit-box-shadow: 0.04rem 0.04rem 0.1rem #888888;
          box-shadow: 0.04rem 0.04rem 0.1rem #888888;
  position: relative;
  bottom: 3rem;
  border-radius: 0.05rem;
}
body #mainBody .personal-center-content .pwdErr_tit {
  width: 100%;
  height: 0.4rem;
  background-color: #eeeeee;
  padding: 0.1rem 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .pwdErr_tit img {
  width: 0.2rem;
  height: 0.2rem;
}
body #mainBody .personal-center-content .pwdErr_tit span {
  font-size: 0.16rem;
  color: #313131;
  font-weight: 400;
}
body #mainBody .personal-center-content .pwdErr_txt {
  text-align: center;
  margin-top: 0.7rem;
}
body #mainBody .personal-center-content .pwdErr_txt span {
  font-size: 0.15rem;
  margin-left: 0.1rem;
  position: relative;
  top: 0.03rem;
}
body #mainBody .personal-center-content .connectLine {
  width: 1.5rem;
  height: 0.05rem;
  background-color: #e5e5e5;
  border-radius: 0.1rem;
  margin: 0.17rem 0.14rem 0.17rem 0;
}
body #mainBody .personal-center-content .bindPhone > p {
  margin-bottom: 0.5rem;
}
body #mainBody .personal-center-content .txtColorO,
body #mainBody .personal-center-content .txtColorH {
  position: relative;
  top: 0.05rem;
  font-size: 0.13rem;
  font-weight: bold;
  text-align: center;
}
body #mainBody .personal-center-content .txtColorO,
body #mainBody .personal-center-content .txtColor {
  color: #eb5400;
}
body #mainBody .personal-center-content .txtColorH {
  color: #c9c9c9;
}
body #mainBody .personal-center-content .checkingPwd {
  margin-bottom: 0.4rem;
}
body #mainBody .personal-center-content #Code_y,
body #mainBody .personal-center-content #Code_x,
body #mainBody .personal-center-content #Code_z,
body #mainBody .personal-center-content #Code,
body #mainBody .personal-center-content #Code_e,
body #mainBody .personal-center-content #verify_input,
body #mainBody .personal-center-content #verify_input1,
body #mainBody .personal-center-content #verify_input2 {
  width: 1.3rem;
  margin-right: 0.1rem;
}
body #mainBody .personal-center-content .Code {
  width: 1rem;
  height: 0.35rem;
  border: 0.01rem solid #aaa;
  text-align: center;
  line-height: 0.35rem;
  font-size: 0.15rem;
}
body #mainBody .personal-center-content .bindMobile .imgVerify {
  height: 0.31rem;
  border-radius: 0.05rem;
  border: solid 1px #ececec;
  line-height: 0.4rem;
}
body #mainBody .personal-center-content .bindMobile > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
body #mainBody .personal-center-content .bindMobile > div {
  position: relative;
  bottom: 0.05rem;
  left: 0.05rem;
}
body #mainBody .personal-center-content .bindPhone3 > div > p {
  width: 2.6rem;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.15rem;
}
body #mainBody .personal-center-content .reviseNewSecret2 > div > p,
body #mainBody .personal-center-content .certification2 > div > p,
body #mainBody .personal-center-content .certification3 > div > p,
body #mainBody .personal-center-content .readSecret2 > div > p {
  /*width: 2.6rem;*/
  margin-top: 0.2rem;
  font-size: 0.15rem;
}
body #mainBody .personal-center-content .bindPhone3 > div > p > span,
body #mainBody .personal-center-content .reviseNewSecret2 > div > p > span,
body #mainBody .personal-center-content .certification2 > div > p > span,
body #mainBody .personal-center-content .certification3 > div > p > span,
body #mainBody .personal-center-content .readSecret2 > div > p > span {
  color: #076ed8;
}
body #mainBody .personal-center-content .cancel1 {
  margin: 0.25rem 18%;
}
body #mainBody .personal-center-content .cancel2 {
  margin: 0.25rem 10%;
}
body #mainBody .personal-center-content .bindeEmail_txt {
  width: 100%;
  height: 1.1rem;
  background-color: #f2f8ff;
  border: 0.01rem dashed #076ed8;
  border-radius: 0.05rem;
  margin-top: 0.1rem;
  padding: 0.1rem 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.12rem;
}
body #mainBody .personal-center-content .bindeEmail_txt span,
body #mainBody .personal-center-content .Tips span,
body #mainBody .personal-center-content .colorB {
  color: #076ed8;
}
body #mainBody .personal-center-content .Email_txt {
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .bindeEmail3 button {
  margin-top: 0.15rem;
}
body #mainBody .personal-center-content .Tips {
  color: #7d7d7d;
  margin-top: 0.35rem;
}
body #mainBody .personal-center-content .certification_txt {
  font-size: 0.12rem;
}
body #mainBody .personal-center-content .Tips p,
body #mainBody .personal-center-content .certification_txt p {
  margin: 0.05rem 5%;
}
body #mainBody .personal-center-content .certification_txt {
  width: 70%;
  height: 1.2rem;
  background-color: #fdf6f1;
  border: 0.01rem dashed #ea5504;
  border-radius: 0.05rem;
  margin: 0.2rem 15%;
  padding-left: 10%;
}
body #mainBody .personal-center-content .infoTitle {
  border-bottom: 0.01rem solid #dcdcdc;
}
body #mainBody .personal-center-content .infoTitle > div {
  margin: 0.05rem 0.1rem 0 0.35rem;
  padding-bottom: 0.03rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.13rem;
}
body #mainBody .personal-center-content .info_active {
  border-bottom: 0.03rem solid #0c73d9;
  color: #0c73d9;
}
body #mainBody .personal-center-content .InfoOperation {
  width: 100%;
  height: 0.35rem;
  margin-top: 0.1rem;
  background-color: #f2f8ff;
  padding: 0.05rem 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .InfoOperation .InfoOperation-check-type {
  white-space: nowrap;
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .InfoOperation .InfoOperation-check-type span {
  margin-left: 0.08rem;
  line-height: 0.14rem;
}
body #mainBody .personal-center-content .Operation_title {
  width: 0.13rem;
  height: 0.13rem;
  border: 0.01rem solid #000;
  position: relative;
}
body #mainBody .personal-center-content .InfoOperation > div > div {
  margin-right: 0.15rem;
}
body #mainBody .personal-center-content .InfoOperation button {
  line-height: 0.15rem;
  margin-left: 0.15rem;
  width: 0.8rem;
  background-color: #fff;
  outline: none;
  border: 0.01rem solid #bfbfbf;
  border-radius: 0.05rem;
  font-size: 0.14rem;
}
body #mainBody .personal-center-content .Operation_conter {
  position: relative;
  top: 0.15rem;
}
body #mainBody .personal-center-content .info_content {
  width: 95%;
  border-radius: 0.05rem;
  background: #ffffff;
  border: 0.01rem solid #e5e5e5;
  height: 0.55rem;
  margin-left: 0.1rem;
  padding: 0.05rem 0.2rem 0.05rem 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody .personal-center-content .content_info {
  padding-left: 0.17rem;
}
body #mainBody .personal-center-content .content_info_list {
  margin-top: 0.1rem;
}
body #mainBody .personal-center-content .info_content > img {
  width: 0.16rem;
  height: 0.16rem;
  position: relative;
  top: 0.14rem;
}
body #mainBody .personal-center-content .info_content p {
  margin: 0;
}
body #mainBody .personal-center-content .info_content > div > div {
  margin-left: 0.15rem;
}
body #mainBody .personal-center-content .info_tit {
  font-size: 0.14rem;
  font-weight: bold;
}
body #mainBody .personal-center-content .info_inf {
  color: #7d7d7d;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 0.14rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody .personal-center-content .pager {
  position: relative;
  left: 80%;
}
body #mainBody .personal-center-content .surplus {
  font-size: 0.14rem;
  margin: 0.2rem 0.35rem 0 0.35rem;
}
body #mainBody .personal-center-content .surplus span {
  color: #ea5504;
  font-size: 0.2rem;
  font-weight: bold;
  margin-left: 0.1rem;
  position: relative;
  bottom: 0.01rem;
}
body #mainBody .personal-center-content .surplus button {
  outline: none;
  border-radius: 0.03rem;
  border: 0.02rem solid #ea5504;
  font-size: 0.14rem;
  font-weight: 200;
  background-color: #fff;
  width: 0.8rem;
  height: 0.25rem;
  line-height: 0.19rem;
  margin-left: 0.25rem;
  position: relative;
  bottom: 0.03rem;
  color: #ea5504;
}
body #mainBody .personal-center-content .queryDate {
  font-size: 0.14rem;
  margin: 0.15rem 0.35rem 0.05rem 0.35rem;
}
body #mainBody .personal-center-content .queryDate input {
  position: relative;
  bottom: 0.03rem;
  left: 0.13rem;
  border-radius: 0.03rem;
  outline: none;
  border: 0.01rem solid #bfbfbf;
}
body #mainBody .personal-center-content .queryDate img {
  position: relative;
  width: 0.22rem;
  height: 0.22rem;
  bottom: 0.04rem;
  right: 0.2rem;
  z-index: 1;
}
body #mainBody .personal-center-content .queryDate button {
  outline: none;
  border-radius: 0.03rem;
  font-weight: 200;
  background-color: #076ed8;
  width: 0.8rem;
  height: 0.25rem;
  font-size: 0.14rem;
  line-height: 0.19rem;
  margin-left: 0.1rem;
  position: relative;
  bottom: 0.03rem;
  color: #fff;
  border: 0;
}
body #mainBody .personal-center-content .integralInfo_title > div {
  width: 25%;
  border-right: 0.01rem solid #eeeeee;
  background-color: #f2f8ff;
  color: #076ed8;
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.16rem;
}
body #mainBody .personal-center-content .integralInfo_item > div {
  width: 25%;
  border-right: 0.01rem solid #eeeeee;
  color: #313131;
  text-align: center;
  height: 0.3rem;
  font-size: 0.14rem;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody .personal-center-content .integralInfo_item button {
  width: 0.5rem;
  height: 0.25rem;
  line-height: 0.25rem;
  background-color: #076ed8;
  outline: none;
  border: 0;
  color: #fff;
  border-radius: 0.05rem;
}
body #mainBody .personal-center-content .bgH {
  background-color: #f7f7f7;
}
body #mainBody .personal-center-content .integralTask_top {
  width: 100%;
  height: 0.8rem;
  background: -webkit-gradient(linear, left top, right top, from(#f5af4d), color-stop(99%, #de6e48));
  background: linear-gradient(90deg, #f5af4d 0%, #de6e48 99%);
  border-radius: 0.03rem;
  padding: 0.3rem 0.4rem;
  color: #fff;
  text-align: center;
  border-radius: 0.05rem;
  margin-bottom: 0.1rem;
}
body #mainBody .personal-center-content .integralTask_top > p {
  font-size: 0.2rem;
  font-weight: bold;
}
body #mainBody .personal-center-content .integralTask_top > div {
  position: relative;
  bottom: 0.1rem;
}
body #mainBody .personal-center-content .integralTask_top > div > p {
  margin: 0;
  font-size: 0.13rem;
  font-weight: bold;
}
body #mainBody .personal-center-content .integralTask_top button {
  background-color: #fff;
  color: #de6f48;
  border-radius: 0.15rem;
  width: 0.8rem;
  height: 0.22rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  text-align: center;
  border: 0;
  outline: none;
}
body #mainBody .personal-center-content .TaskList {
  width: 100%;
  padding: 0.15rem 0 0 2%;
}
body #mainBody .personal-center-content .TaskList > div > div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body #mainBody .personal-center-content .TaskItem {
  width: 48%;
  height: 1rem;
  background: #ffffff;
  border: 0.01rem solid #dcdcdc;
  -webkit-box-shadow: 0rem 0.01rem 0.02rem 0rem rgba(0, 0, 0, 0.2);
          box-shadow: 0rem 0.01rem 0.02rem 0rem rgba(0, 0, 0, 0.2);
  border-radius: 0.03rem;
  margin-right: 2%;
  margin-bottom: 2%;
  padding: 0.2rem;
}
body #mainBody .personal-center-content .TaskItem:hover {
  background: #f2f8ff;
  border: 0.01rem solid #076ed8;
}
body #mainBody .personal-center-content p.taskName {
  font-size: 0.16rem;
  font-weight: bold;
  margin: 0.05rem 0 0.05rem;
}
body #mainBody .personal-center-content p.taskDescribe {
  color: #7d7d7d;
  margin-bottom: 0.05rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody .personal-center-content .taskDescribe > span {
  color: #076ed8;
  font-size: 0.16rem;
  font-weight: bold;
  margin-right: 0.05rem;
  position: relative;
  top: 0.02rem;
  margin-left: 0.12rem;
}
body #mainBody .personal-center-content .taskBtn {
  width: 0.8rem;
  height: 0.25rem;
  line-height: 0.25rem;
  border-radius: 0.15rem;
  background-color: #076ed8;
  color: #fff;
  text-align: center;
  border: 0;
  outline: none;
  font-size: 0.16rem;
}
body #mainBody .personal-center-content button.bg {
  background-color: #959595;
}
body #mainBody .personal-center-content .opa {
  opacity: 0.5;
}
body #mainBody .personal-center-content .nothingTask {
  width: 2rem;
  margin: 0.5rem 0 0 39%;
}
body #mainBody .personal-center-content .nothingTask img {
  width: 100%;
}
body #mainBody .personal-center-content .nothingTask p {
  color: #7d7d7d;
  font-size: 0.16rem;
  position: relative;
  right: 0.4rem;
}
body #mainBody .personal-center-content .integralRemarks {
  margin-top: 0.5rem;
}
body #mainBody .personal-center-content .integralRemarks p {
  margin: 0 0 0.02rem 0;
}
body #mainBody .personal-center-content .integralRemarks span {
  color: #ea5504;
}
body #mainBody .personal-center-content .unData {
  text-align: center;
  padding-top: 0.2rem;
  font-size: 0.16rem;
}
body #mainBody .mobile {
  display: none;
}
body #mainBody #gift-pack-redemption .bg {
  width: 100%;
}
body #mainBody #gift-pack-redemption .bg img {
  width: 100%;
}
body #mainBody #gift-pack-redemption .gift_pack_contents {
  margin-top: 0.4rem;
}
body #mainBody #gift-pack-redemption .swiper-pagination > span.swiper-pagination-bullet-active {
  background: #04B1F5;
  /*--swiper-pagination-color: #00ff33;*/
  /* 两种都可以 */
}
body #mainBody #gift-pack-redemption span.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
body #mainBody #gift-pack-redemption .content {
  width: 12.28rem;
  margin: 0 auto;
}
body #mainBody #gift-pack-redemption .game-title {
  width: 100%;
  height: 2.4rem;
  background-color: #313131;
}
body #mainBody #gift-pack-redemption .game-title-list {
  width: 20%;
}
body #mainBody #gift-pack-redemption .game-title-item {
  padding: 0.1rem;
  height: 0.6rem;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .game-text p {
  margin: 0 0 0.02rem 0.05rem;
  overflow: hidden;
  height: 0.17rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .game-title-item-active {
  background-color: #1B1B1B;
  border-left: 0.03rem solid #00A0E9;
}
body #mainBody #gift-pack-redemption .game-title-center {
  width: 40%;
  height: 2.4rem;
}
body #mainBody #gift-pack-redemption .game-title-center img {
  width: 100%;
  height: 2.4rem;
}
body #mainBody #gift-pack-redemption .game-title-right {
  width: 40%;
  height: 2.4rem;
  padding: 0 0.15rem;
}
body #mainBody #gift-pack-redemption .gameInfo-title {
  padding: 0.15rem 0.1rem 0.05rem 0.1rem;
  border-bottom: 0.01rem solid #aaa;
}
body #mainBody #gift-pack-redemption .gameInfo-title div {
  font-size: 0.2rem;
  color: #00A0E9;
  font-weight: bold;
}
body #mainBody #gift-pack-redemption .gameInfo-title p {
  margin: 0.05rem 0;
  color: #aaa;
  width: 90%;
  overflow: hidden;
  height: 0.17rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .gameInfo-list {
  padding-top: 0.06rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody #gift-pack-redemption .gameInfo-list p {
  color: #fff;
  margin: 0.02rem 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 85%;
  overflow: hidden;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .gameInfo-list p img {
  margin-right: 0.05rem;
  width: 0.13rem;
  position: relative;
  top: 0.03rem;
}
body #mainBody #gift-pack-redemption .gameInfo-list span {
  position: relative;
  top: 0.03rem;
  color: #aaa;
}
body #mainBody #gift-pack-redemption .moreIcon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .contentInfo-left {
  width: 75%;
  padding-left: 0.35rem;
}
body #mainBody #gift-pack-redemption .contentInfo-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body #mainBody #gift-pack-redemption .contentInfo-right {
  width: 24%;
}
body #mainBody #gift-pack-redemption .contentInfo-item {
  width: 31.8%;
  height: 2.81rem;
  margin-right: 0.13rem;
  margin-bottom: 0.15rem;
  background-color: #fff;
}
body #mainBody #gift-pack-redemption .module_tit {
  font-size: 0.18rem;
  font-weight: bold;
  border-left: 0.03rem solid #00A0E9;
  padding-left: 0.1rem;
}
body #mainBody #gift-pack-redemption .module_more {
  color: #aaa;
  position: relative;
  top: 0.2rem;
  right: 0.1rem;
}
body #mainBody #gift-pack-redemption .newGame {
  width: 92%;
  border-bottom: 0;
  background-color: #fff;
  padding: 0.1rem;
}
body #mainBody #gift-pack-redemption .PopGift_top_item {
  width: 92%;
  height: 0.6rem;
  border-bottom: 0.01rem solid #E5E5E5;
  padding: 0.3rem 20%;
}
body #mainBody #gift-pack-redemption .newGame button {
  width: 0.9rem;
  height: 0.23rem;
  background-color: #fff;
  border: 0.02rem solid #076ED8;
  border-radius: 0.15rem;
  color: #076ED8;
  outline: none;
  font-size: 0.15rem;
  line-height: 0.15rem;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .contentInfo-item img {
  width: 100%;
}
body #mainBody #gift-pack-redemption .contentInfo-item div {
  padding: 0.05rem 0.15rem 0 0.15rem;
}
body #mainBody #gift-pack-redemption .contentInfo-item div h2 {
  margin: 0 0 0.05rem 0;
  font-size: 0.18rem;
  font-weight: bold;
}
body #mainBody #gift-pack-redemption .contentInfo-item div p {
  margin: 0;
  color: #aaa;
  padding-bottom: 0.05rem;
  border-bottom: 0.01rem solid #ddd;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.44rem;
}
body #mainBody #gift-pack-redemption .enter {
  color: #aaa;
  text-align: right;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .enter img {
  width: 0.18rem;
}
body #mainBody #gift-pack-redemption .enter span {
  position: relative;
  top: -0.05rem;
}
body #mainBody #gift-pack-redemption .gift_item {
  background-color: #fff;
  width: 23.7%;
  margin-right: 1.3%;
  margin-bottom: 0.1rem;
  height: 1.05rem;
  padding: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody #gift-pack-redemption .newGame > img,
body #mainBody #gift-pack-redemption .PopGift_top_item > img {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-redemption .newGame h4,
body #mainBody #gift-pack-redemption .PopGift_top_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0.07rem 0 0.05rem 0;
}
body #mainBody #gift-pack-redemption .newGame p,
body #mainBody #gift-pack-redemption .PopGift_top_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0.05rem;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}
body #mainBody #gift-pack-redemption .newGame > div > img {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
  top: 0.1rem;
}
body #mainBody #gift-pack-redemption .newGame > div > div > div > img {
  width: 0.15rem;
  height: 0.15rem;
  position: relative;
  top: 0.04rem;
  left: 0.05rem;
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-redemption .newGame > div > div > div {
  color: #aaa;
}
body #mainBody #gift-pack-redemption .gift_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0.05rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .gift_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0.05rem;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .gift_list > img {
  width: 0.6rem;
  height: 0.6rem;
}
body #mainBody #gift-pack-redemption .gift_list > div {
  padding: 0.02rem 0.1rem;
}
body #mainBody #gift-pack-redemption .Loadingwrap {
  width: 60%;
  height: 0.08rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.1rem;
  position: relative;
  top: 0.07rem;
}
body #mainBody #gift-pack-redemption .Loadinginner {
  width: 50%;
  height: 0.08rem;
  background-color: #098FE7;
  border-radius: 0.1rem;
}
body #mainBody #gift-pack-redemption .receiveBtn {
  width: 0.75rem;
  border-radius: 0.15rem;
  height: 0.25rem;
  line-height: 0.25rem;
  background: #098FE7;
  color: #fff;
  text-align: center;
  margin-left: 10%;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .LoadingCount {
  margin-left: 0.05rem;
  color: #aaa;
  height: 0.25rem;
  line-height: 0.25rem;
}
body #mainBody #gift-pack-redemption {
  /*游戏中心*/
}
body #mainBody #gift-pack-redemption .gameScreen,
body #mainBody #gift-pack-redemption .gameList {
  width: 100%;
  padding: 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
body #mainBody #gift-pack-redemption .gameList {
  width: 100%;
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
body #mainBody #gift-pack-redemption div.select {
  width: 25%;
  height: 0.3rem;
  margin-top: 0.1rem;
}
body #mainBody #gift-pack-redemption .select input {
  width: 100%;
  outline: none;
  padding-left: 0.53rem;
  padding-right: 0.3rem;
  border-radius: 0.15rem;
  border: 0;
}
body #mainBody #gift-pack-redemption .select img {
  position: relative;
  width: 0.25rem;
  height: 0.25rem;
  right: 0.3rem;
  top: 0.03rem;
}
body #mainBody #gift-pack-redemption .ScreenItem {
  margin: 0.15rem 0;
}
body #mainBody #gift-pack-redemption .ScreenItem p {
  margin: 0 0.1rem;
  width: 1rem;
  text-align: right;
}
body #mainBody #gift-pack-redemption .ScreenItem span {
  margin: 0 0.15rem;
  padding: 0 0.15rem;
  text-align: center;
  border-radius: 0.15rem;
  cursor: pointer;
}
body #mainBody #gift-pack-redemption .ScreenActive {
  background-color: #076ED8;
  color: #fff;
  font-size: 0.17rem;
}
body #mainBody #gift-pack-redemption .gameList_item {
  width: 100%;
  border-bottom: 0.01rem solid #E5E5E5;
  padding: 0.15rem 0;
}
body #mainBody #gift-pack-redemption .gameList_item > img {
  width: 25%;
  margin-right: 0.2rem;
}
body #mainBody #gift-pack-redemption .gameitem_right {
  padding-top: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
body #mainBody #gift-pack-redemption .gameitem_right h2 {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
body #mainBody #gift-pack-redemption .gameitem_right p {
  color: #7D7D7D;
  margin: 0;
}
body #mainBody #gift-pack-redemption .gameitem_right a {
  font-size: 0.15rem;
  color: #076ED8;
  outline: none;
  margin-top: 0.1rem;
  text-decoration: none;
}
body #mainBody #gift-pack-redemption .info_width {
  width: 100%;
}
body #mainBody #gift-pack-redemption p.gameintr {
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.2rem;
}
body #mainBody #gift-pack-redemption .down_load_right {
  text-align: center;
}
body #mainBody #gift-pack-redemption .down_load_right button {
  background-color: #076ED8;
  border-radius: 0.15rem;
  color: #fff;
  outline: none;
  border: 0;
  padding: 0.03rem 0.13rem;
}
body #mainBody #gift-pack-redemption .PopGift {
  margin-top: 0.2rem;
  padding: 0 0.15rem;
  background-color: #fff;
}
body #mainBody #gift-pack-redemption .PopGift_top {
  position: relative;
}
body #mainBody #gift-pack-redemption .swiper-button-next1 {
  width: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #B5B5B5;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0.35rem;
  z-index: 99;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  border-top-right-radius: 0.03rem;
  border-bottom-right-radius: 0.03rem;
  cursor: pointer;
  font-size: 0.25rem;
}
body #mainBody #gift-pack-redemption .swiper-button-prev1 {
  width: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #B5B5B5;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0.35rem;
  z-index: 99;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  border-top-left-radius: 0.03rem;
  border-bottom-left-radius: 0.03rem;
  cursor: pointer;
  font-size: 0.25rem;
}
body #mainBody #gift-pack-redemption .swiper-button-prev1:hover,
body #mainBody #gift-pack-redemption .swiper-button-next1:hover {
  background-color: #707070;
}
body #mainBody #gift-pack-redemption .PopGift_item {
  padding: 0.2rem 0;
  border-bottom: 0.01rem solid #E5E5E5;
}
body #mainBody #gift-pack-redemption .PopGift_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0;
}
body #mainBody #gift-pack-redemption .PopGift_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0 0.05rem 0;
}
body #mainBody #gift-pack-redemption .PopGift_item button {
  width: 0.65rem;
  height: 0.25rem;
  outline: none;
  border: 0.02rem solid #076ED8;
  color: #076ED8;
  background-color: #fff;
  border-radius: 0.15rem;
}
body #mainBody #gift-pack-redemption .infoTitle {
  margin: 0.125rem 0;
}
body #mainBody #gift-pack-redemption .infoTitle > div {
  margin: 0.05rem 0.1rem 0 0.35rem;
  padding-bottom: 0.03rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.13rem;
}
body #mainBody #gift-pack-redemption .info_active {
  border-bottom: 0.03rem solid #0C73D9;
  color: #0C73D9;
}
body #mainBody #gift-pack-redemption .tab-content > .tab-pane {
  display: none;
}
body #mainBody #gift-pack-redemption .tab-content > .active {
  display: block;
}
body #mainBody #gift-pack-redemption .intr_time img {
  width: 0.18rem;
  height: 0.18rem;
  margin: 0.02rem 0.05rem 0 0;
}
body #mainBody #gift-pack-redemption .intr_time div {
  width: 80%;
}
body #mainBody #gift-pack-redemption .intr_time a {
  font-size: 0.13rem;
  margin-top: 0;
}
body #mainBody #gift-pack-redemption .newServiceInfo {
  background-color: #fff;
  padding: 0.05rem;
}
body #mainBody #gift-pack-redemption .ServiceInfo_title > div {
  width: 33.3%;
  border-right: 0.01rem solid #EEEEEE;
  background-color: #F2F8FF;
  color: #076ED8;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
}
body #mainBody #gift-pack-redemption .ServiceInfo_item > div {
  width: 33.3%;
  border-right: 0.01rem solid #EEEEEE;
  color: #535353;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .bgH {
  background-color: #F7F7F7;
}
body #mainBody #gift-pack-redemption .avtiveDate {
  width: 84%;
  height: 0.3rem;
  margin-left: 7%;
  margin-top: 0.2rem;
  border: 0.01rem solid #E5E5E5;
  outline: none;
  text-align: center;
  color: #535353;
}
body #mainBody #gift-pack-redemption .activeImg1 {
  margin-top: 0.2rem;
}
body #mainBody #gift-pack-redemption .giftRanking {
  background-color: #fff;
  padding: 0rem 0.15rem;
  margin-bottom: 0.11rem;
}
body #mainBody #gift-pack-redemption .giftRanking:nth-child(2n) {
  margin-top: 0.3rem;
}
body #mainBody #gift-pack-redemption .giftdetail {
  background-color: #fff;
  padding: 0.2rem 0.3rem;
}
body #mainBody #gift-pack-redemption .navigation {
  margin: 0.1rem 0 0.15rem 0;
}
body #mainBody #gift-pack-redemption .giftRankingItem {
  padding: 0.05rem 0 0.2rem 0;
  border-bottom: 0.01rem solid #E5E5E5;
  margin-bottom: 0.2rem;
}
body #mainBody #gift-pack-redemption .giftRankingItem p {
  color: #7D7D7D;
  margin: 0;
}
body #mainBody #gift-pack-redemption .giftRankingItem > h2 {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.05rem;
}
body #mainBody #gift-pack-redemption .giftRankingItem > p {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-redemption .giftRankingItem > div {
  margin-top: 0.1rem;
}
body #mainBody #gift-pack-redemption .giftRankingItem > div > p {
  width: 60%;
}
body #mainBody #gift-pack-redemption .giftRankingItem button {
  outline: none;
  border: 0.02rem solid #076ED8;
  border-radius: 0.15rem;
  margin-left: 0.25rem;
  background-color: #fff;
  color: #076ED8;
  padding: 0.01rem 0.2rem;
}
body #mainBody #gift-pack-redemption .giftdetail_title {
  padding-bottom: 0.12rem;
  border-bottom: 0.01rem solid #E5E5E5;
}
body #mainBody #gift-pack-redemption .giftImg {
  margin-right: 0.2rem;
  width: 1.3rem;
  height: 1.3rem;
}
body #mainBody #gift-pack-redemption .giftImg img {
  width: 100%;
}
body #mainBody #gift-pack-redemption .giftRule {
  padding: 0.13rem 0;
  width: 60%;
}
body #mainBody #gift-pack-redemption .giftRule h1 {
  font-weight: bold;
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
}
body #mainBody #gift-pack-redemption .giftRule p {
  color: #7D7D7D;
  margin: 0 0 0.05rem 0;
}
body #mainBody #gift-pack-redemption .giftdetail_title > p {
  color: #7D7D7D;
  margin: 0.26rem 0.2rem;
}
body #mainBody #gift-pack-redemption .giftdetail_title 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 #mainBody #gift-pack-redemption .HotGift {
  width: 32%;
  background-color: #fff;
  margin-right: 1%;
  margin-bottom: 0.15rem;
}
body #mainBody #gift-pack-redemption .HotGift img {
  width: 100%;
  height: 1.66rem;
}
body #mainBody #gift-pack-redemption .HotGift_title,
body #mainBody #gift-pack-redemption .exchange {
  padding: 0.05rem 0.15rem 0 0.15rem;
}
body #mainBody #gift-pack-redemption .HotGift_title h2 {
  margin: 0 0 0.05rem 0;
  font-size: 0.18rem;
  font-weight: bold;
}
body #mainBody #gift-pack-redemption .HotGift_title > div {
  color: #aaa;
  padding-bottom: 0.05rem;
}
body #mainBody #gift-pack-redemption .HotGift_title > div > div {
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-redemption .HotGift_title button {
  width: 0.8rem;
  height: 0.25rem;
  border: 0;
  background-color: #076ED8;
  color: #fff;
  border-radius: 0.15rem;
  position: relative;
  bottom: 0.05rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  outline: none;
}
body #mainBody #gift-pack-redemption .integralTest div {
  margin: 0.2rem 0.1rem;
}
body #mainBody #gift-pack-redemption .integralTest i {
  display: inline-block;
  width: 0.03rem;
  height: 0.03rem;
  background-color: #7E7E7E;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  position: relative;
  top: 0.1rem;
  left: 0.1rem;
}
body #mainBody #gift-pack-redemption .integralTest p {
  color: #1B1B1B;
  margin: 0 0.8rem 0 0.2rem;
  width: 30%;
  white-space: nowrap;
}
body #mainBody #gift-pack-redemption .integralTest button {
  width: 0.7rem;
  height: 0.23rem;
  outline: none;
  font-size: 0.12rem;
  line-height: 0.12rem;
  border: 0.02rem solid #076ED8;
  color: #076ED8;
  border-radius: 0.2rem;
  background-color: #fff;
}
body #mainBody #gift-pack-redemption .integralTest button.finision {
  border: 0;
  background-color: #C9C9C9;
  color: #fff;
}
body #mainBody #gift-pack-redemption .integralTest {
  padding-bottom: 0.01rem;
}
body #mainBody #gift-pack-redemption .jifen {
  color: #0C73D9;
  font-size: 0.2rem;
  font-weight: bold;
  margin-right: 0.08rem;
  position: relative;
  top: 0.02rem;
}
body #mainBody #gift-pack-redemption .GiftExchange {
  background-color: #fff;
  margin-bottom: 0.15rem;
}
body #mainBody #gift-pack-redemption .screenCheck {
  padding: 0.4rem 0.6rem 0.1rem;
  border-bottom: 0.01rem solid #E5E5E5;
}
body #mainBody #gift-pack-redemption .screenCheck > div {
  margin-right: 0.1rem;
  color: #1B1B1B;
  font-size: 0.16rem;
}
body #mainBody #gift-pack-redemption .screenCheck input {
  position: relative;
  top: 0.03rem;
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-redemption .HotGift p {
  margin: 0;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .bg,
body #mainBody #exchange-gift-pack-details .bg {
  width: 100%;
}
body #mainBody #gift-pack-details .gift_pack_contents,
body #mainBody #exchange-gift-pack-details .gift_pack_contents {
  margin-top: 0.4rem;
}
body #mainBody #gift-pack-details .bg img,
body #mainBody #exchange-gift-pack-details .bg img {
  width: 100%;
}
body #mainBody #gift-pack-details .swiper-pagination > span.swiper-pagination-bullet-active,
body #mainBody #exchange-gift-pack-details .swiper-pagination > span.swiper-pagination-bullet-active {
  background: #04B1F5;
  /*--swiper-pagination-color: #00ff33;*/
  /* 两种都可以 */
}
body #mainBody #gift-pack-details span.swiper-pagination-bullet,
body #mainBody #exchange-gift-pack-details span.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
body #mainBody #gift-pack-details .content,
body #mainBody #exchange-gift-pack-details .content {
  width: 12.28rem;
  margin: 0 auto;
}
body #mainBody #gift-pack-details .game-title,
body #mainBody #exchange-gift-pack-details .game-title {
  width: 100%;
  height: 2.4rem;
  background-color: #313131;
}
body #mainBody #gift-pack-details .game-title-list,
body #mainBody #exchange-gift-pack-details .game-title-list {
  width: 20%;
}
body #mainBody #gift-pack-details .game-title-item,
body #mainBody #exchange-gift-pack-details .game-title-item {
  padding: 0.1rem;
  height: 0.6rem;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
body #mainBody #gift-pack-details .game-text p,
body #mainBody #exchange-gift-pack-details .game-text p {
  margin: 0 0 0.02rem 0.05rem;
  overflow: hidden;
  height: 0.17rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .game-title-item-active,
body #mainBody #exchange-gift-pack-details .game-title-item-active {
  background-color: #1B1B1B;
  border-left: 0.03rem solid #00A0E9;
}
body #mainBody #gift-pack-details .game-title-center,
body #mainBody #exchange-gift-pack-details .game-title-center {
  width: 40%;
  height: 2.4rem;
}
body #mainBody #gift-pack-details .game-title-center img,
body #mainBody #exchange-gift-pack-details .game-title-center img {
  width: 100%;
  height: 2.4rem;
}
body #mainBody #gift-pack-details .game-title-right,
body #mainBody #exchange-gift-pack-details .game-title-right {
  width: 40%;
  height: 2.4rem;
  padding: 0 0.15rem;
}
body #mainBody #gift-pack-details .gameInfo-title,
body #mainBody #exchange-gift-pack-details .gameInfo-title {
  padding: 0.15rem 0.1rem 0.05rem 0.1rem;
  border-bottom: 0.01rem solid #aaa;
}
body #mainBody #gift-pack-details .gameInfo-title div,
body #mainBody #exchange-gift-pack-details .gameInfo-title div {
  font-size: 0.2rem;
  color: #00A0E9;
  font-weight: bold;
}
body #mainBody #gift-pack-details .gameInfo-title p,
body #mainBody #exchange-gift-pack-details .gameInfo-title p {
  margin: 0.05rem 0;
  color: #aaa;
  width: 90%;
  overflow: hidden;
  height: 0.17rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .gameInfo-list,
body #mainBody #exchange-gift-pack-details .gameInfo-list {
  padding-top: 0.06rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody #gift-pack-details .gameInfo-list p,
body #mainBody #exchange-gift-pack-details .gameInfo-list p {
  color: #fff;
  margin: 0.02rem 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 85%;
  overflow: hidden;
  cursor: pointer;
}
body #mainBody #gift-pack-details .gameInfo-list p img,
body #mainBody #exchange-gift-pack-details .gameInfo-list p img {
  margin-right: 0.05rem;
  width: 0.13rem;
  position: relative;
  top: 0.03rem;
}
body #mainBody #gift-pack-details .gameInfo-list span,
body #mainBody #exchange-gift-pack-details .gameInfo-list span {
  position: relative;
  top: 0.03rem;
  color: #aaa;
}
body #mainBody #gift-pack-details .moreIcon,
body #mainBody #exchange-gift-pack-details .moreIcon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
body #mainBody #gift-pack-details .contentInfo-left,
body #mainBody #exchange-gift-pack-details .contentInfo-left {
  width: 75%;
}
body #mainBody #gift-pack-details .contentInfo-list,
body #mainBody #exchange-gift-pack-details .contentInfo-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body #mainBody #gift-pack-details .contentInfo-right,
body #mainBody #exchange-gift-pack-details .contentInfo-right {
  width: 24%;
}
body #mainBody #gift-pack-details .contentInfo-item,
body #mainBody #exchange-gift-pack-details .contentInfo-item {
  width: 31.8%;
  height: 2.81rem;
  margin-right: 0.13rem;
  margin-bottom: 0.15rem;
  background-color: #fff;
}
body #mainBody #gift-pack-details .module_tit,
body #mainBody #exchange-gift-pack-details .module_tit {
  font-size: 0.18rem;
  font-weight: bold;
  border-left: 0.03rem solid #00A0E9;
  padding-left: 0.1rem;
}
body #mainBody #gift-pack-details .module_more,
body #mainBody #exchange-gift-pack-details .module_more {
  color: #aaa;
  position: relative;
  top: 0.2rem;
  right: 0.1rem;
}
body #mainBody #gift-pack-details .newGame,
body #mainBody #exchange-gift-pack-details .newGame {
  width: 92%;
  height: 0.6rem;
  border: 0.01rem solid #ddd;
  border-bottom: 0;
  background-color: #fff;
  padding: 0.1rem;
}
body #mainBody #gift-pack-details .PopGift_top_item,
body #mainBody #exchange-gift-pack-details .PopGift_top_item {
  width: 92%;
  height: 0.6rem;
  border-bottom: 0.01rem solid #E5E5E5;
  padding: 0.3rem 20%;
}
body #mainBody #gift-pack-details .newGame:last-child,
body #mainBody #exchange-gift-pack-details .newGame:last-child {
  border-bottom: 0.01rem solid #ddd;
}
body #mainBody #gift-pack-details .contentInfo-item img,
body #mainBody #exchange-gift-pack-details .contentInfo-item img {
  width: 100%;
}
body #mainBody #gift-pack-details .contentInfo-item div,
body #mainBody #exchange-gift-pack-details .contentInfo-item div {
  padding: 0.05rem 0.15rem 0 0.15rem;
}
body #mainBody #gift-pack-details .contentInfo-item div h2,
body #mainBody #exchange-gift-pack-details .contentInfo-item div h2 {
  margin: 0 0 0.05rem 0;
  font-size: 0.18rem;
  font-weight: bold;
}
body #mainBody #gift-pack-details .contentInfo-item div p,
body #mainBody #exchange-gift-pack-details .contentInfo-item div p {
  margin: 0;
  color: #aaa;
  padding-bottom: 0.05rem;
  border-bottom: 0.01rem solid #ddd;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.44rem;
}
body #mainBody #gift-pack-details .enter,
body #mainBody #exchange-gift-pack-details .enter {
  color: #aaa;
  text-align: right;
  cursor: pointer;
}
body #mainBody #gift-pack-details .enter img,
body #mainBody #exchange-gift-pack-details .enter img {
  width: 0.18rem;
}
body #mainBody #gift-pack-details .enter span,
body #mainBody #exchange-gift-pack-details .enter span {
  position: relative;
  top: -0.05rem;
}
body #mainBody #gift-pack-details .gift_item,
body #mainBody #exchange-gift-pack-details .gift_item {
  background-color: #fff;
  width: 23.7%;
  margin-right: 1.3%;
  margin-bottom: 0.1rem;
  height: 1.05rem;
  padding: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body #mainBody #gift-pack-details .newGame > img,
body #mainBody #gift-pack-details .PopGift_top_item > img,
body #mainBody #exchange-gift-pack-details .newGame > img,
body #mainBody #exchange-gift-pack-details .PopGift_top_item > img {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-details .newGame h4,
body #mainBody #gift-pack-details .PopGift_top_item h4,
body #mainBody #exchange-gift-pack-details .newGame h4,
body #mainBody #exchange-gift-pack-details .PopGift_top_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0.07rem 0 0.05rem 0;
}
body #mainBody #gift-pack-details .newGame p,
body #mainBody #gift-pack-details .PopGift_top_item p,
body #mainBody #exchange-gift-pack-details .newGame p,
body #mainBody #exchange-gift-pack-details .PopGift_top_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0.05rem;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .newGame > div > img,
body #mainBody #exchange-gift-pack-details .newGame > div > img {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
  top: 0.1rem;
}
body #mainBody #gift-pack-details .newGame > div > div > div > img,
body #mainBody #exchange-gift-pack-details .newGame > div > div > div > img {
  width: 0.15rem;
  height: 0.15rem;
  position: relative;
  top: 0.04rem;
  left: 0.05rem;
  margin-right: 0.05rem;
}
body #mainBody #gift-pack-details .newGame > div > div > div,
body #mainBody #exchange-gift-pack-details .newGame > div > div > div {
  color: #aaa;
}
body #mainBody #gift-pack-details .gift_item h4,
body #mainBody #exchange-gift-pack-details .gift_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0.05rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .gift_item p,
body #mainBody #exchange-gift-pack-details .gift_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0.05rem;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .gift_list > img,
body #mainBody #exchange-gift-pack-details .gift_list > img {
  width: 0.6rem;
  height: 0.6rem;
}
body #mainBody #gift-pack-details .gift_list > div,
body #mainBody #exchange-gift-pack-details .gift_list > div {
  padding: 0.02rem 0.1rem;
}
body #mainBody #gift-pack-details .Loadingwrap,
body #mainBody #exchange-gift-pack-details .Loadingwrap {
  width: 50%;
  height: 0.08rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.1rem;
  position: relative;
  top: 0.1rem;
}
body #mainBody #gift-pack-details .Loadinginner,
body #mainBody #exchange-gift-pack-details .Loadinginner {
  width: 50%;
  height: 0.08rem;
  background-color: #098FE7;
  border-radius: 0.1rem;
}
body #mainBody #gift-pack-details .receiveBtn,
body #mainBody #exchange-gift-pack-details .receiveBtn {
  width: 0.75rem;
  border-radius: 0.15rem;
  height: 0.25rem;
  line-height: 0.25rem;
  background: #098FE7;
  color: #fff;
  text-align: center;
  margin-left: 10%;
  cursor: pointer;
}
body #mainBody #gift-pack-details .LoadingCount,
body #mainBody #exchange-gift-pack-details .LoadingCount {
  margin-left: 0.05rem;
  color: #aaa;
  height: 0.3rem;
  line-height: 0.3rem;
}
body #mainBody #gift-pack-details,
body #mainBody #exchange-gift-pack-details {
  /*游戏中心*/
}
body #mainBody #gift-pack-details .gameScreen,
body #mainBody #gift-pack-details .gameList,
body #mainBody #exchange-gift-pack-details .gameScreen,
body #mainBody #exchange-gift-pack-details .gameList {
  width: 100%;
  padding: 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
body #mainBody #gift-pack-details .gameList,
body #mainBody #exchange-gift-pack-details .gameList {
  width: 100%;
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
body #mainBody #gift-pack-details div.select,
body #mainBody #exchange-gift-pack-details div.select {
  width: 25%;
  height: 0.3rem;
  margin-top: 0.1rem;
}
body #mainBody #gift-pack-details .select input,
body #mainBody #exchange-gift-pack-details .select input {
  width: 100%;
  outline: none;
  padding-left: 0.53rem;
  padding-right: 0.3rem;
  border-radius: 0.15rem;
  border: 0;
}
body #mainBody #gift-pack-details .select img,
body #mainBody #exchange-gift-pack-details .select img {
  position: relative;
  width: 0.25rem;
  height: 0.25rem;
  right: 0.3rem;
  top: 0.03rem;
}
body #mainBody #gift-pack-details .ScreenItem,
body #mainBody #exchange-gift-pack-details .ScreenItem {
  margin: 0.15rem 0;
}
body #mainBody #gift-pack-details .ScreenItem p,
body #mainBody #exchange-gift-pack-details .ScreenItem p {
  margin: 0 0.1rem;
  width: 1rem;
  text-align: right;
}
body #mainBody #gift-pack-details .ScreenItem span,
body #mainBody #exchange-gift-pack-details .ScreenItem span {
  margin: 0 0.15rem;
  padding: 0 0.15rem;
  text-align: center;
  border-radius: 0.15rem;
  cursor: pointer;
}
body #mainBody #gift-pack-details .ScreenActive,
body #mainBody #exchange-gift-pack-details .ScreenActive {
  background-color: #076ED8;
  color: #fff;
}
body #mainBody #gift-pack-details .gameList_item,
body #mainBody #exchange-gift-pack-details .gameList_item {
  width: 100%;
  border-bottom: 0.01rem solid #E5E5E5;
  padding: 0.15rem 0;
}
body #mainBody #gift-pack-details .gameList_item > img,
body #mainBody #exchange-gift-pack-details .gameList_item > img {
  width: 25%;
  margin-right: 0.2rem;
}
body #mainBody #gift-pack-details .gameitem_right,
body #mainBody #exchange-gift-pack-details .gameitem_right {
  padding-top: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
body #mainBody #gift-pack-details .gameitem_right h2,
body #mainBody #exchange-gift-pack-details .gameitem_right h2 {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
body #mainBody #gift-pack-details .gameitem_right p,
body #mainBody #exchange-gift-pack-details .gameitem_right p {
  color: #7D7D7D;
  margin: 0;
}
body #mainBody #gift-pack-details .gameitem_right a,
body #mainBody #exchange-gift-pack-details .gameitem_right a {
  font-size: 0.15rem;
  color: #076ED8;
  outline: none;
  margin-top: 0.1rem;
  text-decoration: none;
}
body #mainBody #gift-pack-details .info_width,
body #mainBody #exchange-gift-pack-details .info_width {
  width: 100%;
}
body #mainBody #gift-pack-details p.gameintr,
body #mainBody #exchange-gift-pack-details p.gameintr {
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.2rem;
}
body #mainBody #gift-pack-details .down_load_right,
body #mainBody #exchange-gift-pack-details .down_load_right {
  text-align: center;
}
body #mainBody #gift-pack-details .down_load_right button,
body #mainBody #exchange-gift-pack-details .down_load_right button {
  background-color: #076ED8;
  border-radius: 0.15rem;
  color: #fff;
  outline: none;
  border: 0;
  padding: 0.03rem 0.13rem;
}
body #mainBody #gift-pack-details .PopGift,
body #mainBody #exchange-gift-pack-details .PopGift {
  margin-top: 0.2rem;
  padding: 0 0.15rem;
  background-color: #fff;
}
body #mainBody #gift-pack-details .PopGift_top,
body #mainBody #exchange-gift-pack-details .PopGift_top {
  position: relative;
}
body #mainBody #gift-pack-details .swiper-button-next1,
body #mainBody #exchange-gift-pack-details .swiper-button-next1 {
  width: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #B5B5B5;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0.35rem;
  z-index: 99;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  border-top-right-radius: 0.03rem;
  border-bottom-right-radius: 0.03rem;
  cursor: pointer;
  font-size: 0.25rem;
}
body #mainBody #gift-pack-details .swiper-button-prev1,
body #mainBody #exchange-gift-pack-details .swiper-button-prev1 {
  width: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #B5B5B5;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0.35rem;
  z-index: 99;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  border-top-left-radius: 0.03rem;
  border-bottom-left-radius: 0.03rem;
  cursor: pointer;
  font-size: 0.25rem;
}
body #mainBody #gift-pack-details .swiper-button-prev1:hover,
body #mainBody #gift-pack-details .swiper-button-next1:hover,
body #mainBody #exchange-gift-pack-details .swiper-button-prev1:hover,
body #mainBody #exchange-gift-pack-details .swiper-button-next1:hover {
  background-color: #707070;
}
body #mainBody #gift-pack-details .PopGift_item,
body #mainBody #exchange-gift-pack-details .PopGift_item {
  padding: 0.2rem 0;
  border-bottom: 0.01rem solid #E5E5E5;
}
body #mainBody #gift-pack-details .PopGift_item h4,
body #mainBody #exchange-gift-pack-details .PopGift_item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0;
}
body #mainBody #gift-pack-details .PopGift_item p,
body #mainBody #exchange-gift-pack-details .PopGift_item p {
  font-size: 0.12rem;
  color: #aaa;
  margin: 0 0 0.05rem 0;
}
body #mainBody #gift-pack-details .PopGift_item button,
body #mainBody #exchange-gift-pack-details .PopGift_item button {
  width: 0.65rem;
  height: 0.25rem;
  outline: none;
  border: 0.02rem solid #076ED8;
  color: #076ED8;
  background-color: #fff;
  border-radius: 0.15rem;
}
body #mainBody #gift-pack-details .infoTitle,
body #mainBody #exchange-gift-pack-details .infoTitle {
  margin: 0.125rem 0;
}
body #mainBody #gift-pack-details .infoTitle > div,
body #mainBody #exchange-gift-pack-details .infoTitle > div {
  margin: 0.05rem 0.1rem 0 0.35rem;
  padding-bottom: 0.03rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.13rem;
}
body #mainBody #gift-pack-details .info_active,
body #mainBody #exchange-gift-pack-details .info_active {
  border-bottom: 0.03rem solid #0C73D9;
  color: #0C73D9;
}
body #mainBody #gift-pack-details .tab-content > .tab-pane,
body #mainBody #exchange-gift-pack-details .tab-content > .tab-pane {
  display: none;
}
body #mainBody #gift-pack-details .tab-content > .active,
body #mainBody #exchange-gift-pack-details .tab-content > .active {
  display: block;
}
body #mainBody #gift-pack-details .intr_time img,
body #mainBody #exchange-gift-pack-details .intr_time img {
  width: 0.18rem;
  height: 0.18rem;
  margin: 0.02rem 0.05rem 0 0;
}
body #mainBody #gift-pack-details .intr_time div,
body #mainBody #exchange-gift-pack-details .intr_time div {
  width: 80%;
}
body #mainBody #gift-pack-details .intr_time a,
body #mainBody #exchange-gift-pack-details .intr_time a {
  font-size: 0.13rem;
  margin-top: 0;
}
body #mainBody #gift-pack-details .newServiceInfo,
body #mainBody #exchange-gift-pack-details .newServiceInfo {
  background-color: #fff;
  padding: 0.05rem;
}
body #mainBody #gift-pack-details .ServiceInfo_title > div,
body #mainBody #exchange-gift-pack-details .ServiceInfo_title > div {
  width: 33.3%;
  border-right: 0.01rem solid #EEEEEE;
  background-color: #F2F8FF;
  color: #076ED8;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
}
body #mainBody #gift-pack-details .ServiceInfo_item > div,
body #mainBody #exchange-gift-pack-details .ServiceInfo_item > div {
  width: 33.3%;
  border-right: 0.01rem solid #EEEEEE;
  color: #535353;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .bgH,
body #mainBody #exchange-gift-pack-details .bgH {
  background-color: #F7F7F7;
}
body #mainBody #gift-pack-details .avtiveDate,
body #mainBody #exchange-gift-pack-details .avtiveDate {
  width: 84%;
  height: 0.3rem;
  margin-left: 7%;
  margin-top: 0.2rem;
  border: 0.01rem solid #E5E5E5;
  outline: none;
  text-align: center;
  color: #535353;
}
body #mainBody #gift-pack-details .activeImg1,
body #mainBody #exchange-gift-pack-details .activeImg1 {
  margin-top: 0.2rem;
}
body #mainBody #gift-pack-details .giftRanking,
body #mainBody #exchange-gift-pack-details .giftRanking {
  background-color: #fff;
  padding: 0rem 0.15rem;
  margin-bottom: 0.11rem;
}
body #mainBody #gift-pack-details .giftdetail,
body #mainBody #exchange-gift-pack-details .giftdetail {
  background-color: #fff;
  padding: 0.2rem 0.3rem;
}
body #mainBody #gift-pack-details .navigation,
body #mainBody #exchange-gift-pack-details .navigation {
  margin: 0.1rem 0 0.15rem 0;
}
body #mainBody #gift-pack-details .giftRankingItem,
body #mainBody #exchange-gift-pack-details .giftRankingItem {
  padding: 0.05rem 0 0.2rem 0;
  border-bottom: 0.01rem solid #E5E5E5;
  margin-bottom: 0.2rem;
}
body #mainBody #gift-pack-details .giftRankingItem p,
body #mainBody #exchange-gift-pack-details .giftRankingItem p {
  color: #7D7D7D;
  margin: 0;
}
body #mainBody #gift-pack-details .giftRankingItem > h2,
body #mainBody #exchange-gift-pack-details .giftRankingItem > h2 {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.05rem;
}
body #mainBody #gift-pack-details .giftRankingItem > p,
body #mainBody #exchange-gift-pack-details .giftRankingItem > p {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body #mainBody #gift-pack-details .giftRankingItem > div,
body #mainBody #exchange-gift-pack-details .giftRankingItem > div {
  margin-top: 0.1rem;
}
body #mainBody #gift-pack-details .giftRankingItem > div > p,
body #mainBody #exchange-gift-pack-details .giftRankingItem > div > p {
  width: 60%;
}
body #mainBody #gift-pack-details .giftRankingItem button,
body #mainBody #exchange-gift-pack-details .giftRankingItem button {
  outline: none;
  border: 0.02rem solid #076ED8;
  border-radius: 0.15rem;
  margin-left: 0.25rem;
  background-color: #fff;
  color: #076ED8;
  padding: 0.01rem 0.2rem;
}
body #mainBody #gift-pack-details .giftdetail_title,
body #mainBody #exchange-gift-pack-details .giftdetail_title {
  padding-bottom: 0.12rem;
  border-bottom: 0.01rem solid #E5E5E5;
}
body #mainBody #gift-pack-details .giftImg,
body #mainBody #exchange-gift-pack-details .giftImg {
  margin-right: 0.2rem;
  width: 1.3rem;
  height: 1.3rem;
}
body #mainBody #gift-pack-details .giftImg img,
body #mainBody #exchange-gift-pack-details .giftImg img {
  width: 100%;
}
body #mainBody #gift-pack-details .giftRule,
body #mainBody #exchange-gift-pack-details .giftRule {
  padding: 0.13rem 0;
  width: 60%;
}
body #mainBody #gift-pack-details .giftRule h1,
body #mainBody #exchange-gift-pack-details .giftRule h1 {
  font-weight: bold;
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
}
body #mainBody #gift-pack-details .giftRule p,
body #mainBody #exchange-gift-pack-details .giftRule p {
  color: #7D7D7D;
  margin: 0 0 0.05rem 0;
}
body #mainBody #gift-pack-details .giftdetail_title > p,
body #mainBody #exchange-gift-pack-details .giftdetail_title > p {
  color: #7D7D7D;
  margin: 0.15rem 0.2rem;
}
body #mainBody #gift-pack-details .giftdetail_title button,
body #mainBody #exchange-gift-pack-details .giftdetail_title 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 #mainBody #gift-pack-details .HotGift,
body #mainBody #exchange-gift-pack-details .HotGift {
  width: 24%;
  background-color: #fff;
  margin-right: 1%;
  margin-bottom: 0.15rem;
}
body #mainBody #gift-pack-details .HotGift img,
body #mainBody #exchange-gift-pack-details .HotGift img {
  width: 100%;
  height: 1.66rem;
}
body #mainBody #gift-pack-details .HotGift_title,
body #mainBody #gift-pack-details .exchange,
body #mainBody #exchange-gift-pack-details .HotGift_title,
body #mainBody #exchange-gift-pack-details .exchange {
  padding: 0.05rem 0.15rem 0 0.15rem;
}
body #mainBody #gift-pack-details .HotGift_title h2,
body #mainBody #exchange-gift-pack-details .HotGift_title h2 {
  margin: 0 0 0.05rem 0;
  font-size: 0.18rem;
  font-weight: bold;
}
body #mainBody #gift-pack-details .HotGift_title > div,
body #mainBody #exchange-gift-pack-details .HotGift_title > div {
  color: #aaa;
  padding-bottom: 0.05rem;
}
body #mainBody #gift-pack-details .HotGift_title > div > div,
body #mainBody #exchange-gift-pack-details .HotGift_title > div > div {
  margin-right: 0.2rem;
}
body #mainBody #gift-pack-details .HotGift_title button,
body #mainBody #exchange-gift-pack-details .HotGift_title button {
  width: 0.8rem;
  height: 0.25rem;
  border: 0;
  background-color: #076ED8;
  color: #fff;
  border-radius: 0.15rem;
  position: relative;
  bottom: 0.05rem;
  outline: none;
}
body #mainBody #gift-pack-details .integralTest div,
body #mainBody #exchange-gift-pack-details .integralTest div {
  margin: 0.2rem 0.1rem;
}
body #mainBody #gift-pack-details .integralTest i,
body #mainBody #exchange-gift-pack-details .integralTest i {
  display: inline-block;
  width: 0.03rem;
  height: 0.03rem;
  background-color: #7E7E7E;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  position: relative;
  top: 0.1rem;
  left: 0.1rem;
}
body #mainBody #gift-pack-details .integralTest p,
body #mainBody #exchange-gift-pack-details .integralTest p {
  color: #1B1B1B;
  margin: 0 0.8rem 0 0.2rem;
}
body #mainBody #gift-pack-details .integralTest button,
body #mainBody #exchange-gift-pack-details .integralTest button {
  width: 0.7rem;
  height: 0.23rem;
  outline: none;
  border: 0.02rem solid #076ED8;
  color: #076ED8;
  border-radius: 0.2rem;
  background-color: #fff;
}
body #mainBody #gift-pack-details .integralTest button.finision,
body #mainBody #exchange-gift-pack-details .integralTest button.finision {
  border: 0;
  background-color: #C9C9C9;
  color: #fff;
}
body #mainBody #gift-pack-details .integralTest,
body #mainBody #exchange-gift-pack-details .integralTest {
  padding-bottom: 0.01rem;
}
body #mainBody #gift-pack-details .jifen,
body #mainBody #exchange-gift-pack-details .jifen {
  color: #0C73D9;
  font-size: 0.2rem;
  font-weight: bold;
  margin-right: 0.08rem;
  position: relative;
  top: 0.02rem;
}
body #mainBody .data-submit-success {
  font-size: 0.16rem;
}
body #mainBody .forgot-security-question {
  font-size: 0.16rem;
}
body #mainBody .info-content-item-type-pic {
  width: 0.4rem;
}