@charset "utf-8";

/* 字体资源路径 */
/* @font-face {
    font-family: 'myFont';
    src: url('/assets/font/PingFangSC-Light.ttf');
    font-weight: normal;
    font-style: normal;
} */
/* 输入框获得焦点可弹出软键盘，却没有光标闪烁，也无法正常输入 */
*:not(input, textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

body {
  background: #0F1726;
  padding-bottom: 0.6rem;
  position: relative;
}

body .hide {
  display: none !important;
}

body .show {
  display: block !important;
}

.cl:after,
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cl,
.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right !important;
}

.members_opened_rgty {
  width: 55%;
  background: #0F1726;
  float: right;
  height: 0.5rem;
}

.c878C98 {
  color: #878C98 !important;
}

body .revisePassword {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  max-width: 1024px;
}

/* 热门游戏-首页 */
/* 轮播图 */

/* 热门游戏 */
.hotGame {
  width: 92%;
  margin: 0 auto;
}

.hotGameTitle {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  margin: 0 auto;
  padding: 0.15rem 0 0.1rem;
  background: #0F1726;
  z-index: 10;
  top: 1rem;
  left: 0;
}

.hotGameTitle span.red {
  color: #EB6F1F;
}

.hotGameList li {
  float: left;
  width: 24.2%;
  background: #151D34;
  border-radius: 0.1rem;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0.1rem 0;
  text-align: center;
  font-size: 0;
}

.hotGameList li:nth-child(4n) {
  margin-right: 0;
}

.hotGameList li img {
  width: 0.54rem;
  height: 0.54rem;
  margin: 0 auto 0.05rem;
  border-radius: 0.1rem;
}

