@charset "UTF-8";
body,
th,
td,
p,
ol,
ul,
li,
dl,
dt,
dd,
a,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
legend,
select,
textarea {
  font-family: "Microsoft Yahei", "华文细黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

input,
img,
fieldset {
  border: none;
}

input,
select,
fieldset {
  vertical-align: middle;
}

ul,
ol {
  padding-left: 0;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.none {
  display: none;
}

.dib, .game-gift .btn-list a {
  display: inline-block;
}

.di-vm, .cardSort .title, .cardSort .title:after, .cardSort .notice, .cardSort .notice:after, .cardVipDialog .msg:before, .cardJSDialog .msg:before, .bind-phone .bind-phone-ul li:before, .bind-phone .bind-phone-ul input, .bind-phone .bind-phone-ul .get-code-btn, .game-gift .game-ui, .game-gift .game-gift, .game-gift .line-box p, .game-gift .line, .game-gift .common-title:before, .game-gift .common-title span, .game-gift .related-title:after, .game-gift .related-detail, .game-gift .related-review, .vipContent .title:before, .vipContent .title:after, .member-icon, .gameDetail-11 .gameMess .gameUI, .gameDetail-11 .gameMess .gameDet, .gameDetail-11 .navHome a span:before, .gameDetail-11 .navHome a span:after, .gameDetail-11 .module .moduleHeader .title:before, .gameDetail-11 .packageList .name span, .gameDetail-11 .packageList .packageSum span, .gameDetail-11 .packageList .receivePackage, .gameDetail-11 .inforTab a, .gameDetail-11 .inforTab a:before, .gameDetail-11 .inforConTab .infoList a, .gameDetail-11 .pokedex a {
  display: inline-block;
  vertical-align: middle;
}

img {
  max-width: 100%;
  vertical-align: top;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

input,
textarea {
  outline: none;
}

a {
  -webkit-tap-highlight-color: transparent;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.clearfix:after, .informationType:after, .informationType .list-type:after, .welfareList .welfareUl:after, .welfareKefu .welfareUl:after, .welfareNewGame .newGameUl:after, .cardList:after, .cardList li:after, .personal-task .task-main dd:after,
.personal-task .task-main dt:after, .game-gift .gift-detail p:after, .float-txt:after, .welfare-txt p:after, .gameDetail-11 .module .moduleHeader:after, .gameDetail-11 .videoList li .videoInfor:after, .pokedex .classifyCon:after, .clear:after, .introdute-txt p.float-txt:after, .handle-tips:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.elli {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

img {
  width: 100%;
}

.bg-f4 {
  background-color: #f4f4f4;
}

.c-f8 {
  color: #ff8832;
}

.red {
  color: red;
}

.gray {
  color: #676767;
}

.p10 {
  padding: 0.25rem;
}

.p20 {
  padding: 0.5rem;
}

.m10 {
  margin: 0.25rem;
}

.m20 {
  margin: 0.5rem;
}

.mt10 {
  margin-top: 0.25rem;
}

.mt20 {
  margin-top: 0.5rem;
}

.mt50 {
  margin-top: 1.25rem;
}

.f14 {
  font-size: 0.35rem;
}

.f16 {
  font-size: 0.4rem;
}

.f18 {
  font-size: 0.45rem;
}

.f20 {
  font-size: 0.5rem;
}

.f22 {
  font-size: 0.55rem;
}

.f24 {
  font-size: 0.6rem;
}

.f30 {
  font-size: 0.75rem;
}

.f32 {
  font-size: 0.8rem;
}

.f34 {
  font-size: 0.85rem;
}

.box-sizing {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.tac {
  text-align: center;
}

div.h3 {
  height: 1.05rem;
  line-height: 1.05rem;
  padding-left: 0.4rem;
  border-left: 0.175rem solid #ed8b3b;
  font-size: 0.85rem;
  color: #242222;
}

div.h3 .more {
  float: right;
  line-height: 1.05rem;
  color: #535050;
  font-size: 0.45rem;
  padding-right: 0.25rem;
}

.com-bnt {
  height: 1.975rem;
  width: 100%;
  line-height: 1.975rem;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  background: #ed8b3b;
  border-radius: 0.15rem;
}

.com-tit {
  background: #1b1b1d;
  color: #e6e6e6;
  font-size: 0.85rem;
  line-height: 2.75rem;
  height: 2.75rem;
  text-align: center;
  position: relative;
}

.com-tit a {
  position: absolute;
  left: 1.1rem;
  top: 0.575rem;
  color: #e6e6e6;
  height: 1.625rem;
  width: 1.625rem;
  text-align: center;
  line-height: 1.625rem;
  font-size: 1rem;
  background: #38383a url(../images/icon/back-icon.png) center center no-repeat;
  background-size: 0.5rem auto;
  border-radius: 0.825rem;
  display: inline-block;
}

.comTabNav {
  height: 1.5rem;
  border: 1px solid #ed8b3b;
  margin: 0.625rem auto 0.35rem;
  border-radius: 0.575rem;
  overflow: hidden;
}

.comTabNav.comTabNav5 a {
  width: 20%;
}

.comTabNav.comTabNav4 a {
  width: 25%;
}

.comTabNav.comTabNav2 a {
  width: 50%;
}

.comTabNav a {
  width: 25%;
  float: left;
  height: 1.5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0.65rem;
  color: #ed8b3b;
  text-align: center;
  line-height: 1.5rem;
  border-left: 0.05rem solid #e3e1e1;
}

.comTabNav a:nth-child(1) {
  border-left: 0;
}

.comTabNav a.on {
  background: #ed8b3b;
  color: #fff;
}

.comNavTab {
  height: 2.15rem;
  background-color: #fff;
  text-align: center;
  line-height: 2.15rem;
  font-size: 0;
  border-bottom: 1px solid #e8e8e9;
}

.comNavTab a {
  display: inline-block;
  padding: 0 0.25rem;
  min-width: 2.75rem;
  line-height: 2.05rem;
  margin: 0 0.65rem;
  font-size: 0.7rem;
  color: #666;
}

.comNavTab a.on {
  color: #ed8b3b;
  border-bottom: 0.1rem solid #ed8b3b;
}

.top {
  height: 2.5rem;
  background: #1b1b1d;
}

.top .logo {
  float: left;
  width: 5.2rem;
  padding: .125rem 0.6rem 0 0.6rem;
  margin-top: .7rem;
}

.top .searchMain {
  float: left;
  width: 8.25rem;
  height: 1.125rem;
  line-height: 1.125rem;
  border: 0.05rem solid #8d8d8c;
  border-radius: 0.15rem;
  margin-top: 0.65rem;
  margin-left: 0.5rem;
}

.top .searchMain input {
  background: transparent;
  padding: 0.25rem;
  height: 0.625rem;
  line-height: 0.625rem;
  vertical-align: top;
  color: #fff;
  font-size: 0.45rem;
  width: 6.375rem;
  float: left;
}

.top .searchMain .searchMain-bnt {
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  background: url(../images/icon/search-icon.png) center center no-repeat;
  background-size: 0.8rem auto;
}

.top .portrait {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  overflow: hidden;
  border-radius: 0.8rem;
  margin: 0.45rem 0 0 0.5rem;
  position: relative;
}

.top .portrait a {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
}

.top .portrait .default {
  background: url(../images/icon/logIn-icon.png) center center no-repeat;
  background-size: 1.2rem auto;
}

.nav {
  height: 1.8rem;
  background: #e6e6e6;
}

.nav a {
  float: left;
  line-height: 1.8rem;
  width: 16%;
  text-align: center;
  color: #757575;
  font-size: 0.55rem;
}

.nav a.on {
  font-size: 0.7rem;
  color: #ed8b3b;
}

.dialog {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
}

.dialog .content {
  width: 50%;
  min-width: 16.5rem;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}

.dialog .closeBtn {
  position: absolute;
  bottom: -2.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
}

body.index {
  background: #f4f4f4;
}

.banner {
  height: 8rem;
  position: relative;
  overflow: hidden;
}

.banner .hd {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}

.banner .hd li {
  display: inline-block;
  height: 0.35rem;
  width: 0.35rem;
  margin: 0 0.15rem;
  background: #434343;
  color: #343434;
  overflow: hidden;
  border-radius: 0.175rem;
  text-indent: -2em;
}

.banner .hd li.on {
  background: #fff;
  color: #fff;
}

.hot-information-Main {
  margin: 0.225rem;
  background: #fff;
  padding: 0.425rem 0.25rem;
}

.hot-information-Main ul {
  padding: 0.375rem 0.175rem 0;
  margin-top: 0.275rem;
  border-top: 0.025rem solid #ebebeb;
}

.hot-information-Main ul li {
  float: left;
  width: 4.5rem;
  height: 6.75rem;
  margin-right: 1.55rem;
}

.hot-information-Main ul li .hot-ganeIcon {
  width: 4.5rem;
  height: 4.5rem;
  overflow: hidden;
  border-radius: 0.7rem;
}

.hot-information-Main ul li span {
  display: block;
  padding-top: 0.5rem;
  height: 0.95rem;
  font-size: 0.625rem;
  color: #1b1b1d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -0.05rem;
}

.hot-information-Main ul li em {
  display: block;
  font-size: 0.5rem;
  color: #4f4d4d;
}

.hot-information-Main ul li:nth-child(3n) {
  margin-right: 0;
}

.itemNav {
  padding: 0.45rem 0.25rem;
}

.itemNav a {
  width: 8.425rem;
  height: 4.475rem;
}

.itemNav2 {
  padding: 0.45rem 0rem;
  background: #fff;
}

.itemNav2 a {
  float: left;
  width: 5.5rem;
  margin: 0 0.25rem;
}

.itemNav3 {
  padding: 0.5rem 0;
}

.information-main {
  padding: 0 0.25rem;
}

.information-main .informationType {
  margin: 0.5rem 0.4rem 0.375rem 0.4rem;
}

.informationType {
  margin: 0 0.4rem 0.375rem 0.4rem;
  position: relative;
}

.informationType .btn-type {
  float: right;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #fff;
  padding: 0 0.25rem;
  background: #ed8b3b;
}

.informationType .list-type {
  clear: both;
  z-index: 9;
  background: #000;
  width: 100%;
  display: none;
}

.informationType .list-type li {
  height: 1.8rem;
  text-align: center;
  line-height: 1.8rem;
  color: #fff;
  font-size: 0.65rem;
  float: left;
  width: 33.33%;
  position: relative;
}

.informationType .list-type li a {
  color: #fff;
  float: left;
  width: 100%;
  height: 1.8rem;
  overflow: hidden;
}

.informationType .list-type li span {
  position: absolute;
  left: 0;
  float: left;
  line-height: 1.8rem;
  color: #fff;
}

.informationType .list-type li:nth-child(3n+1) span {
  display: none;
}

.informationCent dd {
  padding: 0.425rem 0;
  height: 2.75rem;
  border-bottom: 0.025rem solid #ebebeb;
}

.informationCent dd:nth-child(1) {
  border-top: 0.025rem solid #ebebeb;
}

.informationCent dd .informateImg {
  float: left;
  height: 2.625rem;
  width: 3.95rem;
  overflow: hidden;
  padding: 0.1rem 0.65rem 0 0;
}

.informationCent dd .informateBox {
  float: left;
  width: 12.375rem;
}

.informationCent dd .informateBox p {
  line-height: 0.925rem;
  font-size: 0.75rem;
  color: #242222;
  height: 2.25rem;
}

.informationCent dd .informateBox span {
  float: left;
  padding: 0 0.25rem 0 0.8rem;
  color: #ed8b3b;
  font-size: 0.45rem;
}

.informationCent dd .informateBox span:nth-child(2) {
  background: url(../images/icon/informate-icon.png) 0 center no-repeat;
  background-size: auto 0.425rem;
}

.informationCent dd .informateBox span:nth-child(3) {
  background: url(../images/icon/informate-icon.png) -2.125rem center no-repeat;
  background-size: auto 0.425rem;
}

.informationCent dd .informateBox em {
  color: #858585;
  font-size: 0.45rem;
  float: right;
}

.newsdetail-box {
  padding: 0.5rem;
}

.newsdetail-box .title {
  line-height: 1.475rem;
  font-size: 1rem;
  padding: 0.2rem 0;
}

.newsdetail-box .time,
.newsdetail-box .author {
  color: #999595;
  font-size: 0.55rem;
  line-height: 1.05rem;
}

.newsdetail-box .time {
  border-bottom: 0.025rem solid #d3d1d1;
}

.newsdetail-box .time span {
  float: right;
  padding-left: 1.125rem;
  line-height: 1.05rem;
}

.newsdetail-box .time span.collect {
  background: url(../images/icon/newsdetail-icon.png) 0.35rem -4.6rem no-repeat;
  background-size: 0.8rem auto;
}

.newsdetail-box .time span.collect.on {
  background: url(../images/icon/newsdetail-icon.png) 0.35rem -7rem no-repeat;
  background-size: 0.8rem auto;
  color: #ed8b3b;
}

.newsdetail-box .time span.like {
  background: url(../images/icon/newsdetail-icon.png) 0.3rem -3rem no-repeat;
  background-size: 0.8rem auto;
}

.newsdetail-box .time span.like.on {
  background: url(../images/icon/newsdetail-icon.png) 0.3rem -5.85rem no-repeat;
  background-size: 0.8rem auto;
  color: #ed8b3b;
}

.newsdetail-box .time span.share {
  background: url(../images/icon/newsdetail-icon.png) 0.3rem -1.3rem no-repeat;
  background-size: 0.8rem auto;
}

.newsdetail-box .time span.visit {
  background: url(../images/icon/newsdetail-icon.png) 0.25rem 0.1rem no-repeat;
  background-size: 0.8rem auto;
}

.newsdetail-box .newsdetail-content {
  padding-top: 0.75rem;
  color: #282727;
  font-size: 0.75rem;
  line-height: 1.4rem;
}

.newsdetail-box .newsdetail-content a {
  color: #282727;
}

.newsdetail-box .newsdetail-content img {
  width: auto;
  max-width: 100%;
}

.game-contant ul {
  padding: 0.375rem 0 0 0;
  margin-top: 0.275rem;
  border-top: 0.025rem solid #ebebeb;
}

.game-contant ul:nth-child(1) {
  border-top: none;
}

.game-contant ul li {
  float: left;
  width: 4.75rem;
  height: 6.75rem;
  margin-right: 1.55rem;
}

.game-contant ul li .hot-ganeIcon {
  height: 4.5rem;
  width: 4.5rem;
  overflow: hidden;
  border-radius: 0.7rem;
}

.game-contant ul li span {
  display: block;
  padding-top: 0.5rem;
  height: 0.95rem;
  font-size: 0.5rem;
  color: #1b1b1d;
}

.game-contant ul li em {
  display: block;
  font-size: 0.45rem;
  color: #4f4d4d;
}

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

.gamedetail {
  background: #f9f9f9;
}

.gamedetail-downloadMain {
  height: 7.825rem;
  position: relative;
  background: #f9f9f9;
}

.gamedetail-downloadMain div,
.gamedetail-downloadMain a {
  position: absolute;
}

.gamedetail-downloadMain .downloadMainBg {
  background: #fff;
  margin: 0.5rem 0.25rem;
  height: 6.8rem;
  width: 17.5rem;
}

.gamedetail-downloadMain .icon {
  left: 0.875rem;
  top: 1.275rem;
  height: 5.25rem;
  width: 5.25rem;
  display: block;
}

.gamedetail-downloadMain .gameName {
  left: 6.925rem;
  top: 1.4rem;
  height: 1.25rem;
  width: 10rem;
  color: #242222;
  font-size: 0.9rem;
  font-weight: bold;
}

.gamedetail-downloadMain .type {
  left: 6.925rem;
  top: 2.8rem;
  height: 1rem;
  width: 8.25rem;
  color: #5e5d5d;
  font-size: 0.5rem;
}

.gamedetail-downloadMain .platform {
  left: 6.925rem;
  top: 3.85rem;
  height: 1rem;
  width: 8.25rem;
  color: #5e5d5d;
  font-size: 0.5rem;
}

.gamedetail-downloadMain .platform span {
  color: #ed8b3b;
}

.gamedetail-downloadMain .bnt-download {
  display: inline-block;
  position: absolute;
  left: 12.575rem;
  top: 4.875rem;
  height: 1.475rem;
  width: 4.6rem;
  color: #fff;
  font-size: 0.625rem;
  background: #ed8b3b;
  line-height: 1.475rem;
  text-align: center;
  border-radius: 0.1rem;
}

.gamedetail-nav {
  height: 2.4rem;
}

.gamedetail-nav a {
  display: inline-block;
  float: left;
  width: 25%;
  box-sizing: border-box;
  border: 0.025rem solid #a7a6a6;
  font-size: 0.6rem;
  color: #535050;
  text-align: center;
  padding-top: 1.4rem;
  height: 2.4rem;
  background-color: #fff;
}

.gamedetail-nav a:nth-child(1) {
  border-left: 0;
  background: #fff url(../images/icon/gamedetail-icon.png) 1.9rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav a:nth-child(2) {
  background: #fff url(../images/icon/gamedetail-icon.png) -2.5rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav a:nth-child(3) {
  background: #fff url(../images/icon/gamedetail-icon.png) -7rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav a:nth-child(4) {
  border-right: 0;
  background: #fff url(../images/icon/gamedetail-icon.png) -11.375rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

/* sdk 里面 没有 论坛导航栏 */
.gamedetail-nav.sdkNav {
  height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*兼容FF  ie */
  display: -webkit-flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}

.gamedetail-nav.sdkNav a {
  box-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0.025rem solid #a7a6a6;
  font-size: 0.6rem;
  color: #535050;
  text-align: center;
  padding-top: 1.4rem;
  background-color: #fff;
}

.gamedetail-nav.sdkNav a:nth-child(1) {
  border-left: 0;
  background: #fff url(../images/icon/gamedetail-icon.png) 2.625rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav.sdkNav a:nth-child(2) {
  background: #fff url(../images/icon/gamedetail-icon.png) -1.875rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav.sdkNav a:nth-child(3) {
  background: #fff url(../images/icon/gamedetail-icon.png) -6.25rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetail-nav.sdkNav a:nth-child(4) {
  border-right: 0;
  background: #fff url(../images/icon/gamedetail-icon.png) -11.375rem 0.475rem no-repeat;
  background-size: auto 0.75rem;
}

.gamedetailMain {
  margin: 0.5rem 0.25rem;
  background: #fff;
  padding: 0.425rem 0.25rem;
}

.gamedetailMain .gamedetailMainCent {
  margin-top: 0.275rem;
  border-top: 0.025rem solid #ebebeb;
}

.gamedetail-giftMain .giftMain {
  height: 3.95rem;
  position: relative;
}

.gamedetail-giftMain .giftMain .icon {
  position: absolute;
  left: 0.375rem;
  top: 0.3rem;
  width: 3.2rem;
  height: 3.2rem;
}

.gamedetail-giftMain .giftMain .giftArea {
  position: absolute;
  left: 4.45rem;
  top: 0rem;
  width: 12.5rem;
  height: 4rem;
}

.gamedetail-giftMain .giftMain .giftArea .giftName {
  line-height: 1.55rem;
  font-size: 0.65rem;
  color: #535050;
}

.gamedetail-giftMain .giftMain .giftArea .giftName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.gamedetail-giftMain .giftMain .giftArea .giftSurplus {
  padding-top: 0.325rem;
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.gamedetail-giftMain .giftMain .giftArea .giftSurplus .lineBg {
  display: inline-block;
  vertical-align: middle;
  width: 3.25rem;
  height: 0.275rem;
  background: #cbc1b9;
  border-radius: 0.125rem;
  overflow: hidden;
}

.gamedetail-giftMain .giftMain .giftArea .giftSurplus .lineBg span {
  float: left;
  width: 50%;
  height: 100%;
  background: #ed8b3b;
  border-radius: 0.125rem;
}

.gamedetail-giftMain .giftMain .giftArea .giftSurplus em {
  color: #ed8b3b;
}

.gamedetail-giftMain .giftMain .giftArea .platform {
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.gamedetail-giftMain .giftMain .giftArea .platform span {
  color: #ed8b3b;
}

.gamedetail-giftMain .giftMain .bnt-get {
  position: absolute;
  left: 13.875rem;
  top: 2.45rem;
  width: 2.5rem;
  height: 1.075rem;
  background: #ed8b3b;
  color: #fff;
  text-align: center;
  line-height: 1.075rem;
  font-size: 0.55rem;
  border-radius: 0.125rem;
}

.gamedetail-informateMain .comTabNav {
  width: 6.4rem;
  margin-left: 0;
}

.gamedetail-informateMain .gamedetailMainList dd {
  border-bottom: 0.025rem solid #ebebeb;
  line-height: 1.675rem;
  height: 1.675rem;
  color: #4f4d4d;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gamedetail-informateMain .gamedetailMainList dd span {
  color: #ed8b3b;
}

.gamedetail-informateMain .gamedetailMainList dd a {
  color: #4f4d4d;
}

.gamedetail-screenshotMain .gamedetailMainCent {
  padding: 0.625rem 0.85rem 1.55rem;
}

.gamedetail-screenshotMain .gamedetailMainCent .banner {
  height: 9.25rem;
  width: 15.4rem;
}

.gamedetail-screenshotMain .gamedetailMainCent .hd {
  bottom: -1.25rem;
  text-align: center;
  width: 100%;
}

.gamedetail-screenshotMain .gamedetailMainCent .hd li {
  background-color: #cdcccc;
  color: #cdcccc;
}

.gamedetail-screenshotMain .gamedetailMainCent .hd li.on {
  background: #ed8b3b;
  color: #ed8b3b;
}

.gamedetail-videoMain ul {
  margin-top: 0.625rem;
}

.gamedetail-videoMain ul li {
  float: left;
  width: 5.5rem;
  height: 3.65rem;
  margin-right: 0.225rem;
  margin-bottom: 0.225rem;
}

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

.gamedetail-dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.gamedetail-dialog .videoMain {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  background: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.welfare {
  background: #f4f4f4;
}

.welfareMain {
  margin: 0.5rem 0.25rem;
  padding: 0.175rem 0.2rem 0.175rem 0.175rem;
}

.welfareMain .welfareTit {
  height: 1.55rem;
  padding-left: 1.05rem;
  line-height: 1.55rem;
  font-size: 0.85rem;
  color: #3e3d3d;
}

.welfareMain .welfareTit a {
  float: right;
  color: #535050;
  font-size: 0.6rem;
  line-height: 1.55rem;
}

.welfareMain .welfareCent {
  padding-top: 0.3rem;
}

.welfareMain .versionIcon span {
  display: inline-block;
  height: 0.75rem;
  width: 0.6rem;
  margin: 0 0.25rem 0.25rem 0;
  background: url("../images/icon/versionSpr.png") no-repeat;
  background-size: 1.25rem auto;
}

.welfareMain .versionIcon .ios {
  background-position: 0 0rem;
}

.welfareMain .versionIcon .andriod {
  width: 0.65rem;
  background-position: right 0rem;
}

.welfare-bannerMain {
  background: #fff;
}

.welfare-bannerMain .welfareTit {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -0.2rem no-repeat;
  background-size: 1rem auto;
}

.welfare-bannerMain .banner {
  width: 17.125rem;
  height: 6.7rem;
  overflow: hidden;
}

.welfare-VIPMain .welfareTit {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -2.3rem no-repeat;
  background-size: 1rem auto;
  border-bottom: 1px solid #dadada;
}

.welfare-VIPMain .giftIcon {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -4.75rem no-repeat;
  background-size: 1rem auto;
}

.welfare-VIPMain .kefuIcon {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -8.5rem no-repeat;
  background-size: 1rem auto;
}

.welfare-VIPMain .activeIcon {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -10rem no-repeat;
  background-size: 1rem auto;
}

.welfare-VIPMain .newgameIcon {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -11.25rem no-repeat;
  background-size: 1rem auto;
}

.welfare-VIPMain li {
  float: left;
  height: 10.125rem;
  width: 5.35rem;
  background: #fff url(../images/welfare-VIPMain-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}

.welfare-VIPMain li:nth-child(3n) {
  margin-right: 0;
}

.welfare-VIPMain li .VIPMainCent {
  padding: 0.3rem 0.375rem;
}

.welfare-VIPMain li .VIPMainCent .icon {
  height: 4.625rem;
  width: 100%;
  display: block;
}

.welfare-VIPMain li .VIPMainCent .welfare-name {
  padding-top: 0.2rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.625rem;
  color: #444242;
  overflow: hidden;
}

.welfare-VIPMain li .VIPMainCent .welfare-name a {
  color: #444242;
}

.welfare-VIPMain li .VIPMainCent .residue {
  color: #a09e9d;
  font-size: 0.45rem;
}

.welfare-VIPMain li .VIPMainCent .residue span {
  color: #ed8b3b;
}

.welfare-VIPMain li .vipType {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  width: 2.1rem;
  height: 0.75rem;
  padding-left: 0.9rem;
  text-align: center;
  line-height: 0.75rem;
  color: #fff;
  font-size: 0.45rem;
}

.welfare-VIPMain li .vipType.vip1 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .vipType.vip2 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -0.875rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .vipType.vip3 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -1.75rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .vipType.vip4 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -2.65rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .vipType.vip5 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -3.575rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .vipType.vip6 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -4.3rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain li .welfare-getBtn {
  position: absolute;
  right: 0.125rem;
  bottom: 1.1rem;
  width: 3.25rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  color: #fff;
  font-size: 0.5rem;
  background: #ed8b3b;
  border-radius: 0.05rem;
}

.welfare-VIPMain li .welfare-getBtn.jf-welfare-getBtn {
  background: #ff6d82;
}

.welfare-VIPMain .activeImg {
  padding-top: 0.375rem;
}

/* 专属福利*/
.welfareList .welfareUl {
  padding-top: 0.375rem;
}

.welfareList .welfareUl li {
  width: 7.85rem;
  height: 4.575rem;
  border: 1px solid #bdbdbd;
  margin: 0 0.3rem;
}

.welfareList .welfareUl li a {
  display: block;
  width: 100%;
  height: 100%;
}

.welfareList .welfareUl li .signPrivilege {
  background: url("../../images/bqk.png") center center no-repeat;
  background-size: 4rem auto;
}

.welfareList .welfareUl li .userviptask {
  background: url("../../images/jfjc1.png") center center no-repeat;
  background-size: 4rem auto;
}

/* 尊享客服 */
.welfareKefu .welfareUl {
  padding-top: 0.375rem;
}

.welfareKefu .welfareUl li {
  width: 3.925rem;
  height: 4.575rem;
  border: 1px solid #bdbdbd;
  margin-right: 0.225rem;
}

.welfareKefu .welfareUl li a {
  display: block;
}

/* 新游戏特权 */
.welfareNewGame .newGameUl {
  padding-top: 0.375rem;
}

.welfareNewGame .newGameUl li {
  width: 8.375rem;
  height: 4.6rem;
  background: none;
  margin-right: 0.125rem;
}

/*  vip 页面 弹窗 */
.welfare-generalMain .welfareTit {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -4.625rem no-repeat;
  background-size: 1rem auto;
}

.welfare-generalMain li {
  height: 9.125rem;
  background: #fff url(../images/welfare-generalMain-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover;
}

.welfare-generalMain li .welfare-getBtn {
  bottom: 0.1rem;
}

.welfare-integralMain .welfareTit {
  background: url(../images/icon/welfare-tit-icon.png) 0rem -6.7rem no-repeat;
  background-size: 1rem auto;
}

.welfare-integralMain li {
  height: 9.125rem;
  background: #fff url(../images/welfare-generalMain-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover;
}

.welfare-integralMain li .welfare-getBtn {
  bottom: 0.1rem;
  background: #ff6d82;
}

.welfare-special-main {
  padding: 0.25rem 0.45rem 0.45rem 0.425rem;
}

.welfare-special-main .welfare-special-item dd {
  width: 17.125rem;
  height: 9.95rem;
  border-bottom: 0.1rem solid #e6e4e5;
  background: #fff;
  position: relative;
  margin-top: 0.6rem;
}

.welfare-special-main .welfare-special-item dd .specialImg {
  height: 6.7rem;
}

.welfare-special-main .welfare-special-item dd .welfareName {
  padding: 0.425rem 0.425rem 0;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 0.75rem;
  color: #242222;
}

.welfare-special-main .welfare-special-item dd .specialTime {
  font-size: 0.5rem;
  line-height: 0.95rem;
  color: #827f7f;
  padding-left: 0.425rem;
}

.welfare-special-main .welfare-special-item dd .welfareGo {
  position: absolute;
  left: 12.575rem;
  top: 8.2rem;
  height: 1.075rem;
  width: 3.575rem;
  color: #fff;
  background: #ed8b3b;
  font-size: 0.55rem;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 1.075rem;
}

.welfare-special-main .welfare-special-item dd .specialType {
  position: absolute;
  right: -0.2rem;
  top: 0.5rem;
  width: 2.275rem;
  height: 1.3rem;
  line-height: 1.1rem;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
}

.welfare-special-main .welfare-special-item dd .specialType.specialType1 {
  background: url(../images/icon/welfare-special-icon.png) 0rem -4.525rem no-repeat;
  background-size: 100% auto;
}

.welfare-special-main .welfare-special-item dd .specialType.specialType2 {
  background: url(../images/icon/welfare-special-icon.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.welfare-special-main .welfare-special-item dd .specialType.specialType3 {
  background: url(../images/icon/welfare-special-icon.png) 0rem -3.05rem no-repeat;
  background-size: 100% auto;
}

.welfare-special-main .welfare-special-item dd .specialType.specialType4 {
  background: url(../images/icon/welfare-special-icon.png) 0rem -1.525rem no-repeat;
  background-size: 100% auto;
}

.welfare-gift-main {
  padding: 0 0.3rem;
}

.welfare-gift-main .informationType {
  margin: 0.5rem 0 0;
}

.welfare-gift-main .welfare-vip-icon {
  float: left;
  width: 1rem;
  height: 0.8rem;
  background: url(../images/icon/welfare-tit-icon.png) 0rem -2.675rem no-repeat;
  background-size: 1rem auto;
  margin-left: 0.475rem;
}

.welfare-gift-list .welfare-vip-icon {
  height: 0.95rem;
  background: url(../images/icon/welfare-tit-icon.png) 0rem -5rem no-repeat;
  background-size: 1rem auto;
}

.welfare-gift-list .welfare-list dd {
  background: #fff;
}

.welfare-gift-list .welfare-list dd .type {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-align: center;
  font-size: 0.45rem;
  padding-left: 0.4rem;
  width: 1rem;
  height: 0.55rem;
  line-height: 0.55rem;
}

.welfare-gift-list .welfare-list dd .type.type1 {
  background: url(../images/icon/welfare-VIPMain-icon.png) right -11.225rem no-repeat;
  background-size: 1.75rem auto;
}

.welfare-gift-list .welfare-list dd .type.type2 {
  background: url(../images/icon/welfare-VIPMain-icon.png) right -12.2rem no-repeat;
  background-size: 1.75rem auto;
}

.welfare-gift-list .welfare-list dd .type.type3 {
  background: url(../images/icon/welfare-VIPMain-icon.png) right -13.25rem no-repeat;
  background-size: 1.75rem auto;
}

.welfare-gift-list .welfare-list dd .type.type4 {
  background: url(../images/icon/welfare-VIPMain-icon.png) right -14.3rem no-repeat;
  background-size: 1.75rem auto;
}

.welfare-vip-list .welfare-list dd {
  background: url(../images/welfare-list-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover;
}

.welfare-integral-list .welfare-vip-icon {
  height: 0.95rem;
  background: url(../images/icon/welfare-tit-icon.png) 0rem -7.075rem no-repeat;
  background-size: 1rem auto;
}

.welfare-integral-list .welfare-list dd {
  background: #fff;
  position: relative;
}

.welfare-integral-list .welfare-list dd .type {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-align: center;
  font-size: 0.45rem;
  padding-left: 0.4rem;
  width: 1rem;
  height: 0.55rem;
  line-height: 0.55rem;
}

.welfare-integral-list .welfare-list dd .type.type1 {
  background: url(../images/icon/welfare-VIPMain-icon.png) right -11.225rem no-repeat;
  background-size: 1.75rem auto;
}

.welfare-integral-list .welfare-list dd .bnt-get {
  position: absolute;
  left: auto;
  right: 0.55rem;
  top: 2.45rem;
  width: 3.75rem;
  height: 1.075rem;
  background: #ff6d82;
  color: #fff;
  line-height: 1.075rem;
  font-size: 0.55rem;
  border-radius: 0.125rem;
}

.welfare-integral-list .welfare-list dd .welfare-icon {
  font-size: 0.4rem;
  position: absolute;
  top: 0;
  right: -0.05rem;
  background: url(../images/icon/welfare-VIPMain-icon.png) 0rem -7.075rem no-repeat;
  background-size: 1.75rem auto;
  width: 1.4rem;
  height: 0.55rem;
  color: #fff;
  text-align: center;
  line-height: 0.55rem;
}

.welfare-integral-list .welfare-list dd .welfare-icon.state0 {
  background-position: -0.375rem -16.175rem;
}

.welfare-integral-list .welfare-list dd .welfare-icon.state1 {
  background-position: -0.375rem -16.925rem;
}

.welfare-integral-list .welfare-list dd .welfare-icon.state3 {
  background-position: -0.375rem -15.3rem;
}

.welfare-list {
  padding: 0.4rem 0.075rem;
  border-top: 0.025rem solid #ebebeb;
}

.welfare-list dd {
  border: 0.05rem solid #ebebeb;
  height: 3.9rem;
  width: 17.075rem;
  margin-bottom: 0.475rem;
  position: relative;
  background: #fff;
}

.welfare-list dd .icon {
  position: absolute;
  left: 0.375rem;
  top: 0.3rem;
  width: 3.2rem;
  height: 3.2rem;
}

.welfare-list dd .giftArea {
  position: absolute;
  left: 4.45rem;
  top: 0rem;
  width: 12.5rem;
  height: 4rem;
}

.welfare-list dd .giftArea .giftName {
  line-height: 1.55rem;
  font-size: 0.8rem;
  color: #444242;
}

.welfare-list dd .giftArea .giftName a {
  color: #444242;
}

.welfare-list dd .giftArea .giftName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.welfare-list dd .giftArea .giftSurplus {
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.welfare-list dd .giftArea .giftSurplus .lineBg {
  display: inline-block;
  vertical-align: middle;
  width: 3.25rem;
  height: 0.275rem;
  background: #cbc1b9;
  border-radius: 0.125rem;
  overflow: hidden;
}

.welfare-list dd .giftArea .giftSurplus .lineBg span {
  float: left;
  width: 50%;
  height: 100%;
  background: #ed8b3b;
  border-radius: 0.125rem;
}

.welfare-list dd .giftArea .giftSurplus em {
  color: #ed8b3b;
}

.welfare-list dd .giftArea .platform {
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.welfare-list dd .giftArea .platform span {
  color: #ed8b3b;
  display: inline-block;
}

.welfare-list dd .bnt-get {
  position: absolute;
  right: 0.7rem;
  top: 1.25rem;
  width: 3.75rem;
  height: 1rem;
  background: #ed8b3b;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  font-size: 0.5rem;
  border-radius: 0.125rem;
}

.welfare-list dd .bnt-get.jf-bnt-get {
  background: #ff6d82;
}

.welfare-list dd .bnt-getAgain {
  right: 0.55rem;
  position: absolute;
  top: 2.45rem;
  width: 3.75rem;
  height: 1.075rem;
  background: #999;
  color: #fff;
  text-align: center;
  line-height: 1.075rem;
  font-size: 0.55rem;
  border-radius: 0.125rem;
}

.welfare-list dd .bnt-getAgain.on {
  background: #0297ff;
}

.welfare-list dd .wechat .bnt-get {
  top: 1.25rem;
}

.welfare-list dd .vipType {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.1rem;
  height: 0.75rem;
  padding-left: 0.9rem;
  text-align: center;
  line-height: 0.75rem;
  color: #fff;
  font-size: 0.45rem;
}

.welfare-list dd .vipType.vipType1 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.welfare-list dd .vipType.vipType2 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -0.875rem no-repeat;
  background-size: 100% auto;
}

.welfare-list dd .vipType.vipType3 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -1.75rem no-repeat;
  background-size: 100% auto;
}

.welfare-list dd .vipType.vipType4 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -2.625rem no-repeat;
  background-size: 100% auto;
}

.welfare-list dd .vipType.vipType5 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -3.5rem no-repeat;
  background-size: 100% auto;
}

.welfare-list dd .vipType.vipType6 {
  background: #fff url(../images/icon/welfare-VIPMain-icon1.png) 0rem -4.375rem no-repeat;
  background-size: 100% auto;
}

.welfare-VIPMain dd {
  background: url(../images/welfare-list-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover;
}

.vip {
  background-color: #f9f9f9;
}

.vip .banner {
  margin-top: 0.525rem;
  height: 6.35rem;
}

.vip .banner .hd {
  width: 100%;
  right: 0;
  text-align: center;
  bottom: 0.25rem;
}

.vip .banner .hd li {
  background: #cdcccc;
  color: #cdcccc;
}

.vip .banner .hd li.on {
  background: #ed8b3b;
  color: #ed8b3b;
}

.vip .vip-item {
  padding: 0.6rem 0.425rem;
}

.vip .vip-item .privilegeMain {
  margin-bottom: 0.375rem;
  height: 3.7rem;
  width: 8.325rem;
  border: 1px #a9a5a5 solid;
  border-bottom: 0 none;
}

.vip .vip-item .privilegeMain:nth-child(2n+1) {
  float: left;
}

.vip .vip-item .privilegeMain:nth-child(2n) {
  float: right;
}

.vip .vip-item .privilegeMain .privilegeList-box {
  top: 3.625rem;
  left: -1px;
  z-index: 1;
  width: 8.325rem;
  border: 1px #a9a5a5 solid;
  background: #ffffff;
}

.vip .vip-item .privilegeMain .privilegeList-box .privilegeList {
  height: 1.95rem;
  overflow: hidden;
  border-bottom: 1px #a9a5a5 solid;
}

.vip .vip-item .privilegeMain .privilegeList-box .privilegeList a {
  height: 1.2rem;
  padding: 0.25rem 0 0.5rem 3.7rem;
  line-height: 1.45rem;
  font-size: 0.5rem;
  color: #2b2b2b;
}

.vip .vip-item .privilegeMain .privilegeList-box .privilegeList a img {
  top: 0.25rem;
  left: 2.2rem;
  width: 1.35rem;
  height: 1.2rem;
}

.vip .vip-item .privilegeMain .privilegeList-box .privilegeList:last-child {
  border-bottom: 0 none;
  background: #ed8b3b;
}

.vip .vip-item .privilegeMain .privilegeList-box .privilegeList:last-child a {
  padding-left: 0;
  font-size: 0.55rem;
  color: #ffffff;
}

.vip-presentation-nav {
  padding: 0 0.25rem;
  background: #f9f9f9;
}

.vip-presentation-nav a {
  float: left;
  width: 50%;
  height: 1.75rem;
  border-bottom: 0.025rem solid #b7b7b7;
  box-sizing: border-box;
  line-height: 1.75rem;
  text-align: center;
  font-size: 0.75rem;
  color: #242222;
}

.vip-presentation-nav a.on {
  color: #ed8b3b;
  border-bottom: 0.125rem solid #ed8b3b;
}

.vip-presentation-item .fagMain dl {
  padding: 0 0.5rem 0.75rem;
}

.vip-presentation-item .fagMain dt {
  line-height: 1.6rem;
  margin-top: 0.25rem;
  font-size: 0.7rem;
  color: #ff8832;
  text-indent: 1.15rem;
  background: url(../images/icon/fag-icon.png) 0.15rem center no-repeat;
  background-size: 0.825rem auto;
}

.vip-presentation-item .fagMain dd {
  color: #4f4d4d;
  font-size: 0.625rem;
  line-height: 1.05rem;
}

.vip-presentation-item .fagMain dd span {
  float: left;
  width: 5%;
  text-align: right;
}

.vip-presentation-item .fagMain dd p {
  padding-left: 2%;
  float: left;
  width: 90%;
}

.vip-presentation-item .fagMain dd p.p-sp {
  margin-left: 5%;
}

.presentation-nav {
  padding: 0.75rem 0.375rem;
  background: url(../images/vip-presentation-bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.presentation-nav a {
  float: left;
  width: 22%;
  margin: 0 1.5%;
  transition: all 1s;
}

.presentation-nav a.on {
  transform: scale(1.15);
}

.presentation-nav span {
  display: block;
  position: absolute;
  left: 2.2rem;
  bottom: 0;
  width: 0.675rem;
  height: 0.375rem;
  transition: all 0.3s;
}

.presentation-nav span.on0 {
  left: 2.2rem;
}

.presentation-nav span.on1 {
  left: 6.5rem;
}

.presentation-nav span.on2 {
  left: 10.8rem;
}

.presentation-nav span.on3 {
  left: 15.15rem;
}

.presentation-item ul {
  padding: 0 0.225rem;
  display: none;
}

.presentation-item li {
  position: relative;
  border-bottom: 0.025rem solid #dbdbdb;
  min-height: 3rem;
}

.presentation-item li.on .up-icon2 {
  display: block;
}

.presentation-item li.on .type {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.presentation-item li .presentation-text {
  padding: 0.65rem 0 0.5rem 4.25rem;
  position: relative;
}

.presentation-item li .presentation-text .title {
  line-height: 0.9rem;
  font-size: 0.7rem;
  color: #1b1b1d;
}

.presentation-item li .presentation-text .describe {
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: #4f4d4d;
  padding-top: 0.15rem;
}

.presentation-item li .icon {
  display: block;
  position: absolute;
  left: 1.775rem;
  top: 0.65rem;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.925rem;
  overflow: hidden;
}

.presentation-item li .icon.icon1 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 0;
  background-size: 100% auto;
}

.presentation-item li .icon.icon2 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -1.85rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon3 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -3.7rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon4 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -5.55rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon5 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -7.4rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon6 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -9.25rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon7 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -11.1rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon8 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -12.95rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon9 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -14.65rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon10 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -16.5rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon11 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -18.5rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon12 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -20.3rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon13 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -22.2rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon14 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -24.05rem;
  background-size: 100% auto;
}

.presentation-item li .icon.icon15 {
  background-image: url(../images/icon/vip-presentation-slide-icon.png);
  background-position: 0 -25.9rem;
  background-size: 100% auto;
}

.presentation-item li .type {
  display: block;
  position: absolute;
  right: 1.25rem;
  top: 1.35rem;
  width: 0.675rem;
  height: 0.3rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.presentation-item li .up-icon2 {
  display: none;
  position: absolute;
  right: 1.25rem;
  bottom: 0rem;
  width: 0.675rem;
  height: 0.375rem;
}

.presentation-item li .presentation-slide {
  background: #ebeaea;
  box-sizing: border-box;
  width: 18rem;
  margin-left: -0.225rem;
  display: none;
}

.presentation-item li .presentation-slide.slide1 {
  line-height: 2.85rem;
  font-size: 0.65rem;
  color: #5c5a5a;
  padding-left: 4.15rem;
}

.presentation-item li .presentation-slide.slide1 span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/welfare-tit-icon.png) 0rem -2.65rem no-repeat;
  background-size: 1rem auto;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.presentation-item li .presentation-slide.slide2 {
  padding: 0.375rem 0.25rem;
}

.presentation-item li .presentation-slide.slide2 table {
  width: 100%;
}

.presentation-item li .presentation-slide.slide2 table td {
  border: 0.025rem solid #b2b1b1;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.6rem;
  color: #4f4d4d;
}

.presentation-item li .presentation-slide.slide2 table tr:nth-child(2) td {
  color: #ed8b3b;
}

.presentation-item .presentation-game .icon {
  background-color: #9186ec;
}

.presentation-item .presentation-serve .icon {
  background-color: #fb76e5;
}

.presentation-item .presentation-welfare .icon {
  background-color: #ed8b3b;
}

.presentation-item .presentation-buy .icon {
  background-color: #0fd1bb;
}

.active-time {
  text-align: center;
  line-height: 0.875rem;
  margin-top: 0.875rem;
  font-size: 0.75rem;
}

.vipRechargeTit {
  height: 1rem;
  line-height: 1rem;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #282727;
}

.vipRechargeTip {
  margin-bottom: 0.25rem;
  font-size: 0.65rem;
  color: #666666;
}

.vipRechargeTips {
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
  font-size: 0.45rem;
  line-height: 1rem;
}

.vipRechargeTips dt {
  color: #ef6d16;
}

.vipRechargeTips dd {
  text-indent: 2em;
  color: #666666;
}

.vipRechargeList {
  /*  一周年 vip 充值活动 */
}

.vipRechargeList li {
  float: left;
  width: 7.9rem;
  height: 5.825rem;
  margin: 0 0.425rem 0.925rem;
  background: url(../images/vipRechargeList-bg.jpg) right bottom no-repeat;
  background-size: 100% auto;
  position: relative;
}

.vipRechargeList li .vipRechargeListT {
  background: #ff8832;
  font-size: 0.65rem;
  height: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  color: #fff;
}

.vipRechargeList li .xs {
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 1.75rem;
  height: 1.5rem;
}

.vipRechargeList li .vipRechargeText {
  padding: 0 0.25rem;
  font-size: 0.5rem;
  line-height: 0.85rem;
  text-align: center;
  color: #333;
}

.vipRechargeList li .vipRechargePrice {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #333;
  text-align: center;
  line-height: 1.25rem;
}

.vipRechargeList li .vipRechargePrice span {
  color: #ff8832;
}

.vipRechargeList li .vipRechargePrice1 {
  font-size: 0.5rem;
  text-align: center;
  padding: 0.25rem;
  color: #333;
}

.vipRechargeList li .vipRechargePrice1 span {
  color: #ff8832;
}

.vipRechargeList.oneYear li {
  height: 5.825rem;
}

.vipRechargeList.oneYear li .vipRechargePrice {
  display: inline-block;
  font-size: 0.5rem;
}

.vipRechargeList.oneYear li .vipRechargePrice span {
  font-size: 0.8rem;
  color: #ed8b3b;
  font-weight: bold;
}

.vipRechargeList.oneYear li .vipRechargePrice1 {
  display: inline-block;
  padding: 0;
}

.vipRechargeList.oneYear li .give-tips {
  text-align: center;
  font-size: 0.5rem;
  color: #666666;
  text-decoration: line-through;
  line-height: 0.875rem;
}

.vipRechargeList.oneYear li .active-tips {
  text-align: center;
  color: #242223;
  font-size: 0.5rem;
}

.vipRechargeList.oneYear li .active-tips strong {
  color: #ff0000;
  font-size: 0.6rem;
}

.vipRechargeList.oneYear li .new-tips {
  color: #666666;
  font-size: 0.5rem;
  text-align: center;
  line-height: 0.8rem;
}

.vipRechargeList.oneYear li .new-tips .strong {
  color: #ff8d3c;
}

.vipRechargeList.oneYear li .old-tips {
  color: #666666;
  font-size: 0.5rem;
  text-align: center;
  text-decoration: line-through;
}

.vipRechargeList.oneYear li .old-tips .strong {
  color: #ff8d3c;
}

.vipRechargePage {
  padding: 0.6rem 0.4rem;
}

.vipRechargePage .vipRechargeBox {
  height: 4.45rem;
  width: 17.2rem;
  border: 0.025rem solid #f4f4f4;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.375rem 0.75rem 0 0.45rem;
}

.vipRechargePage .vipRechargeBox .vipRechargeName {
  height: 1.45rem;
  line-height: 1.375rem;
  font-size: 0.65rem;
  color: #444;
}

.vipRechargePage .vipRechargeBox .vipRechargeOldP {
  font-size: 0.6rem;
  color: #444;
  height: 1.125rem;
  text-align: right;
  text-decoration: line-through;
}

.vipRechargePage .vipRechargeBox .vipRechargeNewP {
  font-size: 0.875rem;
  color: #444;
  text-align: right;
}

.vipRechargePage .vipRechargeBox .vipRechargeNewP span {
  color: #ff8832;
}

.vipRechargePage .vipRechargePageList {
  border: 0.025rem solid #f4f4f4;
  margin-top: 0.5rem;
  background: #fff;
}

.vipRechargePage .vipRechargePageList dt {
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.65rem;
  color: #444;
  padding-left: 0.5rem;
}

.vipRechargePage .vipRechargePageList dd {
  padding: 0.4rem 0.5rem;
  height: 2rem;
  position: relative;
  border-top: 0.025rem solid #f4f4f4;
  line-height: 2rem;
}

.vipRechargePage .vipRechargePageList dd .vipRechargePageIcon {
  width: 2.65rem;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vipRechargePage .vipRechargePageList dd .vipRechargePageIcon img {
  width: 2rem;
}

.vipRechargePage .vipRechargePageList dd .vipRechargePagelistN {
  width: 12rem;
  display: inline-block;
  height: 100%;
  line-height: 1rem;
  color: #1b1b1d;
  font-size: 0.65rem;
  vertical-align: middle;
}

.vipRechargePage .vipRechargePageList dd i {
  height: 0.875rem;
  width: 0.875rem;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon/checked-icon.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.vipRechargePage .vipRechargePageList dd.on i {
  background: url(../images/icon/checked-icon.png) 0 bottom no-repeat;
  background-size: 100% auto;
}

.vipRechargeResult {
  padding: 0.65rem 0.4rem;
}

.vipRechargeResult .resultItem {
  height: 15rem;
  background: #fff;
}

.vipRechargeResult .resultItem .rechargeResultLogo {
  width: 7.5rem;
  margin: 0 auto;
  padding-top: 0.7rem;
  height: 4.1rem;
}

.vipRechargeResult .resultItem .rechargeResultStyle {
  width: 3.775rem;
  height: 3.775rem;
  margin: 0 auto;
}

.vipRechargeResult .resultItem .rechargeResultTit {
  line-height: 3rem;
  text-align: center;
  font-size: 1.625rem;
  color: #333;
}

.vipRechargeResult .resultItem .rechargeResultDic {
  line-height: 0.95rem;
  text-align: center;
  font-size: 0.7rem;
  color: #333;
}

/*  会员卡改版 18.04.04 S*/
.cardSort {
  height: 2.5rem;
  background: url(../../sdkv2/images/cardBg-por.jpg) center top no-repeat;
  background-size: 100% auto;
  width: 100%;
  color: #fff;
  position: relative;
}

.cardSort:after {
  content: "";
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 1.125rem;
  height: 0.675rem;
  background-position: -12.825rem -3.65rem;
  right: 0.75rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -webkit-transition: all .5s;
}

.cardSort.on:after {
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 1.125rem;
  height: 0.675rem;
  background-position: -12.825rem -4.475rem;
}

.cardSort.cardJS {
  background-position: 0 0;
  margin-bottom: 0.05rem;
}

.cardSort.cardVip {
  background-position: 0 -2.5rem;
}

.cardSort .title {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 2.375rem;
  margin-left: 1.25rem;
}

.cardSort .title:after {
  content: "";
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -12.6rem -1.575rem;
  margin-left: 0.225rem;
}

.cardSort .notice {
  font-size: 0.6rem;
  margin-left: 1.25rem;
}

.cardSort .notice:after {
  content: "";
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 0.9rem;
  height: 0.9rem;
  background-position: -14.25rem -1.95rem;
  margin-left: 0.25rem;
}

.cardSort .taste {
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 1.6rem;
  height: 0.625rem;
  background-position: -13.4rem -0.35rem;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}

.cardList {
  margin: 0 0 0.4rem 0.25rem;
  display: none;
}

.cardList li {
  margin: 0.4rem 0.45rem 0 0.45rem;
  background: #fff url("../sdkv2/images/panda-bg-right.png") 0.425rem -1.875rem no-repeat;
  background-size: 6rem auto;
  width: auto;
  border-radius: 5px;
}

.cardList.cardJSList li {
  border: 1px solid #c5c3c3;
  padding: 0.55rem 0.375rem;
}

.cardList.cardVipList li {
  border: 1px solid #cf9f51;
  padding: 0.125rem 0.75rem;
}

.cardList .msgJS {
  font-size: 0.75rem;
  line-height: 1.5rem;
  margin-left: 0.75rem;
  color: #6e6e6e;
  float: left;
}

.cardList .msgJS span {
  background-image: -webkit-gradient(linear, 0 0, 180% bottom, from(#a87745), to(#f0bd59));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 0.8rem;
  padding-right: 0.25rem;
}

.cardList .buy {
  width: 4.75rem;
  height: 1.5rem;
  border-radius: 25px;
  text-align: center;
  line-height: 1.5rem;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbad56), to(#cc9b51));
  color: #fff;
  font-size: 0.6rem;
  float: right;
  margin: remX(15) 0 0 0;
}

.cardList .msgVipCon {
  margin: 0.625rem 0 0 0;
  display: inline-block;
}

.cardList .msgVip {
  color: #6e6e6e;
  font-size: 0.55rem;
}

.cardList .msgVip strong {
  font-size: 0.5rem;
  width: 0.725rem;
  height: 0.725rem;
  line-height: 0.725rem;
  font-weight: normal;
  color: #fff;
  background: #c18a46;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}

.cardList .msgVip span {
  color: #ca934e;
}

.cardList .prize {
  float: right;
  font-size: 0.5rem;
  color: #818181;
}

.cardList .prize strong {
  background-image: -webkit-gradient(linear, 0 0, 200% bottom, from(#a87745), to(#f0bd59));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
}

.cardVipDialog .content, .cardJSDialog .content {
  color: #676767;
  font-size: 0.55rem;
  padding: 1.5rem 0.5rem;
  background: #fff;
  width: 11.25rem;
  min-height: 3.75rem;
}

.cardVipDialog .closeBtn, .cardJSDialog .closeBtn {
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -2.5rem -2.125rem;
}

.cardVipDialog .introdute, .cardJSDialog .introdute {
  font-weight: bold;
}

.cardVipDialog .msg, .cardJSDialog .msg {
  line-height: 1rem;
}

.cardVipDialog .msg:before, .cardJSDialog .msg:before {
  content: "";
  background: url(../../sdkv2/images/sprites.png) center top no-repeat;
  background-size: 32rem auto;
  width: 0.65rem;
  height: 0.65rem;
  background-position: -13rem -6rem;
  margin-right: 0.125rem;
}

.cardVipDialog .msg strong, .cardJSDialog .msg strong {
  margin-left: 0.775rem;
}

.cardVipDialog .msg strong:nth-child(1), .cardJSDialog .msg strong:nth-child(1) {
  margin-left: 0;
}

/*  会员卡改版 18.04.04 E*/
.vipChinapay {
  padding: 0.65rem 0.475rem;
}

.vipChinapay .payMain {
  background: #fff;
  border: 0.025rem solid #ececec;
  min-height: 5rem;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}

.vipChinapay .payMain .shengliLogo {
  width: 7.6rem;
  display: block;
  margin: 0 auto;
}

.vipChinapay .payMain .vipChinapayLogo {
  width: 6.35rem;
  display: block;
  margin: 1.75rem auto 0;
}

.vipChinapay .payMain .payMainText {
  padding: 0.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  text-align: center;
}

.vipChinapay .submit {
  width: 16.25rem;
  display: block;
  margin: 1.125rem auto 0;
}

.personal {
  background: #f4f4f4;
}

.personal .notice {
  height: 18px;
  padding: 10px 30px 10px 55px;
  background: #fff url(../images/icon/personal-icon.png) 25px 10px no-repeat;
  background-size: 0.575rem auto;
}

.personal .notice .notice-slide {
  height: 18px;
  overflow: hidden;
}

.personal .notice ul.slide {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.personal .notice ul li {
  height: 18px;
  width: 100%;
  font-size: 12px;
  color: #6c6c6c;
  line-height: 18px;
  float: left;
}

.personal .notice ul li a {
  color: #ff8832;
}

.personal .personal-main {
  margin-top: 0.275rem;
  background: url(../images/personal-main.jpg) 0 0 no-repeat;
  background-size: cover;
  height: 5.3rem;
  position: relative;
}

.personal .personal-main .personal-main-img {
  position: absolute;
  left: 0.6rem;
  top: 0.5rem;
  height: 3.375rem;
  width: 3.375rem;
  border-radius: 1.675rem;
  overflow: hidden;
}

.personal .personal-main span.v {
  display: inline-block;
  height: 1.15rem;
  width: 1.15rem;
  position: absolute;
  left: 3.05rem;
  top: 2.75rem;
  border-radius: 0.575rem;
}

.personal .personal-main span.v.v0 {
  background: url(../images/icon/noVIP-icon.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.personal .personal-main span.v.v1 {
  background: url(../images/personal-integral.png) -0.45rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main span.v.v2 {
  background: url(../images/personal-integral.png) -3.4rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main span.v.v3 {
  background: url(../images/personal-integral.png) -6.35rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main span.v.v4 {
  background: url(../images/personal-integral.png) -9.3rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main span.v.v5 {
  background: url(../images/personal-integral.png) -12.25rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main span.v.v6 {
  background: url(../images/personal-integral.png) -15.2rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-main .login-out {
  color: #f4bbda;
  font-size: 0.55rem;
  width: 2.125rem;
  height: 0.75rem;
  line-height: 0.75rem;
  border: 1px solid #c77da4;
  border-radius: 10px;
  position: absolute;
  top: 4.075rem;
  left: 1.25rem;
  text-align: center;
}

.personal .personal-main-text {
  position: absolute;
  left: 4.85rem;
  top: 0.85rem;
  height: 3.875rem;
  width: 9.15rem;
}

.personal .personal-main-text .personal-userName {
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal .personal-main-text .personal-integralNum {
  line-height: 1.125rem;
  font-size: 0.7rem;
  color: #fff;
}

.personal .personal-main-text .personal-integralNum a {
  height: 1.125rem;
  line-height: 1.125rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 0.5rem;
  margin-left: 0.25rem;
}

.personal .personal-main-text .personal-game,
.personal .personal-main-text .vipTime {
  height: 0.9rem;
  line-height: 0.9rem;
  color: #fff;
  font-size: 0.5rem;
}

.personal .personal-integralBtn {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2rem;
  width: 3.75rem;
  height: 1.3rem;
  background: #ed8b3b;
  color: #fff;
  font-size: 0.725rem;
  border-radius: 0.65rem 0 0 0.65rem;
  text-align: center;
  line-height: 1.3rem;
}

.personal .personal-nav {
  height: 5.125rem;
  overflow: hidden;
  margin-top: 0.85rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.personal .personal-nav.onSlt {
  height: 10.25rem;
}

.personal .personal-nav a {
  float: left;
  border: 0.025rem solid #e7e7e7;
  border-right: none;
  height: 5.125rem;
  box-sizing: border-box;
  width: 25%;
  background: #fff;
}

.personal .personal-nav a:nth-child(1) {
  border-left: none;
}

.personal .personal-nav a .img {
  display: block;
  height: 1.925rem;
  width: 1.925rem;
  padding-top: 0.95rem;
  margin: 0 auto;
}

.personal .personal-nav a p {
  color: #996c33;
  font-size: 0.6rem;
  text-align: center;
  line-height: 1.9rem;
}

.personal .personal-nav-slt {
  height: 1.2rem;
  background: #fafafa;
  border-bottom: 0.025rem solid #e7e7e7;
  text-align: center;
  line-height: 1.2rem;
}

.personal .personal-nav-slt span {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.425rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.personal .personal-nav-slt span.on {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.personal .personal-integral {
  margin-top: 0.7rem;
  height: 7.825rem;
  background: #fff;
}

.personal .personal-integral .integral-titMain {
  padding: 0.575rem 0.45rem 0.4rem;
  border-bottom: 0.025rem solid #e7e7e7;
}

.personal .personal-integral .integral-cent {
  height: 6rem;
  position: relative;
}

.personal .personal-integral .integral-cent .growNum {
  position: absolute;
  left: 0.75rem;
  top: 0.6rem;
  font-size: 0.6rem;
  color: #5f5e5e;
}

.personal .personal-integral .integral-cent .growNum a {
  color: #5f5e5e;
}

.personal .personal-integral .integral-cent .growNum span {
  color: #ed8b3b;
}

.personal .personal-integral .integral-cent .othe-growNum {
  position: absolute;
  right: 0.75rem;
  top: 0.6rem;
  font-size: 0.6rem;
  color: #ed8b3b;
}

.personal .personal-integral .integral-cent .integral-line {
  position: absolute;
  left: 0;
  top: 4.3rem;
  height: 0.175rem;
  background: #e0e0e0;
  width: 100%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar {
  width: 0%;
  height: 0.175rem;
  background: #ed8b3b;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip0 {
  width: 0%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip1 {
  width: 20%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip2 {
  width: 40%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip3 {
  width: 60%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip4 {
  width: 80%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip5 {
  width: 100%;
}

.personal .personal-integral .integral-cent .integral-line .integral-bar.vip6 {
  width: 100%;
}

.personal .personal-integral .integral-cent .integral-line ul li {
  width: 1.8rem;
  height: 3.25rem;
  position: absolute;
  top: -1.95rem;
}

.personal .personal-integral .integral-cent .integral-line ul li .vImg.past {
  -webkit-transform: scale(0.7);
  -webkit-transform-origin: bottom center;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(1) {
  left: 1.15rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(1) .vImg {
  background: url(../images/personal-integral.png) 0.25rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(1) .vImg.on {
  background: url(../images/personal-integral.png) -0.15rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(2) {
  left: 4.7rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(2) .vImg {
  background: url(../images/personal-integral.png) -2.85rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(2) .vImg.on {
  background: url(../images/personal-integral.png) -3.125rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(3) {
  left: 8.3rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(3) .vImg {
  background: url(../images/personal-integral.png) -5.95rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(3) .vImg.on {
  background: url(../images/personal-integral.png) -6.1rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(4) {
  left: 11.85rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(4) .vImg {
  background: url(../images/personal-integral.png) -9.025rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(4) .vImg.on {
  background: url(../images/personal-integral.png) -9.05rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(5) {
  left: 15.4rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(5) .vImg {
  background: url(../images/personal-integral.png) -12.125rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(5) .vImg.on {
  background: url(../images/personal-integral.png) -12.025rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(6) {
  left: 15.8rem;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(6) .vImg {
  background: url(../images/personal-integral.png) -15.25rem 0.55rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li:nth-child(6) .vImg.on {
  background: url(../images/personal-integral.png) -15rem -2.15rem no-repeat;
  background-size: 16.8rem auto;
}

.personal .personal-integral .integral-cent .integral-line ul li .vImg {
  height: 2.125rem;
  width: 100%;
}

.personal .personal-integral .integral-cent .integral-line ul li .vImg.on ~ p {
  color: #ed8b3b;
}

.personal .personal-integral .integral-cent .integral-line ul li p {
  padding-top: 0.125rem;
  font-size: 0.6rem;
  color: #999;
  text-align: center;
}

.personal .personal-gift {
  margin-top: 0.95rem;
  background: #fff;
}

.personal .personal-gift .gift-titMain {
  padding: 0.575rem 0.45rem 0.4rem;
  border-bottom: 0.025rem solid #e7e7e7;
}

.personal .personal-gift ul li {
  float: left;
  width: 50%;
  height: 4.35rem;
  box-sizing: border-box;
  position: relative;
  border: 0.025rem solid #e7e7e7;
  border-right: none;
}

.personal .personal-gift ul li:nth-child(1) {
  border-left: none;
}

.personal .personal-gift ul li .giftImg {
  position: absolute;
  left: 0.875rem;
  top: 0.675rem;
  width: 3rem;
}

.personal .personal-gift ul li .gift-listMain {
  position: absolute;
  left: 4.35rem;
  top: 0.675rem;
  width: 4.45rem;
  height: 3.25rem;
}

.personal .personal-gift ul li .gift-listMain .giftName {
  line-height: 0.95rem;
  font-size: 0.65rem;
  color: #333;
}

.personal .personal-gift ul li .gift-listMain .giftName a {
  color: #333;
}

.personal .personal-gift ul li .gift-listMain .gfitDescribe {
  line-height: 1rem;
  font-size: 0.55rem;
  color: #5c5c5c;
}

.personal .personal-gift ul li .gift-listMain .look-bnt {
  display: block;
  width: 2.2rem;
  height: 0.95rem;
  text-align: center;
  line-height: 0.95rem;
  color: #fff;
  background: #ed8b3b;
  font-size: 0.55rem;
  margin-top: 0.125rem;
  border-radius: 0.125rem;
}

.personal .personal-activity {
  margin-top: 0.95rem;
  background: #fff;
}

.personal .personal-activity .activity-titMain {
  padding: 0.575rem 0.45rem 0.4rem;
  border-bottom: 0.025rem solid #e7e7e7;
}

.personal .personal-activity .activity-centMain {
  width: 15.65rem;
  padding: 0.875rem 1.175rem;
  overflow: hidden;
}

.personal .personal-activity .activity-centMain img {
  border: none;
  border: 0;
}

.personal-task {
  background: #fff;
}

.personal-task .tips {
  padding: 0.5rem 0;
  color: #ed8b3b;
  font-size: 0.6rem;
}

.personal-task .task-titMain {
  padding: 0.575rem 0.45rem 0.4rem;
  border-bottom: 0.025rem solid #e7e7e7;
}

.personal-task .task-main {
  margin-top: 0.1rem;
}

.personal-task .task-main dd span,
.personal-task .task-main dt span {
  float: left;
  height: 1.725rem;
  line-height: 1.725rem;
  text-align: center;
  font-size: 0.6rem;
}

.personal-task .task-main dd span:nth-child(1),
.personal-task .task-main dt span:nth-child(1) {
  width: 4.375rem;
  margin-right: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-task .task-main dd span:nth-child(2),
.personal-task .task-main dt span:nth-child(2) {
  width: 4.125rem;
  margin-right: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-task .task-main dd span:nth-child(3),
.personal-task .task-main dt span:nth-child(3) {
  width: 4.05rem;
}

.personal-task .task-main dd span:nth-child(4),
.personal-task .task-main dt span:nth-child(4) {
  width: 4.25rem;
}

.personal-task .task-main dt {
  background: #e7e7e7;
  height: 1.45rem;
}

.personal-task .task-main dt span {
  height: 1.45rem;
}

.personal-task .task-main dd {
  border-bottom: 0.025rem solid #e7e7e7;
  width: 100%;
  box-sizing: border-box;
}

.personal-task .task-main dd:nth-child(2n) {
  line-height: 1.725rem;
}

.personal-task .task-main dd:nth-child(2n).on span:nth-child(4) {
  background: url(../images/icon/personal-icon.png) right -2rem no-repeat;
  background-size: 0.575rem auto;
}

.personal-task .task-main dd:nth-child(2n) span {
  color: #5f5e5e;
  line-height: 1.725rem;
}

.personal-task .task-main dd:nth-child(2n) span:nth-child(2) {
  color: #ed8b3b;
}

.personal-task .task-main dd:nth-child(2n) span:nth-child(4) {
  background: url(../images/icon/personal-icon.png) right -0.75rem no-repeat;
  background-size: 0.575rem auto;
}

.personal-task .task-main dd:nth-child(2n) span:nth-child(4) a {
  display: inline-block;
  width: 2.8rem;
  height: 0.975rem;
  text-align: center;
  background: #ed8b3b;
  line-height: 0.975rem;
  color: #fff;
  border-radius: 0.075rem;
  font-size: 0.575rem;
  vertical-align: middle;
}

.personal-task .task-main dd:nth-child(2n+1) {
  line-height: 0.75rem;
  background: #fafafa;
  padding: 0.25rem 0.875rem;
  font-size: 0.55rem;
  color: #797979;
  display: none;
}

.personalIntegralTop p {
  padding: 0.45rem 0.35rem 0.45rem 1.8rem;
  line-height: 0.75rem;
  font-size: 0.45rem;
  color: #575757;
  background: url(../images/icon/ask-icon.png) 0.5rem 0.5rem no-repeat;
  background-size: 0.9rem auto;
}

.personalIntegralTop .integralTopBtn {
  padding: 0 0 0.25rem;
}

.personalIntegralTop .integralTopBtn a {
  float: right;
  width: 3.45rem;
  height: 1.125rem;
  font-size: 0.6rem;
  text-align: center;
  line-height: 1.125rem;
  border-radius: 0.05rem;
  background: #ff8832;
  color: #fff;
  margin-right: 0.7rem;
}

.personalIntegral {
  margin-top: 0.125rem;
}

.personalIntegral dl dt,
.personalIntegral dl dd {
  overflow: hidden;
}

.personalIntegral dl dt span,
.personalIntegral dl dd span {
  float: left;
  text-align: center;
}

.personalIntegral dl dt span:nth-child(1),
.personalIntegral dl dd span:nth-child(1) {
  width: 4.65rem;
}

.personalIntegral dl dt span:nth-child(2),
.personalIntegral dl dd span:nth-child(2) {
  width: 4.15rem;
}

.personalIntegral dl dt span:nth-child(3),
.personalIntegral dl dd span:nth-child(3) {
  width: 5.675rem;
}

.personalIntegral dl dt span:nth-child(4),
.personalIntegral dl dd span:nth-child(4) {
  width: 3.5rem;
}

.personalIntegral dl dt {
  height: 1.45rem;
  background-color: #e6e6e6;
  font-size: 0.6rem;
  color: #242222;
  line-height: 1.45rem;
}

.personalIntegral dl dd {
  height: 1.7rem;
  font-size: 0.575rem;
  color: #5f5e5e;
  border-bottom: 0.025rem solid #e6e6e6;
  line-height: 1.45rem;
}

.personalIntegral dl dd span:nth-child(4) {
  color: #ed8b3b;
}

.personalMessage dd {
  border-top: 0.025rem solid #e7e7e7;
  border-bottom: 0.025rem solid #e7e7e7;
  background: #fff;
  margin-bottom: 0.45rem;
  padding: 0.35rem 1.625rem 0.35rem 2.3rem;
  position: relative;
  height: 2.5rem;
  overflow: hidden;
}

.personalMessage dd.on {
  height: auto;
}

.personalMessage dd .personalMessageTit {
  color: #3c3c3c;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.personalMessage dd .personalMessageCent {
  line-height: 0.9rem;
  font-size: 0.6rem;
  color: #6d6d6d;
  height: 1.8rem;
  overflow: hidden;
}

.personalMessage dd .icon {
  position: absolute;
  left: 0.65rem;
  top: 0.45rem;
  width: 1.325rem;
  height: 1.325rem;
  border-radius: 0.65rem;
  overflow: hidden;
}

.personalMessage dd i {
  position: absolute;
  right: 0.55rem;
  top: 1.65rem;
  width: 0.9rem;
  height: 0.525rem;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.personalMessage dd.on .personalMessageCent {
  height: auto;
}

.personalTask {
  background: #fff;
}

.personalTask .personalTaskTit {
  color: #5f5e5e;
  font-size: 0.65rem;
  padding: 0.75rem 1rem 0;
  background: #f4f4f4;
}

.personalTask .personalTaskTit span {
  margin-right: 1rem;
  color: #ed8b3b;
}

.personalGift {
  padding-top: 0.375rem;
}

.personalGift li {
  height: 4.075rem;
  border-top: 0.025rem solid #e7e7e7;
  border-bottom: 0.025rem solid #e7e7e7;
  position: relative;
  background: #fff;
  margin-bottom: 0.55rem;
}

.personalGift li .icon {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 3rem;
  height: 3rem;
}

.personalGift li .giftArea {
  position: absolute;
  left: 4.1rem;
  top: 0.5rem;
  width: 10.45rem;
  height: 3.375rem;
}

.personalGift li .giftArea .giftName {
  line-height: 1.15rem;
  font-size: 0.75rem;
  color: #242222;
}

.personalGift li .giftArea .giftName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.personalGift li .giftArea p {
  line-height: 1rem;
  color: #999;
  font-size: 0.55rem;
}

.personalGift li .giftArea p.giftCDK span {
  color: #ff8832;
}

.personalGift li .giftArea p span {
  color: #242222;
}

.personalGift li .bnt-get {
  position: absolute;
  left: 14.8rem;
  top: 2.4rem;
  width: 2.625rem;
  height: 1.05rem;
  border: 0.05rem solid #ed8b3b;
  color: #ed8b3b;
  text-align: center;
  line-height: 1.075rem;
  font-size: 0.55rem;
  border-radius: 0.125rem;
}

.personalSign {
  padding: 0.425rem 0.45rem 0.425rem 0.45rem;
}

.personalSign .personalSignWord {
  float: left;
  width: 10.575rem;
  height: 4.9rem;
  background: #f1f0f0;
  padding: 0.25rem 0.625rem;
  line-height: 1rem;
  font-size: 0.6rem;
  color: #3d3b3b;
  box-sizing: border-box;
}

.personalSign .personalSignWord .retroactiveNum {
  color: #ff8832;
}

.personalSign .personalSignWord p {
  line-height: 0.875rem;
  background: url(../images/icon/personalSignMain-icon.png) 0 0.15rem no-repeat;
  background-size: 0.575rem auto;
  padding-left: 0.75rem;
}

.personalSign .personalSignWord .viewVipSpecial {
  width: 5.5rem;
  height: 1.25rem;
  display: inline-block;
  color: #fff;
  font-size: 0.5rem;
  background: #ff832f;
  line-height: 1.25rem;
  text-align: center;
  border-radius: 2px;
  vertical-align: middle;
}

.personalSign .personalSignWord div {
  line-height: 0.625rem;
  margin-top: 0.3rem;
  font-size: 0.475rem;
}

.personalSign .personalSignWord div span {
  color: #ff8832;
}

.personalSign .personalSignBox {
  float: right;
  width: 6rem;
  height: 4.9rem;
  background: #f1f0f0;
}

.personalSign .personalSignBox .personalSignBoxTop {
  height: 1.075rem;
  text-align: center;
  line-height: 1.075rem;
  background: #ff8832;
  color: #fff;
  font-size: 0.6rem;
}

.personalSign .personalSignBox .personalSignNum {
  height: 2.225rem;
  line-height: 2.225rem;
  font-size: 1.5rem;
  color: #ff8832;
  text-align: center;
}

.personalSign .personalSignBox .personalSignNum span {
  font-size: 0.45rem;
}

.personalSign .personalSignBox .personalSignBtn {
  width: 5.075rem;
  height: 1.025rem;
  text-align: center;
  line-height: 1.025rem;
  color: #fff;
  font-size: 0.5rem;
  background: #ff4b9b;
  border-bottom: 0.125rem solid #cc1064;
  border-radius: 0.05rem;
  margin: 0 auto;
}

.personalSign .personalSignGift {
  border-bottom: 1px dashed #ff8a3b;
}

.personalSign .personalSignGift li {
  float: left;
  width: 5.65rem;
  margin: 0 0 0.625rem 0.05rem;
}

.personalSign .personalSignGift li:nth-child(1) {
  margin-left: none;
}

.personalSign .personalSignGift li .personalSignGiftBtn {
  display: block;
  height: 1.175rem;
  line-height: 1.175rem;
  text-align: center;
  color: #fff;
  background: #ff8832;
  font-size: 0.5rem;
}

.personalSign .personalSignGift li .active {
  background: #948D8D;
}

.personalSign .personalSignExplain {
  padding: 0.5rem;
  width: 18rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(../images/icon/personalSignExplain-icon.png) 0 -0.975rem repeat-x;
  background-size: 0.45rem auto;
  margin-top: 0.8rem;
  margin-left: -0.5rem;
}

.personalSign .personalSignExplain dt {
  font-size: 0.6rem;
  color: #383838;
  line-height: 1.05rem;
}

.personalSign .personalSignExplain dd {
  color: #7f7f7f;
  font-size: 0.5rem;
  padding-left: 0.65rem;
  line-height: 1.05rem;
  background: url(../images/icon/personalSignExplain-icon1.png) 0 0.375rem no-repeat;
  background-size: 0.25rem auto;
}

.personalSignMain {
  background: url(../images/personalSignBg.jpg) 0 0 repeat-y;
  background-size: 16.85rem auto;
  margin: 0.875rem auto;
  padding: 0.5rem 0.6rem;
  border: 0.025rem solid #ff8832;
}

.calendars-box li {
  color: #666666;
}

.calendars-box li.today {
  color: #ff8c3c;
}

.calendars-box li.asign {
  color: #666666;
}

.calendars-box li.asign span.hasAsign {
  opacity: 0.8;
}

.calendars-box li.retroactive {
  cursor: pointer;
  background: url(../images/icon/retroactive-icon.png) right 0 no-repeat;
  background-size: 0.875rem auto;
}

.calendars-box .c-week li {
  color: #242223;
  height: 1.375rem;
  line-height: 1.375rem;
  border-bottom: 0.05rem solid #cccccc;
}

.calendars-box .c-week li.sp {
  color: #ff8c3c;
  border-bottom: 0.15rem solid #ff8832;
}

.calendars-box {
  height: auto;
  overflow: hidden;
}

.calendars-box li {
  float: left;
  width: 14.28%;
  height: 1.75rem;
  overflow: hidden;
  text-align: center;
  line-height: 1.75rem;
  font-size: 0.625rem;
  color: #626262;
  font-weight: bold;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}

.calendars-box li span.hasAsign {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: url(../images/icon/personalSignMain-icon.png) center center no-repeat;
  background-size: 1.425rem auto;
}

.giftPop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.giftPop .pop-title {
  height: 1.5rem;
  background: #ff8832;
}

.giftPop .close,
.giftPop .closeWhite {
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  right: 0;
  top: 0rem;
  background: url(../images/icon/closeWhite.png) center center no-repeat;
  background-size: 1.225rem 1.225rem;
}

.giftPop .sign-gift-pop {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14.85rem;
  height: 18rem;
  background: #fff;
  margin: -9rem 0 0 -7.425rem;
}

.giftPop .sign-gift-pop .noSelectGame,
.giftPop .sign-gift-pop .noSelectVersion {
  font-size: 0.5rem;
  color: #ff8832;
  display: none;
}

.giftPop .sign-gift-pop .select-games {
  padding: 0.25rem 1.85rem;
}

.giftPop .sign-gift-pop .select-games .name {
  height: 1.3rem;
  font-size: 0.75rem;
  color: #242222;
  margin-top: 1.375rem;
}

.giftPop .sign-gift-pop .select-games .diy_select {
  height: 1.6rem;
  border: 0.025rem solid #ff8832;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0px 1px 3px #d0cdcd;
}

.giftPop .sign-gift-pop .select-games .diy_select .diy_select_txt {
  line-height: 1.6rem;
  font-size: 0.65rem;
  color: #443f3f;
  text-indent: 0.5em;
}

.giftPop .sign-gift-pop .select-games .diy_select .diy_select_list {
  position: absolute;
  top: 1.575rem;
  left: -0.025rem;
  background: #f6fbff;
  width: 11.15rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 0.025rem solid #ff8832;
  border-top: none;
  padding: 0 0.275rem 0.25rem;
}

.giftPop .sign-gift-pop .select-games .diy_select .diy_select_list.select-game {
  z-index: 10;
}

.giftPop .sign-gift-pop .select-games .diy_select .diy_select_list li {
  line-height: 1.6rem;
  height: 1.6rem;
  border-bottom: 0.025rem solid #b6b6b6;
  font-size: 0.6rem;
  color: #443f3f;
  text-indent: 0.1rem;
}

.giftPop .sign-gift-pop .select-games .diy_select .diy_select_list li:last-child {
  border-bottom: none;
}

.giftPop .sign-gift-pop .sign-gift-btn {
  text-align: center;
}

.giftPop .sign-gift-pop .sign-gift-btn p {
  padding-top: 1.05rem;
  height: 2rem;
  color: #ff8832;
  font-size: 0.35rem;
}

.giftPop .sign-gift-pop .sign-gift-btn a {
  display: inline-block;
  margin: 0 auto;
  height: 1.55rem;
  width: 4.8rem;
  font-size: 0.65rem;
  color: #fff;
  background: #ff8832;
  border-radius: 0.1rem;
  line-height: 1.55rem;
}

.giftPop .sign-gift-tips {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14.85rem;
  height: 7rem;
  background: #fff;
  margin: -4.75rem 0 0 -7.425rem;
}

.giftPop .sign-gift-tips .pop-main {
  padding: 0.5rem;
}

.giftPop .sign-gift-tips .pop-main p {
  font-size: 0.65rem;
  color: #242222;
  text-align: center;
  line-height: 1.3rem;
}

.giftPop .sign-gift-tips .pop-main p.cdk {
  line-height: 1.55rem;
  font-size: 0.9rem;
  color: #ff8832;
}

.giftPop .vip-sepecail {
  width: 16.875rem;
  padding: 0.875rem 0;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}

.giftPop .vip-sepecail .close {
  background: url(../images/icon/closeGrey.png) center center no-repeat;
  background-size: 0.8rem auto;
}

.giftPop .vip-sepecail .vip-specail-title {
  text-align: center;
  font-size: 0.75rem;
  color: #333;
  line-height: 2rem;
}

.giftPop .vip-sepecail .vip-specail-table {
  width: 15.875rem;
  margin: 0 auto;
  border: 0.05rem solid #e79d7a;
  text-align: center;
}

.giftPop .vip-sepecail .vip-specail-table thead {
  background: #fff3e1;
  color: #333;
  font-size: 0.5rem;
}

.giftPop .vip-sepecail .vip-specail-table thead th {
  font-weight: normal;
  line-height: 1.125rem;
  border: 1px solid #e79d7a;
  font-size: 0.5rem;
  padding: 0 0.025rem;
}

.giftPop .vip-sepecail .vip-specail-table tbody tr td {
  border: 1px solid #e79d7a;
}

.giftPop .vip-sepecail .vip-specail-table tbody tr td:nth-child(1) {
  width: 4rem;
  padding: 0.375rem 0.125rem;
}

.giftPop .vip-sepecail .receive-card,
.giftPop .vip-sepecail .open-vip {
  width: 4rem;
  height: 1.4rem;
  display: inline-block;
  color: #fff;
  font-size: 0.5rem;
  text-align: center;
  line-height: 1.4rem;
  border-radius: 0.125rem;
  margin: 0.75rem 1.25rem 0 1.25rem;
}

.giftPop .vip-sepecail .receive-card {
  background: #ff832f;
}

.giftPop .vip-sepecail .open-vip {
  background: #ea47b7;
}

.giftPop .sign-tips-dia {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.giftPop .sign-tips-dia .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 15rem;
  text-align: center;
  font-size: 0.6rem;
  background: #fff;
}

.giftPop .sign-onlyTips-dia {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 15rem;
  text-align: center;
  font-size: 0.6rem;
  background: #fff;
}

.giftPop .signTips {
  font-size: 0.75rem;
  padding: 0.75rem 0 0 0;
}

.giftPop .sureBtn {
  display: block;
  width: 4.25rem;
  height: 1.375rem;
  text-align: center;
  background: #fe8431;
  color: #fff;
  line-height: 1.375rem;
  margin: 1.25rem auto;
  font-size: 0.7rem;
  border-radius: 2px;
}

.giftPop .sign-gift-dia {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 15rem;
  text-align: center;
  font-size: 0.6rem;
  background: #fff;
}

.giftPop .sign-gift-dia .sign-gift-name {
  font-size: 0.75rem;
  padding: 0.75rem 0 0 0;
  line-height: 1.125rem;
}

.giftPop .sign-gift-dia .sign-gift-icon {
  width: 2.45rem;
  height: 2.075rem;
  display: block;
  margin: 0.5rem auto 0;
}

.giftPop .sign-gift-dia .sign-gift-icon1 {
  background: url(../images/sigh-gold.png) center center no-repeat;
  background-size: 2.45rem auto;
}

.giftPop .sign-gift-dia .sign-gift-icon2 {
  background: url(../images/sign-buqian.png) center center no-repeat;
  background-size: 2.45rem auto;
}

.giftPop .sign-gift-dia .sign-gift-icon3 {
  background: url(../images/sign-package.png) center center no-repeat;
  background-size: 2.45rem auto;
}

.personalEdit ul {
  border-top: 0.025rem solid #e7e7e7;
  margin-top: 0.4rem;
}

.personalEdit ul li {
  background: #fff;
  border-bottom: 0.025rem solid #e7e7e7;
  font-size: 0.75rem;
  color: #515151;
  padding: 0 1.125rem 0 0.55rem;
  height: 2.25rem;
  line-height: 2.25rem;
  overflow: hidden;
  position: relative;
}

.personalEdit ul li input:read-only,
.personalEdit ul li span {
  background: #fff;
  float: right;
  text-align: right;
  line-height: 2.25rem;
  color: #939393;
  font-size: 0.6rem;
  width: 12.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.personalEdit ul li.amend {
  background: #fff url(../images/icon/right-icon.png) 17.05rem center no-repeat;
  background-size: 0.375rem auto;
}

.personalEdit ul li.portrait {
  line-height: 2.95rem;
  height: 2.95rem;
}

.personalEdit ul li select {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9rem;
  border: none;
  opacity: 0;
}

.personalEdit ul li select option {
  opacity: 0;
}

.personalEdit ul li .sexy {
  width: 100%;
  height: 2.25rem;
}

.personalEdit ul li input.date {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  color: transparent;
  opacity: 0;
}

.personalEdit .userImg {
  position: absolute;
  right: 1.375rem;
  top: 0.45rem;
  width: 2rem;
  height: 2rem;
  border: 0.05rem solid #b4b4b4;
  border-radius: 1.025rem;
  overflow: hidden;
}

.personalEdit .Filedata {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.dialog-edit {
  position: fixed;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100%;
  background: #f4f4f4;
  z-index: 1;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.dialog-edit.show {
  left: 0%;
}

.dialog-edit ul {
  border-top: 0.025rem solid #e7e7e7;
  margin-top: 0.4rem;
}

.dialog-edit ul li {
  background: #fff;
}

.dialog-edit ul li input[type=text],
.dialog-edit ul li input[type=email] {
  padding: 0.5rem;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.dialog-edit textarea {
  display: block;
  padding: 0.5rem;
  min-height: 5rem;
  width: 100%;
  border: none;
  box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border-top: 0.025rem solid #e7e7e7;
  border-bottom: 0.025rem solid #e7e7e7;
  margin: 0.5rem 0 1rem;
}

.dialog-edit .edit-main {
  display: none;
}

.dialog-edit .edit-main.show {
  display: block;
}

.dialog-edit .edit-main li {
  margin-bottom: 0.5rem;
}

.dialog-edit .edit-main li select {
  font-size: 0.75rem;
  border: 1px solid #e7e7e7;
  color: #515151;
  padding: 0 1.125rem 0 0.55rem;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
}

.browserOpen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8) url(../images/browserOpen.png) 10rem 0.25rem no-repeat;
  background-size: 6.25rem auto;
}

.weiXinOpen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background-size: 6.25rem auto;
}

.getPassword {
  padding: 1.775rem 1.4rem;
}

.getPassword li {
  height: 1.825rem;
  padding: 0.375rem 0.95rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0.15rem;
  background: #d8d5d5;
  margin-bottom: 1rem;
  position: relative;
}

.getPassword li input[type=text] {
  height: 1.075rem;
  line-height: 1.075rem;
  background: none;
  border: none;
  width: 100%;
  vertical-align: top;
  font-size: 0.75rem;
  color: #737272;
  float: left;
}

.getPassword li label {
  display: block;
  position: absolute;
  bottom: -1rem;
  left: 0;
  height: 1rem;
  line-height: 1rem;
  color: #ff8832;
  font-size: 0.55rem;
  width: 100%;
}

.getPassword li.codeBox {
  background: transparent;
  font-size: 0;
  line-height: 2.15rem;
  padding-left: 0;
}

.getPassword li.codeBox input {
  background: #d8d5d5;
  width: 5.6rem;
  height: 1.075rem;
  line-height: 1.825rem;
  padding: .375rem 0 .375rem 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.getPassword li.codeBox label {
  bottom: -1.5rem;
}

.getPassword li.codeBox .code-image {
  width: 5.2rem;
  display: inline-block;
  height: 2.15rem;
  vertical-align: middle;
  margin-left: 0.7rem;
}

.getPassword li.codeBox .code-image img {
  height: 2.15rem;
}

.getPassword li.codeBox .btn-changeImg {
  width: 2.5rem;
  text-align: center;
  line-height: 2.15rem;
  color: #ed8b3b;
  font-size: 0.65rem;
  display: inline-block;
  vertical-align: middle;
}

.getPassword .find-password-submit {
  height: 1.825rem;
  width: 100%;
  background: #ff8832;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  display: block;
  border: none;
  border-radius: 0.125rem;
}

.getPassword .password-text {
  height: 1.7rem;
  font-size: 0.55rem;
  color: #737272;
  line-height: 1.7rem;
}

.getPassword .password-text a {
  color: #ff8832;
}

.bgGrey {
  background: #f4f4f4;
}

.bind-phone {
  padding: 1.775rem 1.4rem;
}

.bind-phone .bind-phone-ul li {
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  background: #fff;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.3rem;
  margin-bottom: 1rem;
  position: relative;
}

.bind-phone .bind-phone-ul li:before {
  content: " ";
  background: url(../images/icon/bingPhoneSpr.png) no-repeat;
  background-size: 3.25rem auto;
}

.bind-phone .bind-phone-ul li:nth-child(1):before {
  width: 0.9rem;
  height: 1.075rem;
  background-position: 0 -0.2rem;
  margin: 0 0.075rem;
}

.bind-phone .bind-phone-ul li:nth-child(2):before {
  width: 0.8rem;
  height: 1.25rem;
  background-position: -1.25rem -0.025rem;
  margin: 0 0.125rem;
}

.bind-phone .bind-phone-ul li:nth-child(3):before {
  width: 1.05rem;
  height: 1rem;
  background-position: -2.225rem -0.275rem;
}

.bind-phone .bind-phone-ul input {
  color: #a0a0a0;
  font-size: 0.7rem;
  text-indent: 0.525rem;
  width: 8.75rem;
}

.bind-phone .bind-phone-ul label {
  position: absolute;
  bottom: -1rem;
  left: 0;
  height: 1rem;
  line-height: 1rem;
  color: #ff8832;
  font-size: 0.55rem;
  width: 100%;
}

.bind-phone .bind-phone-ul .get-code-btn {
  width: 4.1rem;
  height: 1.5rem;
  color: #ed8b3b;
  background: #ffd0b1;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 0.125rem;
  font-size: 0.6rem;
}

.bind-phone .bind-phone-submit {
  height: 1.825rem;
  line-height: 1.825rem;
  width: 100%;
  background: #ff8832;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  display: block;
  border: none;
  border-radius: 0.125rem;
}

.bind-phone-dialog .dialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.53);
}

.bind-phone-dialog .dialog .content {
  width: 13.7rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  border-radius: 5px;
  padding: 2.25rem 1.125rem 1rem 1.125rem;
}

.bind-phone-dialog .dialog .tips {
  color: #363636;
  font-size: 0.6rem;
  text-align: center;
  margin-bottom: 0.625rem;
  line-height: 1.125rem;
}

.bind-phone-dialog .dialog .tips strong {
  font-size: 0.75rem;
  color: #fe8431;
  font-weight: normal;
}

.bind-phone-dialog .dialog .message {
  color: #6b6b6b;
  font-size: 0.45rem;
  text-align: center;
  margin-bottom: 1.75rem;
}

.bind-phone-dialog .dialog .message span {
  color: #000;
}

.bind-phone-dialog .dialog .kf-message {
  color: #6b6b6b;
  font-size: 0.45rem;
}

.bind-phone-dialog .dialog .kf-message span:nth-child(1) {
  float: left;
}

.bind-phone-dialog .dialog .kf-message span:nth-child(2) {
  float: right;
}

.bind-phone-dialog .dialog .kf-message a {
  color: #6b6b6b;
}

.bind-phone-dialog .dialog .closeBtn {
  background: url("../images/icon/closeGrey.png");
  background-size: 0.8rem auto;
  position: absolute;
  top: 0.625rem;
  right: 0.375rem;
  width: 0.8rem;
  height: 0.775rem;
}

.bgMilkWhite {
  background: #f9f9f9;
}

.game-gift .game-content {
  background: #fff;
  margin: 0.4rem 0.25rem 0.575rem 0.25rem;
  padding: 0.425rem 0.225rem;
}

.game-gift .game-content:first-child {
  padding: 0.75rem 0.65rem;
}

.game-gift .game-ui {
  width: 5.25rem;
  height: 5.25rem;
}

.game-gift .game-ui img {
  width: 100%;
  display: block;
}

.game-gift .game-gift {
  margin-left: 0.8rem;
}

.game-gift .gift-name {
  color: #242222;
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
}

.game-gift .gift-name strong {
  font-size: 0.85rem;
  color: #615f5f;
  font-weight: normal;
}

.game-gift .line-box p {
  color: #fe7213;
  font-size: 0.6rem;
}

.game-gift .line {
  width: 6rem;
  height: 0.3rem;
  background: #a09e9f;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.game-gift .line em {
  position: absolute;
  top: 0;
  left: 0;
  background: #fe8b3e;
  height: 100%;
}

.game-gift .time {
  color: #5e5d5d;
  font-size: 0.5rem;
  line-height: 1.25rem;
}

.game-gift .time strong {
  color: #ed8b3b;
  font-weight: normal;
}

.game-gift .btn-list a {
  width: 3rem;
  height: 1.375rem;
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  line-height: 1.375rem;
  border-radius: 3px;
  margin-left: 0.2rem;
}

.game-gift .btn-list a:nth-child(1) {
  background: #ed8b3b;
  margin-left: 0rem;
}

.game-gift .btn-list a:nth-child(2) {
  background: #999;
}

.game-gift .btn-list a:nth-child(2).on {
  background: #4498ff;
}

.game-gift .btn-list a:nth-child(3) {
  background: #00c1de;
}

.game-gift .gift-introdute {
  border-bottom: 1px solid #ebebeb;
  padding: 0.25rem 0;
}

.game-gift .gift-introdute p {
  line-height: 1.075rem;
  color: #989797;
  font-size: 0.65rem;
}

.game-gift .gift-introdute p span {
  color: #4f4d4d;
  font-weight: normal;
}

.game-gift .gift-detail {
  padding-top: 0.5rem;
}

.game-gift .gift-detail p {
  margin-bottom: 0.25rem;
}

.game-gift .gift-detail p span {
  float: left;
  line-height: 0.875rem;
  font-size: 0.6rem;
}

.game-gift .gift-detail p span:nth-child(1) {
  color: #ed8b3b;
  width: 4.25rem;
}

.game-gift .gift-detail p span:nth-child(2) {
  color: #4f4d4d;
  width: 12.625rem;
}

.game-gift .common-title {
  padding-bottom: 0.25rem;
}

.game-gift .common-title:before {
  content: " ";
  height: 1.025rem;
  width: 0.225rem;
  background: #ed8b3b;
  margin-right: 0.25rem;
}

.game-gift .common-title span {
  color: #242222;
  font-size: 0.85rem;
}

.game-gift .common-title a {
  float: right;
  color: #535050;
  font-size: 0.45rem;
}

.game-gift .related-list li {
  padding: 0.375rem 0;
  border-top: 1px solid #ebebeb;
}

.game-gift .related-title {
  color: #535050;
  font-size: 0.65rem;
  line-height: 1.25rem;
}

.game-gift .related-title span {
  display: inline-block;
  vertical-align: bottom;
}

.game-gift .related-title:after {
  content: " ";
  background: url(../images/icon/gamedetail-gift-icon.png);
  background-size: 0.6rem auto;
  width: 0.6rem;
  height: 0.7rem;
  margin-left: 0.125rem;
}

.game-gift .related-detail {
  width: 13.375rem;
  color: #5e5d5d;
  line-height: 1rem;
  margin-left: 0.25rem;
}

.game-gift .related-detail strong {
  color: #ed8b3b;
  font-size: 0.5rem;
  font-weight: normal;
}

.game-gift .related-review {
  width: 2.75rem;
  height: 1.075rem;
  background: #ed8b3b;
  color: #fff;
  font-size: 0.55rem;
  text-align: center;
  line-height: 1.075rem;
  border-radius: 3px;
}

.game-gift .surplus .line {
  width: 3.275rem;
  margin-right: 0.175rem;
}

.about-us {
  padding: 0.625rem;
}

.about-us .aboutus-title {
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
}

.about-us p {
  font-size: 0.6rem;
  line-height: 0.75rem;
}

.collectMain {
  overflow-x: hidden;
}

.collectMain dd {
  position: relative;
  width: 18.575rem;
  transition: all 0.3s;
  -webkit-transition: all .3s;
}

.collectMain dd a {
  display: block;
  width: 17rem;
  height: 100%;
}

.collectMain dd b {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.525rem;
  width: 1.5rem;
  background: red;
  color: #fff;
  padding-top: 1.125rem;
  text-align: center;
  display: block;
}

.WXwelfareTop {
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0.375rem 0 0.425rem;
  background: #fff;
}

.WXwelfareTop a {
  float: left;
  width: 50%;
  line-height: 1.2rem;
  padding-left: 3rem;
  font-size: 0.85rem;
  color: #494949;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}

.WXwelfareTop a:first-child {
  border-right: 0.025rem solid #e6e5e5;
  background: url(../images/icon/gamedetail-gift-icon.png) 1.9rem 0.125rem no-repeat;
  background-size: 0.8rem auto;
}

.WXwelfareTop a:nth-child(2) {
  background: url(../images/icon/search-icon.png) 1.75rem 0.125rem no-repeat;
  background-size: 0.95rem auto;
}

.WXwelfareTop a.on {
  color: #ff8832;
}

.WXwelfareTop a.on span {
  display: block;
  position: absolute;
  left: 0;
  top: 1.475rem;
  height: 0.15rem;
  width: 100%;
  background: #ff8832;
}

.WXwelfareCent .welfareMain {
  background: #fff;
  margin: 0.95rem 0 0;
  padding: 0 0.425rem;
  position: relative;
}

.WXwelfareCent .welfareMain .welfareTit {
  background: none;
  height: 1.25rem;
  line-height: 1.25rem;
}

.WXwelfareCent .welfareMain .welfareTit span {
  display: block;
  position: absolute;
  left: 0;
  top: -0.425rem;
  width: 4.8rem;
  height: 1.3rem;
  border-radius: 0 0.65rem 0.65rem 0;
  text-indent: 1.45rem;
  font-size: 0.75rem;
  line-height: 1.3rem;
  color: #fff;
  font-weight: bold;
  background: #c177ff url(../images/icon/WXwelfare-tit-icon.png) 0.35rem -2.55rem no-repeat;
  background-size: 1rem auto;
}

.WXwelfareCent .welfareMain.welfare-VIPMain .welfareTit span {
  background: #ffaa17 url(../images/icon/WXwelfare-tit-icon.png) 0.3rem 0.2rem no-repeat;
  background-size: 1rem auto;
}

.WXwelfareCent .welfareMain.welfare-generalMain .welfareTit span {
  background: #fd657e url(../images/icon/WXwelfare-tit-icon.png) 0.35rem -1.2rem no-repeat;
  background-size: 1rem auto;
}

.WXwelfareCent dl {
  padding: 0;
}

.WXwelfareCent dl dd {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 0.325rem;
}

.welfare-gift-main {
  position: relative;
  margin-top: 0.75rem;
}

.welfare-gift-main span.welfareTitSpan {
  display: block;
  position: absolute;
  left: 0;
  top: -0.425rem;
  width: 4.8rem;
  height: 1.3rem;
  border-radius: 0 0.65rem 0.65rem 0;
  text-indent: 1.45rem;
  font-size: 0.75rem;
  line-height: 1.3rem;
  color: #fff;
  font-weight: bold;
  background: #c177ff url(../images/icon/WXwelfare-tit-icon.png) 0.35rem -2.55rem no-repeat;
  background-size: 1rem auto;
}

.welfare-gift-main.welfare-vip-list span.welfareTitSpan {
  background: #ffaa17 url(../images/icon/WXwelfare-tit-icon.png) 0.3rem 0.2rem no-repeat;
  background-size: 1rem auto;
}

.welfare-gift-main.welfare-integral-list span.welfareTitSpan {
  background: #fd657e url(../images/icon/WXwelfare-tit-icon.png) 0.35rem -1.2rem no-repeat;
  background-size: 1rem auto;
}

.wchatpersonalgift {
  padding: 0.5rem;
}

.wchatgiftsearchMain {
  width: 17.1rem;
  height: 1.65rem;
  margin: 0.5rem auto;
  border: 0.025rem solid #c7c7c7;
  overflow: hidden;
  background: #fff;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
}

.wchatgiftsearchMain input.searchInput {
  float: left;
  height: 100%;
  width: 100%;
  line-height: 1.15rem;
  font-size: 0.8rem;
  color: #ff8832;
  padding: 0.25rem 2rem 0.25rem 0.25rem;
}

.wchatgiftsearchMain .searchBnt {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.65rem;
  height: 1.65rem;
  background: url(../images/icon/search-icon.png) center 0.375rem no-repeat;
  background-size: 0.85rem auto;
}

.wchatgiftsearchMain span.searchPop {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  line-height: 1.65rem;
  font-size: 0.8rem;
  color: #ff8832;
  background: #fff;
  padding-left: 8.375rem;
  background: #fff url(../images/icon/search-icon.png) 7.35rem 0.375rem no-repeat;
  background-size: 0.85rem auto;
}

.wchatgiftsearch .noGift {
  line-height: 2.5rem;
  text-align: center;
  color: #b7b7b7;
  font-size: 0.8rem;
}

.wchatgiftsearch .welfare-gift-main {
  margin: 0;
}

.wchatgiftsearch dl {
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}

/*  内嵌到sdk 需要的头部 css  开始  */
.header1 {
  position: relative;
  height: 50px;
  padding: 0 2rem;
  background: #212125;
  line-height: 50px;
}

.header1 .goback {
  position: absolute;
  top: 0;
  left: 0.6rem;
  width: 2.5rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.75rem;
}

.header1 .goback a {
  display: block;
}

.header1 .goback img {
  width: 0.6rem;
  height: 1rem;
  overflow: hidden;
  margin: 0.7rem 0.2rem 0 0;
}

.header1 .header1-title {
  height: 2.4rem;
  overflow: hidden;
  margin: 0 2.75rem;
  text-align: center;
  line-height: 2.4rem;
  font-size: 0.8rem;
}

.header1 p {
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.signOut {
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url("http://www.shengli.com/Public/Home/five/wap/images/icon/back-icon-8b.png") center center no-repeat;
  background-size: 40% auto;
}

.header1 .goback a {
  color: #ffffff;
}

.header1 .header1-title {
  color: #ffffff;
}

.header1 .topLinkClose {
  position: absolute;
  top: 35%;
  right: 1.25rem;
  width: 0.875rem;
  height: 0.875rem;
}

/*  内嵌到sdk 需要的头部 css  结束  */
.personalPay dd {
  padding: 0.65rem 0.5rem 0 0.5rem;
  height: 3.15rem;
  border-bottom: 0.025rem solid #f4f4f4;
}

.personalPay dd .imgBox {
  float: left;
  width: 4.575rem;
  height: 2.75rem;
  border-radius: 0.2rem;
}

.personalPay dd .payBox {
  float: left;
  margin-left: 0.55rem;
  width: 11.75rem;
}

.personalPay dd .payBox .orderNumber {
  color: #333;
  font-size: 0.75rem;
  height: 1.05rem;
}

.personalPay dd .payBox .orderTime {
  color: #666;
  font-size: 0.5rem;
  height: 1.05rem;
}

.personalPay dd .payBox .orderPay {
  color: #ed8b3b;
  font-size: 0.5rem;
}

.userInfoMain {
  padding: 0.9rem 0.8rem;
}

.userInfoMain li {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 0.65rem;
}

.userInfoMain li .textarea {
  border: 0.025rem solid #bfbfbf;
  border-radius: 0.15rem;
  height: 2rem;
  background: #fff;
  overflow: hidden;
  position: relative;
}

.userInfoMain li .textarea input {
  display: block;
  width: 100%;
  border-radius: 0.15rem;
  height: 2rem;
  text-indent: 1.8rem;
  font-size: 0.7rem;
  color: #666;
}

.userInfoMain li .textarea .icon {
  position: absolute;
  left: 0.45rem;
  top: 0.45rem;
  width: 1.05rem;
  height: 1.05rem;
}

.userInfoMain li .textarea .icon.password-icon {
  background: url(../images/icon/password.png) center center no-repeat;
  background-size: auto 100%;
}

.userInfoMain li .error-tip {
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.4rem;
  text-indent: 1.8rem;
  color: red;
  position: absolute;
  bottom: 0;
  left: 0;
}

.passwordchangesuccess {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.passwordchangesuccess .main {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16rem;
  height: 7.9rem;
  margin: -3.95rem 0 0 -8rem;
  background: #fff;
}

.passwordchangesuccess .main .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/closeGrey.png) center center no-repeat;
  background-size: 0.75rem 0.75rem;
}

.passwordchangesuccess .main .pop-main {
  font-size: 0.6rem;
  text-align: center;
  padding-top: 3.25rem;
}

/*  会员弹窗  S  2017/06/26  kwok */
.w300 {
  width: 7.5rem;
}

.w420 {
  width: 10.5rem;
}

.w430 {
  width: 10.75rem;
  margin: 0 auto;
}

.w480 {
  width: 12rem;
}

.w540 {
  width: 13.5rem;
}

.w560 {
  width: 14rem;
}

.h80 {
  height: 80%;
}

.vipgrey {
  color: #5a5959;
}

.viporange {
  color: #ff6a3c;
}

.vipSprites, .vipContent:before, .handle-list a:before, .vip-kefu-dia .vipContent:before, .package-icon, .privilege-list p:before {
  background: url(../images/vip/vipSprites.png) center center no-repeat;
  background-size: 18rem auto;
}

.scrollDia, .vipDialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.scrollDia .content, .vipDialog .content {
  width: 15.25rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  padding-bottom: 3rem;
}

.scrollDia .content:before, .vipDialog .content:before {
  content: " ";
  width: 100%;
  height: 1.5rem;
  display: block;
  background: #fe8431;
}

.scrollDia .content .cardTitle, .vipDialog .content .cardTitle {
  margin: 2.5rem 0 0 0;
}

.scrollDia .content .tips, .scrollDia .content .birthTips, .scrollDia .content .cardTips, .vipDialog .content .tips, .vipDialog .content .birthTips, .vipDialog .content .cardTips {
  color: #242222;
  font-size: 0.7rem;
  line-height: 1.375rem;
  text-align: center;
  width: 14.5rem;
  margin: 0 auto;
}

.scrollDia .content .tips:nth-child(1), .scrollDia .content .birthTips:nth-child(1), .scrollDia .content .cardTips:nth-child(1), .vipDialog .content .tips:nth-child(1), .vipDialog .content .birthTips:nth-child(1), .vipDialog .content .cardTips:nth-child(1) {
  padding-top: 2rem;
}

.scrollDia .content .tips span, .vipDialog .content .tips span {
  font-size: 0.6rem;
}

.scrollDia .content .selectTitle, .vipDialog .content .selectTitle {
  color: #242222;
  font-size: 0.7rem;
  margin: 1.25rem 0 0 3.75rem;
}

.scrollDia .content .birthCode, .vipDialog .content .birthCode {
  text-align: center;
  color: #ff7920;
  font-size: 0.9rem;
}

.scrollDia .content .tac, .vipDialog .content .tac {
  text-align: center;
}

.scrollDia .content .openVipBtn, .scrollDia .content .cancelBtn, .scrollDia .content .sureSelect, .scrollDia .content .useCardBtn, .scrollDia .content .birthSelect, .vipDialog .content .openVipBtn, .vipDialog .content .cancelBtn, .vipDialog .content .sureSelect, .vipDialog .content .useCardBtn, .vipDialog .content .birthSelect {
  background: #fe8431;
  color: #fff;
  width: 3.7rem;
  height: 1.2rem;
  display: inline-block;
  margin: 0.625rem auto 0;
  text-align: center;
  line-height: 1.2rem;
  border-radius: 3px;
  font-size: 0.625rem;
}

.scrollDia .content .selectGame, .scrollDia .content .birthSelectGame, .vipDialog .content .selectGame, .vipDialog .content .birthSelectGame {
  width: 7rem;
  line-height: 1rem;
  font-size: 0.75rem;
  border: 1px solid #eee;
  margin: 1rem auto 0.5rem;
  display: block;
}

.scrollDia .content .closeBtn, .vipDialog .content .closeBtn {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTA5MUQ5RTY4NDUxMUU2QjIwQUFDODExRUIzRTI1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTA5MUQ5RjY4NDUxMUU2QjIwQUFDODExRUIzRTI1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFMDkxRDlDNjg0NTExRTZCMjBBQUM4MTFFQjNFMjVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFMDkxRDlENjg0NTExRTZCMjBBQUM4MTFFQjNFMjVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7pu7/AAAAa9JREFUeNrUmultwzAMhR2jGxQdoegGyWbpCnnKDtknGSEzZIa4EiADrmBbF2k/CeAP+SD5+SBpWodhGDo7zlY+rfx27YyLlaeV24cHwGRnCyDwfr/dpLfyNdkZAjEDjP5/d+5xsnId/g/47WyCOT+nBxhyECz5Fx7ICoI1v+ZOYANBzJ+lE0MQQwIw68eagr1BkGo/pmgvEOTYTVG4NQhy7aUq3goEJXZyDGiDoFR/riEtENToLTEoDYJafaWGpUAgoafmCtaCQOqO1j7LpSCQfCQlXspcEEgHB6nwmAoCjegmGedjINDKM9IZdwkEmolSo3QIQe7aJYtWEReCqNZcB9930hh3K8fJ/GHlpGGoV2yrHINtbm5UrG1QTj9aeyeWopBpJTrFwqhhzxOpecCwZuzcRGbYaqfSTGxYqtjaUsLs/T0hVQuJgDB8Y1frY+l2VOll6jsV62frABbZYezFZttj7Ypn2WX+P5Fsn/1PUZIfzADJ/rADJPnVAkDUv1YAVv10Oy6NACyC9H65zdv3Da6TxR+s4+z9HMfLLRW6+clPQ+udxgv9cm2gPwEGALUBdEaYt9vXAAAAAElFTkSuQmCC);
  background-size: 1.225rem auto;
  width: 1.225rem;
  height: 1.225rem;
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
}

.vipContent {
  background: #fff url(../images/vip/shengli-icon-bg.png) no-repeat 7.1rem bottom;
  background-size: 12.225rem auto;
  width: 16rem;
  padding: 0.5rem 0.5rem 1.25rem 0.5rem;
  border-radius: 20px;
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}

.vipContent:before {
  content: "";
  width: 3.325rem;
  height: 4.375rem;
  background-position: -12.775rem -0.125rem;
  position: absolute;
  top: -2.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
}

.vipContent .title {
  text-align: center;
  font-size: 1.05rem;
  font-weight: bold;
  margin-top: 2rem;
  line-height: 1.125rem;
  color: #ff8b3f;
  overflow: hidden;
}

.vipContent .title:before, .vipContent .title:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxREQ4RDQyNTYxMzExMUU3QTYyQjlFRjdBRDdCQTIwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxREQ4RDQyNjYxMzExMUU3QTYyQjlFRjdBRDdCQTIwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERDhENDIzNjEzMTExRTdBNjJCOUVGN0FEN0JBMjBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFERDhENDI0NjEzMTExRTdBNjJCOUVGN0FEN0JBMjBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nfxjWAAAALNJREFUeNqs1DEOgzAMBVBiscHcQ3AIhl6h5ykShY1DsXMA7tC9zMVBDRLg8E1SS3+LniI7jvl2ZaKojDOhQ6SAas7AucViFqo4BadHICkgVxAkJaQCJezlgSBIAvRUDEUEKQDyghQIiSBFQAfQYib5Txn63aqNQEbOnfN2PQsFV2g/zavgBpLemRY8QL4NQKAIne2mBZsrEPo1qh14CtlKQW/cwj8QtDw05bedcz7o0CzAAJmILhZf1AWEAAAAAElFTkSuQmCC) no-repeat;
  background-size: 0.5rem auto;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
}

.orange-close-btn {
  background: url(../images/vip/close-btn.png) center center no-repeat;
  background-size: 1.75rem auto;
  position: absolute;
  top: -2.575rem;
  right: 0.5rem;
  width: 1.75rem;
  height: 2.575rem;
}

.white-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODNCNDFBQTY4NzcxMUU3ODU3MUE0MTcxM0YwQzBDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODNCNDFBQjY4NzcxMUU3ODU3MUE0MTcxM0YwQzBDOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4M0I0MUE4Njg3NzExRTc4NTcxQTQxNzEzRjBDMEM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4M0I0MUE5Njg3NzExRTc4NTcxQTQxNzEzRjBDMEM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dicznQAAAOhJREFUeNpi/P//vzcDA4M5ELcB8Q8G6gEuIC4G4hMMQEu6/0NAHxAzUBH3Q81tBXFEkCxqp5IF7VDzeoBYFJtEO5UsgJuDrqCNQotgFrQhi2NT2EqmRTALWtHlcGmAWdRBpAUduCzAZwkpQYc1iIi1hBgf4fUBsZYg+6gTTbyTkA9IsQQ5SFqg/BZSEgcpqacZavABKN1MrF5S88FJqAUnSdE3qHxC8ziheeqieT6heY6nedlF81KY5vUJTWtGUWhdTIs6HtR2EEGOg34qt1b6YBaxANtFB6DtrV4G6oIqIP4CxCcBAgwAGTEd9yjkWmwAAAAASUVORK5CYII=);
  background-size: 1.125rem auto;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0.25rem;
  right: 0.125rem;
}

.long-orange-btn, .min-orange-btn {
  background: #ff8c3c;
  color: #fff;
  text-align: center;
  width: 15rem;
  height: 2.125rem;
  border-radius: 3px;
  display: block;
  margin: 1rem auto 0;
  font-size: 0.85rem;
  line-height: 2.125rem;
}

.min-orange-btn {
  width: 5rem;
  height: 1.5rem;
  font-size: 0.7rem;
  line-height: 1.5rem;
}

.mintitle {
  color: #5a5959;
  font-size: 0.55rem;
  margin-top: 1.125rem;
  line-height: 0.875rem;
}

.mintitle strong {
  color: #ff6a3c;
}

.normal-tips {
  text-align: center;
  margin-top: 1.25rem;
  line-height: 1rem;
  font-size: 0.6rem;
  color: #5a5959;
}

.normal-tips span {
  color: #ff6a3c;
}

.introdute-txt {
  margin-top: 1.5rem;
}

.introdute-txt p {
  color: #5a5959;
  font-size: 0.6rem;
  line-height: 1.25rem;
}

.introdute-txt p:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QjZEQTRFMzVCMTQxMUU3ODBFOTkyOUE5QjdGRTA1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QjZEQTRFNDVCMTQxMUU3ODBFOTkyOUE5QjdGRTA1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNkRBNEUxNUIxNDExRTc4MEU5OTI5QTlCN0ZFMDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRCNkRBNEUyNUIxNDExRTc4MEU5OTI5QTlCN0ZFMDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZnhmFAAAA9JJREFUeNqsl3tojXEYx885LtNupUxsQ5GZSy6LzUZjbLFEGCaxqKVZSNoof5gitxWmNpeJYe4jch+xDWttcp3M5Y9NqLnMsjCxzffR961fb+/tbHvq03vOe37n93ve5/66W7eMcnkhI8AUMAHIH/sAf/AD1IPn4AG4A5443bSrw3XLwHIwXne/GTQCXzCYzOVvj8BBkA9arTb32Bwez6c7TAUqQCaIAcGgJ+jFq1glCqwBZSAC7AevwSyrQ9wW7sgCm/j5CthOUzuVsVR4Ab9ng3XeWOIUFfgGksBMLxUQeQiSwQzwkQrdAD5OlDgDFoJqMBxccHVMrnGfSjCNV3+rwMyi+arp35+uzpFG7id7/wItZpaIoQvkD5M6UQFNgkANM6kN+BkpUcDrYtDQwQMD+FBpTNEq8A48BdNBN7opUHXHeub4XXC1nQdLNqwE/UEYCDFZl0nXxLL+5HhojUFgHwOnvfKbVTTOQgGpGV9YXUUyNHe0shqm0zySGXk011QvlJCiNobFqtlkzTFlrVg9FESKOyaDjaAvCNf9KZEFJtsLZXIY3AUGvxUqn4/Saoliicc0ZbjJpjvBOS2IHEo/g3v3QZ3yvYLXOFHiD584zWLTeayA0Q4U8NC1ejmh+/6eqTrMQ/+kggN0Tb3J5pI95WC1jRJxdK2+257V3ZP2/0EaoCgxkLnsBqVMtSobn59m0TGSJJPS3WBSSd2ixHdmiI9ipigGjpkkM5b084WPiRInTfYJ1Pz3idcA5Ufx1VKz1ksJo3tWKfekzvTWrfvMUUAvvkzRr3L4C4uIltScTWsZziNgL63WhT1HL0XMPr0E8+FrPIwDl0XkX6LZX1lYJYUter7JaGAk43gtESWK+WWJxSEvwWhw0WJNhIE13yoPaaT4/6DV3PGGwTjU4hBJszlgmxdFq9Dkfgi7qcRLudbKt/K6w8HGG9juWxysNXPFZvU8ddCtYxuWYlPi4IBIFqABJr9XcY1eRnKuaKBFmtWhJlXJ6R4OlKhkYbtt0zH1Jb2In1do3VZV4hbYzZJb6uCdxMXZIIGziCp/WVX1cpPl/7haxvUHreXCSHY9p50znVOVJtepoCbdOe7Hs3um2I38iUzbaDa3BIeK5LJiSmO6rNyX99Zn/K2cMWf73tHGP+xhoIpCR/juYCfFLP/5HBlzadEh4BCYaDR1uW3eymWO2KUUITHzeQZlLWhS1voxU4RFTGOtd2SYBKojJTR/ptHvQ5T7LZwHmqhAqO5lqpazah5d5OqIEqpEM7hime9BbGLaE0v1vce0LXO66T8BBgC5Id+RzX7h1QAAAABJRU5ErkJggg==");
  background-size: 0.825rem auto;
  width: 0.825rem;
  height: 0.825rem;
  margin-right: 0.2rem;
  display: inline-block;
  vertical-align: text-bottom;
}

.introdute-txt p.float-txt:before, .introdute-txt p.float-txt strong, .introdute-txt p.float-txt span {
  float: left;
}

.introdute-txt p.tips-title {
  color: #666;
  font-size: 0.6rem;
  font-weight: bold;
}

.introdute-txt p.tips-title:before {
  content: "";
  width: 0;
  height: 0;
}

.handle-list {
  font-size: 0;
  margin-top: 0.625rem;
}

.handle-list a {
  width: 50%;
  display: inline-block;
  margin-bottom: 1.25rem;
}

.handle-list a:before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  margin: 0 auto;
  opacity: .67;
}

.handle-list a:nth-child(1):before {
  background-position: 0 0;
}

.handle-list a:nth-child(2):before {
  background-position: -4.975rem 0;
}

.handle-list a:nth-child(3):before {
  background-position: 0 -4.525rem;
}

.handle-list a:nth-child(4):before {
  background-position: -4.975rem -4.525rem;
}

.handle-list strong, .privilege-list strong {
  font-size: 0.65rem;
  line-height: 1.25rem;
}

.handle-list span, .privilege-list span {
  font-size: 0.5rem;
}

.handle-list span, .handle-list strong, .privilege-list span, .privilege-list strong {
  color: #5a5959;
  display: block;
  text-align: center;
}

.handle-tips {
  margin-top: 1.25rem;
  line-height: 0.75rem;
}

.handle-tips span {
  font-size: 0.5rem;
  float: left;
}

.handle-tips span:nth-child(1) {
  color: #ff6a3c;
}

.handle-tips span:nth-child(2) {
  color: #5a5959;
  width: 13rem;
}

.handle-tips strong {
  color: #ff6a3c;
  font-weight: normal;
}

.vip-kefu-dia .vipContent:before {
  content: "";
  width: 5.475rem;
  height: 4.375rem;
  background-position: -12rem -5.05rem;
  position: absolute;
  top: -2.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
}

.welfare-txt {
  color: #666;
  margin: 1rem 0 0 1rem;
}

.welfare-txt strong {
  display: block;
}

.welfare-txt p {
  line-height: 1.125rem;
}

.welfare-txt p:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNkJGQUM1NTVCMjAxMUU3QjZGQkE4QjYyQzlCQkQzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNkJGQUM1NjVCMjAxMUU3QjZGQkE4QjYyQzlCQkQzQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2QkZBQzUzNUIyMDExRTdCNkZCQThCNjJDOUJCRDNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA2QkZBQzU0NUIyMDExRTdCNkZCQThCNjJDOUJCRDNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+C0UlxwAAA/ZJREFUeNqsmHtMTmEcx99el4xqs2Eo/mBICI0oRlGjGXPnD8LE0jBMbGbYMuaykS33EZVLmrlfYiikydzN9Q+Vy5JLYyhUvj/7nu3Z45zznrf6bZ+d9z3neZ/nd36/53d5Xp/SlAiXF9ITDAODQG/QFviB76AMPAI3wRVw38mEQSsLXI0dLj4LzAUDtfuVoAI0B13IeD67C3aDPaDGbnK3h8Vj+Hb7qEAhSAaRoD1oCVrxKlYZABaBfBAGdoIXYExdlVgNLtEFZ8BgIL7bDG6B97SESBXdcRukgqGgP8gGncFJsNFbJQ6DNeALmABG09feyB0wBYwC72jBC8DXiRJHwVTwGPQAx131k3OcR6w0glc/dUBjExdMpgLi3x+uhpEKzidz/wTVVpaIpAsq6NOGUsCQ1uAZI6kWtDBTIp3XaeBzPRf050slMkSLQAl4AEaCJnRTgOqO5Yzxq+BsHRfuB+aDjqArCLQYl0zXDGH+SXXTGhJGO7hx6ipVzKLRNgpIzvjIcBZZarijhtkwieaRyNhOcw33QglJan2ZrCotxhxUxorVg96sjQwXd0SBVaAdCNZ+FAeWgU1eKJPKzZ1u8ixT+XyAVosTS9yjKYMtJpVMd8zYRA6lg8m9G6BY+V7Ia7Qo8ZtvnGgz6URmQCcl103X6pKlfX/DUA1x0z8JYBddU2YxuURPAVjoQYloulavttnaPSn/b6UAihKdGMs+II+hVuTB50eYdMxkgkXq/myRSX1Eia+MEF/FTAO4caxkCveS3l/4WihxyGKeAMN/H3j1Vx6Kr2YyMqykK92zQLkneaaNNq6crYAuYskg8EkWf2KzoyU0x9JaZiIu3EarNWLN0SWH0adLe778Mzf3gctm55+k2Z/bWCWeJXqSRWtgJv15vSZK5PLLdJtFnoI+4ITNmDATa75SXtJM8X+b1nDHS27G7jaLSJiNA+u9SFqZFvcDWU3L0W0XGKV8Ha8bHEy8guW+2sFYK1ekqOu5lV6ihL1klIPJs9gvFNuMKWITo0soS7jkjTS9qUlQYrqZA0VuM7Fd9lAx9ZSew8/zjGqrKiHt/Ram3DwHZxIXe4NY9iKq/GFW1eUi03+Gmsb1hZZwYDirntPKmcSuypDzVNCQpmz3Y1g94z21/HEM2wgWt1iHiqQxY0phOq3cl3PrQz4rYIHzeO6o5Q+2sl8Uhfbz7OBJcpn+97BlTKNFu4G9PMVVenMMXMwMWMo68pjVcDbopdUaF1v4EMZ/BhNVEmvHDDCHL/ifeDqVy04+xYYnia6K47Nq9gPfqECQNt9r9qrb6SJLcfLXwC8WqW3cJzFs10OZpn2UainZ9zrDNt9pWv0rwABm/Oecv30rwAAAAABJRU5ErkJggg==");
  background-size: 0.825rem auto;
  width: 0.825rem;
  height: 0.825rem;
  margin: 0.2rem 0.2rem 0 0;
  float: left;
}

.package-icon {
  width: 7.275rem;
  height: 4.55rem;
  background-position: -0.225rem -14.875rem;
  display: block;
  margin: 0 auto;
}

.vip-package-dia .introdute-txt, .vip-member-dia .introdute-txt {
  margin-left: 0.625rem;
}

.member-list {
  color: #5a5959;
  font-size: 0.55rem;
  line-height: 1.125rem;
  margin-top: 0.5rem;
}

.member-list p {
  margin-left: 3.125rem;
}

.member-list strong {
  font-size: 0.75rem;
  display: block;
}

.member-list em {
  color: #fe842f;
}

.member-icon {
  width: 3.5rem;
  height: 3.5rem;
}

.member-bojin {
  background: url("../images/vip/member-bojin.png");
  background-size: 3.5rem auto;
}

.member-boyin {
  background: url("../images/vip/member-boyin.png");
  background-size: 3.5rem auto;
}

.member-huangjin {
  background: url("../images/vip/member-huangjin.png");
  background-size: 3.5rem auto;
}

.member-baiyin {
  background: url("../images/vip/member-baiyin.png");
  background-size: 3.5rem auto;
}

.member-qingtong {
  background: url("../images/vip/member-qingtong.png");
  background-size: 3.5rem auto;
}

.vip-privilege-dia .title {
  font-size: 0.9rem;
}

.vip-privilege-dia .title:before, .vip-privilege-dia .title:after {
  display: none;
}

.privilege-list {
  font-size: 0;
  margin-top: 1.5rem;
}

.privilege-list p {
  display: inline-block;
  width: 33%;
  margin-bottom: 1.25rem;
}

.privilege-list p:nth-child(1), .privilege-list p:nth-child(2) {
  width: 50%;
}

.privilege-list p:before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  display: block;
  margin: 0 auto;
  opacity: .67;
}

.privilege-list p:nth-child(1):before {
  background-position: 0 -10.35rem;
}

.privilege-list p:nth-child(2):before {
  background-position: -3.525rem -10.35rem;
}

.privilege-list p:nth-child(3):before {
  background-position: -7.5rem -10.35rem;
}

.privilege-list p:nth-child(4):before {
  background-position: -11.45rem -10.35rem;
}

.privilege-list p:nth-child(5):before {
  background-position: -15.075rem -10.35rem;
}

.newGame-dia .niceScroll {
  padding: 0 0.5rem 0.25rem 1.125rem;
}

.newGame-dia .vipContent .needScroll {
  height: 100% !important;
}

.newGame-dia .tab-box {
  height: 80%;
}

.newGame-dia .introdute-txt {
  margin-top: 1.125rem;
}

.newGame-dia .introdute-txt p {
  font-size: 0.55rem;
  line-height: 1rem;
  margin-bottom: 0.375rem;
}

.newGame-dia .introdute-txt p:before {
  margin-top: 0.125rem;
}

.tab-btn {
  display: flex;
  text-align: center;
  height: 1.75rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.75rem;
}

.tab-btn a {
  flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  background: #ff8e3f;
  color: #fff;
  border-right: 1px solid #fff;
}

.tab-btn a:nth-child(1) {
  border-radius: 20px 0 0 0;
}

.tab-btn a:last-child {
  border-right: none;
  border-radius: 0 20px 0 0;
}

.tab-btn a.on {
  background: #fff;
  color: #ff8e3f;
}

.vip-platform-dia.scrollH .vipContent, .vip-platform-dia .vipContent, .newGame-dia.scrollH .vipContent, .newGame-dia .vipContent {
  width: 17rem;
  padding: 0 0 0.5rem 0;
  height: 72%;
}

.vip-platform-dia.scrollH .vipContent:before, .vip-platform-dia .vipContent:before, .newGame-dia.scrollH .vipContent:before, .newGame-dia .vipContent:before {
  bottom: 0.5rem;
  right: -1.25rem;
  top: auto;
  left: auto;
}

.vip-platform-dia .niceScroll {
  padding: 0 0.5rem 0.25rem 0.5rem;
}

.vip-platform-dia .tab-box {
  height: 100%;
}

.vip-platform-dia .vipContent .needScroll {
  height: 80% !important;
}

.vip-platform-dia .mintitle {
  padding: 0 0.5rem;
}

.role-show, .role-show2 {
  color: #5a5959;
  font-size: 0.55rem;
  text-align: center;
  margin-top: 0.5rem;
}

.role-show img, .role-show2 img {
  display: block;
  width: 5.075rem;
  margin: 0.575rem auto;
}

.role-show2 img {
  width: 7.5rem;
}

.sign-table {
  margin: 1.875rem auto 0;
  color: #444;
}

.sign-table thead th {
  font-size: 0.85rem;
  padding-bottom: 0.75rem;
  font-weight: normal;
  border: none;
}

.sign-table tbody {
  text-align: center;
  font-size: 0.5rem;
  line-height: 1.875rem;
}

.sign-table tbody th {
  font-weight: normal;
  line-height: 1.15rem;
  background: #fff3e1;
}

.sign-table th, .sign-table td {
  border: 1px solid #fd7112;
}

/* 滚动条 对应 不同屏幕 百分比  */
.scrollH .vipContent {
  height: 78%;
}

.scrollH .niceScroll {
  height: 85%;
}

.niceScroll {
  padding-bottom: 0.25rem;
}

@media screen and (max-height: 504px) {
  .scrollH .vipContent {
    top: 55%;
  }
}

.vipSelectGameDia .SelectGameTitle {
  font-size: 0.7rem;
  color: #444;
  margin: 1.5rem 0 0 2.5rem;
}

.vipSelectGame {
  width: 10rem;
  height: 1.25rem;
  border: 1px #6d6d6d solid;
  color: #242222;
  line-height: 1.25rem;
  font-size: 0.65rem;
  margin: 0.75rem 0 0 2.5rem;
}

/*  会员弹窗  E */
.gameDetail-11 {
  background: #f4f4f4;
}

.gameDetail-11 .sprites, .gameDetail-11 .navHome a span:before, .gameDetail-11 .navHome a span:after, .gameDetail-11 .inforTab a:before, .gameDetail-11 .inforConTab .infoList a, .gameDetail-11 .pokedex a:before {
  background: url(../images/icon/general-zone-spr.png);
  background-size: 4.325rem auto;
}

.gameDetail-11 .topMain {
  background: #fff;
}

.gameDetail-11 .gameMess {
  padding: 0.525rem 0.65rem 0.425rem 0.625rem;
  border-bottom: 0.025rem solid #ebebeb;
}

.gameDetail-11 .gameMess .gameUI {
  width: 2.75rem;
  height: 2.75rem;
  overflow: hidden;
  border-radius: 0.7rem;
}

.gameDetail-11 .gameMess .gameDet {
  width: 8.25rem;
  margin-left: 0.375rem;
}

.gameDetail-11 .gameMess .gameDet .gameName {
  color: #313131;
  font-size: 0.85rem;
  line-height: 1.125rem;
}

.gameDetail-11 .gameMess .gameDet .plat {
  line-height: 0.85rem;
}

.gameDetail-11 .gameMess .gameDet .plat a {
  color: #4b4b4b;
  font-size: 0.6rem;
}

.gameDetail-11 .gameMess .gameDet .plat a:first-child:after {
  content: " ";
  width: 1px;
  height: 10px;
  background: #969696;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 0.425rem;
}

.gameDetail-11 .gameMess .downloadBtn {
  color: #fefefe;
  font-size: 0.8rem;
  padding: 0.3rem 0.625rem;
  background: #ec8c14;
  border-radius: 8px;
}

.gameDetail-11 .navHome {
  text-align: center;
  padding: 0.375rem 0;
  font-size: 0;
  border-bottom: 1px solid #ebebeb;
}

.gameDetail-11 .navHome a {
  width: 2.75rem;
  display: inline-block;
  color: #2a2a2a;
  font-size: 0.6rem;
  text-align: center;
  margin: 0 0.875rem;
  line-height: 0.875rem;
}

.gameDetail-11 .navHome a span {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.gameDetail-11 .navHome a span:before, .gameDetail-11 .navHome a span:after {
  content: " ";
}

.gameDetail-11 .navHome a span:after {
  height: 100%;
}

.gameDetail-11 .navHome a:nth-child(1) span {
  background: #aa7add;
}

.gameDetail-11 .navHome a:nth-child(1) span:before {
  width: 0.75rem;
  height: 0.875rem;
  background-position: 0 -0.1rem;
}

.gameDetail-11 .navHome a:nth-child(2) span {
  background: #2fabcf;
}

.gameDetail-11 .navHome a:nth-child(2) span:before {
  width: 0.95rem;
  height: 0.675rem;
  background-position: -1.1rem -0.15rem;
}

.gameDetail-11 .navHome a:nth-child(3) span {
  background: #28b887;
}

.gameDetail-11 .navHome a:nth-child(3) span:before {
  width: 0.875rem;
  height: 0.775rem;
  background-position: -2.3rem -0.075rem;
}

.gameDetail-11 .navHome a:nth-child(4) span {
  background: #ec4c4c;
}

.gameDetail-11 .navHome a:nth-child(4) span:before {
  width: 0.825rem;
  height: 0.925rem;
  background-position: -3.5rem 0;
}

.gameDetail-11 .bannerSilder {
  margin-top: 0.5rem;
  background: #fff;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  height: 6.75rem;
}

.gameDetail-11 .bannerSilder.banner .hd li {
  background: rgba(0, 0, 0, 0.6);
}

.gameDetail-11 .bannerSilder.banner .hd li.on {
  background: #ee7916;
}

.gameDetail-11 .module {
  background: #fff;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-top: 0.5rem;
}

.gameDetail-11 .module .moduleHeader {
  height: 1.5rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #eaeaea;
}

.gameDetail-11 .module .moduleHeader .title {
  color: #ee7916;
  font-size: 0.75rem;
  margin-left: 0.625rem;
  float: left;
}

.gameDetail-11 .module .moduleHeader .title:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAnCAIAAABFd2XIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4M0JDM0I3OTlCNUMxMUU2QUQyMDlFMTI2RDQ3ODU0OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4M0JDM0I3QTlCNUMxMUU2QUQyMDlFMTI2RDQ3ODU0OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzQkMzQjc3OUI1QzExRTZBRDIwOUUxMjZENDc4NTQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzQkMzQjc4OUI1QzExRTZBRDIwOUUxMjZENDc4NTQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6BqtiQAAABhJREFUeNpieVcpxgAGTAwwMMqiNwsgwACD7AHOXrZrDgAAAABJRU5ErkJggg==);
  vertical-align: top;
  width: 0.075rem;
  height: 0.975rem;
  overflow: hidden;
  margin-top: 0.25rem;
  margin-right: 0.225rem;
}

.gameDetail-11 .module .moduleHeader .viewMore {
  color: #a0a0a0;
  font-size: 0.45rem;
  float: right;
  margin-right: 0.5rem;
}

.gameDetail-11 .packageList li {
  border-bottom: 1px solid #eaeaea;
  padding: 0.5rem 0.625rem;
}

.gameDetail-11 .packageList li:last-child {
  border-bottom: none;
}

.gameDetail-11 .packageList .packageDetail {
  width: 12.25rem;
}

.gameDetail-11 .packageList .name {
  color: #5f5f5f;
  font-size: 0.7rem;
}

.gameDetail-11 .packageList .name span {
  width: 0.55rem;
  height: 0.7rem;
  margin-left: 0.425rem;
}

.gameDetail-11 .packageList .name span.ios {
  background: url(../images/icon/ios.png);
  background-size: 0.55rem auto;
}

.gameDetail-11 .packageList .name span.android {
  background: url(../images/icon/android.png);
  background-size: 0.55rem auto;
}

.gameDetail-11 .packageList .packageSum {
  color: #666;
  font-size: 0.6rem;
}

.gameDetail-11 .packageList .packageSum .percent {
  font-size: 0.5rem;
}

.gameDetail-11 .packageList .packageSum .linePercent {
  width: 5.125rem;
  height: 0.3rem;
  background: #cbc1b9;
  border-radius: 5px;
  position: relative;
}

.gameDetail-11 .packageList .packageSum .linePercent em {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #169e2f;
  border-radius: 5px;
}

.gameDetail-11 .packageList .receivePackage {
  position: absolute;
  right: 0.625rem;
  width: 4.25rem;
  height: 1.125rem;
  color: #ee7916;
  font-size: 0.65rem;
  border: 0.05rem solid #ee7916;
  border-radius: 5px;
  text-align: center;
  line-height: 1.125rem;
}

.gameDetail-11 .packageList .receivePackage.jf-receivePackage {
  color: #ff6d82;
  font-size: 0.65rem;
  border: 0.05rem solid #ff6d82;
}

.gameDetail-11 .newList li {
  border-bottom: 1px dashed #cecece;
  padding: 0 0.25rem;
}

.gameDetail-11 .newList li:last-child {
  border-bottom: none;
}

.gameDetail-11 .newList li a {
  color: #6e6e6e;
  font-size: 0.7rem;
  line-height: 1.6rem;
  overflow: hidden;
  width: 17.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.gameDetail-11 .inforTab {
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 0.2rem;
}

.gameDetail-11 .inforTab a {
  color: #5f5f5f;
  font-size: 0.7rem;
  line-height: 1.25rem;
  margin: 0 0.375rem;
  -webkit-transition: all .2s;
  width: 28%;
}

.gameDetail-11 .inforTab a:before {
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  background-position: -0.55rem -1.7rem;
  margin: 0 0.125rem;
}

.gameDetail-11 .inforTab a:nth-child(1) {
  margin-left: 0.325rem;
}

.gameDetail-11 .inforTab a:nth-child(4) {
  margin-right: 0.325rem;
}

.gameDetail-11 .inforTab a.on {
  color: #ee7916;
  border-bottom: 0.05rem solid #ee7916;
}

.gameDetail-11 .inforTab a.on:before {
  background-position: 0 -1.7rem;
}

.gameDetail-11 .inforConTab .infoList {
  margin-bottom: 0.625rem;
}

.gameDetail-11 .inforConTab .infoList a {
  float: left;
  width: 3.85rem;
  height: 1.375rem;
  background-position: 0 -2.75rem;
  text-indent: 0.625rem;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1.375rem;
  margin: 0.625rem 1rem 0;
}

.gameDetail-11 .device {
  width: 18rem;
  position: relative;
  margin: 0 auto;
  padding: 0.375rem 0 0.5rem 0;
}

.gameDetail-11 .independent-container {
  width: 18rem;
  overflow: hidden;
}

.gameDetail-11 .swiper-slide {
  width: 9.5rem;
  height: auto;
  opacity: 0.4;
  position: relative;
}

.gameDetail-11 .swiper-slide img {
  display: block;
  max-width: 100%;
}

.gameDetail-11 .swiper-slide-visible img {
  width: 9.5rem;
}

.gameDetail-11 .swiper-slide-active img {
  width: 12rem;
}

.gameDetail-11 .swiper-slide-visible {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  z-index: 1;
}

.gameDetail-11 .swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 2;
}

.gameDetail-11 .independent-container {
  width: 18rem;
  overflow: hidden;
}

.gameDetail-11 .swiper-slide {
  width: 11.25rem;
  height: auto;
}

.gameDetail-11 .swiper-slide.portrait {
  width: 7.5rem;
}

.gameDetail-11 .swiper-slide img {
  width: 100%;
  height: auto;
}

.gameDetail-11 .inforSilder {
  margin-top: 0.5rem;
  font-size: 0.5rem;
  background: #fff;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  height: auto;
}

.gameDetail-11 .inforSilder.banner .hd {
  right: 50%;
  bottom: 0;
  top: 5rem;
  -webkit-transform: translate(50%);
}

.gameDetail-11 .inforSilder.banner .hd li {
  background: rgba(0, 0, 0, 0.6);
}

.gameDetail-11 .inforSilder.banner .hd li.on {
  background: #ee7916;
}

.gameDetail-11 .inforSilder .inforDetail {
  height: 4.7rem;
  overflow: hidden;
  color: #666;
  line-height: 1.25rem;
  padding: 0.5rem;
  font-size: 0.7rem;
}

.gameDetail-11 .inforSilder .moreview {
  font-size: 0.45rem;
  float: right;
  color: #666;
  padding: 0 0.5rem 0.5rem 0.5rem;
}

.gameDetail-11 .videoList {
  text-align: center;
  margin-top: 0.75rem;
}

.gameDetail-11 .videoList li {
  width: 7.75rem;
  height: 4.375rem;
  border: 0.175rem solid #f3f3f3;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gameDetail-11 .videoList li.one {
  width: 15.75rem;
  height: 9rem;
}

.gameDetail-11 .videoList li .videoInfor {
  color: #aeaeab;
  font-size: 0.5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 0.125rem;
}

.gameDetail-11 .videoList li .videoInfor:after {
  content: "";
  background: url(../images/icon/videoIcon.png);
  width: 0.8rem;
  height: 0.8rem;
  background-size: 0.8rem auto;
  display: inline-block;
  visibility: inherit;
}

.gameDetail-11 .videoList li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1rem;
  width: 6.625rem;
  max-width: 6.625rem;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}

.gameDetail-11 .pokedex {
  text-align: center;
  margin-top: 0.625rem;
}

.gameDetail-11 .pokedex a {
  width: 7.925rem;
  height: 2.875rem;
  font-size: 0.85rem;
  color: #fff;
  line-height: 2.875rem;
  border-radius: 0.375rem;
  margin: 0 0.125rem;
}

.gameDetail-11 .pokedex a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
}

.gameDetail-11 .pokedex a:nth-child(1) {
  background: #f68f90;
}

.gameDetail-11 .pokedex a:nth-child(1):before {
  width: 1.2rem;
  height: 1.025rem;
  background-position: -1.25rem -1.375rem;
}

.gameDetail-11 .pokedex a:nth-child(2) {
  background: #5abdf7;
}

.gameDetail-11 .pokedex a:nth-child(2):before {
  width: 1.125rem;
  height: 1.225rem;
  background-position: -2.9rem -1.275rem;
}

.gameDetail-11 .gameNews {
  background: #fff;
  width: 18rem;
  overflow-x: hidden;
}

.gameDetail-11 .gameNewsTitle {
  height: 2.4rem;
  background: #1e1e21;
  font-size: 0.85rem;
  color: #fff;
  line-height: 2.4rem;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 0.225rem;
}

.gameDetail-11 a.goback {
  position: absolute;
  width: 0.475rem;
  height: 0.9rem;
  background: url(http://www.shengli.com/Public/Home/five/Yttlj/images/goback.gif) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  top: 0.75rem;
  left: 0.5rem;
}

.gameDetail-11 .mainNav {
  height: 1.95rem;
  border-bottom: 0.025rem solid #d1d1d1;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.gameDetail-11 .mainNav ul {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 16.5rem;
  height: 1.75rem;
  padding: 0 0.75rem;
}

.gameDetail-11 .mainNav ul li {
  text-align: center;
  line-height: 1.95rem;
  font-size: 0.75rem;
  color: #333;
  float: left;
  width: 5.5rem;
  height: 1.8rem;
}

.gameDetail-11 .mainNav ul li.active {
  color: #264f91;
  border-bottom: 0.15rem solid #264f91;
}

.gameDetail-11 .subNav {
  height: 1.775rem;
  padding: 0.35rem 0;
  box-sizing: border-box;
  margin: 0 0.45rem;
  line-height: 1.775rem;
  border-bottom: 1px solid #ebebeb;
}

.gameDetail-11 .subNav li {
  float: left;
  margin-left: 1.3rem;
  width: 3.65rem;
  height: 1.1rem;
  background: #fff;
  text-align: center;
  line-height: 1.1rem;
  color: #666;
  font-size: 0.7rem;
}

.gameDetail-11 .subNav li.active {
  background: #264f91;
  color: #fff;
  border-radius: 0.75rem;
}

.gameDetail-11 .gameNewsCon {
  margin: 0 0.45rem;
  clear: both;
  width: 17.1rem;
}

.gameDetail-11 .gameNewsCon dl {
  height: 3.65rem;
  border-bottom: 1px solid #ebebeb;
  padding: 0.5rem 0 0.5rem;
  box-sizing: border-box;
}

.gameDetail-11 .gameNewsCon dl dt {
  float: left;
  width: 3.95rem;
  height: 2.625rem;
  padding-right: 0.625rem;
}

.gameDetail-11 .gameNewsCon dl dt img {
  width: 3.95rem;
  height: 2.625rem;
  margin: 0;
}

.gameDetail-11 .gameNewsCon dl dd {
  float: left;
}

.gameDetail-11 .gameNewsCon dl dd a {
  display: block;
  width: 12.5rem;
  height: 2.225rem;
  color: #242222;
  font-size: 0.75rem;
  text-align: left;
  line-height: 1.1rem;
  overflow: hidden;
}

.gameDetail-11 .gameNewsCon dl dd span {
  float: left;
  font-size: 0.45rem;
  color: #ed8b3b;
  padding: 0rem 0rem 0rem 0.75rem;
  margin-right: 0.475rem;
  background: url(http://www.shengli.com/Public/Home/five/Yttlj/images/informate-icon.png) -2.125rem center no-repeat;
  background-size: auto 0.425rem;
}

.gameDetail-11 .gameNewsCon dl dd span:nth-child(2) {
  background: url(http://www.shengli.com/Public/Home/five/Yttlj/images/informate-icon.png) 0 center no-repeat;
  background-size: auto 0.425rem;
}

.gameDetail-11 .gameNewsCon dl dd em {
  float: right;
  font-size: 0.45rem;
  color: #858585;
}

.gameDetail-11 .mainNavCon {
  width: 18rem;
  overflow: hidden;
}

.gameDetail-11 .swiper-container2,
.gameDetail-11 .swiper-container3 {
  width: 18rem;
  height: auto;
  padding-bottom: 0.25rem;
}

.gameDetail-11 .gameGiftNav {
  height: 1.85rem;
  border: 0.025rem solid #e7e7e7;
  margin-bottom: 0.15rem;
  clear: both;
  background: #fff;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  width: 18rem;
  box-sizing: border-box;
}

.gameDetail-11 .gameGiftNav .nav {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  font-size: 0.85rem;
  color: #797979;
  line-height: 1.85rem;
  height: 1.75rem;
  text-align: center;
  border-bottom: none;
}

.gameDetail-11 .gameGiftNav .nav.active {
  color: #ed8b3b;
  border-bottom: 0.1rem solid #e59139;
}

.gameDetail-11 .gameGiftCon {
  width: 100%;
  background: #f4f4f4;
}

.gameDetail-11 .gameGiftSection {
  position: relative;
  clear: both;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-left: none;
  border-right: none;
  min-height: 4.5rem;
  padding: 0.575rem 0.5rem;
  box-sizing: border-box;
  margin-bottom: 0.3rem;
}

.gameDetail-11 .gameGiftSection h3 {
  text-align: left;
  font-size: 0.8rem;
  font-weight: normal;
}

.gameDetail-11 .gameGiftSection h3 i {
  float: left;
}

.gameDetail-11 .gameGiftSection h3 span {
  float: left;
  width: 0.75rem;
  height: 0.675rem;
  display: inline-block;
  background: url(http://www.shengli.com/Public/Home/five/Yttlj/images/android.png) no-repeat;
  background-size: 100% auto;
  margin-left: 0.55rem;
  margin-top: 0.15rem;
}

.gameDetail-11 .gameGiftSection h3 span.iphone {
  width: 0.575rem;
  height: 0.675rem;
  background: url(http://www.shengli.com/Public/Home/five/Yttlj/images/iPhone.png) no-repeat;
  background-size: 100% auto;
}

.gameDetail-11 .gameGiftSection p {
  clear: both;
  text-align: left;
  font-size: 0.7rem;
  color: #666;
  padding-top: 0.7rem;
}

.gameDetail-11 .gameGiftSection p b {
  color: #ed8b3b;
  font-weight: normal;
  line-height: 1.1rem;
}

.gameDetail-11 .gameGiftSection p span {
  position: relative;
  width: 5.125rem;
  height: 0.2rem;
  background: #cbc1b9;
  display: inline-block;
  border-radius: 0.5rem;
  z-index: 2;
  vertical-align: middle;
}

.gameDetail-11 .gameGiftSection p span i {
  position: absolute;
  background: #3d9e2c;
  display: inline-block;
  height: 0.2rem;
  z-index: 3;
  top: 0;
  border-radius: 0.5rem;
}

.gameDetail-11 .exchange,
.gameDetail-11 .exchanged {
  width: 4.25rem;
  height: 1.075rem;
  background: #ed8b3b;
  border-radius: 0.15rem;
  color: #fff;
  line-height: 1.075rem;
  font-size: 0.6rem;
  text-align: center;
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 1.55rem;
}

.gameDetail-11 .exchanged {
  background: #e1e1e1;
  color: #9e9e9e;
}

.gameDetail-11 a.getMore {
  height: 2rem;
  width: 100%;
  line-height: 2rem;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  background: #ed8b3b;
  border-radius: 0.2rem;
  display: block;
  margin-top: 0.25rem;
}

.wechatActive .activeUl {
  margin-top: 0.45rem;
}

.wechatActive .activeUl li {
  width: 17.3rem;
  height: 7.7rem;
  overflow: hidden;
  margin: 0 auto 0.575rem auto;
  position: relative;
}

.wechatActive .activeUl li a,
.wechatActive .activeUl li img {
  display: block;
  width: 100%;
}

.wechatActive .activeUl li span {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-indent: 2em;
  color: #fff;
  font-size: 0.6rem;
  background: rgba(0, 0, 0, 0.6);
  height: 1.35rem;
  line-height: 1.35rem;
}

/*  11期修改  大侠  新增 英雄图鉴页  2016.11.3 开始  */
.pokedex .pokedexBtn {
  width: 11.875rem;
  height: 1.75rem;
  border: 0.05rem solid #f88e47;
  border-radius: 0.25rem;
  font-size: 0;
  margin: 0.5rem auto;
}

.pokedex .pokedexBtn a {
  display: inline-block;
  width: 50%;
  font-size: 0.75rem;
  height: 100%;
  color: #f88e47;
  line-height: 1.75rem;
  text-align: center;
}

.pokedex .pokedexBtn a.on {
  background: #f88e47;
  color: #fff;
}

.pokedex .classifyBtn {
  width: 100%;
  height: 1.8rem;
  background: #f2f2f2;
  text-align: center;
}

.pokedex .classifyBtn a {
  color: #4e4e4e;
  font-size: 0.7rem;
  line-height: 1.75rem;
  display: inline-block;
  min-width: 3rem;
  margin: 0 0.5rem;
}

.pokedex .classifyBtn a.on {
  color: #f88e47;
  border-bottom: 0.05rem solid #f88e47;
}

.pokedex .classifyCon {
  margin-top: 0.75rem;
}

.pokedex .classifyCon li {
  float: left;
  width: 4.5rem;
  height: 3.25rem;
  border: 0.05rem solid #f88e47;
  position: relative;
  margin: 0 0 1rem 1rem;
}

.pokedex .classifyCon li span {
  background: rgba(248, 142, 71, 0.88);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
  width: 100%;
  line-height: 0.75rem;
}

.pokedex .viewMore {
  width: 15.625rem;
  height: 1.925rem;
  display: block;
  margin: 0 auto;
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.925rem;
  color: #fff;
  background: #f88e47;
  border-radius: 5px;
}

.pokedex .classifyTips {
  text-align: center;
  margin-bottom: 0.625rem;
  color: #4e4e4e;
  font-size: 0.65rem;
}

/*  11期修改  大侠  新增 英雄图鉴页  2016.11.4 结束  */
/*  11期修改  大侠  新增 阵容推荐页  2016.11.4 开始  */
.lineup .pokedexBtn {
  width: 11.875rem;
  height: 1.75rem;
  border: 0.05rem solid #f88e47;
  border-radius: 0.25rem;
  font-size: 0;
  margin: 0.5rem auto;
}

.lineup .pokedexBtn a {
  display: inline-block;
  width: 50%;
  font-size: 0.75rem;
  height: 100%;
  color: #f88e47;
  line-height: 1.75rem;
  text-align: center;
}

.lineup .pokedexBtn a.on {
  background: #f88e47;
  color: #fff;
}

.lineup .classifyBtn {
  width: 100%;
  height: 1.8rem;
  background: #f2f2f2;
  text-align: center;
}

.lineup .classifyBtn a {
  color: #4e4e4e;
  font-size: 0.7rem;
  line-height: 1.75rem;
  display: inline-block;
  min-width: 3rem;
  margin: 0 0.5rem;
}

.lineup .classifyBtn a.on {
  color: #f88e47;
  border-bottom: 0.05rem solid #f88e47;
}

.lineup .classifyMain {
  width: 16.375rem;
  margin: 1.125rem auto 0;
  padding: 1rem 0 1.5rem 0;
  border: 0.075rem solid #d7a872;
  text-align: center;
  border-radius: 0.625rem;
}

.lineup .classifyMain img {
  max-width: 14rem;
  display: block;
  margin: 0 auto;
  border: 0.125rem solid #fff4d3;
  border-radius: 0.25rem;
}

.lineup .classifyMain .title {
  border-bottom: 1px solid #ede5e0;
  line-height: 1.625rem;
  font-size: 0.7rem;
  color: #723a1c;
  padding: 0.25rem;
}

.lineup .classifyMain .detail {
  font-size: 0.6rem;
  padding: 0 0.875rem;
  color: #723a1d;
  text-align: left;
  line-height: 1rem;
}

/*  11期修改  大侠  新增 阵容推荐页  2016.11.3 结束  */
/*  11期修改  zhuht 新增 任务弹窗页  2016.12.2 开始  */
.task_pop_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
}

.task_pop_box .task_pop_list {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14.85rem;
  height: 7.95rem;
  overflow: hidden;
  margin: -4.725rem 0 0 -7.425rem;
  padding-top: 1.5rem;
  background: #fe8431;
}

.task_pop_box .task_pop_list .task_pop_main {
  width: 14.85rem;
  height: 7.95rem;
  overflow: hidden;
  background: #ffffff;
}

.task_pop_box .task_pop_list .task_pop_main .text {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 0.7rem;
  color: #242222;
}

.task_pop_box .task_pop_list .task_pop_main .img {
  width: 3rem;
  height: 2.75rem;
  overflow: hidden;
  margin: 0 auto;
}

.task_pop_box .task_pop_list .task_pop_main .img img {
  width: 100%;
}

.task_pop_box .task_pop_list .task_pop_main .btn {
  display: block;
  width: 3.7rem;
  height: 1.2rem;
  overflow: hidden;
  margin: 0.7rem auto 0;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.65rem;
  color: #ffffff;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  background: #fe8431;
}

.task_pop_box .task_pop_list .task_close {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/close.png) 0 0 no-repeat;
  background-size: 100%;
}

/*  11期修改  zhuht 新增 任务弹窗页  2016.12.2 结束  */
/*  元旦换肤 李志帅 2017.12.26 开始*/
/*  元旦换肤 李志帅 2017.12.26 结束*/
/*  2017春节 李志帅 2017.12.26 开始*/
/*  2017春节 李志帅 2017.12.26 结束*/
/*  2018春节换肤 李志帅 2019.1.14 开始*/
/*  2018春节换肤 李志帅 2019.1.14 结束*/