@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 {
  display: inline-block;
  vertical-align: middle; }

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

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

input,
textarea {
  outline: none; }

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

a:link {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

.clearfix:after, .informationType:after, .informationType .list-type:after, .personal-task .task-main dd:after,
.personal-task .task-main dt:after, .game-gift .gift-detail p: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; }

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/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: 4.75rem;
    padding: 0.625rem 1.175rem 0 0.5rem; }
  .top .searchMain {
    float: left;
    width: 8.875rem;
    height: 1.125rem;
    line-height: 1.125rem;
    border: 0.05rem solid #8d8d8c;
    border-radius: 0.15rem;
    margin-top: 0.65rem; }
    .top .searchMain input {
      background: transparent;
      padding: 0.25rem;
      height: 0.625rem;
      line-height: 0.625rem;
      vertical-align: top;
      color: #fff;
      font-size: 0.45rem;
      width: 7.25rem;
      float: left; }
    .top .searchMain .searchMain-bnt {
      float: left;
      width: 1.125rem;
      height: 1.125rem;
      background: url(../images/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/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: #34343;
      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.425rem; }
  .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/informate-icon.png) 0 center no-repeat;
        background-size: auto 0.425rem; }
      .informationCent dd .informateBox span:nth-child(3) {
        background: url(../images/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/newsdetail-icon.png) 0.35rem -4.6rem no-repeat;
        background-size: 0.8rem auto; }
        .newsdetail-box .time span.collect.on {
          background: url(../images/newsdetail-icon.png) 0.35rem -7rem no-repeat;
          background-size: 0.8rem auto;
          color: #ff8432; }
      .newsdetail-box .time span.like {
        background: url(../images/newsdetail-icon.png) 0.3rem -3rem no-repeat;
        background-size: 0.8rem auto; }
        .newsdetail-box .time span.like.on {
          background: url(../images/newsdetail-icon.png) 0.3rem -5.85rem no-repeat;
          background-size: 0.8rem auto;
          color: #ff8432; }
      .newsdetail-box .time span.share {
        background: url(../images/newsdetail-icon.png) 0.3rem -1.3rem no-repeat;
        background-size: 0.8rem auto; }
      .newsdetail-box .time span.visit {
        background: url(../images/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.175rem 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.5rem;
    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;
    background-color: #fff; }
    .gamedetail-nav a:nth-child(1) {
      border-left: 0;
      background: #fff url(../images/gamedetail-icon.png) 1.9rem 0.475rem no-repeat;
      background-size: auto 0.75rem; }
    .gamedetail-nav a:nth-child(2) {
      background: #fff url(../images/gamedetail-icon.png) -2.5rem 0.475rem no-repeat;
      background-size: auto 0.75rem; }
    .gamedetail-nav a:nth-child(3) {
      background: #fff url(../images/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/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/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/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/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/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; }

.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/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/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/welfare-tit-icon.png) 0rem -2.3rem no-repeat;
  background-size: 1rem auto; }
.welfare-VIPMain li {
  float: left;
  height: 9.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: 1.625rem;
    height: 0.675rem;
    padding-left: 0.125rem;
    line-height: 0.675rem;
    color: #fff;
    font-size: 0.45rem; }
    .welfare-VIPMain li .vipType.vip1 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem 0rem no-repeat;
      background-size: 100% auto; }
    .welfare-VIPMain li .vipType.vip2 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem -0.875rem no-repeat;
      background-size: 100% auto; }
    .welfare-VIPMain li .vipType.vip3 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem -1.75rem no-repeat;
      background-size: 100% auto; }
    .welfare-VIPMain li .vipType.vip4 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem -2.65rem no-repeat;
      background-size: 100% auto; }
    .welfare-VIPMain li .vipType.vip5 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem -3.575rem no-repeat;
      background-size: 100% auto; }
    .welfare-VIPMain li .vipType.vip6 {
      background: #fff url(../images/welfare-vipmain-icon.png) 0rem -4.3rem no-repeat;
      background-size: 100% auto; }
  .welfare-VIPMain li .welfare-getBtn {
    position: absolute;
    right: 0.125rem;
    bottom: 0.375rem;
    width: 2.225rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #fff;
    font-size: 0.5rem;
    background: #ff8432;
    border-radius: 0.05rem; }

.welfare-generalMain .welfareTit {
  background: url(../images/welfare-tit-icon.png) 0rem -4.625rem no-repeat;
  background-size: 1rem auto; }
