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

.jt {
    width: .15rem;
    height: .15rem;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
}

.linear {
    background: linear-gradient(45deg, #e7ca97, #bf9a65, #996e36);
}

.linear-btn {
    background: linear-gradient(45deg, #f8dcaa, #ecbf8a);
}

.linear-banner {
    background: linear-gradient(125deg, #f8dcaa, #ecbf8a);
}

.layer-back {
    position: absolute;
    top: .38rem;
    left: .38rem;
}

.back {
    width: .15rem;
    height: .15rem;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    display: none;
    width: .25rem;
    height: .25rem;
    border-width: 2px;
    border-color: #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 99999;
}

.header {
    line-height: 1rem;
    text-align: center;
    font-size: .32rem;
    z-index: 3;
}

.header .back-djq {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 .3rem;
    z-index: 111;
}

.white-jt {
    color: #fff;
}

.white-jt .back {
    border-color: #fff;
}

html,
body {
    height: 100%;
}

.wrap {
    margin: 0 auto;
    max-width: 640px;
    min-height: 100%;
}

.wrap1 {
    background-color: #F2F2F2;
}

.wrap2 {
    background-color: #fff;
}

nav .current {
    color: #333 !important;
}

/* .index_icon {
  background: url(../images/index_icon.png) no-repeat;
  background-size: 204px 34px;
  display: inline-block;
  vertical-align: middle;
} */


.index_icon {
    background: url(../images/index_icon.png) no-repeat;
    background-size: 192px 96px;
    display: inline-block;
}

.index_icon1 {
    height: 48px;
    width: 48px;
    background-position: 0 0;
}

.index_icon2 {
    height: 48px;
    width: 48px;
    background-position: -48px 1px;
}

.index_icon3 {
    height: 48px;
    width: 48px;
    background-position: -96px 1px;
}

.index_icon4 {
    height: 48px;
    width: 48px;
    background-position: -144px 1px;
}

.index_icon5 {
    height: 48px;
    width: 48px;
    background-position: 1px -48px;
}

.index_icon6 {
    height: 48px;
    width: 48px;
    background-position: -48px -48px;
}

.index_icon7 {
    height: 48px;
    width: 48px;
    background-position: -96px -48px;
}

.index_icon8 {
    height: 48px;
    width: 48px;
    background-position: -144px -48px;
}

.main-menu {
    padding: .28rem 0 0;
    flex-wrap: wrap;
    background-color: #fff;
}

.main-menu a {
    margin-bottom: .4rem;
    width: 25%;
    font-size: .24rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.main-menu a span {
    margin-top: .08rem;
}

/* .index_icon4 {
  height: 34px;
  width: 34px;
  background-position: 0 0;
}
.index_icon5 {
  height: 34px;
  width: 34px;
  background-position: -34px 0;
}
.index_icon6 {
  height: 34px;
  width: 34px;
  background-position: -68px 0;
}
.index_icon1 {
  height: 34px;
  width: 34px;
  background-position: -102px 0;
}
.index_icon2 {
  height: 34px;
  width: 34px;
  background-position: -136px 0;
}
.index_icon3 {
  height: 34px;
  width: 34px;
  background-position: -170px 0;
} */
.grid .box {
    border: 1px solid #f1f1f1;
}

.grid .flexbox {
    padding: .75rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid .flexbox span {
    padding-left: .2rem;
}

.index-section {
    padding: .2rem;
    background: #fff;
}

.index-section .title {
    margin-top: .2rem;
    margin-bottom: .2rem;
    position: relative;
    text-align: center;
    border-top: 1px solid #E5CFA7;
}

.index-section .title span {
    position: absolute;
    top: -0.25rem;
    left: 50%;
    text-align: center;
    padding: 0 .2rem;
    color: #AB834B;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.index-section .title span:before,
.index-section .title span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #E5CFA7;
}

.index-section .title span:before {
    left: 0;
}

.index-section .title span:after {
    right: 0;
}

.hot-gift-item {
    padding: .15rem 0;
}

.hot-gift-item:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 1.63rem);
    border-top: 1px solid #eee;
}

.item {
    position: relative;
}

.item .game-icon {
    width: 1.3rem;
    text-align: center;
}

.item .game-icon img {
    display: block;
    width: 100%;
}

.item .game-desc {
    padding: 0 .12rem 0 .33rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item .game-desc .name {
    color: #333;
    font-size: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item .game-desc .desc {
    margin-top: .19rem;
    color: #888888;
    font-size: .23rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game-btn a {
    padding: .12rem .3rem;
    font-size: .26rem;
    color: #333333;
    background: #FFD001;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .3rem;
}

.game-btn a.gray {
    background: #ddd;
    color: #fff;
}

.game-activity {
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.game-activity li {
    margin-bottom: .2rem;
    width: 48%;
    text-align: center;
    font-size: .25rem;
}

.game-activity li:nth-child(2n) {
    margin-left: .2rem;
}

.game-activity li img {
    width: 100%;
    border-radius: .12rem;
}

.game-activity li p {
    line-height: .50rem;
    color: #333;
}

.integral-activity {
    margin-top: .2rem;
    padding: 0 .2rem;
    height: 3.88rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.integral-other {
    width: 2.13rem;
    height: 100%;
    align-content: space-between;
    justify-content: space-between;
}

.integral-activity .integral-item {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.integral-activity .integral-item p {
    font-size: .25rem;
    color: #333;
}

.integral-activity .integral-one {
    margin-right: .2rem;
    width: 2.44rem;
}

.integral-activity .integral-one img {
    width: 100%;
}

.integral-activity .integral-one .work {
    position: absolute;
    top: 58%;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.37rem;
    line-height: .49rem;
    color: #D5B176;
    border-radius: .35rem;
    border: 2px solid #D5B176;
}

.integral-activity .integral-two {
    width: 1.94rem;
    height: 1.84rem;
    font-size: .26rem;
    border-radius: .1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.integral-activity .integral-two img {
    width: 1rem;
}

.integral-activity .integral-two:nth-child(1) {
    background-color: #DBEBFF;
    color: #60A8FF;
}

.integral-activity .integral-two:nth-child(2) {
    background-color: #FFE7D0;
    color: #FF842C;
}

.integral-activity .integral-two:nth-child(3) {
    background-color: #FFDBCE;
    color: #FF8078;
}

.integral-activity .integral-two:nth-child(4) {
    background-color: #FFE2EE;
    color: #FF7CB4;
}

.bottomNav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    border-top: 1px solid #eee;
}

.bottomNav a {
    color: #888;
}

.pdb {
    padding-bottom: 1.2rem;
}

/* .navbar {
  background: url(../images/navbar.png) no-repeat;
  background-size: 200px 25px;
  display: inline-block;
}
.newgame_on {
  height: 25px;
  width: 25px;
  background-position: 0 0;
}
.newgame {
  height: 25px;
  width: 25px;
  background-position: -25px 0;
}
.person_on {
  height: 25px;
  width: 25px;
  background-position: -50px 0;
}
.person {
  height: 25px;
  width: 25px;
  background-position: -75px 0;
}
.index_on {
  height: 25px;
  width: 25px;
  background-position: -100px 0;
}
.index {
  height: 25px;
  width: 25px;
  background-position: -125px 0;
}
.integral_on {
  height: 25px;
  width: 25px;
  background-position: -150px 0;
}
.integral {
  height: 25px;
  width: 25px;
  background-position: -175px 0;
} */

.navbar {
    background: url(../images/navbar.png) no-repeat;
    background-size: 192px 24px;
    display: inline-block;
}

.newgame_on {
    height: 24px;
    width: 24px;
    background-position: 0 0;
}

.newgame {
    height: 24px;
    width: 24px;
    background-position: -24px 0;
}

.person_on {
    height: 24px;
    width: 24px;
    background-position: -48px 0;
}

.person {
    height: 24px;
    width: 24px;
    background-position: -72px 0;
}

.index_on {
    height: 24px;
    width: 24px;
    background-position: -96px 0;
}

.index {
    height: 24px;
    width: 24px;
    background-position: -120px 0;
}

.integral_on {
    height: 24px;
    width: 24px;
    background-position: -144px 0;
}

.integral {
    height: 24px;
    width: 24px;
    background-position: -168px 0;
}

.person-info {
    height: 4.42rem;
    background: url(../images/personcenter_top_bg.png) no-repeat;
    background-size: contain;
    overflow: hidden;
    position: relative;
}

.person-info .title {
    margin-top: .34rem;
    text-align: center;
    font-size: .36rem;
    color: #fff;
    height: .48rem;
}

.person-info .info {
    margin-top: .4rem;
}

.person-info .info .avat {
    position: relative;
    margin: 0 .25rem;
    width: 1.45rem;
    height: 1.51rem;
    background: url(../images/avat_bg.png) no-repeat;
    background-size: 100%;
}
.person-info .info .avat.person{
    background: none;
}

.person-info .info .avat .avat-url {
    margin: .24rem .2rem;
    display: block;
    width: 1.03rem;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.person-info .info .avat .avat-line {
    position: absolute;
    left: .15rem;
    bottom: .12rem;
    width: 1.15rem;
    height: .3rem;
    line-height: .3rem;
    z-index: 3;
    background: url(../images/avat_line.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.person-info .info .avat .avat-line i {
    display: inline-block;
}

.person-info .info .avat .avat-line .vip-v {
    width: .18rem;
    height: .21rem;
    background: url(../images/vip_v.png) no-repeat;
    background-size: 100% 100%;
}

.person-info .info .avat .avat-line .vip-grade {
    margin-left: -0.08rem;
    width: .19rem;
    height: .21rem;
    background: url(../images/vip_grade.png) no-repeat;
    background-size: .19rem 2.1rem;
}

.person-info .info .avat .avat-line .vip_0 {
    background-position: 0 0;
}

.person-info .info .avat .avat-line .vip_1 {
    background-position: 0 -0.25rem;
}

.person-info .info .avat .avat-line .vip_2 {
    background-position: 0 -0.49rem;
}

.person-info .info .avat .avat-line .vip_3 {
    background-position: 0 -0.73rem;
}

.person-info .info .avat .avat-line .vip_4 {
    background-position: 0 -0.96rem;
}

.person-info .info .avat .avat-line .vip_5 {
    background-position: 0 -1.2rem;
}

.person-info .info .avat .avat-line .vip_6 {
    background-position: 0 -1.43rem;
}

.person-info .info .avat .avat-line .vip_7 {
    background-position: 0 -1.67rem;
}

.person-info .info .avat .avat-line .vip_8 {
    background-position: 0 -1.9rem;
}

.person-info .info .detail {
    color: #fff;
}

.person-info .info .detail .name {
    font-size: .3rem;
}

.person-info .info .detail .uid {
    font-size: .28rem;
    color: #fff;
}
.person-info .info .detail .nologin a{
    color: #ffffff;
}
.person-info .info .out {
    padding: 0 .4rem;
}

.person-info .info .out a {
    display: block;
    width: .36rem;
    height: .36rem;
    background: url(../images/out.png) no-repeat;
    background-size: 100% 100%;
}

.person-info .my_mess {
    position: absolute;
    top: 0.4rem;
    right: .4rem;
    display: flex;
}

.person-info .my_mess img {
    width: 100%;
    height: 100%;
    display: block;
}
.person-info .my_mess a{
    width: .48rem;
    height: .48rem;
}
.person-info .my_mess a:nth-child(2){
    margin-left: .48rem;
}

.person-info .my_mess span {
    width: .48rem;
    height: .38rem;
    background: #FF2D55;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: .2rem;
    display: block;
    position: absolute;
    text-align: center;
    line-height: .38rem;
    font-size: .24rem;
    top: -.16rem;
    left: .26rem;
    /*display: none;*/
}

.assets {
    margin: -0.9rem auto 0;
    padding: .3rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    width: 6.7rem;
    border-radius: .2rem;
}

.assets > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

/*.assets > li :after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: .3rem;*/
    /*right: 0;*/
    /*display: block;*/
    /*width: 1px;*/
    /*height: .85rem;*/
    /*background: #f8f5f0;*/
/*}*/

.assets .data {
    margin: 0 auto;
    width: .74rem;
    height: .74rem;
    line-height: .74rem;
    font-size: .3rem;
    color: #D99110;
    background: #f8f5f0;
    border-radius: 50%;
    text-align: center;
}

.assets .name {
    margin-top: .2rem;
    font-size: .24rem;
    color: #888;
    text-align: center;
}

.person_icon {
    background: url(../images/person.png) no-repeat;
    background-size: 128px 18px;
    display: block;
}

.person_icon6 {
    height: 15px;
    width: 17px;
    background-position: 0 0;
}

.person_icon1 {
    height: 18px;
    width: 17px;
    background-position: -17px 0;
}

.person_icon5 {
    height: 18px;
    width: 18px;
    background-position: -34px 0;
}

.person_icon7 {
    height: 16px;
    width: 18px;
    background-position: -52px 0;
}

.person_icon4 {
    height: 18px;
    width: 18px;
    background-position: -70px 0;
}

.person_icon3 {
    height: 16px;
    width: 19px;
    background-position: -88px 0;
}

.person_icon2 {
    height: 15px;
    width: 20px;
    background-position: -108px 0;
}

.person-list {
    margin: .2rem auto 0;
    padding: .2rem .4rem .2rem .2rem;
    width: 95%;
    background: #ffffff;
    border-radius: .2rem;
}

.person-item {
    margin-bottom: .2rem;
    padding: .1rem 0;
}

.person-item:first-child {
    padding-top: 0;
}

.person-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.person-item .name {
    padding: 0 .2rem;
}

.person-item .more {
    width: .15rem;
    height: .15rem;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(220deg);
    transform: rotate(220deg);
}

.shade {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
}

.shade-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 86%;
    /*height: 5rem;*/
    z-index: 11;
    background: #fff;
    border-radius: .14rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shade-content .close {
    position: absolute;
    top: .2rem;
    right: .3rem;
    color: #fff;
    font-size: .35rem;
}

.shade-content .header {
    position: relative;
}

.shade-content .header .logo {
    margin: .3rem auto 0;
    display: block;
    width: 1.78rem;
}

.shade-content .title {
    margin-top: .5rem;
    text-align: center;
    color: #846454;
    font-size: .3rem;
}

.shade-content .login-type {
    margin-top: .4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.shade-content .login-type a:nth-child(2) {
    margin: 0 .88rem;
}

.shade-content .login-type p {
    margin-top: .12rem;
    text-align: center;
    font-size: .24rem;
    color: #666;
}

.shade-content .other-login {
    margin-top: .4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.shade-content .other-login a:nth-child(2) {
    margin: 0 .76rem;
}

.shade-content .login-form {
    margin: .11rem auto 0;
    width: 80%;
}

.shade-content .login-inp {
    margin-bottom: .2rem;
    position: relative;
    height: .68rem;
    border: 1px solid #cccccc;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px center;
    background-color: transparent;
    border-radius: .04rem;
}

.shade-content .login-inp input {
    padding: 0 .15rem 0 .65rem;
    width: 100%;
    height: 100%;
    line-height: .68rem;
    font-size: .32rem;
    border: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .04rem;
}

.shade-content .login-inp .get-verify {
    position: absolute;
    right: .1rem;
    top: 0;
    line-height: .68rem;
    font-size: .3rem;
    color: #888;
    text-decoration: underline;
    border: none;
    background: transparent;
    outline: none;
}

.shade-content .login-inp .submit {
    padding: 0;
    color: #fff;
    border: none;
    outline: none;
    background: linear-gradient(45deg, #f8dcaa, #ecbf8a);
}

.shade-content .login-inp .pwd-status {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: .68rem;
    height: .68rem;
}

.shade-content .login-inp .show-pwd {
    background: url(../images/show_pwd_icon.png) no-repeat center center;
    background-size: 20px;
}

.shade-content .login-inp .hide-pwd {
    background: url(../images/hide_pwd_icon.png) no-repeat center center;
    background-size: 15px;
}

.shade-content .handle {
    margin-top: .15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .24rem;
    color: #666;
}

.shade-content .handle a:last-child {
    padding: 0 .1rem;
    border-radius: .18rem;
    border: 1px solid #707070;
}

.shade-content .tel-inp {
    background-image: url(../images/tel_icon.png);
}

.shade-content .verify-inp {
    background-image: url(../images/verify_icon.png);
}

.shade-content .account-inp {
    background-image: url(../images/account_icon.png);
}

.shade-content .pwd-inp {
    background-image: url(../images/pwd_icon.png);
}

.shade-content .btn-inp {
    margin-bottom: 0;
    border: none;
}

.shade-content .find-tips {
    margin-top: .4rem;
    margin-bottom: .2rem;
    font-size: .24rem;
    color: #666;
}

.shade-content .find-inp input {
    padding: 0 .12rem;
}

.shade-content .tab-nav {
    margin: .26rem auto 0;
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.shade-content .tab-nav a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .68rem;
    text-align: center;
    font-size: .3rem;
    background: #EBEBEB;
    border-radius: .2rem .2rem 0 0;
}

.shade-content .tab-nav a.active {
    background: #F2862E;
    color: #fff;
}

.shade-content .tab-content {
    margin-top: -0.11rem;
}

.shade-content .tab-content .agreement {
    margin-bottom: .1rem;
    font-size: .24rem;
    color: #ccc;
    text-align: center;
}

.success {
    height: 3.2rem;
}

.success .title {
    margin-top: .6rem;
    font-size: .3rem;
    color: #333;
}

.success .success-icon {
    width: .8rem;
}

.success .cdk {
    margin-top: .4rem;
    text-align: center;
    font-size: .24rem;
    color: #666;
    line-height: .45rem;
}

.success .game-btn {
    margin-top: .5rem;
    text-align: center;
}

.radio {
    position: relative;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.radio.on:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    width: .25rem;
    height: .25rem;
    background: #F06B00;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.login_type_icon {
    background: url(../images/login_type_icon.png) no-repeat;
    background-size: 132px 44px;
    display: block;
    margin: 0 auto;
}

.yk_l {
    height: 44px;
    width: 44px;
    background-position: 0 0;
}

.tel_l {
    height: 44px;
    width: 44px;
    background-position: -44px 0;
}

.account_l {
    height: 44px;
    width: 44px;
    background-position: -88px 0;
}

.other_icon {
    background: url(../images/other_icon.png) no-repeat;
    background-size: 75px 25px;
    display: block;
}

.weibo {
    height: 25px;
    width: 25px;
    background-position: 0 0;
}

.wechat {
    height: 25px;
    width: 25px;
    background-position: -26px 0;
}

.qq {
    height: 25px;
    width: 25px;
    background-position: -53px 0;
}

/* 我的代金券 */
.voucher-list {
    margin: 0 auto;
    width: 92%;
}

.voucher-wrap .voucher-list li {
    margin-bottom: .28rem;
    padding: .26rem .2rem;
    width: 100%;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.voucher-wrap .voucher-list li .left {
    position: relative;
    padding-right: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.voucher-wrap .voucher-list li .left:before,
.voucher-wrap .voucher-list li .left:after {
    content: "";
    display: block;
    position: absolute;
    right: -0.18rem;
    width: .32rem;
    height: .16rem;
    background: #fff;
}

.voucher-wrap .voucher-list li .left:before {
    top: -0.26rem;
    border-radius: 0 0 .14rem .14rem;
}

.voucher-wrap .voucher-list li .left:after {
    bottom: -0.26rem;
    border-radius: .14rem .14rem 0 0;
}

.voucher-wrap .voucher-list li .left .top {
    font-size: .3rem;
}

.voucher-wrap .voucher-list li .left em {
    font-size: .8rem;
    font-style: normal;
}

.voucher-wrap .voucher-list li .left .bottom {
    margin-bottom: .2rem;
    margin-top: .1rem;
    min-width: 2rem;
    max-width: 2.2rem;
    line-height: .4rem;
    text-align: center;
    background-color: #fdd3b5;
    border-radius: .12rem;
    opacity: 0.8;
    white-space: nowrap;
    font-size: .22rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voucher-wrap .voucher-list li .right {
    position: relative;
    padding-left: .33rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.voucher-wrap .voucher-list li .right:before {
    position: absolute;
    top: 0;
    left: -0.015rem;
    content: "";
    display: block;
    width: .03rem;
    height: 100%;
}

.voucher-wrap .voucher-list li .right .top .limit {
    position: absolute;
    top: 0;
    left: .25rem;
    padding: .05rem .1rem;
    background: #df3e21;
    font-size: .24rem;
    color: #ffad85;
    border-radius: .1rem;
}

.voucher-wrap .voucher-list li .right .top {
    margin-top: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.voucher-wrap .voucher-list li .right .top .type {
    display: inline-block;
    font-size: .46rem;
    color: #fff;
}

.voucher-wrap .voucher-list li .right .top .btn {
    margin: 0;
    width: 1.45rem;
    height: .66rem;
    font-size: .28rem;
    background-color: #ffbd7d;
    border: none;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(159, 52, 0, 0.44), inset 0px 6px 9px 0px #f9f1eb;
    box-shadow: 0px 4px 7px 0px rgba(159, 52, 0, 0.44), inset 0px 6px 9px 0px #f9f1eb;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.voucher-wrap .voucher-list li .right .bottom {
    margin-top: .3rem;
    width: 100%;
    text-align: right;
    font-size: .22rem;
    color: #ffa275;
}

.voucher-wrap .voucher-list li.use {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6e00), to(#f94026));
    background-image: linear-gradient(90deg, #ff6e00 0%, #f94026 100%);
}

.voucher-wrap .voucher-list li.use .left .top {
    color: #ffdf72;
}

.voucher-wrap .voucher-list li.use .left .bottom {
    color: #cd5008;
    background-color: #fdd3b5;
}

.voucher-wrap .voucher-list li.use .right:before {
    background: #e8541d;
}

.voucher-wrap .voucher-list li.use .right .top .limit {
    background: #df3e21;
    color: #ffad85;
}

.voucher-wrap .voucher-list li .right .top .type {
    width: 2.5rem;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.voucher-wrap .voucher-list li.use .right .top .btn {
    color: #fa4e1a;
    background-color: #ffbd7d;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(159, 52, 0, 0.44), inset 0px 6px 9px 0px #f9f1eb;
    box-shadow: 0px 4px 7px 0px rgba(159, 52, 0, 0.44), inset 0px 6px 9px 0px #f9f1eb;
}

.voucher-wrap .voucher-list li.use .right .bottom {
    color: #ffa275;
}

.voucher-wrap .voucher-list li.used {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5ddc3), to(#e5ddc3));
    background-image: linear-gradient(#e5ddc3, #e5ddc3);
}

.voucher-wrap .voucher-list li.used .left .top {
    color: #b6a674;
}

.voucher-wrap .voucher-list li.used .left .bottom {
    color: #c3b68b;
    background-color: #ebe2c6;
}

.voucher-wrap .voucher-list li.used .right:before {
    background: #d9cfac;
}

.voucher-wrap .voucher-list li.used .right .top .limit {
    background: #b6a674;
    color: #d7cba2;
}

.voucher-wrap .voucher-list li.used .right .top .type {
    color: #b6a674;
}

.voucher-wrap .voucher-list li.used .right .top .btn {
    color: #c6b789;
    background-color: #d7cba2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.voucher-wrap .voucher-list li.used .right .bottom {
    color: #cec39e;
}

.box-cell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cell-column {
    flex-wrap: wrap;
}

.cell-wrap {
    flex-wrap: wrap;
}

.cell-item {
    flex: 1;
}

.cell-j-c {
    justify-content: center;
}

.cell-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cell-content > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recharge {
    margin: .3rem auto;
    width: 90%;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recharge a {
    margin-bottom: .3rem;
    height: 1.74rem;
    -webkit-box-shadow: 0px 0.2rem 0.7rem 0.1rem rgba(56, 38, 17, 0.11);
    box-shadow: 0px 0.2rem 0.7rem 0.1rem rgba(56, 38, 17, 0.11);
    border-radius: .1rem;
}

.recharge .icon {
    width: 1.8rem;
    text-align: center;
}

.recharge .icon img {
    width: 1.23rem;
}

.recharge p {
    padding-left: .2rem;
}

.recharge .title {
    font-size: .3rem;
    color: #1B1B1B;
}

.recharge .desc {
    margin-top: .15rem;
    font-size: .26rem;
    color: #666666;
}

.search {
    position: relative;
    width: 72%;
}

.search input {
    padding: 0 .2rem;
    width: 100%;
    height: .72rem;
    border: none;
    background: #EEEEEE;
    border-radius: .1rem;
}

.search .search-icon {
    position: absolute;
    right: .1rem;
    top: .3rem;
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/search_icon.png) no-repeat;
    background-size: 100%;
}

.my-gift {
    margin: .2rem;
    width: .6rem;
    height: .6rem;
    background: url(../images/my_gift.png) no-repeat;
    background-size: 100%;
}

.gift-item {
    margin: .25rem;
    padding: .3rem .2rem .16rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 0.12rem rgba(56, 38, 17, 0.11);
    box-shadow: 0px 1px 0.12rem rgba(56, 38, 17, 0.11);
    border-radius: .1rem;
}

.gift-item .gift-desc {
    position: relative;
    margin-top: .2rem;
    font-size: .24rem;
    color: #666;
    padding-bottom: .26rem;
}

.gift-item .gift-desc:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #eee;
}

.gift-item .gift-desc:last-child {
    padding-bottom: 0;
}

.gift-item .gift-desc:last-child:after {
    display: none;
}

.gift-item .all-gift {
    display: block;
    padding: .15rem 0 0 0;
    text-align: center;
}

.gift-item .all-gift a {
    font-size: .3rem;
    color: #666666;
}

.gift-item .gift-title {
    position: relative;
    padding-left: .1rem;
    font-size: .38rem;
    color: #333;
}

.gift-item .gift-title:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: .04rem;
    height: .52rem;
    background: #f00;
}

.gift-item .gift-use-method {
    font-size: .2rem;
    color: #60B54E;
    border-bottom: 1px solid #60B54E;
}

.gift-item .gift-use-method img {
    vertical-align: middle;
    width: .2rem;
}

.all-gift-main {
    margin: .25rem;
}

.gift-main .game-btn a {
    padding: .15rem .45rem;
    border-radius: .04rem;
}

.gift-main .game-btn a.copy {
    background: transparent;
    border: 1px solid #907364;
    color: #846454;
}

.gift-main .game-btn a.download {
    background: #F06B00;
    color: #fff;
}

.gift-main .game-desc .desc {
    color: #333333;
}

.gift-main .game-desc .desc img {
    margin: -0.05rem 0.08rem;
    width: .28rem;
    vertical-align: middle;
}

.gift-main .game-desc .desc span {
    color: #F06B00;
}

.gift-main .gift-icon {
    display: inline-block;
    width: .5rem;
    height: .6rem;
    background: url(../images/quan_icon.png) no-repeat;
    background-size: 100% 100%;
}

.use-gift .game-desc {
    padding-left: 0;
}

.use-gift .game-desc .desc {
    color: #333;
    font-size: .3rem;
}

.use-gift .game-desc .time {
    margin-top: .12rem;
    color: #999;
    font-size: .24rem;
}

.get-detail {
    margin: 0 .3rem 0 .12rem;
}

.get-detail.geted {
    color: #F06B00;
}

.get-detail.getting {
    color: #60B54E;
}

.more-game-gift {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.more-game-gift a {
    margin-top: .3rem;
}

.more-game-gift img {
    width: 1.25rem;
}

.more-game-gift p {
    font-size: .28rem;
    color: #333;
}

.more-gift-list {
    display: none;
}

.more-gift-item {
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
}

.more-gift-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.more-gift-item .gift-main {
    padding: .3rem 0 .2rem;
}

.more-gift-item .gift-main .desc {
    margin-top: 0;
}

.sub {
    padding-right: .3rem;
    text-align: right;
}

.sub .sub-text {
    font-size: .3rem;
    color: #666666;
}

.sub .rule-btn {
    color: #fff;
}

.suggest-box {
    padding: .4rem .33rem;
    text-align: center;
    font-size: .3rem;
    color: #333;
}

.suggest-box .suggest-inp {
    position: relative;
    margin-top: .2rem;
}

.suggest-box .suggest-inp input,
.suggest-box .suggest-inp textarea {
    padding: 0 .15rem;
    width: 100%;
    font-size: .3rem;
    resize: both;
    background: #fff;
    border-radius: .1rem;
    border: none;
}

.suggest-box .suggest-inp textarea {
    height: 3.2rem;
}

.suggest-box .suggest-inp input {
    height: .8rem;
}

.suggest-box .suggest-content {
    margin-top: .4rem;
}

.suggest-box .suggest-content textarea {
    padding: .15rem;
}

.suggest-box .suggest-content span {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    color: #ccc;
    font-size: .28rem;
}

.integral-banner {
    padding: 0 2.5%;
    height: 4.76rem;
    color: #fff;
    text-align: center;
    background: url(../images/jfcenter_top_bg.png) no-repeat;
    background-size: contain;
    overflow: hidden;
}

.integral-banner .title {
    position: absolute;
    top: .4rem;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
}

.integral-banner .title img {
    margin-right: .1rem;
    width: .3rem;
}

.integral-banner .record {
    margin-top: .4rem;
    padding-right: .25rem;
    text-align: right;
}

.integral-banner .record a {
    color: #fff;
    position: relative;
    z-index: 1;
}

.integral-banner .record img {
    width: .24rem;
}

.integral-banner .record span {
    font-size: .26rem;
}

.integral-banner .number {
    margin-top: .15rem;
    font-size: .8rem;
    line-height: .8rem;
}

.integral-banner .number img {
    width: .52rem;
    vertical-align: middle;
}

.integral-banner .number span {
    vertical-align: middle;
}

.integral-banner .fast-sign-in {
    margin: .3rem auto .3rem;
    display: block;
    width: 70%;
    line-height: .8rem;
    color: #9F642E;
    font-size: .3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9ebd2));
    background: linear-gradient(to bottom, #ffffff, #f9ebd2);
    border-radius: .4rem;
}

.integral-banner .condition {
    line-height: .6rem;
    font-size: .24rem;
}

.integral-detail {
    margin: 0;
    width: 100%;
    border-radius: 0;
}

.integral-detail .data {
    background: transparent;
    font-size: .5rem;
    color: #333;
}

.integral-detail .border-r:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
}

.integral-detail li:after {
    display: none;
}

.exchange-type {
    margin-top: .14rem;
    height: 3.28rem;
    background: #fff;
}

.exchange-type .left {
    padding: .4rem;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.exchange-type .left img {
    width: 1.75rem;
}

.exchange-type .title {
    font-size: .28rem;
    color: #333;
}

.exchange-type small {
    font-size: .2rem;
    color: #999;
}

.exchange-type .right .main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.exchange-type .right .icon img {
    width: 1.22rem;
}

.exchange-type .right .list {
    padding: 0 .4rem;
    height: 1.62rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.exchange-type .right .list:last-child {
    border-top: 1px solid #eee;
}

.good-gift {
    margin-top: .2rem;
    padding: .18rem .38rem;
}

.good-gift .good-gift-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.good-gift .good-gift-list a {
    margin-top: .3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 48%;
    height: 3.2rem;
    text-align: center;
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 0.15rem 0px #e6e6e6;
    box-shadow: 1px 1px 0.15rem 0px #e6e6e6;
    border-radius: .2rem;
}

.good-gift .good-gift-list a img {
    width: 1.21rem;
}

.good-gift .good-gift-list a p {
    margin-top: -1.5rem;
}

#schedule-box {
    width: 100%;
    margin: 0 auto;
    padding: 35px 20px 15px;
    font-size: 13px;
}

.schedule-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
}

.today {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.ul-box {
    margin-top: 15px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ul-box > li {
    width: 14.28%;
    text-align: center;
    padding: 5px 0;
}

.week-ul {
    color: #B6A674;
}

.other-month {
    color: #999999;
}

.current-month {
    color: #333333;
}

.today-style {
    border-radius: 50%;
    background: #58d321;
}

.arrow {
    cursor: pointer;
}

.dayStyle {
    display: inline-block;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    text-align: center;
    line-height: .45rem;
    cursor: pointer;
}

.current-month > .dayStyle:hover {
    background: #00BDFF;
    color: #ffffff;
}

.today-flag {
    background: #B6A674;
    color: #fff;
}

.selected-style {
    background: #00BDFF;
    color: #ffffff;
}

.calendar {
    position: relative;
    padding: .6rem 0 .25rem;
    text-align: center;
    background: linear-gradient(91deg, #f8dcaa 0%, #ecbf8a 100%);
    border-radius: .14rem .14rem 0 0;
}

.calendar .calendar-title {
    font-size: .3rem;
    color: #fff;
}

.calendar small {
    font-size: .24rem;
    color: #f2f2f2;
}

.account-info {
    margin-top: .6rem;
    text-align: center;
}

.account-info p {
    font-size: .3rem;
    color: #333;
}

.account-info strong {
    font-size: .8rem;
    color: #F87D07;
}

.choose-recharge {
    margin-top: .75rem;
    padding: 0 .33rem;
}

.choose-recharge .title {
    margin-bottom: .4rem;
    color: #333;
    font-size: .3rem;
}

.choose-recharge .recharge-ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.choose-recharge .recharge-ul li {
    margin-bottom: .22rem;
    width: 30%;
    height: 1.35rem;
    text-align: center;
    color: #333;
    font-size: .3rem;
    background: #EDEDED;
    border-radius: .1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.choose-recharge .recharge-list li.active {
    border: 1px solid #F06B00;
    color: #F06B00;
}

.choose-recharge .recharge-list li.active small {
    color: #F06B00;
}

.choose-recharge .recharge-list li small {
    color: #666;
    font-size: .3rem;
}

.choose-recharge .recharge-handle li.block {
    width: 100%;
}

.choose-recharge .recharge-handle li.block input {
    width: 100%;
    border: none;
    background: #EDEDED;
    font-size: .3rem;
    text-align: center;
    outline: none;
}

.choose-recharge .recharge-handle li.block.select {
    padding: 0 .3rem;
    text-align: left;
    font-size: .3rem;
    background: #fff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.choose-recharge .recharge-handle li.block.select span {
    color: #F87D07;
}

.choose-recharge .recharge-handle .button {
    width: 100%;
    line-height: 1.35rem;
    font-size: .3rem;
    text-align: center;
    color: #fff;
    background: #F87D07;
    border-radius: .1rem;
}

.recruit-banner {
    margin-top: -1rem;
    padding: 0 .32rem;
    height: 5.5rem;
    overflow: hidden;
    background: linear-gradient(125deg, #f8dcaa, #ecbf8a);
}

.recruit-banner .recruit-inp {
    position: relative;
    margin-top: 1.38rem;
}

.recruit-banner .recruit-inp input {
    height: .8rem;
    font-size: .3rem;
    border: none;
    outline: none;
}

.recruit-banner .recruit-inp input[type=text] {
    padding: 0 .2rem;
    -webkit-box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    background: #fff;
    border-radius: .1rem;
}

.recruit-banner .recruit-inp input[type=button] {
    position: absolute;
    right: .01rem;
    top: 0;
    padding: 0 .4rem;
    color: #fff;
    background: linear-gradient(-45deg, #e8ca98, #9b7039);
    outline: none;
    border-radius: 0 .1rem .1rem 0;
}

.recruit-banner .personal {
    margin-top: .5rem;
    color: #A67A45;
    font-size: .34rem;
    text-align: center;
}

.recruit-banner .apply-invite-code {
    margin: .2rem auto 0;
    width: 50%;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    background: #ffffff;
    border-radius: .1rem;
}

.recruit-banner .apply-invite-code a {
    font-size: .24rem;
    color: #A67A45;
    text-decoration: underline;
}

.recruit-banner .tips {
    margin-top: .2rem;
    font-size: .24rem;
    font-weight: 500;
    color: #AB834B;
    text-align: center;
}

.recruit-task {
    margin-top: .5rem;
    padding: .32rem;
}

.recruit-task .title {
    font-size: .34rem;
    font-weight: 800;
    color: #333333;
}

.recruit-task .cur_energy {
    margin-left: .4rem;
}

.recruit-task .recruit-list {
    margin-top: .5rem;
    padding: .3rem;
    background: #fff;
    -webkit-box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    border-radius: .1rem;
}

.recruit-task .recruit-list .recruit-item:not(:last-child) {
    margin-bottom: .4rem;
}

.recruit-task .recruit-list .icon {
    margin-right: .2rem;
    width: .9rem;
}

.recruit-task .recruit-list .icon img {
    width: 100%;
}

.recruit-task .recruit-list .top {
    font-size: .28rem;
    color: #333;
}

.recruit-task .recruit-list .bottom {
    margin-top: .1rem;
    font-size: .24rem;
    font-weight: 500;
    color: #949494;
}

.recruit-task .recruit-list .game-btn a {
    padding: .21rem;
}

.recruit-task .sub {
    padding-right: 0;
}

.recruit-task .sub a {
    font-weight: normal;
    font-size: .26rem;
    color: #939393;
}

.energy-banner {
    position: relative;
    margin-top: -1rem;
    height: 6.06rem;
    background: url(../images/energy-banner.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.energy-banner .treasure-box {
    margin: 2.8rem auto;
    display: block;
    width: 2.36rem;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.energy-list {
    position: absolute;
    top: 1.5rem;
    left: 2.7rem;
    width: 1.2rem;
    text-align: center;
    -webkit-animation: float 1s linear alternate infinite;
    animation: float 1s linear alternate infinite;
}

.energy-list .name {
    font-size: .24rem;
    color: #FFF0C7;
}

.energy-list .energy-value {
    margin: .1rem auto 0;
    width: .75rem;
    height: .75rem;
    font-size: .3rem;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.energy-list .energy-value.status1 {
    color: #F1930E;
    line-height: .68rem;
    background: #FFF0C7;
    border: 2px solid #FFF0C7;
}

.energy-list .energy-value.status2 {
    color: #FFF0C7;
    line-height: .55rem;
    background: transparent;
    border: 2px solid #FFF0C7;
}

.energy-list span {
    position: absolute;
    left: 0;
    bottom: -0.08rem;
    padding: 0 .1rem;
    font-size: .2rem;
    color: #F1930E;
    background: #FFF0C7;
    border-radius: .25rem;
}

.energy-progress {
    height: 1.4rem;
    overflow: hidden;
    background: linear-gradient(45deg, #f8dcaa, #ecbf8a);
}

.energy-progress .title {
    position: relative;
    padding: 0 .11rem 0 .28rem;
    font-size: .26rem;
    color: #D6A373;
    line-height: 1.4rem;
}

.energy-progress .title:after {
    content: "";
    display: block;
    position: absolute;
    top: 15%;
    right: 0;
    width: 1px;
    height: 70%;
    border-right: 1px dashed #333;
}

.energy-progress li {
    position: relative;
    z-index: 3;
}

.energy-progress li i {
    display: block;
    width: .52rem;
    line-height: .52rem;
    height: .52rem;
    text-align: center;
    font-size: .2rem;
    font-style: normal;
    color: #FFF0C7;
    background: #D6A373;
    border-radius: 50%;
}

.energy-progress li i.active {
    background: #AF865F;
}

.energy-progress .total-detail {
    margin-top: 0;
    padding: 0 .1rem;
}

.energy-progress .total-detail li progress {
    height: .05rem;
}

.energy-progress .total-detail li progress::-webkit-progress-value {
    background: #AF865F;
}

.energy-progress .total-detail li progress::-webkit-progress-bar {
    background: #D6A373;
}

.rule {
    overflow: hidden;
}

.rule .title {
    padding-top: .8rem;
    font-size: .34rem;
    text-align: center;
    color: #fff;
    text-indent: .2rem;
    height: 2.11rem;
    background: url(../images/rule_top.png) no-repeat;
    background-size: 100% 100%;
}

.rule .rule-main {
    padding: 0 .4rem;
}

.rule .rule-main p {
    margin-top: .4rem;
    font-size: .26rem;
    color: #333;
    line-height: .48rem;
}

.rule .rule-main table {
    margin-top: .4rem;
    width: 100%;
}

.rule .rule-main table thead th {
    height: .6rem;
    padding: 0;
    font-size: .28rem;
}

.rule .rule-main table tbody td {
    height: .6rem;
    text-align: center;
    font-size: .26rem;
}

.rule .rule-bottom {
    margin-top: -0.7rem;
    width: 100%;
}

.mounth-recharge {
    margin: 1.23rem auto 0;
    padding: .51rem .61rem .68rem .63rem;
    width: 98%;
    height: 2.23rem;
    background: url(../images/mounth_recharge.png) no-repeat;
    background-size: 100% 100%;
}

.mounth-recharge .avatar {
    width: .96rem;
    height: .96rem;
}

.mounth-recharge .avatar img {
    width: 100%;
    border-radius: 50%;
}

.mounth-recharge .username {
    padding: 0 .15rem 0 .2rem;
    font-size: .26rem;
    color: #AA824A;
}

.mounth-recharge .recharge-time {
    font-size: .26rem;
    text-align: right;
    color: #FFF0C7;
}

.mounth-recharge .recharge-amount {
    margin-top: .05rem;
    font-size: .6rem;
    color: #AA824A;
}

.lottery-box {
    margin-top: .2rem;
    padding: 0 .33rem;
}

.lottery-box .ljcz-title {
    color: #333;
    font-size: .28rem;
}

.lottery-box .tips {
    margin-top: .6rem;
    padding: 0 .2rem;
    line-height: .6rem;
    color: #AA824A;
    background: #efe1cb;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lottery-box .tips img {
    width: .3rem;
}

.lotter-main {
    position: relative;
    margin: .3rem auto;
    padding: .17rem;
    width: 6.34rem;
    height: 6.34rem;
    border: 0.04rem solid #aa824a;
    border-radius: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lotter-main table {
    width: 100%;
}

.lotter-main table * {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
}

.lotter-main table tr td:nth-child(2) {
    text-align: center;
}

.lotter-main table tr td:nth-child(3) {
    text-align: right;
}

.lottery-list {
    display: inline-block;
    width: 1.9rem;
    height: 1.9rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../images/lotter_bg.png) no-repeat;
    background-size: 100% 100%;
}

.lottery-list .lottery_icon {
    margin: .28rem auto 0;
    width: 1.1rem;
    text-align: center;
}

.lottery-list .lottery_icon img {
    width: 100%;
}

.lottery-list p {
    position: absolute;
    bottom: .2rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: #AA824A;
    font-size: .26rem;
}

.lottery-unit.active .lottery-list {
    background-image: url(../images/lotter_bg_on.png);
}

.lottery-start {
    position: relative;
    margin: .1rem auto !important;
    display: block;
    width: 1.9rem;
    height: 1.9rem;
}

.lottery-start img {
    width: 100%;
}

.lottery-start p {
    position: absolute;
    bottom: .3rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .26rem;
    color: #fff;
}

.lottery-start p span {
    color: #FF0000;
}

.lottery-unit-7 .lottery-list,
.lottery-unit-3 .lottery-list {
    margin: .1rem 0 !important;
}

.my-benefit {
    height: 4.47rem;
}

.my-benefit .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.my-benefit .info .detail {
    margin-top: .15rem;
}

.my-benefit .info .detail .name {
    margin-right: .3rem;
}

.chart {
    height: 4.6rem;
}

.chart li:after {
    display: none;
}

.dashed {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 11;
    background: url(../images/sjx_sx.png) no-repeat 95% 0.54rem;
    background-size: .23rem .16rem;
}

.dashed:after {
    content: "";
    position: absolute;
    top: 1.8rem;
    left: .32rem;
    display: block;
    width: 90%;
    height: 2px;
    border-bottom: 2px dotted #C99B69;
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
}

.dashed .content {
    position: absolute;
    width: .6rem;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dashed .content .number {
    padding: .02rem .15rem;
    font-size: .28rem;
    color: #B68148;
    background: linear-gradient(45deg, #f8dcaa, #ecbf8a);
    border-radius: .05rem;
}

.dashed .content .avat {
    margin: .1rem 0;
    width: .54rem;
    height: .7rem;
    background: url(../images/location.png) no-repeat;
    background-size: 100% 100%;
}

.dashed .content .circle {
    width: .22rem;
    height: .22rem;
    background: url(../images/circle.png) no-repeat;
    background-size: 100% 100%;
}

.dashed .vip8 {
    top: -0.75rem;
    right: .28rem;
}

.dashed .vip7 {
    top: -0.43rem;
    right: 1rem;
}

.dashed .vip6 {
    top: -0.15rem;
    right: 1.7rem;
}

.dashed .vip5 {
    top: 0.15rem;
    right: 2.38rem;
}

.dashed .vip4 {
    top: 0.42rem;
    right: 3.1rem;
}

.dashed .vip3 {
    top: 0.72rem;
    right: 3.8rem;
}

.dashed .vip2 {
    top: 1.01rem;
    right: 4.48rem;
}

.dashed .vip1 {
    top: 1.3rem;
    right: 5.15rem;
}

.dashed .vip0 {
    top: 1.55rem;
    right: 5.85rem;
}

.vip-chart {
    padding: 0 .2rem;
    width: 100%;
    height: 3.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vip-chart .number {
    font-size: .2rem;
}

.vip-chart li {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ABABAB;
}

.vip-chart li .bar {
    display: inline-block;
    background: #E9E9E9;
}

.vip-chart li .grade {
    font-size: .26rem;
}

.vip-chart li .grade.active {
    color: #AB834B;
}

.vip-chart li.active {
    color: #A67A45;
}

.vip-chart li.active .bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#f8dca9), to(#ebbf8a));
    background: linear-gradient(to bottom, #f8dca9, #ebbf8a);
}

.vip-chart li.active .grade.active {
    color: #AB834B;
}

.vip-chart li:nth-child(1) .bar {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
}

.vip-chart li:nth-child(2) .bar {
    width: .2rem;
    height: .28rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(3) .bar {
    width: .2rem;
    height: .38rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(4) .bar {
    width: .2rem;
    height: .65rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(5) .bar {
    width: .2rem;
    height: .92rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(6) .bar {
    width: .2rem;
    height: 1.3rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(7) .bar {
    width: .2rem;
    height: 1.61rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(8) .bar {
    width: .2rem;
    height: 1.95rem;
    border-radius: .09rem;
}

.vip-chart li:nth-child(9) .bar {
    width: .2rem;
    height: 2.28rem;
    border-radius: .09rem;
}

.rank-benefit {
    padding: 0;
}

.rank-benefit .toggle-rank {
    position: relative;
    padding: .3rem;
    border-bottom: 1px solid #E9E9E9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rank-benefit .toggle-rank .title {
    text-align: center;
    font-size: .34rem;
    color: #AB834B;
}

.rank-benefit .rank-benefit-list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .68rem .25rem .5rem;
}

.rank-benefit .rank-benefit-list .rank-benefit-item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.3333%;
    height: 1.2rem;
    text-align: center;
}

.rank-benefit .rank-benefit-list .rank-benefit-item p {
    margin-top: .24rem;
    font-size: .28rem;
    color: #888888;
}

.rank-benefit .rank-benefit-list .margin {
    margin: .79rem auto;
}

.rank_icon {
    background: url(../images/rank_icon.png) no-repeat;
    background-size: 119px 30px;
}

.rank_prev {
    height: 29px;
    width: 29px;
    background-position: 0 0;
}

.rank_next {
    height: 29px;
    width: 30px;
    background-position: -29px 0;
}

.rank_prev_h {
    height: 30px;
    width: 30px;
    background-position: -59px 0;
}

.rank_next_h {
    height: 30px;
    width: 30px;
    background-position: -89px 0;
}

.benefit_item_icon {
    background: url(../images/benefit_item_icon.png) no-repeat;
    background-size: 597px 35px;
    display: inline-block;
}

.benefit_item7_on {
    height: 35px;
    width: 30px;
    background-position: 0 0;
}

.benefit_item7 {
    height: 35px;
    width: 30px;
    background-position: -30px 0;
}

.benefit_item3_on {
    height: 33px;
    width: 31px;
    background-position: -60px 0;
}

.benefit_item1 {
    height: 35px;
    width: 31px;
    background-position: -91px 0;
}

.benefit_item3 {
    height: 33px;
    width: 31px;
    background-position: -122px 0;
}

.benefit_item1_on {
    height: 35px;
    width: 31px;
    background-position: -153px 0;
}

.benefit_item2 {
    height: 31px;
    width: 31px;
    background-position: -184px 0;
}

.benefit_item2_on {
    height: 31px;
    width: 31px;
    background-position: -215px 0;
}

.benefit_item8 {
    height: 30px;
    width: 33px;
    background-position: -246px 0;
}

.benefit_item8_on {
    height: 30px;
    width: 33px;
    background-position: -279px 0;
}

.benefit_item5_on {
    height: 34px;
    width: 33px;
    background-position: -312px 0;
}

.benefit_item5 {
    height: 34px;
    width: 33px;
    background-position: -345px 0;
}

.benefit_item4_on {
    height: 34px;
    width: 34px;
    background-position: -378px 0;
}

.benefit_item4 {
    height: 34px;
    width: 34px;
    background-position: -412px 0;
}

.benefit_item6_on {
    height: 32px;
    width: 37px;
    background-position: -446px 0;
}

.benefit_item6 {
    height: 32px;
    width: 37px;
    background-position: -483px 0;
}

.benefit_item9_on {
    height: 34px;
    width: 38px;
    background-position: -521px 0;
}

.benefit_item9 {
    height: 34px;
    width: 38px;
    background-position: -559px 0;
}

.db-condition {
    position: relative;
    margin: 1rem .4rem 0;
    text-align: center;
    font-size: .26rem;
    color: #AA824A;
}

.db-condition:after {
    content: "";
    position: absolute;
    top: .17rem;
    left: 0;
    width: 100%;
    border-top: 1px solid #E5CFA7;
}

.db-condition span {
    position: relative;
    z-index: 3;
    padding: 0 .3rem;
    background: #fff;
}

.db-condition span:before,
.db-condition span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: .1rem;
    height: .1rem;
    background: #E5CFA7;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.db-condition span:before {
    left: 0;
}

.db-condition span:after {
    right: 0;
}

.winner-list {
    margin: 0 auto;
    padding: 0 .23rem;
    width: 90%;
    height: 1.74rem;
    background: #fff;
    -webkit-box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    box-shadow: 0px 0.02rem 0.07rem 0.05rem rgba(56, 38, 17, 0.11);
    border-radius: .1rem;
    overflow: hidden;
}

.scroll {
    margin-top: .48rem;
    height: .5rem;
    font-size: .26rem;
    border: 0.02rem solid #aa824a;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.scroll li {
    padding: 0 .2rem;
    line-height: .5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.scroll img {
    width: .26rem;
}

.scroll .username {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scroll .gift-name,
.scroll .time {
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scroll .gift-name span {
    color: #AA824A;
}

.winner-record-text {
    margin-top: .15rem;
    text-align: center;
}

.winner-record-text img {
    width: .32rem;
    vertical-align: middle;
}

.winner-record-handle {
    color: #AA824A;
    vertical-align: middle;
    text-decoration: underline;
}

.act-rule {
    margin-top: .67rem;
    padding: 0 5% .3rem;
    background: #fff;
}

.act-rule .title {
    margin-bottom: .37rem;
    font-size: .28rem;
    color: #333;
}

.act-rule p {
    margin-bottom: .25rem;
    font-size: .22rem;
    color: #888;
}

.total-recharge {
    margin-top: .21rem;
    padding: 0 .33rem;
}

.total-recharge .title {
    color: #333;
    font-size: .28rem;
}

.total-detail {
    margin-top: .3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.total-detail i {
    display: block;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #CBCBCB;
}

.total-detail .active i {
    background: #AA824A;
}

.total-detail .progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.total-detail .progress progress {
    display: block;
    width: auto;
    background: #fff;
    height: .04rem;
}

.total-detail .progress progress::-webkit-progress-value {
    background: #AF865F;
}

.total-detail .progress progress::-webkit-progress-bar {
    background: #CBCBCB;
}

.total-detail li {
    position: relative;
}

.total-detail li p {
    position: absolute;
    left: -0.42rem;
    text-align: center;
    width: 1.2rem;
}

.shade-content.record {
    padding-bottom: .2rem;
    width: 95%;
    background: url(../images/record_layer_bg.png) no-repeat;
    background-size: 100%;
}

.winner-record-layer {
    margin: 1rem .2rem .2rem .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    height: calc(100% - 1.2rem);
}

.winner-record-table {
    width: 100%;
    text-align: center;
    border: 1px solid #E7C591;
}
.winner-record-layer tbody {
    display: block;
    height: 3rem;
    overflow-y: auto;
}
.winner-record-layer thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.winner-record-layer tbody tr td:nth-child(1) {
    width: 22%;
}
.winner-record-table tbody tr td:nth-child(4){
    width: 32%;
}

.winner-record-table * {
    margin: 0;
    padding: 0;
}

.winner-record-table tr {
    position: relative;
}

.winner-record-table th {
    position: relative;
    height: .52rem;
    font-size: .26rem;
    color: #976820;
    background: #E7C591;
    border: none;
    border-bottom: 1px solid #E7C591;
}

.winner-record-table th:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    height: 60%;
    border-right: 1px solid #D1A665;
}

.winner-record-table th:nth-child(1) {
    width: 22%;
}

.winner-record-table th:nth-child(1) {
    width: 22%;
}

.winner-record-table th:nth-child(1) {
    width: 22%;
}

.winner-record-table th:nth-child(4) {
    width: 32%;
}

.winner-record-table td {
    height: .7rem;
    font-size: .2rem;
    color: #976820;
    border: none;
    border-bottom: 1px solid #E7C591;
}

.select-times {
    margin: .32rem .4rem 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.select-times em {
    font-style: normal;
    font-size: .26rem;
    color: #666666;
}

.lottery-condition {
    height: auto;
}

.lottery-condition .lottery-condition-list {
    padding: .29rem .4rem .4rem .4rem;
    line-height: .5rem;
    font-size: .26rem;
    color: #AA824A;
}

.rotate-bg {
    width: 100%;
}

.awardGift {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
}

.awardGift img {
    width: 100%;
}

.award-gift-item {
    position: absolute;
    z-index: 9;
    text-align: center;
}

.award-gift-item img {
    width: 1.2rem;
}

.award-gift-item p {
    margin: -0.1rem auto 0;
    width: 1.2rem;
    color: #AA824A;
    font-size: .24rem;
    font-weight: 700;
    text-align: center;
}

.award-gift-item6 {
    top: -0.05rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.award-gift-item7 {
    top: .6rem;
    right: 2%;
    -webkit-transform: translateX(-50%) rotate(50deg);
    transform: translateX(-50%) rotate(50deg);
}

.award-gift-item0 {
    top: 50%;
    right: 3%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.award-gift-item1 {
    top: 63%;
    left: 76%;
    -webkit-transform: translateX(-50%) rotate(130deg);
    transform: translateX(-50%) rotate(130deg);
}

.award-gift-item2 {
    top: 74%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
}

.award-gift-item3 {
    top: 66%;
    left: 22%;
    -webkit-transform: translateX(-50%) rotate(215deg);
    transform: translateX(-50%) rotate(215deg);
}

.award-gift-item4 {
    top: 50%;
    left: 3%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.award-gift-item5 {
    top: .6rem;
    left: 24%;
    -webkit-transform: translateX(-50%) rotate(-50deg);
    transform: translateX(-50%) rotate(-50deg);
}

.awardBox .start {
    position: absolute;
    width: 30%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.awardBox .start img {
    width: 100%;
}

.desk-bg {
    margin: 0 auto 0;
    padding: 0 1.15rem;
    width: 5.24rem;
    height: 2.74rem;
    background: url(../images/desk_bg.png) no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.desk-bg .dice {
    width: .93rem;
    height: .93rem;
    background-image: url(../images/dice.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 -0.06rem;
}

.desk-bg .dice1 {
    background-position: 0 -0.06rem;
}

.desk-bg .dice2 {
    background-position: 0 -1.06rem;
}

.desk-bg .dice3 {
    background-position: 0 -2.06rem;
}

.desk-bg .dice4 {
    background-position: 0 -3.06rem;
}

.desk-bg .dice5 {
    background-position: 0 -4.11rem;
}

.desk-bg .dice6 {
    background-position: 0 -5.16rem;
}

.desk-bg .dice7 {
    background-position: 0 -6.22rem;
}

.desk-bg .dice8 {
    background-position: 0 -7.3rem;
}

.desk-bg .dice9 {
    background-position: 0 -8.38rem;
}

.select-jf {
    margin-top: .26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.select-jf a {
    width: 1.6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #AA824A;
    text-align: center;
    border: 1px solid #AA824A;
    border-radius: .4rem;
}

.select-jf a.active {
    background: url(../images/select_jf.png) no-repeat;
    background-size: 100%;
    border: none;
}

.select-dx {
    margin-top: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.select-dx a {
    width: 1.6rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .4rem;
    color: #AA824A;
    text-align: center;
    border-radius: .4rem;
    border: 1px solid #AA824A;
}

.select-dx a:first-child {
    margin-right: .3rem;
}

.select-dx a.active {
    height: .81rem;
    line-height: .75rem;
    background: url(../images/select_dx.png) no-repeat;
    background-size: 100%;
    border: none;
}

.dice-start {
    margin: .2rem auto 0;
    display: block;
    width: 2.6rem;
    height: .81rem;
    font-size: .4rem;
    color: #fff;
    line-height: .71rem;
    text-align: center;
    background: url(../images/dice_start.png) no-repeat;
    background-size: 100%;
}


.game-content {
    position: relative;
    margin-top: .5rem;
    width: 100%;
}

.game-content img {
    width: 100%;
}

.game-goods-wrap {
    position: absolute;
    top: .53rem;
    left: .6rem;
    right: 0;
    bottom: 0;
    width: 4.1rem;
    height: 1.83rem;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    overflow: hidden;
}

.game-goods-wrap:before {
    position: absolute;
    top: -1PX;
    right: 0;
    bottom: 1PX;
    left: -1PX;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    width: 101%;
    height: 100%;
    content: "";
    box-shadow: 0 1.25rem 1.25rem -1.25rem #000 inset;
    z-index: 12;
}

.game-goods-wrap:after {
    position: absolute;
    top: 1PX;
    right: 0;
    bottom: -1PX;
    left: -1PX;
    width: 101%;
    height: 100%;
    box-shadow: 0 -1.25rem 1.25rem -1.25rem #000 inset;
    z-index: 12;
    content: "";
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.game-goods-list {
    height: 100%;
    overflow: hidden;
}

.game-goods {
    position: absolute;
    width: 32%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
}

.game-goods:first-child {
    left: -33.5%;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
}

.game-goods:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.game-goods:last-child {
    left: 100%;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}

.game-goods-box {
    height: 60%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.game-goods-ul {
    position: relative;
    top: 0;
    font-size: 0;
    z-index: 10;
}

.game-goods-ul li {
    position: relative;
    width: 100%;
}

.game-goods-ul li img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 90%;
    width: auto;
}

.play {
    transition-duration: 5500ms;
    transform: translate(0px, -3263.91px) translateZ(0px);
}

.no-login-game-btn {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    height: 32%;
}

.game-btns {
    position: absolute;
    top: 2.8rem;
    left: 1.18rem;
    width: 2.72rem;
    height: .8rem;
    background: url(../images/lhj_start.png) no-repeat;
    background-size: 100%;
}

.gift-table {
    margin: .5rem auto;
    width: 92%;
    border: none;
}

.gift-table th {
    background: #FFF0C7;
    font-size: .30rem;
    height: .45rem;
    color: #AF865F;
}

.gift-table td {
    text-align: center;
    font-size: .26rem;
}

/* 顶部返回 */
.navGoback {
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 0%, #FDFDFD 3.44%, #F5F5F5 100%);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    left: 0;
    font-size: .36rem;
    color: #333;
}

.navGoback img {
    width: .48rem;
    height: .48rem;
    position: absolute;
    left: .3rem;
    top: 50%;
    margin-top: -0.24rem;
}

.line1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 个人资料 */
.modify {
    padding-top: .88rem;
    height: 100%;
    background: #F5F5F5;
}

.modify .the_one, .modify .the_two, .modify .the_three {
    background: #fff;
    padding: 0 .3rem;
    margin-bottom: 0.2rem;
}

.modify .li_data {
    height: 1.2rem;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: .34rem;
    line-height: 1.2rem;
}

.modify .li_data:last-child {
    border-bottom: 0;
}

.modify .li_data .fr {
    position: relative;
    width: 70%;
    text-align: right;
    font-size: .26rem;
    height: 100%;
    color: #999;
    padding-right: .48rem;
    background: url(../images/nav_next_icon.png) no-repeat right center;
    background-size: .48rem .48rem;
}

.modify .li_data .fr img {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    float: right;
    margin-top: .2rem;
    margin-right: .34rem;
}

.modify input {
    outline: none;
    border: none;
    box-sizing: border-box;
    display: block;
    height: 100%;
}

#file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}

.modify .the_two .fr {
    width: 30%;
}



.modify .botbtn {
    position: fixed;
    bottom: .4rem;
    width: 6.9rem;
    height: .9rem;
    border-radius: 7px;
    border: 1px solid #ccc;
    left: 50%;
    margin-left: -3.45rem;
    line-height: .9rem;
    text-align: center;
    font-size: .34rem;
    color: #FF5353;
}

.modify .nc {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    display: none;
}

.modify .nc .bg {
    background: #fff;
    width: 5.9rem;
    border-radius: 10px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .6rem .4rem .4rem;
}

.modify .nc .nc_close {
    width: .48rem;
    height: .48rem;
    top: .2rem;
    right: .2rem;
    position: absolute;
}

.modify .nc .tit {
    text-align: center;
    font-size: .4rem;
    color: #333;
}

.modify .nc .tip {
    font-size: .3rem;
    color: #999;
    text-align: center;
}

.modify .nc input {
    width: 100%;
    display: block;
    margin: 0.6rem auto 0.9rem;
    border-radius: 5px;
    background: rgba(180, 180, 180, 0.2);
    padding: 0 0.3rem;
    font-size: 0.34rem;
    color: #666;
    height: .8rem;
}

.modify .nc .btn {
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    border-radius: 5px;
    background: #FFC700;
    font-size: .34rem;
    color: #333;
    border: 0;
    font-weight: 600;
}

/* 绑定，修改手机号 */
.modify_f {
    padding: 1.1rem .4rem 0;
}

.modify_f .t1 {
    font-size: .36rem;
    color: #000;
    font-weight: 600;
    margin-bottom: .06rem;
}

.modify_f .t2 {
    font-size: .2rem;
    color: #333;
    margin-bottom: .5rem;
}

.modify_f .phoneli {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    padding-left: .7rem;
    background: url(../images/login_icon3.png) no-repeat .23rem center;
    background-size: .35rem .45rem;
    margin-bottom: .36rem;
    box-shadow: 0rem 0rem 8px rgba(210, 210, 210, 0.8);
    border-radius: 5px;
}

.modify_f .phoneli input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .1rem;
    font-size: .24rem;
    display: block;
    height: 100%;
    border: none;
    outline: none;
}

.modify_f .phoneEms {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
}

.modify_f .phoneEms .input {
    width: 4.5rem;
    float: left;
    padding: 0 .1rem;
    font-size: .24rem;
    padding-left: .7rem;
    background: url(../images/login_icon4.png) no-repeat .2rem center;
    background-size: .41rem .32rem;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0rem 0rem 8px rgba(210, 210, 210, 0.8);
}

.modify_f .phoneEms input {
    width: 100%;
    display: block;
    height: 100%;
    border: none;
    outline: none;
    padding-left: .1rem;
}

.modify_f .phoneEms .btn {
    width: 1.75rem;
    height: .8rem;
    float: right;
    line-height: .8rem;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #FFC700;
    font-size: .3rem;
    border: 0;
}

.modify_f .setbtn {
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: .36rem;
    background: #FFC700;
    margin: .75rem auto 0;
}

.modify_t {
    padding: 1.1rem .4rem 0;
    display: none;
}

.modify_t .t1 {
    color: #333;
    font-size: .2rem;
    margin-bottom: .06rem;
}

.modify_t .t2 {
    font-size: .34rem;
    color: #FFC700;
    margin-bottom: .4rem;
}

.modify_t .phoneli {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    padding-left: .7rem;
    background: url(../images/login_icon3.png) no-repeat .23rem center;
    background-size: .35rem .45rem;
    margin-bottom: .2rem;
}

.modify_t .phoneli input {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 0 .1rem;
    font-size: .24rem;
}

.modify_t .t3 {
    font-size: .2rem;
    color: #ccc;
}

.modify_t .setbtn {
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: .36rem;
    background: #FFC700;
    margin: 1.5rem auto 0;
}

/* 实名 */
.shiming {
    padding: .88rem .4rem 0;
}

.shiming .t1 {
    margin-top: .3rem;
    font-size: .36rem;
    color: #000;
    font-weight: 600;
    margin-bottom: .06rem;
}

.shiming .t2 {
    color: #333;
    font-size: .2rem;
    margin-bottom: .5rem;
}

.shiming .nameli {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    padding-left: .67rem;
    background: url(../images/login_icon2.png) no-repeat .24rem center;
    background-size: .37rem .37rem;
    margin-bottom: .36rem;
    border-radius: 5px;
    box-shadow: 0rem 0rem 8px rgba(210, 210, 210, 0.8);
}

.shiming .cardli {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    padding-left: .67rem;
    background: url(../images/login_icon5.png) no-repeat .17rem center;
    background-size: .41rem .36rem;
    border-radius: 5px;
    box-shadow: 0rem 0rem 8px rgba(210, 210, 210, 0.8);
}

.shiming input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .1rem;
    display: block;
    border: none;
    outline: none;
    height: 100%;
    font-size: .24rem;
}

.shiming .setbtn {
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: .36rem;
    background: #FFC700;
    margin: 1.5rem auto 0;
}

/* 设置支付密码 */
.setmima {
    padding: .88rem 0 0;
}

.setmima .notPhone img {
    width: 1.7rem;
    height: 2.07rem;
    display: block;
    margin: 2.4rem auto .5rem;
}

.setmima .notPhone .t1 {
    text-align: center;
    font-size: .34rem;
    color: #333;
    margin-bottom: .1rem;
}

.setmima .notPhone .t2 {
    text-align: center;
    padding: 0 1.2rem;
    font-size: .26rem;
    color: #666;
}

.setmima .notPhone .setbtn {
    position: fixed;
    width: 6.9rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    border-radius: 5px;
    font-size: .34rem;
    color: #333;
    font-weight: 600;
    background: #FFC700;
    bottom: .4rem;
    left: 50%;
    margin-left: -3.45rem;
}

.setmima .havePhone {
    padding-top: 2.8rem
}

.setmima .havePhone .tip_txt {
    text-align: center;
    font-size: .34rem;
    color: #333;
    margin-bottom: .3rem;
}

.setmima .havePhone .mmBox {
    width: 5.64rem;
    height: .94rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    display: flex;
}

.setmima .havePhone .mmBox .li {
    width: .94rem;
    height: .94rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
}

.setmima .havePhone .mmBox .li:last-child {
    border: 0;
}

.setmima .havePhone .inputBox {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}

.setmima .havePhone .inputBox::after {
    content: "";
    display: block;
    clear: both;
}

.setmima .havePhone .inputBox .li {
    width: 33.333%;
    height: 1.08rem;
    text-align: center;
    line-height: 1.08rem;
    background: #fff;
    color: #000;
    font-size: .46rem;
    float: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.setmima .havePhone .inputBox .li:nth-child(3n) {
    border-right: 0;
}

.setmima .havePhone .inputBox .li.black {
    background: #eee;
}

.setmima .havePhone .inputBox .li img {
    width: .45rem;
    height: .34rem;
    vertical-align: initial;
}

.setmima .havePhone .setbtn {
    position: fixed;
    width: 6.9rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    border-radius: 5px;
    font-size: .34rem;
    color: #333;
    font-weight: 600;
    background: #FFC700;
    bottom: .4rem;
    left: 50%;
    margin-left: -3.45rem;
    display: none;
}

/* 我的消息 */
.messageList {
    padding-top: .88rem;
}

.messageList .li {
    background: #fff;
    margin-bottom: .2rem;
    padding: .3rem;
}

.messageList .li:last-child {
    margin-bottom: 0;
}

.messageList .li .t1 .l {
    max-width: 75%;
    float: left;
    color: #333;
    font-size: .34rem;
    padding-right: .2rem;
    position: relative;
}

.messageList .li .t1 .l span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: .13rem;
    height: .13rem;
    border-radius: 50%;
    background: #FF6B00;
}

.messageList .li .t1 .r {
    float: right;
    font-size: .22rem;
    color: #999;
}

.messageList .li .t2 {
    margin-top: .12rem;
    color: #999;
    font-size: .26rem;
}

.messageDetail {
    padding: .88rem 0 .4rem;
    min-height: 100%;
    border-bottom: .12rem solid #FFD001;
}

.messageDetail .top_tit {
    height: 2.12rem;
    background: url(../images/messegDetail_bg.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: .6rem;
}

.messageDetail .top_tit .tit {
    font-size: .48rem;
    padding: 0 .1rem;
    color: #333;
    text-align: center;
}

.messageDetail .top_tit .time {
    position: absolute;
    bottom: .3rem;
    right: .3rem;
    font-size: .24rem;
    color: #666;
}

.messageDetail .con {
    padding: .4rem .3rem;
}

.messageDetail .bot {
    text-align: right;
    padding-right: .3rem;
    font-size: .3rem;
    color: #333;
}

.messageDetail .bot img {
    width: 1.26rem;
    height: .4rem;
}


/*2020-04-17 vip特权改版 start*/
/*http://hd.7477.me/Mvip/index.vip*/
.vip-v2-box {
    margin: 0 auto;
    max-width: 750px;
    min-width: 320px;
    background: #FFFFFF;
    padding-bottom: .8rem;
}

.vip-v2-box .person-info-box {
    height: 5.9rem;
    padding: .2rem .4rem 0 .4rem;
    background: url(../images/vip-top-bg.png) no-repeat;
    background-size: contain;
    position: relative;
}

.vip-v2-box .btn-pre {
    width: 1.08rem;
    height: .6rem;
    display: block;
    background: rgba(255, 255, 255, 0.1);
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    position: absolute;
    left: 0;
}

.vip-v2-box .btn-pre:before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-top: .03rem solid #ffffff;
    border-right: .03rem solid #ffffff;
    transform: rotate(-135deg) translateY(-50%);
    left: .46rem;
    top: .09rem;
}

.vip-v2-box .userinfo-box {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vip-v2-box .userinfo-box .question {
    width: .48rem;
    height: .48rem;
    position: absolute;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 -.5rem;
    left: -.52rem;
    top: 0;

}

.vip-v2-box .userinfo-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vip-v2-box .userinfo-text .username-text {
    margin-right: .16rem;
    font-size: .36rem;
    line-height: .5rem;
    color: #FFFFFF;
    flex-shrink: 0;
}

.vip-v2-box .userinfo-text .user-level {
    height: .36rem;
    padding: .02rem .14rem;
    font-weight: 600;
    font-size: .28rem;
    line-height: .32rem;
    color: #2F1F1F;
    background: linear-gradient(137.49deg, #FFC989 34.57%, #FFE1B5 91.36%);
    border-bottom-left-radius: .12rem;
    border-top-right-radius: .12rem;
}

.vip-v2-box .userinfo-box .growth-value {
    margin-top: .2rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #CCCCCC;
    position: relative;
}


.vip-v2-box .userinfo-box .growthnum {
    color: #FF6B00;
}

.person-info-box .upgrade-tips {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.person-info-box .upgrade-text {
    font-size: .24rem;
    line-height: .34rem;
    color: #FFFFFF;
}

.person-info-box .level-text {
    padding: .04rem .09rem .02rem .2rem;
    font-size: .2rem;
    line-height: .26rem;
    color: #FEC721;
    background: rgba(255, 255, 255, 0.1);
    border-radius: .3rem;
    position: relative;
}

.person-info-box .level-text:before {
    content: "";
    position: absolute;
    width: .48rem;
    height: .48rem;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 -.96rem;
    left: -.25rem;
    top: -.08rem;
}

.person-info-box .progress-box {
    width: 6.7rem;
    height: .08rem;
    margin-top: .4rem;
    border-radius: .32rem;
    display: block;
    color: #FFC889;
    background-color: #433535;

}

.person-info-box .progress-box::-webkit-progress-bar {
    background-color: #433535;
    border-radius: 0.2rem;
}

.person-info-box .progress-box::-webkit-progress-value {
    background-color: #FFC889;
    border-radius: 0.2rem;
}

.vip-v2-box .square-box {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    margin-top: -1.36rem;
    background: #FFFFFF;

}

.vip-v2-box .square-box .double-box {
    width: 6.7rem;
    height: 6rem;
    box-shadow: 0px 2px 13.0224px rgba(0, 0, 0, 0.0383442), 0px 0px 104px rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
    padding: .22rem .38rem .36rem .4rem;
}

.vip-v2-box .square-box .server-box {
    margin-top: .4rem;
}
.vip-v2-box .square-box .server-box .li{
    margin-right: .38rem;
}
.vip-v2-box .double-box .box-con {
    display: flex;
    flex-flow: column;
}

.vip-v2-box .box-con .title {
    margin-bottom: .18rem;
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}

.vip-v2-box .ul-con {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: .4rem;
}

.vip-v2-box .ul-con.ul2 {
    margin-top: .3rem;
}

.vip-v2-box .ul-con .li {
    margin-right: .46rem;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.vip-v2-box .ul-con .li:last-child {
    margin-right: 0;
}

.vip-v2-box .li .img-icon {
    width: .68rem;
    height: .68rem;
    background: url(../images/vip_privilege_icon.png) no-repeat;
    background-size: .68rem 8.16rem;
}

.vip-v2-box .li .text-ti {
    margin-top: .42rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #333333;
}

.vip-v2-box .li .unlock-text {
    margin-top: .04rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #999999;
}

.vip-v2-box .li .icon1 {
    background-position: 0 -2.75rem;
}

.vip-v2-box .li .icon2 {
    background-position: 0 -3.4rem;
}

.vip-v2-box .li .icon3 {
    background-position: 0 -2.08rem;
}

.vip-v2-box .li .icon4 {
    background-position: 0 -.68rem;
}

.vip-v2-box .li .icon5 {
    background-position: 0 -1.34rem;
}

.vip-v2-box .li .icon6 {
    background-position: 0 -4.06rem;
}

.vip-v2-box .li .icon7 {
    background-position: 0 0;
}

.vip-v2-box .li .icon8 {
    background-position: 0 -7.48rem;
}

.vip-v2-box .li .icon9 {
    background-position: 0 -6.12rem;
}

.vip-v2-box .li .icon10 {
    background-position: 0 -4.78rem;
}

.vip-v2-box .li .icon11 {
    background-position: 0 -5.45rem;
}

.vip-v2-box .li .icon12 {
    background-position: 0 -6.8rem;
}

.vip-v2-box .bottom-box {
    width: 6.7rem;
    margin: 0 auto;
    margin-top: .4rem;
    padding-left: .4rem;
}

.vip-v2-box .bottom-box .kf {
    display: block;
    font-size: .32rem;
    line-height: .44rem;
    color: #333333;
    padding: .34rem .4rem .34rem 0;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

.vip-v2-box .bottom-box .kf:after {
    content: "";
    position: absolute;
    width: .15rem;
    height: .15rem;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(45deg) translateY(-50%);
    right: .72rem;
    top: .54rem;
}

.vip-v2-box .work-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .34rem .6rem .34rem 0;
}

.vip-v2-box .work-time .text {
    font-size: .32rem;
    line-height: .44rem;
    color: #333333;
}

.vip-v2-box .work-time .time-text {
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
}

.bottompoptab {
    width: 100%;
    border-top-left-radius: .45rem;
    border-top-right-radius: .45rem;
    position: fixed;
    bottom: -9.32rem;
    z-index: 3;
    background: #ffffff;

}

.bottompoptab .gray-close {
    width: .8rem;
    height: .8rem;
    margin: 0 auto;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 -1.92rem;
}

.shadow-full {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    top: 0;
    z-index: 2;
    display: none;
}

.shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    top: 0;
    z-index: 4;
    display: none;
}

.bottompoptab .privilege-box {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.bottompoptab .privilege-box .privilege-icon {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/vip_privilege_icon_big.png) no-repeat;
    background-size: 1.6rem 19.2rem;
}

.bottomtab1 .privilege-icon {
    background-position: 0 -4.78rem !important;
}

.bottomtab2 .privilege-icon {
    background-position: 0 -6.5rem !important;
}

.bottomtab3 .privilege-icon {
    background-position: 0 -8.1rem !important;
}

.bottomtab4 .privilege-icon {
    background-position: 0 0 !important;
}

.bottomtab5 .privilege-icon {
    background-position: 0 -1.56rem !important;
}

.bottomtab6 .privilege-icon {
    background-position: 0 -3.2rem !important;
}

.bottomtab7 .privilege-icon {
    background-position: 0 -14.3rem !important;
}

.bottomtab8 .privilege-icon {
    background-position: 0 -15.96rem !important;
}

.bottomtab9 .privilege-icon {
    background-position: 0 -17.58rem !important;
}

.bottomtab10 .privilege-icon {
    background-position: 0 -9.6rem !important;
}

.bottomtab11 .privilege-icon {
    background-position: 0 -11.18rem !important;
}

.bottomtab12 .privilege-icon {
    background-position: 0 -12.76rem !important;
}


.bottompoptab .privilege-box .title {
    margin-top: .2rem;
    font-size: .4rem;
    line-height: .56rem;
    color: #333333;
}

.bottompoptab .privilege-box .text {
    margin-top: .04rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
}

.bottompoptab .text-con {
    margin-top: .8rem;
    margin-bottom: .6rem;
    padding: 0 .4rem;
}

.bottompoptab .text-con .li {
    font-size: .28rem;
    line-height: .4rem;
    color: #333333;
    text-indent: 0.3rem;
    position: relative;
}

.bottompoptab .text-con .li:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    border: 1px solid #000000;
    transform: rotate(45deg);
    left: .04rem;
    top: .1rem;
}

.bottompoptab .text-con .li.weight {
    font-weight: 600;
}

.bottompoptab .text-con .li:nth-child(n+2) {
    margin-top: .32rem;
}

.bottompoptab .btn-a {
    display: block;
    width: 5.1rem;
    height: .88rem;
    margin: 0 auto;
    font-size: .36rem;
    line-height: .88rem;
    text-align: center;
    color: #FFFFFF;
    background: #FF6B00;
    border-radius: .08rem;

}

.fixed-height-box {
    height: 8.52rem;
    overflow-y: auto;
}

.vip-card-box {
    width: 6.7rem;
    height: 2.16rem;
    margin: 0 auto .4rem auto;
    padding: .2rem .28rem .2rem .28rem;
    background: #434343;
    border: 1px solid #CC9F57;
    border-radius: .16rem;
    position: relative;
}

.vip-card-box .card-tag {
    width: 2.26rem;
    height: .38rem;
    font-size: .2rem;
    line-height: .38rem;
    text-align: center;
    color: #886D43;
    background: linear-gradient(90deg, #FBE19C 2.65%, #E8C07A 92.92%);
    border-radius: 0 .14rem 0 .14rem;
    position: absolute;
    right: 0;
    top: 0;
}

.vip-card-box .card-tag.tag2 {
    width: 1.04rem;
    height: .38rem;
}

.vip-card-box .sybnum {
    font-size: .36rem;
    line-height: .5rem;
    color: #E2A531;
}

.sybnum .num {
    font-weight: 500;
    font-size: .56rem;
    line-height: .68rem;
}

.get-recoed-day {
    height: .6rem;
    font-size: .3rem;
    line-height: .6rem;
    color: #333333;
}


.vip-card-box .btn-lq {
    width: 2.02rem;
    height: .6rem;

    font-size: .32rem;
    line-height: .6rem;
    text-align: center;

    border-radius: .08rem;
    position: absolute;
    right: .22rem;
    top: 1.06rem;
}

.vip-card-box.geted .btn2,
.vip-card-box.get .btn3 {
    display: none;
}

.vip-card-box.year-card.geted .btn2,
.vip-card-box.year-card.get .btn3 {
    display: none;
}

.vip-card-box .btn-lq.btn2 {
    color: #FFFFFF;
    background: #FF6B00;
    border: 1px solid #FF6B00;
}

.vip-card-box .btn-lq.btn3 {
    color: #999999;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.numhl {
    color: #FF6B00;
}

.vip-card-box .card-ti {
    font-size: .28rem;
    line-height: .4rem;
    color: #FFFFFF;
}

.vip-card-box .card-price-box {
    margin-top: .04rem;
    margin-bottom: .04rem;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.or-price {
    margin-right: .08rem;
    font-weight: 600;
    font-size: .44rem;
    line-height: .44rem;
    color: #ECC990;
}

.or-price .icon {
    font-size: .24rem;
    line-height: .32rem;
}

.pr-price {
    font-weight: 500;
    font-size: .27rem;
    line-height: .35rem;
    color: #CCCAC4;
    text-decoration-line: line-through;
}

.vip-card-box .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vip-card-box .card-intro {
    width: 5.3rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #FFFFFF;

}

.vip-card-box .hook {
    width: .48rem;
    height: .48rem;
    border: 1px solid #FF9900;
    border-radius: 50%;
    position: relative;
    display: none;
}

.sel.vip-card-box,
.purchased.vip-card-box {
    background: #FFFAEE;
}

.sel.vip-card-box .card-ti,
.purchased.vip-card-box .card-ti {
    color: #666666;
}

.sel.vip-card-box .or-price {
    color: #E2A531;
}

.sel.vip-card-box .card-intro {
    color: #333333;
}

.sel.vip-card-box .hook {
    display: block;
}

.vip-card-box .hook:before {
    content: "";
    position: absolute;
    width: .08rem;
    height: .16rem;
    border-color: #FF9900;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: .16rem;
    top: .1rem;
}


.vip-card-box.purchased .tag1,
.vip-card-box.purchased .or-price,
.vip-card-box.purchased .pr-price,
.vip-card-box.purchased .card-intro,
.vip-card-box.purchased .hook {
    display: none;
}

.vip-card-box.nopurchased .tag2,
.vip-card-box.nopurchased .sybnum,
.vip-card-box.nopurchased .get-recoed-day,
.vip-card-box.nopurchased .btn-lq {
    display: none;
}

.foundcard-cardpayway-box {
    display: flex;
    flex-flow: column;
    padding: 0 .4rem;
    margin-bottom: .8rem;
}

.foundcard-cardpayway-box .sel-text {
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
}

.foundcard-cardpayway-box .payway {
    height: .88rem;
    margin-top: .2rem;
    font-size: .36rem;
    line-height: .88rem;
    text-align: center;
    color: #FFFFFF;
    border-radius: .08rem;
    position: relative;
}

.foundcard-cardpayway-box .paywx {
    background: #24AF41;
}

.foundcard-cardpayway-box .paywx:before {
    content: "";
    position: absolute;
    width: .48rem;
    height: .48rem;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 0;
    left: 1.92rem;
    top: .2rem;
}

.foundcard-cardpayway-box .payzfb {
    background: #1296DB;
}

.foundcard-cardpayway-box .payzfb:before {
    content: "";
    position: absolute;
    width: .48rem;
    height: .48rem;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 -1.44rem;
    left: 1.92rem;
    top: .2rem;
}

.reward-detail-box {
    width: 6.7rem;
    padding: 0 .4rem;
    margin: .6rem auto 1rem auto;
    box-shadow: 0px .04rem .26rem rgba(0, 0, 0, 0.0383442), 0px 2px 104px rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
    background: #FFFFFF;
}

.reward-detail-box .title {
    height: .96rem;
    padding: .22rem 0 .24rem 0;
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}

.reward-detail-box .li {
    padding: .28rem 0 .28rem 0;
    border-bottom: 0.5px solid #EEEEEE;
    position: relative;
}

.reward-detail-box .li .title-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.reward-detail-box .li .ti {
    height: .4rem;
    font-size: .36rem;
    line-height: .5rem;
    margin-right: .5rem;
    color: #333333;
}

.reward-detail-box .li .level {
    padding: .04rem .09rem .02rem .3rem;
    font-size: .2rem;
    line-height: .26rem;
    border-radius: .3rem;
    color: #FF6B00;
    background: rgba(255, 92, 0, 0.1);
    position: relative;
}

.reward-detail-box .li .level:before {
    content: "";
    position: absolute;
    width: .48rem;
    height: .48rem;
    background: url(../images/img.png) no-repeat;
    background-size: .8rem 2.72rem;
    background-position: 0 -.96rem;
    left: -.2rem;
    top: -.08rem;
}

.reward-detail-box .li .reward-con {
    width: 4.5rem;
    margin-top: .15rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #ADADAD;

}

.reward-detail-box .li .btn {
    width: 1.4rem;
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    border-radius: .08rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: .48rem;
}

.reward-detail-box .li .btn1,
.reward-detail-box .li .btn3,
.reward-detail-box .li .btn4 {
    border: 1px solid #CCCCCC;
    color: #999999;
    background: #FFFFFF;
}

.reward-detail-box .li .btn2 {
    border: 1px solid #FF6B00;
    color: #FFFFFF;
    background: #FF6B00;
}

.reward-detail-box .li.unlock .btn2,
.reward-detail-box .li.unlock .btn3,
.reward-detail-box .li.unlock .btn4,
.reward-detail-box .li.get .btn1,
.reward-detail-box .li.get .btn3,
.reward-detail-box .li.get .btn4,
.reward-detail-box .li.geted .btn1,
.reward-detail-box .li.geted .btn2,
.reward-detail-box .li.geted .btn4,
.reward-detail-box .li.unable .btn1,
.reward-detail-box .li.unable .btn2,
.reward-detail-box .li.unable .btn3 {
    display: none;
}

.limit-bottom {
    height: 1.2rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #9F9F9F;
    background: #F5F5F5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.voucher-list .li {
    width: 6.7rem;
    height: 1.56rem;
    margin: 0 auto .6rem auto;
    border-radius: .12rem;
    border: 1px solid #EEEEEE;
    position: relative;
    display: flex;
    justify-content: flex-start

}

.voucher-list .li .left {
    width: 1.74rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.voucher-list .li .left:before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-bottom: 2px solid #EEEEEE;
    border-top: 2px solid #ffffff;
    background: #FFFFFF;
    border-radius: 50%;
    right: -.14rem;
    top: -.12rem;
}

.voucher-list .li .left:after {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #EEEEEE;
    background: #FFFFFF;
    border-radius: 50%;
    right: -.14rem;
    bottom: -.12rem;
}

.tip-voucher {
    margin-bottom: .38rem;
    font-size: .24rem;
    line-height: .34rem;
    text-align: center;
    color: #999999;
}

.voucher-list .li .amount-num {
    font-weight: 500;
    font-size: .4rem;
    line-height: .7rem;
    color: #FF6B00;
}

.voucher-list .li .amount-num .icon {
    font-size: .4rem;
}

.voucher-list .li .tag {
    width: 2.24rem;
    height: .38rem;
    font-weight: 600;
    font-size: .2rem;
    line-height: .38rem;
    color: #886D43;
    text-align: center;
    background: linear-gradient(90deg, #FBE19C 2.65%, #E8C07A 92.92%);
    border-radius: 0 .11rem 0 .11rem;
    position: absolute;
    right: 0;
    top: 0;
}

.voucher-list .li .right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.voucher-list .li .right:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 1rem;
    background: #EEEEEE;
    left: .02rem;
    top: .28rem;
}

.voucher-list .li .con {
    font-size: .36rem;
    line-height: .5rem;

    color: #333333;
}

.voucher-list .li .limit {
    font-size: .2rem;
    line-height: .28rem;
    color: #999999;
}

.voucher-list .right .r-box {
    width: 4.96rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.voucher-list .right .con-box {
    margin-left: .3rem;
}

.voucher-list .double-btn {
    font-size: .28rem;
    line-height: .6rem;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.voucher-list .li.geted .double-btn,
.voucher-list .li.gived .double-btn,
.voucher-list .li.gived .btn1,
.voucher-list .li.geted .btn2,
.voucher-list .li.clickable .btn {
    display: none;
}

.voucher-list .li .btn {
    width: 2rem;
    height: .6rem;
    border: 1px solid #CCCCCC;
    border-radius: .08rem;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #999999;
    background: #ffffff;
}

.voucher-list .btn-give {
    color: #FF6B00;
    margin-right: .2rem;
}
.voucher-list .btn-gived {
    color: #999999;
    margin-right: .2rem;
}

.voucher-list .btn-get {
    width: 1.21rem;
    height: .6rem;
    margin-right: .2rem;
    color: #FFFFFF;
    background: #FF6B00;
    border: 1px solid #FF6B00;
    border-radius: .08rem;
}
.voucher-list .btn-geted{
    width: 1.21rem;
    height: .6rem;
    margin-right: .2rem;
    color: #999999;
    background: #FFffff;
    border: 1px solid #cccccc;
    border-radius: .08rem;
}

.commonlayer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.9rem;
    background: #FFFFFF;
    border-radius: .2rem;
    z-index: 5;
}

.commonlayer .title {
    padding: .16rem 0;
    font-size: .4rem;
    line-height: .56rem;
    text-align: center;
    color: #333333;

}

.commonlayer .layer-con,
.commonlayer .layer-con-box {
    padding: .4rem;
    font-size: .32rem;
    line-height: .44rem;
    color: #666666;
}
.commonlayer .layer-con{
    text-align: center;
}

.commonlayer .layer-con-box .tip-text {
    font-size: .32rem;
    line-height: .44rem;
    color: #666666;
}

.commonlayer .layer-con-box .input-box {
    width: 5.1rem;
    height: .8rem;
    padding-left: .3rem;
    margin-top: .2rem;
    background: rgba(180, 180, 180, 0.2);
    border-radius: .08rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.commonlayer .layer-con-box .input-box input {
    width: 100%;
    background: #F0F0F0;
    border: none;
    outline: none;
    list-style: none;
}

.commonlayer .double-btn {
    width: 100%;
    height: .88rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #EEEEEE;
}

.commonlayer .double-btn p {
    font-size: .36rem;
    line-height: .5rem;
    text-align: center;
    flex: 1;
}

.commonlayer .btn-cancel {
    color: #666666;
}

.commonlayer .btn-done {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6B00;
    border-left: 1px solid #EEEEEE;
}

.commonlayer .btn-close {
    width: 100%;
    height: .88rem;
    font-size: .36rem;
    line-height: .5rem;
    color: #FF6B00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #EEEEEE;
}

.invitecode-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: .72rem;
    margin-top: .8rem;
}

.invitecode-box .input-box {
    width: 4.18rem;
    height: .8rem;
    background: #F0F0F0;
    border-radius: .08rem;
    margin-right: .3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: .3rem;
}

.invitecode-box .input-box.error {
    background: rgba(255, 45, 85, 0.1);
    border: 1px solid #FF2D55;
}

.invitecode-box .input-box.error input::-webkit-input-placeholder {
    color: #FF3E24;
}

.invitecode-box .input-box.error input::-moz-input-placeholder {
    color: #FF3E24;
}

.invitecode-box .input-box.error input::-ms-input-placeholder {
    color: #FF3E24;
}

.invitecode-box .input-box.error .invitecode {
    background: #FFEAEE;
}

.invitecode-box .input-box .invitecode {
    background: #F0F0F0;
    border: none;
    outline: none;
}

.invitecode-box .btn-invite-code {
    width: 1.6rem;
    height: .8rem;
    background: #FF6B00;
    border: 1px solid #FF6B00;
    border-radius: .08rem;
    font-size: .32rem;
    line-height: .36rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-invitecode-text {
    height: .56 rrem;
    margin-top: .74rem;
    font-size: .4rem;
    line-height: .56rem;
    text-align: center;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-invitecode-box {
    width: 6.06rem;
    height: 1.66rem;
    margin: .26rem auto 0 auto;
    background: #FCFCFC;
    border-radius: .08rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-invitecode-box .text {
    font-size: .32rem;
    line-height: .44rem;
    text-decoration-line: underline;
    color: #FF6B00;
}

.my-invitecode-box .text-code {
    font-size: .52rem;
    line-height: .6rem;
    color: #FF6B00;
    display: none;
}

.invitecode-box-tip {
    height: .4rem;
    margin: .36rem 0 .6rem 0;
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
    text-align: center;
}

.recruit-reward-box {
    width: 6.7rem;
    padding: .22rem .4rem 0 .4rem;
    margin: 0 auto;
    margin-bottom: .64rem;
    background: #FFFFFF;
    box-shadow: 0px .04rem .26rem rgba(0, 0, 0, 0.0383442), 0 .04rem 2.08rem rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
}

.recruit-reward-box .title {
    margin-bottom: .4rem;
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}

.recruit-reward-box .li {
    padding: .4rem 0;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
}

.recruit-reward-box .li .title-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.recruit-reward-box .title-box .ti {
    margin-right: .16rem;
    font-size: .32rem;
    line-height: .44rem;
    color: #333333;
}

.recruit-reward-box .title-box .text {
    padding: 0 .1rem;
    font-size: .24rem;
    line-height: .34rem;
    color: #FF6B00;
    background: rgba(255, 107, 0, 0.1);
    border-radius: .04rem;
}

.recruit-reward-box .reward-con {
    width: 4.5rem;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .34rem;
}

.recruit-reward-box .btn {
    width: 1.4rem;
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    border-radius: .08rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: .54rem;
    background: #ffffff;
}

.recruit-reward-box .li .btn1 {
    border: 1px solid #CCCCCC;
    color: #999999;
}

.recruit-reward-box .li .btn2 {
    border: 1px solid #FF6B00;
    color: #FF6B00;
}

.recruit-reward-box .li .btn3 {
    background: #FF6B00;
    border: 1px solid #FF6B00;
    color: #FFFFFF;
}

.recruit-reward-box .li.geted .btn2,
.recruit-reward-box .li.geted .btn3,
.recruit-reward-box .li.unable .btn1,
.recruit-reward-box .li.unable .btn3,
.recruit-reward-box .li.get .btn1,
.recruit-reward-box .li.get .btn2 {
    display: none;
}

.birthday .con {
    padding: .58rem 0 .4rem 0;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    position: relative;
}

.birthday .con .close {
    position: absolute;
    font-size: .64rem;
    line-height: .64rem;
    color: #666666;
    right: .2rem;
    top: .2rem;
}

.birthday .con .birthday_bg {
    width: 4.04rem;
    height: 2.1rem;
    background: url(../images/birthday.png) no-repeat;
    background-size: contain;
}

.birthday .con .title {
    margin-top: .4rem;
    font-size: .4rem;
    line-height: .56rem;
    color: #333333;
}

.birthday .con .text-con {
    padding: 0 .4rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #666666;
}

.birthday .con .btn {
    width: 5.1rem;
    height: .88rem;
    margin-top: .98rem;
    text-align: center;
    font-size: .36rem;
    line-height: .88rem;
    color: #FFFFFF;
    background: #FF6B00;
    border-radius: .08rem;
}

/*2020-04-17 vip特权改版 end*/

.panel-title {
    font-size: .44rem;
    font-weight: normal;
}

.join-form {
    margin: .2rem auto 0;
    width: 80%;
}

.form-group {
    position: relative;
    padding-bottom: .2rem;
    display: flex;
    align-items: flex-end;
    height: 1.2rem;
    border-bottom: 1px solid #eee;
}

.form-group label {
    font-size: .32rem;
    color: #333;
    flex-shrink: 0;
}

.form-group input {
    padding-left: .2rem;
    font-size: .28rem;
    border: none;
    outline: none;
    flex: 1;
}

.form-group .imgcode {
    position: absolute;
    right: 0;
    bottom: .2rem;
    width: 1.5rem;
    height: .6rem;
}

.form-group .getsms {
    position: absolute;
    right: 0;
    bottom: .2rem;
    border: none;
    outline: none;
    background-color: transparent;
    color: #FF6B00;
}

.form-group.resize {
    height: auto;
}

.form-group textarea {
    resize: none;
    width: 100%;
    font-size: .28rem;
    border: none;
    outline: none;
}

.join-form .tips {
    font-size: .24rem;
    color: #999;
}

.join-form .submit {
    width: 100%;
    height: .9rem;
    color: #fff;
    background-color: #FF6B00;
    border: none;
    border-radius: .12rem;
}

/*20200722 */
    /*"我的"*/
.cur-level{
    font-weight: 600;
    font-size: .28rem;
    line-height: .34rem;
    text-align: center;
    padding: 0 .2rem;
    color: #481E00;
    background: url(../images/icon_level.png) no-repeat;
    background-size: contain;

}
.assets > li p:nth-child(1) {
    font-weight: 600;
    font-size: .44rem;
    line-height: .74rem;
    color: #333333;
    position: relative;
}
.assets > li:nth-child(1) p:nth-child(1):before{
    content: '';
    width: 1px;
    height: .96rem;
    background: #CCCCCC;
    position: absolute;
    top: .16rem;
    right: 0;
}
.commonfunc{
    width: 6.7rem;
    height: 2.98rem;
    padding-top: .4rem;
    background: #FFFFFF;
    border-radius: .16rem;
    margin: 0 auto;
    margin-top: .4rem;
}
.commonfunc .ti{
    padding-left: .4rem;
    font-weight: 600;
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}
.commonfunc .icon-box{
    display: flex;
    justify-content: space-between;
    padding: 0 .46rem;
    margin-top: .21rem;
}
.commonfunc .icon{
    width: .96rem;
    height: .96rem;
    background: url(../images/commonfunc_icon.png) no-repeat;
    background-size: .96rem 3.84rem;
    background-position: 0 -.96rem;

}
.commonfunc .icon1{
    background-position: 0 -1.92rem;
}
.commonfunc .icon2{
    background-position: 0 -2.88rem;
}
.commonfunc .icon3{
    background-position: 0 0;
}
.commonfunc  .icon-a{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.commonfunc  .icon-a p:nth-child(2){
    margin-top: .11rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #666666;
}
.commonfunc.moreservice .icon{
    background: url(../images/moreservic.png) no-repeat;
    background-size: .96rem 3.84rem;
    background-position: 0 -.96rem;
}
.commonfunc.moreservice .icon1{
    background-position: 0 -1.92rem;
}
.commonfunc.moreservice .icon2{
    background-position: 0 -2.88rem;
}
.commonfunc.moreservice .icon3{
     background-position: 0 0;
 }
.gzh-follow{
    width: 6.7rem;
    height: 2.45rem;
    background: #FFFFFF;
    border-radius: .16rem;
    margin: 0 auto;
    margin-top: .4rem;
    background: url(../images/gzh_follow.png) no-repeat;
    background-size: contain;
}
    /*积分页面*/
.area-cell{
    padding: .4rem;
    display: flex;
    justify-content: space-between;

}
.area-cell .left{
    width: 2.6rem;
    height: 3.66rem;
    padding-top: .3rem;
    border-radius: .2rem;
    background: #FFFFFF;
    position: relative;
}
.area-cell .left p:nth-child(1){
    padding-left: .2rem;
    font-weight: 900;
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}
.area-cell .left p:nth-child(2){
    padding-left: .2rem;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .34rem;
    position: relative;

}
.area-cell .left p:nth-child(2):before{
    content: '';
    width: .96rem;
    height: 3px;
    background: #333333;
    position: absolute;
    top: .76rem;
    left: .2rem;
}
.area-cell .left .img {
    width: 2.25rem;
    height: 1.4rem;
    background: url(../images/integral2-2.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: .16rem;
}
.area-cell .right{
    display: flex;
    flex-flow: column;
}
.area-cell .right a{
    width: 3.9rem;
    height: 1.74rem;
    background: #ffffff;
    border-radius: .2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.area-cell .right a:nth-child(2){
    margin-top: .16rem;
}
.area-cell .right .icon1{
    width: .99rem;
    height: .99rem;
    background: url(../images/area-cell_icon1.png) no-repeat;
    background-size: contain;
}
.area-cell .right .icon2{
    width: .99rem;
    height: .99rem;
    background: url(../images/area-cell_icon2.png) no-repeat;
    background-size: contain;
}
.area-cell .right .ti{
    font-weight: 900;
    font-size: .36rem;
    line-height: .5rem;
    color: #FF737D;
}
.area-cell .right .text{
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .34rem;
    color: #808080;
}
.area-cell .right a:nth-child(2) .ti{
    color: #8DC971;
}
.luck-game .ti{
    padding-left: .4rem;
    font-weight: 900;
    font-size: .44rem;
    line-height: .62rem;
    color: #333333;
}
.luck-game .list{
    width: 6.7rem;
    height: 1.6rem;
    margin: .2rem auto .48rem auto;
    background: #ffffff;
    border-radius: .2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.luck-game .list a{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.luck-game .list .icon{
    width: .76rem;
    height: .77rem;
    background: url(../images/luck_game_icon.png) no-repeat;
    background-size: .76rem 3.08rem;
    background-position: 0 -.74rem;
}
.luck-game .list .icon1{
    background-position: 0 -1.54rem;
}
.luck-game .list .icon2{
    background-position: 0 -2.26rem;
}
.luck-game .list .icon3{
    background-position: 0 0;
}
.luck-game .list a p:nth-child(2){
    margin-top: .14rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #666666;
}
    /*设置*/
.record-tab{
	margin: 10px auto;
	width: 75%;
}
.record-tab p{
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	color: #999;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.record-tab p:nth-child(1){
	border-radius: 5px 0 0 5px;
	border-right: none;
}
.record-tab p:nth-child(2){
	border-radius: 0 5px 5px 0;
	border-left: none;
}
.record-tab p.on{
	color: #333;
	background-color: #FFD001;
	border: none;
}
.record-content ul{
	padding: 0 20px;
}
.record-content li{
	padding: 20px 0 10px;
	border-bottom: 1px solid #eee;
}
.record-content li .name{
	font-size: 16px;
}
.record-content li .cdkcode{
	margin-top: 6px;
	font-size: 12px;
	color: #999;
}
.record-content li .copy{
	padding: 6px 10px;
	font-size: 14px;
	color: #999;
	border: 1px solid #999;
	border-radius: 5px;
}
.record-content .line-top{
	font-size: 16px;
}
.record-content .line-top .time{
	font-size: 12px;
	color: #999;
	flex-shrink: 0;
}
.record-content .line-bottom{
	margin-top: 6px;
	font-size: 12px;
	color: #999;
}
/*修改支付密码页面*/
.chenkphone-box{
    padding: 1.1rem .8rem 0;
}
.chenkphone-box .h1-text{
    font-weight: 600;
    font-size: .4rem;
    line-height: .5rem;
    color: #333333;
}
.chenkphone-box .h6-text{
    margin-top: .08rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #333333;
}
.chenkphone-box .code-box{
    margin-top: .6rem;
    padding-left: .3rem;
    width: 100%;
    height: .8rem;
    background: rgba(180, 180, 180, 0.2);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chenkphone-box .code-box img{
    width: 1.8rem;
    height: 100%;
    display: block;
    border-radius: 0 5px 5px 0;
}
.chenkphone-box .code-box input{
    border: none;
    background: transparent;
    outline: none;
}
.chenkphone-box .code-s {
    width: 2rem;
    text-align: center;
    font-size: .28rem;
    line-height: .8rem;
    color: #FF7B01;
}
.chenkphone-box .btn{
    width: 100%;
    height: .8rem;
    margin-top: 1.2rem;
    background: #FFC700;
    border-radius: 7px;
    font-size: .34rem;
    line-height: .8rem;
    text-align: center;
    border: none;
    outline: none;
    color: #333333;
}
/* 特惠礼包 */
.special{
	margin-top: 30px;
	padding: 0 20px;
}
.special-check li{
	margin-bottom: 20px;
	padding: 10px 20px;
	border: 1px solid #eee;
}
.special-item-top{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.special-item-bottom{
	padding-top: 10px;
}
.special-name{
	font-size: 16px;
}
.special-info{
	align-items: baseline;
}
.special-info .price{
	font-size: 14px;
	color: #FB585B;
}
.special-info .price em{
	font-size: 26px;
	font-style: normal;
}
.special-info del{
	margin: 0 4px;
	font-size: 12px;
	color: #999;
}
.special-info span{
	padding: 2px 6px;
	font-size: 12px;
	color: #FF6B00;
	background-color: rgba(255, 112, 57, 0.1);
	border-radius: 3px;
}
.special-tr{
	width: 76px;
	line-height: 32px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background-color: #FFD001;
	border-radius: 4px;
}
.special-item-bottom{
	font-size: 12px;
	color: #999;
	line-height: 17px;
}
.special-item-bottom p:not(:last-child){
	margin-bottom: 10px;
}