.hotGameList li h5 {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotGameList li strong {
  display: block;
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878C98;
  text-align: center;
  font-weight: normal;
  margin-bottom: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotGameList li span.startDownload {
  width: 0.54rem;
  display: inline-block;
  font-size: 0.12rem;
  line-height: 1;
  padding: 0.05rem 0;
  border: 0.01rem solid #878C98;
  border-radius: 100px;
  text-align: center;
  background: #131D30;
  color: #878C98;
}

/* 最近在玩 */
.historyGameTitle {
  width: 92%;
  margin: 0 auto;
  font-size: 0.14rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  margin-top: 0.15rem;
  margin-bottom: 0.1rem;
}

.historyGameList {
  width: 100%;
  overflow: hidden;
}

.historyGameList ul {
  margin-left: 0.15rem;
}

.historyGameList li {
  float: left;
  width: 0.54rem;
  border-radius: 0.1rem;
  margin-right: 0.12rem;
  text-align: center;
}

.historyGameList li h5 {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #fff;
  text-align: center;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.historyGameList li img {
  border-radius: 0.1rem;
  width: 0.54rem;
  height: 0.54rem;
}

/* 广告 */
.advert {
  width: 92%;
  margin: 10px auto 10px;
  background: #18263C;
  border-radius: 10px;
  position: relative;
}

.advert img {
  border-radius: 0.1rem 0.1rem 0 0;
}

.advertGameName {
  font-size: 0.14rem;
  line-height: 1;
  color: #fff;
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.advert .cl .fl p {
  font-size: 0.12rem;
  line-height: 0.14rem;
  color: #878C98;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advert .cl .fl {
  margin-left: 0.8rem;
  width: 1.8rem;
}

.advert .cl span.advertBtn {
  width: 0.54rem;
  font-size: 0.12rem;
  line-height: 1;
  color: #878C98;
  border: 0.01rem solid #878C98;
  border-radius: 100px;
  padding: 0.05rem 0;
  text-align: center;
  background: #131D30;
  margin: 0.135rem 0.15rem 0 0;
}

.advert .cl span.advertBtn a {
  display: block;
  color: #878c98;
}

.advertIcon {
  width: 0.54rem;
  height: 0.54rem;
  position: absolute;
  top: 1.3rem;
  left: 0.15rem;
}

.advertIcon img {
  border-radius: 0.1rem;
}

/* 横版游戏列表 */
.GameList {
  width: 3.55rem;
  margin: 0 auto;
}

.GameListTxt {
  width: 2.61rem;
}

.GameList li {
  padding: 0.1rem;
  background: #151D34;
  border-radius: 0.1rem;
  margin-bottom: 0.05rem;
  position: relative;
}

.GameList li img.fl {
  width: 0.54rem;
  height: 0.54rem;
  margin-right: 0.1rem;
  border-radius: 0.1rem;
}

.GameList li h5 {
  width: 2rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.GameList li p.gameOnline,
.newgameLists li p.gameOnline {
  width: 1.8rem;
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878C98;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.02rem;
}

.GameList li .gameDesc {
  margin-top: 0.02rem;
  width: 1.8rem;
  height: 0.14rem;
  line-height: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.1rem;
  color: #878C98;
}

.GameList li .gameDesc span {
  color: #878C98 !important;
}

.GameList li .start {
  width: 0.54rem;
  font-size: 0.12rem;
  height: 0.24rem;
  line-height: 0.24rem;
  color: #fff;
  background: #EB6F1F;
  border-radius: 100px;
  /* padding: 0.06rem 0; */
  text-align: center;
  margin-top: 0.15rem;
  position: relative;
  overflow: hidden;
}

.GameList li i,
.newgameLists li i {
  display: inline-block;
  width: 0.01rem;
  height: 0.07rem;
  background: #878C98;
  margin: 0 0.01rem;
}

.GameList li span.red,
.newgameLists li span.red {
  color: #FE2A2A;
  margin-right: 0.03rem;
}

/*footer*/
.footer {
  background: #0F1726;
  border-top: 0.01rem solid #1B2340;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  height: 0.5rem;
  padding: 5px 0;
  max-width: 1024px;
  margin: 0 auto;
}

.footer li {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 0.1rem;
  height: 0.5rem;
  position: relative;
}

.footer li h5 {
  font-size: 0.1rem;
  color: #878C98;
}

.footer li.active h5 {
  color: #EB6F1F;
}

.footer li img {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  text-align: center;
  margin: 0 auto 3px;
}

.footer li a {
  display: block;
}

.weeklyLimit {
  position: absolute;
  top: 0.01rem;
  left: 2.6rem;
  width: 0.5rem;
  height: 0.14rem;
  background: #E32D38;
  color: #fff;
  font-size: 0.08rem;
  border-radius: 0 0.1rem 0;
  text-align: center;
  line-height: 1;
  padding: 0.03rem 0;
}

/* 游戏页面 */

.hotGame li p {
  font-size: 0.08rem;
  line-height: 0.13rem;
  color: #878C98;
  overflow: hidden;
  white-space: nowrap;
}

.hotGameTwo li strong {
  font-size: 0.08rem;
}

.hotGame li span.start {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  background: #EB6F1F;
  border-radius: 10px;
  padding: 3px 0.15rem;
  margin-top: 0.14rem;
}

.hotGame li i {
  display: inline-block;
  width: 1px;
  height: 0.07rem;
  background: #878C98;
  margin: 0 0;
}

.hotGame li span.red {
  color: #E54B53;
  font-size: 0.08rem;
  line-height: 0.12rem;
}

/* 商城 */
.integralStore {}

.integralStore .shopList {
  margin: 0 0.1rem 0.05rem;
  background: #151D34;
  padding: 0.1rem;
  border-radius: 0.1rem;
  position: relative;
}

.integralStore .shopList:nth-last-child(1) {
  margin-bottom: 0;
}

.integralStore .shopList .shopListTop {
  margin-bottom: 0.1rem;
}

.integralStore .shopList .shopListIcon {
  width: 0.54rem;
  height: 0.54rem;
  margin-right: 0.05rem;
  margin-left: 0.15rem;
  border-radius: 0.1rem;
}

.integralStore .shopList .shopListName {
  width: 2rem;
  height: 0.54rem;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #fff;
  overflow: hidden;
}

.integralStore .shopList .shopListCon {
  padding-top: 0.1rem;
}

.integralStore .shopList .shopListCon ul {
  display: flex;
}

.shopListCon .shopInfo {
  width: 0.75rem;
  margin-right: 0.1rem;
  float: left;
  text-align: center;
  position: relative;
}

.shopListCon .shopInfo .shop {
  font-size: 0.12rem;
  line-height: 0.18rem;
  text-align: center;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shopListCon .shopInfo .shopPrice {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878C98;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shopListCon .shopInfo .exchange {
  width: 0.54rem;
  margin: 0 auto;
  line-height: 1;
  background: #EB6F1F;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  margin-top: 0.05rem;
  font-size: 0.12rem;
  padding: 0.06rem 0;
}

.shopListCon .shopInfo .placing_no {
  width: 0.54rem;
  margin: 0 auto;
  margin-top: 0px;
  line-height: 1;
  text-align: center;
  background: #4B5263;
  color: #0F1726;
  border-radius: 100px;
  margin-top: 0.05rem;
  font-size: 0.12rem;
  padding: 0.06rem 0;
}

.shopListCon .shopInfo .exchangeAfter {
  background: #4B5263;
  color: #0F1726;
}

.myIntegral {
  width: 100%;
  position: fixed;
  font-size: 0;
  z-index: 10000;
  background: #0F1726;
  max-width: 1024px;
}

.integralStore .usableIntegral {
  text-align: center;
  padding: 0.2rem 0;
}

.integralStore .usableIntegral h5 {
  font-size: 0.12rem;
  text-align: center;
  color: #878C98;
  line-height: 0.2rem;
}

.integralStore .usableIntegral span {
  font-size: 0.28rem;
  text-align: center;
  color: #EB6F1F;
  line-height: 0.40rem;
}

.myIntegral .integralRule,
.myIntegral .toExchangeRecord {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #878C98;
}

.myIntegral .toExchangeRecord {
  color: #EB6F1F;
  right: 0.1rem;
  left: auto;
}

/* 积分规则 */
.rule {
  position: absolute;
  width: 2.7rem;
  height: 3.13rem;
  top: 50%;
  left: 50%;
  margin-top: -1.56rem;
  margin-left: -1.35rem;
  display: none;
  z-index: 100;
}

.rule .hint {
  height: 0.45rem;
  background: #161D35;
  border-radius: 0.1rem 0.1rem 0px 0px;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.45rem;
  color: #878C98;
  position: relative;
  font-weight: normal;
  padding-left: 0.45rem;
}

.rule .hint .close {
  float: right;
  width: 0.45rem;
  height: 0.45rem;
}

.rule .hint .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.rule .ruleLists {
  padding: 0.15rem 0.1rem;
  background: #0F1726;
}

.rule .ruleList {
  margin-bottom: 0.1rem;
}

.rule .ruleList:nth-last-child(1) {
  margin-bottom: 0;
}

.rule .ruleList h5 {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.18rem;
}

.rule .ruleList p {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.18rem;
}

/* 礼包页面绑定手机 */
.bindPhone {
  background: url(https://downcdn.44755.com/webimg/red_envelope.png) no-repeat center;
  margin: 0 0.1rem;
  position: relative;
  border-radius: 0.1rem;
  background-size: 100% 100%;
  margin-bottom: 0.1rem;
}

.bindPhoneHint {
  font-size: 0.1rem;
  line-height: 0.17rem;
  color: #fff;
  padding-bottom: 0.05rem;
  padding-top: 0.1rem;
  text-align: center;
}

.bindPhone .bindPhoneGift {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #fff;
  padding-bottom: 0.4rem;
  padding-top: 0.3rem;
  text-align: center;
}

.bindPhone .bindPhoneGift span {
  color: #FDD060;
  font-size: 0.22rem;
}

.bindPhone input {
  display: block;
  width: 2.92rem;
  height: 0.33rem;
  line-height: 0.14rem;
  padding: 0.095rem 0;
  border: 1px solid #f26566;
  border-radius: 0.1rem;
  background: #fff;
  color: #878C98;
  padding-left: 0.1rem;
  margin: 0 auto 0.1rem;
  font-size: 0.12rem;
}

.bindPhone .bindPhoneText {
  font-size: 0.1rem;
  line-height: 0.17rem;
  color: #fcd9d1;
  padding-bottom: 0.1rem;
  padding: 0 0.3rem 0.1rem;
}

.bindPhone .bindPhoneBtn {
  margin: 0 auto 0.1rem;
  width: 1.43rem;
  border-radius: 100px;
  background: #fecc44;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  line-height: 1;
  padding: 0.08rem 0;
  cursor: pointer;
}

.bindPhone .getGiftVerificationCode {
  position: absolute;
  top: 1.38rem;
  left: 2.38rem;
  width: 0.84rem;
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.12rem;
  color: #878C98;
  border-left: 1px solid #f26566;
  text-align: center;
  z-index: 10;
  cursor: pointer;
}

/* 礼包页面 */
.gift {
  padding: 0 0.1rem;
}

.giftList {
  padding: 0.1rem 0.1rem 0;
  background: #151D34;
  margin-bottom: 0.1rem;
  border-radius: 0.1rem;
}

.giftListTop {
  margin-bottom: 0.07rem;
}

.giftListTop img.giftGameIcon {
  width: 0.54rem;
  margin-right: 0.08rem;
  border-radius: 0.1rem
}

.giftListTop h5.giftGameName {
  width: 1.79rem;
  height: 0.54rem;
  overflow: hidden;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #fff;
}

.giftListTop span.startBtn {
  width: 0.54rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 1;
  color: #fff;
  padding: 0.06rem 0;
  background: #EB6F1F;
  border-radius: 100px;
  margin-top: 0.12rem;
}

.giftListCon {
  background: #151D34;
}

.giftListCon li {
  padding: 0.1rem 0;
  border-bottom: 1px solid #1B2340;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.giftListCon li:nth-last-child(1) {
  border-bottom: 0;
}

.giftListCon li .giftInfo {
  width: 2.7rem;
  font-size: 0;
}

.giftListCon .residueGift,
.giftListCon .updateTime,
.giftListCon .giftCon {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #878C98;
}

.giftListCon .updateTime,
.giftListCon .giftName,
.giftListCon .residueGift {
  display: inline-block;
}

.giftListCon .updateTime {
  margin-right: 0.05rem;
}

.giftListCon .giftName {
  font-size: 0.12rem;
  margin-right: 0.1rem;
  color: #fff;
}

.giftListCon .getBtn,
.shopListTop span.startBtn {
  width: 0.54rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #878C98;
  border: 0.01rem solid #878C98;
  border-radius: 100px;
  text-align: center;
  padding: 0.05rem 0;
  background: #131D30;
  cursor: pointer;
}

.shopListTop span.startBtn {
  margin-top: 0.15rem;
}

/* 点击领取礼包遮罩层 */
.maskLayer,
.maskLayer1,
.maskLayer2,
.maskLayer3,
.maskLayer4,
.maskLayer5 {
  display: none;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  max-width: 1024px;
  margin: 0 auto;
  z-index: 1000;
}

.maskLayer2 {
  display: block;
  opacity: 0;
  z-index: 1000000;
}

.maskLayer4 {
  display: none;
  opacity: 0;
  z-index: 1000000;
}

.maskLayer5 {
  z-index: 100000;
}

/* 获取礼包码 */
.getGiftCode {
  display: none;
  position: absolute;
  width: 2.53rem;
  height: 1.87rem;
  top: 50%;
  left: 50%;
  margin-top: -0.92rem;
  margin-left: -1.265rem;
}

.getGiftCode .hint {
  height: 0.32rem;
  background: #161D35;
  border-radius: 0.1rem 0.1rem 0px 0px;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.32rem;
  color: #878C98;
  position: relative;
  padding-left: 0.32rem;
  font-weight: normal;
}

.getGiftCode .hint .close {
  float: right;
  width: 0.32rem;
  height: 0.32rem;
}

.getGiftCode .hint .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.getGiftCode .GiftCodeBg {
  background: #0F1726;
  padding: 0 0.19rem 0.25rem;
}

.getGiftCode .GiftCode {
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
  padding: 0.25rem 0 0.12rem 0;
  font-weight: bold;
}

.getGiftCode #GiftCodeInput {
  opacity: 1;
  height: 0;
  width: 0;
  position: absolute;
  top: -1000000px;
}

.getGiftCode .GiftCodeHint {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878C98;
}

.getGiftCode .copyGiftCode {
  display: block;
  font-size: 0.14rem;
  line-height: 0.34rem;
  color: #fff;
  text-align: center;
  background: #DE6A1F;
  border-radius: 0px 0px 0.1rem 0.1rem;
}

.alertMsg {
  width: 2.53rem;
  height: 0.45rem;
  line-height: 0.45rem;
  position: fixed;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  background: #333;
  border-radius: 0.05rem;
  opacity: 0;
  top: 50%;
  margin-top: -0.225rem;
  left: 50%;
  margin-left: -1.265rem;
  z-index: 100000;
  display: none;
}

/* 我的礼包 */
.myGift {
  background: #151D34;
  padding: 0.1rem 0.15rem;
  border-radius: 0.1rem 0.1rem 0 0;
}

.giftList:nth-child(0) {
  border-radius: 0 0 0.1rem 0.1rem;
}

.myGift span {
  float: right;
  width: 0.85rem;
  text-align: center;
  line-height: 1;
  border: 1px solid #878C98;
  border-radius: 100px;
  color: #878C98;
  font-size: 0.12rem;
  padding: 0.05rem 0;
  background: #131D30;
}

.myGiftCon {
  background: #151D34;
  position: relative;
  /* padding-top: 0.1rem; */
}

/* .myGiftCon .myGiftCongoBank{
    padding: 0.1rem;
}
.myGiftCon .myGiftCongoBank span{
    float: right;
    width: 0.54rem;
    line-height: 1;
    border: 1px solid #878C98;
    border-radius: 100px;
    font-size: 0.12rem;
    color: #878C98;
    text-align: center;
    padding: 0.05rem 0;
    background: #131D30;
} */
.myGiftCon .myGiftLists {
  padding: 0.1rem 0.1rem 0;
}

.myGiftCon .myGiftLists .myGiftList {
  padding: 0.1rem;
  border-top: 1px solid #1B2340;
  display: flex;
  justify-content: center;
  align-items: center;
}

.myGiftCon .myGiftList .myGiftInfo {
  width: 2.5rem;
}

.myGiftCon .myGiftList .myGiftName {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.17rem;
}

.myGiftCon .myGiftList .getTime,
.myGiftCon .myGiftList .residueGift,
.myGiftCon .giftName {
  font-size: 0.12rem;
  line-height: 0.17rem;
  color: #878C98;
}

.myGiftList .getTime,
.myGiftCon .giftName {
  display: inline-block;
}

.myGiftCon .giftName {
  margin-right: 0.2rem;
}

.myGiftCon .myGiftList .copyBtn {
  width: 0.82rem;
  height: 0.24rem;
  line-height: 1;
  border: 2px solid #4B5263;
  border-radius: 100px;
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  padding: 0.04rem 0;
}

/* 个人中心页面 */
.personalInfo {
  width: 3.55rem;
  margin: 0.2rem auto 0.1rem;
  font-size: 0;
}

.personalInfo .personalInfoId {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #878C98;
}

.personalInfo .headPortrait {
  width: 0.54rem;
  margin-right: 0.1rem;
  border-radius: 100px;
}

.personalInfo .personalInfoName {
  font-size: 0.22rem;
  line-height: 0.24rem;
  color: #fff;
  width: 2rem;
  height: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personalInfo .personalInfoName .personalInfoName1 {
  display: inline-block;
  max-width: 1.4rem;
  height: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personalInfo .personalInfoName .gangIcon {
  display: inline-block;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.12rem;
  color: #Eb6f1f;
  text-align: center;
  background: none;
  border: 0.01rem solid #Eb6f1f;
  border-radius: 1rem;
  margin-left: 0.05rem;
  position: relative;
  overflow: hidden;
}

.personalInfo .switchAccount {
  display: inline-block;
}

.personalCenterBox {
  float: left;
  position: relative;
}

.personalInfo .personalCenter,
.personalInfo .getMoney,
.personalInfo .switchAccount {
  width: 0.85rem;
  height: 0.24rem;
  line-height: 1;
  border: 0.01rem solid #878C98;
  border-radius: 100px;
  text-align: center;
  font-size: 0.12rem;
  color: #878C98;
  padding: 0.05rem 0;
  margin-top: 0.12rem;
}

.identification {
  font-size: 0;
  background: url(../images/membership_huiyuanbiaoshi.png) center no-repeat;
  background-size: 0.18rem 0.18rem;
  display: inline-block;
  display: inline-block;
  margin-top: 0.05rem;
  width: 0.18rem;
  margin-left: 0.05rem;
  height: 0.18rem;
}

.identification1 {
  font-size: 0;
  background: url(../images/member_half.png) center no-repeat;
  background-size: 0.3rem 0.18rem;
  display: inline-block;
  margin-top: 0.07rem;
  width: 0.3rem;
  margin-left: 0.05rem;
  height: 0.18rem;
}

.identification2 {
  font-size: 0;
  background: url(../images/member_whole.png) center no-repeat;
  background-size: 0.3rem 0.18rem;
  display: inline-block;
  margin-top: 0.07rem;
  width: 0.3rem;
  margin-left: 0.05rem;
  height: 0.18rem;
}

.personalInfo .personalCenter {
  width: 0.54rem;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  margin-left: -0.32rem;
  background: #151D34;
}

.personalInfo .getMoney {
  width: 0.6rem;
  text-align: left;
  margin-top: 0;
  background: url(https://downcdn.44755.com/webimg/UseOperatiomTitleJiantouW.png) no-repeat 0.45rem center #EB6F1F;
  background-size: auto 0.09rem;
  padding-left: 0.13rem;
  border-color: #EB6F1F;
  color: #fff;
}

/* 现金金额 积分金额 */
.moneyIntegral {
  padding: 0.1rem 0;
}

.moneyIntegral .money,
.moneyIntegral .integral,
.moneyIntegral .discountCoupon {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  font-size: 0;
}

.moneyIntegral .money .extractHint,
.moneyIntegral .integral .exchangeHint,
.discountCoupon .integral .exchangeHint {
  width: 0.4rem;
  height: 0.16rem;
  line-height: 1;
  position: absolute;
  top: -0.05rem;
  right: -0.1rem;
  font-size: 0.1rem;
  color: #fff;
  text-align: center;
  background: #E32D38;
  border-radius: 0.03rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.moneyIntegral .money .extractHint::before,
.moneyIntegral .integral .exchangeHint::before {
  content: "";
  width: 0;
  height: 0;
  border: 0.03rem solid #EB6F1F;
  border-color: transparent #EB6F1F transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: -0.05rem;
}

.moneyIntegral .money .moneyNum_span1,
.moneyIntegral .integral .integralNum_span1,
.moneyIntegral .discountCoupon .discountCouponNum_span1 {
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: #fff;
}

.moneyIntegral .moneyNum .moneyNum_span2,
.moneyIntegral .integralNum .integralNum_span2,
.moneyIntegral .discountCouponNum .discountCouponNum_span2 {
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #fff;
}

.moneyIntegral .money .moneyState,
.moneyIntegral .integral .integralState,
.moneyIntegral .money .moneyState,
.moneyIntegral .integral .integralState,
.moneyIntegral .discountCoupon .discountCouponState {
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #878C98;
}

.moneyIntegralLine {
  float: left;
  width: 0.01rem;
  height: 0.15rem;
  background: #1B2340;
  margin-top: 0.15rem;
}

/* 功能菜单 */
.gongNengMenu {
  width: 3.55rem;
  /* height: 0.85rem; */
  margin: 0.1rem auto 0;
  background: #151D34;
  border-radius: 0.1rem;
  padding-top: 0.12rem;
}

.gongNengMenu .gongNengMenulist {
  width: 25%;
  text-align: center;
  float: left;
  padding-bottom: 0.12rem;
  position: relative;
}

.gongNengMenu .gongNengMenulist i {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  border-radius: 100px;
}

.gongNengMenu .gongNengMenulist p {
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #878C98;
  margin-top: 0.05rem;
}

/* 签到 */
.signIn {
  width: 3.55rem;
  height: 1.2rem;
  border-radius: 0.1rem;
  background: #151D34;
  margin: 0.1rem auto 0;
  position: relative;
}

.signIn ul {
  padding: 0.1rem 0.05rem 0;
}

.signIn li {
  flex: 1;
  float: left;
  margin: 0 0.045rem;
  position: relative;
}

.signIn li .signInAward {
  /* width: 0.4rem; */
  height: 0.4rem;
  font-size: 0.1rem;
  line-height: 0.4rem;
  text-align: center;
  border-radius: 100px;
  background: #3C3A55;
  color: #FDD060;
  margin:  0 auto;
}

.signIn li .colorRed {
  color: #f45d5c;
}

.signIn li .signInAwardComplete {
  position: absolute;
  top: 0.26rem;
  left: 0.12rem;
  width: 0.16rem;
  height: 0.16rem;
  background: url(https://downcdn.44755.com/webimg/signin_award_complete.png) no-repeat center;
  background-size: 100%;
}

.signIn li .signInAward span {
  font-size: 0.09rem;
  color: #FDD060;
}

.signIn li .daysNum {
  font-size: 0.11rem;
  line-height: 0.18rem;
  color: #878C98;
  text-align: center;
  padding-top: 0.05rem;
  padding-bottom: 0.1rem;
}

.signIn .signInBtn {
  width: 1.07rem;
  height: 0.28rem;
  line-height: 1;
  border-radius: 0.2rem;
  background: #EB6F1F;
  font-size: 0.12rem;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: 0.08rem 0;
}

.signIn .continuous {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.12rem;
  color: #878C98;
  position: absolute;
  bottom: 0.1rem;
  right: 0.2rem;
}

/* 任务 */
.mission .everydayMission,
.mission .dailyMission {
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #fff;
  padding: 0.1rem;
  font-weight: normal;
}

.missionList {
  padding: 0.1rem;
  background: #151D34;
}

.missionList .missionCon .missionCon1 {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
}

.missionList .missionCon2 .missionPlanBox {
  position: relative;
  display: inline-block;
  width: 0.91rem;
  height: 0.14rem;
  border-radius: 100px;
  background: #0F1726;
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #fff;
  text-align: center;
  margin-right: 0.05rem;
}

.missionList .missionPlanBox .missionPlan {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.91rem;
  height: 0.14rem;
  border-radius: 100px;
}

.missionList .missionPlanBox span {
  position: relative;
  z-index: 10;
}

.missionList .missionCon2 .missionAward {
  position: relative;
  font-size: 0.12rem;
  color: #FDD060;
  line-height: 0.14rem;
  /* margin-left: 0.05rem; */
}

.mission .missionList .missionBtn,
.mission .missionList .missionBtn1 {
  width: 0.54rem;
  line-height: 1;
  height: 0.24rem;
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  border: 2px solid #878C98;
  border-radius: 100px;
  margin-top: 0.08rem;
  padding: 0.04rem 0;
}

.mission .complete .missionPlan {
  background: #EB6F1F;
}

.mission .alreadyGet .missionPlan {
  background: #EB6F1F;
}

.mission .complete .missionBtn {
  background: #EB6F1F;
  border-color: #EB6F1F;
  color: #fff;
}

.mission .alreadyGet .missionBtn {
  background: #4B5263;
  border-color: #4B5263;
  color: #0F1726;
}

.mission .completeMoreMission .missionPlan {
  width: 50%;
  background: #EB6F1F;
}

/* 用户操作 */
.UseOperatiom {
  width: 92%;
  margin: 0 auto;
}

.UseOperatiom .UseOperatiomList {
  padding: 0.16rem 0.15rem;
  background: #161D35;
  border-radius: 0.1rem;
  margin-bottom: 0.05rem;
  font-size: 0;
}

.UseOperatiomList a {
  display: block;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon {
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.12rem;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon1 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon_02.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon2 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon_05.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon3 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon_03.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon4 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon_04.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiomIcon5,
.UseOperatiomIcon6,
.UseOperatiomIcon7,
.UseOperatiomIcon8， .UseOperatiomIcon9 {
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.12rem;
}

.nowhome {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.4rem;
  float: left;
  clear: both;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon5 {
  background: url(../images/version.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon9 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon9.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon6 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon6-woman.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon7 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon7.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon8 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon8.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon10 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon10.png) no-repeat top left;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon11 {
  background: url(https://downcdn.44755.com/webimg/UseOperatiomIcon11.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon12 {
  background: url(https://downcdn.44755.com/webimg/website.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList .UseOperatiomIcon13 {
  background: url(https://downcdn.44755.com/webimg/gwset.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseOperatiomList div.fl {
  width: 2.65rem;
}

.UseOperatiom .UseOperatiomList .UseOperatiomTitle {
  font-size: 0.16rem;
  line-height: 0.225rem;
  color: #fff;
}

.UseOperatiom .UseOperatiomList .jiFen {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #fff;
}

.UseOperatiomTitleJiantou {
  width: 0.05rem;
  height: 0.22rem;
  background: url(https://downcdn.44755.com/webimg/UseOperatiomTitleJiantou.png) no-repeat center;
  background-size: 100%;
}

.UseOperatiom .UseGoBack {
  width: 1.28rem;
  height: 0.3rem;
  text-align: center;
  margin: 0.2rem auto 0;
  background: #EB6F1F;
  border-radius: 100px;
}

.UseOperatiom .UseGoBack a {
  display: block;
  color: #fff;
  line-height: 0.3rem;
  font-size: 0.12rem;
}

/* 修改密码 */
.goBack {
  font-size: 0.16rem;
  line-height: 0.16rem;
  text-align: center;
  color: #fff;
  padding: 0.13rem 0.17rem 0.13rem;
  background: url(https://downcdn.44755.com/webimg/go_bank.png) 0.17rem center no-repeat #0F1726;
  background-size: auto 0.16rem;
}

.useId {
  font-size: 0.16rem;
  line-height: 0.16rem;
  color: #D1D1D1;
  padding: 0.15rem 0.17rem 0.14rem 0.43rem;
  background: url(https://downcdn.44755.com/webimg/use_id_bg.png) no-repeat 0.17rem center #161D35;
  background-size: auto 0.18rem;
}

.usePasswordOldNew {
  margin-top: 0.15rem;
  position: relative;
}

.usePasswordOldNew li {
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.45rem;
  height: 0.45rem;
  background: url(https://downcdn.44755.com/webimg/old_password.png) no-repeat 0.17rem center #161D35;
  border: none;
  border-bottom: 1px solid #1B2340;
  padding: 0 0.43rem;
  background-size: auto 0.18rem;
}

.usePasswordOldNew input {
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.2rem;
  height: 0.2rem;
  border: none;
  color: #D1D1D1;
  background-size: auto 0.18rem;
  background: #161D35;
}

.usePasswordOldNew .usePasswordNew {
  background: url(https://downcdn.44755.com/webimg/new_password.png) no-repeat 0.17rem center #161D35;
  background-size: auto 0.18rem;
}

.usePasswordOldNew input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #D1D1D1;
}

.usePasswordOldNew input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #D1D1D1;
}

.usePasswordOldNew input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #D1D1D1;
}

.usePasswordOldNew input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #D1D1D1;
}

.revisePasswordSubmit {
  font-size: 0.16rem;
  line-height: 0.45rem;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  background: #EB6F1F;
  border-radius: 0.1rem;
  color: #fff;
  margin-top: 0.2rem;
}

/* 绑定手机 */
.getVerificationCode {
  font-size: 0.12rem;
  line-height: 0.46rem;
  color: #EB6F1F;
  position: absolute;
  top: 0.45rem;
  right: 0.17rem;
  z-index: 10000;
  background: #161D35;
}

.inputPhone {
  background: url(https://downcdn.44755.com/webimg/input_phone.png) no-repeat 0.17rem center #161D35 !important;
  background-size: auto 0.18rem !important;
}

.verificationCode {
  background: url(https://downcdn.44755.com/webimg/verification_code.png) no-repeat 0.17rem center #161D35 !important;
  background-size: auto 0.18rem !important;
}

.verificationCode input {
  width: 88%;
}

/* 实名认证 */
.attestationTips {
  padding: 0 0.17rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #A4A4A4;
}

.attestationTipsCon {
  text-indent: 2em;
}

.useName {
  background: url(https://downcdn.44755.com/webimg/use_id_bg.png) no-repeat 0.17rem center #161D35 !important;
  background-size: auto 0.18rem !important;
}

.useIdCard {
  background: url(https://downcdn.44755.com/webimg/use_idcard.png) no-repeat 0.17rem center #161D35 !important;
  background-size: 0.17rem auto !important;
}

/* 客服 */
.customerServiceBtn ul {
  width: 55%;
  margin: 0 auto;
}

.customerServiceBtn li {
  float: left;
  width: 50%;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #fff;
  padding: 0.09rem 0;
  border: 1px solid #4B5263;
  text-align: center;
}

.customerServiceBtn li:nth-child(1) {
  border-right: 0;
  border-radius: 5px 0 0 5px;
}

.customerServiceBtn li:nth-child(2) {
  border-radius: 0 5px 5px 0;
}

.customerServiceBtn li.active {
  background: #141F35;
}

.customerServiceCon .lianxi {
  display: none;
  padding: 0 0.17rem;
}

.customerServiceCon .lianxi h5 {
  font-size: 0.15rem;
  line-height: 0.43rem;
  font-weight: 600;
  color: #D1D1D1;
}

.customerServiceCon .lianxi p {
  font-size: 0.13rem;
  line-height: 0.28rem;
  color: #D1D1D1;
}

.customerServiceCon .lianxi img {
  width: 36%;
  margin: 0 auto;
  margin-top: 0.15rem;
}

.wenti {
  width: 92%;
  margin: 0 auto;
  background: #161D35;
  margin-top: 0.13rem;
}

.wenti li {
  padding: 0 0.1rem;
  border-bottom: 1px solid #131C2E;
}

.wenti li:nth-child(1) {
  border-bottom: 0;
}

.wenti li h5 {
  font-size: 0.13rem;
  height: 0.43rem;
  line-height: 0.43rem;
  color: #D1D1D1;
}

.wenti li i {
  float: left;
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.07rem;
  margin-top: 0.125rem;
}

.wenti li i.kefuWentiIcon1 {
  background: url(../images/kefu_wenti_icon1.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon2 {
  background: url(../images/kefu_wenti_icon2.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon3 {
  background: url(../images/kefu_wenti_icon3.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon4 {
  background: url(../images/kefu_wenti_icon4.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon5 {
  background: url(../images/kefu_wenti_icon5.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon6 {
  background: url(../images/kefu_wenti_icon6.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon7 {
  background: url(../images/kefu_wenti_icon7.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon8 {
  background: url(../images/kefu_wenti_icon8.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon9 {
  background: url(../images/kefu_wenti_icon9.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon10 {
  background: url(../images/kefu_wenti_icon10.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon11 {
  background: url(../images/kefu_wenti_icon11.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon12 {
  background: url(../images/kefu_wenti_icon12.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li i.kefuWentiIcon13 {
  background: url(../images/kefu_wenti_icon13.png) no-repeat center;
  background-size: 100% auto;
}

.wenti li h5 span {
  float: right;
  width: 0.13rem;
  height: 0.43rem;
  line-height: 0.43rem;
  background: url(../images/kefu_wenti_down_jiantou.png) no-repeat center;
  background-size: 100%;
  transition: all 0.5s linear;
}

.wenti li h5 span.active {
  transform: rotate(180deg);
  transition: all 0.5s linear;
}

.wenti li div {
  font-size: 0.12rem;
  color: #D1D1D1;
  line-height: 0.24rem;
  display: none;
  background: #141F35;
}

.wenti li div p {
  font-size: 0.12rem;
  color: #D1D1D1;
  line-height: 0.24rem;
  background: #141F35;
}

/* 提现到微信 */
.ruleState,
.save {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.12rem;
  line-height: 1;
  color: #Eb6f1f;
  padding: 0.15rem;
}

.moneyNumber {
  padding-bottom: 0.1rem;
}

.allMoney {
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  line-height: 0.16rem;
}

.allMoneyNum {
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 0.7rem;
}

.withdrawDeposit {
  padding: 0.1rem 0.14rem 0;
  background: #151D34;
  position: absolute;
  top: 1.53rem;
  bottom: 0;
}

.wxWithdrawDeposit {
  font-size: 0.16rem;
  color: #878C98;
  line-height: 1;
  background: url(../images/weixin.png) no-repeat left center;
  background-size: auto 100%;
  padding: 0 0 0.02rem 0.27rem;
  margin-bottom: 0.1rem;
}

.wxWithdrawDeposit .wxBindStatus {
  font-size: 0.14rem;
  color: #878C98;
  line-height: 0.18rem;
}

.withdrawDeposit>ul li {
  float: left;
  width: 1.11rem;
  height: 0.68rem;
  border: 1px solid #878C98;
  border-radius: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.68rem;
  text-align: center;
  margin-right: 0.07rem;
  margin-bottom: 0.1rem;
}

.withdrawDeposit>ul li.active {
  background: #fff;
  border-color: #fff;
}

.withdrawDeposit>ul li:nth-child(3n) {
  margin-right: 0;
}

.withdrawDeposit>ul li span {
  color: #E54B53;
}

.withdrawDeposit ul li:first-child {
  position: relative;
}

.inviteFriends {
  width: 2.8rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  line-height: 1;
  font-size: 0.16rem;
  padding: 0.145rem 0;
  background: #EB6F1F;
  border-radius: 100px;
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  margin-left: -1.4rem;
}

.newPeople {
  width: 0.5rem;
  height: 0.14rem;
  position: absolute;
  top: -0.02rem;
  right: -0.03rem;
  line-height: 1;
  font-size: 0.1rem;
  color: #fff;
  background: #F6727A;
  text-align: center;
  padding: 0.02rem 0;
}

.know {
  height: 0.45rem;
  background: #131D30;
  text-align: center;
  line-height: 0.45rem;
  color: #EB6F1F;
  font-size: 0.16rem;
  border-radius: 0 0 0.1rem 0.1rem;
}

.ruleStateCon .ruleLists {
  padding: 0.1rem;
  height: 2.2rem;
  overflow-y: scroll;
  font-size: 0.12rem;
  color: #878C98;
}

.ruleStateCon .ruleList {
  margin-bottom: 0.1rem;
}

/* 收益记录 */
.earningsNumber {
  padding: 0 0.15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.earningsNumber .allEarningsTitle {
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.18rem;
}

.earningsNumber .allEarningsNum {
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #fff;
}

.earningsNumber .goWithdraw a {
  display: block;
  width: 0.85rem;
  height: 0.35rem;
  border: 2px solid #878C98;
  border-radius: 100px;
  text-align: center;
  font-size: 0.14rem;
  line-height: 1;
  color: #878C98;
  background: #131D30;
  padding: 0.085rem 0;
}

.earningsLists {
  width: 100%;
  background: #151D34;
  position: absolute;
  top: 1.1rem;
  bottom: 0;
}

.earningsLists .noEarningsMoney {
  font-size: 0.16rem;
  text-align: center;
  color: #707070;
}

.earningsLists .earningsListsHint {
  font-size: 0.12rem;
  color: #878C98;
  padding: 0.1rem 0 0.1rem 0.15rem;
  border: 1px solid #1B2340;
}

.earningsLists .earningsListTabBtn li {
  width: 33.33%;
  float: left;
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  padding: 0.11rem;
}

.earningsLists .earningsListTabBtn li.active {
  color: #E54B53;
}

.earningsLists .earningsListTabBtn li.active span {
  border-bottom: 1px solid #E54B53;
  padding: 0.1rem;
}

.earningsLists .earningsListsTitle {
  font-size: 0.16rem;
  border-bottom: 1px solid #1B2340;
  color: #878C98;
  line-height: 1;
  padding: 0.1rem 0.15rem;
}

.earningsLists .earningsListTabCon {
  overflow: hidden;
}

.earningsLists .earningsListTabCon ul {
  display: none;
  overflow-y: scroll;
}

.earningsLists .earningsList {
  height: 0.64rem;
  border-bottom: 1px solid #1B2340;
  padding: 0.1rem 0.15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.earningsLists .earningsSourceTime .earningsSource {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.22rem;
  margin-bottom: 0.05rem;
}

.earningsLists .earningsSourceTime .earningsTime {
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.16rem;
}

.earningsLists .earningsList .earningExpenditure {
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #E54B53;
  text-align: center;
}

.earningsLists .earningsList .earningExpenditure .noPay {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #F45D5C;
  display: block;
}

.earningsLists .earningsList .earningExpenditure .alreadyPay {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #878C98;
  display: block;
}

.earningsLists .earningsList .earningExpenditure .payMoney {
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #1EC622;
  display: block;
}

.earningsLists .wxShare {
  margin-top: 0.05rem;
}

.earningsLists .wxShare .addUpEarnings {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #878C98;
  text-align: center;
}

.earningsLists .wxShare .addUpEarnings span {
  color: #E54B53;
}

.wxShareBtn {
  width: 2.8rem;
  height: 0.45rem;
  background: url(../images/wx_share.png) no-repeat 0.93rem center #6EC129;
  background-size: 0.24rem auto;
  font-size: 0.16rem;
  line-height: 1;
  padding: 0.145rem 0 0.145rem 1.24rem;
  margin: 0 auto;
  border-radius: 100px;
  margin-top: 0.05rem;
  color: #fff;
}

/* 邀请好友 */
.flipHint {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: url(../images/flip_hint1.png) no-repeat center;
  background-size: 100% 100%;
  display: none;
  z-index: 10000000;
}

.marquee {
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  background: #e66055;
  text-align: center;
  position: fixed;
  top: 0.4rem;
  max-width: 1024px;
}

.marquee .swiper-wrapper {
  transition-timing-function: linear;
}

.marquee .marqueeCon {
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.3rem;
  width: 100%;
  overflow: hidden;
  padding: 0 0.1rem;
}

.marquee .marqueeCon .trumpet {
  width: 0.12rem;
  display: inline-block;
  margin-right: 0.05rem;
}

.marquee .marqueeCon span {
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* .inviteFriendsBg {
    background: url(https://downcdn.44755.com/webimg/invite_friends_bg.jpg) no-repeat top center #f35b4d;
    background-size: 100% auto;
    padding-top: 1.65rem;
    position: relative;
    margin-top: 0.7rem;
} */
.inviteFriendsBg {
  background: #fff;
  background-size: 100% auto;
  /* padding-top: 3.175rem; */
  position: relative;
  /* margin-top: 0.7rem; */
}

.InviteAwardRule {
  width: 3.4rem;
  height: 3.86rem;
  background: #fef9f1;
  margin: 0 auto;
  border-radius: 0.1rem;
  box-shadow: 0px 0px 18px 0px rgba(202, 21, 16, 0.8);
  padding-top: 0.15rem;
}

.awardMoney {
  width: 3.15rem;
  height: 1.82rem;
  background: url(../images/award_money.png) no-repeat center;
  background-size: 3.15rem 1.82rem;
  margin: 0 auto 0.1rem;
}

.awardMoneyT1 {
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #ffe95e;
  padding: 0.15rem 0 0.1rem;
  text-align: center;
}

.awardMoneyT2 {
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #fff;
  padding-bottom: 0.4rem;
  text-align: center;
}

.awardMoneyB1,
.awardScaleT {
  font-size: 0.12rem;
  padding-left: 0.24rem;
  color: #b06c2b;
}

.awardMoneyB2,
.awardScaleB {
  height: 0.3em;
  font-size: 0;
  text-align: center;
}

.awardMoneyB2 span:nth-child(1) {
  display: inline-block;
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #fd4527;
  font-weight: bold;
}

.awardMoneyB2 span:nth-child(2) {
  display: inline-block;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #fd4527;
  font-weight: bold;
}

.awardMoneyB2 span:nth-child(3) {
  display: inline-block;
  font-size: 0.15rem;
  line-height: 0.15rem;
  color: #b06c2b;
  font-weight: bold;
}

.awardScale {
  width: 3.15rem;
  height: 0.97rem;
  background: url(../images/award_scale.png) no-repeat center;
  background-size: 3.15rem 0.97rem;
  margin: 0 auto 0.15rem;
  padding-top: 0.2rem;
}

.awardScaleB span:nth-child(2) {
  display: inline-block;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #fd4527;
  font-weight: bold;
}

.awardScaleB span:nth-child(1),
.awardScaleB span:nth-child(3) {
  display: inline-block;
  font-size: 0.15rem;
  line-height: 0.15rem;
  color: #b06c2b;
  font-weight: bold;
}

.InviteAwardB {
  width: 3.4rem;
  height: 1.2rem;
  /* background: #fef9f1; */
  margin: 0 auto;
  border-radius: 0.1rem;
  /* box-shadow: 0px 0px 18px 0px rgba(202, 21, 16, 0.8); */
  padding: 0.15rem 0;
}

/* .InviteNumber {
    border-right: 0.01rem solid #f7e8dd;
} */

.InviteNumber,
.monerNumber,
.integralNumber {
  width: 1.1rem;
  text-align: center;
  float: left;
  height: 0.75rem;
}

.InviteNumber span,
.monerNumber span,
.integralNumber span {
  display: block;
  font-size: 0.14rem;
  color: #878c98;
  line-height: 0.35rem;
}

.InviteNumber .InviteNumber_span2,
.monerNumber .monerNumber_span2,
.integralNumber .integralNumber_span2 {
  color: #dd4f54;
}

.InviteNumber span:nth-child(2),
.monerNumber span:nth-child(2),
.integralNumber span:nth-child(2) {
  font-size: 0.24rem;
}

/*.promptlyMakeMoney {
    /* width: 1.9rem;
    height: 0.44rem;
    background: -webkit-linear-gradient(top,#fdd64b,#fb9f34);/* Safari 5.1 - 6.0 */
/*background: -o-linear-gradienttop(#fdd64b,#fb9f34); /* Opera 11.1 - 12.0 */
/*background: -moz-linear-gradient(#fdd64b,#fb9f34); /* Firefox 3.6 - 15 */
/*background: linear-gradient(top,#fdd64b,#fb9f34); /* 标准的语法 */
/*border-radius: 100px;
    margin: 0 auto 0.1rem;
    font-size: 0.16rem;
    line-height: 1;
    padding: 0.14rem 0;
    text-align: center;
    color: #fff;
    box-shadow: 0px 0.02rem 0.04rem #742c53;
    border-bottom: 0.03rem solid rgba(216, 119, 37, 0.9);
    text-shadow: 0.01rem 0 0 #c3954a; */
/*width: 2.6rem;
    height: 0.5rem;
    margin: 0 auto;
    -webkit-animation: free_download 0.3s linear alternate infinite;
    animation: free_download 0.3s linear alternate infinite;
}*/
.promptlyMakeMoney {
  width: 3.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0 auto;
  border-radius: 0.05rem;
  background: #da3125;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
}

/* .promptlyMakeMoneyFixed {
    position: fixed;
    bottom: 0.1rem;
    display: none;
    top: inherit;
    left: 50%;
    margin-left: -1.3rem;
    z-index: 100;
}

@-webkit-keyframes free_download {
    0% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes free_download {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
} */

/* 公用标题样式 */
/* .inviteFriendsTitle{
    position: relative;
    margin-bottom: 0.1rem;
    height: 0.15rem;
}
.inviteFriendsTitle h5{
    font-size: 0.15rem;
    color: #b06c2b;
    text-align: center;
    line-height: 0.15rem;
    padding: 0.15rem 0;
    z-index: 10;
    font-weight: bold;
    background: url(../images/invite_friends_title.png) no-repeat center;
    background-size: 1.5rem 0.16rem;
}
.inviteFriendsTitle i{
    width: 1.55rem;
    height: 0.01rem;
    background: #878C98;
    position: absolute;
    top: 0.075rem;
    left: 50%;
    margin-left: -0.775rem;
}
.makeMoneyRule .makeMoneyRuleConTop{
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    font-size: 0;
    margin-bottom: 0.2rem;
}
.makeMoneyRule .makeMoneyRuleConList{
    width: 1.02rem;
    height: 0.7rem;
    background: #ff6849;
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.12rem;
    color: #fff;
    float: left;
    display: flex;
    align-items: center;
    padding: 0 0.1rem;
}
.makeMoneyRuleCon .arrowsRight{
    float: left;
    width: 0.08rem;
    height: 0.14rem;
    background: url(../images/arrows_right.png) no-repeat center;
    background-size: 100%;
    margin: 0 0.1rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottom{
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl{
    width: 33.33%;
    font-size: 0;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe,
.makeMoneyRuleCon .makeMoneyRuleConBottomA,
.makeMoneyRuleCon .makeMoneyRuleConBottomB{
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.line{
    display: inline-block;
    width: 0.3rem;
    height: 0.02rem;
    position: relative;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.square{
    width: 0.04rem;
    height: 0.02rem;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0.04rem;
    z-index: 10;
}
.bgFbb508{
    background: #fbb508;
}
.bgF68c05{
    background: #f68c05;
}
.bgF34e1e{
    background: #f34e1e;
}
.mr5{
    margin-right: 0.05rem;
}
.ml5{
    margin-left: 0.05rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe span,
.makeMoneyRuleCon .makeMoneyRuleConBottomA span,
.makeMoneyRuleCon .makeMoneyRuleConBottomB span{
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    font-size: 0.15rem;
    line-height: 0.3rem;
    color: #fff;
    text-align: center;
    border-radius: 100px;
}
.bottomATxt h5,.bottomBTxt h5{
    font-size: 0.15rem;
    color: #878c98;
    font-weight: normal;
    text-align: center;
}
.bottomATxt p,.bottomBTxt p{
    font-size: 0.12rem;
    color: #878c98;
    font-weight: normal;
    text-align: center;
    line-height: 0.22rem;
}
.inviteFriendsTitle{
    position: relative;
    margin-bottom: 0.1rem;
}
.inviteFriendsTitle h5{
    font-size: 0.15rem;
    color: #b06c2b;
    text-align: center;
    line-height: 0.15rem;
    padding: 0.15rem 0;
    z-index: 10;
    font-weight: bold;
    background: url(../images/invite_friends_title.png) no-repeat center;
    background-size: 1.5rem 0.16rem;
}
.inviteFriendsTitle i{
    width: 1.5rem;
    height: 0.16rem;

    position: absolute;
    top: 0.075rem;
    left: 50%;
    margin-left: -1.49rem;
}
.makeMoneyRule{
    background: #fefaf4;
    font-size: 0;
}
.makeMoneyRule .makeMoneyRuleConTop{
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    font-size: 0;
    margin-bottom: 0.2rem;
}
.makeMoneyRule .makeMoneyRuleConList{
    width: 1.02rem;
    height: 0.7rem;
    background: #f35b4b;
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.12rem;
    color: #fff;
    float: left;
    display: flex;
    align-items: center;
    padding: 0 0.1rem;
}
.makeMoneyRuleCon .arrowsRight{
    float: left;
    width: 0.08rem;
    height: 0.14rem;
    background: url(../images/arrows_right.png) no-repeat center;
    background-size: 100%;
    margin: 0 0.1rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottom{
    height: 1.24rem;
    padding: 0 0.1rem 0.2rem;
}
.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl{
    width: 33.33%;
    font-size: 0;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe,
.makeMoneyRuleCon .makeMoneyRuleConBottomA,
.makeMoneyRuleCon .makeMoneyRuleConBottomB{
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.line{
    display: inline-block;
    width: 0.3rem;
    height: 0.02rem;
    position: relative;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.square{
    width: 0.04rem;
    height: 0.02rem;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0.04rem;
    z-index: 10;
}
.bgFbb508{
    background: #fbb508;
}
.bgF68c05{
    background: #f68c05;
}
.bgF34e1e{
    background: #f34e1e;
}
.mr5{
    margin-right: 0.05rem;
}
.ml5{
    margin-left: 0.05rem;
}
.makeMoneyRuleCon .makeMoneyRuleConBottomMe span,
.makeMoneyRuleCon .makeMoneyRuleConBottomA span,
.makeMoneyRuleCon .makeMoneyRuleConBottomB span{
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    font-size: 0.15rem;
    line-height: 0.3rem;
    color: #fff;
    text-align: center;
    border-radius: 100px;
}
.bottomATxt h5,.bottomBTxt h5{
    font-size: 0.15rem;
    color: #878c98;
    font-weight: normal;
    text-align: center;
}
.bottomATxt p,.bottomBTxt p{
    font-size: 0.12rem;
    color: #878c98;
    font-weight: normal;
    text-align: center;
    line-height: 0.22rem;
} */


.inviteFriendsTitle {
  position: relative;
  margin-bottom: 0.1rem;
}

.inviteFriendsTitle h5 {
  font-size: 0.15rem;
  color: #b06c2b;
  text-align: center;
  line-height: 0.15rem;
  padding: 0.15rem 0;
  z-index: 10;
  font-weight: bold;
  background: url(../images/invite_friends_title.png) no-repeat center;
  background-size: 1.5rem 0.16rem;
}

/* .inviteFriendsTitle i{
    width: 1.5rem;
    height: 0.16rem;

    position: absolute;
    top: 0.075rem;
    left: 50%;
    margin-left: -1.49rem;
} */
.makeMoneyRule1 {
  background: #fefaf4;
  font-size: 0;
}

.makeMoneyRule1 .makeMoneyRuleConTop {
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.makeMoneyRule1 .makeMoneyRuleConList {
  width: 1.02rem;
  height: 0.7rem;
  background: #f35b4b;
  border-radius: 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  color: #fff;
  float: left;
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
}

.makeMoneyRule1 .makeMoneyRuleCon .arrowsRight {
  float: left;
  width: 0.08rem;
  height: 0.14rem;
  background: url(../images/arrows_right.png) no-repeat center;
  background-size: 100%;
  margin: 0 0.1rem;
}

.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottom {
  height: 1.2rem;
  padding: 0 0.2rem;
}

.makeMoneyRule1 .makeMoneyRuleCon div.fl,
.makeMoneyRule1 .makeMoneyRuleCon div.fl,
.makeMoneyRule1 .makeMoneyRuleCon div.fl {
  width: 33.33%;
  font-size: 0;
  margin-right: 0;
}

.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomMe,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomA,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomB {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomMe i.line,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomA i.line,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomB i.line {
  display: inline-block;
  width: 0.3rem;
  height: 0.02rem;
  position: relative;
}

.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomMe i.square,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomA i.square,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomB i.square {
  width: 0.04rem;
  height: 0.02rem;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0.04rem;
  z-index: 10;
}

.makeMoneyRule1 .bgFbb508 {
  background: #fbb508;
}

.makeMoneyRule1 .bgF68c05 {
  background: #f68c05;
}

.makeMoneyRule1 .bgF34e1e {
  background: #f34e1e;
}

.makeMoneyRule1 .mr5 {
  margin-right: 0.05rem;
}

.makeMoneyRule1 .ml5 {
  margin-left: 0.05rem;
}

.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomMe span,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomA span,
.makeMoneyRule1 .makeMoneyRuleCon .makeMoneyRuleConBottomB span {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  font-size: 0.15rem;
  line-height: 0.3rem;
  color: #fff;
  text-align: center;
  border-radius: 100px;
}

.makeMoneyRule1 .bottomATxt h5,
.makeMoneyRule1 .bottomBTxt h5 {
  font-size: 0.14rem;
  color: #878c98;
  font-weight: normal;
  text-align: center;
}

.makeMoneyRule1 .bottomATxt p,
.makeMoneyRule1 .bottomBTxt p {
  font-size: 0.12rem;
  color: #878c98;
  font-weight: normal;
  text-align: center;
  line-height: 0.22rem;
}

/* 收益明细 */
/* .returnsDetailed {
    padding-bottom: 1rem;
    background: #fefaf4;
} */

/* .returnsDetailedTabBtn {
    width: 2rem;
    height: 0.4rem;
    border: 0.01rem solid #878C98;
    border-radius: 100px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    padding-top: 0.12rem;
} */
.returnsDetailedTabBtn {
  width: 3.18rem;
  height: 0.52rem;
  /* border: 0.01rem solid #efefef; */
  /* border-radius: 100px; */
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  padding-top: 0.1rem;
}

/* .returnsDetailedTabBtn .TabBtn {
    display: inline-block;
    font-size: 0.15rem;
    color: #878c98;
    padding: 0 0.1rem;
    line-height: 1;
} */
.returnsDetailedTabBtn .TabBtn {
  display: inline-block;
  width: 1.58rem;
  font-size: 0.15rem;
  color: #878c98;
  line-height: 0.33rem;
}

.returnsDetailedTabBtn .active {
  color: #dd4f54;
}

.returnsDetailedTabBtn .TabBtn1 {
  border-right: 0.01rem solid #efefef;
}

.returnsDetailedTabCon .TabCon {
  display: none;
}

.returnsDetailedTabCon .TabCon h5 {
  font-size: 0.15rem;
  color: #878C98;
  padding: 0.1rem;
  border-bottom: 0.01rem solid #878C98;
  font-weight: normal;
}

.returnsDetailedTabCon .TabCon h5 span {
  margin-left: 0.1rem;
  color: #ff6849;
}

.returnsDetailedTabCon .active {
  display: block;
}

.noReward {
  padding: 0.3rem 0;
  display: none;
}

.noReward img {
  width: 0.5rem;
  margin: 0 auto;
}

.noReward p {
  font-size: 0.12rem;
  line-height: 1;
  color: #878C98;
  text-align: center;
}

.ptb10 {
  padding: 0.1rem 0;
}

.haveReward {
  margin-top: 0.15rem;
  display: none;
  background: #f5f9fa;
  /* padding-bottom: 0.3rem; */
}

.haveReward.active {
  display: block;
}

.haveReward li {
  font-size: 0;
  display: flex;
  justify-content: space-between;
}

.haveReward li.thead {
  background: #fff;
  border-top: 0.01rem solid #ececec;
  border-bottom: 0.01rem solid #ececec;
}

.haveReward li span {
  display: inline-block;
  font-size: 0.12rem;
  line-height: 1;
  color: #878C98;
  width: 25%;
  text-align: center;
  border-right: 0.01rem solid #ececec;
  padding: 0.07rem 0;
  overflow: hidden;
}

.haveReward li span.borderRightNone {
  border-right: none;
}

.haveReward li span.colorE54b53 {
  color: #e54b53;
}

.loadLine {
  display: none;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 0.15rem
}

.loadLine i {
  margin-right: 0.1rem;
}

.loadLineIcon {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/load_line_icon.png) no-repeat center;
  background-size: 100%;

}

.one {
  animation: one 1s linear infinite;
  -moz-animation: one 1s linear infinite;
  /* Firefox */
  -webkit-animation: one 1s linear infinite;
  /* Safari and Chrome */
  -o-animation: one 1s linear infinite;
  /* Opera */
}

@keyframes one {
  0% {
    transform: rotate(0deg);
  }

  12.5% {
    transform: rotate(45deg);
  }

  25% {
    transform: rotate(90deg);
  }

  37.5% {
    transform: rotate(135deg);
  }

  50% {
    transform: rotate(180deg);
  }

  62.5% {
    transform: rotate(225deg);
  }

  75% {
    transform: rotate(270deg);
  }

  87.5% {
    transform: rotate(315deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* .awardMechanism ul{
    padding: 0 0.17rem;
}
.awardMechanism li{
    float: left;
    width: 1.05rem;
    height: 1.14rem;
    border: 1px solid #f3decf;
    margin-right: 0.13rem;
    border-radius: 0.05rem;
    position: relative;
    background: #FFF7EB;
}
.awardMechanism li:nth-last-child(1){
    margin-right: 0;
}
.awardMechanism li div{
    height: 0.57rem;
    font-size: 0.14rem;
    line-height: 1;
    color: #B37030;
    padding-left: 0.05rem;
    display: flex;
    align-items: center;
}
.awardMechanism li div.awardMechanismTop{
    border-bottom: 1px dashed #F3DECF;
    line-height: 0.19rem;
}
.awardMechanism li div.awardMechanismBottom span{
    font-size: 0.25rem;
    padding: 0 0.05rem;
    color: #FF6A00;
    margin-top: -0.08rem;
}
.awardMechanism li i{
    display: inline-block;
    width: 0.05rem;
    height: 0.11rem;
    border: 1px solid #F3DECF;
    position: absolute;
    top: 50%;
    margin-top: -0.055rem;
    background: #fff;
}
.awardMechanism li i.semicircleLeft{
    left: -1px;
    border-radius: 0 100px 100px 0;
    border-left: 0;
}
.awardMechanism li i.semicircleRight{
    right: -1px;
    border-radius: 100px 0 0 100px;
    border-right: 0;
}
.inviteRecord{
    margin-top: 0.1rem;
    padding: 0.1rem 0.15rem 0 0.15rem;
}
.inviteRecord .myFriend{
    font-size: 0.16rem;
    color: #878C98;
    font-weight: 500;
}
.inviteRecord .myFriend span{
    color: #EB6F1F;
    margin-left: 0.1rem;
    letter-spacing: 0.05rem;
}
.inviteRecordCon{
    padding: 0.1rem 0.04rem 0;
}
.inviteRecordConTop ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.1rem;
    border-bottom: 1px dashed #707070;
}
.inviteRecordConTop ul li{
    font-size: 0.16rem;
    color: #878C98;
    line-height: 1;
}*/
/* swiper左右滑动 */
/*.inviteRecordConBottomBox{
    padding-bottom: 0.2rem;
}
.inviteRecordConBottomBox .swiper-pagination{
    bottom: 0.1rem;
}
.inviteRecordConBottomBox .swiper-pagination .swiper-pagination-bullet{
    width: 0.07rem;
    height: 0.07rem;
    background: #D7D7D7;
}
.inviteRecordConBottomBox .swiper-pagination .swiper-pagination-bullet-active{
    background: #EB6F1F;
}
.inviteRecordConBottom{
    padding-bottom: 0.12rem;
}
.inviteRecordConBottom ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inviteRecordConBottom ul li{
    font-size: 0.12rem;
    color: #878C98;
    line-height: 1;
    padding-top: 0.12rem;
}
.inviteRecordConBottom ul li span{
    font-size: 0.14rem;
    color: #E54B53;
}
.ruleIntro{
    padding: 0 0.15rem 1rem;
}
.ruleIntro .ruleIntroTitle{
    font-size: 0.16rem;
    color: #878C98;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0.1rem;
}
.ruleIntro p{
    font-size: 0.12rem;
    color: #878C98;
    margin: 0.05rem 0;
    line-height: 0.16rem;
} */
.inviteShare {
  width: 100%;
  padding: 0.1rem 0;
  background: #EDEDED;
  position: fixed;
  bottom: 0;
  z-index: 100;
  max-width: 1024px;
}

.inviteShare ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.inviteShare ul li img {
  display: block;
  width: 0.4rem;
  margin: 0 auto;
}

.inviteShare ul li h5 {
  font-weight: normal;
  font-size: 0.12rem;
  color: #878C98;
  padding: 0.05rem 0;
}

.inviteShareHide {
  position: fixed;
  bottom: -100%;
  z-index: 100;
  max-width: 1024px;
}

.inviteShareHide .inviteShareHideTitle {
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  padding-bottom: 0.11rem;
}

.inviteShareHide .inviteShareHideClose {
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  padding-top: 0.1rem;
  border-top: 1px solid #E0DEDE;
}

#linkInput {
  opacity: 1;
  height: 0;
  width: 0;
  position: absolute;
  top: -1000000px;
}

/* 红包 */
.redPackBox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}

.redPackBox .redPack {
  width: 3.1rem;
  height: 5.15rem;
  background: #F35346;
  border-radius: 0.1rem;
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.redPackProvenance {
  width: 3.1rem;
  padding-top: 1.18rem;
}

.redPackProvenance .redPackProvenanceIcon {
  width: 0.24rem;
  height: 0.24rem;
  display: inline-block;
  margin-right: 0.1rem;
  vertical-align: top;
}

.redPackProvenance .redPackProvenanceName {
  display: inline-block;
  font-size: 0.18rem;
  color: #FFE1B4;
  line-height: 0.24rem;
}

.congratulation {
  width: 3.1rem;
  font-size: 0.24rem;
  color: #FFE1B4;
  text-align: center;
  padding-top: 0.23rem;
}

.redPack .goldBand {
  width: 0.25rem;
  height: 0.2rem;
  margin: 0.2rem auto 0;
}

.topcontent {
  height: 4.12rem;
  border-bottom: 0.02rem solid #ED483C;
  background-color: #F25C4C;
  border-radius: 0.1rem 0.1rem 50% 50% / 0.1rem 0.1rem 15% 15%;
  /* 增加立体感 */
  /* box-shadow: 0 0.03rem 0 -0.01rem rgba(0,0,0,0.1); */
}

#redpackOpen {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  background: #EBCD9A;
  margin: 0 auto;
  border-radius: 50%;
  display: inline-block;
  margin-top: -0.5rem;
  box-shadow: 0 0 0.02rem 0.01rem rgba(0, 0, 0, 0.2);
}

#redpackOpen a {
  color: #3D3B3C;
  font-size: 0.4rem;
}

.active .topcontent {
  height: 3.42rem;
  background: #F35544;
}

.goldBand {
  width: 0.45rem;
  height: 0.32rem;
  background: url(../images/goldBand.png) no-repeat center;
  background-size: 100%;
}

/* 去提现 */
.redPackBox .active {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: initial;
}

.redPackBox .active .redPackProvenance {
  width: 100%;
}

.redPackBox .active .congratulation {
  width: 100%;
}

.redPackBox .active .topcontent {
  border-radius: 0 0 50% 50% / 0 0 15% 15%;
}

.redPackBox .active .redPackProvenance {
  padding-top: 0.95rem;
}

.redPackBox .active .congratulation {
  font-size: 0.15rem;
  padding-top: 0.1rem;
}

.redPackBox .active .redPackMoney {
  padding-top: 0.2rem;
  font-size: 0.6rem;
  color: #FFE1B4;
  text-align: center;
  line-height: 1;
}

.redPackBox .active .redPackMoney span {
  font-size: 0.15rem;
}

.redPackBox .active .redPackHint {
  font-size: 0.14rem;
  color: #FFE1B4;
  padding-top: 0.1rem;
  line-height: 1;
}

.goWithdrawDeposit {
  width: 1.2rem;
  height: 0.3rem;
  margin: 0.3rem auto 0;
  background: #D4B071;
  border-radius: 100px;
  text-align: center;
}

.goWithdrawDeposit a {
  display: block;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.3rem;
}

/* 积分商城 v 2.0 */
.shopListCon .shopInfo {
  position: relative;
}

.shopListCon .shopInfo .discountBadge {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/discount_badge.png) no-repeat center;
  background-size: 100%;
  top: -5px;
  right: -5px;
  -webkit-animation: discountBadge 0.3s alternate infinite;
  animation: discountBadge 0.3s alternate infinite;
}

@-webkit-keyframes discountBadge {
  0% {
    -webkit-transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes discountBadge {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

.lineThrough {
  text-decoration: line-through;
}

.E54B53 {
  color: #E54B53 !important;
}

.shopListCon .mr0 {
  margin-right: 0;
}

.codebox .tips {
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.5rem;
  text-align: center;
}

.codebox .qrcode {
  text-align: center;
}

.codebox .qrcode canvas {
  border: 2px solid #fff;
}

/* 现金 积分 排行 */
.moneyIntegrationRankingBox {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
  background: #0F1726;
  max-width: 1024px;
}

.moneyIntegrationRanking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.05rem 0.22rem;
  font-size: 0;
}

.moneyIntegrationRanking .topMoney,
.moneyIntegrationRanking .integration,
.moneyIntegrationRanking .ranking {
  font-size: 0.12rem;
  color: #fff;
}

.moneyIntegrationRanking .topMoney span,
.moneyIntegrationRanking .integration span,
.moneyIntegrationRanking .ranking span {
  margin-left: 0.05rem;
}

.moneyIntegrationRanking .topMoney span {
  color: #EB6F1F;
}

.moneyIntegrationRanking .integration span {
  color: #EB6F1F;
}

.moneyIntegrationRanking .ranking span {
  color: #EB6F1F;
}

/* 游戏下载弹窗 */
.gameDown {
  position: absolute;
  top: 50%;
  left: 50%;
  /* margin-top: -1.8rem; */
  margin-left: -1.35rem;
  width: 2.7rem;
  height: auto;
  background: #0f1726;
  border-radius: 0.1rem;
  display: none;
  transform: translateY(-50%);
}

.gameDown .gameDownTitle {
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  position: relative;
  background: #171e35;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.gameDown .gameDownTitle .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.1rem;
  height: 0.1rem;
  background: url(../images/close.png) center no-repeat;
  background-size: 0.1rem 0.1rem;
  padding: 0.22rem;
}

.gameDown .gameIconName {
  height: 0.61rem;
  padding: 0.1rem;
}

.gameDown .gameIconName .gameIcon {
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.1rem;
  margin-right: 0.1rem;
}

.gameDown .gameIconName .gameName {
  float: left;
  width: 2rem;
  font-size: 0.1rem;
  line-height: 0.12rem;
  color: #fff;
  overflow: hidden;
  height: 0.36rem;
}

.gameDown .gameLists {
  /* height: 2.52rem;
    overflow: auto; */
  height: 0.63rem;
  overflow: hidden;
}

.gameDown .gameLists li {
  height: 0.63rem;
  line-height: 0.43rem;
  border-top: 1px solid #171e35;
  padding: 0.1rem;
  font-size: 0;
  position: relative;
}

.gameDown .gameLists .channel {
  height: 0.43rem;
  padding: 0 0.1rem 0 0.05rem;
  float: left;
}

.gameDown .gameLists .channelIcon {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.05rem;
}

.gameDown .gameLists .channelName {
  font-size: 0.08rem;
  line-height: 1;
  color: #878C98;
  padding-top: 0.06rem;
  font-weight: normal;
  text-align: center;
}

.gameDown .gameLists .gameName {
  float: left;
  font-size: 0.1rem;
  color: #fff;
  line-height: 0.15rem;
}

.gameDown .gameLists .downloadBtn {
  float: right;
  width: 0.4rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background: #e96f2e;
  text-align: center;
  border-radius: 0.1rem;
  font-size: 0.1rem;
  color: #fff;
  margin-top: 0.1rem;
}

.gameDown .presentTag {
  position: absolute;
  bottom: 0.18rem;
  height: 0.14rem;
  line-height: 1;
  left: 0.5rem;
}

.gameDown .recommend {
  display: inline-block;
  width: 0.4rem;
  height: 0.14rem;
  line-height: 0.12rem;
  font-size: 0.1rem;
  color: #f11f1f;
  border: 0.01rem solid #f11f1f;
  border-radius: 0.05rem;
  text-align: center;
  margin-left: 0.05rem;
}

/* 首页充值中心、排行、限时特惠、转盘夺宝、攻略 */
.hotMenu {
  padding: 0.1rem 0;
  width: 100%;
  max-width: 1024px;
  background: #0F1726;
  top: 0.2rem;
  z-index: 1000000;
  position: fixed;
}

.hotMenu ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.hotMenu ul li {
  width: 0.54rem;
  font-size: 0.1rem;
  text-align: center;
  position: relative;
}

.hotMenu ul li img {
  width: 0.4rem;
  margin: 0 auto;
}

.hotMenu ul li h5 {
  margin-top: 0.05rem;
  color: #878C98;
  font-weight: normal;
  font-size: 0.12rem;
}

.gameStrategyLists .comeFrom .gainIntegral {
  font-size: 0.1rem;
  color: #878C98;
  line-height: 0.14rem;
  color: #E32D38;
  padding-left: 0.1rem;
}

/* 攻略 */
.gameStrategy {
  padding: 0 0.15rem;
  background: #151D34;
  font-size: 0;
}

.gameStrategy li {
  padding: 0.1rem 0;
  border-bottom: 1px solid #1B2340;
  display: flex;
  align-items: center;
}

.gameStrategy li a {
  display: flex;
  align-items: center;
}

.gameStrategy .gameStrategyIcon {
  width: 0.54rem;
  height: 0.54rem;
  margin-right: 0.05rem;
  border-radius: 0.1rem;
}

.gameStrategy .strategyGameCon {
  width: 2.86rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gameStrategy .gameStrategyTitle {
  width: 1.55rem;
  height: 0.54rem;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.54rem;
  overflow: hidden;
}

.gameStrategy .gameStrategyUrl {
  font-size: 0.14rem;
  color: #878C98;
  background: url(../images/game_strategy_url.png) no-repeat right center;
  background-size: 0.05rem 0.1rem;
  padding-right: 0.1rem;
}

/* 攻略列表 */
.gameStrategy .writeStrategy {
  width: 0.54rem;
  height: 0.24rem;
  border: 2px solid #878C98;
  font-size: 0.12rem;
  border-radius: 0.12rem;
  color: #878C98;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.gameStrategyLists {
  padding: 0.1rem 0.15rem;
  background: #151D34;
}

.gameStrategyLists li {
  border-bottom: 1px solid #1B2340;
  padding: 0.05rem 0
}

.gameStrategyLists .strategyTitle {
  font-size: 0.14rem;
  color: #fff;
  font-weight: normal;
  line-height: 0.2rem;
}

.gameStrategyLists .comeFrom {
  font-size: 0.11rem;
  color: #878C98;
  line-height: 0.14rem;
}

.gameStrategyLists .comeFrom .gainIntegral,
.gameStrategyDetails .gainIntegral {
  font-size: 0.11rem;
  color: #878C98;
  line-height: 0.14rem;
  color: #E32D38;
  padding-left: 0.1rem;
}

.gameStrategyLists .strategyCon {
  font-size: 0.11rem;
  color: #878C98;
  line-height: 0.14rem;
  padding-top: 0.05rem;
  word-wrap: break-word;
}

.gameStrategyLists .strategyCon span {
  color: #EB6F1F;
}

.giveIntegral {
  position: absolute;
  font-size: 0.1rem;
  top: 0;
  right: 0.22rem;
  width: 0.4rem;
  height: 0.14rem;
  background: #E32D38;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.14rem;
  color: #fff;
}

.giveIntegral:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.14rem;
  left: 0.17rem;
  border-width: 0.05rem 0.03rem 0;
  border-style: solid;
  border-color: #E32D38 transparent transparent;
}

/* 发布攻略 */
.issueStrategy .issue {
  font-size: 0.16rem;
  line-height: 0.42rem;
  color: #EB6F1F;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.1rem;
}

.editStrategy {
  font-size: 0;
}

.editStrategy #strategyTitle {
  width: 100%;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #878C98;
  padding: 0.2rem 0.15rem 0.1rem 0.15rem;
  background: #151D34;
  border: 0;
  border-bottom: 1px solid #1B2340;
  font-weight: normal;
  overflow-x: scroll;
}

.editStrategy .strategyCon {
  padding: 0.1rem 0.15rem 0 0.15rem;
  background: #151D34;
  padding-bottom: 0.6rem;
}

.editStrategy textarea {
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.18rem;
  color: #878C98;
  border: 0;
  background: #151D34;
}

.editStrategy img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0.1rem;
}

.imgInput {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: url(../images/img_input.png) no-repeat center 0.1rem #151D34;
  height: 0.6rem;
  background-size: 0.2rem auto;
  max-width: 1024px;
  margin: auto;
  padding: 0.1rem 0;
}

.imgInput p {
  width: 100%;
  position: absolute;
  bottom: 0.1rem;
  font-size: 0.12rem;
  text-align: center;
}

.imgInput input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: relative;
  z-index: 10;
}

.deleteImg {
  display: none;
  width: 3rem;
  height: 1rem;
  background: #0F1726;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  margin-left: -1.5rem;
  border-radius: 0.1rem;
}

.deleteImg p {
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  padding: 0.2rem 0;
}

.deleteImg .deleteBtn {
  width: 1.4rem;
  margin: 0 auto;
  text-align: center;
}

.deleteImg span {
  display: inline-block;
  width: 0.4rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
  margin: 0 0.1rem;
  background: #EB6F1F;
  border-radius: 0.05rem;
}

/* 攻略详情 */
.gameStrategyDetails {
  padding: 0.1rem 0.15rem;
  background: #151D34;
}

.gameStrategyDetails .strategyDetalsTitle {
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.2rem;
}

.gameStrategyDetails .comeFrom {
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.14rem;
}

.gameStrategyDetails .strategyDetailsCon {
  padding-top: 0.05rem;
}

.gameStrategyDetails p {
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #fff;
}

.gameStrategyDetails .strategyDetailsCon img {
  padding: 0.1rem 0;
}

/* 提现兑换绑定微信 */
.bindWx {
  width: 100%;
  max-width: 1024px;
  height: 2rem;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  display: none;
}

.bindWx img {
  width: 0.5rem;
  height: auto;
  margin: 0.2rem auto;
}

.bindWx .bindWxHint {
  font-size: 0.16rem;
  color: #333;
  text-align: center;
  margin-bottom: 0.2rem;
}

.bindWx .bindWxBtn {
  font-size: 0.16rem;
  color: #EB6F1F;
  width: 2.8rem;
  margin: 0 auto;
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  border: 0.01rem solid #EB6F1F;
  border-radius: 1rem;
}

/* 优惠券 */
.couponsBox .couponsMain li {
  width: 3.55rem;
  height: 0.87rem;
  border-radius: 0.1rem;
  background: #151D34;
  margin: 0 auto 0.1rem;
  padding: 0.2rem 0.1rem;
}

.couponsBox .couponsMain li .discount_limit {
  width: 0.8rem;
  text-align: center;
  margin-right: 0.1rem;
}

.couponsBox .couponsMain li .discount {
  color: #E32D38;
  font-size: 0.24rem;
  line-height: 0.3rem;
}

.couponsBox .couponsMain li .discount span {
  font-size: 0.12rem;
}

.couponsBox .couponsMain li .limit {
  font-size: 0.1rem;
  color: #878C98;
  line-height: 0.14rem;
}

.couponsBox .couponsMain li .couponsTit_endTime {
  width: 1.8rem;
}

.couponsBox .couponsMain li .couponsTit {
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.3rem;
}

.couponsBox .couponsMain li .endTime {
  font-size: 0.11rem;
  color: #878C98;
  line-height: 0.14rem;
}

.couponsBox .couponsMain li .couponsBtn {
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.22rem;
  border-radius: 1rem;
  background: #EB6F1F;
  font-size: 0.12rem;
  color: #fff;
  text-align: center;
  margin-top: 0.12rem;
}

.couponsBox .couponsMain li .couponsBtnT {
  background: none;
  border: 0.01rem solid #878C98;
  color: #878C98;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.22rem;
  border-radius: 1rem;
  font-size: 0.12rem;
  text-align: center;
  margin-top: 0.12rem;
}

/* 游戏页面新版列表 */
.newgameLists {
  padding: 0.1rem;

}

.newgameLists .newgameList {
  /* width: 3.55rem; */
  /* height: 2.24rem; */
  overflow: hidden;
  border-radius: 0.1rem;
  margin-bottom: 0.1rem;
  position: relative;
}

.newgameLists .newgameList .newgameListBanner {
  height: 1.5rem;
}

.newgameLists .newgameList .newgameListBanner video {
  object-fit: cover;
}

.newgameLists .newgameList .newgameListInfor {
  height: 0.74rem;
  padding: 0.1rem;
  background: #18263C;
  position: relative;
}

.newgameLists .newgameList .newgameListIcon {
  width: 0.54rem;
  height: 0.54rem;
  float: left;
  border-radius: 0.1rem;
}

.newgameLists .newgameList .newgameListNameTag {
  width: 2.25rem;
  font-size: 0;
  padding: 0 0.1rem 0;
  float: left;
}

.newgameLists .newgameList .newgameListName {
  /* width: 2.1rem; */
  display: inline-block;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #E5EBF7;
  overflow: hidden;
  margin-right: 0.1rem;
}

#iosgameLists .newgameList .newgameListName {
  width: 2.1rem;
}

.newgameLists .newgameList .newgameListGiftTag,
.newgameLists .newgameList .newgameListTag,
.GameListTxt .newgameListTag,
.advert .newgameListTag {
  width: auto;
  height: 0.16rem;
  line-height: 0.16rem;
  font-size: 0.1rem;
  text-align: center;
  overflow: hidden;
  background: #131D30;
  border-radius: 0.04rem;
  padding: 0 0.05rem;
}

.GameListTxt .newgameListTag,
.advert .newgameListTag {
  background: #0F1726;
}

.newgameLists .newgameList .newgameListGiftTag {
  color: #EB6F1F;
  margin-bottom: 0.03rem;
  display: inline-block;
}

.newgameLists .newgameList .newgameListTag,
.GameListTxt .newgameListTag,
.advert .newgameListTag {
  color: #878C98;
  margin-right: 0.03rem;
  float: left;
}

.advert ol {
  margin-bottom: 0.05rem;
}

.GameListTxt li {
  padding: 0;
  margin: 0;
}

.newgameLists .newgameList .newgameListTag:nth-last-child() {
  padding-left: 0;
}

.newgameLists .newgameList .newgameListBtn {
  float: right;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.12rem;
  color: #fff;
  text-align: center;
  background: #EB6F1F;
  border-radius: 1rem;
  margin-top: 0.16rem;
  position: relative;
  overflow: hidden;
  /* border: 0.01rem solid #Eb6f1f; */
}

/* 兑换记录 */
.exchangeRecordLists li {
  width: 3.55rem;
  height: 1.48rem;
  padding: 0.1rem;
  background: #151D34;
  margin: 0 auto 0.1rem;
  border-radius: 0.1rem;
}

.exchangeRecordLists li .exchangeGiftTit {
  width: 2.3rem;
  height: 0.36rem;
  overflow: hidden;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #fff;
  margin-bottom: 0.05rem;
}

.exchangeRecordLists li .exchangeTime {
  overflow: hidden;
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #878C98;
}

.exchangeRecordLists li .exchangePrice {
  overflow: hidden;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #E54B53;
  padding-top: 0.2rem;
}

.exchangeRecordLists li .exchangeCode {
  width: 2.3rem;
  overflow: hidden;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #EB6F1F;
  padding-bottom: 0.05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.exchangeRecordLists li .exchangeWay {
  width: 2.3rem;
  height: 0.5;
  overflow: hidden;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #878C98;
}

.exchangeRecordLists li .copyBtn {
  width: 0.82rem;
  height: 0.24rem;
  line-height: 1;
  border: 2px solid #4B5263;
  border-radius: 100px;
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  padding: 0.04rem 0;
  margin-top: 0.2rem;
}

.exchangeRecordLists li .exchangeRecordListT {
  padding-bottom: 0.1rem;
  border-bottom: 0.01rem solid #1B2340;
}

.exchangeRecordLists li .exchangeRecordListB {
  padding-top: 0.1rem;
}

/* 新品推荐、新品预约 */
/* .gameTabBtn {
    width: 100%;
    background: #0F1726;
    top: 1.06rem;
    z-index: 100;
}

.gameTabBtn li {
    width: 33.33%;
    float: left;
    text-align: center;
    margin-bottom: 0.1rem;
}

.gameTabBtn li .hotGameTitle {
    width: 50%;
    color: #878C98;
}

.gameTabBtn li .hotGameTitle span {
    color: #878C98;
}

.gameTabBtn li.active .hotGameTitle {
    border-bottom: 0.01rem solid #EB6F1F;
}

.gameTabBtn li.active .hotGameTitle {
    color: #fff;
}

.gameTabBtn li.active .hotGameTitle span {
    color: #FE2A2A;
}

.gameTabCon>ul>li {
    display: none;
}

.gameTabCon>ul>li.active {
    display: block;
} */

/* 未支付提示 */
.noPayHint {
  position: absolute;
  top: 0.1rem;
  right: -0.1rem;
  color: #fff;
  background: #E32D38;
  line-height: 0.14rem;
  font-size: 0.1rem;
  border-radius: 100px;
  padding: 0 0.02rem;
}

/* 好友总计 */
.friendsCount {
  height: 0.2rem;
  border-radius: 100px;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.2rem;
  text-align: center;
  background: #EB6F1F;
  position: absolute;
  top: -0.05rem;
  /* right: 0.2rem; */
  padding: 0 0.07rem
}

/* 积分商城实物虚拟商品切换按钮 */
.shopTabBtn {
  width: 100%;
  height: 0.5rem;
  position: fixed;
  background: #0F1726;
  top: 1.24rem;
  left: 50%;
  z-index: 100;
  max-width: 1024px;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
  /* border-bottom: 1px solid #1B2340; */
  padding-top: 0.05rem;
}

.shopTabBtn ul {
  width: 100%;
}

.shopTabBtn li {
  width: 33.33%;
  height: auto;
  float: left;
  text-align: center;
  margin-bottom: 0.1rem;
  cursor: pointer;
  background: none;
  transition: 0.2s all linear;
  opacity: 1;
}

.shopTabBtn li.swiper-pagination-bullet-active {
  background: none;
}

.shopTabBtn li .hotGameTitle {
  position: relative;
  top: 0;
  width: 0.625rem;
  height: 0.39rem;
  margin: 0 auto;
  font-size: 0.15rem;
  text-align: center;
  color: #878C98;
  transition: 0.2s all linear;
  font-weight: normal;
  padding: 0.1rem 0 0.09rem;
}

.shopTabBtn li.swiper-pagination-bullet-active .hotGameTitle {
  color: #EB6F1F;
}

.shopTabBtn li .hotGameTitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 0.625rem;
  transition: 0.2s all linear;
  border-bottom: 0.01rem solid #0F1726;
}

.shopTabBtn li.swiper-pagination-bullet-active .hotGameTitle::before {
  width: 0.625rem;
  left: 0;
  bottom: 0;
  border-bottom: 0.01rem solid #EB6F1F;
}

/* 积分商城礼包详情 */
.giftDetails {
  display: none;
  position: absolute;
  width: 3rem;
  top: 50%;
  left: 50%;
  margin-left: -1.5rem;
  background: #0F1726;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /*兼容-webkit-引擎浏览器*/
  -moz-transform: translateY(-50%);
  /*兼容-moz-引擎浏览器*/
}

.giftDetails .hint {
  height: 0.45rem;
  background: #161D35;
  border-radius: 0.1rem 0.1rem 0px 0px;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.45rem;
  color: #878C98;
  position: relative;
  padding-left: 0.32rem;
  font-weight: normal;
}

.giftDetails .hint .close {
  float: right;
  width: 0.32rem;
  height: 0.32rem;
}

.giftDetails .hint .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.giftDetails .giftName {
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 0.22rem;
  padding: 0.1rem 0;
}

.giftDetails .giftContitle,
.giftDetails .giftCon {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.18rem;
  padding: 0 0.12rem;
}

.giftDetails .giftCon {
  color: #878C98;
}

.giftDetails .confirm {
  display: block;
  font-size: 0.18rem;
  line-height: 0.4rem;
  color: #fff;
  text-align: center;
  background: #DE6A1F;
  border-radius: 0px 0px 0.1rem 0.1rem;
  margin-top: 0.1rem;
}

/* 新版游戏列表下拉样式 */
.moreGame {
  height: 0.3rem;
  line-height: 0.2rem;
  text-align: center;
  font-size: 0.12rem;
  width: 100%;
  border-top: 1px solid #171e35;
  padding: 0.05rem 0.1rem 0.05rem 0;
  background: #0f1726;
  position: relative;
}

.arrows_bottom {
  width: 0.1rem;
  height: 0.2rem;
  background: url(../images/arrows_bottom.png) no-repeat center;
  background-size: auto;
  position: absolute;
  background-size: 0.1rem 0.07rem;
  padding-left: 0.2rem;
  transition: all linear 0.5s;
}

.cornerMarkPoints {
  position: absolute;
  top: -0.02rem;
  left: 0.05rem;
  width: 0.15rem;
  height: 0.48rem;
}

/* 新品推荐、新品预约 */
.gameTabBtn {
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background: #0F1726;
  top: 0.45rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  /*兼容-webkit-引擎浏览器*/
  -moz-transform: translateX(-50%);
  /*兼容-moz-引擎浏览器*/
  z-index: 100;
  max-width: 1024px;
}

.gameTabBtn ul {
  width: 100%;
}

.gameTabBtn li {
  width: 50%;
  height: auto;
  float: left;
  text-align: center;
  margin-bottom: 0.1rem;
  cursor: pointer;
  background: none;
  transition: 0.2s all linear;
  opacity: 1;
}

.gameTabBtn li.swiper-pagination-bullet-active {
  background: none;
}

.gameTabBtn li .hotGameTitle {
  position: relative;
  top: 0;
  width: 0.65rem;
  margin: 0 auto;
  color: #fff;
  transition: 0.2s all linear;
}

.gameTabBtn li .hotGameTitle::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 0;
  height: 100%;
  border-bottom: 0.01rem solid #EB6F1F;
  transition: 0.2s all linear;
}

li.swiper-pagination-bullet-active .hotGameTitle::before {
  width: 0.625rem;
  left: 0;
  top: 0;
}

.gameTabBtn li .hotGameTitle span {
  color: #878C98;
}

.gameTabBtn li.swiper-pagination-bullet-active .hotGameTitle {
  color: #EB6F1F;
}

.gameTabBtn li.swiper-pagination-bullet-active .hotGameTitle span {
  color: #FE2A2A;
}

.gameTabCon>ul>li {
  display: none;
}

.gameTabCon>ul>li.active {
  display: block;
}

/* 游戏页面送10元现金角标 */
.newgameListBanner {
  position: relative;
}

.superscript {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0.45rem;
  height: 0.45rem;
  overflow: hidden;
}

/* 使用背景色渐变 */
.superscript .gradual {
  width: 100%;
  height: 100%;
  background: linear-gradient(-135deg, #f11f1f 49%, transparent 50%);
}

.superscript .desc {
  position: absolute;
  top: 0.08rem;
  right: 0rem;
  z-index: 10;
  transform: rotateZ(45deg);
  font-size: 0.1rem;
  color: #fff;
  font-weight: bold;
}

/* 下载游戏提示 */
.downloadHint {
  background: url(https://downcdn.44755.com/webimg/download_hint.png) no-repeat center;
  background-size: 100% 100%;
}

/* 分享页面不支持分享插件提示 */
.downbox {
  display: none;
  font-size: 0;
}

.downbox .downbox_p1 {
  font-size: 0.12rem;
  color: #fff;
  text-align: center;
  line-height: 0.16rem;
  padding-bottom: 0.1rem;
}

.downbox .downbox_p2 {
  font-size: 0.18rem;
  color: #F45D5C;
  text-align: center;
  line-height: 0.22rem;
  padding-bottom: 0.2rem;
  font-weight: bold;
}

.downbox .downbox_img {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 0.1rem;
  margin: 0 auto;
  margin-bottom: 0.1rem;
}

.downbox_btn {
  padding-bottom: 0.1rem;
}

.downbox_btn a {
  display: block;
  width: 1.3rem;
  height: 0.28rem;
  line-height: 0.28rem;
  margin: 0 auto;
  font-size: 0.14rem;
  text-align: center;
  background: #eb6f1f;
  border-radius: 100px;
  color: #fff;
}

.downbox_btn span {
  font-size: 0.12rem;
  line-height: 0.16rem;
  display: block;
  text-align: center;
}

.downbox_btn span:nth-child(2) {
  color: #fff;
  padding-right: 0.2rem;
}

/* 新版下载送十元标签 */
.newgameLists .newgameList .newgameListMoneyTag,
.newgameLists .newgameList .newgameListMoneyTag2 {
  width: 0.76rem;
  height: 0.16rem;
  line-height: 0.16rem;
  /* background: #E54B53; */
  border-radius: 0.05rem;
  font-size: 0.1rem;
  color: #FE2A2A;
  /* margin-left: 0.1rem; */
  display: inline-block;
  overflow: hidden;
  margin-bottom: 0.03rem;
  letter-spacing: 0.01rem;
}

.newgameLists .newgameList .newgameListMoneyTag2 {
  width: 100%;
  display: block;
  font-size: 0.12rem;
  letter-spacing: 0;
}

/* 个人中心积分兑换现金 */
.exchangeMoney {
  width: 3rem;
  height: 2.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
  border-radius: 0.1rem;
  overflow: hidden;
}

.exchangeMoney .exchangeMoneyTop {
  width: 100%;
  height: 0.45rem;
  line-height: 0.45rem;
  background: #161D35;
  font-size: 0.18rem;
  color: #878C98;
  text-align: center;
  padding-left: 0.45rem;
}

.exchangeMoney .exchangeMoneyTop .close {
  float: right;
  width: 0.45rem;
  height: 0.45rem;
}

.exchangeMoney .exchangeMoneyTop img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.exchangeMoney .exchangeMoneyMain {
  width: 100%;
  height: 1.85rem;
  background: #0F1726;
  padding: 0.21rem 0.1rem 0.22rem;
}

.exchangeMoney .exchangeMoneyMain {
  width: 100%;
  height: 1.85rem;
  background: #0F1726;
  padding: 0.21rem 0.1rem 0.22rem;
  font-size: 0;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyMainTop {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0;
}

.exchangeMoney .exchangeMoneyMain .currentIntegral {
  font-size: 0.12rem;
  color: #878C98;
}

.exchangeMoney .exchangeMoneyMain .integralNum {
  font-size: 0.2rem;
  color: #EB6F1F;
  padding-left: 0.1rem;
}

.exchangeMoney .exchangeMoneyMain .allExchange {
  font-size: 0.12rem;
  color: #EB6F1F;
  float: right;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyMainCenter {
  margin: 0.1rem 0;
  width: 2.8rem;
  height: 0.4rem;
  background: #161D35;
  border-radius: 0.1rem;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyNum {
  padding: 0.11rem 0 0.11rem 0.1rem;
  width: 1.4rem;
  height: 0.4rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #878C98;
  background: #161D35;
  border: 0;
}

/*修改提示文字的颜色*/
.exchangeMoney .exchangeMoneyMain .exchangeMoneyNum::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #878c98;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyNum:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #878c98;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyNum::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #878c98;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyNum:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #878c98;
}

.exchangeMoney .exchangeMoneyMain .canExchangeMoney {
  float: right;
  margin-top: 0.11rem;
  width: 1.4rem;
  font-size: 0.12rem;
  height: 0.18rem;
  line-height: 0.18rem;
  color: #878C98;
  border-left: 0.01rem solid #878c98;
  padding-left: 0.1rem;
  overflow: hidden;
}

.exchangeMoney .exchangeMoneyMain .canExchangeMoneyNum {
  color: #EB6F1F;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyMainBottom p {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #686B72;
  padding-left: 0.3rem;
}

.exchangeMoney .exchangeMoneyMain .exchangeMoneyMainBottom p:nth-child(1) {
  padding-left: 0.06rem;
}

.exchangeMoney .exchangeMoneyBtn {
  width: 100%;
  height: 0.4rem;
  background: #EB6F1F;
  line-height: 0.4rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
}

/* 红包弹出样式 */
.redPacketBox,
.redPacketBox1 {
  width: 2.5rem;
  height: 4.65rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
  opacity: 0;
}

.redPacketBox .redPacket,
.redPacketBox1 .redPacket {
  width: 1.25rem;
  height: 2.06rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
  /*过渡  */
  transition: all 0.5s ease;
  /* IE 9 */
  -ms-transition: all 0.5s ease;
  /* Firefox 4 */
  -moz-transition: all 0.5s ease;
  /* Safari 和 Chrome */
  -webkit-transition: all 0.5s ease;
  /* Opera */
  -o-transition: all 0.5s ease;
  z-index: 100;
}

.redPacketBox .closeRedPacket,
.redPacketBox1 .closeRedPacket {
  width: 0.33rem;
  height: 0.33rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

.redPacketBox .active,
.redPacketBox1 .active {
  /* 缩放 */
  transform: translate(-50%, -63%) scale(2);
  /* IE 9 */
  -ms-transform: translate(-50%, -63%) scale(2);
  /* Firefox */
  -moz-transform: translate(-50%, -63%) scale(2);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -63%) scale(2);
  /* Opera */
  -o-transform: translate(-50%, -63%) scale(2);
  /*过渡  */
  transition: all 0.5s ease 0;
  /* IE 9 */
  -ms-transition: all 0.5s ease 0;
  /* Firefox 4 */
  -moz-transition: all 0.5s ease 0;
  /* Safari 和 Chrome */
  -webkit-transition: all 0.5s ease 0;
  /* Opera */
  -o-transition: all 0.5s ease 0;
}

.openRedPacket {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  top: 1.32rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 100;
}

.openAnimationTop {
  width: 1.25rem;
  height: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.openAnimationBottom {
  width: 1.23rem;
  height: 0.56rem;
  position: absolute;
  bottom: 0;
  left: 0.01rem;
  z-index: 10;
  display: none;
}

.redPacketAward {
  width: 2.5rem;
  height: 4.13rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
  /*过渡  */
  transition: all 0.5s ease;
  /* IE 9 */
  -ms-transition: all 0.5s ease;
  /* Firefox 4 */
  -moz-transition: all 0.5s ease;
  /* Safari 和 Chrome */
  -webkit-transition: all 0.5s ease;
  /* Opera */
  -o-transition: all 0.5s ease;
  display: none;
  opacity: 0;
  z-index: 1000;
}

.redPacketSure {
  width: 1.55rem;
  height: 0.28rem;
  position: absolute;
  top: 3.05rem;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 顶部下载样式 */
/* .topDown {
    width: 100%;
    max-width: 1024px;
    height: 0.65rem;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0.1rem 0.15rem;
    z-index: 1000000;
}

.topDown .loadIcon {
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.1rem;
}

.topDown .nameDesc {
    width: 2rem;
    font-size: 0;
    color: #fff;
}

.topDown .appName {
    font-size: 0.16rem;
    line-height: 0.26rem;
}

.topDown .appDesc {
    font-size: 0.12rem;
    line-height: 0.14rem;
}

.topDown .loadBtn {
    width: 0.6rem;
    height: 0.2rem;
    border-radius: 100px;
    background: #eb6f1f;
    font-size: 0.1rem;
    line-height: 0.2rem;
    color: #fff;
    text-align: center;
    margin: 0.125rem 0;
} */

/* 下载送10元首页下载提示 */
/* .downHint{
    position: absolute;
    top: -0.15rem;
    left: 0.15rem;
    color: #FE2A2A;
} */

/* 性别 */
.sex {
  width: 1.7rem !important;
  text-align: left;
  line-height: 0.22rem;
  font-size: 0.16rem;
  color: #fff;
  background: #161D35;
  border: none;
  margin-left: 0.15rem;
}

option::-ms-expand {
  display: none;
}

.sex option {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari 和 Chrome */
  appearance: none;
  background: none;
}

/* --背景色字体颜色--*/
option:hover {
  border: 0;
  color: #fff;
  background-color: #161D35;
  border-color: #161D35;
}

/* 去掉date中上下小三角，但是保留input类型为number的小三角。 */
input[type=date]::-webkit-inner-spin-button {
  visibility: hidden;
}

/*----------用来移除叉叉按钮 鼠标移上去还会显示----------*/
input[type="date"]::-webkit-clear-button {
  display: none;
}

/*控制下拉小箭头*/
input[type="date"]::-webkit-calendar-picker-indicator {
  display: block;
  width: 2.1rem;
  height: 0.25rem;
  background: #000;
}

/* 日期控件样式 */
.date-input-box {
  width: 1.7rem !important;
  position: relative;
  display: inline-block;
  margin-left: 0.15rem;
}

.data {
  width: 1.8rem;
  height: 0.25rem;
  line-height: 0.25rem;
  font-size: 0.16rem;
  border: none;
  background: none;
  color: #fff;
}

.dateInput {
  width: 2.1rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
}

/* 我的收货地址 */
.addressLists {
  padding: 0 0.2rem;
}

.addressList {
  padding-top: 0.1rem;
  font-size: 0;
}

.addressList .name,
.addressList .ipone {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  background: #0F1726;
  border: 0;
}

.addressList .ipone {
  font-size: 0.12rem;
  padding-left: 0.1rem;
}

.addressAlter {
  font-size: 0;
}

.addressAlter .default {
  float: left;
  width: 0.4rem;
  height: 0.16rem;
  background: #222B4B;
  border-radius: 0.02rem;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
  text-align: center;
  align-self: flex-start;
  margin-top: 0.02rem;
}

.addressAlter .collectAddress {
  float: left;
  width: 2.4rem;
  height: 0.32rem;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
  overflow: hidden;
  padding-left: 0.1rem;
  background: #0F1726;
  border: 0;
}

.addressAlter .w280 {
  width: 2.8rem;
}

.addressAlter .pl0 {
  padding-left: 0;
}

.addressAlter .erectLine {
  float: right;
  width: 0.01rem;
  height: 0.2rem;
  background: #878C98;
  margin: 0 0.1rem;
}

.addressAlter .button {
  float: right;
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.16rem;
}

/* 添加新地址 */
.addressInput {
  border: none;
  background: none;
  height: 0.39rem;
  line-height: 0.39rem;
  font-size: 0.14rem;
  border-bottom: 0.01rem #1B2340 solid;
  margin: 0 0.1rem;
}

.addressInput input {
  border: none;
  background: none;
  width: 100%;
  height: 0.39rem;
  line-height: 0.39rem;
  font-size: 0.14rem;
  color: #fff;
}

/*修改提示文字的颜色*/
.addressInput input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #878C98;
}

.addressInput input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #878C98;
}

.addressInput input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #878C98;
}

.addressInput input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #878C98;
}

.cornerMarkPoints {
  position: absolute;
  top: -0.02rem;
  left: 0.05rem;
  width: 0.15rem;
  height: 0.48rem;
}

.setDefault {
  padding: 0.1rem;
  font-size: 0;
}

.setDefault .setDefaultTxt {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #878C98;
}

.setDefault .setDefaultIcon {
  width: 0.2rem;
  height: 0.2rem;
  float: right;
  background: url(https://downcdn.44755.com/webimg/set_default_icon_false.png) no-repeat center;
  background-size: 100%;
}

/* 今日有新服提示 */
.GameListTxt h5 .newClothes,
.advertGameName .newClothes,
.newgameListName .newClothes,
.missionCon2 .newClothes {
  background: url(https://downcdn.44755.com/webimg/red_packet.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  font-size: 0.1rem;
  padding-left: 0.14rem;
  color: #E32D38;
  /* color: #FE2A2A;
    font-size: 0.1rem;
    line-height: 0.14rem;
    margin-left: 0.05rem; */
}

/* .newClothes {
    background: url(/views/h5game/images/red_packet.png) no-repeat left center;
    background-size: 0.12rem 0.14rem;
    font-size: 0.1rem;
    padding-left: 0.14rem;
    color: #E32D38;
} */
/* 今日有新服提示改 */
.GameList li .newClothes1,
.advert .newClothes1,
.newgameListInfor .newClothes1 {
  color: #fff;
  font-size: 0.1rem;
  line-height: 0.16rem;
  width: 0.54rem;
  height: 0.16rem;
  position: absolute;
  left: 0.1rem;
  bottom: 0.09rem;
  background: #E32D38;
  text-align: center;
  border-bottom-right-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  z-index: 10;
}

.advert .newClothes1 {
  left: 0.15rem;
  bottom: 0.08rem;
}

/* 关注有礼 */
.attentionGift {
  width: 2.7rem;
  height: 2.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
}

.attentionGift .hint {
  width: 2.7rem;
  height: 0.45rem;
  line-height: 0.45rem;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  background: #161D35;
  text-align: center;
  color: #878C98;
  font-size: 0.18rem;
  font-weight: normal;
  padding-left: 0.45rem;
}

.attentionGift .hint .close {
  float: right;
  width: 0.45rem;
  height: 0.45rem;
}

.attentionGift .hint .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.attentionGift .attentionGiftCon {
  width: 2.7rem;
  height: 2.15rem;
  background: #0F1726;
  padding: 0.2rem 0;
  font-size: 0;
}

.attentionGift .attentionGiftCon .attentionGift_p1 {
  width: 2.7rem;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.2rem;
  color: #fff;
}

.attentionGift .attentionGiftCon .attentionGift_p2 {
  width: 2.7rem;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.25rem;
  color: #F45D5C;
  margin-bottom: 0.1rem;
}

.attentionGift .attentionGiftCon .attentionGift_p3 {
  width: 2.7rem;
  font-size: 0.1rem;
  text-align: center;
  line-height: 0.14rem;
  color: #878C98;
}

.attentionGift .attentionGiftCon .attentionGift_img {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  margin-bottom: 0.05rem;
}

/* .attentionGiftShow {
    width: 0.6rem;
    position: fixed;
    top: 35%;
    right: 0rem;
    transform: translateY(-50%);
    z-index: 10000;
} */
.attentionGiftShow {
  width: 0.5rem;
  position: fixed;
  right: 0.05rem;
  z-index: 10000;
  top: 50%;
  transform: translateY(-50%);
}

.attentionGiftShow .inviteTaskMoney,
.attentionGiftShow .inviteTaskMoney0 {
  width: 100%;
  color: #c31d1c;
  position: absolute;
  /* bottom: 0.05rem; */
  text-align: center;
  font-size: 0;
  top: 0.05rem;
}

.attentionGiftShow .inviteTaskMoney0 {
  font-size: 0.1rem;
  top: 0rem;
}

.attentionGiftShow .inviteTaskMoney .inviteTaskMoneyNum {
  font-size: 0.1rem;
}

.attentionGiftShow .inviteTaskMoney span {
  font-size: 0.08rem;
}

.attentionGiftShow .inviteTasknBtn {
  width: 100%;
  font-size: 0.1rem;
  line-height: 0.12rem;
  color: #932d24;
  position: absolute;
  bottom: -0.14rem;
  text-align: center;
  background: #fcb987;
  border-radius: 1rem;
  padding: 0.02rem 0;
}

/* ios企业签游戏无法运行教程 */
.toiOSCourse {
  position: fixed;
  top: 0.98rem;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: #F45D5C;
  padding: 0 0.1rem;
  z-index: 10;
  max-width: 1024px;
  margin: 0 auto;
}

.toiOSCourse .toiOSCourseCon {
  font-size: 0.14rem;
  line-height: 0.4rem;
  color: #fff;
  padding-left: 0.2rem;
  background: url(https://downcdn.44755.com/webimg/hint_white.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}

.toiOSCourse .toiOSCourseBtn {
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.24rem;
  background: #fff;
  border-radius: 0.12rem;
  font-size: 0.12rem;
  color: #E32D38;
  text-align: center;
  margin-top: 0.08rem;
}

/* 功能介绍 */
.subtool {
  font-size: 0;
}

.subtool li {
  padding: 0.1rem 0;
  border-bottom: 1px solid #1B2340;
  background: url(https://downcdn.44755.com/webimg/UseOperatiomTitleJiantou.png) no-repeat 3.4rem center;
  background-size: auto 0.14rem;
  margin: 0 0.1rem;
}

.subtool .versionTitle {
  font-size: 0.14rem;
  color: #878C98;
}

.subtool .updataTime {
  font-size: 0.12rem;
  color: #878C98;
}

/* 功能介绍详情 */
.subtoolDetails {
  padding: 0.1rem;
}

.subtoolDetails .describe {
  padding: 0.1rem 0;
  font-size: 0.12rem;
  color: #878C98;
}

.subtoolDetails .describeImg {
  display: block;
  width: 45%;
  float: left;
  margin-bottom: 0.2rem;
}

.subtoolDetails .describeImg:nth-child(2n-1) {
  margin-left: 10%;
}

/* 分享海报 */
.inviteShare {
  width: 100%;
  padding: 0.05rem 0 0.1rem 0;
  background: #EDEDED;
  position: fixed;
  bottom: 0;
  z-index: 100;
  max-width: 1024px;
}

#share_mask_layer .poster {
  width: 2.25rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border: none;
  display: none;
  transform: translate(-50%, -72%);
  /* IE 9 */
  -ms-transform: translate(-50%, -72%);
  /* Firefox */
  -moz-transform: translate(-50%, -72%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -72%);
  /* Opera */
  -o-transform: translate(-50%, -72%);
}

#share_mask_layer .poster_QRcode {
  width: 0.46rem;
  height: 0.46rem;
  position: absolute;
  top: 3.84rem;
  left: 0.98rem;
  background: #000;
}

/* 分享切换 */
.inviteShare .nviteShareBtnBox .inviteShareBtn {
  float: left;
  width: 1.87rem;
  font-size: 0.15rem;
  padding: 0.1rem 0;
  text-align: center;
  color: #878c98;
  font-weight: normal;
}

.inviteShare .nviteShareBtnBox .inviteShareBtn span {
  padding-bottom: 0.1rem;
}

.inviteShare .nviteShareBtnBox .inviteShareBtnActive span {
  border-bottom: 0.02rem solid #dd4f54;
}

.inviteShare .inviteShareConBox {
  /* overflow: scroll;
    padding: 0.2rem 0; */
  overflow: hidden;
  padding: 0.1rem 0;
}

.inviteShare ul {
  /* width: max-content; */
  /* height: 0.66rem; */
  display: none;
}

.inviteShare ul li {
  float: left;
  margin: 0.05rem 0.18rem;
}

.inviteShare ul li img {
  display: block;
  width: 0.4rem;
  margin: 0 auto;
}

.inviteShare ul li h5 {
  font-weight: normal;
  font-size: 0.12rem;
  color: #878C98;
  padding: 0.05rem 0;
}

.inviteShareHide {
  position: fixed;
  bottom: -100%;
  z-index: 100;
  max-width: 1024px;
  z-index: 10000;
}

/* .inviteShareHide .inviteShareHideTitle {
    font-size: 0.16rem;
    color: #878C98;
    text-align: center;
    padding-bottom: 0.11rem;
} */

.inviteShareHide .inviteShareHideClose {
  font-size: 0.16rem;
  color: #878C98;
  text-align: center;
  padding-top: 0.1rem;
  border-top: 1px solid #E0DEDE;
}

#linkInput {
  opacity: 1;
  height: 0;
  width: 0;
  position: absolute;
  top: -1000000px;
}

/* 登陆后红包到账提示 */
.maskLayer3 {
  z-index: 1000000;
  background: rgba(0, 0, 0, 0.8);
}

.maskLayer3 .hintCash {
  width: 0.5rem;
  height: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  background: #0f1726;
  color: #fff;
  font-size: 0.1rem;
  position: absolute;
  top: 0.02rem;
  left: 0.2rem;
}

.maskLayer3 .hintCash .hintCashNum {
  color: #e44a52;
  padding-left: 0.05rem;
}

.maskLayer3 .hintArrows {
  width: 0.6rem;
  height: 0.3rem;
  position: absolute;
  top: 0.36rem;
  left: 0.75rem;
  background: url(https://downcdn.44755.com/webimg/hint_arrows.png) no-repeat center;
  background-size: 100%;
}

.maskLayer3 .hintTxt {
  width: 100%;
  position: absolute;
  top: 0.84rem;
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
}

.maskLayer3 .hintBtn {
  width: 1rem;
  height: 0.38rem;
  line-height: 0.38rem;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translate(-50%, -72%);
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
  background: #eb6f1f;
  border-radius: 0.05rem;
}

.maskLayer4 .redPacketAward {
  background: url(../images/invite_red_packet_bg.png) no-repeat center;
  border-radius: 0.1rem;
  padding-top: 0.5rem;
}

.maskLayer4 .fromUsername {
  width: 1.6rem;
  margin: 0 auto;
  color: #ffe1b4;
  font-size: 0.16rem;
  text-align: center;
}

.maskLayer4 .text1,
.maskLayer4 .text2 {
  width: 1.6rem;
  margin: 0 auto;
  color: #ffe1b4;
  font-size: 0.12rem;
  text-align: center;
}

.maskLayer4 .text1 {
  padding: 0.1rem 0 0.4rem;
}

.maskLayer4 .text2 {
  padding: 0.1rem 0 0.8rem;
}

.maskLayer4 .text3 {
  width: 1.6rem;
  margin: 0 auto;
  font-size: 0.1rem;
  color: #3d3b3c;
  text-align: center;
  padding-bottom: 0.1rem;
}

.maskLayer4 .text3 span {
  color: #f35544;
}

.maskLayer4 .money {
  width: 1.6rem;
  margin: 0 auto;
  color: #ffe1b4;
  font-size: 0.12rem;
  text-align: center;
  line-height: 1;
}

.maskLayer4 .money span {
  font-size: 0.47rem;
  text-align: center;
}

.maskLayer4 .sure {
  width: 1.55rem;
  height: 0.27rem;
  margin: 0 auto;
  line-height: 0.27rem;
  color: #3d3b3c;
  font-size: 0.12rem;
  background: #ebcd9a;
  border-radius: 1rem;
  text-align: center;
}

/* 邀请任务未开启 */
.container .inviteTask {
  position: relative;
  width: 3.75rem;
  height: 3.45rem;
  /* background: url(https://downcdn.44755.com/webimg/invite_task_unlocking.png) no-repeat center; */
  background-size: 100% 100%;
  margin-top: 0.7rem;
  background: #fff;
  font-size: 0;
  max-width: 100%;
}

.container .inviteTask .openTask {
  width: 2.34rem;
  height: 0.43rem;
  position: absolute;
  top: 2.59rem;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

.container .inviteTask .notOpen {
  position: absolute;
  top: 1.9rem;
  left: 50%;
  font-size: 0.14rem;
  color: #fde2b1;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 邀请任务进行中 */
.inviteTask .inviteTask_unlocking {
  width: 100%;
  padding: 0 0.92rem;
  position: absolute;
  top: 0.96rem;

}

.inviteTask .progressBarBox {
  width: 100%;
  text-align: center;
}

.inviteTask .progressBarBox .progressBar {
  width: 1.5rem;
  height: 0.06rem;
  background: #bf2522;
  margin: 0 auto;
  border-radius: 1rem;
}

.inviteTask .progressBarBox .charts {
  height: 0.06rem;
  background: #fdaf69;
  border-radius: 1rem;
  position: relative;
  width: 0%;
}

.inviteTask .progressBarBox .chartsTip {
  position: absolute;
  top: -0.2rem;
  right: 0;
  width: 0.55rem;
  height: 0.14rem;
  line-height: 0.14rem;
  text-align: center;
  background: #bf2522;
  font-size: 0.1rem;
  color: #fff;
  border-radius: 0.03rem;
  transform: translateX(49%);
  /* IE 9 */
  -ms-transform: translateX(49%);
  /* Firefox */
  -moz-transform: translateX(49%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(49%);
  /* Opera */
  -o-transform: translateX(49%);
}

.inviteTask .progressBarBox .chartsTip::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.14rem;
  left: 50%;
  border-width: 0.03rem 0.03rem 0;
  border-style: solid;
  border-color: #bf2522 transparent transparent;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

.inviteTask .progressBarBox .progressBarText {
  font-size: 0.1rem;
  color: #cd0c14;
  text-align: center;
  padding-top: 0.05rem;
}

.inviteTask .redPacketMoney {
  position: absolute;
  top: 0.28rem;
  left: 50%;
  line-height: 1;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);

}

.inviteTask .redPacketMoney .money {
  font-size: 0.36rem;
  color: #cd0c14;
}

.inviteTask .redPacketMoney .units {
  font-size: 0.14rem;
  color: #cd0c14;
}

.inviteTask .unlocking,
.inviteTask .taskCompletedBtn,
.inviteTask .taskFailBtn {
  position: absolute;
  top: 0.66rem;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
  -webkit-animation: free_download 0.3s linear alternate infinite;
  animation: free_download 0.3s linear alternate infinite;
}

@-webkit-keyframes free_download {
  0% {
    transform: scale(1.1) translateX(-50%);
    /* IE 9 */
    -ms-transform: scale(1.1) translateX(-50%);
    /* Firefox */
    -moz-transform: scale(1.1) translateX(-50%);
    /* Safari 和 Chrome */
    -webkit-transform: scale(1.1) translateX(-50%);
    /* Opera */
    -o-transform: scale(1.1) translateX(-50%);
  }

  100% {
    transform: scale(1) translateX(-50%);
    /* IE 9 */
    -ms-transform: scale(1) translateX(-50%);
    /* Firefox */
    -moz-transform: scale(1) translateX(-50%);
    /* Safari 和 Chrome */
    -webkit-transform: scale(1) translateX(-50%);
    /* Opera */
    -o-transform: scale(1) translateX(-50%);
  }
}

@keyframes free_download {
  0% {
    transform: scale(1.1) translateX(-50%);
    /* IE 9 */
    -ms-transform: scale(1.1) translateX(-50%);
    /* Firefox */
    -moz-transform: scale(1.1) translateX(-50%);
    /* Safari 和 Chrome */
    -webkit-transform: scale(1.1) translateX(-50%);
    /* Opera */
    -o-transform: scale(1.1) translateX(-50%);
  }

  100% {
    transform: scale(1) translateX(-50%);
    /* IE 9 */
    -ms-transform: scale(1) translateX(-50%);
    /* Firefox */
    -moz-transform: scale(1) translateX(-50%);
    /* Safari 和 Chrome */
    -webkit-transform: scale(1) translateX(-50%);
    /* Opera */
    -o-transform: scale(1) translateX(-50%);
  }
}

.inviteTask .countDown {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  font-size: 0;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

.attentionGiftShow .countDown .countDownText,
.inviteTask .countDown .countDownText {
  font-size: 0.12rem;
  color: #fff;
  margin-right: 0.05rem;
}

.attentionGiftShow .countDown .countDownTime,
.inviteTask .countDown .countDownTime {
  display: inline-block;
  width: 0.22rem;
  height: 0.22rem;
  line-height: 0.22rem;
  background: #fff;
  border-radius: 0.05rem;
  font-size: 0.14rem;
  color: #e70b18;
  text-align: center;
}

.attentionGiftShow .countDown i,
.inviteTask .countDown i {
  display: inline-block;
  width: 0.1rem;
  height: 0.22rem;
  line-height: 0.22rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
}

.attentionGiftShow .countDown {
  position: absolute;
  top: 0.22rem;
  left: 0.09rem;
  font-size: 0;
}

.attentionGiftShow .countDown .countDownTime {
  width: auto;
  height: auto;
  line-height: 0.1rem;
  background: none;
  font-size: 0.08rem;
  color: #f4cb97;
}

.attentionGiftShow .countDown i {
  width: auto;
  height: auto;
  line-height: 0.1rem;
  font-size: 0.08rem;
  color: #f4cb97;
}

/* 邀请任务完成 */
.inviteTask .taskCompleted {
  top: 0.82rem;
}

.inviteTask .taskCompleted .redPacketMoney {
  top: 0.4rem;
}

.inviteTask .taskCompleted .taskCompletedBtn {
  top: 0.8rem;
}

.inviteTask .taskCompleted_top .taskCompleted_top1 {
  display: block;
  font-size: 0.16rem;
  line-height: 1;
  color: #cd0c14;
  padding-bottom: 0.05rem;
  text-align: center;
}

.inviteTask .taskCompleted_top .taskCompleted_top2 {
  display: block;
  font-size: 0.1rem;
  line-height: 1;
  color: #c3661b;
  text-align: center;
}

.inviteTask .taskCompleted_bottom {
  position: absolute;
  top: 1.8rem;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

.inviteTask .taskCompleted_bottom .taskCompleted_bottom1 {
  display: block;
  font-size: 0.14rem;
  line-height: 1;
  color: #fff;
  padding-bottom: 0.08rem;
  text-align: center;
}

.inviteTask .taskCompleted_bottom .taskCompleted_bottom2 {
  display: block;
  font-size: 0.1rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}

/* 邀请任务未完成 */
.inviteTask .taskFail {
  top: 0.82rem;
}

.inviteTask .taskFail .redPacketMoney {
  top: 0.4rem;
}

.inviteTask .taskFail .taskFailBtn {
  top: 0.8rem;
  background: url(https://downcdn.44755.com/webimg/task_fail_btn.png) no-repeat center;
  background-size: 100% 100%;
  border-radius: 50%;
}

.inviteTask .taskFail_top .taskFail_top1 {
  display: block;
  font-size: 0.14rem;
  line-height: 1;
  color: #c3661b;
  padding-bottom: 0.05rem;
  text-align: center;
  font-weight: bold;
}

.inviteTask .taskFail_top .taskFail_top2 {
  display: block;
  font-size: 0.1rem;
  line-height: 1;
  color: #c3661b;
  text-align: center;
}

.inviteTask .taskFail_bottom {
  position: absolute;
  top: 1.9rem;
  left: 50%;
  display: block;
  font-size: 0.14rem;
  line-height: 1;
  color: #edffff;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 福利礼包 */
.welfareCon {
  font-size: 0;
}

.welfareCon .welfareMain {
  background: #151D34;
  height: 3.04rem;
  padding: 0.1rem 0.2rem 0;
  margin-bottom: 0.1rem;
  overflow: hidden;
}

.welfareCon .welfareMain .welfareGiftLists {
  font-size: 0;
}

.welfareCon .welfareMain .welfareTitle,
.roleTransaction .welfareTitle {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0.1rem;
}

.welfareCon .welfareGiftList {
  padding: 0.1rem 0;
  border-bottom: 0.01rem solid #1B2340;
}

.welfareCon .welfareGiftList .welfareGiftInfo {
  width: 2.6rem;
  float: left;
}

.welfareCon .welfareGiftList .welfareGiftTit {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0.05rem;
}

/* .welfareCon .welfareGiftList .welfareGiftTag { */
.welfareGiftTag {
  display: inline-block;
  width: 0.5rem;
  height: 0.14rem;
  line-height: 0.14rem;
  font-size: 0.1rem;
  border-radius: 0.02rem;
  background: #F45D5C;
  text-align: center;
  margin-right: 0.03rem;
  color: #fff;
}

.welfareCon .welfareGiftList .welfareGiftCon {
  height: 0.28rem;
  line-height: 0.14rem;
  font-size: 0.1rem;
  border-radius: 0.02rem;
  color: #878C98;
  overflow: hidden;
}

.welfareCon .welfareGiftList .incomplete {
  float: right;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.24rem;
  color: #0F1726;
  background: #4B5263;
  border-radius: 1rem;
  text-align: center;
  font-size: 0.12rem;
  margin-top: 0.12rem;
}

.welfareCon .welfareGiftList .complete {
  color: #fff;
  background: #EB6F1F;
}

.welfareCon .welfareGiftList .alreadyget {
  background: #4B5263;
}

.welfareCon .moreWelfare a {
  display: block;
  background: url(https://downcdn.44755.com/webimg/UseOperatiomTitleJiantou.png) no-repeat 2.2rem center;
  background-size: 0.05rem 0.1rem;
  text-align: center;
  color: #878C98;
  font-size: 0.14rem;
  height: 0.4rem;
  line-height: 0.4rem;
}

.roleTransaction {
  height: 2.47rem;
  background: #151D34;
  padding: 0.1rem 0.2rem 0;
}

.roleTransaction .mayDeal {
  background: #151D34;
  padding: 0.3rem 0;
  text-align: center;
  line-height: 0.16rem;
}

.roleTransaction .mayDeal a {
  font-size: 0.12rem;
  color: #878C98;
}

.roleTransaction .mayDeal .mayDealCount {
  color: #EB6F1F;
}

.roleTransaction .buySell {
  /* padding: 0 0.2rem; */
}

.roleTransaction .buy,
.roleTransaction .sell {
  width: 1.6rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border: 0.01rem solid #878C98;
  border-radius: 1rem;
  font-size: 0.14rem;
  text-align: center;
  color: #878C98;
}

/* 福利礼包玩家角色信息填写 */
.welfareGift {
  position: absolute;
  top: 0.05rem;
  left: 0.5rem;
  width: 0.16rem;
  height: 0.16rem;
  background: url(https://downcdn.44755.com/webimg/welfare_gift.png) no-repeat center;
  background-size: 0.16rem 0.16rem;
}

.advert .welfareGift {
  /* width: 2.7rem; */
  top: 1.2rem;
  left: 0.56rem;
  z-index: 10;
}

.messageInputCon .gameMessage {
  padding: 0.1rem 0.2rem;
  background: #151D34;
}

.messageInputCon .gameMessage .gameIcon {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.messageInputCon .gameTit {
  padding-left: 0.1rem;
  padding-top: 0.1rem;
}

.messageInputCon .gameTit .welfareGiftName {
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.2rem;
  padding-bottom: 0.1rem;
  font-weight: normal;
}

.messageInputCon .gameTit .gameName {
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.17rem;
}

.messageInputCon .userMessage {
  margin-top: 0.1rem;
  padding: 0 0.2rem;
  background: #151D34;
}

.messageInputCon .userMessage label {
  float: left;
  font-size: 0.12rem;
  color: #fff;
  width: 0.92rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #151D34;
}

.messageInputCon .userMessage input {
  float: left;
  width: 2.43rem;
  height: 0.5rem;
  background: #151D34;
  border: none;
  border-bottom: 0.01rem solid #1B2340;
  color: #878C98;
}

.messageInputCon .applyForBtn {
  font-size: 0;
  width: 100%;
  height: 0.62rem;
  position: fixed;
  bottom: 0;
  padding: 0.1rem 0;
}

.messageInputCon .applyForBtn span {
  display: block;
  width: 3.33rem;
  height: 0.42rem;
  line-height: 0.42rem;
  margin: 0 auto;
  text-align: center;
  background: #EB6F1F;
  border-radius: 1rem;
  color: #fff;
  font-size: 0.14rem;
}

.welfareGiftCon1 {
  padding: 0.1rem 0.2rem 0.2rem;
  background: #151D34;
}

.welfareGiftDatails {
  padding-bottom: 0.15rem;
}

.welfareGiftDatails .welfareGiftDatailsH .welfareGiftDatailsH1,
.welfareGiftDatails .welfareGiftDatailsH .welfareGiftDatailsH2 {
  float: left;
  background: #EB6F1F;
  color: #fff;
  text-align: center;
  margin-bottom: 0.02rem;
  line-height: 0.42rem;
  font-size: 0.12rem;
}

.welfareGiftDatails .welfareGiftDatailsH .welfareGiftDatailsH1 {
  width: 1.12rem;
  margin-right: 0.02rem;
}

.welfareGiftDatails .welfareGiftDatailsH .welfareGiftDatailsH2 {
  width: 2.2rem;
}

.welfareGiftDatails .welfareGiftDatailsB .welfareGiftDatailsB1,
.welfareGiftDatails .welfareGiftDatailsB .welfareGiftDatailsB2 {
  float: left;
  background: #fff;
  color: #1B2340;
  text-align: center;
  height: 0.76rem;
}

.welfareGiftDatails .welfareGiftDatailsB .welfareGiftDatailsB1 {
  width: 1.12rem;
  margin-right: 0.02rem;
  line-height: 0.76rem;
  font-size: 0.16rem;
}

.welfareGiftDatails .welfareGiftDatailsB .welfareGiftDatailsB2 {
  display: flex;
  align-items: center;
  width: 2.2rem;
  font-size: 0.12rem;
  line-height: 0.16rem;
  padding: 0 0.15rem;
  text-align: left;
}

.welfareGiftDes h5,
.welfareGiftDes p {
  float: left;
  font-size: 0.12rem;
  color: #878C98;
  line-height: 0.12rem;
  line-height: 0.16rem;
}

.welfareGiftDes h5 {
  width: 1rem;
  padding: 0.05rem 0;
}

.welfareGiftDes p {
  width: 2.35rem;
  padding: 0.05rem 0;
}

.topUpCon .topUpConTop {
  padding: 0.2rem 0.15rem;
  background: #151D34;
  margin-bottom: 0.05rem;
}

.topUpCon .topUpConTop .topUpDiagram {
  padding-bottom: 0.4rem;
  display: flex;
  justify-content: space-between;
}

.topUpCon .topUpConTop .topUpDiagram1,
.topUpCon .topUpConTop .topUpDiagram2,
.topUpCon .topUpConTop .topUpDiagram3 {
  color: #878C98;
  font-size: 0.1rem;
  line-height: 0.14rem;
  text-align: center;
}

.topUpCon .topUpConTop .topUpDiagram1,
.topUpCon .topUpConTop .topUpDiagram2 {
  position: relative;
}

.topUpCon .topUpConTop .topUpDiagram1 span,
.topUpCon .topUpConTop .topUpDiagram2 span,
.topUpCon .topUpConTop .topUpDiagram3 span {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  border: 0.01rem solid #707070;
  border-radius: 50%;
  margin-bottom: 0.08rem;
}

.topUpCon .topUpConTop .topUpDiagram1 span {
  background: #FDD060;
  border: none;
  border-radius: 50%;
  line-height: 0.12rem;
}

.topUpCon .topUpConTop .topUpDiagram1 span i {
  position: absolute;
  top: 0.03rem;
  left: 50%;
  margin-left: -0.03rem;
  width: 0.06rem;
  height: 0.06rem;
  background: #fff;
  border-radius: 50%;
}

.topUpCon .topUpConTop .topUpDiagram1 {
  color: #EB6F1F;
}

.topUpCon .topUpConTop .topUpDiagram1 .topUpDiagramLine1,
.topUpCon .topUpConTop .topUpDiagram2 .topUpDiagramLine2 {
  position: absolute;
  top: 0.06rem;
  z-index: 10;
  width: 1.18rem;
  height: 0.01rem;
  background: #878C98;
  right: -1.13rem;
}

.topUpCon .topUpConTop .topUpDiagram2 .topUpDiagramLine2 {
  right: -1.03rem;
  width: 1.1rem;
}

.topUpCon .toUpImg {
  text-align: center;
  padding-bottom: 0.2rem;
}

.topUpCon .toUpImg img {
  display: inline-block;
  width: 0.65rem;
}

.topUpCon .topUpConTopTxt1 {
  font-size: 0.14rem;
  color: #EB6F1F;
  text-align: center;
  line-height: 0.2rem;
  padding-bottom: 0.1rem;
}

.topUpCon .topUpConTopTxt2 {
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  line-height: 0.16rem;
}

.topUpCon .topUpConTopTxt2 span.clolrF45D5C {
  color: #F45D5C;
}

.topUpCon .topUpConBottom {
  padding: 0.1rem 0.2rem;
  background: #151D34;
  border-bottom: 0.01rem solid #1B2340;
}

/* 福利礼包弹窗 */
.welfarePopup {
  width: 3rem;
  height: 3.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
}

.welfarePopup .popupTitle {
  height: 0.75rem;
  background: url(https://downcdn.44755.com/webimg/popup_title.png) no-repeat center top;
  background-size: 1.8rem 0.65rem;
}

.welfarePopup .popupClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.18rem;
  height: 0.18rem;
  background: url(https://downcdn.44755.com/webimg/popup_close.png) no-repeat center;
  background-size: 100% 100%;
}

.welfarePopup .popupConBg {
  position: relative;
  top: 0.2rem;
  width: 3rem;
  height: 2.75rem;
  background: #a01d24;
  border-radius: 0.1rem;
}

.welfarePopup .popupCon {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  width: 2.85rem;
  height: 2.75rem;
  background: #fde39e;
  border-radius: 0.15rem 0.15rem 0 0;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
  overflow: hidden;
  padding-bottom: 0.55rem;
}

.welfarePopup .popupCon .popupConTitle {
  font-size: 0.15rem;
  line-height: 0.15rem;
  color: #c67140;
  text-align: center;
}

.welfarePopup .popupCon .popupConTitle i.rhombus {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url(https://downcdn.44755.com/webimg/rhombus.png) no-repeat center;
  background-size: 100% 100%;
}

.welfarePopup .popupCon .popupConTitle i.rhombusL {
  margin-right: 0.05rem;
}

.welfarePopup .popupCon .popupConTitle i.rhombusR {
  margin-left: 0.05rem;
}

.welfarePopup .popupCon .progressBarBox1 {
  position: relative;
  padding: 0.2rem 0.3rem;
  top: 0.15rem;
}

.welfarePopup .progressBarBox1 .progressBarText1 {
  width: 110%;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #b0733c;
  margin-top: 0.1rem;
  margin-left: -0.1rem;
}

.welfarePopup .progressBarBox1 .progressBar1 {
  width: 1.8rem;
  height: 0.03rem;
  background: #fff2d0;
  border-radius: 1rem;
  margin: 0 auto;
}

.welfarePopup .progressBarBox1 .charts1 {
  width: 20%;
  height: 0.03rem;
  background: #e14141;
  border-radius: 1rem;
  position: relative;
}

.welfarePopup .progressBarBox1 .chartsTip1 {
  position: absolute;
  top: -0.25rem;
  right: -0.3rem;
  width: 0.62rem;
  height: 0.18rem;
  line-height: 0.18rem;
  background: #e23839;
  border-radius: 0.05rem;
  font-size: 0.12rem;
  color: #fff;
  text-align: center;
}

.welfarePopup .progressBarBox1 .chartsTip1::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.18rem;
  left: 50%;
  border-width: 0.03rem 0.03rem 0;
  border-style: solid;
  border-color: #bf2522 transparent transparent;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.welfarePopup .progressBarBox1 .complete1 {
  position: absolute;
  top: 0.14rem;
  width: 0.14rem;
  height: 0.14rem;
  background: url(https://downcdn.44755.com/webimg/complete1.png) no-repeat center;
  background-size: 100% 100%;
}

.welfarePopup .progressBarBox1 .unfinished1 {
  position: absolute;
  top: 0.17rem;
  right: 0.4rem;
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  border-radius: 50%;
}

.welfarePopup .popupConList {
  padding: 0 0.1rem;
}

.welfarePopup .popupConList li {
  font-size: 0.12rem;
  color: #c02623;
  line-height: 0.14rem;
}

.welfarePopup .popupConList .popupGiftName {
  font-size: 0.14rem;
  line-height: 0.18rem;
}

.popupFooter {
  height: 0.82rem;
  position: relative;
  bottom: 0.56rem;
  background: url(https://downcdn.44755.com/webimg/welfare_popup.png) no-repeat center bottom;
  background-size: 100% auto;
}

.popupFooter .popupBtn {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  width: 2.3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #fede98;
  border-radius: 1rem;
  font-size: 0.18rem;
  text-align: center;
  color: #c7733b;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 折扣提示样式 */
.discountTip {
  display: inline-block;
  width: 0.43rem;
  height: 0.14rem;
  background: #E32D38;
  font-size: 0.1rem;
  text-align: center;
  line-height: 0.14rem;
  position: relative;
  border-radius: 0.02rem;
  margin-left: 0.03rem;
  bottom: 0.01rem;
}

.discountTip::before {
  content: "";
  width: 0;
  height: 0;
  border: 0.04rem solid #E32D38;
  border-color: transparent #E32D38 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -0.04rem;
  left: -0.08rem;
}

.discountTip i {
  font-size: 0.1rem;
  background: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

.packSize {
  font-size: 0.1rem;
  padding-left: 0.1rem;
  color: #878c98;
  font-weight: normal;
}

/* 游戏页面游戏简介弹窗 */
.gameIntro {
  background: #0F1726;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  border-radius: 0.1rem;
  max-width: 1024px;
}

.gameIntro .gameIntroTit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  font-weight: normal;
  background: #0F1726;
  z-index: 10;
  background: url(https://downcdn.44755.com/webimg/go_bank.png) 0.17rem center no-repeat #0F1726;
  background-size: auto 0.16rem;
  cursor: pointer;
}

.gameIntro .gameImg {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}

.gameIntro .swiper-slide {
  font-size: 18px;
  width: 40%;
}

.gameIntro .swiper-container {
  padding: 0.1rem;
}

.gameIntro .gameDescription {
  padding: 0 0.05rem;
}

.gameIntro .gameDescriptionTit {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0.05rem;
}

.gameIntro .gameDescriptionCon {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
}

.gameIntro .gameDownBtn {
  width: 1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: #EB6F1F;
  vertical-align: middle;
  text-align: center;
  border-radius: 1rem;
  position: fixed;
  bottom: 0.1rem;
  left: 50%;
  margin-left: -0.5rem;
}

.gameIntro .gameDownBtn a {
  font-size: 0.14rem;
  color: #fff;
}

.gameIntro .close {
  position: fixed;
  top: 0;
  right: 0;
  width: 0.6rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  z-index: 10;
  font-size: 0.12rem;
  background: url(http://m.44755.com/views/images/190531/share.png) no-repeat left center;
  background-size: 0.2rem;
  padding-left: 0.2rem;
  color: #EB6F1F;
}

.gameIntro .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.gameFeature {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 0.74rem;
  z-index: 10;
}

/* 首充续充 */
.gameDescription .discount {
  line-height: 1;
  margin-right: 0.1rem;
}

.gameDescription .discount .firstRecharge {
  margin-right: 0.1rem;
}

.gameDescription .discount .active span {
  background: #FDD060;
}

.gameDescription .discount .active i {
  color: #E32D38;
}

/*.gameDescription .discount span {*/
/*    display: inline-block;*/
/*    width: 0.2rem;*/
/*    height: 0.2rem;*/
/*    line-height: 0.2rem;*/
/*    border: 0.01rem solid #707070;*/
/*    border-radius: 50%;*/
/*    font-size: 0.12rem;*/
/*    color: #878C98;*/
/*    text-align: center;*/
/*    margin-right: 0.02rem;*/
/*}*/

.gameDescription .discount i {
  font-size: 0.1rem;
}

/* VIP客服 */
/* 提交问题记录页面 */
/* .questionRecordBox{
    display: none;
} */
.submitQuestionBox {
  display: none;
}

.submitQuestion {
  padding: 0 0.1rem;
  font-size: 0;
}

.submitQuestion .questionList {
  background: #151D34;
  border-radius: 0.1rem;
  margin-bottom: 0.1rem;
}

.submitQuestion .questionList .questionTop {
  position: relative;
  height: 0.42rem;
  line-height: 0.42rem;
  overflow: hidden;
}

.submitQuestion .questionList .questionTit {
  font-size: 0.16rem;
  color: #fff;
  padding-left: 0.1rem;
  font-weight: normal;
}

.submitQuestion .questionList .questionTime {
  font-size: 0.12rem;
  color: #878c98;
  padding-right: 0.42rem;
}

.submitQuestion .questionList .questionBadge {
  position: absolute;
  top: 0.1rem;
  right: -0.32rem;
  z-index: 10;
  width: 0.8rem;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.12rem;
  color: #151D34;
  background-color: #878C98;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  padding-left: 0.14rem;
}

.submitQuestion .questionList .badgeComplete {
  color: #fff;
  background-color: #EB6F1F;
}

.submitQuestion .questionList .questionInputBox {
  padding: 0.1rem;
  border-bottom: 0.01rem solid #1B2340;
  position: relative;
}

.submitQuestion .questionList .questionInputBox .list {
  max-height: 1.5rem;
  position: absolute;
  top: 0.3rem;
  left: 0.9rem;
  color: #878C98;
  background: #151D34;
  padding: 0 0.1rem;
  z-index: 1;
  border-radius: 0.1rem;
  overflow: auto;
  display: none;
  border: 0.01rem solid #878C98;
}

.submitQuestion .questionList .questionInputBox .list li {
  font-size: 0.12rem;
  line-height: 0.16rem;
  padding: 0.1rem 0;
  border-bottom: 0.01rem solid #1B2340;
}

.submitQuestion .questionList .questionInputBox .list li:last-child {
  border-bottom: none;
}

.submitQuestion .questionList .questionLable {
  /* display: inline-block; */
  width: 0.78rem;
  font-size: 0.12rem;
  color: #878c98;
  /* height: 0.3rem;
    line-height: 0.3rem; */
}

.submitQuestion .questionList .questionInput {
  width: 2.5rem;
  font-size: 0.12rem;
  color: #fff;
  /* height: 0.3rem;
    line-height: 0.3rem; */
  border: 0;
  background: none;
  /* padding-left: 0.1rem; */
}

.submitQuestion .questionList .problemDesc {
  width: 100%;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
  border: 0;
  background: none;
  padding-bottom: 0.1rem;
}

.submitQuestion .questionList .serviceReturn {
  width: 100%;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
  border: 0;
  background: none;
  padding: 0 0.1rem 0.1rem;
}

.submitQuestion .questionBottom {
  padding: 0.1rem;
}

.submitQuestion .questionBottom .questionBottomTime {
  font-size: 0.12rem;
  float: right;
  line-height: 0.26rem;
  margin-right: 0.1rem;
}

.submitQuestion .questionBottom .questionBottomBtn {
  display: block;
  width: 0.7rem;
  height: 0.26rem;
  line-height: 0.24rem;
  border: 1px solid #878C98;
  font-size: 0.1rem;
  color: #878c98;
  text-align: center;
  background: url(https://downcdn.44755.com/webimg/good_reputation.png) 0.12rem center no-repeat;
  border-radius: 1rem;
  background-size: 0.12rem 0.12rem;
  padding-left: 0.17rem;
  float: left;
  cursor: pointer;
}

.submitQuestion .questionBottom .computed {
  background: url(https://downcdn.44755.com/webimg/good_reputation_computed.png) 0.08rem center no-repeat #EB6F1F;
  border-color: #EB6F1F;
  color: #fff;
  background-size: 0.12rem 0.12rem;
}

.submitQuestion .questionBottom .questionBottomReply {
  display: block;
  width: 0.7rem;
  height: 0.26rem;
  line-height: 0.24rem;
  border: 0.01rem solid #EB6F1F;
  font-size: 0.1rem;
  color: #878c98;
  text-align: center;
  border-radius: 1rem;
  cursor: pointer;
  background: #151D34;
  color: #EB6F1F;
  float: right;
}

.submitQuestion .questionBottom .questionSolve {
  background: url(https://downcdn.44755.com/webimg/good_reputation_computed.png) 0.08rem center no-repeat #EB6F1F;
  border-color: #EB6F1F;
  color: #fff;
  background-size: 0.12rem 0.12rem;
}

.submitQuestion .creationQuestionBox {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.6rem;
  background: #0F1726;
  z-index: 100;
}

.submitQuestion .creationQuestion {
  position: fixed;
  left: 50%;
  bottom: 0.1rem;
  width: 3.3rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
  background: #EB6F1F;
  border-radius: 1rem;
}

/* 提交问题页面 */
.submitQuestionCenter {
  background: #151D34;
  padding: 0.1rem;
}

.submitQuestionBox .questionList .questionLable,
.submitQuestionBox .questionList .questionInput {
  color: #fff;
  height: 0.2rem;
  line-height: 0.2rem;
  padding: 0.1rem 0;
}

/*修改提示文字的颜色*/
.submitQuestionBox .questionList .questionInput::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #878C98;
}

.submitQuestionBox .questionList .questionInput:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #878C98;
}

.submitQuestionBox .questionList .questionInput::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #878C98;
}

.submitQuestionBox .questionList .questionInput:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #878C98;
}

.submitQuestionBox .questionTypeTit {
  font-size: 0.12rem;
  line-height: 0.17rem;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0.05rem;
}

.submitQuestionBox .questionType {
  background: #151D34;
  margin-bottom: 0.1rem;
  padding: 0.1rem;
  border-radius: 0.1rem;
}

.submitQuestionBox .questionType>ul>li {
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #878C98;
  border: 0.01rem solid #878C98;
  padding: 0.05rem 0.05rem;
  float: left;
  border-radius: 0.05rem;
}

.submitQuestionBox .questionType>ul>li.mr5 {
  margin-right: 0.05rem;
}

.submitQuestionBox .questionType>ul>li.mb5 {
  margin-bottom: 0.05rem;
}

.submitQuestionBox .questionType>ul>li.active {
  background: #EB6F1F;
  color: #fff;
  border-color: #EB6F1F;
}

.submitQuestionCenter .questionImg {
  position: relative;
  width: 100%;
  height: 1.8rem;
  background: #151D34;
  color: #fff;
  border: 0.01rem solid #878C98;
  border-radius: 0.1rem;
  padding: 0.1rem;
  margin-top: 0.1rem;
  overflow: auto;
}

.submitQuestionCenter .questionImg textarea {
  width: 100%;
  height: 0.2rem;
  background: none;
  border: 0;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.16rem;
}

/*修改提示文字的颜色*/
.submitQuestionCenter .questionImg textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #878C98;
}

.submitQuestionCenter .questionImg textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #878C98;
}

.submitQuestionCenter .questionImg textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #878C98;
}

.submitQuestionCenter .questionImg textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #878C98;
}

.submitQuestionCenter .questionImg img {
  padding-bottom: 0.1rem;
  width: auto;
  max-width: 100%;
}

.submitQuestionCenter .questionImg .questionImgBox {
  width: 0.6rem;
  height: 0.7rem;
  background: url(https://downcdn.44755.com/webimg/question_img.png) no-repeat center;
  background-size: 0.6rem 0.6rem;
  margin-top: 0.45rem;
}

.submitQuestionCenter .questionImg .questionImgBox input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: relative;
  z-index: 10;
}

.submitQuestionCenter .questionImg .questionImgBox .imgInputText {
  display: block;
  width: 100%;
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #878c98;
  text-align: center;
}

.submitQuestionBox .questionRemark {
  width: 100%;
  padding: 0 0.1rem 0.1rem;
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878c98;
  background: #151D34;
}

.questionCenter .serviceReturn .questionBottomTime {
  color: #878c98;
  /* float: right; */
  display: block;
  /* text-align: right; */
  margin-top: 0.05rem;
}

.switch {
  font-size: 0;
  line-height: 1;
  padding: 0.15rem 0 0.1rem;
}

.switch a {
  font-size: 0.12rem;
  color: #fff;
}

.switch .open {
  padding-right: 0.1rem;
}

.switch .active {
  color: #FE2A2A;
}

.choose-btn {
  display: none;
}

.choose-label {
  box-shadow: #b1b1b1 0px 0px 0px 0.01rem;
  width: 0.3rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.16rem;
  position: relative;
  background-color: #bdbdbd;
  overflow: hidden;
  margin: 0;
  margin-top: 0.04rem;
  cursor: pointer;
  vertical-align: middle;
}

.choose-label2 {
  box-shadow: #b1b1b1 0px 0px 0px 0.01rem;
  width: 0.3rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.16rem;
  position: relative;
  background-color: #bdbdbd;
  overflow: hidden;
  margin: 0;
  margin-top: 0.04rem;
  cursor: pointer;
  vertical-align: middle;
}

.choose-label3 {
  box-shadow: #b1b1b1 0px 0px 0px 0.01rem;
  width: 0.3rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.16rem;
  position: relative;
  background-color: #bdbdbd;
  overflow: hidden;
  margin: 0;
  margin-top: 0.04rem;
  cursor: pointer;
  vertical-align: middle;
}

.choose-label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.2rem;
  background-color: #fff;
  z-index: 20;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.choose-label2:before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.2rem;
  background-color: #fff;
  z-index: 20;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.choose-label3:before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0.2rem;
  background-color: #fff;
  z-index: 20;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.choose-btn:checked+label.choose-label:before {
  left: 0.14rem;
}

.choose-label3:before {
  left: 0.14rem;
}

.choose-btn:checked+label.choose-label {
  background-color: #EB6F1F;
  box-shadow: #EB6F1F 0px 0px 0px 0.01rem;
}

.choose-label3 {
  background-color: #EB6F1F;
  box-shadow: #EB6F1F 0px 0px 0px 0.01rem;
}

.choose-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.2rem;
  color: #888;
  font-size: 0.12rem;
  margin-top: 0.04rem;
}

/* 邀请好友页面改版 */
.homeboyTit {
  font-size: 0.15rem;
  text-align: center;
  line-height: 0.2rem;
  /* padding-top: 0.15rem; */
  color: #404247;
}

.homeboyDesc {
  font-size: 0.1rem;
  text-align: center;
  line-height: 0.18rem;
  color: #878c98;
}

/* 我的页面添加功能广告图 */
.personalBanner {
  padding: 0.1rem 0.1rem 0;
}

.personalBanner img {
  border-radius: 0.1rem;
}

/* 攻略改版 */

.gameStrategyLists {
  padding: 0 0 0.4rem;
  background: none;
}

.strategyPraise,
.strategyShare,
.strategyPraiseActive {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0.14rem;
  color: #EB6F1F;
}

.strategyPraise {
  background: url(https://downcdn.44755.com/webimg/strategy_praise_no.png) 0.62rem center no-repeat;
  background-size: 0.16rem auto;
  padding-left: 0.25rem;
}

.strategyPraiseActive {
  background: url(https://downcdn.44755.com/webimg/strategy_praise_yes.png) 0.62rem center no-repeat;
  background-size: 0.16rem auto;
  padding-left: 0.25rem;
}

.strategyShare {
  background: url(https://downcdn.44755.com/webimg/strategy_share.png) 0.56rem center no-repeat;
  background-size: 0.16rem auto;
  padding-left: 0.25rem;
}

.strategyBottom {
  padding-top: 0.1rem;
  border-top: 0.01rem solid #1B2340;
  margin-top: 0.1rem;
  border-bottom: 0;
}

.gameStrategyLists .strategyCon img {
  float: left;
  width: 1.18rem;
  height: 1rem;
  padding-right: 0.05rem;
  object-fit: cover
}

.gameStrategyLists .strategyCon img:last-child {
  padding-right: 0;
}

.strategyPraise,
.strategyShare,
.strategyPraiseActive {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0.14rem;
  color: #EB6F1F;
}

.gameStrategyLists li {
  padding: 0.1rem 0.1rem;
  margin-bottom: 0.05rem;
  background: #151D34;
  border-bottom: 0;
}

.gameStrategyLists .comeFrom span {
  padding-right: 0.05rem;
}

.gameStrategyLists .comeFrom .gainIntegral {
  padding: 0;
}

/* 帮派成员 */
/* 帮派任务 */
.factionMission .missionTit {
  height: 0.32rem;
  font-size: 0.15rem;
  color: #404247;
  line-height: 0.32rem;
  font-weight: normal;
  text-align: center;
}

.factionMission .missionLists {
  background: #fff;
  padding: 0.05rem 0.1rem;
  margin-bottom: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.factionMission .missionListsL {
  width: 2.8rem;
  font-size: 0;
}

.factionMission .missionListsTit {
  font-size: 0.12rem;
  color: #878c98;
  line-height: 0.16rem;
  font-weight: normal;
}

.factionMission .missionListsCon {
  font-size: 0.1rem;
  color: #EB6F1F;
  line-height: 0.14rem;
}

.factionMission .missionListsBtn {
  width: 0.54rem;
  line-height: 1;
  height: 0.24rem;
  font-size: 0.12rem;
  color: #878C98;
  text-align: center;
  border: 2px solid #878C98;
  border-radius: 100px;
  padding: 0.04rem 0;
}

.complete .missionListsBtn {
  background: #EB6F1F;
  border-color: #EB6F1F;
  color: #fff;
}

.factionMission .missionPlanBox {
  position: relative;
  display: inline-block;
  width: 1.68rem;
  height: 0.16rem;
  border-radius: 100px;
  background: #ccc;
  font-size: 0.1rem;
  line-height: 0.16rem;
  color: #fff;
  text-align: center;
  margin: 0.05rem 0;
}

.factionMission .missionPlan {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.68rem;
  height: 0.16rem;
  border-radius: 100px;
  background: #E54B53;
}

.factionMission span {
  position: relative;
  z-index: 10;
}

.downloadBox,
.attentionBox {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

/* 我的页面-邀请码 */
.inviteCode {
  font-size: 0;
  padding: 0.1rem 0.1rem 0;
}

.activation {
  font-size: 0;
  padding: 0.1rem 0.1rem 0;
}

.inviteCode .inviteCodeBox {
  background: #151D34;
  border-radius: 0.1rem;
  padding: 0.1rem 0.2rem;
}

.activation .activationBox {
  background: #151D34;
  border-radius: 0.1rem;
  padding: 0.1rem 0.2rem;
  position: relative;
}

.activationBox .activationtit {
  color: #878C98;
  font-size: 0.12rem;
  width: 2.5rem;
}

.inviteCode .inviteCodeMain {
  margin-bottom: 0.05rem;
}

.activation_dredge {
  float: right;
  width: 0.6rem;
  line-height: 0.2rem;
  text-align: center;
  height: 0.2rem;
  background: #EB6F1F;
  color: #FFFFFF;
  border-radius: 0.1rem;
  position: absolute;
  top: 0.18rem;
  right: 0.15rem;
}

.activation_text {
  color: #fff;
  font-size: 0.12rem;
}

.inviteCode .inviteCodeInput {
  width: 1.85rem;
  height: 0.4rem;
  border: 0.01rem solid #EB6F1F;
  background: #131D30;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  padding-left: 0.1rem;
  font-size: 0.12rem;
}

/*修改提示文字的颜色*/
.inviteCode .inviteCodeInput::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}

.inviteCode .inviteCodeInput:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

.inviteCode .inviteCodeInput::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.inviteCode .inviteCodeInput:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}

.inviteCode .inviteCodeSubmit {
  display: inline-block;
  width: 1.2rem;
  height: 0.4rem;
  background: #EB6F1F;
  color: #fff;
  border-radius: 0 0.1rem 0.1rem 0;
  border: 0;
  vertical-align: bottom;
  font-size: 0.12rem;
}

.inviteCode .inviteCodeRemark {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #F45D5C;
  font-size: 0.12rem;
  line-height: 0.18rem;
}

/* 攻略页面筛选按钮 */
.gameStrategyLists .filtrateBtn {
  font-size: 0.12rem;
  padding: 0.1rem;
  color: #EB6F1F;
}

.gameStrategyLists .filtrateBtn span {
  display: inline-block;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.22rem;
  border: 0.01rem solid #878c98;
  text-align: center;
  color: #878c98;
  border-radius: 0.1rem;

}

.gameStrategyLists .filtrateBtn .allStrategy {
  margin-right: 0.1rem;
  color: #EB6F1F;
  border-color: #EB6F1F;
}

/* 合服、停服 */
.notice {
  font-size: 0;
}

.notice li {
  padding: 0.1rem;
  margin-bottom: 0.1rem;
  background: #151D34;
}

.notice .noticeTit {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: normal;
}

.notice .noticeTit {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: normal;
}

.notice .noticeView span {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: #878c98;
  padding-right: 0.1rem;
}

.notice .noticeCon {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
  padding: 0.1rem 0;
}

.noticeBtn {
  width: 100%;
  height: 0.5rem;
  position: fixed;
  background: #0F1726;
  top: 1rem;
  left: 50%;
  z-index: 100;
  max-width: 1024px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  /* border-bottom: 1px solid #1B2340; */
  padding-top: 0.05rem;
}

.noticeBtn ul {
  width: 100%;
}

/* .noticeBtn li {
    font-size: 0.16rem;
    width: 0.8rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border: none;
    padding: 0;
    text-align: center;
    background: none;
    border-bottom: 0.01rem solid #0F1726;
    margin: 0 0.5rem;
    color: #878c98;
    opacity: 1;
} */

.noticeBtn li.swiper-pagination-bullet-active {
  background: none;
  color: #EB6F1F;
  border-bottom: 0.01rem solid #EB6F1F;
  border-radius: unset;
  height: 0.35rem;
  left: 0;
  bottom: 0rem;
}

/* 我的邀请码 */
.shareCode {
  font-size: 0.12rem;
  color: #fff;
  padding-left: 0.1rem;
}

/* 邀请好友界面复制链接 */
.copylink {
  /* padding: 0 0.35rem; */
  font-size: 0;
  text-align: center;
}

.copylink span {
  font-size: 0.12rem;
}

.copylinkSpan1 {
  height: 0.24rem;
  line-height: 0.22rem;
  display: inline-block;
  padding: 0 0.05rem;
  color: #878c98;
  text-align: center;
}

.copylinkSpan2 {
  /* width: 0.6rem; */
  height: 0.24rem;
  display: inline-block;
  line-height: 0.24rem;
  color: #Eb6f1f;
  text-align: center;
}

#linkInput1 {
  opacity: 1;
  height: 0;
  width: 0;
  position: absolute;
  top: -1000000px;
}

/* 帮派新弹窗-帮派秘籍 */
#master {
  width: 2.85rem;
  height: 5.12rem;
  margin-top: -2.56rem;
  margin-left: -1.425rem;
}

#master .factionMain {
  padding: 0.1rem 0;
  background: #0f1726;
}

#master p {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
}

#master .factionHintT {
  text-align: center;
}

#master .factionHintC>p,
#master .factionHintB>p {
  text-align: left;
  line-height: 0.15rem;
  padding: 0 0.1rem 0.1rem;
}

#master .factionHintTit1,
#master .factionHintTit2 {
  padding: 0.08rem 0 0.09rem;
  font-size: 0.12rem;
  color: #fff;
  text-align: center;
  position: relative;
}

#master .factionHintTit1 {
  padding-top: 0.18rem;
}

#master .factionHintTit1 i,
#master .factionHintTit2 i {
  background: url(https://downcdn.44755.com/webimg/faction_tit_bg.png) no-repeat center;
  background-size: auto;
  background-size: 0.2rem 0.13rem;
  display: block;
  width: 0.2rem;
  height: 0.13rem;
  position: absolute;
}

#master .factionHintTit1 i.factionHintTit1L {
  left: 0.65rem;
}

#master .factionHintTit1 i.factionHintTit1R {
  right: 0.6rem;
}

#master .factionHintTit2 i.factionHintTit2L {
  left: 0.9rem;
}

#master .factionHintTit2 i.factionHintTit2R {
  right: 0.85rem;
}

#master span {
  color: #dd4f54;
}

#master .makeMoneyRule span {
  color: #fff;
}

.makeMoneyRule {
  font-size: 0;
  padding: 0 0.05rem;
  background: none;
}

.makeMoneyRule .makeMoneyRuleConTop {
  display: flex;
  align-items: center;
  font-size: 0;
  margin-bottom: 0.05rem;
}

.makeMoneyRule .makeMoneyRuleConList {
  width: 0.8rem;
  height: 0.52rem;
  background: #161d35;
  border-radius: 0.1rem;
  text-align: center;
  font-size: 0.1rem;
  color: #fff;
  float: left;
  display: flex;
  align-items: center;
  padding: 0 0.05rem;
}

.makeMoneyRuleCon .arrowsRight {
  float: left;
  width: 0.08rem;
  height: 0.14rem;
  background: url(https://downcdn.44755.com/webimg/arrows_right.png) no-repeat center;
  background-size: 100%;
  margin: 0 0.05rem;
}

.makeMoneyRuleCon .makeMoneyRuleConBottom {
  height: 0.7rem;
  padding: 0;
}

.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl,
.makeMoneyRuleCon div.fl {
  width: 0.8rem;
  font-size: 0;
  margin-right: 0.17rem;
}

.makeMoneyRuleCon .makeMoneyRuleConBottomMe,
.makeMoneyRuleCon .makeMoneyRuleConBottomA,
.makeMoneyRuleCon .makeMoneyRuleConBottomB {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.05rem;
}

.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.line,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.line {
  display: inline-block;
  width: 0.25rem;
  height: 0.02rem;
  position: relative;
}

.makeMoneyRuleCon .makeMoneyRuleConBottomMe i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomA i.square,
.makeMoneyRuleCon .makeMoneyRuleConBottomB i.square {
  width: 0.04rem;
  height: 0.02rem;
  background: #0f1726;
  position: absolute;
  top: 0;
  right: 0.04rem;
  z-index: 10;
}

.bgFbb508 {
  background: #fbb508;
}

.bgF68c05 {
  background: #f68c05;
}

.bgF34e1e {
  background: #f34e1e;
}

.mr5 {
  margin-right: 0.03rem;
}

.ml5 {
  margin-left: 0.03rem;
}

.makeMoneyRuleCon .makeMoneyRuleConBottomMe span,
.makeMoneyRuleCon .makeMoneyRuleConBottomA span,
.makeMoneyRuleCon .makeMoneyRuleConBottomB span {
  display: inline-block;
  width: 0.23rem;
  height: 0.23rem;
  font-size: 0.12rem;
  line-height: 0.23rem;
  color: #fff;
  text-align: center;
  border-radius: 100px;
}

.bottomATxt h5,
.bottomBTxt h5 {
  font-size: 0.12rem;
  color: #878c98;
  font-weight: normal;
  text-align: center;
}

.bottomATxt p,
.bottomBTxt p {
  font-size: 0.1rem;
  color: #878c98;
  font-weight: normal;
  text-align: center;
  line-height: 0.14rem;
}

#master .factionClose {
  position: absolute;
  bottom: -0.4rem;
  width: 0.3rem;
  height: 0.3rem;
  left: 50%;
  margin-left: -0.15rem;
  background: url(https://downcdn.44755.com/webimg/faction_close.png) no-repeat center;
  background-size: 100%;
}

/* 今日运势 */
.todayLuck .revisePassword .goBack {
  background: url(https://downcdn.44755.com/webimg/go_bank.png) 0.17rem center no-repeat #161743;
  background-size: auto 0.16rem;
}

.todayLuck .horoscope {
  padding: 0 0.1rem;
}

.todayLuck .horoscope .horoscopeTop {
  height: 1.1rem;
  background: url(https://downcdn.44755.com/webimg/horoscope_top_bg.png) center no-repeat #161743;
  background-size: 100% 100%;
  padding: 0 0.35rem;
}

.todayLuck .horoscope .horoscopeInfo {
  float: left;
  padding-top: 0.23rem;
  position: relative;
}

.todayLuck .horoscope .horoscopeName {
  font-size: 0.28rem;
  color: #fff;
  line-height: 0.4rem;
  padding-bottom: 0.05rem;
  font-weight: 600;
}

.todayLuck .horoscope .horoscopeDate {
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.2rem;
}

.todayLuck .horoscope .horoscopeIcon {
  float: right;
  width: 0.57rem;
  height: 0.57rem;
  padding-top: 0.27rem;
}

.horoscopeTitle {
  height: 0.4rem;
  padding: 0.1rem 0;
  font-size: 0;
  color: #fff;
  position: relative;
  text-align: center;
}

.horoscopeTitleLine {
  display: inline-block;
  width: 1.32rem;
  height: 0.01rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
}

.horoscopeTitleCon {
  display: inline-block;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  background: #161743;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
  padding: 0 0.05rem;
  font-family: FontName;
  font-weight: normal;
  white-space: nowrap;
}

.todayLuck .horoscopeCen .horoscopeAll {
  width: 2.05rem;
  font-size: 0;
  float: left;
}

.todayLuck .horoscopeAll .horoscopeAllTit {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: 600;
}

.todayLuck .horoscopeAll .horoscopeAllImg {
  width: auto;
  height: 0.92rem;
  margin: 0.34rem 0 0 0.32rem;
}

.todayLuck .horoscopeAll .horoscopeAllNum {
  display: block;
  color: #575AD8;
  font-size: 0.2rem;
  margin-right: 0.4rem;
  text-align: right;
}

.todayLuck .horoscopeCen .horoscopeDetails {
  /* width: 1.5rem; */
  float: right;
  padding-top: 0.3rem;
  font-size: 0;
}

.todayLuck .horoscopeDetails li {
  height: 0.2rem;
  line-height: 0.2rem;
  margin-bottom: 0.2rem;
  font-size: 0.14rem;
  color: #fff;
}

.todayLuck .horoscopeDetails .horoscopeNum {
  width: 0.8rem;
  color: #fff;
  padding-left: 0.1rem;
  font-size: 0.14rem;
  display: inline-block;
  text-align: center;
}

.todayLuck .horoscopeDetails img {
  width: 0.8rem;
  display: inline-block;
  padding-left: 0.1rem;
}

.todayLuck .horoscopeCen .horoscopeLuck {
  font-size: 0;
  display: flex;
  justify-content: space-between;
  height: 0.6rem;
  line-height: 0.2rem;
  padding: 0.2rem 0;
}

.todayLuck .horoscopeLuck span {
  font-size: 0.12rem;
  color: #fff;
}

.todayLuck .horoscopeLuck span.horoscopeLuckNum,
.todayLuck .horoscopeLuck span.horoscopeLuckColor,
.todayLuck .horoscopeLuck span.horoscopePairing {
  font-size: 0.14rem;
  font-weight: 600;
  color: #FBDD94;
}

.todayLuck .horoscopeTit {
  height: 0.3rem;
  font-size: 0.14rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 0.2rem;
  color: #fff;
  padding-bottom: 0.1rem;
  text-align: center;
}

.todayLuck .horoscopeTit .circle {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  background: linear-gradient(139deg, rgba(112, 57, 208, 1) 0%, rgba(166, 90, 230, 1) 100%);
  border-radius: 50%;
  margin-right: 0.05rem;
}

.todayLuck .horoscopeBottom {
  padding-bottom: 0.1rem;
}

.todayLuck .horoscopeBottom .horoscopeBottomTxt {
  padding: 0.2rem 0.08rem;
  background: #1C1D52;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
  border-radius: 0.1rem;
}

/* 奖品列表 */
.todayLuck .inferBox {
  width: 100%;
  max-width: 1024px;
  height: 0.52rem;
  background: #161743;
  position: fixed;
  bottom: 0;
  left: 0;
}

.todayLuck .infer {
  width: 3.33rem;
  height: 0.42rem;
  line-height: 0.42rem;
  background: linear-gradient(90deg, rgba(99, 63, 199, 1) 0%, rgba(120, 38, 207, 1) 100%);
  border-radius: 100px;
  font-size: 0.14rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 提交生日弹窗 */
.birthday {
  display: none;
  width: 2.85rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* IE 9 */
  -ms-transform: translate(-50%, -50%);
  /* Firefox */
  -moz-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -webkit-transform: translate(-50%, -50%);
  /* Opera */
  -o-transform: translate(-50%, -50%);
  font-size: 0;
  background: #0F1726;
}

.birthday .birthdayTit {
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  border-radius: 0.1rem 0.1rem 0 0;
  background: #161D35;
  font-weight: normal;
  padding-left: 0.42rem;
}

.birthday .birthdayTit .close {
  float: right;
  width: 0.32rem;
  height: 0.32rem;
}

.birthday .birthdayTit .close img {
  display: inline-block;
  width: 0.11rem;
  height: 0.11rem;
}

.birthday .birthdayInputBox {
  padding: 0.1rem;
  position: relative;
  border-bottom: 0.01rem solid #1B2340;
}

.birthday .birthdayInputBox label {
  width: 0.6rem;
  font-size: 0.14rem;
  color: #fff;
  height: 0.39rem;
  line-height: 0.39rem;
  display: inline-block;
}

.birthday .birthdayInputBox .date-input-box {
  width: auto !important;
}

.birthday .birthdayInputBox .data {
  font-size: 0.14rem;
}

.birthday .birthdaySubmit {
  display: block;
  width: 2.85rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  border-radius: 0 0 0.1rem 0.1rem;
  background: #EB6F1F;
}

/* 我的邀请码 */
.factionCode {
  padding: 0.1rem 0.2rem;
  margin-bottom: 0.1rem;
}

.factionCode .myInviteCode {
  height: 0.8rem;
  line-height: 0.8rem;
  background: url(https://downcdn.44755.com/webimg/my_invite_code5.png) center no-repeat;
  background-size: 1.6rem auto;
  color: #454545;
  font-size: 0.2rem;
  text-align: center;
  margin-bottom: 0.1rem;
  letter-spacing: 0.05rem;
  position: relative;
  width: 1.6rem;
  display: inline-block;
}

.myInviteCode .myInviteCodeTit {
  position: absolute;
  top: 0.1rem;
  left: 50%;
  line-height: 1;
  font-size: 0.12rem;
  letter-spacing: 0;
  transform: translateX(-51%);
  -ms-transform: translateX(-51%);
  -moz-transform: translateX(-51%);
  -webkit-transform: translateX(-51%);
  -o-transform: translateX(-51%);
  color: #454545;
}

.myFaction {
  background: #151E34;
}

/* 每日玩游戏收益 */
.todayEarnings {
  font-size: 0;
  line-height: 1;
  padding: 0.15rem 0 0.1rem;
}

.todayEarnings span {
  font-size: 0.12rem;
  color: #fff;
}

.todayEarnings span.todayEarningsMoney {
  color: #EB6F1F;
}

/*  */
.hotGameTitleBox {
  padding: 0 0.05rem;
  width: 3.55rem;
  z-index: 10000000;
  background: #0F1726;
}

.redPacketTxt {
  position: absolute;
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  font-size: 0.12rem;
  color: #464545;
}

/* 我的页面积分使用说明 */
.integralDesc {
  position: relative;
  font-size: 0.12rem;
  line-height: 0.24rem;
  text-align: left;
  color: #878c98;
  background: #151d34;
  margin: 0 0.1rem;
  border-radius: 0.05rem;
  padding-left: 0.28rem;
}

.integralDesc::before {
  content: "";
  width: 0;
  height: 0;
  border: 0.1rem solid #151d34;
  border-color: transparent transparent #151d34 transparent;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  /* IE 9 */
  -ms-transform: translateX(-50%);
  /* Firefox */
  -moz-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -webkit-transform: translateX(-50%);
  /* Opera */
  -o-transform: translateX(-50%);
}

/* 游戏交易 */
.myGameCon .myGameNote {
  font-size: 0.12rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.16rem;
  color: #F45D5C;
  text-align: center;
  padding-bottom: 0.1rem;
}

.myGameCon .addNewGameBox {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 1024px;
  text-align: center;
  background: #0F1726;
}

.myGameCon .addNewGameBox .addNewGame {
  display: inline-block;
  width: 3.35rem;
  height: 0.42rem;
  line-height: 0.42rem;
  background: #EB6F1F;
  border-radius: 100px;
  font-size: 0.14rem;
  text-align: center;
  color: #fff;
  margin: 0.1rem 0;
}

.myGameCon .closeExample {
  padding: 0.05rem 0.2rem 0;
  line-height: 0.2rem;
}

.myGameCon .closeExample h5 {
  font-size: 0.14rem;
  color: #fff;
  display: inline-block;
  font-weight: normal;
}

.myGameCon .closeExample .close {
  display: inline-block;
  width: 0.15rem;
  height: 0.2rem;
  background: url(https://downcdn.44755.com/webimg/close_example.png) no-repeat center;
  background-size: 0.15rem 0.15rem;
  vertical-align: bottom;
}

.myGameCon .myGameList {
  background: #151D34;
  margin-bottom: 0.1rem;
}

.myGameCon .myGameList .myGameListIntro {
  padding: 0.1rem 0.2rem;
  border-bottom: 0.01rem solid #1B2340;
}

.myGameCon .myGameList .myGameIcon {
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 0.1rem;
  margin-right: 0.05rem;
  float: left;
}

.myGameCon .myGameList .myGameInfo {
  float: left;
}

.myGameCon .myGameInfo .myGameTitle {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  color: #fff;
}

.myGameCon .myGameInfo .myGameTitle {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  font-weight: normal;
}

.myGameCon .myGameInfo .myGameAllCredit {
  font-size: 0.12rem;
  line-height: 0.17rem;
  color: #E54B53;
}

.myGameCon .myGameInfo .myGameIntegral {
  font-size: 0.12rem;
  line-height: 0.17rem;
  color: #FDD060;
}

.myGameCon .myGameListIntro .myGameStatus {
  font-size: 0.12rem;
  line-height: 1;
  float: right;
}

.myGameCon .myGameListIntro .myGameInReview {
  color: #EB6F1F;
  line-height: 0.54rem;
}

.myGameCon .myGameListIntro .myGameApprove,
.myGameCon .myGameListIntro .myGameLoser {
  /* width: 0.9rem; */
  display: flex;
  align-items: center;
  flex-direction: column;
}

.myGameCon .myGameApprove .myGameStatusBtn,
.myGameCon .myGameLoser .myGameStatusBtn {
  display: inline-block;
  width: 0.54rem;
  height: 0.24rem;
  line-height: 0.24rem;
  background: #EB6F1F;
  font-size: 0.12rem;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  margin-top: 0.05rem;
  align-self: flex-end;
}

.myGameCon .myGameApprove .myGameStatusHint,
.myGameCon .myGameLoser .myGameStatusHint {
  font-size: 0.1rem;
  line-height: 0.16rem;
  color: #1EC622;
  margin-top: 0.05rem;
}

.myGameCon .myGameLoser .myGameStatusHint {
  color: #F45D5C;
}

.myGameCon .myGameListDes {
  padding-top: 0.05rem;
}

.myGameCon .myGameListDes li {
  font-size: 0.12rem;
  padding: 0 0.2rem 0.05rem;
}

.myGameCon .myGameListDes .myGameTitle {
  color: #878C98;
}

.myGameCon .myGameListDes li span.fr {
  color: #fff;
}

/* 我的页面游戏交易送积分角标 */
.dealGiveIntegral {
  height: 0.2rem;
  border-radius: 100px;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.2rem;
  text-align: center;
  background: #EB6F1F;
  position: absolute;
  top: -0.05rem;
  left: 0.5rem;
  padding: 0 0.05rem;
}

/* vip客服提交问题 */
.submitQuestionBox li.questionList {
  margin-bottom: 0;
}

.submitQuestionCenter .submitQuestionTit {
  font-size: 0.12rem;
  color: #fff;
  font-weight: normal;
}

/* 客服消息提示 */
.serviceNews {
  height: 0.2rem;
  border-radius: 100px;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.2rem;
  text-align: center;
  background: #E32D38;
  position: absolute;
  top: -0.05rem;
  right: 0rem;
  padding: 0 0.07rem;
  display: none;
}

/* 竞技场 */
.athleticsMain .athleticsTab {
  width: 3.55rem;
  margin: 0 auto 0.1rem;
  font-size: 0.14rem;
  color: #fff;
  height: 0.4rem;
  line-height: 0.38rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.br {
  border-right: 0.01rem solid #252849;
}

.athleticsMain .athleticsTab .athleticsTabBtn {
  width: 1.18rem;
  float: left;
  text-align: center;
  /* border: 0.01rem solid #252849; */
}

.athleticsMain .athleticsTab .active {
  border-bottom: 1px solid #EB6F1F;
  color: #EB6F1F;
}

.athleticsMain .athleticsTabConList {
  position: relative;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.athleticsMain .athleticsTabConLists .active {
  display: block;
}

.athleticsMain .athleticsTabConList .myStatus {
  width: 3.55rem;
  height: 0.5rem;
  background: url(../images/myranking.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto 0.1rem;
}

.athleticsMain .athleticsTabConList .myStatusList {
  width: 1.18rem;
  float: left;
  text-align: center;
}

.athleticsMain .athleticsTabConList .myStatusTitle {
  font-size: 0.1rem;
  color: #E7DDCC;
  line-height: 0.14rem;
  padding: 0.07rem 0 0.05rem;
}

.athleticsMain .athleticsTabConList .myStatusCon {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
}

.athleticsMain .athleticsTabConList .prophaseStatus {
  background: #161D35;
  line-height: 0.26rem;
  border-bottom: 0.01rem solid #1B2340;
  padding: 0 0.1rem;
}

.athleticsMain .athleticsTabConList .prophaseStatus .prophaseEndTime {
  font-size: 0.12rem;
  color: #878C98;
  background: url(../images/gray_alarmclock.png) left center no-repeat;
  background-size: 0.12rem 0.14rem;
  padding-left: 0.15rem;
}

.athleticsMain .athleticsTabConList .athleticsTit .prophaseList {
  line-height: 0.26rem;
  font-size: 0.12rem;
  color: #EB6F1F;
  background: url(../images/arrows_right.png) right center no-repeat;
  background-size: 0.05rem 0.09rem;
  padding-right: 0.09rem;
  margin-right: 0.1rem;
  position: absolute;
  right: 0;
  top: 0;
}

.athleticsMain .prophaseListCon .prophaseStatus .prophaseList {
  line-height: 0.26rem;
  font-size: 0.12rem;
  color: #EB6F1F;
  float: left;
  background: url(../images/arrows_left.png) left center no-repeat;
  background-size: 0.05rem 0.09rem;
  padding-right: 0;
  padding-left: 0.09rem;
}

.athleticsMain .athleticsTabConList .prophaseTopThree {
  background: #233050;
  line-height: 0.26rem;
  padding: 0 0.1rem;
}

/* .athleticsMain .athleticsTabConList .prophaseTopThree ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
} */

/* .athleticsMain .athleticsTabConList .prophaseTopThree li {
    width: 1.18rem;
    font-size: 0.1rem;
    float: left;
    color: #878C98;
    overflow: hidden;
    text-align: center;
} */

.athleticsMain .athleticsTabConList .prophaseTopThree li i {
  display: inline-block;
  width: 0.2rem;
  /* height: 0.16rem; */
  /* line-height: 0.16rem; */
  /* background: #FDD060; */
  color: #51210A;
  text-align: center;
  margin-right: 0.05rem;
  vertical-align: top;
}

.athleticsMain .athleticsTabConList .currentEndTime {
  font-size: 0.12rem;
  color: #EB6F1F;
  background: url(../images/orange_alarmclock.png) left center no-repeat;
  background-size: 0.12rem 0.14rem;
  padding-left: 0.15rem;
}

.athleticsMain .athleticsTabConList .currentList {
  background: #233050;
}

.athleticsMain .athleticsTabConList .currentListHead {
  height: 0.3rem;
  background: #161D35;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.athleticsMain .athleticsTabConList .currentListHeadtitle {
  line-height: 0.3rem;
  text-align: center;
  float: left;
  font-size: 0.12rem;
  color: #878C98;
}

.athleticsMain .athleticsTabConList .currentListHeadtitle:nth-child(1) {
  width: 0.28rem;
}

.athleticsMain .athleticsTabConList .currentListHeadtitle:nth-child(2) {
  width: 0.88rem;
}

.athleticsMain .athleticsTabConList .currentListHeadtitle:nth-child(3) {
  width: 0.6rem;
}

.athleticsMain .athleticsTabConList .currentListHeadtitle:nth-child(4) {
  width: 0.6rem;
}

.athleticsMain .athleticsTabConList .currentListCon {
  height: 2.2rem;
  overflow: auto;
  font-size: 0;
  padding-bottom: 0.4rem;
}

.athleticsMain .athleticsTabConList .currentListCon li {
  line-height: 0.29rem;
  /* padding: 0.1rem 0; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 0.01rem solid #1B2340;
  font-size: 0.12rem;
}

.athleticsMain .athleticsTabConList .currentListCon li span {
  /* height: 0.22rem; */
  /* line-height: 0.22rem; */
  width: 0.2rem;
  /* height: 0.2rem;
    line-height: 0.2rem; */
  font-size: 0.12rem;
  text-align: center;
  overflow: hidden;
  /* color: #EB6F1F; */
}

.athleticsMain .athleticsTabConList .currentListCon li:nth-child(1) span:nth-child(1) {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  border-radius: 0.05rem;
  color: #fff;
  background: #EE4553;
}

.athleticsMain .athleticsTabConList .currentListCon li:nth-child(2) span:nth-child(1) {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  border-radius: 0.05rem;
  color: #fff;
  background: #F7B41C;
}

.athleticsMain .athleticsTabConList .currentListCon li:nth-child(3) span:nth-child(1) {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  border-radius: 0.05rem;
  color: #fff;
  background: #CED175;
}

.athleticsMain .athleticsTabConList .currentListCon li:nth-child(4) span:nth-child(1) {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  border-radius: 0.05rem;
  color: #fff;
  background: #78D2D5;
}

.athleticsMain .athleticsTabConList .currentListCon li:nth-child(5) span:nth-child(1) {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  border-radius: 0.05rem;
  color: #fff;
  background: #79B7DB;
}

/* .athleticsMain .athleticsTabConList .currentListCon li span:nth-child(1) {
    width: 0.28rem;
} */

.athleticsMain .athleticsTabConList .currentListCon li span:nth-child(2) {
  width: 1rem;
  color: #fff;
}

.athleticsMain .athleticsTabConList .currentListCon li span:nth-child(3) {
  width: 0.6rem;
  color: #fff;
}

.athleticsMain .athleticsTabConList .currentListCon li span:nth-child(4) {
  width: 0.6rem;
  color: #EB6F1F;
}

/* .athleticsMain .athleticsTabConList .currentListCon li.currentListFirstly span:first-child, */
.athleticsMain .athleticsTabConList .prophaseTopThree li.currentListFirstly i {
  font-size: 0;
  background: url(../images/firstly.png) center no-repeat;
  background-size: 0.2rem 0.16rem;
}


/* .athleticsMain .athleticsTabConList .currentListCon li.currentListSecond span:first-child, */
.athleticsMain .athleticsTabConList .prophaseTopThree li.currentListSecond i {
  font-size: 0;
  background: url(../images/second.png) center no-repeat;
  background-size: 0.2rem 0.16rem;
  height: 0.28rem;
}

/* .athleticsMain .athleticsTabConList .currentListCon li.currentListThirdly span:first-child, */
.athleticsMain .athleticsTabConList .prophaseTopThree li.currentListThirdly i {
  font-size: 0;
  background: url(../images/thirdly.png) center no-repeat;
  background-size: 0.2rem 0.16rem;
}

.athleticsMain .athleticsTabConList .currentListCon li.currentListFirstly span:nth-child(4),
.athleticsMain .athleticsTabConList .currentListCon li.currentListSecond span:nth-child(4),
.athleticsMain .athleticsTabConList .currentListCon li.currentListThirdly span:nth-child(4) {
  /* color: #FDD060; */
}

.athleticsMain .prophaseListCon {
  position: absolute;
  width: 100%;
  top: 0;
  right: -100%;
  z-index: 10;
  background: #0F1726;
}

.athleticsMain .prophaseListCon .currentListCon {
  height: 3.25rem;
}

.athleticsMain .currentList li.myRankingBg {
  background: #141F33;
}

/* 特价秒杀 */
.seckillRrecord {
  font-size: 0.12rem;
  color: #EB6F1F;
  background: url(../images/arrows_right.png) right center no-repeat;
  background-size: 0.05rem 0.09rem;
  padding-right: 0.09rem;
}

/* 找不到游戏点我 */
.findgame {
  width: 0.5rem;
  position: fixed;
  right: 0.05rem;
  z-index: 10000;
  top: 50%;
  transform: translateY(-50%);
}

/* 搜索内边距上下调整 */
#search {
  padding: 0rem 0.15rem 0rem 0.13rem !important;
  line-height: normal !important;
}




/* banner自适应 */
.self_adaption {
  width: 3.5rem !important;
  height: 1.5rem !important;
  margin: 0 auto !important;

}

/* 网页游戏 */
.hotMenu ul {
  width: 100%;
}

/* 安卓游戏  44755.com图标   宽度固定 */
.giftSearch li:nth-child(1) {
  width: .7rem !important;
}

/* 安卓游戏   搜索框 自适应变动 */
.giftSearch li:nth-child(2) {
  flex: 1;
}

/* 安卓游戏  banner 图 的 背景颜色 */
.advert {
  background: #151D34;
}

.personalInfo {
  width: 90% !important;
}