@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, .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, .userTop .loginBtn img, .userTop .loginBtn span, .userInput .verify img, .hotGameUl img, .seleceTypeBtn:after {
  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: rgba(0, 0, 0, 0); }

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, .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, .userTop:after, .userInput .accountDet:after, .module .title:after, .searchModule:after, .selectTypeCon: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 #ff8432;
  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: #fe944d;
  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 #ff8432;
  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: #ff8432;
    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: #ff8432;
      color: #fff; }

.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: rgba(0, 0, 0, 0);
      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; }
    .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: #ff8432; }

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 {
        height: 4.5rem; }
      .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: #ff8432; }
  .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: #ff8432;
      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: #ff8432; }
      .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: #ff8432; }
      .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; }
    .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: #ff8432; }
  .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: #ff8432;
    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: #ff8432;
          border-radius: 0.125rem; }
      .gamedetail-giftMain .giftMain .giftArea .giftSurplus em {
        color: #ff8432; }
    .gamedetail-giftMain .giftMain .giftArea .platform {
      line-height: 0.925rem;
      font-size: 0.5rem;
      color: #454444; }
      .gamedetail-giftMain .giftMain .giftArea .platform span {
        color: #ff8432; }
  .gamedetail-giftMain .giftMain .bnt-get {
    position: absolute;
    left: 13.875rem;
    top: 2.45rem;
    width: 2.5rem;
    height: 1.075rem;
    background: #ff8432;
    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: #ff8432; }
  .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: #ff8432;
        color: #ff8432; }

.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: #ff8432; }
  .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: #ff8432;
    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: 5.3rem;
    height: 4.575rem;
    border: 1px solid #bdbdbd;
    margin-right: 0.275rem; }
    .welfareList .welfareUl li a {
      display: block; }

/* 尊享客服 */
.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: #ff8432;
      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: auto;
    height: 1.075rem;
    background: #ff6d82;
    color: #fff;
    padding: 0 0.45rem;
    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: #ff8432;
            border-radius: 0.125rem; }
        .welfare-list dd .giftArea .giftSurplus em {
          color: #ff8432; }
      .welfare-list dd .giftArea .platform {
        line-height: 0.925rem;
        font-size: 0.5rem;
        color: #454444; }
        .welfare-list dd .giftArea .platform span {
          color: #ff8432;
          display: inline-block; }
    .welfare-list dd .bnt-get {
      position: absolute;
      right: 0.7rem;
      top: 1.25rem;
      width: 3.25rem;
      height: 1rem;
      background: #ff8432;
      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.7rem;
      position: absolute;
      top: 2.45rem;
      width: 3.25rem;
      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 .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-icon.png) 0rem -9.975rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType2 {
        background: #fff url(../images/icon/welfare-VIPMain-icon.png) 0rem -9.075rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType3 {
        background: #fff url(../images/icon/welfare-VIPMain-icon.png) 0rem -8.225rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType4 {
        background: #fff url(../images/icon/welfare-VIPMain-icon.png) 0rem -7.325rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType5 {
        background: #fff url(../images/icon/welfare-VIPMain-icon.png) 0rem -6.375rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType6 {
        background: #fff url(../images/icon/welfare-VIPMain-icon.png) 0rem -5.625rem 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: #ff8432;
          color: #ff8432; }
  .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: #ff8432; }
            .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: #ff8432;
      border-bottom: 0.125rem solid #ff8432; }

.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: #ff8432; }
.presentation-item .presentation-game .icon {
  background-color: #9186ec; }
.presentation-item .presentation-serve .icon {
  background-color: #fb76e5; }
.presentation-item .presentation-welfare .icon {
  background-color: #ff8432; }
.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: #ff8432;
        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; }

.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 {
      height: 1.125rem;
      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: #ff8432;
    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: #ff8432; }
      .personal .personal-integral .integral-cent .othe-growNum {
        position: absolute;
        right: 0.75rem;
        top: 0.6rem;
        font-size: 0.6rem;
        color: #ff8432; }
      .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: #ff8432; }
          .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: #ff8432; }
          .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: #ff8432;
          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: #fe944d;
    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: #ff8432; }
          .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: #ff8432;
              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: #ff8432; }

.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: #ff8432; }

.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 #ff8432;
      color: #ff8432;
      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: rgba(0, 0, 0, 0);
      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: rgba(0, 0, 0, 0);
      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 .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: #ff8432;
    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: #ff8432;
    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: #ff8432;
    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: #ff8432;
      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: #ff8432;
    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: #ff8432;
    font-size: 0.5rem;
    font-weight: normal; }
.game-gift .related-review {
  width: 2.75rem;
  height: 1.075rem;
  background: #ff8432;
  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: #ff8432;
      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; }
    .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 .swiper-container {
    width: 17rem;
    height: 8rem;
    color: #fff;
    text-align: center; }
  .gameDetail-11 .swiper-slide {
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -webkit-transform: scale(0);
    position: relative; }
  .gameDetail-11 .swiper-slide img {
    display: block;
    max-width: 1000%;
    position: absolute; }
  .gameDetail-11 .swiper-slide-visible img {
    width: 9.5rem;
    height: 100%; }
  .gameDetail-11 .swiper-slide-active img {
    width: 12rem;
    height: 100%;
    margin-left: -3rem; }
  .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 .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 .videoInfor {
        color: #aeaeab;
        font-size: 0.5rem;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        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; }
  .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: #ff8432;
          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: #ff8432;
        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: #ff8432;
        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: #ff8432;
    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: #fe944d;
    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 结束  */
/*  联运平台公共部分 S */
html {
  font-family: 'helvetica neue', helvetica, 'heiti sc', 'droid sans fallback' , "\5FAE\8F6F\96C5\9ED1";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  width: 100%; }

body {
  margin: 0;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

a, button, input, select, textarea {
  outline: none; }

ul, ol {
  list-style: none; }

em, i {
  font-style: normal; }

ol, ul, input, figure {
  margin: 0;
  padding: 0; }

dl, dd, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0; }

img {
  width: 100%;
  border: 0; }

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

a {
  text-decoration: none; }

a, button, button:active, input {
  -webkit-tap-highlight-color: transparent; }

mark {
  background-color: transparent;
  color: inherit; }

a:link, a:hover, a:active, a:visited {
  text-decoration: none; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent; }

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none; }

input:-ms-clear {
  display: none; }

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
  border: none; }

select {
  overflow-x: hidden; }

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.clearfix:after, .informationType:after, .informationType .list-type:after, .welfareList .welfareUl:after, .welfareKefu .welfareUl:after, .welfareNewGame .newGameUl: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, .userTop:after, .userInput .accountDet:after, .module .title:after, .searchModule:after, .selectTypeCon:after {
  content: " ";
  display: block;
  clear: both; }

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

.di-vm, .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, .userTop .loginBtn img, .userTop .loginBtn span, .userInput .verify img, .hotGameUl img, .seleceTypeBtn:after {
  display: inline-block;
  vertical-align: middle; }

.fl {
  float: left; }

.fr {
  float: right; }

.none {
  display: none; }

.hide {
  font-size: 0;
  width: 0;
  text-indent: -9999px; }

.posCenter, .dialog .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); }

.tac {
  text-align: center; }

html, body {
  font-size: 0.5333333333rem; }

/**************************  通用弹窗  S ***********************************/
.dialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 20; }
  .dialog .content {
    width: 13.3333333333rem;
    background: #fff;
    border-radius: 5px;
    padding: 1.5555555556rem 1.1111111111rem; }
  .dialog .closeBtn {
    background: url(../images//icon/icon.png) center 0 no-repeat;
    background-size: 16rem auto;
    background-position: -6.2222222222rem -0.2222222222rem;
    width: 0.7333333333rem;
    height: 0.7333333333rem;
    position: absolute;
    top: 0.4444444444rem;
    right: 0.3333333333rem; }
  .dialog .title {
    height: 1.7777777778rem;
    line-height: 1.7777777778rem;
    color: #ff8c3c;
    border-bottom: 1px #cbcaca solid;
    text-align: center;
    font-size: 0.6666666667rem;
    font-weight: bold;
    margin-bottom: 0.4444444444rem; }
  .dialog .textTit {
    font-size: 0.7555555556rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 0.4444444444rem 0; }
  .dialog .cdkTxt {
    font-size: 0.6222222222rem; }
    .dialog .cdkTxt span {
      background: #eaeaea;
      color: #ff8832;
      padding: 0.1111111111rem 0.2222222222rem;
      margin: 0 0.2222222222rem; }
  .dialog .minTips {
    color: #676767;
    font-size: 0.4444444444rem;
    line-height: 0.6666666667rem;
    margin: 0.4444444444rem 0; }
    .dialog .minTips strong {
      color: #ff0000;
      font-size: 0.5333333333rem;
      font-weight: normal; }
  .dialog .tips {
    color: #333;
    text-align: center;
    font-size: 0.6222222222rem; }

/**************************  通用弹窗  E ***********************************/
/**************************  登录  S ***********************************/
.userTop {
  height: 1.7777777778rem;
  background: #4c4b4b;
  line-height: 1.7777777778rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .userTop .loginBtn a {
    float: right;
    color: #fff;
    margin-right: 0.7777777778rem; }
  .userTop .loginBtn img {
    width: 1.1555555556rem;
    height: 1.1555555556rem;
    border-radius: 50%; }
  .userTop .loginBtn span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.2222222222rem;
    display: inline-block;
    margin-left: 0.2222222222rem; }

.searchBox {
  width: 8.8888888889rem;
  height: 1.0666666667rem;
  border-radius: 25px;
  float: left;
  margin: 0.3333333333rem;
  overflow: hidden;
  border: 1px solid #999;
  background: #fff; }
  .searchBox input {
    background: none;
    font-size: 0.4888888889rem;
    color: #999;
    line-height: 1.0666666667rem;
    width: 7.5555555556rem;
    text-indent: 0.4444444444rem;
    vertical-align: top; }
  .searchBox ::-webkit-input-placeholder {
    color: #999; }

.searchBtn {
  background: url(../images//icon/icon.png) center 0 no-repeat;
  background-size: 16rem auto;
  background-position: -1.8888888889rem 0rem;
  width: 1.1555555556rem;
  height: 1.0666666667rem;
  display: inline-block; }

.userInput .inputList {
  margin-bottom: 0.4444444444rem; }
.dialog .userInput .tips {
  color: #ff8832;
  font-size: 0.4444444444rem;
  line-height: 0.7777777778rem;
  margin: 0.2222222222rem 0 0.1111111111rem 0;
  text-align: left; }
.userInput .errorTips {
  color: #ff8832;
  font-size: 0.5333333333rem; }
.userInput input {
  border-radius: 4px;
  background: #e9e9e9;
  height: 36px;
  text-indent: 0.4444444444rem; }
.userInput input[type='text'], .userInput input[type='password'] {
  color: #333;
  width: 100%; }
.userInput .verify {
  position: relative; }
  .userInput .verify input {
    width: 5.5555555556rem;
    margin-right: 0.2222222222rem; }
  .userInput .verify img {
    border: 1px #ff8c3c solid;
    width: 4.4444444444rem;
    height: 34px; }
  .userInput .verify .changeVerify {
    color: #ff8832;
    margin-left: 0.2222222222rem;
    font-size: 0.6222222222rem; }
.userInput .remember {
  color: #858383;
  float: left;
  padding-right: 0.6666666667rem; }
  .userInput .remember input {
    vertical-align: middle; }
.userInput .accountDet {
  margin: 0.2222222222rem 0;
  line-height: 1.3333333333rem; }
.userInput .haveAccount, .userInput .forget {
  float: right;
  color: #ff8832;
  font-size: 0.5777777778rem;
  margin-right: 0.4444444444rem; }

.orangeBtn {
  width: 4.4444444444rem;
  height: 1.7777777778rem;
  line-height: 1.7777777778rem; }

.orangeBigBtn {
  width: 100%;
  height: 1.7777777778rem;
  line-height: 1.7777777778rem; }

.orangeBigBtn, .orangeBtn {
  color: #fff;
  border-radius: 2px;
  border: none;
  background: #ff8c3c;
  font-size: 0.6666666667rem;
  text-align: center;
  display: block;
  margin: 0 auto; }

.registCon .inputList {
  margin-bottom: 0; }

.loginCon .noAccount {
  line-height: 1.3333333333rem; }
  .loginCon .noAccount a {
    color: #ff8c3c; }

/**************************  登录  E ***********************************/
/***************************  公共结构 S ***************************/
.wrapper {
  margin-top: 1.7777777778rem;
  background: #ececec; }

.module {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #fff;
  margin-bottom: 0.4444444444rem; }
  .module .title {
    padding: 0 0.6666666667rem 0 0.5555555556rem;
    line-height: 1.6222222222rem;
    font-size: 0.7111111111rem;
    color: #000;
    border-bottom: 1px solid #eaeaea; }
    .module .title span:before {
      content: "";
      width: 0.8444444444rem;
      height: 0.8444444444rem;
      display: inline-block;
      vertical-align: text-bottom;
      margin-right: 0.2222222222rem; }
    .module .title span.star:before {
      background: url(../images//icon/icon.png) center 0 no-repeat;
      background-size: 16rem auto;
      background-position: -0.2444444444rem -5.0222222222rem; }
    .module .title span.news:before {
      background: url(../images//icon/icon.png) center 0 no-repeat;
      background-size: 16rem auto;
      background-position: -1.2888888889rem -5.0222222222rem; }
    .module .title span.game:before {
      background: url(../images//icon/icon.png) center 0 no-repeat;
      background-size: 16rem auto;
      background-position: -2.4222222222rem -5.0222222222rem; }
    .module .title .more {
      float: right;
      font-size: 0.4444444444rem;
      color: #666; }

.flex {
  display: flex;
  display: -webkit-flex; }
  .flex a, .flex .average {
    flex: 1;
    -webkit-box-flex: 1; }

.entry {
  text-align: center;
  line-height: 1.7777777778rem;
  padding: 0 0.3333333333rem;
  background: #ececec; }
  .entry a {
    color: #333; }

/***************************  公共结构 E ***************************/
/**************************  公共模块 S **************************/
.hotGameUl li {
  border-bottom: 1px solid #eee;
  padding: 0.6666666667rem; }
  .hotGameUl li:last-child {
    border: none; }
.hotGameUl img {
  width: 2.2666666667rem; }
.hotGameUl .gameDet {
  width: 8rem;
  margin-left: 0.4444444444rem; }
.hotGameUl .name {
  color: #333;
  font-size: 0.6666666667rem; }
.hotGameUl .type {
  color: #999;
  font-size: 0.5333333333rem; }
.hotGameUl .download {
  font-size: 0.6222222222rem;
  width: 3.5555555556rem;
  height: 1.2444444444rem;
  color: #fff;
  background: #f58830;
  display: inline-block;
  line-height: 1.2444444444rem;
  border-radius: 3px;
  margin-top: 0.3333333333rem;
  text-align: center; }

.boutique {
  text-align: center;
  margin: 0.6222222222rem 0 0.7777777778rem 0; }
  .boutique img {
    width: 3.6rem; }
  .boutique .name {
    color: #333;
    font-size: 0.5777777778rem; }
  .boutique .type {
    color: #999;
    font-size: 0.4444444444rem; }
  .boutique .download {
    font-size: 0.6222222222rem;
    width: 3.5555555556rem;
    height: 1.2444444444rem;
    color: #fff;
    background: #f58830;
    display: inline-block;
    line-height: 1.2444444444rem;
    border-radius: 3px;
    margin-top: 0.3333333333rem; }

.searchModule {
  background: #fff;
  padding: 0.4444444444rem; }

.seleceTypeBtn {
  background: #fe8227;
  color: #fff;
  padding: 0 0.4444444444rem;
  height: 1.1777777778rem;
  text-align: center;
  line-height: 1.1777777778rem;
  border-radius: 3px;
  float: right;
  clear: both; }
  .seleceTypeBtn:after {
    content: "";
    background: url(../images//icon/icon.png) center 0 no-repeat;
    background-size: 16rem auto;
    background-position: -4.0444444444rem -0.2444444444rem;
    width: 0.4666666667rem;
    height: 0.2444444444rem; }
  .seleceTypeBtn.on:after {
    background: url(../images//icon/icon.png) center 0 no-repeat;
    background-size: 16rem auto;
    background-position: -3.2888888889rem -0.2rem; }

.selectTypeCon {
  background: #000;
  width: 100%;
  text-align: center;
  clear: both; }
  .selectTypeCon a {
    color: #fff;
    float: left;
    width: 33.3%;
    position: relative;
    font-size: 0.5777777778rem;
    line-height: 1.3333333333rem; }
    .selectTypeCon a:before {
      content: "•";
      position: absolute;
      left: 0.3333333333rem; }

/**************************  公共模块 E **************************/
/*  联运平台公共部分 E */

/*# sourceMappingURL=style.css.map */