.welfare-generalMain li {
  background: #fff url(../images/welfare-generalmain-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover; }

.welfare-integralMain .welfareTit {
  background: url(../images/welfare-tit-icon.png) 0rem -6.7rem no-repeat;
  background-size: 1rem auto; }
.welfare-integralMain li {
  background: #fff url(../images/welfare-generalmain-bg.jpg) 0rem 0rem no-repeat;
  background-size: cover; }
  .welfare-integralMain li .welfare-getBtn {
    width: auto;
    padding: 0 0.175rem;
    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/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/welfare-special-icon.png) 0rem 0rem no-repeat;
        background-size: 100% auto; }
      .welfare-special-main .welfare-special-item dd .specialType.specialType3 {
        background: url(../images/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/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/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/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/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/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/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/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/welfare-tit-icon.png) 0rem -7.075rem no-repeat;
  background-size: 1rem auto; }
.welfare-integral-list .welfare-list dd {
  background: #fff; }
  .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/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-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: 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; }
    .welfare-list dd .bnt-getAgain {
      right: 0.7rem;
      position: absolute;
      top: 0.85rem;
      width: 2.5rem;
      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;
      padding-left: 0.45rem;
      width: 1.3rem;
      height: 0.675rem;
      text-align: center;
      line-height: 0.675rem;
      font-size: 0.45rem;
      color: #fff; }
      .welfare-list dd .vipType.vipType1 {
        background: #fff url(../images/welfare-vipmain-icon.png) 0rem -9.975rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType2 {
        background: #fff url(../images/welfare-vipmain-icon.png) 0rem -9.075rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType3 {
        background: #fff url(../images/welfare-vipmain-icon.png) 0rem -8.225rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType4 {
        background: #fff url(../images/welfare-vipmain-icon.png) 0rem -7.325rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType5 {
        background: #fff url(../images/welfare-vipmain-icon.png) 0rem -6.375rem no-repeat;
        background-size: 100% auto; }
      .welfare-list dd .vipType.vipType6 {
        background: #fff url(../images/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 a {
      margin-bottom: 0.375rem;
      height: 3.65rem;
      width: 8.375rem; }
      .vip .vip-item a:nth-child(2n+1) {
        float: left; }
      .vip .vip-item a:nth-child(2n) {
        float: right; }

.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/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%; }

.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/vip-presentation-slide-icon.png);
      background-position: 0 0;
      background-size: 100% auto; }
    .presentation-item li .icon.icon2 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -1.85rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon3 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -3.7rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon4 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -5.55rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon5 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -7.4rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon6 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -9.25rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon7 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -11.1rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon8 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -12.95rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon9 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -14.65rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon10 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -16.5rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon11 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -18.5rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon12 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -20.3rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon13 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -22.2rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon14 {
      background-image: url(../images/vip-presentation-slide-icon.png);
      background-position: 0 -24.05rem;
      background-size: 100% auto; }
    .presentation-item li .icon.icon15 {
      background-image: url(../images/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/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; }

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

.vipRechargeList {
  padding: 0 0.25rem; }
  .vipRechargeList li {
    float: left;
    width: 7.9rem;
    height: 5rem;
    margin: 0 0.425rem 0.925rem;
    background: url(../images/viprechargelist-bg.jpg) right bottom no-repeat;
    background: 100% auto; }
    .vipRechargeList li .vipRechargeListT {
      background: #ff8832;
      font-size: 0.65rem;
      height: 1.125rem;
      line-height: 1.125rem;
      text-align: center;
      color: #fff; }
    .vipRechargeList li .vipRechargeText {
      padding: 0.25rem;
      font-size: 0.5rem;
      line-height: 0.75rem;
      text-align: center;
      color: #333; }
    .vipRechargeList li .vipRechargePrice {
      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; }

.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/checked-icon.png) 0 0 no-repeat;
        background-size: 100% auto; }
      .vipRechargePage .vipRechargePageList dd.on i {
        background: url(../images/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/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/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; }
    .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 {
      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: 16%; }
          .personal .personal-integral .integral-cent .integral-line .integral-bar.vip2 {
            width: 33%; }
          .personal .personal-integral .integral-cent .integral-line .integral-bar.vip3 {
            width: 50%; }
          .personal .personal-integral .integral-cent .integral-line .integral-bar.vip4 {
            width: 66%; }
          .personal .personal-integral .integral-cent .integral-line .integral-bar.vip5 {
            width: 84%; }
          .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: 0.325rem; }
            .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: 3.4rem; }
            .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: 6.525rem; }
            .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: 9.575rem; }
            .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: 12.675rem; }
            .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 {
  margin-top: 0.7rem;
  background: #fff; }
  .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/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/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/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: 1.125rem;
    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/personalsignmain-icon.png) 0 0.15rem no-repeat;
      background-size: 0.575rem auto;
      padding-left: 0.75rem; }
    .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 li {
    float: left;
    width: 5.65rem;
    height: 4.45rem;
    margin-left: 0.05rem; }
    .personalSign .personalSignGift li:nth-child(1) {
      margin-left: none; }
    .personalSign .personalSignGift li .img {
      height: 3.275rem; }
    .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 .personalSignExplain {
    padding: 0.5rem;
    width: 18rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../images/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/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/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/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 {
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    right: 0;
    top: 0rem;
    background: url(../images/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 .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; }

.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/right-icon.png) 17.05rem center no-repeat;
      background-size: 0.375rem auto; }
    .personalEdit ul li.portrait {
      line-height: 2.95rem;
      height: 2.95rem; }
    .personalEdit ul li select {
      background: transparent;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 0.9rem;
      border: none;
      opacity: 0; }
      .personalEdit ul li select option {
        opacity: 0; }
    .personalEdit ul li .sexy {
      width: 100%;
      height: 2.25rem; }
    .personalEdit ul li input.date {
      background: transparent;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: none;
      color: transparent;
      opacity: 0; }
.personalEdit .userImg {
  position: absolute;
  right: 1.375rem;
  top: 0.45rem;
  width: 2rem;
  height: 2rem;
  border: 0.05rem solid #b4b4b4;
  border-radius: 1.025rem;
  overflow: hidden; }
.personalEdit .Filedata {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0; }

.dialog-edit {
  position: fixed;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100%;
  background: #f4f4f4;
  z-index: 1;
  transition: all 0.6s;
  -webkit-transition: all 0.6s; }
  .dialog-edit.show {
    left: 0%; }
  .dialog-edit ul {
    border-top: 0.025rem solid #e7e7e7;
    margin-top: 0.4rem; }
    .dialog-edit ul li {
      background: #fff; }
      .dialog-edit ul li input[type=text],
      .dialog-edit ul li input[type=email] {
        padding: 0.5rem;
        height: 100%;
        width: 100%;
        border: none;
        box-sizing: border-box;
        font-size: 0.75rem;
        line-height: 1.25rem; }
  .dialog-edit textarea {
    display: block;
    padding: 0.5rem;
    min-height: 5rem;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1.25rem;
    border-top: 0.025rem solid #e7e7e7;
    border-bottom: 0.025rem solid #e7e7e7;
    margin: 0.5rem 0 1rem; }
  .dialog-edit .edit-main {
    display: none; }
    .dialog-edit .edit-main.show {
      display: block; }
    .dialog-edit .edit-main li {
      margin-bottom: 0.5rem; }
      .dialog-edit .edit-main li select {
        font-size: 0.75rem;
        border: 1px solid #e7e7e7;
        color: #515151;
        padding: 0 1.125rem 0 0.55rem;
        width: 100%;
        height: 2.25rem;
        line-height: 2.25rem; }

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

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

.getPassword {
  padding: 1.775rem 1.4rem; }
  .getPassword li {
    height: 1.825rem;
    padding: 0.375rem 0.95rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0.15rem;
    background: #d8d5d5;
    margin-bottom: 1rem;
    position: relative; }
    .getPassword li input[type=text] {
      height: 1.075rem;
      line-height: 1.075rem;
      background: none;
      border: none;
      width: 100%;
      vertical-align: top;
      font-size: 0.75rem;
      color: #737272;
      float: left; }
    .getPassword li label {
      display: block;
      position: absolute;
      bottom: -1rem;
      left: 0;
      height: 1rem;
      line-height: 1rem;
      color: #ff8832;
      font-size: 0.55rem;
      width: 100%; }
  .getPassword .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/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/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/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/gamedetail-gift-icon.png) 1.9rem 0.125rem no-repeat;
      background-size: 0.8rem auto; }
    .WXwelfareTop a:nth-child(2) {
      background: url(../images/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/wxwelfare-tit-icon.png) 0.35rem -2.55rem no-repeat;
      background-size: 1rem auto; }
.WXwelfareCent .welfareMain.welfare-VIPMain .welfareTit span {
  background: #ffaa17 url(../images/wxwelfare-tit-icon.png) 0.3rem 0.2rem no-repeat;
  background-size: 1rem auto; }
.WXwelfareCent .welfareMain.welfare-generalMain .welfareTit span {
  background: #fd657e url(../images/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/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/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/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/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/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("../images/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/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/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; }

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