/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/
*{
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    touch-callout:none;
}

html,body {
    font-family: "苹方";
}
img {
    pointer-events: none;
}
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    user-select: auto; /*用户是否能够选中文本*/
}
.head {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999
}
.color-red{
    color: #F24949;
}
.color-white{
    color: white;
}
.font-12{
    font-size: 12px;
}
.font-15{
    font-size: 15px;
}

.head span {
    width: 12px;
    height: 20px;
    display: block;
    position: absolute;
    padding: 12px 10px
}

.head span.set_btn {
    width: 20px;
    right: 0;
    top: 0
}

.head span.to_imgs {
    width: 40px;
    height: 44px;
    padding: 0;
    top: 0;
    right: 0;
    color: #fff;
    line-height: 44px;
    font-size: 16px
}

.head span.rich_scan {
    width: 20px;
    left: 5px;
    top: 3px
}

.head span.rich_scan img {
    margin-top: -10px
}

.head span.rich_scan b {
    font-size: 9px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 3px
}

.head span img {
    vertical-align: top
}

div.mar_top44 {
    margin-top: 44px
}

.more_box {
    position: fixed;
    top: 50px;
    right: 5px;
    padding: 0 15px;
    background: #49484b;
    border-radius: 5px
}

.more_box:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #111;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -5px;
    right: 10px
}

.more_box ul li {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #5b5b5d
}

.more_box ul li em {
    width: 15px;
    display: inline-block;
    margin-right: 10px
}

.head h1 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-align: center
}

.wrap {
    margin-top: 44px
}

.swiper-container1 img {
    width: 100%;
    height: 100%
}

.swiper-container-horizontal>.swiper-pagination {
    margin: 0;
    text-align: right;
    position: absolute;
    bottom: 5px
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border: 0;
    margin: 0 0 0 10px;
    background: #fff
}

.swiper-pagination-bullet-active {
    background: #fcb334 !important
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 15px
}

.swiper-wrapper .swiper-slide span {
    line-height: 14px;
    font-size: 12px;
    color: #333;
    text-align: center;
    display: block;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.swiper-container2 {
    background: #fff;
    padding: 5px 0
}

.swiper-container2 .swiper-slide {
    width: 25%
}

.swiper-wrapper3 .swiper-slide {
    width: 33.3%
}

.swiper-wrapper3 .swiper-slide i {
    font-size: 12px;
    color: #0084ff;
    display: block;
    text-align: center;
    font-style: normal;
    padding-top: 5px
}

.swiper-container2 .swiper-slide img {
    max-width: 55px;
    max-height: 55px;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    cursor: pointer
}

.game_bulletin {
    overflow: hidden;
    background: #fff;
    padding: 10px 30px 10px 95px
}

.game_bulletin span {
    width: 84px;
    height: 20px;
    line-height: 20px;
    display: block;
    float: left;
    margin-left: -95px;
    border-right: 1px solid #e1e1e1
}

.game_bulletin span img {
    width: 65px;
    display: block;
    margin: 3px auto 0
}

.game_bulletin em {
    width: 6px;
    display: block;
    float: right;
    margin-right: -16px;
    margin-top: -2px
}

.game_bulletin a {
    width: 100%;
    height: 20px;
    display: block;
    float: left
}

.bulletin_text {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.game_type {
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #eceaea;
    border-bottom: 5px solid #eceaea
}

.game_type_list {
    display: block;
    width: 25%;
    float: left;
    padding: 5px 0
}

.game_type_list a {
    display: block
}

.game_type_list a em {
    margin: 0 12px 6px;
    display: block
}

.game_type_list a em img {
    max-width: 55px;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px
}

.game_type_box {
    border: 0;
    width: 100%
}

.game_type_box .game_type_list a em img {
    width: 55px;
    height: 55px
}

.game_type_list a span {
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #333;
    margin: 0 5px
}

.wid5 .game_type_list {
    width: 20%
}

.wid5 .game_type_list a em img {
    width: 40px;
    height: 40px
}

.game_wrap {
    background: #fff;
    border-top: 5px solid #eceaea;
    border-bottom: 1px solid #eceaea
}

.header_top {
    height: 35px;
    background: #fff
}

.header_name {
    height: 30px;
    overflow: hidden;
    padding: 3px 10px 0;
    float: left
}

.header_name em {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 30px;
    overflow: hidden;
    vertical-align: top
}

.header_name em img {
    vertical-align: top
}

.header_name i {
    width: 115px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    color: #333;
    vertical-align: top;
    padding-left: 3px;
    font-style: normal;
    display: inline-block
}

.header_name i span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.follow {
    font-size: 12px;
    color: #fff
}

.follow a {
    width: 100px;
    display: inline-block;
    margin: 1px 85px 0 5px
}

.follow em {
    width: 40px;
    display: inline-block;
    margin-left: 5px
}

.guanzhu,
.sousuo {
    width: 40px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0;
    right: 40px;
    background: #f50
}

.guanzhu a,
.sousuo a {
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.sousuo {
    right: 0
}

.sousuo a {
    right: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/sousuo.png") no-repeat;
    background-size: 100% 100%
}

.xianshi_icon {
    width: 70px;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 9
}

.firend_play {
    padding: 10px 15px 10px 105px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.firend_head {
    width: 90px;
    height: 30px;
    float: left;
    position: relative;
    margin-left: -90px
}

.firend_head em {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: absolute
}

.firend_head em img {
    vertical-align: top
}

.firend_head em.firend_one {
    top: 0;
    left: 0;
    z-index: 9
}

.firend_head em.firend_two {
    top: 0;
    left: 20px;
    z-index: 8
}

.firend_head em.firend_three {
    top: 0;
    left: 40px;
    z-index: 7
}

.firend_name {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-align: right
}

.firend_name i.light_blue {
    max-width: 168px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal
}

.firend_name i b {
    font-weight: normal
}

.game_list {
    background: #fff;
    margin-top: 5px;
    padding-bottom: 1px
}

.game_list_box {
    padding: 10px 82px 10px 60px;
    border-bottom: 1px solid #eceaea;
    margin-left: 15px;
    position: relative
}

.game_list_box:last-child {
    border: 0
}

.game_list_box em {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    overflow: hidden
}

.game_list_box_bg em {
    background: url(../images/logo_gray.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
    overflow: hidden
}

.game_list_text h1 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.game_list_text h2 {
    font-size: 11px;
    line-height: 11px;
    color: #666;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-top: 15px
}

.game_list_text h3 {
    margin-top: 2px;
    font-size: 11px;
    color: #0084ff;
    font-weight: normal;
    display: none
}

.game_list_text h4 {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
    font-weight: normal
}

.game_list_text h4 i {
    width: 12px;
    height: 12px;
    display: inline-block
}

.game_list_text h4 i img {
    vertical-align: middle
}

.game_list_text span {
    margin-left: 5px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 10px;
    vertical-align: middle;
    border-radius: 2px
}

.game_list_text span.hot {
    color: #f9bc3a;
    border: 1px solid #f9bc3a
}

.game_list_text span.boutique {
    color: #fe484e;
    border: 1px solid #fe484e
}

.game_list_text span.package {
    color: #2697fc;
    border: 1px solid #2697fc
}

.game_list_text span.col_1 {
    color: #fcb334;
    border: 1px solid #fcb334
}

.game_list_text span.col_2 {
    color: #ff7974;
    border: 1px solid #ff7974
}

.game_list_text span.col_3 {
    color: #e050ff;
    border: 1px solid #e050ff
}

.game_list_text span.col_4 {
    color: #7eb2ff;
    border: 1px solid #7eb2ff
}

.game_list_text span.col_5 {
    color: #ff69b4;
    border: 1px solid #ff69b4
}

.game_list_text span.col_6 {
    color: #6ade86;
    border: 1px solid #6ade86
}

.game_list_text span.col_7 {
    color: #25c1dd;
    border: 1px solid #25c1dd
}

.game_list_text span.col_8 {
    color: #ff9250;
    border: 1px solid #ff9250
}

.game_list_text span.col_9 {
    color: #ff8799;
    border: 1px solid #ff8799
}

.game_list_text span.col_10 {
    color: #9987ff;
    border: 1px solid #9987ff
}

.game_list_text span.col_11 {
    color: #9d99b3;
    border: 1px solid #9d99b3
}

.game_begin a {
    width: 50px;
    height: 25px;
    line-height: 25px;
    display: block;
    border: 1px solid #999;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.game_gray a {
    border: 1px solid #999;
    color: #999
}

.tab_nav {
    border-top: 1px solid #eceaea
}

.tab_nav ul {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

.tab_nav ul li {
    width: 25%;
    float: left;
    text-align: center
}

.tab_nav_3 ul li {
    width: 33.3%
}

.tab_nav ul li a {
    height: 34px;
    line-height: 36px;
    font-size: 15px;
    color: #999;
    padding: 0 5px;
    display: inline-block;
    position: relative
}

.tab_nav ul li a b {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    top: 6px;
    right: -5px
}

.tab_nav ul li.on a {
    color: #333;
    font-weight: 700;
    border-bottom: 4px solid #fcd134
}

.tab_list {
    background: #fff
}

.tab_list .new_tab_box {
    overflow: hidden;
    position: relative;
    width: 80%;
    margin: 0 auto;
    border-radius: 3px;
    background: #fff
}

.tab_list ul.new_tab {
    margin: 6px 0;
    border: 1px solid #fcd134;
    font-size: 0;
    border-radius: 3px;
    box-sizing: border-box
}

.tab_list ul.new_tab li {
    width: 50%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #999
}

.tab_list ul.new_tab li.on {
    font-size: 15px;
    color: #333;
    background-image: linear-gradient(180deg, #ffe873 0, #fcd134 100%)
}

.tab_list .game_list:first-child {
    margin-top: 0
}

.tab_zixun {
    line-height: 20px;
    padding: 12px 60px 12px 40px;
    margin-left: 10px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    cursor: pointer
}

.tab_zixun span {
    float: left;
    margin-left: -40px
}

.tishi_lab {
    height: 20px;
    line-height: 20px;
    border: 1px solid #fe484e;
    padding: 0 5px;
    display: block;
    font-size: 12px;
    color: #fe484e;
    border-radius: 2px;
    font-style: normal;
    font-weight: normal
}

.gray_lab {
    color: #999;
    border: 1px solid #999
}

.tab_zixun em {
    font-size: 14px;
    color: #666;
    font-style: normal;
    float: right;
    margin-right: -50px;
    display: block
}

.tab_zixun p {
    width: 100%;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    float: left
}

.download_posi {
    width: 80px;
    position: absolute !important;
    top: 5px;
    right: 5px;
    z-index: 99
}

.download_posi_r {
    width: 95px;
    position: absolute !important;
    top: -5px;
    right: 0;
    z-index: 99
}

.download_posi_r span {
    width: 55px !important
}

.download_posi .zixun_data {
    margin: 0
}

.sign_tip_pop {
    width: 230px;
    position: absolute;
    top: 60px;
    right: 10px
}

.banner_top {
    padding: 0 10px;
    background: #78c7ff url(../images/ranking_bg.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.banner_top h1 {
    width: 222px;
    font-weight: normal;
    margin: 10px auto
}

.game_top_list {
    width: 33.3%;
    float: left
}

.game_top_list2 {
    max-width: 7em;
    height: 9em;
    background: url(../images/top2.png) no-repeat;
    background-size: 100% 100%;
    margin: 1em 5px 0
}

.game_top_list1 {
    max-width: 7em;
    height: 10em;
    background: url(../images/top1.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 5px 0
}

.game_top_list3 {
    max-width: 7em;
    height: 9em;
    background: url(../images/top3.png) no-repeat;
    background-size: 100% 100%;
    margin: 1em 5px 0
}

.game_top_list span {
    display: block;
    background-size: 100%;
    padding-top: 2.9em
}

.game_top_list p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 3px 2px #000;
    padding-top: 8px
}

.game_top_list span img {
    width: 3.625em;
    height: 3.625em;
    border: 1px solid #fff;
    border-radius: 1em;
    display: block;
    margin: 0 auto;
    overflow: hidden
}

.game_top_list1 span img {
    width: 4.55em;
    height: 4.55em
}

.gama_ranking .game_ranking_bor {
    margin-left: 15px;
    border-bottom: 1px solid #e1e1e1
}

.gama_ranking {
    width: 100%
}

.gama_ranking .game_list_box {
    border: 0;
    padding: 8px 82px 8px 70px;
    margin: 0
}

.gama_ranking .game_list_box em {
    width: 65px;
    height: 40px;
    margin-top: -20px
}

.gama_ranking .game_list_box em i {
    width: 25px;
    font-size: 18px;
    color: #fb6052;
    font-style: normal;
    display: inline-block;
    vertical-align: middle
}

.gama_ranking .game_list_box em img {
    width: 40px;
    height: 40px;
    border-radius: 10px
}

.gama_ranking .game_list_box .game_begin a {
    margin: 30px auto 0
}

.gama_ranking .game_ranking_list h4 {
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    font-weight: normal;
    padding: 0 15px 8px 25px
}

.gama_ranking .game_ranking_list h4 i {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle
}

.gama_ranking .game_ranking_list:last-child h4 {
    border: 0
}

.more_game {
    background: #fff;
    font-size: 13px;
    color: #0084ff;
    padding: 10px 0;
    margin-bottom: 60px;
    text-align: center
}

.rank_bg_pic {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.rank_banner {
    width: 360px;
    height: 110px;
    margin: 3px auto 0
}

.rank_bg .rank_box {
    width: 100%;
    display: inline-block
}

.gameranking {
    margin: 17px 5px;
    background: #fff;
    border: 1px solid #826030;
    border-radius: 10px;
    position: relative;
    padding-top: 25px
}

.gamerank_tit {
    width: 160px;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -80px
}

.gamerank_list_time {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #333;
    text-align: center;
    background: #ffda44;
    border-radius: 30px;
    border: 1px solid #826030;
    margin: 0 auto;
    box-shadow: 0 2px 0 #ffda44
}

.gameranking_deta {
    overflow: hidden;
    height: 24px;
    position: relative
}

.gameranking_deta p {
    font-size: 12px;
    color: #333;
    text-align: center
}

.gameranking_deta a {
    width: 60px;
    line-height: 24px;
    text-align: right;
    font-size: 12px;
    color: #0084ff;
    display: block;
    float: right;
    text-decoration: underline;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10
}

.gameranking_nav {
    margin: 0 5px
}

.gameranking_nav_list {
    width: 33.3%;
    float: left
}

.gameranking_head {
    display: table;
    margin: 0 auto;
    position: relative
}

.gameranking_head em {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: 18px auto 0;
    display: block
}

.gameranking_head em img {
    height: 100%
}

.gameranking_head p {
    width: 80px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    background: url(../images/caidai.png) 0 0 / 100% 100% no-repeat
}

.gameranking_name {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 5px;
    overflow: hidden
}

.gameranking_name i.name_box {
    width: 100%;
    max-width: initial;
    display: block;
    margin: 0 auto
}

.gameranking_name em.prev_rank {
    font-size: 10px;
    color: #0280f7;
    font-style: normal;
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle
}

.gameranking_val {
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding-top: 5px
}

.gameranking_val b {
    width: 12px;
    display: inline-block;
    margin-right: 3px
}

.gameranking_val b img {
    vertical-align: inherit
}

.rank1 .gameranking_head {
    width: 110px;
    height: 120px;
    background: url(../images/lightshield_transparent.gif) 0 0 / 100% 100% no-repeat;
    margin-top: -15px
}

.rank1 .gameranking_head em {
    width: 58px;
    height: 58px;
    margin-top: 33px
}

.rank1 .gameranking_head p {
    bottom: 10px
}

.rank1 .gameranking_name {
    padding: 0;
    margin-top: -5px
}

.rank2 .gameranking_head {
    width: 80px;
    height: 85px;
    margin-top: 10px;
    background: url(../images/rank2.png) 0 0 / 100% 100% no-repeat
}

.rank3 .gameranking_head {
    width: 80px;
    height: 85px;
    margin-top: 10px;
    background: url(../images/rank3.png) 0 0 / 100% 100% no-repeat
}

.gamerank_list {
    margin: 18px 10px 5px;
    border-top: 1px solid #e1e1e1
}

.gamerank_list_line {
    min-height: 36px;
    padding: 10px 90px 10px 0;
    margin-left: 25px;
    position: relative;
    border-bottom: 1px solid #e1e1e1
}

.gamerank_list_top {
    width: 25px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -15px;
    font-size: 14px;
    color: #333
}

.gamerank_list_con h1 {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding-top: 8px
}

.gamerank_list_con h1 i.name_box {
    max-width: 120px !important
}

.gamerank_list_con h1 b.vip_icon_pic {
    margin-left: 5px
}

.gamerank_list_con h1 em.prev_rank {
    line-height: 17px;
    font-size: 10px;
    color: #0280f7;
    font-style: normal;
    display: inline-block;
    padding-left: 3px;
    vertical-align: bottom
}

.gamerank_list_con h2 {
    line-height: 12px;
    font-size: 12px;
    color: #ff5647;
    font-weight: normal;
    padding-top: 6px
}

.gamerank_list_val {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -18px;
    overflow: hidden
}

.gamerank_list_val b {
    width: 47px;
    line-height: 55px;
    display: block;
    float: right
}

.gamerank_list_val span {
    width: inherit;
    padding: 2px;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    background: #ff5647;
    font-style: normal;
    margin: 0 15px 8px 0;
    display: block
}

.gamerank_list_val p {
    line-height: 12px;
    font-size: 12px;
    color: #333;
    text-align: right;
    margin-right: 15px
}

.gamerank_infor {
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

.gameranking_left {
    padding: 10px 0 10px 10px;
    float: left
}

.gameranking_left em {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: middle
}

.gameranking_left_text {
    display: inline-block
}

.gameranking_left_text h1 {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.gameranking_left_text h1 i {
    max-width: 70px;
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    margin-right: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.gameranking_left_text h2 {
    line-height: 14px;
    font-size: 12px;
    color: #333;
    padding-top: 5px;
    font-weight: normal
}

.gameranking_right {
    padding: 10px 10px 0 0
}

.gameranking_btn_right a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background: #ffd433;
    border-radius: 2px;
    display: block;
    font-size: 13px;
    color: #333;
    text-align: center;
    margin: 7px 0 0 10px
}

.gameranking_btn_left span {
    line-height: 12px;
    font-size: 12px;
    color: #333;
    display: block;
    padding-top: 5px;
    text-align: center
}

.gameranking_btn_left a {
    line-height: 12px;
    font-size: 12px;
    color: #0084ff;
    text-decoration: underline;
    padding-top: 8px;
    display: block
}

.gamerank_tit_top {
    line-height: 20px;
    font-size: 14px;
    color: #ff5647;
    padding: 0 10px
}

.gameranking_active_detail {
    padding: 0 10px 10px
}

.gameranking_active_detail p {
    padding-left: 22px;
    font-size: 14px;
    color: #333;
    line-height: 26px
}

.gameranking_active_detail p span {
    margin-left: -22px
}

.gameranking_btn {
    height: 45px;
    line-height: 45px;
    margin: 17px 15px 7px;
    background: #ff5e39;
    border-radius: 5px
}

.gameranking_btn a {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center
}

.play_game {
    width: 200px;
    overflow: hidden;
    margin: 10px auto 0
}

.play_game_list {
    width: 33.3%;
    float: left
}

.play_game_list em {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto
}

.play_game_list span {
    font-size: 12px;
    line-height: 14px;
    padding-top: 5px;
    color: #333;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ranking_rule {
    margin: 10px 10px 25px
}

.ranking_rule table {
    width: 100%;
    border: 1px solid #cbcbcb;
    border-collapse: collapse
}

.ranking_rule table tr {
    height: 30px;
    line-height: 30px;
    border: 1px solid #826030
}

.ranking_rule table tr th {
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    background: #ffda44;
    color: #282828;
    border: 1px solid #826030
}

.ranking_rule table tr td {
    font-size: 13px;
    text-align: center;
    border-right: 1px solid #826030;
    color: #333
}

.ranking_rule table tr th:last-child,
.ranking_rule table tr td:last-child {
    border: 0
}

.game_popup_con .rank_bg .rank_box {
    margin-top: 0
}

.game_popup_con .rank_banner {
    width: 300px;
    height: 90px;
    top: 0;
    margin-top: 0
}

.game_popup_con .rank1 .gameranking_head {
    width: 90px;
    height: 100px;
    margin-top: -5px
}

.game_popup_con .rank1 .gameranking_head em {
    width: 54px;
    height: 54px;
    margin-top: 26px
}

.game_popup_con .rank2 .gameranking_head {
    width: 70px;
    height: 75px
}

.game_popup_con .rank3 .gameranking_head {
    width: 70px;
    height: 75px
}

.game_popup_con .gamerank_list_line {
    padding: 10px 60px 10px 0
}

.game_popup_con .gamerank_list_con h1 {
    font-size: 12px
}

.game_popup_con .gamerank_list_con h1 i.name_box {
    max-width: 100px !important
}

.game_popup_con .gameranking_btn_left span {
    padding-top: 15px
}

.game_popup_con .gamerank_list_val {
    right: -12px
}

.game_popup_con .gamerank_list_val b {
    width: 44px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -22px
}

.game_popup_con .gamerank_list_val .zengzhangzhi {
    width: 55px;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    min-width: inherit;
    margin-left: 0;
    text-align: center;
    padding: 0;
    font-size: 15px
}

.game_popup_con .gamerank_list_val .zengzhangzhi:before {
    display: none
}

.game_popup_con .gameranking_active_detail_tishi {
    font-size: 12px;
    color: #fff;
    padding: 0 10px 10px;
    display: block;
    color: #fff
}

.game_popup_con .ranking_wrap {
    background: #ffda44;
    padding-bottom: 1px
}

.footer {
    width: 100%;
    background: rgba(255, 255, 255, .8);
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 99
}

.footer a {
    margin: 5px 15px;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.nav {
    margin-top: 15px
}

.nav ul {
    padding-left: 15px;
    border-bottom: 2px solid #0084ff
}

.nav ul li {
    width: 77px;
    height: 30px;
    line-height: 30px;
    float: left;
    background: #fff;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 10px;
    border: 1px solid #dddddf;
    border-bottom: 0
}

.nav ul li a {
    font-size: 12px;
    color: #666
}

.nav ul li.on {
    background: #0084ff;
    border: 1px solid #0084ff;
    border-bottom: 0
}

.nav ul li.on a {
    color: #fff
}

.game_detail {
    background: #fff
}

.game_img_box1 {
    background: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #dddddf
}

.game_img_box2 {
    margin-bottom: 10px
}

.mar10 {
    margin: 0 10px
}

.mar15 {
    margin: 0 15px
}

.game_introduce {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    margin: 0 15px;
    text-indent: 25px
}

.posi_bot {
    padding-bottom: 60px
}

.package {
    padding: 8px 85px 8px 15px;
    position: relative
}

.package_list {
    margin-bottom: 5px;
    background: #fff;
    padding: 0 15px;
    border-bottom: 1px solid #f3f3f3
}

.package {
    padding: 8px 75px 8px 0;
    border-top: 1px solid #dddddf
}

.package:first-child {
    border: 0
}

.package_list .package .receive {
    right: 0
}

.package_num h1 {
    line-height: 16px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.package_num h1 b {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #ff5647;
    font-weight: normal;
    border: 1px solid #ff5647;
    border-radius: 2px;
    padding: 0 2px;
    margin-right: 5px
}

.package_num h1 span {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    line-height: 20px
}

.package_num h2 {
    font-size: 13px;
    line-height: 14px;
    color: #666;
    font-weight: normal;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.package_over_no h1,
.package_over_no h2 {
    color: #999
}

.package_num_img {
    width: 100%;
    height: 5px;
    background: #dddddf;
    border-radius: 10px;
    position: relative;
    margin: 2px 0;
    overflow: hidden
}

.package_num_img span {
    width: 80%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #fcb334;
    border-radius: 10px
}

.package_num p {
    font-size: 12px;
    color: #666
}

.package_box .package_num_last {
    margin-top: 10px
}

.package_box .receive {
    position: static;
    top: inherit;
    right: inherit;
    margin-top: -40px;
    float: right;
    margin-right: -70px
}

.package_empty span {
    width: 90px;
    display: block;
    margin: 80px auto 5px
}

.package_empty p {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 5px
}

i.power_red {
    color: #ff3600;
    font-style: normal
}

i.red {
    color: #ed1b23;
    font-style: normal;
    vertical-align: middle
}

i.light_red {
    color: #ff5647;
    font-style: normal;
    position: relative
}

i.deep_red {
    color: #f50;
    font-style: normal
}

i.deep_blue {
    color: #416ae6;
    font-style: normal
}

i.orange {
    color: #fa6f2a;
    font-style: normal;
    vertical-align: middle
}

i.orange_red {
    color: #ff4526;
    font-style: normal;
    vertical-align: middle
}

i.pink {
    color: #f62160;
    font-style: normal
}

i.green {
    color: #2fbf43;
    font-style: normal;
    vertical-align: middle
}

i.blue {
    color: #536dfe;
    font-style: normal;
    vertical-align: middle
}

i.light_blue {
    color: #0084ff;
    font-style: normal
}

i.link_blue {
    color: #348dfc;
    font-style: normal
}

i.wathet {
    color: #4994e0;
    font-style: normal
}

i.pale_blue {
    color: #a2d2ff;
    font-style: normal;
    vertical-align: middle
}

i.pale_light_blue {
    color: #6bd2f5;
    font-style: normal;
    vertical-align: middle
}

i.col9 {
    color: #999;
    font-style: normal;
    vertical-align: middle
}

i.yellow {
    color: #fff95d;
    font-style: normal;
    vertical-align: middle
}

.col3 {
    color: #333;
    font-style: normal;
    vertical-align: middle
}

.col6 {
    color: #666;
    font-style: normal;
    vertical-align: middle
}

.receive {
    width: 50px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #fcd134;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px
}

.receive a {
    display: block;
    font-size: 13px;
    color: #333
}

.receive_over {
    background: #ccc;
    border: 1px solid #ccc
}

.receive_over a {
    color: #fff
}

.receive_over_no {
    border: 1px solid #ccc
}

.receive_over_no a {
    color: #999
}

.package_v2 {
    padding: 10px 65px 10px 70px;
    overflow: hidden
}

.jiaobiao {
    width: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.package_v2 .package_main {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    overflow: hidden;
    margin-left: -70px;
    float: left
}

.package_v2 .package_main img {
    width: 60px;
    height: 60px;
    margin: 0
}

.package_v3 {
    padding: 0;
    overflow: hidden
}

.package_v3 .list_item_1,
.package_v3 .list_item_2,
.package_v3 .list_item_3 {
    width: 100%;
    position: relative
}

.package_v3 .list_item_2,
.package_v3 .list_item_3 {
    border-top: .5px solid #ddd
}

.package_v3 .list_item_1 {
    width: 100%;
    height: 65px;
    overflow: hidden;
    background: #fff
}

.package_v3 .list_item_1 .package_main_3 {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 8px
}

.package_v3 .list_item_1 .package_main_3 img {
    width: 45px;
    height: 45px;
    margin: 0
}

.package_v3 .list_item_1 .package_num_3 {
    display: inline-block;
    width: 220px;
    overflow: hidden
}

.package_v3 .list_item_1 .package_num_3 h1 {
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0
}

.package_v3 .list_item_1 .package_num_3 h4 {
    font-weight: 400;
    font-size: 11px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 80%
}

.package_v3 .list_item_2 {
    width: 100%
}

.package_v3 .list_item_2 .package_num_3 h1 {
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0 5px 0
}

.package_v3 .list_item_2 .package_num_3 h2 {
    padding: 2px 0;
    margin-bottom: 5px;
    font-size: 12px
}

.package_v3 .list_item_2 .package_num_3>h2 {
    width: 100%;
    box-sizing: border-box;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.package_v3 .list_item_2 .package_num_3 h1 span {
    font-size: 10px;
    border: 1px solid #ff5647;
    padding: 0 1px;
    color: #ff5647
}

.package_v3 .list_item_2 .package_num_3 h1 span.deep_red {
    font-size: 10px;
    border: 1px solid #ff5647;
    padding: 0 1px;
    color: #f50
}

.package_v3 .list_item_2 .package_num_3 h1 span.deep_blue {
    font-size: 10px;
    border: 1px solid #4a6bca;
    padding: 0 1px;
    color: #4199fa
}

.package_btn_3 {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 0
}

.package_btn_3 .receive {
    right: 8px;
    margin-top: 15px
}

.package_btn_3 a {
    width: 50px;
    height: 25px;
    line-height: 25px;
    display: block;
    border: 1px solid #999;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
    margin-top: 8px
}

.list_item_2 .receive {
    top: 50%;
    right: 7px;
    width: 52px
}

a.bg_yellow {
    background: #fcd134
}

span.deep_red {
    color: #f50;
    font-style: normal;
    vertical-align: middle;
    font-size: 10px;
    border: 1px solid #ff5647;
    padding: 2px;
    border-radius: 2px
}

span.deep_blue {
    color: #416ae6;
    font-style: normal;
    vertical-align: middle;
    font-size: 10px;
    border: 1px solid #416ae6;
    padding: 2px;
    border-radius: 2px
}

.package_v3 .list_item_2 .package_num_3>div {
    font-size: 12px;
    margin-bottom: 5px
}

.package_v3 .list_item_2 .package_num_3 .progress {
    width: 130px;
    height: 5px;
    border-radius: 2.5px;
    background: #ccc;
    vertical-align: middle
}

.package_v3 .list_item_2 .package_num_3 .progress .progress_jindu {
    width: 55%;
    height: 5px;
    border-radius: 2.5px;
    background: #fcb334
}

.package_v3 .list_item_2 .package_num_3 p {
    padding: 2px 0;
    margin: 5px 0;
    font-size: 12px
}

.package_v3 .list_item_3 p {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.package_v2 .list_item_1 .package_main_2 {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    overflow: hidden;
    float: left
}

.package_v2 .package_num_2 {
    margin-left: -20px
}

.package_v2 .package_num_2 h1 {
    font-size: 14px;
    font-weight: 700;
    margin: 3px 0 5px 0
}

.package_v2 .package_num_2 h4 {
    font-weight: 400;
    padding: 0
}

.package_v2 .package_main_2 img {
    width: 45px;
    height: 45px;
    margin: 0
}

.tab_list .package_list {
    padding: 0 10px 0 15px;
    margin-bottom: 0
}

.tab_list .package_v2 {
    padding: 10px 82px 10px 60px
}

.tab_list .package_v2 .package_main {
    width: 50px;
    height: 50px;
    margin-left: -60px
}

.package_num h1 {
    font-size: 14px;
    padding: 0 0 2px
}

.package_v2 .package_num h2 {
    padding: 2px 0
}

.package_v2 .package_num h4 {
    font-size: 11px
}

.package_tishi {
    font-size: 12px
}

.package_sma .package_v2 .package_main {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.package_sma .package_v2 .package_main img {
    width: 40px;
    height: 40px
}

.package_v2 .package_num_img_box {
    padding-right: 65px;
    overflow: hidden
}

.package_v2 .package_num_img_box .package_num_img {
    float: left;
    margin: 5px 0 0
}

.package_v2 .package_num_img_box .package_num_tip {
    width: 60px;
    float: right;
    margin-right: -65px;
    font-size: 12px;
    line-height: 12px;
    color: #f50;
    text-align: right
}

.game_img_box2 .package_v2 {
    padding: 8px 80px 8px 10px;
    border: 0
}

.game_img_box2 .receive {
    border: 1px solid #999;
    background: #fff
}

.game_img_box3 .receive {
    border: .5px solid #fcd134;
    background: #fcd134
}

.concern {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    z-index: 3000
}

.concern_ewm {
    width: 250px;
    height: 310px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -125px
}

.concern_ewm em {
    width: 290px;
    display: block;
    margin: -145px 0 0 -20px
}

.concern_ewm span {
    width: 140px;
    height: 140px;
    display: block;
    margin: 20px auto 15px
}

.close_btn span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    text-align: center;
    font-size: 26px;
    color: #fff;
    position: absolute;
    top: -77px;
    right: 0
}

.close_btn i {
    width: 2px;
    height: 25px;
    background: #fff;
    display: block;
    position: absolute;
    top: -25px;
    right: 15px
}

.concern_ewm p {
    font-size: 14px;
    color: #0084ff;
    text-align: center
}

.follow_v2 .concern_ewm em {
    width: 165px;
    margin: -102px 0 0 60px
}

.follow_v2 .concern_ewm b {
    width: 137px;
    display: block;
    margin: 25px auto 0
}

.follow_v2 .concern_ewm p {
    color: #483b19;
    font-size: 14px
}

.follow_v2 .concern_ewm .colse_btn {
    width: 10px;
    height: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.follow_v2 .concern_ewm .colse_btn img {
    vertical-align: top
}

.friend_ewm em {
    width: 140px;
    height: 180px;
    display: block;
    margin: -110px auto 0
}

.friend_ewm b {
    width: 165px;
    display: block;
    margin: 0 auto
}

.friend_ewm span {
    margin: 10px auto
}

.friends_name h1 {
    font-size: 13px;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding: 10px 5px 0
}

.friends_name h2 {
    height: 30px;
    font-weight: normal;
    padding: 0 10px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-spacing: normal;
    white-space: nowrap;
    text-align: center
}

.friends_name h2 a {
    font-size: 14px;
    color: #333
}

.friends_name h2 a img {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px
}

#loading-splash {
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

#loading-splash.loading-splash-bg {
    width: 100%;
    max-height: 100%
}

#loading-splash .loading-splash-bg2,
#loading-splash .loading-splash-bg4,
#loading-splash .loading-splash-bg7 {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg2 .loading-splash-pic {
    width: 240px;
    margin: 130px auto 0
}

.loading-text {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 115px
}

#loading-splash .loading-splash-bg3 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_1.jpg) 0 0 / 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg4 .loading-splash-pic {
    margin: 130px 18px 0
}

#loading-splash .loading-splash-bg5 {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg5 .loading-splash-pic {
    width: 263px;
    margin: 25px auto 0
}

.footer_text {
    width: 100%;
    line-height: 40px;
    position: fixed;
    bottom: 15px;
    left: 0;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.footer_text em {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px
}

.loading-splash-bg3 .loading-splash-pic {
    width: 290px;
    margin: 122px auto 0
}

.dnl {
    width: 200px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -100px;
    z-index: -1
}

.footer_text em.logo_sma {
    width: 35px
}

.loading-splash-bg5 .footer_text,
.loading-splash-bg6 .footer_text {
    color: #333;
    bottom: 8px
}

.loading-splash-bg5 .loading-text {
    color: #333;
    position: absolute;
    bottom: 135px;
    left: 0;
    right: 0
}

#loading-splash .loading-splash-bg6 {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg6 .loading-splash-pic {
    margin: 15px 70px 0
}

.loading-splash-bg7 .loading-splash-pic {
    margin: 75px 30px 0
}

.loading-splash-bg6 .loading-text {
    color: #333
}

.loading-splash-bg8 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_2.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg8 .loading-splash-pic {
    margin: 90px 30px 0
}

.loading-splash-bg9 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_3.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg9 .loading-splash-pic {
    margin: 47px 35px 0
}

.loading-splash-bg9 .loading-text,
.loading-splash-bg9 .footer_text {
    color: #000
}

.loading-splash-bg10 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_4.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg10 .loading-splash-pic {
    margin: 77px 35px 0
}

.loading-splash-bg10 .loading-text,
.loading-splash-bg10 .footer_text {
    color: #333
}

.loading-splash-bg11 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_5.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg11 .loading-text {
    position: absolute;
    bottom: 25%;
    color: #4f4a1f;
    left: 0;
    right: 0;
    text-align: center
}

.loading-splash-bg11 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px
}

.loading-splash-bg12 {
    width: 100%;
    height: 100%;
    background: #372523;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg12 .loading-splash-pic {
    width: 228px;
    margin: 90px auto 0
}

.loading-splash-bg13 {
    width: 100%;
    height: 100%;
    background: #f47983;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg13 .loading-splash-pic {
    margin: 27px 0 0 50px
}

.loading-splash-bg13 .loading-text {
    padding-top: 35px
}

.loading-splash-bg14 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #f2c820
}

.loading-splash-bg14 .loading-splash-pic1 {
    width: 230px;
    margin: 20px auto
}

.loading-splash-bg14 .loading-splash-pic2 {
    width: 280px;
    margin: 0 auto
}

.loading-splash-bg14 .loading-text {
    width: 100%;
    position: fixed;
    bottom: 60px;
    left: 0;
    text-align: center;
    color: #333
}

.loading-splash-bg14 .footer_text {
    color: #333
}

.loading-splash-bg15 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff
}

.loading-splash-bg15 .loading-splash-pic {
    width: 236px;
    margin: 140px auto 0
}

.loading-splash-bg15 .loading-text {
    color: #333;
    padding-top: 10px
}

.loading-splash-bg15 .footer_text {
    color: #333
}

.loading-splash-bg16 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000
}

.loading-splash-bg16 .loading-splash-pic2 {
    width: 222px;
    margin: 15px auto 10px
}

.loading-splash-bg16 .loading-text {
    padding-top: 50px
}

.loading-splash-bg17 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: -o-linear-gradient(#ca9ddf 3%, #fd8886 20%, #f8f784);
    background: -moz-linear-gradient(#ca9ddf 3%, #fd8886 20%, #f8f784);
    background: -webkit-linear-gradient(#ca9ddf 3%, #fd8886 20%, #f8f784);
    background: linear-gradient(#ca9ddf 3%, #fd8886 20%, #f8f784)
}

.loading_light_bg {
    width: 100%;
    position: fixed;
    top: -10%;
    left: 0
}

.loading-splash-bg17 .loading-splash-pic1 {
    width: 290px;
    position: relative;
    margin: 37px auto 0
}

.loading-splash-bg17 .loading-splash-pic1 em {
    width: 100%;
    display: block
}

.loading-splash-bg17 .loading-text {
    color: #000;
    padding-top: 10px
}

.loading-splash-bg17 .footer_text {
    width: 100%;
    height: 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.loading-splash-bg17 .footer_text img {
    width: 145px;
    margin: 6px auto 0
}

.loading-splash-bg17 .loading_first {
    width: 100%;
    position: absolute;
    top: 168px;
    left: 0;
    right: 0
}

.loading-splash-bg17 .loading_first .loading_first_pic {
    width: 136px;
    height: 155px;
    background: url(../images/rank1.png) 0 0 / 100% no-repeat;
    margin: 0 auto
}

.loading-splash-bg17 .loading_first .loading_first_pic img {
    width: 95px;
    height: 95px;
    border: 1px solid#fff;
    border-radius: 100px;
    margin: 30px auto 0
}

.loading-splash-bg17 .loading_first .loading_first_name {
    min-width: 90px !important;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    border-radius: 5px;
    padding: 0 6px;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 15px;
    color: #333
}

.loading-splash-bg17 .loading_first .loading_first_name span {
    vertical-align: middle
}

.loading-splash-bg17 .loading_first .vip_icon_pic {
    width: 51px;
    display: block;
    margin: 0 auto
}

.loading-splash-bg18 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_7.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg18 .loading-splash-pic1 {
    width: 250px;
    margin: 80px auto 0
}

.loading-splash-bg18 .loading-splash-pic2 {
    width: 277px;
    margin: 120px auto 0
}

.loading-splash-bg18 .loading-text,
.loading-splash-bg18 .footer_text {
    color: #000;
    font-weight: bold
}

.loading-splash-bg19 {
    width: 100%;
    height: 100%;
    background: #ea3348;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg19 .footer_text:before {
    content: '';
    width: 100%;
    height: 75px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1
}

.loading-splash-bg19 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg19 .loading-splash-pic {
    padding: 10px 45px 0
}

.loading-splash-bg19 .loading-text {
    position: fixed;
    bottom: 90px;
    left: 0;
    right: 0;
    padding: 0
}

.loading-splash-bg20 {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg20 .loading-splash-pic {
    margin: 80px 50px 0
}

.loading-splash-bg20 .loading-text,
.loading-splash-bg20 .footer_text {
    color: #333
}

.loading-splash-bg21 {
    width: 100%;
    height: 100%;
    background: url(../images/bg_8.jpg) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg21 .loading-splash-pic {
    margin: 30px 33px 0
}

.loading-splash-bg21 .loading-text {
    padding-top: 100px;
    color: #fff
}

.loading-splash-bg21 .footer_text {
    font-size: 16px;
    color: #fff;
    bottom: 105px
}

.loading-splash-bg22 {
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(#0f283e, #4e7ba4);
    background: -webkit-repeating-linear-gradient(#0f283e, #4e7ba4);
    background: -moz-repeating-linear-gradient(#0f283e, #4e7ba4);
    background: -o-repeating-linear-gradient(#0f283e, #4e7ba4);
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg22 .footer_bot {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .6
}

.loading-splash-bg22 .loading-text {
    position: fixed;
    bottom: 100px;
    left: 0;
    right: 0
}

.loading-splash-bg22 .footer_text:before {
    content: '';
    width: 100%;
    height: 75px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1
}

.loading-splash-bg22 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg23 {
    width: 100%;
    height: 100%;
    background: #e60012;
    position: fixed;
    top: 0;
    left: 0
}

.loading-splash-bg23 .loading-splash-pic {
    margin: 20px 28px
}

.loading-splash-bg23 .loading-text {
    padding-top: 30px
}

.loading-splash-bg24 {
    background: rgba(231, 32, 32, .84) url(../images/bg_9.jpg) no-repeat;
    background-size: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg24 .loading-splash-pic {
    margin: 75px 65px 0
}

.loading-splash-bg24 .footer_text:before {
    content: '';
    width: 100%;
    height: 75px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1
}

.loading-splash-bg24 .loading-text {
    padding-top: 15px
}

.loading-splash-bg24 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg25 {
    background: #ffda31;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg25 .loading-splash-pic {
    margin: 75px 40px 0
}

.loading-splash-bg25 .loading-text,
.loading-splash-bg25 .footer_text {
    color: #6b3e17
}

.loading-splash-bg26 {
    background: #a2d9f8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg26 .loading-splash-pic {
    margin-top: -10px
}

.loading-splash-bg26 .loading-text {
    padding-top: 55px
}

.loading-splash-bg27 {
    background: #ed7fae;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg27 .loading-splash-pic {
    margin: 52px 45px 0
}

.loading-splash-bg28 {
    background: #ffc4c4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg28 .loading-splash-pic {
    margin: 90px 45px 0
}

.loading-splash-bg28 .loading-text {
    color: #000;
    padding-top: 55px
}

.loading-splash-bg28 .footer_text {
    color: #000
}

.loading-splash-bg29:before {
    content: '';
    width: 100%;
    height: 68px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.loading-splash-bg29 {
    background: #ffebd4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg29 .loading-splash-pic {
    margin: 0 75px
}

.loading-splash-bg29 .loading-text {
    color: #033;
    padding-top: 40px
}

.loading-splash-bg29 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.wrap .loading-splash-bg29 .loading-text {
    padding-top: 20px
}

.loading-splash-bg30:before {
    content: '';
    width: 100%;
    height: 68px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.loading-splash-bg30 {
    background: #ff9ebe;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg30 .loading-splash-pic {
    margin: 45px 5px 0
}

.loading-splash-bg30 .loading-text {
    padding-top: 40px
}

.loading-splash-bg30 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg31 {
    background: #fef200;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg31 .loading-splash-pic {
    margin: 50px 35px 0
}

.loading-splash-bg31 .loading-text {
    color: #272434;
    padding-top: 100px
}

.loading-splash-bg31 .footer_text {
    color: #272434
}

.loading-splash-bg32 {
    background: #ff5647;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg32 .loading-splash-pic {
    margin: 67px 30px 0
}

.loading-splash-bg33 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg33 .loading-splash-pic {
    margin: 63px 20px 0
}

.loading-splash-bg33 .loading-text,
.loading-splash-bg33 .footer_text {
    color: #333
}

.loading-splash-bg34 {
    background: url(../images/bg_10.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg34 .loading-splash-pic {
    margin: 58px 42px 0 40px
}

.loading-splash-bg35 {
    background: #f8c301;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg35 .loading-splash-pic {
    margin: 23px 0 0
}

.loading-splash-bg35 .loading-text {
    color: #333;
    padding-top: 80px
}

.loading-splash-bg35 .footer_text {
    color: #333
}

.loading-splash-bg36 {
    background: url(../images/bg_11.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg36 .loading-splash-pic {
    margin: 90px 32px 0
}

.loading-splash-bg37 {
    background: url(../images/bg_12.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg37 .loading-splash-pic {
    margin: 70px 35px 0
}

.loading-splash-bg38 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg38 .loading-splash-pic {
    margin: 45px 30px 0
}

.loading-splash-bg38 .loading-text {
    color: #333;
    padding-top: 90px
}

.loading-splash-bg38 .footer_text {
    color: #333
}

.loading-splash-bg39 {
    background: url(../images/bg_13.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg39 .loading-splash-pic {
    margin: 42px 55px 0
}

.loading-splash-bg40 {
    background: #373c66;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg40 .loading-splash-pic {
    margin: 30px 25px 0
}

.loading-splash-bg40 .loading-text {
    padding-top: 100px
}

.loading-splash-bg41 {
    background: #ffda31;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg41 .loading-splash-pic {
    margin: 45px 50px 0
}

.loading-splash-bg41 .loading-text {
    color: #6b3e17;
    padding-top: 60px
}

.loading-splash-bg41 .footer_text {
    color: #6b3e17
}

.loading-splash-bg42 {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg42 .loading-splash-pic {
    margin: 59px 30px 0
}

.loading-splash-bg43 {
    background: #ece92a;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg43 .loading-text {
    color: #333;
    padding-top: 65px
}

.loading-splash-bg43 .loading-splash-pic {
    margin: 62px 84px 0
}

.loading-splash-bg43 .footer_text {
    color: #333;
    font-size: 15px
}

.loading-splash-bg44:before {
    content: '';
    width: 100%;
    height: 68px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.loading-splash-bg44 {
    background: url(../images/bg_14.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg44 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg45 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg45 .loading-splash-pic {
    margin: 75px 70px 0
}

.loading-splash-bg45 .loading-splash-pic2 {
    margin: 75px 85px 0
}

.loading-splash-bg45 .loading-splash-pic3 {
    margin: 75px 35px 0
}

.loading-splash-bg45 .loading-text {
    color: #333;
    padding-top: 65px
}

.loading-splash-bg45 .loading-text2 {
    color: #333;
    padding-top: 85px
}

.loading-splash-bg45 .footer_text {
    color: #333
}

.loading-splash-bg46 {
    background: #fef104;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg46 .loading-splash-pic {
    margin: 50px 85px 0
}

.loading-splash-bg46 .loading-text {
    color: #333;
    padding-top: 85px
}

.loading-splash-bg46 .footer_text {
    color: #333
}

.loading-splash-bg47 {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg47 .loading-splash-pic {
    margin: 70px 80px 0 100px
}

.loading-splash-bg47 .loading-text {
    padding-top: 80px
}

.loading-splash-bg48 {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg48 .loading-splash-pic {
    margin: 0
}

.loading-splash-bg48 .loading-text {
    padding-top: 25px
}

.loading-splash-bg49 {
    background: url(../images/bg_15.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg49 .loading-splash-pic {
    margin: 70px 40px 0
}

.loading-splash-bg49 .loading-text {
    color: #000;
    padding-top: 30px
}

.loading-splash-bg49 .footer_text {
    color: #000
}

.loading-splash-bg50 {
    background: #fd0100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg50 .loading-splash-pic {
    margin: 40px 80px 0
}

.loading-splash-bg50 .loading-text {
    color: #fff;
    padding-top: 75px
}

.loading-splash-bg50 .footer_text {
    color: #fff
}

.loading-splash-bg51 {
    background: #fee33a;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg51 .loading-splash-pic {
    margin: 85px 80px 0
}

.loading-splash-bg51 .loading-text {
    color: #333;
    padding-top: 80px
}

.loading-splash-bg51 .footer_text {
    color: #333
}

.loading-splash-bg52 {
    background: #e22a2c;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg52 .loading-splash-pic {
    margin: 85px 80px 0
}

.loading-splash-bg52 .loading-text {
    color: #fff;
    padding-top: 80px
}

.loading-splash-bg52 .footer_text {
    color: #fff
}

.loading-splash-bg53 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg53 .loading-splash-pic {
    margin: 85px 80px 0
}

.loading-splash-bg53 .loading-text {
    color: #333;
    padding-top: 80px
}

.loading-splash-bg53 .footer_text {
    color: #333
}

.loading-splash-bg54:before {
    content: '';
    width: 100%;
    height: 68px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.loading-splash-bg54 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg54 .loading-splash-pic {
    margin-top: -65px
}

.loading-splash-bg54 .loading-text {
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 100px;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 2px
}

.loading-splash-bg54 .footer_text {
    width: 150px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -75px;
    z-index: 99
}

.loading-splash-bg55 {
    background: #eb3e5f;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg55 .loading-splash-pic {
    margin: 50px 80px 0
}

.loading-splash-bg55 .loading-text {
    color: #fff;
    padding-top: 50px
}

.loading-splash-bg55 .footer_text {
    color: #fff
}

.loading-splash-bg56 {
    background: #daf8fd;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg56 .loading-splash-pic {
    margin: 20px 40px 0
}

.loading-splash-bg56 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg56 .footer_text {
    color: #333
}

.loading-splash-bg57 {
    background: #ddeeb0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg57 .loading-splash-pic {
    margin: 70px 20px 0
}

.loading-splash-bg57 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg57 .footer_text {
    color: #333
}

.loading-splash-bg58 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg58 .loading-splash-pic {
    margin: 30px 70px 0
}

.loading-splash-bg58 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg58 .footer_text {
    color: #333
}

.loading-splash-bg59 {
    background: #151515;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg59 .loading-splash-pic {
    margin: 40px 30px 0
}

.loading-splash-bg59 .loading-text {
    color: #fff;
    padding-top: 50px
}

.loading-splash-bg59 .footer_text {
    color: #fff
}

.loading-splash-bg60 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg60 .loading-splash-pic {
    margin: 40px 70px 0
}

.loading-splash-bg60 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg60 .footer_text {
    color: #333
}

.loading-splash-bg61 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg61 .loading-splash-pic {
    margin: 50px 25px 0
}

.loading-splash-bg61 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg61 .footer_text {
    color: #333
}

.loading-splash-bg62 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg62 .loading-splash-pic {
    margin: 60px 30px 0
}

.loading-splash-bg62 .loading-text {
    color: #333;
    padding-top: 50px
}

.loading-splash-bg62 .footer_text {
    color: #333
}

.loading-splash-bg63 {
    background: #ff0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg63 .loading-splash-pic {
    margin: 50px 60px 0
}

.loading-splash-bg63 .loading-text {
    color: #333;
    padding-top: 80px
}

.loading-splash-bg63 .footer_text {
    color: #333
}

.loading-splash-bg64 {
    background: #fdf204;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg64 .loading-splash-pic {
    margin: 40px 65px 0
}

.loading-splash-bg64 .loading-text {
    color: #333;
    padding-top: 40px
}

.loading-splash-bg64 .footer_text {
    color: #333
}

.loading-splash-bg65 {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg65 .loading-splash-pic {
    margin: 40px 60px 0
}

.loading-splash-bg65 .loading-text {
    color: #333;
    padding-top: 40px
}

.loading-splash-bg65 .footer_text {
    color: #333
}

.loading-splash-bg66 {
    background: url("../images/splash-bg66.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg66 .loading-splash-pic {
    margin: 40px 60px 0;
    height: 350px
}

.loading-splash-bg77 {
    background-color: #0c2337;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg77 .loading-splash-pic1 {
    margin: 36px 48px 0
}

.loading-splash-bg77 .loading-splash-pic2 {
    margin: 100px 30px 0
}

.loading-splash-bg77 .loading-text {
    padding-top: 60px
}

.loading-splash-bg78 {
    background: url("../images/loading_zydg_bg.png") no-repeat;
    background-size: 100% 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg78 .loading-splash-pic {
    margin: 48px 48px 0
}

.loading-splash-bg79 {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg79 .loading-splash-pic {
    margin: 40px 40px 0
}

.loading-splash-bg80 {
    background: url("../images/loading_wzyx_bg.png") no-repeat;
    background-size: 100%;
    background-color: #e5af47;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg80 .loading-splash-pic {
    margin: 66px 48px 0
}

.loading-splash-bg81 {
    background: url("../images/loading_hnj_bg.png") no-repeat;
    background-size: 100% 100%;
    background-color: #ff5a56;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg81 .loading-splash-pic {
    margin: 48px 60px 0
}

@media screen and (max-width: 420px) {
    .loading-splash-bg66 .loading-splash-pic {
        height: 500px
    }
}

@media screen and (max-width: 375px) {
    .loading-splash-bg66 .loading-splash-pic {
        height: 420px
    }
}

@media screen and (max-width: 320px) {
    .loading-splash-bg66 .loading-splash-pic {
        height: 360px
    }
}

.loading-splash-bg66 .loading-text {
    color: #fff;
    padding-top: 40px
}

.loading-splash-bg66 .footer_text {
    color: #fff
}

.loading-splash-bg67 {
    background: #0d79d5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg67 .loading-splash-pic {
    margin: 80px 45px 0
}

.loading-splash-bg67 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg67 .footer_text {
    color: #fff
}

.loading-splash-bg68 {
    background: #406ab4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg68 .loading-splash-pic {
    margin: 80px 45px 0
}

.loading-splash-bg68 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg68 .footer_text {
    color: #fff
}

.loading-splash-bg69 {
    background: #272323;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg69 .loading-splash-pic {
    margin: 70px 45px 0
}

.loading-splash-bg69 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg69 .footer_text {
    color: #fff
}

.loading-splash-bg70 {
    background: #f0c21a;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg70 .loading-splash-pic {
    margin: 50px 45px 0
}

.loading-splash-bg70 .loading-text {
    color: #333;
    padding-top: 70px
}

.loading-splash-bg70 .footer_text {
    color: #333
}

.loading-splash-bg71 {
    background: #fff701;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg71 .loading-splash-pic {
    margin: 40px 35px 0
}

.loading-splash-bg71 .loading-text {
    color: #333;
    padding-top: 70px
}

.loading-splash-bg71 .footer_text {
    color: #333
}

.loading-splash-bg72 {
    background: #fd7937;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg72 .loading-splash-pic {
    margin: 75px 50px 0
}

.loading-splash-bg72 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg72 .footer_text {
    color: #fff
}

.loading-splash-bg73 {
    background: #272323;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg73 .loading-splash-pic {
    margin: 75px 50px 0
}

.loading-splash-bg73 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg73 .footer_text {
    color: #fff
}

.loading-splash-bg74 {
    background: #272323;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg74 .loading-splash-pic {
    margin: 75px 50px 0
}

.loading-splash-bg74 .loading-text {
    color: #fff;
    padding-top: 70px
}

.loading-splash-bg74 .footer_text {
    color: #fff
}

.loading-splash-bg75 {
    background: #191919;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg75 .loading-splash-pic {
    margin: 0;
    height: 350px
}

.loading-splash-bg75 .loading-text {
    color: #fff;
    padding-top: 200px
}

.loading-splash-bg76 {
    background: #f4b860;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg76 .loading-splash-pic {
    margin: 50px 70px 0
}

.loading-splash-bg76 .loading-text {
    color: #3a3742;
    padding-top: 40px
}

.loading-splash-bg76 .footer_text {
    color: #3a3742
}

@media screen and (max-width: 375px) {
    .loading-splash-bg75 .loading-text {
        padding-top: 150px
    }
}

@media screen and (max-width: 320px) {
    .loading-splash-bg75 .loading-text {
        padding-top: 50px
    }
}

.loading-splash-bg75 .footer_text {
    color: #fff
}

.loading-splash-bg82 {
    background: linear-gradient(to bottom, #fff 10%, #e3ffd8 100%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-splash-bg82 .loading-splash-pic {
    margin: 50px 60px 0
}

.loading-splash-bg82 .loading-text {
    color: #333;
    padding-top: 40px
}

.loading-splash-bg82 .footer_text {
    color: #333
}

#loading-splash p b {
    color: #000;
    margin-top: 50px;
    display: inline-block;
    min-width: 2px;
    min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    -webkit-animation: dot .75s infinite step-start both
}

@-webkit-keyframes dot {
    25% {
        box-shadow: none
    }

    50% {
        box-shadow: 2px 0 currentColor
    }

    75% {
        box-shadow: 2px 0 currentColor, 6px 0 currentColor
    }
}

.pay {
    width: 128px;
    height: 116px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -64px 0 0 -58px;
    background: rgba(0, 0, 0, .5);
    border-radius: 7px;
    z-index: 1001
}

.pay em {
    width: 75px;
    display: block;
    margin: 20px auto 0
}

#ld_dialog_0x01:before {
    width: 100%;
    height: 100%;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: -1
}

.loading {
    width: 20px;
    height: 20px;
    position: fixed;
    top: 40%;
    left: 50%;
    padding: 20px;
    margin: 0 0 0 -30px;
    background: rgba(0, 0, 0, .0);
    border-radius: 7px;
    z-index: 999
}

.role_switching {
    width: 100%;
    height: 100%;
    position: relative
}

.role_switching .guest_icon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50px
}

.role_switching .trans_90 {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 52px;
    left: 80px;
    transform: rotate(-90deg)
}

.role_switching .role_switching_text {
    position: absolute;
    width: 280px;
    height: 70px;
    top: 85px;
    left: 45px;
    color: #fff;
    text-align: center
}

.role_switching .role_switching_text h2 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 20px
}

.role_switching .role_switching_text a {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 15px;
    font-weight: 800
}

.game_popup_top .head_top_kong .personalcenter_head_pic .role_switching_box {
    overflow: hidden;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: relative
}

.game_popup_top .head_top_kong b.role_switching_b {
    width: 70px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(7, 7, 7, 0.7);
    position: absolute;
    bottom: -7px;
    left: -9px;
    z-index: 10;
    font-weight: normal
}

.game_popup_top .head_first_bg .role_switching_box,
.game_popup_top .head_second_bg .role_switching_box,
.game_popup_top .head_third_bg .role_switching_box {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: relative
}

.game_popup_top .head_first_bg .personalcenter_head_pic .role_switching_box b.role_switching_b {
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(7, 7, 7, 0.7);
    position: absolute;
    bottom: -7px;
    left: -4px;
    z-index: 10;
    font-weight: normal
}

.game_popup_top .head_second_bg .personalcenter_head_pic .role_switching_box b.role_switching_b,
.game_popup_top .head_third_bg .personalcenter_head_pic .role_switching_box b.role_switching_b {
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(7, 7, 7, 0.7);
    position: absolute;
    bottom: -4px;
    left: -5px;
    z-index: 10;
    font-weight: normal
}

.popup_bg .receive_success .role_switching_scroll {
    height: 174px;
    overflow: scroll
}

.popup_bg .receive_success .role_switching_amend {
    padding: 5px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 5px
}

.popup_bg .receive_success .role_switching_amend input {
    border: 0;
    outline: 0;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    height: 30px;
    font-weight: normal
}

.popup_bg .receive_success .role_switching_amend b {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 13px;
    height: 13px;
    background: url("../images/edit.png") no-repeat;
    background-size: 100%;
    z-index: 100
}

.popup_bg .receive_success .role_switching_amend p {
    font-size: 13px;
    color: #999;
    text-align: left
}

.popup_bg .receive_success .border_on {
    border: 1px solid #fc521b
}

.popup_bg .receive_success .border_on input,
.popup_bg .receive_success .border_on p {
    color: #fc521b
}

.popup_bg .receive_success .sale_on,
.popup_bg .receive_success .sale_on input {
    background: #f0f0f0
}

.popup_bg .receive_success a.role_switching_sure {
    display: block;
    margin: 12px auto;
    width: 115px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 15px;
    color: #000
}

.small_font {
    font-size: 12px;
    transform: scale(0.80)
}

.sale_account_pop {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
    color: #fff;
    text-align: center
}

.sale_account_pop .pop_btn_two {
    background: 0;
    margin-top: 30px
}

.sale_account_pop .pop_btn_two a {
    width: 90px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: none;
    font-size: 15px;
    color: #fff;
    background: #333;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 auto
}

.sale_account_pop_wx {
    width: 100%;
    height: 100%;
    position: relative
}

.sale_account_pop_wx img {
    position: absolute;
    top: 44px;
    right: 20px;
    width: 45px;
    height: 45px
}

.sale_account_pop_wx h2 {
    color: #fff;
    position: absolute;
    top: 90px;
    right: 65px;
    font-size: 15px
}

.receive_success em.close_yuan,
.popup_box_pink em.close_yuan,
.active_login em.close_yuan,
.active_hongbao em.close_yuan {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: -65px;
    right: 0;
    cursor: pointer;
    opacity: .7;
    z-index: 9
}

.top_pic {
    width: 90px;
    margin: 20px auto 0
}

.recharge_illustrate {
    margin: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    text-align: left
}

.prize_box {
    width: 125px;
    height: 125px;
    line-height: 125px;
    margin: -15px auto 0;
    position: relative
}

.prize_box em {
    width: 78px;
    display: block;
    margin: 0 auto
}

.prize_box em.img_big {
    width: 100px
}

.receive_success .package_internol h4 {
    height: 15px;
    line-height: 15px;
    font-size: 15px;
    color: #333;
    font-weight: normal;
    margin: 15px 10px 5px 0;
    border-left: 3px solid #fcb334;
    padding-left: 5px;
    text-align: left
}

.package_internol h4 b {
    font-size: 12px;
    color: #fa6f2a;
    font-weight: normal
}

.package_internol_box {
    max-height: 132px;
    overflow-y: scroll
}

.package_inter {
    line-height: 18px;
    font-size: 12px;
    color: #333;
    padding: 6px 10px 0
}

.package_inter em {
    font-style: normal;
    color: #999
}

.active_num a {
    width: 180px;
    line-height: 16px;
    text-align: center;
    background: #f4f4f4;
    padding: 10px;
    margin: 10px auto;
    font-size: 14px;
    color: #333;
    word-wrap: break-word;
    display: block
}

.active_num p {
    width: 180px;
    line-height: 16px;
    text-align: center;
    background: #f4f4f4;
    padding: 10px;
    margin: 10px auto;
    font-size: 14px;
    color: #333;
    word-wrap: break-word;
    display: block
}

.img_pic {
    width: 83px;
    display: block;
    margin: 15px auto 0
}

.img_pic1 {
    width: 83px;
    display: block;
    margin: 30px auto 0
}

.img_pic2 {
    width: 126px;
    display: block;
    margin: 30px auto 0
}

.img_pic3 {
    width: 75px;
    display: block;
    margin: 45px auto 40px
}

.img_pic4 {
    width: 83px;
    display: block;
    margin: 30px auto 0
}

.img_pic5 {
    width: 83px;
    display: block;
    margin: 10px auto 0
}

.img_pop_top {
    width: 280px;
    display: block;
    margin: -120px auto 0
}

.receive_success h2 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    text-align: center
}

.receive_success h2 img {
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.receive_success h3 {
    font-size: 13px;
    color: #666;
    margin: 15px 20px;
    font-weight: normal;
    line-height: 16px
}

.receive_success h4 {
    line-height: 30px;
    font-size: 15px;
    color: #333;
    margin: -5px 20px 0;
    text-align: center
}

.receive_success h4.tip_text_txt {
    text-align: center;
    margin: 30px auto
}

.receive_success h5 {
    line-height: 24px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.receive_success h5.receive_success_text {
    margin: 0 15px 10px;
    text-align: left
}

.game_package .package_des h4 {
    text-align: left;
    margin: 0 8px 0;
    font-size: 13px;
    line-height: 22px;
    color: #666
}

.game_package .package_des p {
    text-align: left;
    margin-left: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #666
}

.game_package .add_group_tit {
    padding-top: 10px
}

.game_package .add_group .active_num p {
    border: 1px solid #ff5647
}

.game_package .add_group .two_item {
    width: 200px;
    margin: 5px auto 0;
    border-radius: 5px;
    border: 1px solid #ff5647
}

.game_package .add_group .two_item p {
    border: 0;
    width: auto;
    margin: 0 auto;
    padding: 5px 10px 0
}

.game_package .add_group .two_item p:last-child {
    padding-bottom: 5px
}

.receive_success h6 {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #333;
    text-align: center;
    background: #fcd134;
    font-weight: normal;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.receive_success_input {
    width: 300px;
    height: auto;
    background: #c6c6c6;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -150px
}

.receive_success_input h6 {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #000;
    text-align: center;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.receive_success_input .switch_input_value {
    margin: 0 12px 15px 12px;
    width: 272px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-indent: 5px;
    border: 1px solid #333
}

.receive_success_input .button {
    width: 100%;
    border-top: 1px solid #333;
    text-align: center
}

.receive_success_input .button a {
    width: 49%;
    display: inline-block;
    color: #0f74e4;
    box-sizing: border-box;
    padding: 8px 0;
    font-size: 16px
}

.receive_success_input .input_sure {
    border-left: 1px solid #333;
    margin-left: -5px
}

.zixun_main {
    width: 270px;
    height: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 13px auto
}

.zixun_main .zixun_tit {
    line-height: 20px;
    font-size: 15px;
    color: #000;
    text-align: center
}

.zixun_main p {
    line-height: 20px;
    font-size: 13px;
    color: #333;
    padding-top: 5px
}

.receive_success h4 i {
    font-style: normal;
    color: #f50
}

.popup_main p {
    font-size: 15px;
    color: #333;
    line-height: 20px;
    text-align: center
}

.popup_img {
    width: 100px;
    margin: 3px auto 0
}

.exchange_img {
    width: 70px;
    margin: 20px auto 10px
}

.popup_text {
    padding: 10px 15px
}

.popup_text p {
    line-height: 30px;
    font-size: 15px;
    color: #333
}

.error {
    width: 180px;
    margin: 55px auto 0
}

.error_text {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 15px 0
}

.add_group_tit {
    font-size: 15px;
    color: #ff5647;
    padding: 25px 0 0;
    text-align: center
}

.add_group_tit.pt15 {
    padding-top: 15px;
    color: #333
}

.add_group_tit.pt5 {
    padding-top: 5px
}

.add_group .pt5 {
    padding-top: 5px
}

.add_group .active_num p {
    background: 0;
    border: 1px dashed #ff5647;
    border-radius: 5px;
    color: #ff5647
}

.fail_tishi {
    font-size: 15px;
    color: #333;
    padding: 20px 10px 0;
    line-height: 26px;
    text-align: center
}

.liulan_tishi {
    padding: 25px 20px;
    font-size: 15px;
    color: #333
}

.colse_text {
    border-top: 1px solid #cdcdcd;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.colse_text a {
    width: 75px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #0069ff;
    float: right;
    display: block;
    text-align: center
}

.liulan_pop .collect_box {
    background: 0
}

.liulan_pop .collect_text {
    color: #fff;
    text-align: center
}

.liulan_pop .collect_text em {
    width: 16px;
    margin-left: 3px
}

.liulan_pop .liulan_jiantou {
    width: 46px;
    float: right;
    margin-right: 30px
}

.popup_con h5 {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    text-align: center;
    padding-top: 10px
}

.popup_con .active_num p {
    width: 120px;
    background: #eee;
    color: #000
}

.popup_con h2 {
    color: #000
}

.browser {
    padding-top: 35px
}

.browser h2 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    text-align: center
}

.browser h2 img {
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.popup_con .kefu_ewm_pic span {
    margin-top: 10px
}

.ewm_pic_box {
    width: 177px;
    border: 1.5px solid #fcd134;
    margin: 10px auto
}

.ewm_pic_box ul {
    overflow: hidden
}

.ewm_pic_box ul li {
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #333;
    background: #fcd134;
    float: left;
    cursor: pointer
}

.ewm_pic_box ul li.on {
    background: #fff
}

.ewm_box span {
    width: 110px;
    height: 110px;
    display: block;
    margin: 5px auto 0
}

.ewm_box p {
    font-size: 11px;
    color: #333;
    text-align: center;
    line-height: 18px;
    padding-bottom: 8px
}

.collect_box {
    background: rgba(255, 191, 5, .9);
    border-radius: 4px;
    position: fixed;
    bottom: 10px;
    z-index: 3000
}

.collect_box span {
    width: 40px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px
}

.collect_box_con {
    padding: 10px 10px 10px 60px;
    position: relative
}

.collect_text {
    min-height: 60px;
    line-height: 20px;
    font-size: 13px;
    color: #333
}

.collect_text em {
    width: 12px;
    display: inline-block
}

.collect_text b {
    width: 25px;
    display: inline-block;
    margin-left: 5px
}

.add_btn {
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #333;
    border-radius: 3px;
    text-align: center
}

.sma_arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(255, 191, 5, .9);
    display: block;
    position: absolute;
    bottom: -6px
}

.exclusive_box {
    width: 292px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -150px;
    background: repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -webkit-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -moz-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -o-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    padding: 4px;
    border-radius: 6px
}

.exclusive_top {
    width: 100%;
    height: 168px;
    background: radial-gradient(50% 40%, closest-side, #fff58f, #feda58);
    background: -webkit-radial-gradient(50% 40%, closest-side, #fff58f, #feda58);
    background: -moz-radial-gradient(50% 40%, closest-side, #fff58f, #feda58);
    background: -o-radial-gradient(50% 40%, closest-side, #fff58f, #feda58);
    position: relative
}

.vip_text {
    width: 150px;
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -75px
}

.exclusive_vip_img {
    width: 230px;
    margin: 0 auto;
    padding: 15px 0
}

.exclusive_bot {
    width: 100%;
    background: #fff url(../images/bg_icon.png) 0 0 / 100% repeat;
    display: inline-block;
    padding: 18px 0 25px
}

.exclusive_ewm {
    width: 107px;
    height: 107px;
    padding: 4px;
    background: repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -webkit-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -moz-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    background: -o-repeating-linear-gradient(#fffb00, #ff6964, #6a61fe);
    margin: 0 auto 10px
}

.exclusive_bot p {
    font-size: 13px;
    color: #333;
    line-height: 18px;
    text-align: center
}

.copy_lianjie {
    padding: 20px 10px 33px
}

.copy_lianjie .add_group_tit {
    padding: 0 10px 30px;
    color: #333
}

.copy_lianjie .active_num p {
    margin: 0 auto 10px;
    border: .5px solid #e1e1e1;
    background: #f4f4f4;
    border-radius: 5px
}

.pay_way em.jifen {
    width: 33px;
    height: 34px;
    background: url(../images/jifen.png) no-repeat;
    background-size: 100%
}

.pay_way a.gray {
    background: #f7f7f7
}

.pay_way a.gray em.jifen {
    background: url(../images/jifen_gray.png) no-repeat;
    background-size: 100%
}

.pay_way a.gray h4,
.pay_way a.gray b,
.pay_way a.gray h4 i.red,
.pay_way a.gray p {
    color: #999
}

.pame_pay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999
}

.pame_pay iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0
}

.payframe_close {
    width: 12px;
    height: 12px;
    position: fixed;
    top: 0;
    right: 0;
    padding: 10px
}

.load {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.load>div {
    width: 10px;
    height: 10px;
    background: #0084ff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.load .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.load .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(0.7)
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    40% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
}

.package_nav ul {
    background: #fff;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    margin-bottom: 5px
}

.package_nav ul li {
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #666;
    text-align: center;
    float: left;
    cursor: pointer
}

.package_nav ul li.on {
    height: 39px;
    color: #0084ff;
    border-bottom: 2px solid #0084ff
}

.package_detail {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 60px
}

.package_bg {
    background: #f0eff5;
    border-top: 0
}

.package_main img {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin-bottom: 5px
}

.package_main span {
    width: 70%;
    line-height: 30px;
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-left: 10px
}

.package_detail .package_num h1 em {
    font-size: 12px;
    color: #666;
    font-style: normal;
    padding-left: 10px
}

.package_btn {
    width: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 10px
}

.package_btn a {
    width: 50px;
    height: 25px;
    line-height: 25px;
    display: block;
    border: 1px solid #fcd134;
    background: #fcd134;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
    margin-top: 8px
}

.package_btn_2 {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px
}

.package_btn_2 a {
    width: 60px;
    height: 25px;
    line-height: 25px;
    display: block;
    border: 1px solid #999;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
    margin-top: 8px
}

.package_all .package_btn a:last-child {
    border: 1px solid #999;
    color: #333;
    background: #fff
}

.game_img_box3 {
    border-bottom: 1px solid #e1e1e1
}

.posi_btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, .85);
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 2002;
    box-shadow: 0 0 6px rgba(79, 79, 80, .35)
}

.posi_btn a {
    width: 33.3%;
    float: left;
    display: block
}

.bot_btn {
    height: 50px;
    line-height: 50px;
    margin: 10px;
    background: #fcd134;
    border-radius: 4px;
    text-align: center
}

.bot_btn a {
    font-size: 17px;
    color: #4d4d4d;
    display: block;
    font-weight: bold
}

.posi_btn4 a {
    width: 25%
}

.posi_btn5 a {
    width: 20%
}

.posi_btn a i {
    width: 30px;
    height: 25px;
    margin: 5px auto;
    display: block;
    position: relative
}

.posi_btn a i .red_dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #f30;
    position: absolute;
    top: -1px;
    right: -10px
}

.posi_btn a i.game_icon {
    background: url(../images/game_icon_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.ranking_icon {
    background: url(../images/ranking_icon_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.mall_icon {
    background: url(../images/mall_icon_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.package_icon {
    background: url(../images/package_icon.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.package_icon_v2 {
    background: url(../images/package_icon_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.center_icon {
    background: url(../images/center_icon_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a i.zongzi_icon {
    background: url(../images/duanwu/zongzi_icon.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.game_icon {
    background: url(../images/game_icon_on_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.ranking_icon {
    background: url(../images/ranking_icon_on_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.mall_icon {
    background: url(../images/mall_icon_on_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.package_icon {
    background: url(../images/package_icon_blue.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.package_icon_v2 {
    background: url(../images/package_icon_on_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.center_icon {
    background: url(../images/center_icon_on_v2.png) no-repeat;
    background-size: 100%
}

.posi_btn a.on i.zongzi_icon {
    background: url(../images/duanwu/zongzi_icon_on.png) no-repeat;
    background-size: 100%
}

.posi_btn a em {
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 10px;
    font-style: normal
}

.posi_btn a.on em {
    color: #f2ca3b
}

.package_over {
    width: 280px;
    height: 176px;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -88px 0 0 -140px;
    border-radius: 10px
}

.package_over h1 {
    line-height: 20px;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: normal;
    margin-top: 35px
}

.package_over a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 38px auto 0;
    background: #0084ff;
    text-align: center;
    border-radius: 3px
}

.center_head_top {
    margin: 0 10px;
    border-top: 1px solid #0a77dd;
    overflow: hidden
}

.center_head {
    height: 150px;
    background: #0084ff
}

.center_head_pic {
    padding-left: 110px
}

.center_head_pic a {
    width: 90px;
    height: 90px;
    display: block;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    margin: 30px 10px 30px -100px
}

.center_head_text {
    width: 100%
}

.center_head_text p {
    font-size: 14px;
    color: #fff;
    padding: 70px 10px 0 0
}

.center_head_text h1 {
    max-width: 100px;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    margin-top: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.center_head_text h1 span {
    width: 20px;
    height: 20px;
    margin: 0;
    background-size: 100%;
    float: inherit;
    display: inline-block;
    vertical-align: middle
}

.center_head_text h2 {
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin: 5px 0
}

.center_head_text h3 {
    font-size: 12px;
    color: #fff;
    font-weight: normal
}

.center_head_text h3 em {
    font-size: 11px;
    color: #fff;
    padding: 1px 5px;
    background: #fa6f2a;
    font-style: normal;
    border-radius: 2px
}

.login_no {
    width: 9px;
    display: block;
    float: right;
    margin-right: -10px;
    margin-top: 65px
}

.center_sign {
    width: 70px;
    height: 30px;
    line-height: 28px;
    background: #fff;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    top: 90px;
    right: 10px
}

.center_sign em {
    width: 12px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
    vertical-align: top
}

.center_sign em img {
    vertical-align: top
}

.center_sign b {
    font-size: 13px;
    color: #0084ff;
    display: inline-block;
    font-weight: normal !important;
    vertical-align: middle
}

.my_package {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.my_package a {
    width: 25%;
    float: left;
    display: block;
    margin: 14px 0 14px
}

.my_package a em.normal {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.list_3 a {
    width: 33.3%
}

.list_5 a {
    width: 20%
}

.my_package a em {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
    color: #333;
    font-style: normal;
    font-size: 17px;
    text-align: center;
    line-height: 30px
}

.my_package a em b {
    width: 10px;
    height: 10px;
    display: block;
    background: #ff3737;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    right: -1px
}

.my_package a span {
    line-height: 13px;
    font-size: 13px;
    color: #333;
    display: block;
    text-align: center;
    padding-top: 10px
}

.package_nav_v2 .my_package a em {
    font-size: 20px;
    color: #333;
    width: 100%
}

.package_nav_v2 .my_package a span {
    padding-top: 2px;
    font-size: 14px;
    color: #666
}

.current_integral {
    line-height: 38px;
    font-size: 14px;
    color: #333;
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 15px 0;
    position: relative
}

.current_integral:before {
    width: 1px;
    background: #e1e1e1;
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    bottom: 15px
}

.integral_left {
    width: 50%;
    float: left;
    cursor: pointer
}

.integral_right {
    width: 50%;
    float: right;
    cursor: pointer
}

.integral_box span {
    display: block;
    line-height: 12px;
    font-size: 12px;
    color: #999
}

.integral_box span i {
    line-height: 12px !important;
    font-size: 19px;
    vertical-align: text-top
}

.integral_box p {
    line-height: 12px;
    font-size: 12px;
    color: #333;
    padding-top: 5px
}

.center_play {
    margin-bottom: 60px
}

.center_play .game_list_box .game_list_text p {
    font-size: 12px;
    color: #666;
    margin-top: 8px
}

.play_empty {
    min-height: 180px
}

.play_empty em {
    width: 78px;
    height: 70px;
    display: block;
    margin: 25px auto 10px
}

.play_empty p {
    text-align: center;
    font-size: 14px;
    color: #666
}

.sign_popup {
    width: 160px;
    padding: 10px;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 0;
    border-radius: 10px;
    z-index: 3000;
    transform: translate(-50%);
    display: none
}

.sign_popup h1 {
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 20px
}

.sign_popup h2 {
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 15px
}

.sign_popup h2 i {
    font-size: 25px;
    color: #fa6f2a;
    font-style: normal;
    font-weight: normal;
    vertical-align: sub;
    padding-right: 3px
}

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

.sign_tip {
    width: 200px;
    height: 134px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -100px
}

.sign_tip h1 {
    line-height: 22px;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: normal;
    padding-top: 30px
}

.sign_tip p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #0084ff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #e1e1e1
}

.task_list {
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
    border-top: 0;
    margin-top: 0
}

.task_list .game_list_box {
    height: auto;
    padding: 10px 82px 10px 70px;
    border-bottom: 1px solid #e1e1e1
}

.task_list .game_list_box h1 {
    font-size: 16px;
    line-height: 16px;
    color: #0084ff;
    margin-top: 0
}

.task_list .game_list_box h2 {
    line-height: 14px;
    font-size: 14px;
    padding-top: 7px
}

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

.game_share_pop em {
    width: 60px;
    height: 91px;
    display: block;
    margin: 20px 25px 0 0;
    float: right
}

.game_share_pop p {
    width: 100%;
    line-height: 28px;
    margin-top: 130px;
    font-size: 19px;
    color: #fff;
    text-align: center
}

.task_box {
    background: #fff;
    margin-top: 5px
}

.task_today {
    line-height: 40px;
    font-size: 15px;
    color: #333;
    padding: 0 10px
}

.task_today i.change_tishi {
    font-size: 13px;
    color: #ff6659;
    font-style: normal;
    padding-left: 5px
}

.task_today span {
    line-height: 40px;
    float: right;
    font-size: 13px;
    color: #333
}

.task_today span em {
    width: 4px;
    display: inline-block;
    padding-left: 3px
}

.task_today_box .game_list_box {
    margin-left: 10px;
    padding: 14px 80px 15px 35px;
    position: relative;
    border-bottom: 1px solid #e1e1e1
}

.task_today_box .game_list_box em {
    width: 20px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -12px
}

.task_today_box .game_list_text h1 {
    font-size: 14px
}

.task_today_box .game_list_text h2 {
    padding-top: 5px
}

.task_today_box .game_begin {
    min-width: 60px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.task_today_box .game_begin a {
    width: inherit;
    min-width: 60px;
    font-size: 13px;
    background: #fcd134;
    border: 1px solid #fcd134;
    color: #333;
    padding: 0 3px;
    position: static;
    margin-top: 0
}

.task_today_box .complete_btn a {
    min-width: 50px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 13px;
    color: #999;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.banner_sma {
    padding-top: 6px;
    background: #ff4884
}

.quit_box {
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 15px;
    color: #666
}

.task_box_yidong .task_today {
    padding: 0 15px;
    line-height: 26px;
    border-bottom: 1px solid #e1e1e1
}

.task_box_yidong .task_today_box .game_list_box {
    padding-left: 5px
}

.friends_invite {
    background: #fcd134;
    padding: 10px 100px 10px 15px;
    position: relative
}

.friends_invite p b {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    display: block
}

.friends_invite p b i {
    font-style: normal
}

.friends_invite p span {
    font-size: 12px;
    color: #333;
    display: block;
    padding-top: 3px
}

.friends_invite a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background: #f50;
    text-align: center;
    font-size: 13px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15px;
    border-radius: 3px
}

.banner_sma {
    background: #ff4883;
    padding: 10px 0 10px 62px;
    position: relative
}

.banner_img {
    width: 52px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -22px
}

.banner_sma p b {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    display: block
}

.banner_sma p b em {
    min-width: 30px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    background: #fed803;
    font-size: 12px;
    color: #fe3232;
    display: inline-block;
    text-align: center;
    font-style: normal;
    padding: 0 5px;
    margin-left: 3px
}

.banner_sma p span {
    font-size: 11px;
    color: #fff;
    display: block;
    padding-top: 3px
}

.banner_sma a {
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: #f0f0f0;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    border-radius: 24px;
    display: block;
    font-size: 13px;
    color: #333;
    text-align: center
}

.images_caidai {
    width: 68px;
    position: absolute;
    right: 70px;
    bottom: 0
}

.banner_sma .banner_btn {
    width: 70px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    border-radius: 2px;
    background: -o-linear-gradient(#ff3, #ffcf33);
    background: -moz-linear-gradient(#ff3, #ffcf33);
    background: -webkit-linear-gradient(#ff3, #ffcf33);
    background: linear-gradient(#ff3, #ffcf33);
    text-align: center
}

.invite_title {
    font-size: 13px;
    color: #666;
    font-weight: normal;
    padding: 6px 15px
}

.friends_box {
    background: #fff;
    border-bottom: 1px solid #e1e1e1
}

.friends_list {
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

.friends_list:last-child {
    border: 0
}

.friend_wrap {
    width: 50%;
    float: left
}

.friend_left_box {
    padding: 7px 10px 0 60px
}

.friend_wrap em {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -50px
}

.friend_wrap span {
    line-height: 50px;
    width: 90%;
    display: inline-block;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal
}

.friend_wrap b {
    line-height: 50px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal
}

.friend_wrap b span {
    vertical-align: middle
}

.friend_game_list {
    height: 67px;
    padding-right: 20px;
    overflow: hidden
}

.friend_game_list a {
    width: 45px;
    margin-right: 8px;
    display: block;
    float: right
}

.friend_game_list i {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    overflow: hidden;
    display: block
}

.friend_game_list span {
    line-height: 14px;
    color: #333;
    font-size: 10px;
    margin-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal
}

.friend_game_btn {
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px
}

.friends_can_delete .collect_list {
    height: 82px;
    padding: 0;
    margin-bottom: 0
}

.friends_can_delete .collect_list .collect_content {
    padding: 10px 0
}

.friends_can_delete .collect_list .collect_opts,
.friends_can_delete .collect_list .collect_opts span {
    line-height: 82px
}

@media screen and (max-width: 320px) {
    .friend_game_list a {
        width: 38px
    }

    .friend_game_list i {
        width: 42px;
        height: 42px
    }
}

.add_num {
    background: #fff
}

.add_num_list {
    margin-left: 15px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1
}

.add_num_list p {
    float: left
}

.change_head {
    background: #fa6f2a;
    padding: 15px 20px 8px;
    overflow: hidden
}

.change_head_left {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    float: left
}

.change_head_right {
    float: right
}

.change_head_center {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.change_head_num {
    width: 128px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    border: 1px dashed #fff;
    font-size: 15px;
    color: #fff
}

.change_head_right p {
    width: 130px;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.change_list_box {
    background: #fff;
    border-bottom: 1px solid #e1e1e1
}

.change_list {
    margin-left: 15px;
    padding: 10px 15px 10px 140px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.change_list_box .change_list:last-child {
    border: 0
}

.change_goods_pic {
    width: 130px;
    height: 70px;
    overflow: hidden;
    margin-left: -140px;
    margin-top: 5px;
    float: left;
    position: relative
}

.change_goods_pic span {
    width: 100%;
    height: 20px;
    line-height: 20px;
    display: block;
    background: rgba(0, 0, 0, .6);
    font-size: 12px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0
}

.change_goods_pic img {
    height: 100%
}

.change_text h1 {
    width: 100%;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal
}

.change_text h2 {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    margin-top: 5px
}

@media screen and (max-width: 320px) {
    .change_goods_pic {
        margin-top: 3px
    }

    .change_text h1 {
        margin-top: 0
    }

    .change_text h2 {
        margin-top: 0
    }
}

.change_text h2 a {
    font-size: 12px;
    display: inline-block;
    color: #348dfc;
    font-weight: normal;
    margin-left: 5px;
    border: 1px solid #348dfc;
    padding: 0 4px;
    border-radius: 3px
}

.my_integral {
    background: #fa6f2a;
    padding: 5px
}

.my_integral_box {
    background: #fff;
    padding: 15px;
    border-radius: 5px
}

.my_integral_box h1 {
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.my_integral_box h1 a {
    font-size: 13px;
    color: #666;
    background: url(../images/caption.png) 0 2px no-repeat;
    background-size: 14px 14px;
    float: right;
    font-style: normal;
    text-indent: 18px
}

.my_integral_record span {
    font-size: 30px;
    line-height: 30px;
    color: #fa6f2a;
    padding-top: 8px;
    display: inline-block
}

.my_integral_record p a {
    line-height: 30px;
    font-size: 15px;
    color: #fa6f2a;
    padding: 5px 10px;
    margin: 8px -10px 0 10px;
    display: inline-block
}

.mann_nav_v2 {
    background: #fff;
    padding: 0 5px 7px
}

.mann_nav_v2 ul li {
    width: 33.3%;
    float: left;
    position: relative;
    cursor: pointer
}

.mann_nav_v2 ul.wid4 li {
    width: 25%
}

.mann_nav_v2 ul.wid2 {
    position: relative
}

.mann_nav_v2 ul.wid2:before {
    content: '';
    width: 1px;
    height: 30px;
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px
}

.mann_nav_v2 ul.wid2 li {
    width: 50%
}

.mann_nav_v2 ul li:last-child:before {
    display: none
}

.mann_nav_v2 ul li em {
    width: 33px;
    display: block;
    margin: 3px auto 0;
    position: relative
}

.mann_nav_v2 ul li em b {
    width: 25px;
    height: 12px;
    line-height: 13px;
    display: block;
    background: #ef4a4b;
    border-radius: 12px;
    border: 1px solid #fff;
    font-size: 9px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: -6px;
    right: -20px;
    text-align: center
}

.mann_nav_v2 ul li em b.pass_icon {
    background: #c5c5c5
}

.mann_nav_v2 ul li span {
    line-height: 14px;
    font-size: 13px;
    color: #333;
    text-align: center;
    display: block;
    padding-top: 5px
}

.integral_record_bg {
    background: #fa6f2a;
    padding: 5px
}

.integral_record {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.ntegral_val em {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 15px 5px 15px 15px;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: middle;
    background: #e1e1e1;
    vertical-align: top
}

.ntegral_val span {
    font-size: 12px;
    color: #fa6f2a
}

.ntegral_val span b {
    font-size: 20px;
    font-weight: normal
}

.ntegral_val_text {
    display: inline-block
}

.ntegral_val_text span {
    color: #333;
    padding-top: 10px;
    display: block
}

.ntegral_val_text h1 {
    font-size: 12px;
    color: #fa6f2a;
    font-weight: normal
}

.ntegral_val_text h1 a.integral_rule {
    color: #348dfc;
    text-decoration: underline
}

.shangcheng a {
    width: 75px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 13px;
    color: #333;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 20px 10px 0 0;
    text-align: center
}

.integral_tab {
    padding-left: 15px;
    background: #fff
}

.integral_tab_box {
    width: 100%;
    border-collapse: collapse
}

.integral_tab_list {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e1e1e1;
    padding-right: 15px
}

.integral_tab_text {
    width: 33.3%;
    font-size: 14px;
    color: #333;
    float: left
}

@media screen and (max-width: 320px) {
    .integral_tab_text {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.integral_tab_text:last-child {
    text-align: right
}

.mall_package_bg {
    padding-top: 5px
}

.package_classify {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: #fff;
    border-bottom: .5px solid #eaeaea;
    height: 40px;
    overflow-y: hidden
}

.package_classify a {
    font-size: 14px;
    line-height: 40px;
    color: #999
}

.package_classify a.on {
    color: #333;
    border-bottom: 4px solid #fcd134;
    line-height: 40px
}

.center_main {
    margin-top: 35px;
    padding-top: 35px;
    position: relative
}

.center_title_pic {
    position: absolute;
    top: -25px;
    left: 30px;
    right: 30px
}

.mall_notice {
    height: 30px;
    line-height: 30px;
    margin: 0 -5px 5px;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    background: #fff;
    padding: 0 5px 0 30px;
    overflow: hidden;
    position: relative;
    border-bottom: .5px solid #e5e5e5
}

.text_gundong p i {
    vertical-align: bottom
}

.mall_notice em {
    width: 19px;
    display: block;
    padding: 0 5px 0 10px;
    margin-left: -30px;
    float: left
}

.mall_package {
    padding: 0 0 10px
}

.mall_package_nav ul {
    background: #fff;
    overflow: hidden
}

.mall_package_nav ul li {
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center
}

.mall_package_nav ul li a {
    font-size: 14px;
    color: #333;
    display: inline-block
}

.mall_package_nav ul li.on a {
    height: 37px;
    color: #f50;
    border-bottom: 2px solid #f50
}

.mall_package_box {
    width: 50%;
    float: left
}

.mall_package_list {
    margin: 0 5px 5px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.mall_package .mall_package_box:nth-child(odd) .mall_package_list {
    margin: 0 2.5px 5px 0
}

.mall_package .mall_package_box:nth-child(even) .mall_package_list {
    margin: 0 0 5px 2.5px
}

.mall_package_list em {
    height: 85px;
    line-height: 85px;
    overflow: hidden;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff
}

.mall_package_list em img {
    width: 100%;
    height: 100%
}

.mall_goods_box {
    overflow: hidden;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff
}

.game_package .mall_goods {
    width: auto;
    margin: 15px auto 0
}

.mall_goods {
    width: 125px;
    margin: 20px auto 10px
}

.real_sell .mall_goods img {
    height: 60px
}

.bg_blue {
    background: #61adf2
}

.hot_sell .sell_item .vip_box,
.mall_package_list .vip_box {
    width: 35px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    top: -1px;
    right: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ff5647
}

.mall_package_txt {
    padding: 5px 10px
}

.mall_package_txt h1 {
    width: 100%;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal;
    margin-bottom: 5px
}

.mall_package_txt p span {
    line-height: 12px;
    font-size: 12px;
    color: #666;
    float: right
}

.mall_package_txt p b {
    line-height: 12px;
    font-weight: normal;
    font-size: 12px;
    color: #fa6f2a;
    float: left
}

.on_sale:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background: url("../images/on_sale_icon.png") no-repeat;
    background-size: 100% 100%
}

.on_sale .mall_package_txt p {
    margin: 0 -7px
}

.on_sale .mall_package_txt p b i {
    font-style: normal;
    color: #666;
    margin-right: 3px;
    text-decoration: line-through
}

.change_popup {
    width: 300px;
    height: 180px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -150px;
    border-radius: 5px
}

.change_popup h1 {
    font-size: 14px;
    color: #666;
    text-align: center;
    font-weight: normal;
    padding: 55px 0 45px
}

.change_popup p {
    overflow: hidden;
    padding: 0 20px
}

.change_popup p a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #666;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
    display: block
}

.change_popup p a.sure {
    color: #fff;
    background: #0084ff;
    border: 1px solid #0084ff
}

.friends_not {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 15px;
    margin-bottom: 55px
}

.friends_not_list {
    padding: 5px 85px 5px 50px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    position: relative
}

.friends_not_list:last-child {
    border: 0
}

.friends_not_list span {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-left: -50px;
    border-radius: 100%;
    overflow: hidden
}

.friends_not_list span img {
    vertical-align: top
}

.friends_not_list em {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-left: -50px;
    border-radius: 100%;
    overflow: hidden
}

.friends_not_list em img {
    vertical-align: top
}

.friends_not_list p {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal
}

.friends_not_list p span.emojicon-m {
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: inherit;
    margin: 0;
    border-radius: 0;
    overflow: inherit;
    display: inline-block
}

.invitation_btn {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.invitation_btn a {
    height: 40px;
    line-height: 40px;
    margin: 5px;
    display: block;
    background: #fcd134;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 15px
}

.invitate_gray {
    background: #dcdcdc
}

.invitate_gray a {
    color: #fff
}

.detail_pic_bg {
    width: 100%;
    height: 188px;
    display: block;
    background: url(../images/bg_icon.png) 0 0 / 100% repeat
}

.detail_pic_bg em {
    width: 214px;
    height: 188px;
    line-height: 188px;
    display: block;
    margin: 0 auto
}

.game_package .detail_pic_bg em {
    width: 280px;
    height: 188px;
    line-height: 188px;
    display: block;
    margin: 0 auto;
    padding-top: 10px
}

.detail_title {
    background: #fff;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1
}

.detail_title h1 {
    font-size: 15px;
    font-weight: normal;
    color: #333;
    padding-bottom: 3px
}

.detail_package_num p {
    font-size: 13px;
    color: #666;
    padding-top: 5px
}

.detail_package_num p.on_sale i:first-child {
    font-style: normal;
    vertical-align: middle;
    margin-right: 3px;
    text-decoration: line-through
}

.integral_all {
    font-size: 13px;
    color: #666;
    float: right;
    padding-top: 10px
}

.integral_all em {
    font-size: 30px;
    color: #fa6f2a;
    font-style: normal;
    padding-left: 5px
}

.detail_main {
    background: #fff;
    padding: 5px 10px 10px;
    margin-top: 10px;
    margin-bottom: 60px;
    border-top: 1px solid #e1e1e1
}

.detail_main h1 {
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #333;
    font-weight: normal;
    border-left: 4px solid #fcb334;
    padding-left: 5px;
    margin-left: -10px
}

.detail_con p {
    font-size: 14px;
    color: #333;
    padding-top: 6px;
    line-height: 22px
}

.detail_notice {
    padding-top: 5px
}

.detail_notice p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    word-break: break-all
}

.detail_btn_box {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.detail_btn {
    padding: 5px;
    overflow: hidden
}

.detail_btn a {
    width: 48.5%;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 3px
}

.detail_btn a.detail_earn {
    float: left;
    background: #fff;
    border: 1px solid #666
}

.detail_btn a.detail_change {
    float: right;
    background: #f50;
    border: 1px solid #f50;
    color: #fff
}

.detail_btn a.detail_gray {
    background: #dadada;
    border: 1px solid #dadada
}

.exchange_wrap {
    padding-bottom: 60px
}

.exchange_box {
    margin: 15px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #e1e1e1
}

.exchange_box input {
    width: 99%;
    line-height: 15px;
    font-size: 14px;
    color: #333;
    margin: 10px 0;
    border: 0;
    outline: 0;
    font-family: "苹方"
}

.exchange_goods p {
    font-size: 13px;
    color: #333;
    padding: 0 15px 10px
}

.exchange_wrap .invitation_btn a {
    background: #fa6f2a
}

.empty_box {
    width: 100%;
    height: 110px;
    position: fixed;
    top: 50%;
    left: 0;
    margin-top: -55px
}

.empty_box em {
    width: 80px;
    display: block;
    margin: 0 auto
}

.empty_box p {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 10px
}

.illustrate h1 {
    font-size: 18px;
    color: #333;
    padding: 15px;
    text-align: center
}

.illustrate_box h2 {
    font-size: 16px;
    color: #fa6f2a;
    font-weight: normal;
    padding: 0 15px
}

.illustrate_box p {
    font-size: 14px;
    color: #333;
    padding: 10px 12px;
    line-height: 25px
}

.game_pop {
    width: 280px;
    height: 280px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -140px
}

.game_pop h1 {
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: #0084ff;
    text-align: center;
    font-size: 17px;
    font-weight: normal
}

.game_pop h1 span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    font-size: 27px;
    position: absolute;
    top: 0;
    right: 0
}

.game_pop p {
    padding: 40px 15px;
    text-align: center;
    font-size: 13px;
    color: #333
}

.game_pop p i {
    font-size: 40px;
    color: #0084ff;
    font-style: normal
}

.game_pop_btn {
    padding: 0 20px;
    overflow: hidden
}

.game_pop_btn a {
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #0084ff;
    border: 1px solid #0084ff;
    border-radius: 3px;
    display: block
}

.game_pop_btn .more_games {
    width: 100%;
    background: #0084ff;
    margin-top: 15px;
    color: #fff
}

.login_close {
    width: 17px;
    height: 17px;
    display: block;
    font-size: 31px;
    font-weight: 100;
    color: #0084ff;
    position: fixed;
    top: 10px;
    left: 10px;
    padding: 6px
}

.login_close img {
    vertical-align: top
}

.login_pic {
    width: 100px;
    height: 100px;
    margin: 120px auto 0
}

.login_btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 45px;
    background: #fcd134;
    margin: 150px auto 0
}

.login_btn a {
    font-size: 16px;
    color: #333
}

.login_text {
    font-size: 13px;
    color: #666;
    text-align: center;
    padding-top: 18px;
    line-height: 20px
}

.login_text a {
    font-size: 14px;
    color: #0084ff
}

.push {
    padding: 10px 80px 10px 50px;
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.push em {
    width: 22px;
    height: 23px;
    display: block;
    float: left;
    margin-left: -32px;
    margin-top: 4px
}

.push p {
    line-height: 30px;
    font-size: 15px;
    color: #333;
    float: left
}

.push span {
    width: 50px;
    height: 30px;
    display: block;
    background: #e1e1e1;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    float: right;
    margin-right: -65px
}

.push span i {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #fff;
    border-radius: 100%
}

.push span.on {
    background: #0084ff
}

.push span.on i {
    left: inherit;
    right: 2px
}

.set_list_box {
    margin: 10px 0;
    border-top: 1px solid #e1e1e1
}

.set_list {
    padding-right: 33px;
    border-top: 0;
    padding: 0
}

.set_list a {
    display: block;
    overflow: hidden;
    padding: 10px 30px 10px 50px
}

.set_list b {
    width: 8px;
    height: 15px;
    display: block;
    float: right;
    margin: 8px -20px 0 0
}

.push em img,
.set_list b img {
    vertical-align: top
}

.login_status {
    margin-top: 10px
}

.login_status a {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #0084ff;
    display: block;
    text-align: center
}

.login_status a.login_on {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #f33131
}

.black_box {
    background: rgba(0, 0, 0, .8);
    width: 150px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -75px;
    font-size: 14px;
    color: #fff
}

.update_box {
    width: 280px;
    height: 150px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -140px
}

.update_box h1 {
    padding-top: 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: normal
}

.update_box p {
    overflow: hidden;
    margin: 20px
}

.update_box p a {
    width: 110px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.update_box p a.update_btn {
    background: #fcd134;
    border: 1px solid #fcd134;
    color: #333
}

.game_ewm {
    width: 280px;
    background: #fff;
    overflow: hidden;
    margin: 90px auto 20px;
    box-shadow: 0 0 6px rgba(155, 155, 155, .3)
}

.game_top {
    line-height: 60px;
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1
}

.game_top span {
    width: 58px;
    height: 58px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.game_ewm_pic {
    width: 200px;
    height: 200px;
    margin: 40px auto 25px
}

.game_text {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-bottom: 25px
}

.about_us_box {
    background: #fcd134
}

.about_us {
    width: 100%;
    display: inline-block
}

.about_us em {
    width: 80px;
    height: 80px;
    margin: 40px auto 8px;
    display: block;
    border-radius: 10px;
    overflow: hidden
}

.about_us p {
    font-size: 17px;
    color: #333;
    text-align: center;
    padding: 5px 0 8px
}

.about_us span {
    font-size: 13px;
    color: #333;
    display: block;
    text-align: center;
    padding-bottom: 20px
}

.about_web {
    padding: 10px 0;
    background: #fff
}

.about_web p {
    padding: 10px 0 10px 15px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    margin-left: 10px
}

.about_web p:last-child {
    border: 0
}

.about_web em {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px
}

.wrap_about_us .footer {
    background: 0
}

.footer h1 {
    font-size: 14px;
    color: #0084ff;
    font-weight: normal;
    text-align: center
}

.footer p {
    line-height: 18px;
    font-size: 11px;
    color: #666;
    text-align: center;
    padding: 10px 0 25px
}

.use_box {
    padding: 15px 10px
}

.use_title {
    font-size: 16px;
    color: #333;
    padding-bottom: 10px
}

.use_text {
    padding-bottom: 25px
}

.use_text p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    text-indent: 25px
}

.loading_pic em {
    width: 60px;
    display: block;
    margin: 40% auto 0
}

.loading_pic span {
    font-size: 13px;
    color: #666;
    display: block;
    text-align: center;
    padding-top: 10px
}

.loading_fail em {
    width: 90px;
    display: block;
    margin: 40% auto 0
}

.loading_fail span {
    font-size: 13px;
    color: #666;
    display: block;
    text-align: center;
    padding-top: 15px
}

.loading_fail a {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin: 15px auto;
    display: block;
    font-size: 13px;
    color: #666
}

.refresh_load {
    width: 40px;
    margin: 0 auto;
    padding: 20px 0
}

.consult {
    padding: 20px 15px;
    font-family: "苹方"
}

.consult h1 {
    font-size: 20px;
    color: #333;
    line-height: 25px
}

.consult_game {
    font-size: 13px;
    color: #666;
    padding: 10px 0 15px
}

.consult h2 {
    font-size: 15px;
    color: #333;
    margin-top: 25px
}

.consult p {
    font-size: 15px;
    color: #333;
    line-height: 22px;
    margin: 30px 0;
    text-indent: 30px
}

.consult_nav {
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: .5px solid #e1e1e1
}

.consult_nav ul li {
    width: 50%;
    height: 30px;
    line-height: 30px;
    float: left;
    border-left: 1px solid #e1e1e1;
    margin-left: -1px;
    margin-top: 10px
}

.consult_nav ul li a {
    font-size: 15px;
    color: #0084ff;
    display: block;
    text-align: center
}

.consult_list_box {
    padding: 0 15px;
    margin: 10px 0;
    background: #fff;
    border-bottom: .5px solid #e1e1e1
}

.consult_list_box a {
    display: block
}

.consult_list {
    padding: 10px 95px 10px 0;
    border-bottom: .5px solid #e1e1e1;
    overflow: hidden
}

.consult_list_box a:last-child .consult_list {
    border: 0
}

.consult_list_text h1 {
    font-size: 15px;
    color: #333;
    line-height: 22px
}

.consult_list_text p {
    font-size: 13px;
    color: #666;
    line-height: 14px;
    padding-top: 6px
}

.consult_list span {
    width: 85px;
    display: block;
    float: right;
    margin-right: -95px
}

.bulletin_box h1 {
    min-width: 70px;
    display: table;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    margin: 30px auto 10px;
    background: #ccc;
    border-radius: 3px;
    text-align: center
}

.bulletin_con {
    padding: 0 15px 0 70px
}

.bulletin_con span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: block;
    float: left;
    margin-left: -55px
}

.bulletin_txt p {
    font-size: 13px;
    color: #333
}

.bullet_main {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
    margin-top: 4px;
    position: relative
}

.bullet_main em {
    width: 10px;
    position: absolute;
    top: 0;
    left: -10px
}

.bullet_main em img {
    vertical-align: top
}

.bullet_main h2 {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding-bottom: 5px
}

.bullet_main h3 {
    font-size: 12px;
    color: #333;
    line-height: 25px;
    font-weight: normal
}

.game_bulletin_text {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    margin: 10px 15px
}

.game_detai2 {
    margin: 10px 0
}

.game_line .package:after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    background: #e1e1e1
}

.game_line .package:last-child:after {
    background: 0
}

.vip_ico {
    width: 100%;
    overflow: hidden;
    position: relative
}

.vip_ico h1 {
    display: inline-block;
    vertical-align: top
}

.vip_ico em {
    width: 36px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-align: center;
    margin: 35px 0 0 5px
}

.serve_kefu {
    background: #fff;
    border-top: .5px solid #e1e1e1;
    border-bottom: .5px solid #e1e1e1;
    margin: 5px 0;
    padding: 10px 28px 10px 15px;
    overflow: hidden
}

.serve_kefu span {
    width: 95px;
    display: block;
    float: left
}

.serve_kefu p {
    line-height: 22px;
    font-size: 15px;
    color: #333;
    float: left
}

.serve_kefu em {
    width: 8px;
    display: block;
    float: right;
    margin-right: -18px
}

.head_tip {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 13px;
    color: #fff
}

.head_tip a {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    font-size: 13px;
    color: #fff;
    margin: 0;
    display: block
}

.head_tip b {
    font-weight: normal;
    float: left;
    padding: 0 3px
}

.experience_num {
    font-size: 12px;
    color: #fff;
    margin: 3px 0
}

.experience_bar {
    width: 130px;
    height: 6px;
    border: 2px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    position: relative
}

.experience_bar span {
    width: 0;
    height: 6px;
    background: #6bd2f5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px
}

.personalcenter_head {
    padding: 20px 15px 20px 80px;
    background: #fff;
    border-bottom: 1px solid #e7e7e7
}

.personalcenter_head_inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.personalcenter_head_pic {
    width: 55px;
    height: 55px;
    display: inline-block;
    position: absolute;
    left: -65px;
    top: 50%;
    margin-top: -27px
}

.personalcenter_head_pic img {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 18px;
    margin-left: -20px;
    border-radius: 50px
}

.head_second_pic .personalcenter_head_pic {
    width: 60px;
    height: 66px;
    display: inline-block;
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -33px;
    background: url(../images/rank2.png) 0 0 / 100% no-repeat
}

.head_third_pic .personalcenter_head_pic {
    width: 60px;
    height: 66px;
    display: inline-block;
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -33px;
    background: url(../images/rank3.png) 0 0 / 100% no-repeat
}

.personalcenter_head_kong .personalcenter_head_pic {
    background: 0;
    width: 62px;
    height: 62px;
    margin-top: -31px
}

.personalcenter_head_kong .personalcenter_head_pic img {
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    margin: 0
}

.personalcenter_head_sign_no .personalcenter_head_pic {
    background: #f0f0f0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 100%
}

.personalcenter_head_sign_no .personalcenter_head_pic img {
    width: 43px;
    height: 35px;
    top: 7px;
    left: 3px;
    margin: 0;
    border: 0
}

.personalcenter_head_sign_no .login_kong {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    text-decoration: underline;
    margin-left: -10px
}

.personalcenter .head_first_pic .personalcenter_head_pic {
    width: 66px;
    height: 66px;
    display: inline-block;
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -34px;
    background: url(../images/lightshield.gif) 0 0 / 100% no-repeat
}

.personalcenter .head_first_pic .personalcenter_head_pic img {
    width: 60%;
    height: auto;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 19px;
    margin-left: -21px;
    border-radius: 50px
}

.personalcenter .head_second_pic .personalcenter_head_pic img,
.personalcenter .head_third_pic .personalcenter_head_pic img {
    width: 70%;
    height: auto;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 14px;
    margin-left: -22px;
    border-radius: 50px
}

.personalcenter .personalcenter_head_kong .personalcenter_head_pic {
    left: -70px
}

.gold_coin_num {
    width: 80px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    text-align: center
}

.gold_coin_num span {
    font-size: 19px;
    color: #fa6f2a;
    display: block
}

.gold_coin_num p {
    font-size: 12px;
    color: #333
}

.name_text {
    line-height: 16px;
    font-size: 15px;
    color: #333;
    font-weight: normal;
    padding: 3px 0 0
}

.name_text .vip_icon_pic {
    vertical-align: bottom
}

.jindutiao {
    font-size: 10px;
    color: #333
}

.jindutiao p {
    width: 66px;
    height: 4px;
    background: #ededed;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 5px
}

.jindutiao p span {
    height: 4px;
    background: #4d4d4d;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.jindutiao i {
    font-size: xx-small
}

.infor_text {
    line-height: 14px;
    font-size: 10px;
    color: #666;
    font-weight: normal
}

.personalcenter_head .center_sign {
    top: 50%;
    right: 0;
    margin-top: -15px;
    border: 1px solid #0084ff;
    cursor: pointer
}

.personalcenter_head .name_text {
    font-size: 15px;
    line-height: 18px
}

.personalcenter_head .name_text i {
    max-width: 120px;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.personalcenter_head .infor_text {
    font-size: 13px;
    color: #333
}

.yu_e_box {
    font-size: 15px;
    color: #666;
    text-align: center;
    background: #fff;
    margin-top: -4px;
    margin-bottom: 5px;
    padding: 8px 0
}

.yu_e_box a {
    width: 65px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background: #fd1f1f;
    border-radius: 30px;
    font-size: 15px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer
}

.change_coin_box p {
    width: 50%;
    font-size: 13px;
    color: #999;
    text-align: center
}

.change_coin_box ul li {
    width: 50%;
    float: left;
    margin-top: 15px
}

.change_coin_box ul li a {
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.change_coin_box ul li input {
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    color: #333;
    outline: 0;
    font-family: "苹方"
}

.change_coin_box ul li.on a,
.change_coin_box ul li.on input {
    border: 1px solid #f50;
    color: #f50
}

.change_coin_box ul li.on input::-webkit-input-placeholder {
    color: #f50
}

.change_tip {
    font-size: 12px;
    color: #f00;
    text-align: center;
    padding-top: 10px
}

.coin_pay_box p {
    font-size: 15px;
    color: #333;
    text-align: center;
    padding-top: 10px
}

.coin_pay_box p span {
    font-size: 30px;
    color: #ff4526;
    display: block
}

.coin_pay_bot {
    padding: 10px 18px 0;
    margin-top: 10px;
    border-top: 1px solid #e1e1e1;
    overflow: hidden
}

.coin_pay_bot span {
    font-size: 13px;
    color: #666
}

.coin_pay_bot span i {
    font-size: 15px;
    font-style: normal;
    color: #ff4526
}

.fail_text {
    padding: 20px 30px 0
}

.fail_text p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding-bottom: 10px
}

.fail_text_notice {
    font-size: 14px;
    color: #666;
    padding-bottom: 10px
}

.kefu_ewm_pic span {
    width: 130px;
    height: 130px;
    display: block;
    margin: 5px auto
}

.kefu_ewm_pic p {
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 16px
}

.vip_top {
    width: 100%;
    overflow: hidden;
    height: 110px;
    background: #333;
    position: relative
}

.gallery-thumbs {
    height: 33.3%;
    box-sizing: border-box;
    overflow: inherit
}

.gallery-thumbs .swiper-slide {
    width: 33.3%;
    height: 100%
}

.vip_line {
    width: 100%;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 2px solid #fcd134
}

.vip_line_left {
    width: 50%;
    height: 47px;
    border-bottom: 2px solid #fcd134;
    float: left;
    position: relative
}

.vip_line_left span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    background: #fcd134;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    font-size: 10px;
    color: #333;
    text-align: center
}

.vip_line_right {
    width: 50%;
    height: 47px;
    border-bottom: 2px solid #fcd134;
    float: right;
    position: relative
}

.vip_line_right span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    background: #fcd134;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    font-size: 10px;
    color: #333;
    text-align: center
}

.vip_cen {
    width: 70px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -35px
}

.vip_cen span {
    width: 58px;
    height: 58px;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: block
}

.vip_cen em {
    width: 70px;
    height: 18px;
    line-height: 21px;
    display: block;
    background: url(../images/vip_bg.png) 0 / 100% no-repeat;
    font-size: 10px;
    color: #333;
    text-align: center;
    font-style: normal;
    position: absolute;
    bottom: -5px;
    left: 0
}

.experience {
    line-height: 15px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding-top: 84px
}

.vip_tab {
    margin: 15px
}

.vip_tab table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1
}

.vip_tab table tr {
    border-bottom: 1px solid #e1e1e1
}

.vip_tab table tr:last-child {
    border: 0
}

.vip_tab table tr td,
.vip_tab table tr th {
    line-height: 30px;
    border-right: 1px solid #e1e1e1;
    text-align: center
}

.vip_tab table tr th {
    font-size: 13px;
    color: #333
}

.vip_tab table tr td {
    font-size: 12px;
    color: #666
}

.vip_tab table tr td i {
    width: 36px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-align: center
}

.vip_tab table tr td:first-child {
    color: #00a650
}

.vip_tab table tr td:last-child,
.vip_tab table tr th:last-child {
    border: 0
}

.tishi {
    padding: 15px
}

.tishi h1 {
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.tishi p {
    line-height: 18px;
    font-size: 13px;
    color: #666;
    padding-top: 3px
}

.vip_up_box {
    width: 242px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -121px
}

.vip_up {
    width: 100%;
    background: #ffe166;
    padding-bottom: 10px;
    border-radius: 5px
}

.vip_up_bg {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.vip_up_img {
    width: 130px;
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -65px
}

.vip_up_title {
    width: 310px;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -155px
}

.vip_up_text {
    font-size: 18px;
    color: #615112;
    text-align: center;
    padding: 120px 10px 0
}

.vip_fanli_list1 {
    padding-top: 20px
}

.vip_fanli_list2 {
    position: relative;
    overflow: hidden;
    padding-top: 10px
}

.vip_fanli_list2 .vip_fanli {
    width: 50%;
    float: left
}

.vip_fanli_list3 {
    position: relative;
    overflow: hidden;
    padding: 20px 5px 0
}

.vip_fanli_list3 .vip_fanli {
    width: 33.3%;
    float: left
}

b.vip_jia {
    width: 20px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    font-size: 30px;
    color: #fff;
    font-weight: normal
}

.vip_fanli_list2 b.vip_jia_1 {
    top: 20px;
    left: 50%;
    margin-left: -10px
}

.vip_fanli_list2 b.vip_jia_2 {
    top: 100px;
    left: 50%;
    margin-left: -10px
}

.vip_fanli_list3 b.vip_jia_1 {
    top: 20px;
    left: 30%
}

.vip_fanli_list3 b.vip_jia_2 {
    top: 20px;
    right: 30%
}

.vip_fanli em {
    width: 43px;
    height: 43px;
    display: block;
    margin: 0 auto
}

.vip_fanli span {
    line-height: 16px;
    font-size: 15px;
    color: #615112;
    display: block;
    padding: 8px 3px 15px;
    text-align: center
}

.vip_btn {
    width: 90px;
    height: 35px;
    line-height: 35px;
    background: #e44d3f;
    border-radius: 6px;
    margin: 8px auto 0;
    font-size: 15px;
    color: #fff;
    text-align: center
}

.vip_up h1 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding-top: 25px
}

.vip_up h2 {
    width: 115px;
    height: 111px;
    line-height: 95px;
    font-size: 19px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 15px 0 18px;
    margin: 0 auto
}

.vip_up p {
    border-top: .5px solid #e1e1e1;
    font-size: 15px;
    color: #0084ff;
    text-align: center;
    padding: 10px 0
}

.vip0 {
    background: #dfdfdf
}

.vip1 {
    background: #67d2f4
}

.vip3 {
    background: #40d1af
}

.vip5 {
    background: #95cd48
}

.vip7 {
    background: #ffa53a
}

.vip9 {
    background: #ff6850
}

.col_vip0 {
    color: #dfdfdf;
    font-style: normal
}

.col_vip1 {
    color: #67d2f4;
    font-style: normal
}

.col_vip3 {
    color: #40d1af;
    font-style: normal
}

.col_vip5 {
    color: #95cd48;
    font-style: normal
}

.col_vip7 {
    color: #ffa53a;
    font-style: normal
}

.col_vip9 {
    color: #ff6850;
    font-style: normal
}

.col_vip_icon0 {
    color: #dfdfdf;
    font-style: normal
}

.col_vip_icon1,
.col_vip_icon2 {
    color: #67d2f4;
    font-style: normal
}

.col_vip_icon3,
.col_vip_icon4 {
    color: #40d1af;
    font-style: normal
}

.col_vip_icon5,
.col_vip_icon6 {
    color: #95cd48;
    font-style: normal
}

.col_vip_icon7,
.col_vip_ico8 {
    color: #ffa53a;
    font-style: normal
}

.col_vip_icon9,
.col_vip_icon10 {
    color: #ff6850;
    font-style: normal
}

.vip1_bg {
    background: url(../images/vip1.png) 0 15px / 100% no-repeat
}

.vip3_bg {
    background: url(../images/vip3.png) 0 15px / 100% no-repeat
}

.vip5_bg {
    background: url(../images/vip5.png) 0 15px / 100% no-repeat
}

.vip7_bg {
    background: url(../images/vip7.png) 0 15px / 100% no-repeat
}

.vip9_bg {
    background: url(../images/vip9.png) 0 15px / 100% no-repeat
}

.vip_icon_pic {
    width: 44px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.vip_icon0 {
    background: url(../images/vip_icon0.png) 0 4px / 100% no-repeat
}

.vip_icon1 {
    background: url(../images/vip_icon1.png) 0 4px / 100% no-repeat
}

.vip_icon2 {
    background: url(../images/vip_icon2.png) 0 4px / 100% no-repeat
}

.vip_icon3 {
    background: url(../images/vip_icon3.png) 0 4px / 100% no-repeat
}

.vip_icon4 {
    background: url(../images/vip_icon4_v2.png) 0 4px / 100% no-repeat
}

.vip_icon5 {
    background: url(../images/vip_icon5_v2.png) 0 4px / 100% no-repeat
}

.vip_icon6 {
    background: url(../images/vip_icon6_v2.png) 0 4px / 100% no-repeat
}

.vip_icon7 {
    background: url(../images/vip_icon7.png) 0 4px / 100% no-repeat
}

.vip_icon8 {
    background: url(../images/vip_icon8.png) 0 4px / 100% no-repeat
}

.vip_icon9 {
    background: url(../images/vip_icon9.png) 0 4px / 100% no-repeat
}

.vip_icon10 {
    background: url(../images/vip_icon10.png) 0 4px / 100% no-repeat
}

.vip_blue_bg {
    background: #69c8f1 !important
}

.vip_green_bg {
    background: #7ee089 !important
}

.vip_purple_bg {
    background: #d360a5 !important
}

.vip_red_bg {
    background: #ef4a4b !important
}

.swiper-container-head .swiper-wrapper .swiper-slide {
    margin-top: 28px
}

.swiper-container-head .swiper-wrapper .swiper-slide-active {
    margin-top: 18px
}

.swiper-container-head .swiper-wrapper .swiper-slide-active .vip_grade {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.swiper-container-head .swiper-wrapper .swiper-slide-active .vip_grade.vip_grade_on {
    height: 65px;
    margin-top: -8px
}

.vip_grade span {
    width: 58px;
    height: 58px;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    position: relative
}

.vip_grade em {
    width: 70px;
    height: 18px;
    line-height: 21px;
    display: block;
    background: url(../images/vip_bg.png) 0 / 100% no-repeat;
    font-size: 10px;
    color: #333;
    text-align: center;
    font-style: normal;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px
}

.vip_grade {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #fcd134;
    border-radius: 100%;
    font-size: 12px;
    color: #333;
    text-align: center
}

.vip_grade_sma span {
    width: 38px;
    height: 38px
}

.vip_grade_sma em {
    width: 56px;
    margin-left: -28px;
    bottom: -6px
}

.vip_privilege_box {
    width: 100%;
    position: relative;
    overflow: initial
}

.vip_privilege_box:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px
}

.vip_privilege {
    padding-left: 10px;
    background: #fff
}

.privilege_kong {
    padding: 75px 0
}

.privilege_kong em {
    width: 111px;
    display: block;
    margin-left: 30%
}

.privilege_kong p {
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 15px;
    padding-top: 20px
}

.vip_privilege h1 {
    line-height: 35px;
    font-size: 15px;
    color: #333;
    font-weight: normal
}

.vip_privilege_list {
    padding: 10px 20px 10px 52px;
    position: relative;
    border-bottom: 1px solid #e1e1e1
}

.vip_privilege .vip_privilege_list:last-child {
    border: 0
}

.vip_privilege_list em {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px
}

.vip_privilege_txt h2 {
    line-height: 20px;
    font-size: 15px;
    color: #333
}

.vip_privilege_txt h2 i {
    font-size: 13px;
    color: #ff3600;
    font-style: normal
}

.vip_privilege_txt p {
    line-height: 20px;
    font-size: 13px;
    color: #666
}

.vip_privilege_txt h2 em,
.vip_privilege_txt p em {
    font-size: 13px;
    color: #ff3600;
    font-style: normal
}

.vip_privilege_ewm em {
    width: 115px;
    height: 115px;
    display: block;
    margin: 5px auto 0
}

.vip_privilege_ewm p {
    font-size: 12px;
    color: #333;
    text-align: center;
    padding-bottom: 10px
}

.safe_top {
    text-align: center;
    padding: 24px 10px
}

.safe_top em {
    width: 44px;
    display: inline-block;
    padding-right: 13px
}

.safe_top span {
    text-align: center;
    font-size: 16px;
    color: #999;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle
}

.safe_ipt {
    background: #fff;
    padding-left: 10px
}

.safe_ipt {
    padding: 0
}

.safe_ipt span {
    width: 70px;
    line-height: 44px;
    display: block;
    float: left;
    margin-left: -70px;
    color: #999
}

.safe_ipt .safe_list input {
    text-align: left;
    text-indent: 10px
}

.safe_list {
    height: 44px;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.safe_list:last-child {
    border: 0
}

.safe_list input {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 10px 0 0;
    border: 0;
    outline: 0;
    font-family: "苹方";
    font-size: 14px;
    color: #333
}

.safe_list a {
    line-height: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -16px;
    color: #4594ff;
    font-size: 13px;
    text-decoration: underline
}

.safe_yanzheng {
    padding-right: 120px;
    position: relative;
    border: 0
}

.safe_yanzheng span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #666;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    color: #333;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -16px
}

.bind_btn {
    margin: 20px 10px 0;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    border-radius: 3px
}

.bind_btn a {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center
}

.bind_top {
    width: 100%;
    display: inline-block
}

.bind_top em {
    width: 40px;
    display: block;
    margin: 15px auto
}

.bind_top em.phone_top_pic {
    width: 70px
}

.bind_top p {
    font-size: 15px;
    color: #333;
    text-align: center;
    padding-bottom: 15px
}

.bind_top span {
    font-size: 16px;
    color: #999;
    text-align: center;
    display: block;
    padding-bottom: 20px
}

.bind_num {
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    background: #fff
}

.bind_num a {
    font-size: 13px;
    color: #4594ff;
    text-decoration: underline;
    float: right
}

.safe_tip {
    line-height: 18px;
    font-size: 13px;
    color: #666;
    padding: 10px 10px 0 75px
}

.safe_tip span {
    display: block;
    float: left;
    margin-left: -65px
}

.account_tip {
    line-height: 30px;
    font-size: 13px;
    color: #f50;
    text-align: center
}

.account_tip span {
    width: 15px;
    display: inline-block;
    margin-right: 5px
}

.alipay_account {
    background: #fff
}

.alipay_account .sale_infor {
    padding: 0 10px 0 40px
}

.alipay_account .sale_infor span {
    font-size: 14px
}

.alipay_account .sale_infor p input {
    text-align: left;
    font-size: 14px
}

.alipay_account .sale_infor:last-child {
    border: 0
}

.notice_bot {
    padding: 10px 10px 10px 50px;
    font-size: 13px;
    color: #999
}

.notice_bot span {
    margin-left: -40px;
    display: block;
    float: left
}

.alipay_bind .sale_infor:last-child,
.account_bind .sale_infor:last-child {
    border: 0
}

.account_bind .sale_infor {
    padding: 0 10px 0 100px
}

.account_bind .sale_infor span.new_mess:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: -7px;
    background: red
}

.alipay_bind .sale_infor span,
.alipay_bind .sale_infor p i,
.account_bind .sale_infor a,
.account_bind .sale_infor p i {
    font-size: 14px
}

.account_bind .sale_infor p i.blue {
    color: #348dfc
}

.bg_blue {
    background: #0084ff;
    border-color: #0084ff !important
}

.bg_blue a {
    color: #fff
}

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

.icon_box {
    width: 180px;
    height: 180px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 10px 0
}

.icon_mean {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    right: -20px;
    cursor: pointer
}

.mean_box em {
    width: 25px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border-radius: 13px;
    font-size: 9px;
    color: #fff;
    font-weight: normal;
    display: block;
    font-style: normal;
    background: #ff6659;
    position: absolute;
    top: -5px;
    left: -5px;
    transform: rotate(-30deg)
}

.mean_box em.youke_ico {
    background: #1f9cd3
}

.popup_back_con em {
    width: 80px;
    display: block;
    margin: 0 auto
}

.popup_back_con p {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 17px 0 10px
}

.youke_exit {
    border: 1px solid #666;
    border-radius: 5px;
    margin-bottom: 15px !important
}

.redeem_code {
    width: 205px;
    background: rgba(51, 51, 51, .8);
    padding: 10px;
    position: absolute;
    top: -30px;
    right: 50px;
    border-radius: 5px
}

.redeem_code:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid rgba(51, 51, 51, .8);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px
}

.redeem_code p {
    font-size: 13px;
    color: #fff;
    line-height: 18px
}

.redeem_code p span {
    width: 140px;
    line-height: 20px;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    color: #333;
    padding: 0 5px;
    word-wrap: break-word;
    vertical-align: top
}

.redeem_code p:last-child {
    margin-top: 10px
}

.icon_tool {
    width: 50%;
    height: 80px;
    float: left;
    padding-bottom: 10px
}

.icon_tool a {
    display: block
}

.icon_tool em {
    width: 50px;
    display: block;
    margin: 0 auto
}

.icon_tool span {
    width: 100%;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 5px
}

.game_list_pop_box {
    padding: 10px 10px 0
}

.game_list_pop {
    padding: 5px 10px;
    border-bottom: .5px solid #e1e1e1
}

.game_list_pop:last-child {
    border: 0
}

.game_list_pop h4 {
    font-size: 13px;
    color: #333;
    font-weight: normal;
    padding-bottom: 3px
}

.game_play_list_box {
    max-height: 207px;
    overflow: hidden;
    margin: 0 -10px
}

.game_play_list {
    width: 25%;
    float: left;
    padding-bottom: 5px
}

.game_play em {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.game_play span {
    width: 100%;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    display: block;
    text-align: center
}

.package_list_pop {
    max-height: 165px;
    overflow-y: scroll;
    padding: 0;
    margin: 0 10px 15px;
    border-bottom: 1px solid #e1e1e1
}

.package_list_pop .package {
    padding-right: 55px;
    border-bottom: 0;
    border-top: 1px solid #e1e1e1
}

.package_list_pop .package:first-child {
    border-top: 1px solid #e1e1e1
}

.package_list_pop .package_num h4 {
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.package_list_pop .package_num h4 em {
    font-size: 12px;
    color: #666;
    font-style: normal
}

.package_list_pop .package_num h5 {
    font-size: 12px;
    color: #666;
    font-weight: normal
}

.change_way {
    margin: 15px;
    background: #f0f9ff;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    padding: 10px
}

.change_way b {
    font-size: 13px
}

.icon_pack .receive_success .icon_pack_no {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 40px 0 35px
}

.popup_back_wrap {
    overflow: hidden;
    margin: 0 10px
}

.popup_back_list {
    width: 25%;
    float: left
}

.popup_back_list em {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block
}

.popup_back_list span {
    width: 100%;
    line-height: 12px;
    font-size: 12px;
    color: #333;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding: 5px 0
}

.exit_game {
    width: 110px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #0084ff;
    text-align: center;
    margin: 5px auto 15px
}

.exit_game a {
    font-size: 15px;
    color: #333;
    display: block;
    border: 1px solid #333;
    border-radius: 5px
}

.exit_game_2 {
    width: 100%;
    background: #fcd134;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #0084ff;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.exit_game_2 a {
    font-size: 15px;
    color: #111;
    display: block;
    border-radius: 5px
}

.exit_game_two {
    overflow: hidden;
    padding: 15px 20px 12px
}

.exit_game_two a {
    width: 120px;
    height: 38px;
    line-height: 40px;
    display: block;
    background: #fff;
    border: 1px solid #666;
    border-radius: 5px;
    font-size: 15px;
    color: #666;
    text-align: center
}

.exit_game_two a.on {
    background: #0084ff;
    color: #fff
}


.wrap .game_popup_box {
    top: 44px
}

.game_popup {
    width: 310px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -310px;
    z-index: 20
}

.game_popup_head {
    width: 310px;
    position: fixed;
    top: 0;
    left: -310px;
    z-index: 10
}

.game_popup_top {
    width: 100%;
    height: 60px;
    line-height: 50px;
    border-bottom: 3px solid #f0eff5;
    background: #fff
}

.back_home {
    line-height: 60px;
    font-size: 13px;
    color: #333;
    float: left;
    padding-left: 10px
}

.back_home em {
    width: 6px;
    display: inline-block;
    padding-right: 3px
}

.pop_head {
    height: 60px;
    float: left;
    padding-left: 64px;
    position: relative;
    overflow: hidden
}

.pop_head .personalcenter_head_pic {
    width: 58px;
    height: 58px;
    top: 50%;
    left: 5px;
    margin-top: -29px;
    background: url(../images/lightshield_transparent.gif) -3px 0 / 100% no-repeat
}

.pop_head .personalcenter_head_pic img {
    width: 38px;
    height: 38px;
    top: 15px;
    margin-left: -20px
}

.pop_head .name_text {
    padding: 5px 0 2px
}

.head_top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.head_top .name_text {
    padding: 0
}

.head_top .personalcenter_head_pic {
    top: -2px;
    margin-top: 0
}

.head_top_kong {
    height: 35px;
    padding-left: 52px;
    overflow: initial
}

.head_top_kong .personalcenter_head_pic {
    width: 39px;
    height: 39px;
    top: 50%;
    left: 10px;
    background: 0;
    margin: -16px 0 0 0;
    z-index: 10
}

.head_top_kong .personalcenter_head_pic img {
    width: 35px;
    height: 35px;
    top: 0;
    left: 15px;
    border: 2px solid #fff
}

.game_popup_top .pop_head .name_text {
    padding-top: 13px
}

.game_popup_top .game_title {
    top: 18px
}

.game_popup_top .head_top_kong {
    height: 60px;
    padding-left: 65px
}

.game_popup_top .head_top_kong .personalcenter_head_pic {
    width: 50px;
    height: 50px;
    margin-top: -26px
}

.game_popup_top .head_top_kong .personalcenter_head_pic img {
    width: 48px;
    height: 48px;
    left: 0;
    margin-left: 0
}

.head_second_bg .personalcenter_head_pic {
    width: 45px;
    height: 49px;
    top: 50%;
    left: 8px;
    margin-top: -27px;
    background: url(../images/rank2.png) 0 0 / 100% no-repeat
}

.head_third_bg .personalcenter_head_pic {
    width: 45px;
    height: 49px;
    top: 50%;
    left: 8px;
    margin-top: -27px;
    background: url(../images/rank3.png) 0 0 / 100% no-repeat
}

.game_popup_top .head_second_bg .personalcenter_head_pic,
.game_popup_top .head_third_bg .personalcenter_head_pic {
    width: 50px;
    height: 55px
}

.game_popup_top .head_second_bg .personalcenter_head_pic img,
.game_popup_top .head_third_bg .personalcenter_head_pic img {
    top: 11px
}

.head_third_bg .personalcenter_head_pic img,
.head_second_bg .personalcenter_head_pic img {
    top: 10px;
    margin-left: -21px
}

.head_top.personalcenter_head_sign_no {
    height: 40px
}

.head_top.personalcenter_head_sign_no .personalcenter_head_pic {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 10px;
    background: 0;
    margin: -20px 0 0 0;
    z-index: 10;
    background: #e6e6e6
}

.head_top.personalcenter_head_sign_no .personalcenter_head_pic img {
    width: 35px;
    height: 35px;
    top: 0;
    left: 15px;
    border: 2px solid #fff
}

.head_top.personalcenter_head_sign_no .login_kong a {
    font-size: 14px;
    color: #333;
    text-decoration: underline;
    padding-left: 5px
}

.gold_coin {
    width: 72px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #fcd134;
    border: 1px solid #603811;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px
}

.gold_coin a {
    font-size: 13px;
    color: #333;
    display: block
}

.name_text i.name_limit {
    font-style: normal;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block;
    padding-top: 3px;
    vertical-align: middle
}

.game_title {
    font-size: 17px;
    color: #270100;
    text-align: center;
    position: relative;
    position: absolute;
    top: 10px;
    right: 10px
}

.game_title span {
    font-size: 14px;
    color: #270100;
    position: absolute;
    left: 10px;
    top: 0;
    cursor: pointer
}

.game_title span b {
    width: 6px;
    display: inline-block;
    padding-right: 3px
}

.game_title em {
    height: 25px;
    line-height: 25px;
    background: #ff6c64;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-style: normal;
    padding: 0 5px;
    display: block
}

.game_title em b {
    width: 15px;
    display: inline-block;
    padding-right: 5px
}

.game_title em.normal,
.game_title em.full_screen {
    background-image: linear-gradient(#41aadf 0, #0493da 100%);
    font-size: 12px
}

.game_title em.normal b,
.game_title em.full_screen b {
    width: 12px;
    height: 12px;
    padding-right: 5px
}

.game_title em.normal b img,
.game_title em.full_screen b img {
    width: 100%;
    height: 100%
}

.youke {
    height: 45px;
    line-height: 45px;
    position: relative
}

.youke .back_home {
    line-height: 45px
}

.youke .pop_head .personalcenter_head_pic {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: #fff;
    margin-top: -18px
}

.youke .pop_head .personalcenter_head_pic img {
    width: 100%;
    height: inherit;
    border: 0
}

.youke .head_top_kong {
    height: 45px;
    padding-left: 55px
}

.youke_sigin a {
    font-size: 14px;
    color: #333;
    text-decoration: underline
}

.youke_tip {
    width: 194px;
    padding: 10px;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    top: 50px;
    left: 35px;
    z-index: 100;
    border-radius: 5px
}

.youke_tip:before {
    content: '';
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .9);
    position: absolute;
    top: -5px;
    left: 30px
}

.youke_tishi {
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    padding: 10px 10px 5px
}

.youke_tishi span {
    color: #fcd134
}

.youke_tip em.close {
    width: 10px;
    top: 0
}

.youke_tip a {
    width: 75px;
    height: 25px;
    line-height: 25px;
    display: block;
    background: #fcd134;
    font-size: 13px;
    color: #000;
    text-align: center;
    border-radius: 2px;
    margin: 5px auto
}

.game_popup_nav {
    height: 68px
}

.game_popup_nav ul {
    width: 100%;
    height: 68px;
    background: #fff;
    display: inline-block;
    border-bottom: 1px solid #f0eff5
}

.game_popup_nav ul li {
    width: 33.3%;
    float: left
}

.posi_btn4 ul li {
    width: 25%
}

.posi_btn5 ul li {
    width: 20%
}

.posi_btn6 ul li {
    width: 16.6%
}

.game_popup_nav ul li a {
    width: 40px;
    display: block;
    margin: 0 auto;
    position: relative
}

.game_popup_nav ul li a .red_dot {
    width: 5px;
    height: 5px;
    background: red;
    position: absolute;
    display: block;
    top: 3px;
    right: 2px;
    border-radius: 50%
}

.game_popup_nav ul li.vip_libao_btn a {
    width: 45px;
    display: block;
    margin: 0 auto
}

.posi_btn5 ul li a {
    width: 52px;
    font-size: 12px
}

.game_popup_nav ul li a em {
    width: 40px;
    height: 32px;
    display: block;
    margin: 10px auto 0
}

.game_popup_nav ul li a em.icon_01 {
    background: url(../images/ico_01.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_01 {
    background: url(../images/ico_01_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_02 {
    background: url(../images/ico_02_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_02 {
    background: url(../images/ico_02_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_03 {
    background: url(../images/ico_03_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_03 {
    background: url(../images/ico_03_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_04 {
    background: url(../images/ico_04_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_04 {
    background: url(../images/ico_04_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_05 {
    background: url(../images/ico_05_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_05 {
    background: url(../images/ico_05_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_06 {
    background: url(../images/ico_06.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_06 {
    background: url(../images/ico_06_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_07 {
    background: url(../images/ico_07_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_07 {
    background: url(../images/ico_07_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_08 {
    background: url(../images/ico_08_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_08 {
    background: url(../images/ico_08_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_09 {
    background: url(../images/ico_09_v2.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_09 {
    background: url(../images/ico_09_v2_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a em.icon_10 {
    background: url(../images/ico_10.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li.on a em.icon_10 {
    background: url(../images/ico_10_on.png) no-repeat;
    background-size: 100%
}

.game_popup_nav ul li a span {
    line-height: 22px;
    font-size: 12px;
    color: #333;
    display: block;
    text-align: center;
    padding-top: 3px
}

.game_popup_nav ul li.on a span {
    line-height: 22px;
    color: #ff6c64;
    border-bottom: 2px solid #ff6c64
}

.bor_top5 {
    border-top: 5px solid #f0eff5
}

.game_popup_con {
    width: 310px;
    position: absolute;
    top: 129px;
    left: 0;
    overflow-y: overlay;
    background: #fff
}

@media(orientation:landscape){
    /*.levitate-box{*/
    /*    overflow-y: scroll*/
    /*}*/
}
.game_popup_con .game_popup_main .package_empty {
    border-top: 5px solid #f0eff5
}

.game_popup_main {
    background: #fff
}

.game_popup_main .game_wrap {
    margin: 0;
    border-top: 0
}

.game_popup_main .game_list {
    margin: 0;
    border-top: 0
}

.game_popup_main .game_type {
    border: 0
}

.game_popup_main .headline_gift {
    width: 100%;
    height: 100%;
    background-image: url(../images/jrtt_entrance_bg.png);
    padding-top: 20px
}

.game_popup_main .headline_gift .QR_bg {
    width: initial;
    background: url(../images/headline_cat_gift.png) 0 15px no-repeat;
    background-size: 100%;
    margin: 20px 30px 10px 25px
}

.game_popup_main .headline_gift .QR_bg .QR_code {
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    background: #fff;
    margin: 0 auto;
    border: 2px solid #7e2200;
    border-radius: 7px;
    overflow: hidden
}

.game_popup_main .headline_gift .QR_text {
    width: 200px;
    height: 75px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff271;
    color: #7e2200;
    padding: 5px
}

.game_popup_main .headline_gift .QR_text h1 {
    font-size: 15px;
    line-height: 20px;
    text-align: center
}

.game_popup_main .headline_gift .gift_content_text {
    position: relative;
    color: #732338;
    font-size: 13px;
    text-align: center;
    padding: 30px 0 22px 0;
    background: #fff7d2;
    border: 2px solid #ffe479;
    border-radius: 10px;
    margin: 15px 10px 0;
    padding: 4px
}

.gift_content_text_bor {
    border-radius: 8px;
    border: 2px solid #ffe479;
    padding: 25px 0 16px
}

.game_popup_main .headline_gift .gift_content_text span {
    display: block;
    width: 105px;
    height: 25px;
    position: absolute;
    top: -8px;
    left: 30%
}

.gift_content_text_bor h2 {
    color: #732338;
    text-align: center;
    font-size: 18px
}

.game_popup_main .headline_gift .add_qr_code {
    color: #732338;
    font-size: 13px;
    padding: 14px;
    background: #fff7d2;
    border: 2px solid #ffe479;
    border-radius: 10px;
    margin: 25px 10px;
    padding: 4px
}

.game_popup_main .headline_gift .add_qr_code .gift_content_text_bor {
    border-radius: 8px;
    border: 2px solid #ffe479;
    padding: 12px 0 16px
}

.game_popup_main .headline_gift .add_qr_code .wrap {
    margin-top: 20px;
    padding: 0
}

.game_popup_main .headline_gift .add_qr_code .add_public {
    margin-top: 20px;
    padding: 0 13px
}

.game_popup_main .headline_gift .add_qr_code .add_public .add_public_left {
    margin: 0
}

.game_popup_main .headline_gift .add_qr_code .add_public .add_public_left h1 {
    line-height: 16px;
    font-size: 14px;
    color: #343234;
    font-weight: 700
}

.game_popup_main .headline_gift .add_qr_code .add_public .add_public_left h2 {
    line-height: 20px;
    font-size: 14px;
    color: #343234;
    font-weight: 700;
    padding: 5px 10px 10px 0;
    text-align: left
}

.game_popup_main .headline_gift .add_qr_code .add_public:nth-child(1) .add_public_right img {
    width: 100px;
    height: 100px
}

.game_popup_main .headline_gift .add_qr_code .add_public:nth-child(2) .add_public_right img {
    width: 125px;
    height: 100px
}

.for_android .headline_gift .add_qr_code .add_public:nth-child(3) .add_public_right img {
    width: 120px;
    height: 120px
}

.for_ios .headline_gift .add_qr_code .add_public:nth-child(3) .add_public_right img {
    width: 125px;
    height: 100px
}

.game_popup_main .headline_gift .add_qr_code .add_public:nth-child(4) {
    margin-top: 5px
}

.game_popup_main .headline_gift .add_qr_code .add_public:nth-child(4) .add_public_right img {
    width: 125px;
    height: 100px;
    margin-left: -7px
}

.for_ios .headline_gift .add_qr_code .add_public:nth-child(4) .add_public_right img {
    width: 130px;
    height: 100px;
    margin-left: -7px
}

.game_list_hot .game_list_text h2 {
    padding-top: 15px
}

.game_list_hot .game_begin a {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -13px
}

.game_list_hot .game_list_box {
    margin-left: 10px;
    padding: 10px 67px 10px 60px
}

.game_list_hot .game_list_text h1 {
    font-size: 16px
}

.game_popup .game_bulletin_text {
    margin: 0;
    padding: 0 15px 10px
}

.kefu_internol_box {
    position: relative;
    background: #fff;
    padding: 10px 0;
    border-top: 5px solid #f0eff5
}

.kefu_internol_text {
    padding-left: 50px
}

.kefu_internol_text p {
    font-size: 14px;
    color: #333;
    line-height: 35px
}

.kefu_internol_box ul {
    position: absolute;
    top: 3px;
    left: 20px;
    z-index: 2
}

.kefu_internol_box ul li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    background: #fcd134;
    font-size: 13px;
    color: #333;
    margin-top: 15px
}

.kefu_internol_box ul:before {
    width: 9px;
    height: 80px;
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    border-right: 1px solid #fcd134;
    z-index: -1
}


.kefu_internol_box_2 {
    position: relative;
    background: #fff;
    padding: 15px 0 10px 0;
    border-top: 5px solid #f0eff5
}

.kefu_internol_text_2 {
    text-align: center
}

.kefu_internol_box_2 p {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.kefu_internol_box_2 ul {
    position: absolute;
    top: 3px;
    left: 20px;
    z-index: 2
}

.kefu_internol_box_2 ul li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    background: #fcd134;
    font-size: 13px;
    color: #333;
    margin-top: 15px
}

.kefu_internol_box_2 ul:before {
    width: 9px;
    height: 80px;
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    border-right: 1px solid #fcd134;
    z-index: -1
}

.kefu_ewm_img_2 {
    margin-top: -10px
}

.kefu_ewm_img_2 em {
    width: 180px;
    display: block;
    margin: 5px auto
}

.kefu_ewm_img_2 span {
    font-size: 13px;
    color: #333;
    text-align: center;
    display: block;
    padding-bottom: 20px
}

.guanzhu_internol_box_2 {
    position: relative;
    background: #fff;
    padding: 35px 0 0 0;
    border-top: 0
}

.guanzhu_internol_text_2 {
    text-align: center
}

.guanzhu_internol_box_2 p {
    font-size: 17px;
    color: #333;
    line-height: 20px;
    font-weight: 600
}

.guanzhu_internol_box_2 p.fs14 {
    font-size: 14px
}

.guanzhu_ewm_img_2 {
    margin-top: 10px;
    margin-bottom: 80px
}

.guanzhu_ewm_img_2 em {
    width: 180px;
    display: block;
    margin: 10px auto
}

.guanzhu_ewm_img_2 span {
    font-size: 13px;
    color: #333;
    text-align: center;
    display: block;
    padding-bottom: 20px
}

.bor_top5 .wrap {
    margin-top: 0
}

.bor_top5 .wrap .head {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    position: static;
    z-index: 0
}

.bor_top5 .wrap .head h1 {
    color: #333;
    font-size: 22px;
    line-height: 22px;
    font-weight: 800
}

.bor_top5 .wrap .add_public {
    padding: 10px 20px 10px 20px
}

.bor_top5 .for_android .add_public:last-child {
    margin-top: -50px
}

.bor_top5 .for_ios .add_public:last-child {
    margin-top: -50px
}

.game_popup .guanzhu_download {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65px;
    box-sizing: border-box;
    background: #363636;
    z-index: 10
}

.game_popup .guanzhu_download .guanzhu_download_1 {
    float: left
}

.game_popup .guanzhu_download .guanzhu_download_1 span {
    display: block;
    padding: 8px 10px;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.game_popup .guanzhu_download .guanzhu_download_1 span img {
    width: 50px;
    height: 50px
}

.game_popup .guanzhu_download .guanzhu_download_2 {
    float: left;
    padding-top: 12px
}

.game_popup .guanzhu_download .guanzhu_download_2 h2 {
    color: #fff;
    font-size: 14px;
    line-height: 18px
}

.game_popup .guanzhu_download .guanzhu_download_2 p {
    color: #fff;
    font-size: 14px;
    line-height: 30px
}

.game_popup .guanzhu_download .guanzhu_download_3 {
    float: right;
    padding: 16px 5px
}

.game_popup .guanzhu_download .guanzhu_download_3 span {
    display: block;
    width: 85px;
    height: 33px;
    background: #f3c430;
    border-radius: 4px;
    line-height: 33px;
    text-align: center
}

.game_popup_btn a {
    width: 25px;
    height: 57px;
    display: block;
    position: absolute;
    right: -25px;
    text-align: center;
    font-size: 13px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.game_popup_btn a.back_btn {
    background: #ff6c64;
    color: #fff;
    top: 40%
}

.game_popup_btn a.refresh_btn {
    background: #fff;
    color: #ff6c64;
    top: 52%
}

.game_popup_btn a.collect_btn {
    background: #fff;
    color: #ff6c64;
    top: 65%
}

.game_popup_btn a.full_btn {
    line-height: 14px;
    height: 85px;
    color: #fff;
    background: #348dfc;
    top: 70%;
    z-index: 11
}

.game_popup_btn a.back_btn img {
    width: 6px;
    display: block;
    margin: 6px auto 0
}

.game_popup_btn a.refresh_btn img {
    width: 10px;
    display: block;
    margin: 6px auto 0
}

.game_popup_btn a.collect_btn img {
    width: 13px;
    display: block;
    margin: 6px auto 0
}

.game_popup_btn a.full_btn img {
    width: 13px;
    display: block;
    margin: 6px auto 2px
}

.full_yidao {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}

.full_con {
    position: absolute;
    top: 70%;
    right: 65px
}

.full_con span {
    width: 70px;
    display: block;
    float: left
}

.full_con p {
    font-size: 13px;
    color: #fff;
    float: left;
    margin: 22px 5px 0
}

.full_con em {
    width: 31px;
    display: block;
    float: left;
    margin-top: 30px
}

.chat_tishi {
    width: 95px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background: #f1f0f0;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin: 15px auto 0
}

.chat_text_box {
    padding-bottom: 60px;
    position: relative
}

em.tip_btn {
    width: 75px;
    height: 25px;
    line-height: 25px;
    background: #fdda5d;
    font-size: 13px;
    color: #333;
    text-align: center;
    font-style: normal;
    position: fixed;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 2px 0 3px rgba(69, 69, 69, .3);
    display: block
}

.chat_text {
    padding: 8px 25px 3px 62px
}

.chat_text_self {
    padding: 8px 62px 3px 30px
}

.chat_text span {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 100%;
    float: left;
    margin-left: -52px;
    margin-top: 4px;
    overflow: hidden
}

.chat_text span img {
    width: 100%;
    height: 100%
}

.chat_name {
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.chat_name i {
    max-width: 88px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-style: normal;
    vertical-align: middle
}

.chat_name span {
    width: 20px;
    height: 20px;
    float: inherit;
    margin: 0;
    border-radius: 0;
    overflow: inherit;
    display: inline-block
}

.chat_name a {
    font-size: 11px;
    color: #999;
    text-decoration: underline
}

.chat_main {
    line-height: 15px;
    padding: 8px;
    background: #f1f0f0;
    font-size: 13px;
    color: #333;
    border-radius: 5px;
    margin-top: 3px;
    position: relative;
    display: inline-block
}

.chat_main:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #f1f0f0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 10px;
    left: -4px
}

.chat_main em {
    width: 10px;
    display: inline-block;
    margin: 0 3px
}

.chat_text_self span {
    float: right;
    margin: 0 -52px 0 0
}

.chat_text_self .chat_main {
    background: #fcd134;
    float: right
}

.chat_text_self .chat_main:before {
    border-right: 0;
    border-left: 4px solid #fcd134;
    left: inherit;
    right: -4px;
    top: 12px
}

.chat_bot {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.chat_bg span {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0
}

.chat_bg span img {
    width: 100%;
    height: 100%
}

.chat_bg_text {
    position: fixed;
    top: 57%;
    left: 78px
}

.chat_bg_text p {
    font-size: 13px;
    color: #fff
}

.chat_bg_text a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #fff;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: 30px 0 0 22px;
    cursor: pointer
}

.bot_ipt_box {
    width: 210px;
    background: #f2f2f2;
    border-top: #e1e1e1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 9px 60px 9px 40px;
    overflow: hidden
}

.bot_ipt_box {
    width: 310px;
    background: #f2f2f2;
    border-top: #e1e1e1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 9px 10px 9px 5px;
    overflow: hidden;
    box-sizing: border-box
}

.bot_ipt_box button {
    width: 50px;
    height: 30px;
    background: #fcd134;
    display: block;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 9px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 15px;
    font-family: "苹方";
    padding: 0
}

.yuyin_icon {
    width: 25px;
    float: left;
    margin: 3px 0 0 -30px
}

.bot_ipt_box_yuyin {
    width: 260px;
    padding: 9px 10px 9px 40px
}

.bot_ipt_box_yuyin .bot_ipt_text {
    line-height: 26px;
    background: 0;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    text-align: center
}

.bot_ipt_box_yuyin .bot_ipt_text a {
    display: block;
    font-size: 12px;
    color: #999
}

.bot_ipt_box_yuyin .bot_ipt_text.on {
    background: #dcdcdc
}

.square_bg {
    width: 135px;
    height: 135px;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -67px;
    border-radius: 10px
}

.square_bg span {
    width: 50px;
    display: block;
    margin: 23px auto 18px
}

.square_bg p {
    font-size: 13px;
    color: #dbdbdb;
    text-align: center
}

.square_bg p.chehui {
    line-height: 18px;
    font-size: 13px;
    color: #dbdbdb;
    text-align: center;
    background: #ac1818;
    margin: 0 5px;
    border-radius: 2px
}

.bot_ipt_text {
    height: 24px;
    padding: 3px 8px;
    background: #fff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden
}

.bot_ipt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #333;
    margin-left: auto;
    margin-right: auto;
    outline: 0;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: visible;
    border-radius: 2px;
    resize: none;
    border: 0;
    font-family: "苹方"
}

.chat_fail a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #999;
    font-size: 15px;
    color: #333;
    text-align: center;
    display: block;
    margin: 15px auto
}

.popup_box_yellow {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    background: -webkit-linear-gradient(#ffd374, #ffa749);
    background: -o-linear-gradient(#ffd374, #ffa749);
    background: -moz-linear-gradient(#ffd374, #ffa749);
    background: linear-gradient(#ffd374, #ffa749);
    border-radius: 20px;
    padding: 65px 12px 12px
}

.popup_box_yellow em.close_yuan {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: -45px;
    right: 0;
    cursor: pointer
}

.download_tit_top {
    position: absolute;
    top: -5px;
    left: -25px;
    right: -15px
}

.download_app {
    background: -webkit-linear-gradient(#fef9ea, #fdefb6);
    background: -o-linear-gradient(#fef9ea, #fdefb6);
    background: -moz-linear-gradient(#fef9ea, #fdefb6);
    background: linear-gradient(#fef9ea, #fdefb6);
    border-radius: 20px
}

.download_app p {
    line-height: 20px;
    padding: 30px 0 20px;
    font-size: 15px;
    color: #333;
    text-align: center
}

.download_btn_pic em {
    width: 194px;
    display: block;
    margin: 0 auto
}

.download_btn_pic a {
    width: 140px;
    display: block;
    margin: -20px auto 0;
    padding-bottom: 15px
}

.hongbao_bg2 {
    max-width: 355px;
    position: fixed;
    top: 50%;
    left: 10px;
    right: 10px
}

.hongbao_bg2 em.close_yuan {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 40px
}

.hongbao_bg2_main {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    z-index: 9
}

.hongbao_bg2_main h1 {
    line-height: 22px;
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 10px
}

.hongbao_bg2_text {
    margin: 0 60px 5px;
    background: #fff;
    border-radius: 3px;
    padding-bottom: 10px;
    position: relative
}

.hongbao_bg2_text h2 {
    line-height: 20px;
    font-size: 17px;
    color: #ff4355;
    font-weight: normal;
    padding: 10px 10px 0 10px
}

.hongbao_bg2_text h3 {
    font-size: 13px;
    color: #666;
    font-weight: normal;
    padding: 10px 10px 0 10px
}

.hongbao_bg2_text span {
    height: 50px;
    font-size: 14px;
    color: #ff4355;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -25px
}

.hongbao_bg2_text span b {
    font-weight: normal;
    font-size: 30px
}

.hongbao_btn {
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #fcea43;
    border-radius: 4px;
    margin: 20px auto 0;
    text-align: center
}

.hongbao_btn a {
    font-size: 20px;
    color: #ff4355;
    display: block
}

.denglu_way ul {
    padding: 0 15px 10px
}

.denglu_way ul li {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.denglu_way ul li span {
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 75px;
    padding: 18px;
    display: block;
    margin: 0 auto;
    position: relative
}

.denglu_way ul li span em {
    width: 28px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: block;
    font-size: 10px;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    background: #f50;
    font-style: normal
}

.denglu_way ul li p {
    line-height: 13px;
    font-size: 13px;
    color: #333;
    text-align: center;
    padding-top: 10px
}

.denglu_way ul li span.wechat_icon {
    background: #17c572
}

.denglu_way ul li span.QQ_icon {
    background: #1f9cd3
}

.denglu_way ul li span.weibo_icon {
    background: #f64b4d
}

.denglu_way ul li span.phone_icon {
    background: #f1971f
}

.denglu_way_first_bg {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    top: 0;
    left: 0
}

.denglu_way_first {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    top: initial;
    left: 0;
    margin: 0;
    bottom: 0;
    border-radius: 0
}

.denglu_way_first h1 {
    color: #fff
}

.denglu_way_first .denglu_way ul {
    padding: 0
}

.denglu_way_first .denglu_way ul li {
    width: 25%
}

.denglu_way_first .denglu_way ul li p {
    color: #fff
}

.sign_box {
    width: 270px;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -150px;
    padding: 15px
}

.sign_box h1 {
    font-size: 20px;
    color: #333
}

.sign_box h1 a img {
    width: 12px;
    height: 12px;
    float: right;
    margin: -5px -5px 0 0
}

.sign_ipt {
    padding-left: 40px;
    overflow: hidden;
    padding-top: 8px
}

.sign_ipt span {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    display: block;
    float: left;
    margin-left: -40px;
    vertical-align: middle
}

.sign_ipt input {
    width: 200px;
    height: 30px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    font-family: "苹方";
    float: left;
    border-radius: 3px;
    outline: 0;
    border: 1px solid #ccc;
    padding: 0 8px
}

.sign_bot_box {
    margin: 15px 0 0 73px
}

.sign_btn {
    width: 128px;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    font-size: 16px;
    color: #333;
    display: inline-block;
    text-align: center
}

.register_btn {
    font-size: 16px;
    color: #0084ff;
    display: inline-block;
    margin-left: 5px;
    text-decoration: underline
}

.register_btn:hover {
    text-decoration: underline
}

.youke_denglu {
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    padding: 15px 10px 10px
}

.youke_denglu em {
    width: 15px;
    display: inline-block;
    padding-right: 5px
}

.youke_denglu a {
    font-size: 15px;
    color: #1f9cd3;
    float: right;
    float: right;
    text-decoration: underline
}

.up_progress {
    width: 220px;
    line-height: 23px;
    padding: 20px 10px;
    background: #333;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: -30px 0 0 -120px;
    z-index: 3000;
    display: none;
    /* animation: fadeIn 1s 0s ease-in-out; */
}

.up_progress:before {
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.load_box span {
    width: 20px;
    height: 20px;
    display: block;
    margin: 10px auto 0
}

.load_box p {
    font-size: 13px;
    color: #000;
    text-align: center;
    padding: 5px 0;
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.pastrank_list {
    margin: 5px;
    background: #fff;
    border-radius: 3px;
    border: .5px solid #e1e1e1;
    padding: 10px 0;
    position: relative
}

.pastrank_num {
    width: 65px;
    height: 25px;
    line-height: 25px;
    background: #fcd134;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 13px;
    color: #333;
    text-align: center
}

.pastrank_text p {
    padding: 10px 10px 0;
    line-height: 14px;
    font-size: 13px;
    color: #333
}

.pastrank_text p span {
    font-size: 13px;
    color: #666;
    display: inline-block
}

.shangbang {
    width: 82px;
    position: absolute;
    top: 8px;
    right: 13px
}

.ranking_comming {
    width: 270px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -220px 0 0 -135px;
    position: relative
}

.ranking_comming .see_detail_btn {
    border: 1px solid #fff;
    margin-top: 20px
}

.ranking_comming .close_button {
    top: 0
}

.shangbang_pop {
    width: 250px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -150px;
    background: #fff;
    border-radius: 5px;
    padding-bottom: 15px
}

.close_button {
    width: 14px;
    height: 14px;
    line-height: 14px;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: -60px;
    right: 0
}

.shangbang_pop_pic {
    width: 174px;
    position: absolute;
    top: -90px;
    left: 50%;
    margin-left: -87px
}

.shangbang_pop_top {
    width: 100%;
    background: #ff6147;
    padding: 80px 0 13px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.shangbang_pop_top h1 {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 0 25px
}

.shangbang_pop_top h1 strong {
    color: #340000;
    font-size: 17px
}

.shangbang_pop_top h1 b {
    font-size: 16px;
    color: #340000;
    display: block;
    text-align: center
}

.bonus_tips {
    width: 188px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #340000;
    border-radius: 3px;
    font-size: 17px;
    color: #ff6147;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    margin: 10px auto
}

.notice_text {
    line-height: 18px;
    padding: 8px 20px 0;
    font-size: 11px;
    color: #333
}

.see_detail_btn {
    width: 130px;
    height: 30px;
    line-height: 30px;
    background: #ff6147;
    border: 1px solid #340000;
    border-radius: 30px;
    text-align: center;
    margin: 15px auto 0;
    overflow: hidden
}

.see_detail_btn a {
    font-size: 14px;
    color: #fff;
    display: block
}

.levitate_box2 .game_popup,
.levitate_box2 .game_popup_head,
.levitate_box2 .game_popup_con {
    width: 360px
}

.levitate_box2 .game_popup_head {
    left: -360px
}

.pb80 {
    padding-bottom: 80px
}

.zixun_con {
    margin: 10px
}

.zixun_title {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.zixun_data {
    margin: 15px 0;
    line-height: 20px;
    font-size: 13px;
    color: #666;
    text-align: center;
    position: relative
}

.zixun_data span {
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: #ffe526;
    border: 1px solid #603811;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 23px;
    padding: 0 8px;
    text-align: right
}

.zixun_data span em {
    width: 37px;
    display: block;
    position: absolute;
    top: -8px;
    left: -23px
}

.zixun_data .star {
    position: absolute;
    right: 0;
    top: -10px
}

.zixun_data .star b {
    display: block;
    margin: 0 auto;
    width: 21px;
    height: 21px;
    background: url(../images/star.png) no-repeat;
    background-size: 100% 100%
}

.zixun_data .star b.on {
    background: url(../images/star_red.png) no-repeat;
    background-size: 100% 100%
}

.zixun_text {
    border: 1px solid #754c23;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
    overflow: hidden
}

.zixun_text p {
    font-size: 15px;
    line-height: 26px;
    color: #333
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.banner_pic {
    margin: 0 10px 10px
}

.posi_zixun {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-top: .5px solid #999;
    z-index: 99
}

.new_package {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    font-size: 14px;
    color: #270100;
    text-align: center
}

.get_img {
    width: 206px;
    margin: 14px auto 0
}

.package_all .package_list {
    margin: 0;
    margin-bottom: 5px;
    padding-right: 5px
}

.package_all .package_btn a {
    border: .5px solid #fcd134
}

.novice_bag {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.novice_bag_num .get_img {
    width: 160px;
    margin: -10px auto 0
}

.novice_bag h5 {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    text-align: center;
    padding: 6px 10px;
    background: #fff
}

.novice_bag_detail {
    line-height: 18px;
    font-size: 14px;
    color: #ff6659;
    padding: 0 17px;
    font-weight: bold
}

.novice_bag_rule {
    font-size: 14px;
    color: #333;
    padding: 15px 17px;
    line-height: 20px;
    text-align: center
}

.novice_bag_num .active_num p {
    margin: 0 auto 10px;
    border: 1px solid #f50;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    color: #f50
}

.fail_img {
    width: 122px;
    margin: 35px 0 0 25%
}

.fail_text {
    font-size: 15px;
    line-height: 30px;
    text-align: center
}

.levitate_tip a {
    font-size: 13px;
    color: #333;
    display: block;
    margin: 10px auto 0;
    text-decoration: underline;
    text-align: center
}

.getbag_bg {
    width: 100%;
    height: 100%;
    background: #ffc64b;
    position: fixed;
    top: 0;
    left: 0
}

.lignht_bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.bag_infor {
    background: #fff;
    margin: 95px 20px 0;
    border-radius: 10px;
    position: relative;
    padding: 20px
}

.bag_title {
    width: 310px;
    position: absolute;
    top: -85px;
    left: 50%;
    margin-left: -155px
}

.user_name {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding-top: 35px
}

.bag_detail {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 10px 0
}

.bag_detail_con {
    background: #eef3f7;
    padding: 15px 10px
}

.bag_detail_con h1 {
    font-size: 13px;
    color: #333;
    font-weight: normal;
    text-align: center
}

.bag_detail_text h2 {
    font-size: 13px;
    color: #999;
    font-weight: normal
}

.bag_detail_text p {
    color: #333;
    font-size: 13px;
    line-height: 18px;
    padding-top: 4px
}

.bag_detail_con h3 {
    font-size: 13px;
    line-height: 13px;
    color: #333;
    font-weight: normal;
    padding-top: 12px
}

.getbag_main {
    margin: 18px 0 0;
    border-top: .5px dashed #999;
    position: relative
}

.getbag_main em {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    display: block;
    position: absolute;
    top: -8px;
    background: #ffc64b
}

.getbag_main em.left_yuan {
    left: -28px
}

.getbag_main em.right_yuan {
    right: -28px
}

.phone_number {
    padding: 0 10px;
    height: 45px;
    border: .5px solid #999;
    border-radius: 3px;
    margin: 20px 0 0
}

.phone_number input {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 10px 0;
    border: 0;
    outline: 0;
    font-family: "苹方";
    color: #333
}

.foot_btn {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #ff5647;
    border-radius: 3px;
    text-align: center;
    margin: 10px 0
}

.foot_btn a {
    display: block;
    font-size: 15px;
    color: #fff
}

.getbag_main h1 {
    line-height: 18px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding: 15px 15px 8px
}

.getbag_main h2 {
    line-height: 14px;
    font-size: 14px;
    color: #ff5647;
    font-weight: normal;
    text-align: center;
    padding: 20px 0 10px
}

.change_number {
    width: 200px;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    border: 1px dashed #ff5647;
    margin: 10px auto;
    border-radius: 3px
}

.change_number span {
    font-size: 15px;
    color: #ff5647;
    text-align: center;
    display: block
}

.change_number_box p {
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 13px;
    padding: 10px
}

.foot_btn_two {
    overflow: hidden;
    margin: 20px 20px 15px
}

.foot_btn_two a {
    width: 115px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #999;
    border-radius: 3px;
    font-size: 15px;
    color: #333;
    text-align: center;
    display: block;
    margin: 0 auto
}

.foot_btn_two a.on {
    background: #f6d257;
    border: 1px solid #f6d257;
    color: #333
}

.bag_kong_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: -1
}

.bag_kong_pic {
    width: 145px;
    margin: 45% auto 0
}

.bag_kong_text {
    font-size: 17px;
    color: #543f01;
    text-align: center;
    padding-top: 25px
}

.bag_bottom {
    width: 174px;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -87px
}

.recharge_box .balance {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 50px;
    padding: 0 10px;
    border-bottom: 1px solid #e9e9e9
}

.recharge_box .balance span {
    font-size: 15px;
    color: #333
}

.recharge_box .balance .rmb {
    font-size: 22px
}

.recharge {
    background: #fff;
    padding: 0 5px 10px
}

.recharge h1 {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #4d4d4d;
    font-weight: normal;
    padding-left: 5px
}

.recharge ul li {
    width: 33.3%;
    float: left;
    cursor: pointer
}

.recharge ul li a {
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: block;
    margin: 0 5px 10px;
    font-size: 15px;
    color: #4d4d4d;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: bold
}

.recharge ul li.on a,
.recharge ul li.on a input {
    color: #f50;
    border: 1px solid #f50
}

.recharge ul li.on a input {
    border: 0
}

.recharge ul li.on a input::-webkit-input-placeholder {
    color: #f50
}

.recharge ul li a input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0;
    text-align: center;
    outline: 0;
    font-family: "苹方";
    font-size: 15px;
    color: #4d4d4d;
    font-weight: bold
}

.recharge ul li a input::-webkit-input-placeholder {
    font-size: 15px;
    color: #4d4d4d
}

.recharge_pay {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #666;
    padding-left: 10px
}

.recharge_way_box {
    background: #fff;
    padding-left: 5px
}

.recharge_way {
    padding: 14px 0 14px 5px;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.recharge_way span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    display: inline-block
}

.recharge_way p {
    font-size: 15px;
    color: #4d4d4d;
    display: inline-block;
    padding-left: 5px
}

.recharge_way em {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #9a9a9a;
    display: block;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px
}

.recharge_way em.on {
    width: 18px;
    height: 18px;
    border: 0;
    background: #fcd134 url(../images/dui_gray.png) 0 0 / 100% no-repeat
}

.recharge_bot {
    padding-top: 10px
}

.recharge_bot p {
    font-size: 13px;
    color: #7f7f7f;
    padding-top: 5px;
    text-align: center
}

.login_box:before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: -1
}

.login_logo {
    width: 120px;
    margin: 0 auto;
    padding: 20% 0 10%
}

.login_way a {
    width: 270px;
    height: 45px;
    line-height: 45px;
    display: block;
    border-radius: 50px;
    margin: 0 auto 15px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.login_way a em {
    width: 25px;
    display: inline-block;
    margin-right: 10px
}

.login_way a.wechat {
    background: #7cd464
}

.login_way a.QQ {
    background: #75cce5
}

.login_way a.weibo {
    background: #f88958
}

.login_way a.phone {
    background: #fdbe26
}

.way_box a.wechat {
    width: 214px;
    height: 50px;
    line-height: 50px;
    background: #fcd134;
    display: block;
    margin: 150px auto 0;
    border-radius: 50px;
    font-size: 16px;
    color: #333;
    text-align: center
}

.zhuanpan:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #c23e3e;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.zhuanpan_tit {
    margin: 18px 32px 15px 8px;
    display: inline-block
}

.jifen_num {
    line-height: 16px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative
}

.zhuan_num {
    width: 185px;
    height: 25px;
    line-height: 25px;
    background: rgba(0, 0, 0, .35);
    border-radius: 25px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.zhuan_num em {
    width: 31px;
    display: block;
    position: absolute;
    left: -35px;
    top: -1px
}

.zhuanpan_box {
    display: block;
    width: 90%;
    margin: 20px auto
}

.turnplate {
    display: block;
    width: 100%;
    position: relative
}

.zhuanpan_box .turnplate canvas.item {
    width: 100%
}

.pointer {
    position: absolute;
    width: 31.5%;
    height: 42.5%;
    left: 34%;
    top: 28%
}

.record_box {
    width: 76px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    float: right;
    background: #fadf5e;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.record_box em {
    width: 5px;
    display: inline-block;
    padding-left: 5px;
    vertical-align: top
}

.active_rule {
    margin: 35px 25px 16px;
    background: #fff;
    border-radius: 10px;
    position: relative
}

.active_rule h1 {
    width: 106px;
    height: 30px;
    line-height: 30px;
    background: #f4e15d;
    text-align: center;
    font-size: 17px;
    color: #443b18;
    border-radius: 10px;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -53px
}

.active_rule_detail {
    padding: 22px 15px 16px
}

.active_rule_detail p {
    line-height: 22px;
    font-size: 14px;
    color: #333;
    padding-left: 15px
}

.zhuanpan_v3 .active_rule_detail p:last-child {
    line-height: 22px;
    font-size: 14px;
    color: #333;
    padding-left: 0;
    margin: 7px 0
}

.active_rule_detail p span {
    width: 15px;
    font-size: 14px;
    margin-left: -15px;
    display: inline-block
}

.zhuanpan_pop {
    position: fixed;
    top: 50%;
    margin: -240px 0 0 0
}

.zhuanpan_pop em.yuan_close_f {
    width: 15px;
    height: 15px;
    line-height: 8px;
    padding: 6px;
    position: absolute;
    top: 45px;
    right: 55px;
    background: #fff;
    border-radius: 100%
}

.zhuanpan_btn {
    width: 148px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border-radius: 38px;
    margin: 25px auto 0;
    padding: 1px
}

.zhuanpan_btn a {
    width: 146px;
    height: 36px;
    background: #ffdf3d;
    display: block;
    border: 1px solid #5d3918;
    font-size: 16px;
    color: #5d3918;
    border-radius: 36px;
    text-align: center
}

.zhuanpan_btn_bot {
    width: 128px;
    margin: -90px auto 0
}

.zhuanpan_v2 {
    background: -o-linear-gradient(#ef53b4, #7f1fbb);
    background: -moz-linear-gradient(#ef53b4, #7f1fbb);
    background: -webkit-linear-gradient(#ef53b4, #7f1fbb);
    background: linear-gradient(#ef53b4, #7f1fbb);
    display: inline-block
}

.zhuanpan_v2:before {
    background: 0
}

.zhuanpan_v2 .zhuanpan_tit {
    margin: 0
}

.zhuanpan_v2 .mall_notice {
    width: 290px;
    margin: -5px auto 0;
    height: 25px;
    line-height: 25px;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(118, 44, 134, .4);
    border-radius: 25px;
    font-size: 12px;
    color: #fff;
    padding: 0 10px
}

.zhuanpan_v2 .mall_notice p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.zhuanpan_v2 .zhuanpan_box {
    width: 100%;
    background: url(../images/zhuanpan_bot_bg.png) 0 0 / 100% no-repeat;
    display: inline-block;
    position: relative;
    margin: 8px auto 0
}

.zhuanpan_v2 .turnplate {
    width: initial;
    margin: 12px 27px
}

.zhuanpan_v2 .zhuanpan_icon1 {
    width: 89px;
    position: absolute;
    top: -15px;
    left: 16px
}

.zhuanpan_v2 .zhuanpan_icon2 {
    width: 68px;
    position: absolute;
    top: 5px;
    right: 20px
}

.zhuanpan_v2 .zhuanpan_jifen {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 305px;
    left: 25px
}

.zhuanpan_v2 .zhuanpan_jilu {
    width: 67px;
    height: 23px;
    position: absolute;
    top: 310px;
    right: 25px;
    z-index: 10
}

.zhuanpan_v2 .choujiang_btn ul {
    margin: 0 13px;
    padding: 10px 0 5px
}

.zhuanpan_v2 .choujiang_btn ul li {
    width: 33.3%;
    line-height: 50px;
    float: left;
    text-align: center;
    cursor: pointer
}

.zhuanpan_v2 .choujiang_btn ul li span {
    height: 52px;
    display: block;
    margin: 0 3px;
    font-size: 18px;
    color: #dd1e6b;
    font-weight: bold;
    background: url(../images/choujiang.png) 0 0 / 100% no-repeat;
    position: relative
}

.zhuanpan_v2 .choujiang_btn ul li span em {
    width: 45px;
    height: 17px;
    line-height: 17px;
    border-radius: 17px;
    background: #ef307d;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    right: -4px;
    top: -6px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-style: normal
}

.zhuanpan_v2 .choujiang_btn ul li.on span {
    color: #85515e;
    background: url(../images/choujiang_on.png) 0 0 / 100% no-repeat
}

.zhuanpan_v2 .choujiang_btn ul li p {
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 5px 0 20px
}

.zhuanpan_v2 .active_rule {
    margin: 5px 15px 16px;
    background: #f2e5f7
}

.zhuanpan_v2 .active_rule h1 {
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    color: #ab1e80;
    position: static;
    margin: 0;
    background: 0;
    text-align: center
}

.zhuanpan_v2 .active_rule_detail {
    padding: 2px 15px 16px
}

.zhuanpan_v3 {
    background: -o-linear-gradient(#54f3f0, #1fa0bb);
    background: -moz-linear-gradient(#54f3f0, #1fa0bb);
    background: -webkit-linear-gradient(#54f3f0, #1fa0bb);
    background: linear-gradient(#54f3f0, #1fa0bb);
    display: inline-block;
    overflow: hidden
}

.zhuanpan_v3:before {
    background: 0
}

.zhuanpan_v3 .zhuanpan_tit {
    margin: 0
}

.zhuanpan_v3 .mall_notice {
    width: 290px;
    margin: -5px auto 0;
    height: 25px;
    line-height: 25px;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(61, 195, 199, .4);
    border-radius: 25px;
    font-size: 12px;
    color: #fff;
    padding: 0 10px
}

.zhuanpan_v3 .mall_notice p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.zhuanpan_v3 .zhuanpan_box {
    width: 100%;
    background: url(../images/zhuanpan_bot_bg_v3.png) 0 0 / 100% no-repeat;
    display: inline-block;
    position: relative;
    margin: 8px auto 0
}

.zhuanpan_v3 .turnplate {
    width: initial;
    margin: 12px 27px
}

.zhuanpan_v3 .zhuanpan_icon1 {
    width: 89px;
    position: absolute;
    top: -15px;
    left: 16px
}

.zhuanpan_v3 .zhuanpan_icon2 {
    width: 85px;
    position: absolute;
    top: 7px;
    right: 23px
}

.zhuanpan_v3 .zhuanpan_jifen {
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 305px;
    left: 30px;
    text-align: center
}

.zhuanpan_v3 .zhuanpan_jilu {
    width: 73px;
    height: 25px;
    position: absolute;
    top: 310px;
    right: 25px;
    z-index: 10
}

.zhuanpan_v3 .choujiang_btn ul {
    margin: 0 13px;
    padding: 10px 0 5px
}

.zhuanpan_v3 .choujiang_btn ul li {
    width: 33.3%;
    line-height: 50px;
    float: left;
    text-align: center;
    cursor: pointer
}

.zhuanpan_v3 .choujiang_btn ul li span {
    height: 52px;
    display: block;
    margin: 0 3px;
    font-size: 18px;
    color: #1c90a2;
    font-weight: bold;
    background: url(../images/choujiang_v3.png) 0 0 / 100% no-repeat;
    position: relative
}

.zhuanpan_v3 .choujiang_btn ul li span em {
    width: 45px;
    height: 17px;
    line-height: 17px;
    border-radius: 17px;
    background: #63d9f2;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    right: -4px;
    top: -6px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-style: normal
}

.zhuanpan_v3 .choujiang_btn ul li.on span {
    color: #85515e;
    background: url(../images/choujiang_on.png) 0 0 / 100% no-repeat;
    background-size: 100% 100%
}

.zhuanpan_v3 .choujiang_btn ul li p {
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 5px 0 20px
}

.zhuanpan_v3 .active_rule {
    margin: -10px 15px 16px;
    background: #e5f5f8
}

.zhuanpan_v3 .active_rule h1 {
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    color: #0c798b;
    position: static;
    margin: 0;
    background: 0;
    text-align: center;
    padding-top: 7px
}

.zhuanpan_v3 .active_rule_detail {
    padding: 2px 15px 5px
}

.zhuanpan_v4 {
    background: -o-linear-gradient(#ff707a, #c80017);
    background: -moz-linear-gradient(#ff707a, #c80017);
    background: -webkit-linear-gradient(#ff707a, #c80017);
    background: linear-gradient(#ff707a, #c80017);
    display: inline-block;
    overflow: hidden
}

.zhuanpan_v4 .zhuanpan_box {
    background: url(../images/zhuanpan_bot_bg_v4.png) 0 0 / 100% no-repeat
}

.zhuanpan_v4 .choujiang_btn ul li span {
    color: #ff0029;
    background: url(../images/choujiang_v4.png) 0 0 / 100% no-repeat;
    background-size: 100% 100%
}

.zhuanpan_v4 .choujiang_btn ul li span em {
    background: #ff0029
}

.zhuanpan_v4 .active_rule h1 {
    color: #ff0029
}

.zhuanpan_v4 .active_rule .win_record .QR_bg .QR_code {
    border: 2px solid #ff5749
}

.zhuanpan_v4 .active_rule .win_record .QR_text {
    color: #ff0029
}

.zhuanpan_v4 .active_rule {
    background: #fde8e8
}

.zhuanpan_v4 .mall_notice_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0
}

.zhuanpan_v4 .mall_notice {
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(223, 63, 76, 0.79);
    width: 275px;
    max-width: 67%;
    margin: -5px 0 0;
    box-sizing: border-box;
    overflow: hidden
}

.zhuanpan_v4 .mall_notice_box .back_home {
    display: block;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fb0026;
    font-weight: 600;
    background: url(../images/choujiang_v4.png) 0 0 / 100% no-repeat;
    background-size: 100% 100%;
    max-width: 35%;
    min-width: 27%;
    float: none;
    padding: 0
}

@media screen and (min-width: 375px) {
    .zhuanpan_v4 .mall_notice_box .back_home {
        min-width: 25%
    }
}

@media screen and (min-width: 414px) {
    .zhuanpan_v4 .mall_notice {
        width: 67%
    }
}

.receive_success h4 i.red {
    color: #ed1b23
}

.choujiang_list ul {
    padding: 0 12px 15px;
    overflow: hidden
}

.choujiang_list ul li {
    width: 25%;
    float: left;
    padding-top: 10px
}

.choujiang_list ul li em {
    width: 50px;
    height: 50px;
    display: block;
    background: #f2f2f2;
    border-radius: 10px;
    margin: 0 auto;
    border: 1px solid #f2f2f2;
    overflow: hidden
}

.choujiang_list ul li span {
    font-size: 13px;
    color: #333;
    width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto
}

.choujiang_list ul li:nth-child(9) {
    padding-left: 25%
}

.zhuanpan_record_box {
    background: #fff
}

.zhuanpan_record_box .focus_us {
    background: #fcd134;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #270100
}

.zhuanpan_record_box .focus_us a {
    display: inline-block;
    margin-left: 10px;
    width: 80px;
    height: 30px;
    background: #f50;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 5px
}

.zhuanpan_record_list {
    border-bottom: 1px solid #e3e5e9;
    padding: 18px 10px 18px 70px;
    position: relative;
    margin-left: 10px
}

.prize_icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -28px
}

.zhuanpan_record_text h1 {
    line-height: 16px;
    font-size: 15px;
    color: #333;
    font-weight: normal
}

.zhuanpan_record_text h2,
.zhuanpan_record_text h3 {
    line-height: 14px;
    font-size: 13px;
    color: #666;
    padding-top: 10px;
    font-weight: normal
}

.zhuanpan_record_text h2 a,
.zhuanpan_record_text h3 a {
    color: #4574de;
    text-decoration: underline
}

.zhuanpan_record_text h3.des {
    padding-top: 8px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    line-height: 16px
}

.zhuanpan_record_text h3.tap i {
    vertical-align: top
}

.change_time {
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 10px;
    top: 18px
}

.phone_login_box {
    margin: 10px 15px 0
}

.phone_num {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e1e1e1
}

.phone_num input {
    width: 100%;
    font-size: 14px;
    color: #333;
    font-family: "苹方";
    border: 0;
    background: 0;
    outline: 0;
    text-indent: 10px
}

.test_num input {
    width: 150px;
    display: inline-block
}

.test_num span {
    width: 105px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333;
    display: block;
    border: 1px solid #333;
    text-align: center;
    border-radius: 3px;
    float: right;
    margin-top: 5px
}

.text_tip {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding-top: 15px
}

.auth_code {
    position: relative
}

.safe_ipt .auth_code {
    padding-right: 10px
}

.auth_code input {
    width: 150px;
    display: inline-block
}

.auth_code em {
    position: absolute;
    top: 15px;
    left: 40%;
    width: 15px;
    height: 15px;
    background: url("../images/X.png") no-repeat;
    background-size: 100%
}

.auth_code span {
    width: 105px;
    height: 30px;
    line-height: 0;
    display: block;
    border: 1px solid transparent;
    border-radius: 3px;
    float: right;
    margin-top: 5px
}

.auth_code span img {
    width: 100%;
    height: 100%
}

.bind_phone {
    width: 100%;
    height: 108px;
    position: relative;
    background: #ffda44;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.bind_pic {
    width: 168px;
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -84px
}

.bind_text_tip {
    line-height: 30px;
    font-size: 15px;
    color: #333;
    padding: 15px 0;
    text-align: center
}

.yuan_btn a {
    width: 210px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 15px;
    color: #fff;
    background: #ff6950;
    border-radius: 40px;
    text-align: center;
    margin: 0 auto 20px
}

.error_net_pic {
    width: 111px;
    margin: 35% 0 0 30%
}

.error_net_txt {
    font-size: 15px;
    color: #333;
    text-align: center;
    padding: 18px 10px
}

.error_net_btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border: 1px solid #999;
    text-align: center;
    font-size: 15px;
    color: #333;
    border-radius: 3px
}

.relation_bg {
    width: 100%;
    height: 100%;
    background: #ffc64b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.relation_box {
    margin: 95px 20px 20px;
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    position: relative
}

.relation_pic {
    width: 120px;
    display: block;
    position: absolute;
    top: -85px;
    left: 50%;
    margin-left: -60px
}

.relation_tip {
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 16px;
    padding-bottom: 15px
}

.relation_step p {
    font-size: 13px;
    line-height: 26px;
    color: #333
}

.relation_step p b {
    color: #ff4535
}

.relation_ewm em {
    width: 200px;
    height: 200px;
    display: block;
    margin: 20px auto 5px
}

.relation_ewm span {
    font-size: 12px;
    color: #333;
    text-align: center;
    display: block;
    padding-bottom: 10px
}

.relation_text {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding-top: 38px
}

.relation_text a {
    color: #ff4535;
    font-weight: bold
}

.relation_img {
    margin: 0 28px
}

.relation_txt {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 15px 15px 0
}

.success_icon {
    width: 60px;
    height: 60px;
    margin: 45% auto 20px
}

.success_icon:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.success_text {
    line-height: 28px;
    font-size: 17px;
    color: #333;
    text-align: center
}

.fail_text_tip {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    padding: 5px 20px 0
}

.pay_way_step {
    padding: 10px 20px 5px
}

.pay_way_step p {
    font-size: 13px;
    color: #333;
    line-height: 18px
}

.posi_pop {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000
}

.pay_tip {
    padding: 30px 28px 0
}

.pay_tip:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.pay_tip p {
    line-height: 22px;
    font-size: 15px;
    color: #333
}

.pay_tishi {
    font-size: 15px;
    color: #ff6659;
    text-align: center;
    padding: 30px 10px 25px
}

.pay_img {
    margin: 0 28px
}

.pay_pop {
    width: 400px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -290px 0 0 -200px
}

.pay_close {
    width: 20px;
    height: 20px;
    padding: 5px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
}

.pay_close img {
    vertical-align: top
}

.pay_pop h1 {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding: 28px 0 20px
}

.pay_pop h2 {
    line-height: 32px;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    text-align: center
}

.pay_pop h2 b {
    font-weight: normal;
    font-size: 38px;
    color: #ff6659;
    vertical-align: bottom;
    padding-right: 3px
}

.pay_way_box ul {
    width: 360px;
    height: 65px;
    line-height: 65px;
    margin: 40px auto 0;
    overflow: hidden
}

.pay_way_box ul li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 24px;
    color: #333;
    background: #fff;
    cursor: pointer
}

.pay_way_box ul li.on {
    background: #ffc64b;
    color: #fff
}

.QR_code {
    width: 354px;
    border: 3px solid #ffc64b;
    margin: 0 auto 20px
}

.QR_code p {
    font-size: 20px;
    color: #333;
    padding: 30px 5px;
    text-align: center
}

.QR_code em {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
    display: block
}

.pop_box {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -118px 0 0 -140px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.pop_box h1 {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #333;
    background: #fcd134
}

.pop_tishi {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 25px 20px 30px
}

.pop_tishi b {
    font-size: 15px;
    color: #ff5647;
    display: block
}

.pop_box_btn {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.pop_box_btn a {
    width: 50%;
    font-size: 15px;
    color: #666;
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    border-top: 1px solid #a9a9a9
}

.pop_box_btn a.on {
    color: #fff;
    background: #f50;
    border-top: .5px solid #f50
}

.close_pop_btn {
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 8px
}

.close_pop_btn img {
    vertical-align: top
}

.guanlian_pic span {
    width: 83px;
    display: block;
    margin: 35px auto 20px
}

.guanlian_pic p {
    font-size: 18px;
    color: #ff5647;
    font-weight: bold;
    text-align: center
}

.pop_bot_btn {
    margin-top: 40px;
    height: 40px;
    line-height: 40px;
    background: #f50;
    text-align: center
}

.pop_bot_btn a {
    font-size: 15px;
    color: #fff;
    display: block
}

.popup_box_pink {
    background: #ff4a79;
    position: fixed;
    top: 50%;
    left: 20px;
    right: 20px;
    border-radius: 10px
}

.invite_top {
    width: 300px;
    position: absolute;
    top: -55px;
    left: 50%;
    margin-left: -150px
}

.popup_box_sma {
    margin: 50px 10px 10px;
    background: #fcded7;
    padding: 30px 15px 15px;
    border-radius: 10px
}

.popup_pink_text {
    line-height: 20px;
    font-size: 15px;
    color: #333
}

.popup_box_sma h1 {
    line-height: 40px;
    font-size: 15px;
    color: #ff2265;
    font-weight: normal;
    text-align: center
}

.ewm_img_box {
    width: 117px;
    height: 117px;
    background: #f66796;
    margin: 0 auto;
    padding: 4px
}

.ewm_img_box em {
    display: block;
    background: #fff
}

.text_tishi {
    width: 145px;
    height: 5px;
    border-top: 1px solid #333;
    margin: 15px auto 0
}

.text_tishi em {
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    background: #fcded7;
    font-style: normal;
    display: block;
    text-align: center;
    margin: -10px auto 0
}

.ewm_pic {
    width: 125px;
    height: 125px;
    display: block;
    margin: 0 auto
}

.text_tishi_v2 {
    border-top: 1px solid #a9a9a9;
    margin-bottom: 10px
}

.text_tishi_v2 em {
    background: #fff;
    color: #a9a9a9
}

.bot_notice {
    line-height: 20px;
    font-size: 15px;
    color: #ff2265;
    padding-top: 10px
}

.invite_top_guanzhu {
    width: 210px;
    position: absolute;
    left: 50%;
    top: -60px;
    margin-left: -105px
}

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

.see_friends_list a {
    line-height: 14px;
    font-size: 13px;
    color: #666;
    text-decoration: underline;
    display: block;
    float: right
}

.friends_head ul {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    padding: 20px 0 15px
}

.friends_head ul li {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1
}

.friends_head ul li em {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 50px;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.friends_head_two ul {
    padding: 20px 65px 15px
}

.yuanjiao_btn {
    width: 115px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ff4978;
    border-radius: 45px;
    margin: 16px auto 0
}

.yuanjiao_btn a {
    font-size: 20px;
    color: #fff;
    display: block
}

.yaoqing_btn {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background: #fcd134;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    text-align: center
}

.yaoqing_btn a {
    display: block;
    font-size: 13px;
    color: #333
}

.ewm_popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: 100
}

.sign_ewm {
    width: 230px;
    height: 274px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -137px 0 0 -115px
}

.ewm_qrcode {
    width: 180px;
    display: block;
    padding: 20px;
    background: #ffda44;
    margin: 0 auto 0
}

.sign_ewm span {
    width: 160px;
    padding: 10px;
    background: #fff;
    display: block
}

.ewm_qrcode span em {
    width: 100%;
    height: 100%;
    display: block
}

.ewm_qrcode span em table {
    margin: 0 auto
}

.sign_ewm p {
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-top: 20px
}

.get_libao {
    width: 70px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -36px
}

.active_login {
    position: fixed;
    top: 50%;
    left: 36px;
    right: 36px;
    margin-top: -180px;
    background: #ff466d;
    border-radius: 20px
}

.active_login_tit {
    width: 216px;
    float: right;
    margin-right: -10px;
    padding: 10px 0 0
}

.active_login_way {
    margin: 55px 8px 8px;
    border-radius: 20px;
    background: #fff;
    padding-top: 30px;
    position: relative
}

.active_login_pic {
    width: 120px;
    position: absolute;
    left: -35px;
    top: -98px
}

.active_login_way .denglu_way ul {
    padding: 20px 0
}

.active_hongbao {
    position: fixed;
    top: 22%;
    left: 52px;
    right: 50px
}

.hongbao_bg {
    width: 100%
}

.active_hongbao_text {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
}

.active_hongbao_text h1 {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    text-align: center
}

.active_hongbao_text span {
    width: 125px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    background: #fadf4b;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 13px auto 5px
}

.active_hongbao_text p {
    width: 170px;
    height: 5px;
    margin: 10px auto 0;
    font-size: 13px;
    color: #fff
}

.active_hongbao_text h2 {
    width: 186px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: 30px auto 0
}

.active_download_box {
    position: relative
}

.active_download_box em.close_yuan {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 75px;
    right: 20px;
    cursor: pointer
}

.active_download_btn {
    width: 140px;
    margin: -80px auto 0
}

.active_box {
    border-top: 5px solid #f0eff5
}

.active_banner {
    padding: 12px 10px;
    border-bottom: 1px solid #e0e0e0
}

.active_banner h1 {
    line-height: 14px;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    padding-bottom: 10px
}

.xianshi_hongbao {
    position: fixed;
    top: 50%;
    left: 30px;
    right: 30px;
    margin-top: -155px
}

.close_b {
    width: 15px;
    height: 15px;
    line-height: 35px;
    background: rgba(0, 0, 0, .48);
    display: block;
    padding: 10px;
    border-radius: 35px;
    position: absolute;
    top: -45px;
    right: 15px
}

.close_b img {
    vertical-align: top
}

.active_xianshi_text {
    bottom: 15px
}

.active_xianshi_text h1 {
    width: 162px;
    margin: 0 auto
}

.active_xianshi_text h2 {
    text-align: center;
    margin-top: 5px
}

.active_xianshi_text a {
    width: 111px;
    height: 44px;
    line-height: 44px;
    background: #ffe10f;
    font-size: 24px;
    color: #e50024;
    text-align: center;
    display: block;
    margin: 10px auto 0;
    border-radius: 44px
}

.qudao_kefu {
    padding-bottom: 15px
}

.qudao_kefu p {
    line-height: 18px;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding-top: 13px
}

.qudao_kefu span {
    width: 181px;
    display: block;
    margin: 8px auto 0
}

.qudao_kefu em {
    font-size: 13px;
    color: #333;
    font-style: normal;
    text-align: center;
    display: block
}

.jiaqun_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.hongbao_top {
    width: 300px;
    margin: 20px auto 0
}

.posi_top {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000
}

.download_bg {
    padding-top: 69px;
    background: url("../images/down_bg.png") no-repeat;
    background-size: 100% 100%
}

.download_top_infor {
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.85);
    position: relative
}

.download_detail {
    background: #f50
}

.download_top_infor span {
    width: 55px;
    height: 55px;
    display: block;
    float: left
}

.download_top_text {
    float: left;
    padding-left: 10px
}

.download_top_text h1 {
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    padding-top: 2px
}

.download_top_text h2 {
    line-height: 14px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    padding-top: 3px
}

.download_btn {
    width: 100px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px
}

.download_btn_2 {
    width: 140px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -70px
}

.download_detail .download_btn {
    width: inherit;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -17px
}

.download_detail .download_btn a {
    width: 80px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: block
}

.download_ewm {
    position: absolute;
    top: 155px;
    left: 40px;
    right: 40px
}

.download_ewm p {
    line-height: 30px;
    font-size: 15px;
    color: #333
}

.download_ewm_box {
    width: 150px;
    height: 150px;
    background: #f66796;
    margin: 5px auto
}

.download_ewm_box em {
    width: 142px;
    height: 142px;
    display: inline-block;
    background: #fff;
    margin: 4px
}

.download_ewm span {
    line-height: 14px;
    font-size: 13px;
    color: #333;
    text-align: center;
    display: block;
    padding-top: 5px
}

.download_notice {
    line-height: 26px;
    font-size: 15px;
    color: #ff2265;
    padding-top: 15px
}

.download_notice a {
    color: #4b69ff;
    text-decoration: underline
}

.download_bg .download_step1 {
    box-sizing: border-box
}

.download_bg .download_step1 .step1_pic {
    width: 70%;
    display: block;
    margin: 20px auto 0
}

.download_bg .download_btn_2 {
    margin: 20px auto;
    width: 40%;
    position: static
}

.download_bg .download_step3 {
    margin: 0 15px
}

.download_bg .download_step5 {
    padding-bottom: 5px
}

.ssby_bg {
    width: 100%;
    background: url(../images/bj.jpg) 0 0 / 100% repeat-y;
    padding-bottom: 70px
}

.ssby_active_text {
    background: rgba(28, 33, 47, .85);
    border-top: 1px solid #d3b388;
    border-left: 1px solid #9d7759;
    border-right: 1px solid #9d7759;
    border-bottom: 1px solid #442c27;
    position: relative;
    margin: 15px 18px 27px
}

.ssby_active_text em {
    width: 41px;
    display: block;
    position: absolute
}

.ssby_active_text em.jiao_01 {
    top: -6px;
    left: -6px
}

.ssby_active_text em.jiao_02 {
    top: -6px;
    right: -6px
}

.ssby_active_text em.jiao_03 {
    bottom: -6px;
    left: -6px
}

.ssby_active_text em.jiao_04 {
    bottom: -6px;
    right: -6px
}

.ssby_tit {
    width: 185px;
    margin: -18px auto 0
}

.ssby_text {
    padding: 10px 10px 15px
}

.ssby_text h1 {
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 10px 0
}

.ssby_text h2 {
    line-height: 24px;
    font-size: 13px;
    color: #ffde00
}

.ssby_text h3 {
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    padding-top: 30px
}

.ssby_text h4 {
    font-size: 15px;
    color: #fff
}

.ssby_text p {
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    text-indent: 20px
}

.ssby_text2 h3 {
    padding-top: 0;
    padding-bottom: 20px
}

.ssby_text3 h3 {
    padding-top: 0
}

.ssby_text3 p {
    text-align: center;
    text-indent: 0
}

.ssby_posi_btn {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: rgba(29, 16, 2, .61);
    position: fixed;
    bottom: 0;
    left: 0
}

.ssby_posi_btn a {
    width: 172px;
    display: block;
    margin: 0 auto
}

.pop_active_detail {
    width: 340px;
    height: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -220px 0 0 -170px
}

.pop_ssby_text {
    height: 363px;
    overflow: hidden
}

.pop_ssby_text_main {
    height: inherit;
    overflow-y: scroll
}

.pop_active_detail em.close_yuan {
    width: 35px;
    height: 35px;
    top: -50px;
    right: 0
}

.pop_active_detail_btn {
    width: 150px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -75px
}

.for_public,
.for_friend {
    overflow-x: hidden
}

.sale_tishi img {
    width: 15px;
    height: 14px;
    margin: 0 5px 0 10px;
    vertical-align: middle
}

.sale_tishi {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #f50
}

.sale_tishi_2 {
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #f50;
    border-bottom: 1px solid #e6e6e6
}

.sale_tip {
    line-height: 26px;
    font-size: 13px;
    color: #f50;
    text-align: center
}

.sale_infor {
    min-height: 45px;
    line-height: 45px;
    padding: 0 10px 0 70px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    margin-left: 10px;
    overflow: hidden
}

.sale_infor span {
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 0;
    top: 0
}

.sale_infor p {
    max-width: 100%;
    padding-top: 10px;
    overflow: hidden;
    position: relative
}

.sale_infor p input {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    border: 0;
    outline: 0;
    color: #333;
    float: right;
    font-family: "苹方";
    text-align: right
}

.sale_infor p label.checked {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 9px;
    right: -1px;
    cursor: pointer;
    background: url("../images/input_choose.png") no-repeat 0 0;
    background-size: 100%
}

.sale_infor p input[type='radio'] {
    width: 22px;
    height: 22px;
    line-height: 25px;
    font-size: 13px;
    outline: 0;
    color: #333;
    float: right;
    font-family: "苹方";
    text-align: right;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ccc
}

.sale_infor p i {
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #f50;
    font-style: normal;
    text-align: right;
    float: right;
    cursor: pointer
}

.sale_infor p i.col9 {
    color: #999
}

.sale_infor p a {
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #999;
    text-align: right;
    float: right;
    cursor: pointer
}

.sale_infor p a.col9 {
    color: #999
}

.sale_infor em {
    width: 8px;
    display: block;
    float: right;
    margin-left: 5px
}

.sale_infor b {
    line-height: 46px;
    display: block;
    float: right;
    margin-left: 5px;
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.sale_title {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #666;
    padding-left: 10px
}

.sale_title_text {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border-bottom: 1px solid #e6e6e6
}

.sale_title_text input {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    font-size: 13px;
    color: #333;
    font-family: "苹方";
    border: 0;
    outline: 0
}

.sale_content {
    line-height: 20px;
    min-height: 50px;
    max-height: 100px;
    padding: 10px;
    outline: 0;
    font-size: 13px;
    color: #333
}

.sale_content textarea {
    width: 100%;
    height: 55px;
    border: 0;
    outline: 0;
    resize: none;
    font-size: 13px;
    color: #333;
    font-family: "苹方";
    vertical-align: middle
}

.sale_content p {
    width: 100%;
    border: 0;
    outline: 0;
    resize: none;
    font-size: 13px;
    line-height: 22px;
    color: #f50;
    font-family: "苹方";
    vertical-align: middle
}

.update_pic h1 {
    line-height: 45px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding: 0 10px
}

.update_pic ul {
    margin: 0 5px;
    padding-bottom: 5px
}

.update_pic ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px
}

.update_pic ul li a {
    display: block;
    margin: 0 5px;
    position: relative
}

.update_pic ul li a em {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -5px;
    top: -5px;
    background: url(../images/del_icon.png) 0 0 / 100% no-repeat
}

.account_notice {
    font-size: 13px;
    color: #f50;
    line-height: 22px;
    padding: 10px
}

.account_notice_v2 {
    margin-top: -20px
}

.shenhe_popup {
    background: #fff;
    height: 350px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px
}

.shenhe_popup_text {
    margin-top: 25px
}

.shenhe_popup_text span {
    width: 11px;
    display: inline-block;
    margin-right: 2px
}

.shenhe_popup_text h1 {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    font-weight: normal;
    display: inline-block
}

.shenhe_popup_text p {
    line-height: 14px;
    font-size: 13px;
    color: #666;
    padding: 5px 0 0 18px
}

.shenhe_popup_btn {
    height: 47px;
    line-height: 47px;
    font-size: 15px;
    color: #fff;
    background: #f50;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.select_game {
    margin-left: 10px
}

.select_game a {
    display: block;
    padding: 7px 20px 7px 40px;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

.select_game a span {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-left: -40px
}

.select_game a p {
    line-height: 35px;
    font-size: 15px;
    color: #666;
    float: left
}

.select_game a em {
    width: 8px;
    line-height: 35px;
    display: block;
    float: right;
    margin-right: -10px
}

.select_more {
    background: #fff;
    margin-top: 5px
}

.select_more .select_game {
    margin: 0
}

.select_more .select_game a {
    height: 50px;
    padding: 0 20px 0 10px
}

.select_more .select_game a p {
    width: 100%;
    line-height: 51px
}

.select_game a p i {
    font-size: 13px;
    color: #999;
    font-style: normal;
    float: right
}

.select_more .select_game a em {
    line-height: 50px
}

.gender a {
    padding: 7px 20px 7px 5px
}

.select_role {
    margin-left: 10px
}

.select_role a {
    display: block;
    overflow: hidden;
    padding-top: 5px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.select_role a h4 {
    line-height: 30px;
    font-size: 15px;
    color: #333
}

.select_role a p {
    line-height: 30px;
    font-size: 12px;
    color: #999
}

.select_role a em {
    width: 8px;
    line-height: 35px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
}

.order_confire .sale_infor span {
    color: #999
}

.order_confire .sale_infor p a i {
    font-size: 17px
}

.order_confire .sale_infor p i.col9 {
    font-size: 14px;
    color: #4d4d4d
}

.order_confire .sale_infor p i.gray {
    color: #999;
    font-size: 13px
}

.release .sale_infor p i {
    font-size: 14px
}

.order_confire .sale_infor p a {
    display: block;
    margin: 0
}

.order_confire .sale_infor p a.copy_num {
    width: 50px;
    height: 20px;
    min-height: inherit;
    line-height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #676767;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin: 2px 6px 0 0
}

.order_confire .sale_infor p a.text_color_o {
    color: #fc5a22
}

.order_confire .sale_infor p em.pay_way_icon {
    width: 20px;
    line-height: 25px;
    margin-right: 5px
}

.order_confire .sale_infor a {
    width: 100%;
    height: inherit;
    min-height: 25px;
    display: block;
    margin: 10px 0 8px
}

.order_confire .sale_infor a.mar0 {
    margin: 0 0 0 15px
}

.order_confire .sale_infor a.mar0 input {
    width: 100%;
    font-size: 14px;
    border: 0;
    outline: 0
}

.order_confire .sale_infor .textarea_name {
    width: 100%;
    min-height: 25px;
    max-height: 42px;
    line-height: 20px;
    border: 0;
    font-size: 14px;
    color: #333;
    font-family: "苹方";
    resize: none;
    padding-top: 2px;
    outline: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: right
}

.order_confire .sale_infor .textarea_main {
    max-height: inherit
}

.order_confire .timeout_tishi {
    padding-left: 0
}

.order_confire .timeout_tishi .textarea_name {
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    color: #999
}

.game_pay_way .select_game a {
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.game_pay_way .select_game a span {
    width: 20px;
    line-height: 35px;
    margin-left: -30px
}

.game_pay_way .select_game a em {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px
}

.game_pay_way .select_game a em.select {
    background: url(../images/select.png) 0 0 / 100% no-repeat
}

.game_pay_way .select_game a em.select_no {
    background: url(../images/select_no.png) 0 0 / 100% no-repeat
}

.kefu_QQ {
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    margin: 5px 0 0;
    border-bottom: 1px solid #e0e0e0
}

.kefu_QQ span {
    font-size: 13px;
    color: #999
}

.kefu_QQ a {
    width: 83px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #666;
    display: block;
    float: right;
    margin-top: 4px;
    border-radius: 3px
}

.pay_success {
    background: #fff;
    margin-bottom: 5px
}

.success_top span {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    padding: 23px 0 10px
}

.success_top p {
    font-size: 19px;
    color: #333;
    text-align: center
}

.success_top b {
    line-height: 20px;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 5px 0 0
}

.for_friend_sale span {
    width: 200px;
    height: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 15px 0 10px
}

.for_friend_sale em {
    width: 105px;
    height: 105px;
    display: block;
    margin: 0 auto
}

.for_friend_sale span img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: middle
}

.for_friend_sale p {
    font-size: 19px;
    color: #333;
    text-align: center
}

.for_friend_sale b {
    line-height: 20px;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 5px 0 0
}

.pay_success ul {
    padding: 20px 0 10px
}

.pay_success ul li {
    width: 33.3%;
    float: left
}

.pay_success ul li a {
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 9px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #333;
    border-radius: 5px;
    text-align: center
}

.pay_success ul li.on a {
    color: #f50;
    border: 1px solid #f50
}

.pay_success ul li.on_bg a {
    background: #fcd134;
    border: 1px solid #fcd134
}

.release_success ul li {
    width: 50%
}

.share_detail .swiper-container5 {
    height: 275px
}

.swiper-container5 .swiper-slide {
    width: 100%;
    height: 310px;
    overflow: hidden;
    vertical-align: middle
}

.swiper-container5 .swiper-slide img {
    width: initial;
    height: 100%;
    margin: 0 auto;
    display: block
}

.swiper-container5 .swiper-pagination {
    text-align: center
}

.swiper-container5 .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.infor_box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background: #fff
}

.infor_box_left {
    width: 80%;
    box-sizing: border-box
}

.infor_box_right {
    width: 20%;
    box-sizing: border-box
}

.com_detail_infor_star b {
    display: block;
    margin: 0 auto;
    width: 21px;
    height: 21px;
    background: url("../images/star.png") no-repeat;
    background-size: 100% 100%
}

.com_detail_infor_star b.on {
    background: url("../images/star_red.png") no-repeat;
    background-size: 100% 100%
}

.com_detail_infor_star p {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #333
}

.com_detail_infor {
    background: #fff;
    padding: 0 10px
}

.com_detail_infor h1 {
    line-height: 20px;
    max-height: 40px;
    font-size: 15px;
    color: #333;
    font-weight: normal;
    padding-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.com_detail_text {
    font-size: 13px;
    color: #999;
    line-height: 20px
}

.com_detail_box h2 {
    font-size: 13px;
    color: #f50;
    font-weight: normal
}

.com_detail_box h2 i {
    font-size: 19px;
    font-style: normal
}

.com_detail_sh {
    width: 100%;
    background: transparent;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-bottom: 5px
}

.com_detail_sh:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -10px;
    background: transparent
}

.com_detail_sh:after {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -10px;
    background: transparent
}

.com_detail_sh p {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    float: left
}

.com_detail_sh p:first-child {
    margin-right: 25px
}

.com_detail_sh p span {
    width: 12px;
    line-height: 30px;
    display: inline-block;
    margin-right: 5px
}

.account_detail {
    background: #fff;
    margin-top: 5px
}

.account_detail h1 {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    color: #333;
    margin: 0 0 5px 10px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: normal
}

.account_detail p {
    padding-left: 75px;
    line-height: 25px
}

.account_detail p em {
    font-size: 13px;
    color: #999;
    float: left;
    margin-left: -65px;
    font-style: normal
}

.account_detail p span {
    font-size: 13px;
    color: #333
}

.account_detail_depict {
    border-top: 1px solid #e0e0e0;
    margin-left: 10px;
    margin-top: 5px;
    padding: 8px 10px 5px 65px !important
}

.account_detail_depict em {
    margin-left: -65px
}

.download_banner {
    position: relative
}

.download_banner .download_banner_bg {
    background: #fcd843;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.download_banner span {
    margin: 0 70px 0 75px;
    display: block;
    padding: 4px 0 0
}

.download_banner p {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    padding-top: 10px;
    text-align: center
}

.download_banner a {
    width: 140px;
    height: 45px;
    margin: 10px auto 15px;
    display: block
}

.share_detail {
    padding: 20px
}

.share_detail_top {
    background: #fcd134;
    height: 60px;
    position: relative
}

.share_detail_top span {
    line-height: 60px;
    padding-left: 20px
}

.share_detail_top em {
    width: 120px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px
}

.kefu_bot {
    overflow: hidden;
    padding-top: 35px
}

.kefu_bot span {
    line-height: 26px;
    font-size: 13px;
    color: #333
}

.kefu_bot a {
    width: 83px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: right;
    font-size: 12px;
    color: #666;
    text-align: center;
    background: #fff;
    border: 1px solid #7f7f7f;
    border-radius: 3px
}

.order_record_nav ul {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    background: #fff
}

.order_record_nav ul li {
    width: 50%;
    float: left;
    text-align: center
}

.order_record_nav_v2 ul li {
    width: 33.33%;
    float: left;
    text-align: center
}

.order_record_nav ul li a {
    font-size: 15px;
    color: #333;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 12px
}

.order_record_nav ul li.on a {
    color: #f50;
    height: 39px;
    line-height: 39px;
    border-bottom: 2px solid #f50
}

.order_record_list {
    background: #fff;
    margin-top: 5px;
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.order_record_list h6 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.order_record_list h6 i {
    font-style: normal;
    color: #f50
}

.order_record_con {
    padding: 0 10px 10px 100px;
    overflow: hidden
}

.order_record_con em {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    margin-left: -90px
}

.order_record_con em img {
    width: 100%;
    height: 100%
}

.order_record_text h1 {
    height: 45px;
    line-height: 22px;
    font-size: 15px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.order_record_text h2 {
    font-size: 14px;
    color: #f50;
    font-weight: normal;
    padding-top: 10px
}

.order_record_text h2 i {
    font-size: 19px;
    font-style: normal
}

.order_record_bot:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.order_record_bot {
    line-height: 40px;
    padding: 0 10px;
    border-top: 1px solid #e0e0e0;
    position: relative
}

.order_record_bot span {
    font-size: 13px;
    color: #999;
    display: block;
    float: left
}

.order_record_bot.pass span {
    color: #31cd52
}

.order_record_bot.pass span.colff5 {
    color: #f50;
    font-size: 14px
}

.order_record_bot .order_record_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -13px
}

.order_record_bot.fail span {
    max-width: 270px;
    line-height: 24px;
    color: #f50;
    padding: 8px 0
}

.order_record_bot em {
    width: 65px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: right;
    font-size: 13px;
    color: #333;
    border: 1px solid #ccc;
    text-align: center;
    font-style: normal;
    margin: 0 0 0 10px;
    border-radius: 3px
}

.order_record_bot.success em {
    width: 114px;
    height: inherit;
    display: block;
    border: 0;
    position: absolute;
    bottom: 7px;
    right: 10px
}

.over_time {
    background: #f2f2f2
}

.transaction_top {
    padding: 0 10px;
    line-height: 44px;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.wrap .transaction_top {
    top: 44px
}

.wrap .pad_gap {
    width: 100%;
    height: 15px;
    background: #f0eff5;
    position: fixed;
    top: 105px;
    left: 0;
    z-index: 100
}

.wrap .transaction {
    overflow-x: hidden
}

.transaction_top span {
    font-size: 14px;
    color: #666
}

.transaction_top span i {
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-left: 4px
}

.transaction_top span i.help_icon {
    width: 20px;
    display: inline-block;
    float: right;
    margin-left: 5px
}

.transaction_top a {
    width: 93px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 6px 0 0 10px;
    float: right;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 3px
}

.transaction_top a i {
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-right: 4px
}

.transaction_head {
    font-size: 0;
    height: 65px;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    z-index: 100;
    background: #fff
}

.transaction_head li {
    width: 25%;
    padding: 5px 0 0;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center
}

.transaction_head li a {
    width: 100%;
    height: 100%;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    border: 0;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    position: relative
}

.transaction_head li .has_mess b {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 5px;
    left: 60%
}

.transaction_head li img {
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto
}

.sort_filter {
    font-size: 0;
    margin-top: 3px;
    height: 44px;
    width: 100%;
    display: block;
    position: relative;
    top: 5px;
    left: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    z-index: 100;
    background: #fff
}

.sort_filter li {
    width: 25%;
    padding: 5px 0 0;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center
}

.sort_filter li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0;
    border: 0;
    font-size: 14px;
    line-height: 34px;
    color: #333;
    text-align: center;
    border-radius: 3px
}

.sort_filter li:last-child {
    padding-right: 10px
}

.sort_filter li:last-child a {
    text-align: right;
    vertical-align: middle;
    margin-top: -5px
}

.sort_filter li a i {
    margin-left: 5px;
    margin-bottom: 2px
}

.sort_filter li.natural a i {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ccc
}

.sort_filter li.natural a.on i {
    border-top: 5px solid #fcd134
}

.sort_filter li.reverse a i {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #ccc;
    border-top: 0
}

.sort_filter li.reverse a.on i {
    border-bottom: 5px solid #fcd134
}

.sort_filter li a img {
    width: 14px;
    height: 14px
}

.sort_filter li:last-child a img {
    width: 20px;
    height: 20px
}

.transaction .order_record_list {
    margin-top: 0
}

.transaction .com_detail_sh,
.transaction .com_detail_sh p,
.transaction .com_detail_sh p span {
    height: 16px;
    line-height: 16px
}

.transaction .order_record_text h1 {
    height: 40px;
    line-height: 20px
}

.transaction .order_record_text h2 {
    padding: 0;
    line-height: 20px
}

.transaction .com_detail_sh {
    background: 0
}

.transaction .com_detail_sh p:first-child {
    margin-right: 10px
}

.pop_posi_bot {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.pop_posi_bot a {
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    font-weight: bold
}

.pop_posi_bot a.gray {
    height: 40px;
    line-height: 40px;
    background: #cdcdcd;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: normal
}

.tip_text {
    padding: 15px 12px
}

.tip_text p {
    line-height: 22px;
    font-size: 14px;
    color: #333
}

.tip_text p b {
    font-size: 13px;
    color: #ff5647;
    padding-top: 10px;
    display: block
}

.tip_text p:last-child {
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-top: 10px
}

.tip_text_v2 {
    overflow: hidden;
    margin-bottom: 10px
}

.tip_text_v2 p.select_text {
    text-align: center;
    font-size: 12px;
    color: #999
}

.tip_text p:last-child span,
.tip_text_v2 p.select_text span {
    padding: 5px 0;
    display: inline-block
}

.tip_text p:last-child em,
.tip_text_v2 p.select_text em {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 5px
}

.tip_text p:last-child em.select_no,
.tip_text_v2 p.select_text em.select_no {
    background: url(../images/select_no.png) 0 0 / 100% no-repeat;
    vertical-align: middle
}

.tip_text p:last-child em.select,
.tip_text_v2 p.select_text em.select {
    background: url(../images/select.png) 0 0 / 100% no-repeat;
    vertical-align: middle
}

.tip_text p span.order_number {
    font-size: 12px;
    color: #666
}

.tip_text p b.copy_num_btn {
    width: 55px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #999;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin-left: 14px;
    display: inline-block;
    border-radius: 3px
}

.tip_text_v2,
.tip_text_v2 p:last-child {
    padding: 0
}

.tip_text_v2 p.select_text {
    width: 50%;
    float: left
}

.receive_success h1.red_bg {
    background: #f50;
    color: #fff
}

.receive_success h1.red_bg em {
    width: 13px;
    display: inline-block;
    margin-right: 5px
}

.receive_success h1.white_bg {
    background: #fff;
    color: #333
}

.receive_success h1.white_bg em {
    width: 13px;
    display: inline-block;
    margin-right: 5px
}

.receive_success h5.receive_success_text_v2 {
    font-size: 14px;
    color: #333;
    padding: 0 15px;
    text-align: center;
    margin: 0
}

.receive_success h5.receive_success_text_v2 i {
    font-style: normal;
    color: #f50
}

.fugai_select .select_button {
    text-align: left;
    margin: 10px 0;
    padding-left: 20px
}

.fugai_select .select_button a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.fugai_select .select_button a em {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 3px;
    overflow: hidden;
    vertical-align: middle;
    box-sizing: border-box;
    margin-right: 3px
}

.fugai_select .select_button a.selected em:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fcd134;
    margin: -1px 0 0 -1px
}

.fugai_select .select_over {
    height: 180px;
    overflow: scroll;
    margin-top: -10px
}

.select_way_box {
    padding: 8px 10px 8px 63px;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    margin: 10px;
    position: relative
}

.select_way_box span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -20px
}

.select_way_text {
    width: 100%
}

.select_way_text h1 {
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    text-align: left
}

.select_way_text h2 {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    text-align: left;
    padding-top: 15px
}

.select_way_box.on {
    border: 1px solid #f50
}

.select_way_box em {
    width: 13px;
    height: 9px;
    line-height: 9px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    display: none
}

.select_way_box.on em {
    display: block
}

.bot_zhuyi {
    line-height: 16px;
    font-size: 12px;
    color: #f50;
    margin: 0 15px
}

.bot_zhuyi_2 {
    line-height: 16px;
    font-size: 12px;
    color: #f50;
    margin: 10px 15px
}

.kefu_QQ_btn {
    width: 120px;
    height: 40px;
    margin: 0 auto 20px
}

.kefu_QQ_btn a {
    background: #f50;
    border-radius: 3px;
    display: block;
    padding: 8px 0 5px
}

.kefu_QQ_btn a span {
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: normal;
    display: block;
    text-align: center
}

.kefu_QQ_btn a em {
    font-size: 10px;
    color: #fff;
    display: block;
    text-align: center;
    font-style: normal
}

.pop_btn_two {
    background: #fff
}

.pop_btn_two a {
    width: 50%;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    font-size: 15px;
    color: #666;
    text-align: center;
    border-top: 1px solid #ccc
}

.pop_btn_two a.on {
    background: #f50;
    color: #fff;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #f50
}

.pop_btn_two a.yellow_bg {
    background: #fcd134;
    color: #333;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #fcd134
}

.pop_btn_two a.gray {
    background: #dedede;
    color: #fff;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #dedede
}

.pop_btn_two.mt20 a.on {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0
}

.help {
    padding: 0 10px 20px
}

.help h1 {
    font-size: 18px;
    color: #333;
    padding-top: 25px
}

.help h2 {
    font-size: 15px;
    color: #333;
    padding-top: 15px
}

.help p {
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.help h3 {
    font-size: 17px;
    color: #333;
    font-weight: normal;
    padding-top: 20px
}

.help h4 {
    line-height: 18px;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    padding-top: 20px
}

.step_tit {
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-top: 20%
}

.first_step {
    margin: 40px 45px
}

.step_game_list {
    margin-top: 190px;
    position: relative
}

.step_game_list_text {
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -50px
}

.step_game_list span {
    width: 40px;
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -20px
}

.step_btn {
    width: 96px;
    position: fixed;
    bottom: 80px;
    left: 50%;
    margin-left: -48px
}

.step_btn span {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.step_btn a {
    display: block;
    font-size: 19px;
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.add_public {
    padding: 10px 10px 10px 20px
}

.add_public_left {
    width: 50%;
    float: left;
    margin: 10px 0
}

.add_public_left h1 {
    line-height: 18px;
    font-size: 17px;
    color: #343234;
    font-weight: normal
}

.add_public_left h2 {
    line-height: 22px;
    font-size: 15px;
    color: #343234;
    font-weight: normal;
    padding: 10px 10px 10px 0
}

.add_public_left a {
    width: 75px;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #333;
    font-size: 15px;
    color: #343234;
    border-radius: 5px;
    text-align: center
}

.add_public_right {
    width: 50%;
    float: right
}

.bot_text {
    font-size: 12px;
    color: #333;
    text-align: center;
    padding: 20px 0 15px
}

.posi_bot_btn {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    z-index: 10
}

.posi_bot_btn a {
    height: 40px;
    line-height: 40px;
    display: block;
    background: #fcd134;
    font-size: 14px;
    color: #333;
    margin: 10px;
    border-radius: 3px;
    text-align: center
}

.posi_bot_btn2 {
    font-size: 0
}

.posi_bot_btn2 a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 45%;
    background: transparent;
    border: 1px solid #ccc;
    margin: 10px 0 10px 10px;
    font-size: 15px;
    color: #333;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box
}

.posi_bot_btn2 a:last-child {
    margin: 10px 10px 10px 0
}

.posi_bot_btn2 a.on {
    background: #fcd134;
    border: 0
}

.posi_bot_btn3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.posi_bot_btn3 div.posi_bot_btn_left {
    float: left;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%
}

.posi_bot_btn3 div.posi_bot_btn_left a {
    display: block;
    font-size: 14px;
    color: #333;
    background: transparent;
    margin: 5px 8px;
    border-radius: 3px;
    text-align: center
}

.posi_bot_btn3 .buy_btn {
    max-width: 50%;
    width: 50%;
    height: 40px;
    margin: 5px 10px
}

.posi_bot_btn div.posi_bot_btn_left img {
    width: 24px;
    height: 20px;
    margin-right: 5px;
    margin-top: -2px
}

.posi_bot_btn3.disabled div.posi_bot_btn_left a {
    color: #ccc
}

.posi_bot_btn3.disabled div.posi_bot_btn_left img {
    opacity: .3
}

.posi_bot_btn3.disabled .buy_btn {
    background: #dfdfdf;
    color: #fff
}

.close {
    width: 15px;
    height: 15px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    top: 5px;
    right: 5px
}

.gray_bg {
    background: #cbcbcb;
    color: #fff
}

.gray_bg a {
    color: #fff
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt25 {
    margin-top: 25px
}

.mt44 {
    margin-top: 44px
}

.mb5 {
    margin-bottom: 5px
}

.pb70 {
    padding-bottom: 70px
}

.transverse_game_pop {
    transform: rotate(90deg)
}

@media screen and (min-width: 430px) {

    .zhuanpan_v3 .zhuanpan_icon1,
    .zhuanpan_v3 .zhuanpan_icon2 {
        width: 22%
    }
}

@media screen and (max-width: 430px) {
    .mann_nav_v2 ul li em b {
        width: 32px;
        height: 15px;
        line-height: 15px;
        font-size: 12px
    }

    .zhuanpan_v2 .zhuanpan_jifen {
        top: 336px
    }

    .zhuanpan_v2 .zhuanpan_jilu {
        top: 340px
    }

    .zhuanpan_v2 .choujiang_btn ul li span {
        margin: 0 5px;
        height: 55px;
        line-height: 55px
    }

    .zhuanpan_v3 .zhuanpan_jifen {
        top: 336px
    }

    .zhuanpan_v3 .zhuanpan_jilu {
        top: 340px
    }

    .zhuanpan_v3 .choujiang_btn ul li span {
        margin: 0 5px;
        height: 55px;
        line-height: 50px
    }

    .zhuanpan_v3 .choujiang_btn ul li.on span {
        margin: -3px 5px 0;
        height: 55px;
        line-height: 55px
    }
}

@media screen and (max-width: 414px) {
    .hongbao_bg2 {
        left: 50%;
        right: inherit;
        margin-left: -177px
    }

    .swiper-container1 .swiper-wrapper {
        height: 120px
    }

    .swiper-container3 .swiper-wrapper {
        height: 273px
    }

    .header_name i {
        width: 160px
    }

    .dnl {
        width: 220px
    }

    .loading-splash-bg6 .loading-text {
        padding-top: 60px
    }

    .bag_infor {
        margin: 130px 20px 0
    }

    .loading-splash-bg18 .loading-splash-pic1 {
        width: 280px
    }

    .hongbao_bg2 {
        left: 50%;
        right: inherit;
        margin-left: -177px
    }

    .zhuanpan_v2 .choujiang_btn ul li span {
        line-height: 55px
    }
}

@media screen and (max-width: 385px) {
    .header_name i {
        width: 110px
    }
}

@media screen and (max-width: 375px) {
    .swiper-container1 .swiper-wrapper {
        height: 110px
    }

    .swiper-container3 .swiper-wrapper {
        height: 211px
    }

    .header_name i {
        width: 120px
    }

    .gama_ranking .game_ranking_list h4 i {
        max-width: 200px
    }

    .dnl {
        width: 200px
    }

    .loading-splash-bg6 .loading-text {
        padding-top: 55px
    }

    .loading-splash-bg14 .loading-splash-pic1 {
        width: 190px
    }

    .loading-splash-bg14 .loading-splash-pic2 {
        width: 250px
    }

    .loading-splash-bg14 .loading-text {
        bottom: 75px
    }

    .loading-splash-bg18 .loading-splash-pic2 {
        margin: 80px auto 0
    }

    .loading-splash-bg18 .loading-text {
        padding-top: 75px
    }

    .loading-splash-bg21 .loading-text {
        padding-top: 100px
    }

    .loading-splash-bg21 .footer_text {
        bottom: 90px
    }

    .zhuanpan_v2 .choujiang_btn ul li span {
        height: 52px;
        line-height: 48px
    }

    .zhuanpan_v2 .zhuanpan_jifen {
        top: 310px
    }

    .zhuanpan_v2 .zhuanpan_jilu {
        top: 315px
    }

    .zhuanpan_v3 .choujiang_btn ul li span {
        height: 52px;
        line-height: 45px
    }

    .zhuanpan_v3 .choujiang_btn ul li.on span {
        height: 52px;
        line-height: 49px;
        margin: 0 5px
    }

    .zhuanpan_v3 .zhuanpan_jifen {
        top: 290px
    }

    .zhuanpan_v3 .zhuanpan_jilu {
        top: 295px
    }

    .loading-splash-bg31 .loading-text {
        padding-top: 80px
    }
}

@media screen and (max-width: 360px) {
    .header_name i {
        max-width: 110px
    }

    .zhuanpan_v2 .zhuanpan_jifen {
        top: 295px
    }

    .zhuanpan_v2 .zhuanpan_jilu {
        top: 298px
    }

    .zhuanpan_v2 .choujiang_btn ul li span {
        margin: 0 5px;
        height: 48px;
        line-height: 45px;
        font-size: 16px
    }

    .zhuanpan_v2 .choujiang_btn ul li p {
        padding: 2px 0 20px
    }
}

@media screen and (max-width: 320px) {
    .swiper-container1 .swiper-wrapper {
        height: 100px
    }

    .swiper-container3 .swiper-wrapper {
        height: 175px
    }

    .header_name i {
        width: 70px
    }

    .firend_name i.light_blue {
        width: 115px
    }

    .gama_ranking .game_ranking_list h4 i {
        width: 140px
    }

    .login_pic {
        margin-top: 60px
    }

    .login_btn {
        margin-top: 100px
    }

    .game_list_text h1 {
        font-size: 14px
    }

    .game_popup,
    .game_popup_head,
    .game_popup_con {
        width: 280px
    }

    .gameranking_left {
        padding-left: 5px
    }

    .gameranking_left_text h1 {
        font-size: 12px
    }

    .gameranking_right {
        padding-right: 5px
    }

    .gameranking_btn_right a {
        font-size: 12px;
        width: 55px;
        margin-left: 5px
    }

    .gamerank_list_con h1 i.name_box {
        max-width: 60px !important
    }

    .gamerank_list_con h2 {
        font-size: 11px
    }

    .rank_banner {
        width: 300px;
        height: 95px
    }

    .game_popup_con .gamerank_list_con h1 i.name_box {
        max-width: 75px !important
    }

    .loading-splash-bg2 .loading-splash-pic {
        margin: 80px auto 0
    }

    .loading-splash-bg2 .loading-text {
        padding-top: 70px
    }

    .loading-splash-bg3 .loading-splash-pic {
        width: 200px
    }

    .loading-text {
        padding-top: 60px
    }

    .change_head {
        padding: 15px 10px 8px
    }

    .integral_tab table tr {
        border-bottom: 1px solid #e1e1e1
    }

    .loading-splash-bg3 .loading-splash-pic {
        margin: 60px auto 0
    }

    .loading-splash-bg4 .loading-splash-pic {
        margin: 65px 18px 0
    }

    .loading-splash-bg5 .loading-splash-pic {
        width: 240px
    }

    .dnl {
        width: 154px;
        margin-left: -77px
    }

    .loading-splash-bg5 .loading-text {
        bottom: 100px
    }

    .foot_btn_two a {
        width: 110px
    }

    .user_name {
        padding-top: 25px;
        font-size: 12px
    }

    .bag_detail_con {
        padding: 6px 10px
    }

    .bag_detail {
        padding: 3px 0;
        font-size: 12px
    }

    .getbag_main {
        margin: 15px 0 0;
        border-top: 1px dashed #999
    }

    .getbag_main h2 {
        padding: 10px 0;
        font-size: 13px
    }

    .change_number {
        margin: 0 auto
    }

    .foot_btn {
        margin: 0
    }

    .game_popup_btn a.back_btn {
        top: 38%
    }

    .game_popup_btn a.refresh_btn {
        top: 59%
    }

    .login_logo {
        width: 90px;
        padding: 15% 0 10%
    }

    .login_way a {
        width: 230px;
        height: 40px;
        line-height: 40px
    }

    .login_way a em {
        width: 20px
    }

    .loading-splash-bg13 .loading-text {
        padding-top: 20px
    }

    .loading-splash-bg14 .loading-splash-pic1 {
        width: 170px;
        margin: 20px auto 10px
    }

    .loading-splash-bg14 .loading-splash-pic2 {
        width: 220px
    }

    .loading-splash-bg14 .loading-text {
        bottom: 60px
    }

    .loading-splash-bg15 .loading-splash-pic {
        width: 236px;
        margin: 100px auto 0
    }

    .loading-splash-bg16 .loading-text {
        padding-top: 20px
    }

    .loading-splash-bg17 .loading_first .loading_first_pic {
        width: 120px;
        height: 135px
    }

    .loading-splash-bg17 .loading_first .loading_first_pic img {
        width: 80px;
        height: 80px
    }

    .loading-splash-bg17 .loading-splash-pic1 {
        width: 250px;
        margin-top: 15px
    }

    .loading-splash-bg17 .loading_first {
        top: 135px
    }

    .game_popup_con .rank_banner {
        width: 270px;
        height: 81px
    }

    .loading-splash-bg18 .loading-splash-pic1 {
        margin: 60px auto 0
    }

    .loading-splash-bg18 .loading-splash-pic2 {
        width: 260px;
        margin: 60px auto 0
    }

    .game_title em b {
        display: none
    }

    .loading-splash-bg20 .loading-text {
        padding-top: 70px
    }

    .loading-splash-bg21 .loading-text {
        padding-top: 75px
    }

    .loading-splash-bg21 .footer_text {
        bottom: 80px
    }

    .loading-splash-bg22 .loading-text {
        bottom: 78px
    }

    .personalcenter_head .name_text i {
        max-width: 83px
    }

    .loading-splash-bg23 .loading-text {
        padding-top: 15px
    }

    .download_btn_2 {
        bottom: 35px
    }

    .download_ewm {
        top: 140px
    }

    .download_ewm p {
        line-height: 20px;
        font-size: 13px
    }

    .download_ewm_box {
        width: 110px;
        height: 110px
    }

    .download_ewm_box em {
        width: 102px;
        height: 102px
    }

    .download_notice {
        line-height: 22px;
        font-size: 13px;
        padding-top: 10px
    }

    .active_download_btn {
        margin: -65px auto 0
    }

    .zhuanpan_v2 .zhuanpan_jifen {
        top: 255px;
        left: 20px
    }

    .zhuanpan_v2 .zhuanpan_jilu {
        top: 264px;
        right: 20px
    }

    .zhuanpan_v2 .choujiang_btn ul {
        padding: 13px 0 5px
    }

    .zhuanpan_v2 .choujiang_btn ul li {
        line-height: 43px
    }

    .zhuanpan_v2 .choujiang_btn ul li span {
        height: 44px;
        line-height: 40px;
        font-size: 15px
    }

    .zhuanpan_v2 .choujiang_btn ul li p {
        padding: 5px 0 12px
    }

    .zhuanpan_v3 .zhuanpan_jifen {
        top: 255px;
        left: 20px
    }

    .zhuanpan_v3 .zhuanpan_jilu {
        top: 264px;
        right: 20px
    }

    .zhuanpan_v3 .choujiang_btn ul {
        padding: 13px 0 5px
    }

    .zhuanpan_v3 .choujiang_btn ul li {
        line-height: 43px
    }

    .zhuanpan_v3 .choujiang_btn ul li span {
        height: 44px;
        line-height: 40px;
        font-size: 15px
    }

    .zhuanpan_v3 .choujiang_btn ul li.on span {
        height: 44px;
        line-height: 40px;
        font-size: 15px
    }

    .zhuanpan_v3 .choujiang_btn ul li p {
        padding: 5px 0 12px
    }

    .banner_sma .banner_btn {
        width: 65px;
        right: 5px;
        font-size: 12px
    }

    .hongbao_bg2_text span {
        margin-top: -33px
    }

    .hongbao_bg2_text span b {
        font-size: 28px
    }

    .hongbao_bg2 {
        left: inherit;
        right: inherit;
        margin-left: inherit
    }

    .hongbao_btn {
        margin: 15px auto 0
    }

    .hongbao_bg2_main {
        top: 105px
    }

    .pop_active_detail {
        width: 300px;
        margin: -220px 0 0 -150px
    }

    .active_hongbao {
        top: 10%;
        left: 20px;
        right: 20px
    }

    .task_today {
        font-size: 14px
    }

    .task_today span {
        font-size: 12px
    }

    .game_popup_nav ul li a span {
        font-size: 10px
    }

    .bot_ipt_box {
        width: 280px
    }

    .chat_name i {
        max-width: 60px
    }

    .invite_top {
        width: 230px;
        top: -28px;
        margin-left: -115px
    }

    .swiper-container5 {
        height: 260px
    }

    .order_record_bot.fail span {
        font-size: 12px;
        max-width: 215px
    }

    .shangcheng a {
        width: 65px
    }

    .transaction_top a {
        margin-left: 5px;
        width: 85px
    }
}

@media screen and (max-height: 480px) {
    .loading-text {
        padding-top: 45px
    }

    .loading-splash-bg5 .loading-splash-pic {
        width: 210px
    }

    .dnl {
        bottom: -48px
    }

    .loading-splash-bg6 .loading-text {
        padding-top: 45px
    }

    .loading-splash-bg14 .loading-splash-pic1 {
        width: 120px
    }

    .loading-splash-bg14 .loading-splash-pic2 {
        width: 200px
    }

    .loading-splash-bg14 .loading-text {
        bottom: 60px
    }

    .loading-splash-bg15 .loading-splash-pic {
        width: 236px;
        margin: 60px auto 0
    }

    .loading-splash-bg16 .loading-splash-pic1 {
        width: 80%;
        margin: 0 auto
    }

    .loading-splash-bg16 .loading-splash-pic2 {
        width: 160px
    }

    .loading-splash-bg18 .loading-splash-pic2 {
        width: 230px;
        margin: 30px auto
    }

    .loading-splash-bg18 .loading-text {
        padding-top: 20px
    }

    .loading-splash-bg77 .loading-splash-pic1 {
        margin: 20px 48px 0
    }

    .loading-splash-bg77 .loading-splash-pic2 {
        margin: 50px 48px 0
    }
}

.about {
    text-align: center;
    margin: 10px 0 60px
}

.about p {
    font-size: 12px;
    color: #777
}

.ball-beat {
    width: 30px;
    height: 10px;
    margin: 10px auto 0
}

.ball-beat span {
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    margin: 2px;
    text-align: center;
    float: left;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: ball-beat 3s infinite linear;
    animation: ball-beat 3s infinite linear
}

.ball-beat span:nth-child(2n-1) {
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important
}

.ball-beat span:last-child {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

i.name_box {
    max-width: 45px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.invitation_btn_bg {
    background: #e1e1e1 !important;
    color: #fff !important
}

.emojicon-m {
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: bottom
}

.col_ff3 {
    color: #ff3000
}

.over_clear {
    overflow: inherit
}

#sogou-pre-loading {
    width: 100%;
    height: 100%;
    background-color: #000;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

#sogou-pre-loading .sogou-loading-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0
}

#sogou-pre-loading .loading-text {
    padding: 0;
    position: fixed;
    top: 50%;
    width: 100%;
    font-size: 16px
}

.rich_scan_popup {
    background: #fff;
    width: 250px;
    height: 100px;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -125px
}

.rich_scan_popup h1 {
    font-size: 16px;
    line-height: 24px;
    color: #222;
    text-align: center;
    margin-top: 15px
}

.rich_scan_popup h2 {
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 10px
}

.rich_scan_popup h2 a {
    color: #0069ff
}

.share_to_friend {
    background: #fff;
    background-size: 100%;
    padding: 24px 0 15px;
    margin: 5px 0
}

.share_to_friend h3,
.share_to_friend h4 {
    width: 100%;
    line-height: 22px;
    color: #f50;
    font-size: 15px;
    text-align: center
}

.share_to_friend h4 {
    line-height: 35px;
    color: #333
}

.share_to_friend em {
    width: 115px;
    height: 115px;
    display: block;
    margin: 0 auto
}

.share_to_friend .commodity_code {
    width: 195px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    font-size: 0
}

.share_to_friend .commodity_code .code,
.share_to_friend .commodity_code .copy,
.share_to_friend .commodity_code .code_2,
.share_to_friend .commodity_code .copy_2 {
    display: inline-block;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    line-height: 30px;
    text-align: center
}

.share_to_friend .commodity_code .code {
    width: 65%;
    background: #f0f0f0
}

.share_to_friend .commodity_code .copy {
    width: 35%;
    background: #fbd046
}

.share_to_friend .commodity_code input {
    width: 100%;
    height: 100%;
    line-height: 100%;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    box-sizing: border-box;
    outline: 0;
    text-align: center;
    background: transparent;
    -webkit-appearance: none
}

.share_to_friend .commodity_code .code_2 {
    width: 75%;
    background: #fff
}

.share_to_friend .commodity_code .copy_2 {
    width: 25%;
    background: #fbd046
}

.share_to_friend p {
    font-size: 13px;
    line-height: 30px;
    color: #999;
    text-align: center
}

.share_to_friend a {
    display: block;
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid transparent;
    color: #000;
    background: #fbd046;
    margin: 10px auto 0;
    border-radius: 3px;
    font-size: 14px
}

.issue_succeed {
    background: #fff;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 17px;
    overflow: hidden
}

.issue_succeed img {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 3px
}

.popup_bg .share_order_to_friend {
    position: relative;
    width: 185px;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -97px
}

.popup_bg .share_order_to_friend em.close {
    width: 30px;
    height: 30px;
    background: 0;
    position: absolute;
    top: -35px;
    right: -40px
}

.popup_bg .share_order_to_friend em.close a {
    display: block;
    width: 30px;
    height: 30px;
    background: rgba(200, 200, 200, 0.6);
    color: #333;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    font-size: 26px;
    font-style: normal
}

.popup_bg .share_order_to_friend em {
    text-align: center;
    display: block;
    width: 185px;
    height: 185px;
    padding: 3px;
    background: #fff
}

.popup_bg .share_order_to_friend em img {
    width: 185px;
    height: 185px;
    margin: 0 auto
}

.popup_bg .share_order_to_friend p {
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center
}

.friends_share_detail {
    padding: 10px
}

.friends_share_detail em {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 20px auto 10px
}

.friends_share_detail p {
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #333
}

.friends_share_detail p i {
    font-style: normal;
    color: #ea2c38
}

.friends_share_detail .description {
    background: #fff;
    padding: 20px 45px;
    margin-top: 20px;
    box-shadow: 1px 1px 2px #aaa
}

.friends_share_detail .description h2 {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.friends_share_detail .description h3 {
    font-size: 13px;
    line-height: 18px
}

.friends_share_detail .description div.clearfix {
    width: 180px;
    height: 110px;
    margin: 0 auto
}

.friends_share_detail .description div.clearfix em,
.friends_share_detail .description div.clearfix p {
    float: left
}

.friends_share_detail .description div.clearfix em {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 0
}

.friends_share_detail .description div.clearfix p {
    font-size: 20px;
    line-height: 30px;
    margin: 10px;
    padding-top: 10px;
    color: #000;
    text-align: left
}

.friends_share_detail .description div.clearfix p b {
    font-size: 28px
}

.friends_share_detail .description div.clearfix p i {
    font-size: 22px
}

.text_color_o {
    color: #fc5a22;
    font-style: normal
}

.friends_share_detail_pop .denglu_way {
    width: 300px;
    height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    border-radius: 10px
}

.friends_share_detail_pop .denglu_way h2 {
    text-align: center;
    font-size: 16px;
    line-height: 60px
}

.friends_share_detail_pop .denglu_way ul {
    display: block;
    margin: 0 auto
}

header h1,
header h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 40px;
    box-sizing: border-box
}

.real_name .bg_f {
    margin-bottom: 10px
}

.real_name .real_name_select a {
    display: block;
    padding: 7px 20px 7px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.real_name .real_name_select a span {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-left: -40px
}

.real_name .real_name_select a p {
    line-height: 35px;
    font-size: 15px;
    color: #666;
    float: left
}

.real_name .real_name_select a em {
    width: 8px;
    line-height: 35px;
    display: block;
    float: right;
    margin-right: -10px
}

.real_name .tishi {
    padding: 0
}

.real_name .tishi p {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    text-align: center;
    color: #f50
}

.real_name .tishi p span {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #f50;
    margin-right: 5px
}

.real_name .sale_infor a {
    width: 100%;
    height: inherit;
    min-height: 25px;
    display: block
}

.real_name .sale_infor a input {
    width: 100%;
    font-size: 14px;
    border: 0;
    outline: 0;
    text-align: right;
    background: #fff
}

.real_name .confirm_message p {
    height: 30px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #f50
}

.real_name .submit {
    padding: 10px
}

.real_name .submit a {
    display: block;
    width: 100%;
    height: 40px;
    background: #fcd134;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #333;
    border-radius: 5px
}

.user_guide,
.deal_dispute {
    padding: 5px 10px
}

.user_guide h4,
.deal_dispute h4 {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin: 10px auto
}

.user_guide p {
    text-indent: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.user_guide p:nth-child(3) {
    margin: 15px 0 20px
}

.deal_dispute p,
.deal_dispute h5 {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-indent: 25px
}

.deal_dispute h5 {
    text-indent: 0;
    margin-top: 30px
}

.deal_dispute p {
    margin: 10px 0
}

.game_popup_main .vip_gift_add,
.game_popup_main .vip_gift_today {
    background: #f0eff5
}

.game_popup_main .vip_gift_add .game_bulletin_text,
.game_popup_main .vip_gift_today .game_bulletin_text {
    padding: 5px 10px
}

.game_popup_main .vip_gift_add .game_bulletin_text p,
.game_popup_main .vip_gift_today .game_bulletin_text p {
    line-height: 21px;
    font-size: 12px
}

.game_popup_main .vip_gift_add .game_bulletin_text p span,
.game_popup_main .vip_gift_today .game_bulletin_text p span {
    color: #fc492e
}

.game_popup_main .vip_gift_add .game_list .top_up_pay,
.game_popup_main .vip_gift_today .game_list .top_up_pay {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 30px;
    position: relative
}

.game_popup_main .vip_gift_add .game_list .top_up_pay span,
.game_popup_main .vip_gift_today .game_list .top_up_pay span {
    color: #fc492e
}

.game_popup_main .vip_gift_add .game_list .top_up_pay .receive_record,
.game_popup_main .vip_gift_today .game_list .top_up_pay .receive_record {
    width: 60px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #999;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -14px
}

.game_popup_main .vip_gift_add .game_list .top_up_pay .receive_record a,
.game_popup_main .vip_gift_today .game_list .top_up_pay .receive_record a {
    color: #333
}

.game_popup_main .vip_gift_add .game_gift,
.game_popup_main .vip_gift_today .game_gift {
    border-radius: 10px;
    border: 5px solid #f0eff5
}

.game_popup_main .vip_gift_add .game_gift .gift_title,
.game_popup_main .vip_gift_today .game_gift .gift_title {
    width: 100%;
    height: 30px;
    background: #fbd046;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px 5px 0 0
}

.game_popup_main .vip_gift_add .game_gift .gift_title span,
.game_popup_main .vip_gift_today .game_gift .gift_title span {
    color: #fc492e
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box,
.game_popup_main .vip_gift_today .game_gift .gift_package_box {
    padding: 5px;
    margin: 0 5px;
    border-bottom: 1px solid #e1e1e1
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box p,
.game_popup_main .vip_gift_today .game_gift .gift_package_box p {
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box p b,
.game_popup_main .vip_gift_today .game_gift .gift_package_box p b {
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 5px;
    vertical-align: middle;
    position: relative
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box p b.on:before,
.game_popup_main .vip_gift_today .game_gift .gift_package_box p b.on:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #ff9800;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box ul li,
.game_popup_main .vip_gift_today .game_gift .gift_package_box ul li {
    width: 25%;
    float: left;
    margin: 5px 0
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box ul.clearfix li p,
.game_popup_main .vip_gift_today .game_gift .gift_package_box ul.clearfix li p {
    font-size: 10px;
    line-height: 14px;
    height: 12px;
    color: #333;
    text-align: center;
    margin-top: 5px
}

.game_popup_main .vip_gift_add .game_gift .gift_package_box ul.clearfix li img,
.game_popup_main .vip_gift_today .game_gift .gift_package_box ul.clearfix li img {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto
}

.game_popup_main .vip_gift_add .game_gift .receive_gift,
.game_popup_main .vip_gift_today .game_gift .receive_gift {
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #fff;
    font-size: 13px;
    padding-left: 10px;
    box-sizing: border-box
}

.game_popup_main .vip_gift_add .game_gift .receive_gift span,
.game_popup_main .vip_gift_today .game_gift .receive_gift span {
    color: #f50
}

.game_popup_main .vip_gift_add .game_gift .receive_gift>div,
.game_popup_main .vip_gift_today .game_gift .receive_gift>div {
    color: #333;
    width: 50px;
    height: 25px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    background: #ccc
}

.game_popup_main .vip_gift_add .game_gift .receive_gift>div.receive,
.game_popup_main .vip_gift_today .game_gift .receive_gift>div.receive {
    background: #fcd134
}

.game_popup_main .vip_gift_add .game_gift .receive_gift>div a,
.game_popup_main .vip_gift_today .game_gift .receive_gift>div a {
    display: block;
    font-size: 13px;
    color: #fff;
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.game_popup_main .vip_gift_add .game_gift .receive_gift>div.receive a,
.game_popup_main .vip_gift_today .game_gift .receive_gift>div.receive a {
    border: 0;
    color: #333
}

.gift_receive_success {
    width: 300px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -154px 0 0 -150px;
    overflow: hidden
}

.gift_receive_success .information {
    padding: 0 20px
}

.gift_receive_success h4 {
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    line-height: 36px
}

.gift_receive_success p {
    text-align: center;
    font-size: 15px;
    line-height: 17px;
    margin: 10px 0
}

.gift_receive_success p span {
    color: #f50
}

.gift_receive_success img {
    width: 125px;
    height: 100px;
    display: block;
    margin: 5px auto
}

.gift_receive_success a p {
    background: #fbd046;
    height: 39px;
    line-height: 39px;
    text-align: center;
    font-size: 15px;
    color: #333;
    margin: 0
}

.gift_receive_success em.close {
    font-style: normal;
    font-size: 25px;
    color: #666;
    top: 0;
    right: 8px
}

.gift_receive_success h5 {
    font-size: 15px;
    font-weight: normal;
    line-height: 30px
}

.gift_receive_success .juese_qufu,
.gift_receive_success .juese_name,
.gift_receive_success .contact_QQ {
    font-size: 15px;
    color: #000;
    line-height: 40px
}

.gift_receive_success .juese_qufu span,
.gift_receive_success .juese_name span,
.gift_receive_success .contact_QQ span {
    width: 25%;
    display: inline-block;
    text-align: right;
    font-size: 15px;
    line-height: 17px;
    height: 19px
}

.gift_receive_success .juese_qufu input,
.gift_receive_success .juese_name input,
.gift_receive_success .contact_QQ input {
    width: 70%;
    border: 1px solid #999;
    margin-left: 10px;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    color: #333;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px
}

.gift_receive_success .juese_qufu input:focus,
.gift_receive_success .juese_name input:focus,
.gift_receive_success .contact_QQ input:focus {
    border: 1px solid #999;
    outline: 0
}

.gift_receive_success .contact_QQ {
    margin-bottom: 20px
}

.no_record .information img {
    width: 110px;
    height: 140px;
    margin: 15px auto
}

.no_record .information p {
    margin-bottom: 25px
}

.no_record h4,
.have_record h4 {
    background: #fbd046
}

.have_record {
    height: 314px;
    overflow: auto;
    position: relative
}

.have_record .gift_package_box {
    padding: 10px;
    overflow: auto
}

.have_record .gift_package_box .game_gift_list {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.have_record .gift_package_box p {
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    margin: 0
}

.have_record .gift_package_box p span {
    font-size: 12px;
    color: #ccc;
    position: absolute;
    top: 0;
    right: 0
}

.have_record .gift_package_box ul li {
    width: 33%;
    float: left
}

.have_record .gift_package_box ul li img {
    width: 29px;
    height: 29px
}

.have_record .gift_package_box ul li p {
    font-size: 12px;
    text-align: center;
    line-height: 15px
}

b.close {
    top: 0;
    font-size: 20px;
    font-weight: 600
}

.duanwu_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 300px;
    margin: -160px 0 0 -140px
}

.duanwu_pop .close {
    position: absolute;
    top: -30px;
    right: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    opacity: .7
}

.duanwu_pop .close img {
    width: 100%;
    height: 100%
}

.duanwu_pop .duanwu_enter_btn {
    margin: 20px 40px 0 40px
}

.friend_deal .transaction_top {
    height: 44px;
    padding: 0;
    position: relative;
    top: 0
}

.friend_deal .transaction_top a {
    width: 50%;
    box-sizing: border-box;
    margin: 5px 0;
    border: 0;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    float: left
}

.friend_deal .transaction_top a:last-child {
    border-left: 1px solid #ccc;
    border-radius: 0
}

.friend_deal .share_to_friend {
    margin-top: 5px
}

.friend_deal .share_to_friend h3 {
    color: #333;
    margin-bottom: 15px;
    font-size: 17px
}

.friend_deal .friend_deal_notice {
    padding: 10px
}

.friend_deal .friend_deal_notice h2 {
    font-size: 17px;
    line-height: 40px;
    font-weight: 400
}

.friend_deal .friend_deal_notice p {
    font-size: 14px;
    color: #888;
    margin-bottom: 5px
}

.friend_deal .friend_deal_notice h4 {
    font-size: 14px;
    margin-bottom: 5px
}

.popup_bg .win_record {
    width: 300px;
    height: 300px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px
}

.active_rule .win_record {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box
}

.popup_bg .win_record .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -40px;
    right: 30px
}

.popup_bg .win_record .QR_bg,
.active_rule .win_record .QR_bg {
    width: initial;
    background: url(../images/headline_cat_gift.png) 0 15px no-repeat;
    background-size: 100%;
    margin: 20px 30px 10px 25px
}

.active_rule .win_record .QR_bg {
    margin: 5px auto 10px;
    max-width: 290px
}

@media screen and (max-width: 375px) {
    .active_rule .win_record .QR_bg {
        margin: 5px 30px 10px 25px
    }
}

@media screen and (max-width: 320px) {
    .active_rule .win_record .QR_bg {
        margin: 5px 5px 10px 5px
    }
}

.popup_bg .win_record .QR_bg .QR_code,
.active_rule .win_record .QR_bg .QR_code {
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    background: #fff;
    margin: 0 auto;
    border: 2px solid #7f7f7f;
    border-radius: 7px;
    overflow: hidden
}

.active_rule .win_record .QR_bg .QR_code {
    border: 2px solid #1fa0bb
}

.popup_bg .win_record .QR_text {
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-top: 15px
}

.active_rule .win_record .QR_text {
    text-align: center;
    color: #1fa0bb;
    font-size: 15px;
    margin: 10px 0 20px
}

.wechat_validate {
    background: #f0eff5
}

.wechat_validate .step1 {
    padding-top: 14px
}

.wechat_validate .step2 {
    margin: 15px 0
}

.wechat_validate .step1 h1,
.wechat_validate .step2 h1 {
    font-size: 17px;
    line-height: 30px;
    text-align: center
}

.wechat_validate .step1 h1 span,
.wechat_validate .step2 h1 span {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    border-radius: 50%;
    background: #fcb334;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    font-weight: 800;
    margin-right: 8px;
    text-align: center
}

.wechat_validate .step1 .ewm {
    width: 140px;
    height: 140px;
    padding: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 15px auto 20px;
    background: #fff
}

.wechat_validate .step2 .link {
    width: 250px;
    height: 255px;
    padding: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    margin: 20px auto 0
}

.popup_back_v2 {
    position: relative;
    padding-bottom: 15px
}

.popup_back_v2 em.close {
    width: 25px;
    height: 25px;
    top: -40px;
    right: -5px
}

.popup_back_v2 .link_banner {
    width: 100%;
    height: 110px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px
}

.popup_back_v2 .link_banner img {
    height: 100%
}

.popup_back_v2 .pop_btn_two>div {
    width: 50%;
    float: left;
    text-align: center
}

.popup_back_v2 .pop_btn_one>div {
    width: 50%;
    float: none;
    text-align: center;
    margin: 0 auto
}

.popup_back_v2 .pop_btn_two a,
.popup_back_v2 .pop_btn_one a {
    float: none;
    display: inline-block;
    width: 110px;
    height: 30px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #333;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #333
}

.popup_back_v2 .pop_btn_two a.on,
.popup_back_v2 .pop_btn_one a.on {
    border: 0;
    background: #fcd134;
    line-height: 30px
}

.gameranking .banner_link {
    overflow: hidden;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.gameranking .banner_link p {
    color: #999;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    margin: 8px 0
}

.phone_number_confirm .verify .bind_top {
    padding: 20px 0
}

.phone_number_confirm .verify .bind_top span {
    padding-bottom: 0;
    line-height: 25px;
    letter-spacing: 1px
}

.phone_number_confirm .verify .bind_num,
.phone_number_change .bind_num {
    border-bottom: 1px solid #e1e1e1
}

.phone_number_confirm .verify .bind_num span,
.phone_number_change .bind_num span {
    margin-right: 10px
}

.phone_number_confirm .verify .bind_num input,
.phone_number_change .bind_num input {
    border: 0;
    outline: 0;
    font-size: 14px;
    width: 125px;
    display: inline-block;
    vertical-align: middle;
    line-height: 19px
}

.phone_number_confirm .verify .bind_num a.get_code,
.phone_number_change .bind_num a.get_code {
    display: inline-block;
    padding: 2px 5px;
    text-decoration: none;
    color: #333;
    border: 1px solid #333;
    width: 105px;
    height: 30px;
    line-height: 26px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-top: 7px;
    border-radius: 5px;
    text-align: center
}

.phone_number_confirm .verify .bind_btn,
.phone_number_change .bind_btn {
    font-weight: 600;
    font-size: 16px;
    margin: 10px 10px 0;
    border-radius: 5px
}

.phone_number_change .tishi {
    padding: 0;
    line-height: 40px;
    height: 40px;
    background: #f0eff5
}

.phone_number_change .tishi span {
    display: inline-block;
    width: 50%;
    text-align: center;
    color: #666;
    font-size: 16px;
    margin: 0;
    background: #f0eff5
}

.phone_number_change .tishi span.on {
    color: #348dfc
}

.phone_number_change .bottom_tishi {
    text-align: center;
    color: #999;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    margin: 10px 0
}

.popup_bg .receive_success .phone_login_box .phone_num input {
    width: 130px
}

.popup_bg .receive_success .phone_login_box .phone_num em.db {
    left: 50%
}

.wukong {
    background: url("../images/wukong_bg.png") no-repeat;
    background-size: 100% 60%
}

.wukong h3 {
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #445d6d;
    font-weight: 400
}

.wukong .title {
    font-size: 14px;
    padding-left: 10px;
    line-height: 25px
}

.wukong .game_type_box .game_type_list a span {
    font-size: 12px
}

.wukong .banner_box {
    background: #f0eff5
}

.wukong .banner_box .banner_list {
    background: #fff;
    margin-bottom: 7px
}

.wukong .banner_box .banner_list img {
    height: 110px
}

.wukong .banner_box .banner_list h2 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wukong .banner_box .banner_list h2 em {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #999;
    line-height: 30px;
    padding-left: 10px
}

.home_page_search {
    padding: 10px;
    font-family: "PingFangSC", 苹方, Arial, Helvetica, sans-serif, '华文细黑'
}

.home_page_search .search_input_box {
    position: relative;
    height: 45px;
    width: 100%;
    box-sizing: border-box
}

.home_page_search .search_input_box .search_input {
    position: relative;
    width: 88%;
    height: 30px;
    line-height: 30px
}

.home_page_search .search_input_box .search_input input,
.home_page_search .search_input_box .search_input input:focus,
.home_page_search .search_input_box .search_input input:disabled {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    border-radius: 5px;
    background: #f3f3f3;
    border: 0;
    -webkit-appearance: none;
    outline: 0;
    padding-left: 30px;
    box-sizing: border-box;
    overflow: hidden
}

.home_page_search .search_input_box .search_input input::-webkit-input-placeholder {
    color: #999
}

.home_page_search .search_input_box .search_input input:-moz-placeholder {
    color: #999
}

.home_page_search .search_input_box .search_input input::-moz-placeholder {
    color: #999
}

.home_page_search .search_input_box .search_input input:-ms-input-placeholder {
    color: #999
}

.home_page_search .search_input_box .search_input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
    line-height: normal
}

.home_page_search .search_input_box .search_input .search_icon {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/search_icon.png") no-repeat;
    background-size: 100% 100%
}

.home_page_search .search_input_box .search_input .cancel {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 5;
    display: none;
    width: 20px;
    height: 20px;
    background: url("../images/delete_icon.png") no-repeat;
    background-size: 100% 100%
}

.home_page_search .search_input_box .back_home,
.home_page_search .search_input_box .search_text {
    position: absolute;
    top: 5px;
    right: 0;
    float: right;
    font-size: 15px;
    line-height: 30px;
    color: #666;
    font-weight: normal
}

.home_page_search .recently_play,
.home_page_search .hot_game {
    margin: 10px 0 15px
}

.home_page_search .recently_play p,
.home_page_search .hot_game p {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    line-height: 15px
}

.home_page_search .game_list {
    padding-left: 3px;
    background: #fff;
    margin: 10px 0 5px
}

.home_page_search .recently_play .game_list span,
.home_page_search .hot_game .game_list span {
    font-size: 13px;
    color: #666;
    letter-spacing: 0;
    line-height: 15px;
    margin: 5px;
    display: inline-block;
    padding: 4px 5px;
    word-break: keep-all;
    background: #f3f3f3
}

.community .message_box .no_result,
.home_page_search .no_result {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.community .message_box .no_result img,
.home_page_search .no_result img {
    display: block;
    width: 30%;
    margin: 15px auto 0
}

.home_page_search .has_result {
    margin: 0 -10px 5px
}

.package_search_index {
    background: #fff;
    padding: 10px 10px 0
}

.package_search_index .search_input_box .search_input {
    width: 100%
}

.package_search_index .search_input_box .search_input input::-webkit-input-placeholder {
    color: #666
}

.community {
    font-family: "PingFangSC-Regular", 苹方, Arial, Helvetica, sans-serif, '华文细黑'
}

.community .game_list_box {
    padding: 15px 82px 10px 60px;
    margin: 0;
    background: #fff
}

.community .game_list_box em {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: -20px 0 0 10px
}

.community .game_list_box .game_list_text h1 {
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
    line-height: 14px;
    overflow: visible;
    position: relative
}

.community .game_list_box .game_list_text h1 .diamond {
    display: inline-block;
    height: 17px;
    width: 19px;
    vertical-align: middle;
    padding: 0
}

.community .game_list_box .game_list_text h1 .user_name {
    display: inline-block;
    font-weight: 400;
    max-width: 80%;
    height: 14px;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
    padding: 0
}

.community .game_list_box .game_list_text h1 .mine_name {
    height: 15px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    margin-left: 0
}

.community .game_list_box .game_list_text h1 .vip_grade {
    width: 49px;
    height: 15px;
    line-height: 49px;
    margin: 0 auto;
    background: 0;
    border-radius: 0;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-left: 5px
}

.community .game_list_box .new_message {
    position: absolute;
    right: 10px;
    top: 15px
}

.community .message_box .game_list_box .game_list_text h1 {
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

.community .game_list_box .new_message h1 b {
    display: inline-block;
    width: 30px;
    height: 25px;
    vertical-align: middle;
    position: relative;
    background: url(../images/message_icon.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 6px
}

.community .game_list_box .game_list_text h1 b span {
    display: block;
    position: absolute;
    top: -7px;
    right: -9px;
    width: 15px;
    height: 14px;
    line-height: 14px;
    background: #fc511b;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.community .game_list_box .game_list_text h2 {
    padding-top: 5px
}

.community .game_list_box .game_list_text .grade {
    line-height: 20px;
    color: #999;
    font-size: 12px
}

.community .game_list_box .game_list_text .lvl {
    font-size: 12px;
    color: #666;
    background: #eee;
    border-radius: 4px;
    padding: 1px 5px;
    margin-left: 0
}

.community .comment_detail .game_list_box .game_list_text .lvl,
.community .all_comment .game_list_box .game_list_text .lvl {
    margin-left: 5px
}

.community .game_list_box .game_list_text .grade .elo {
    margin-left: 0;
    font-size: 12px;
    padding: 0;
    line-height: 14px;
    border-radius: 0
}

.community .game_list_box .game_list_text .grade .check_out {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    margin-left: 5px;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 3px
}

.community .game_list_box .game_list_text .grade .check_out img {
    display: none
}

.community .game_list_box .game_list_text .grade .check_in img {
    display: inline-block;
    margin-right: 3px;
    width: 15px;
    height: 15px
}

.community .game_list_box .game_list_text .grade .check_in {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #3bb7f0;
    margin-left: 5px;
    border: 1px solid #3bb7f0;
    border-radius: 3px;
    padding: 0 3px
}

.community .game_list_box .game_list_text h2 img {
    width: 44px;
    height: 14px
}

.community .game_list_box .game_begin {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 10
}

.community .game_list_box .game_begin a {
    width: 75px;
    height: 50px;
    line-height: 50px;
    display: block;
    border: 0;
    background: url("../images/topGameEnter.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -27px
}

.community .title_text_box {
    margin-top: 8px;
    background: #fff;
    padding: 5px 10px;
    border-bottom: 1px solid #e8e8e8
}

.community .title_text_box p {
    height: 25px;
    font-size: 14px;
    color: #151515;
    letter-spacing: 0;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.community .title_text_box p b {
    color: #549ef9;
    margin-right: 15px
}

.community .forsook h2 {
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #ff7979
}

@media screen and (max-width: 320px) {
    .community .forsook h2 {
        font-size: 12px
    }
}

.community .comment_box {
    background: #f5f5f5;
    margin: 5px 10px 0
}

.community .comment_detail {
    margin: 5px 0 0
}

.community .comment_list {
    margin-bottom: 10px;
    background: #fff;
    padding: 5px 0 1px;
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.10)
}

.community .comment_list:last-child {
    border-bottom: 0
}

.community .comment_list .game_list_box {
    padding: 15px 82px 10px 55px;
    border-bottom: 0
}

.community .comment_list .game_list_box em {
    width: 35px;
    height: 35px;
    margin: -14px 0 0 10px
}

.community .comment_list .game_list_box .game_list_text h1 {
    font-size: 14px
}

.community .comment_list .game_list_box .game_list_text h2 {
    font-size: 12px;
    color: #999
}

.community .comment_list .comment_text {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.community .comment_list .reply_comment {
    background: #f8f8f8
}

.community .comment_list .reply_comment .reply_comment_list {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.community .comment_list .reply_comment .more_reply_comment {
    color: #4e8bea;
    font-size: 13px
}

.community .comment_list .reply_comment .reply_comment_list b {
    font-weight: normal;
    margin-right: 3px
}

.community .comment_list .reply_comment .reply_comment_list .critic {
    color: #4e8bea
}

.community .comment_list .comment_text .charge_post {
    border: 1px solid #f50;
    border-radius: 4px;
    font-size: 12px;
    color: #f50;
    display: inline-block;
    margin-right: 5px;
    padding: 0 3px;
    box-sizing: border-box
}

.community .comment_list .comment_pic_box {
    padding: 5px 10px
}

.community .comment_list .comment_pic_box_2 {
    padding: 0;
    margin: 0 10px 0 45px
}

.community .comment_list .comment_pic_box .one_pic,
.community .comment_list .comment_pic_box .two_pic,
.community .comment_list .comment_pic_box .three_pic {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.community .comment_list .comment_pic_box .one_pic img {
    width: 100%;
    height: 230px;
    display: block;
    margin: 0 auto
}

.community .all_comment .comment_list .comment_pic_box .one_pic img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto
}

.cut_img {
    object-fit: cover;
    object-position: 25% 25%
}

.community .comment_list .comment_pic_box .two_pic img {
    width: 48%;
    height: 165px;
    display: inline-block;
    margin: 0 auto
}

.community .comment_list .comment_pic_box .three_pic img {
    width: 32%;
    height: 112px;
    display: inline-block;
    margin: 0 auto
}

.community .comment_list .comment_detail_link {
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    text-align: right;
    font-size: 12px;
    color: #d8d8d8;
    margin-bottom: 5px
}

.community .comment_list .comment_detail_link b {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("../images/comment_detail_v2.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 2px
}

.community .comment_list .game_account_push {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background: #fff;
    height: 55px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 5px 10px 0;
    border-top: .5px solid #e6e6e6
}

.community .comment_list .game_account_push:first-child {
    border: 0;
    margin-top: -5px
}

.community .comment_list .game_account_push .push_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.community .comment_list .game_account_push .push_left em {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 10px
}

.community .comment_list .game_account_push .push_left .blog_text {
    width: 85%;
    line-height: 55px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.community .comment_list .game_account_push .push_left .blog_text p {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #333
}

.community .comment_list .game_account_push .push_right a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333;
    background: #fff;
    border: 1px solid #8f8f8f;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 10px
}

.community .comment_list .has_right .push_left {
    width: 70%
}

.community .comment_list .sale_out .push_left {
    justify-content: center
}

.community .comment_list .sale_out .push_left .blog_text {
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #333
}

a.comment_input_enter {
    display: block;
    position: fixed;
    width: 50px;
    height: 50px;
    right: 10px;
    bottom: 65px;
    background: url("../images/comment_input_enter.png") no-repeat;
    background-size: 100% 100%
}

.community .comment_detail .comment_list,
.community .all_comment .comment_list {
    border-bottom: 0;
    border-radius: 0
}

.community .comment_detail .comment_list .comment_text {
    display: block
}

.community .comment_detail .comment_list .comment_pic_box img {
    display: block;
    margin-bottom: 10px;
    height: auto
}

.community .comment_detail .comment_list .comment_pic_box .one_pic:last-child img {
    margin-bottom: 0
}

.community .comment_publish_box {
    background: #f5f5f5;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 10px 10px;
    box-sizing: border-box
}

.community .comment_publish_box textarea {
    width: 68%;
    height: 30px;
    border-radius: 2px;
    outline: 0;
    line-height: 30px;
    border: 1px solid transparent;
    padding-left: 10px;
    margin-right: 5px;
    box-sizing: border-box;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "PingFangSC", 苹方, Arial, Helvetica, sans-serif, '华文细黑';
    resize: none;
    overflow: hidden;
    position: relative;
    top: 10px
}

.community .comment_publish_box a {
    display: inline-block;
    width: 44px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    background: #fbd044;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px
}

.community .comment_publish_box a.gray {
    background: #9e9e9e;
    color: #fff
}

.community .comment_publish_box em {
    display: inline-block;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px
}

.community .comment_publish_box .publish_input_box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px
}

.community .comment_publish_box .publish_input_box .img_add {
    line-height: 30px
}

.community .comment_publish_box .publish_input_box textarea {
    position: static;
    top: 0;
    width: 80%
}

.community .comment_publish_box .update_pic {
    margin: 0 -10px
}

.community .comment_publish_box .update_pic li {
    float: none;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 10px
}

.community .comment_publish_box .update_pic li a {
    width: 100px;
    height: 100px;
    background: 0
}

.community .comment_publish_box .update_pic li a em {
    width: 24px;
    height: 24px
}

.community .comment_publish_box .update_pic li img {
    width: 100%;
    height: 100%
}

.community .all_comment {
    margin: 0
}

.community .all_comment .all_comment_title {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    padding-left: 10px;
    background: #fff;
    margin-bottom: -5px
}

.community .all_comment .comment_list {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none
}

.community .all_comment .comment_list .comment_text {
    display: block;
    margin-left: 55px;
    margin-right: 10px;
    padding: 2px 0 10px
}

.community .all_comment .comment_list .comment_delete_text {
    font-size: 14px;
    color: #999
}

.community .all_comment .comment_list .comment_delete_text img {
    display: inline-block;
    width: 15px;
    vertical-align: middle;
    margin-right: 5px
}

.community .all_comment .comment_list .comment_text:last-child {
    border-bottom: 1px solid #e8e8e8
}

.community .all_comment .comment_list:last-child .comment_text {
    border-bottom: 0
}

.community .comment_detail .comment_list .has_right {
    padding: 0
}

.community .message_box {
    padding-bottom: 0
}

.community .message_box .comment_list {
    border: 0;
    position: relative;
    padding-bottom: 0
}

.community .message_box .comment_list:after {
    content: '';
    display: block;
    height: 1px;
    border-bottom: 1px solid #e8e8e8;
    margin: 5px 0 0 10px
}

.community .message_box .comment_list:last-child:after {
    border: 0
}

.community .message_box .comment_list .comment_text {
    min-height: 40px;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 100px 0 55px;
    margin-bottom: 10px
}

.community .message_box .comment_list .thumbnail {
    width: 85px;
    height: 80px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #888
}

.community .message_box .comment_list .new_mess {
    display: block;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 90px
}

.community .message_box .comment_list .thumbnail img {
    width: 100%;
    height: 100%
}

.community .publish_theme_box {
    padding: 10px
}

.community .publish_theme_box .publish_theme_text {
    max-height: 400px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.community .publish_theme_box textarea {
    width: 100%;
    height: 120px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    resize: none;
    border: 1px solid transparent;
    box-sizing: border-box
}

.community .publish_theme_box textarea::-webkit-input-placeholder {
    color: #999
}

.community .publish_theme_box .update_pic {
    margin: 0 -10px
}

.community .publish_theme_box .update_pic li {
    float: none;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 10px
}

.community .publish_theme_box .update_pic li a {
    width: 100px;
    height: 100px
}

.community .publish_theme_box .update_pic li img {
    width: 100%;
    height: 100%
}

.community .publish_theme_box .publish_theme_btn {
    display: block;
    height: 40px;
    background: #fcd134;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #333
}

.community .bbs_title {
    font-size: 17px;
    color: #333;
    font-weight: 700;
    background: #fff;
    padding: 10px 10px 0
}

.hot_sell {
    margin-top: 5px;
    color: #333
}

.hot_sell p {
    font-size: 14px;
    background: #fff;
    padding: 5px 10px 0
}

.hot_sell .top_three {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.hot_sell .top_three .sell_item {
    text-align: center;
    font-size: 13px;
    color: #666;
    border-radius: 2px;
    background: #fff;
    padding: 3px 5px 5px;
    position: relative;
    border: .5px solid #e1e1e1;
    width: 33.33%;
    box-sizing: border-box;
    overflow: hidden
}

.hot_sell .top_three .sell_item:nth-child(2) {
    border-left: 0;
    border-right: 0
}

.hot_sell .top_three .sell_item img {
    display: block;
    margin: 0 auto 5px
}

.chat_remind {
    width: 32px;
    position: absolute;
    top: 25%;
    right: 0;
    margin-right: 4px
}

.chat_remind b {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    font-size: 12px;
    transform: scale(0.85);
    top: -33px;
    left: 22px;
    background: #fa564d;
    color: #fff
}

.trade_chat {
    padding-top: 26px
}

.trade_chat_info {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 75px;
    top: 0;
    left: 0;
    z-index: 5;
    border-bottom: 1px solid #e0e0e0
}

.trade_chat_info>div {
    position: relative
}

.trade_chat_con {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.trade_chat_none {
    overflow: hidden;
    min-height: 75px;
    text-align: center
}

.trade_chat_none h4 {
    margin-top: 25px
}

.trade_chat_con em {
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    margin-left: 10px;
    display: block;
    overflow: hidden
}

.trade_chat_con em img {
    display: inline-block;
    width: 100%;
    height: 55px
}

.trade_chat_text {
    width: 55%;
    max-width: 55%;
    padding: 5px 0 5px 10px
}

.trade_chat_text h1 {
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: normal
}

.trade_chat_text h2 {
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.trade_chat_text h3 {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.trade_chat_text h3 i.bad {
    color: #f50;
    font-style: normal
}

.trade_chat_text h3 i.good {
    color: #1fb466;
    font-style: normal
}

.trade_chat_text h3 b {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: middle;
    background: url("../images/dui_green.png") no-repeat;
    background-size: 100% 100%
}

.trade_chat_operate {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    background: #fcd134;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px
}

.trade_chat_operate.disabled {
    background: #dfdfdf;
    color: #fff
}

.trade_chat_tishi {
    width: 150px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background: #f1f0f0;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin: 15px auto 0
}

.per_details_box .comment_publish_box,
.trade_chat .comment_publish_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px
}

.per_details_box .comment_publish_box textarea,
.trade_chat .comment_publish_box textarea {
    position: static;
    width: 85%
}

.chat_price_con,
.account_price_modify {
    width: 280px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -154px 0 0 -140px
}

.account_price_modify {
    margin: -140px 0 0 -140px
}

.account_price_modify h6,
.chat_price_con h6 {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #333;
    text-align: center;
    font-weight: normal;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.chat_price_input {
    margin: 10px 13px 20px 13px;
    width: 90%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-indent: 5px;
    border: 1px solid #333;
    border-radius: 5px
}

.account_price_input {
    margin: 15px 13px 25px 13px;
    height: 35px;
    line-height: 35px
}

.account_price_input input,
.chat_price_input input {
    border: 0;
    outline: 0;
    font-size: 15px;
    width: 90%;
    height: 30px;
    font-weight: normal
}

.account_price_modify h5,
.chat_price_con h5 {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    background: #fcd134;
    text-align: center;
    font-weight: normal;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.chat_message_list {
    border-bottom: 1px solid #eceaea;
    position: relative;
    background: white
}

.chat_message_list .has_mess b {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 10px;
    left: -10px;
    margin-left: 38px;
    z-index: 5
}

.chat_message_box {
    padding: 8px 82px 5px 50px;
    margin-left: 15px;
    position: relative;
    min-height: 51px
}

.chat_message_box em {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    overflow: hidden;
    background: #f5f5f5
}

.chat_message_text {
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.chat_message_text h1 {
    font-weight: normal;
    font-size: 15px;
    height: 26px;
    line-height: 26px
}

.chat_message_text h1 i {
    color: #fa3947;
    font-style: normal;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    margin-top: -2px;
    display: inline-block
}

.chat_message_text h2 {
    font-weight: normal;
    font-size: 14px;
    color: #6c7380;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.chat_message_text p {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    color: #6c7380
}

.blog_report {
    position: absolute;
    top: 17px;
    right: 15px;
    font-size: 14px;
    color: #6c7380
}

.publish_theme_box .select_box .title {
    color: #a2a2a2;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}

.blog_relation {
    padding: 0;
    width: 100%;
    height: 65px;
    overflow: hidden;
    position: relative;
    background: #f2f2f2;
    border-radius: 5px
}

.blog_relation_head {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    left: 12px;
    top: 10px
}

.blog_relation_text {
    position: absolute;
    top: 10px;
    left: 70px;
    right: 30px;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.blog_relation_text p {
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.blog_relation_text_no {
    position: relative;
    top: 8px;
    text-align: center
}

.blog_relation_select {
    width: 10px;
    position: absolute;
    top: 20px;
    right: 15px
}

.blog_relation .no_sale {
    text-align: center;
    line-height: 65px;
    font-size: 15px;
    color: #999
}

.comment_type_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.comment_type_pop .comment_type_box {
    position: fixed;
    bottom: 400px;
    left: 0
}

.blog_type_guide {
    font-size: 0;
    height: 65px;
    width: 100%;
    display: block;
    position: relative;
    bottom: -290px
}

.blog_type_guide li {
    width: 33%;
    padding: 10px 25px 25px 25px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center
}

.blog_type_guide li p {
    margin-top: 10px;
    color: #000
}

.blog_type_close {
    position: relative;
    bottom: -370px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center
}

@media screen and (min-width: 769px) {
    .comment_type_pop .comment_type_box {
        bottom: 450px
    }

    .blog_type_close {
        bottom: -420px
    }
}

.blog_type_close a {
    color: #666;
    font-size: 32px
}

.comment_publish_pop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7)
}

.comment_publish_pop .inner_text {
    width: 100%;
    height: 60%;
    position: relative;
    top: 40%;
    left: 0;
    background: #fff;
    padding-left: 10px;
    box-sizing: border-box
}

.comment_publish_pop .inner_text .title {
    color: #999;
    font-size: 13px;
    line-height: 30px
}

.comment_publish_pop .inner_text ul {
    overflow: scroll;
    height: 360px
}

.comment_publish_pop .inner_text ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    height: 70px
}

.comment_publish_pop .inner_text ul li em {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px
}

.comment_publish_pop .inner_text ul li em img {
    height: 100%;
    width: 100%
}

.comment_publish_pop .inner_text ul li .name_text {
    width: 85%;
    line-height: 70px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.comment_publish_pop .inner_text ul li .name_text p {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #333
}

.comment_publish_pop .inner_text ul li.select_other_accont {
    justify-content: center;
    margin-left: -10px;
    height: 50px
}

.comment_publish_pop .inner_text ul .select_other_accont em {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.comment_publish_pop .inner_text ul .select_other_accont b {
    color: #989898;
    font-weight: normal;
    font-size: 14px
}

.comment_publish_pop .inner_text ul .select_other_accont .add_icon {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    margin-right: 5px;
    background: url("../images/add_icon_v2.png") no-repeat;
    background-size: 100% 100%
}

.share_pop_box {
    width: 135px;
    height: 138px;
    padding: 0 10px;
    background: #49484b;
    border-radius: 5px;
    position: fixed;
    top: 50px;
    right: 5px;
    z-index: 5;
    box-sizing: border-box
}

.share_pop_box ul li {
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #555557;
    color: #fff;
    font-size: 17px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row
}

.share_pop_box ul li b {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.share_pop_box ul li .share_fri {
    background: url("../images/ico01.png") no-repeat;
    background-size: 100% 100%
}

.share_pop_box ul li .share_comm {
    background: url("../images/ico01.png") no-repeat;
    background-size: 100% 100%
}

.share_pop_box ul li .refresh {
    background: url("../images/ico01.png") no-repeat;
    background-size: 100% 100%
}

.blank_aces {
    background: #f2f2f2;
    height: 5px;
    margin: 0 0 0 -10px
}

.wishlevel_box {
    width: 250px;
    height: 230px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -115px 0 0 -125px;
    text-align: center;
    overflow: hidden;
    padding-top: 20px;
    box-sizing: border-box
}

.wishlevel_box img.close {
    width: 15px;
    height: 15px;
    top: 10px;
    right: 10px
}

.wishlevel_box img {
    display: block;
    width: 83px;
    height: 95px;
    margin: 0 auto
}

.wishlevel_box p {
    line-height: 20px;
    font-size: 15px;
    margin: 10px auto 5px
}

.wishlevel_box h2 {
    font-size: 18px;
    line-height: 20px
}

.wishlevel_box .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fbd044;
    width: 100%;
    font-size: 15px;
    color: #333;
    height: 40px;
    line-height: 40px
}

.brevet_rule {
    text-align: center
}

.brevet_rule_head {
    height: 70px;
    background: #fed858;
    padding: 15px 0 0;
    box-sizing: border-box
}

.brevet_rule_head h4 {
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.brevet_rule_head h4 b {
    font-size: 18px
}

.brevet_rule_head p {
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    color: #333
}

.brevet_rule_table .table_title {
    font-size: 15px;
    line-height: 30px;
    margin: 15px auto 10px;
    color: #333
}

.brevet_rule_table table {
    border-collapse: collapse;
    margin: 0 auto
}

.brevet_rule_table table td {
    border: 1px solid #7c7c7c;
    width: 120px;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px
}

.brevet_rule_table table td .diamond {
    display: inline-block;
    width: 19px;
    height: 17px;
    vertical-align: middle;
    margin-right: 5px
}

.brevet_rule .tishi_box {
    text-align: left;
    margin: 25px 0;
    font-size: 14px;
    color: #333;
    padding: 0 10px
}

.brevet_rule .tishi_box h3 {
    font-size: 16px;
    line-height: 30px
}

.thumb_up {
    font-size: 12px;
    color: #999;
    line-height: 30px;
    text-align: center
}

.thumb_up span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    vertical-align: text-top;
    background: url("../images/thumb_up.png") no-repeat;
    background-size: 100% 100%
}

.thumb_up span.on {
    background: url("../images/thumb_up_on_v2.png") no-repeat;
    background-size: 100% 100%
}

.thumb_up .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.thumb_up .animated.bounceIn {
    animation-duration: 1s;
    animation-name: bounceIn
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceIn {

    from,
    50%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }

    0% {
        opacity: 0;
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.7, 1.7, 1.7)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.comment_detail .thumb_up {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #a3a3a3;
    border-radius: 10px;
    display: block;
    margin: 10px auto 20px;
    box-sizing: border-box
}

.all_comment .thumb_up {
    position: absolute;
    top: 14px;
    right: 28px
}

.per_details_box .more,
.comment_detail .more,
.all_comment .more {
    position: absolute;
    top: 20px;
    right: 8px;
    width: 15px;
    height: 15px;
    background: url("../images/more_2.png") no-repeat;
    background-size: 100% 100%
}

.community .all_comment .game_list_box .game_list_text h1 .user_name {
    max-width: 55%
}

a.thumb_up span {
    margin: 0 5px 0 2px
}

.like_report {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    box-sizing: border-box
}

.like_report p {
    margin: 5px 0;
    background: #fff;
    border-radius: 10px
}

.like_report p:first-child a:not(:last-child) {
    border-bottom: .5px solid #e0e0e0
}

.like_report p a {
    display: block;
    font-size: 18px;
    line-height: 55px;
    height: 55px;
    color: #428cff;
    text-align: center
}

.like_report p a.light_red {
    color: #ff4700
}

.weibo_guide {
    padding: 10px
}

.weibo_guide>p {
    position: relative;
    line-height: 20px;
    font-size: 15px;
    color: #333;
    margin-bottom: 20px
}

.weibo_guide>p:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    line-height: 100%;
    background: #fbd044;
    position: absolute;
    top: -20px;
    left: 9px
}

.weibo_guide>p:first-child:after {
    width: 0;
    height: 0
}

.weibo_guide>p span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    color: #333;
    background: #fbd044;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    vertical-align: middle;
    margin-right: 8px
}

.weibo_guide .weibo_enter {
    margin-top: 20px
}

.weibo_guide .weibo_enter .enter_btn {
    display: block;
    margin: 10px auto 0;
    width: 70%
}

.weibo_guide_pop {
    width: 70%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60% 0 0 -35%;
    box-sizing: border-box
}

.weibo_guide_pop h2 {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 15px
}

.weibo_guide_pop img {
    display: block;
    margin: 0 auto
}

.weibo_guide_pop a {
    display: block;
    margin: 30px auto 0;
    width: 70%;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
    color: #333;
    text-align: center;
    background: #f5c147;
    border-radius: 5px
}

.vip_diamond_0 {
    background: url("../images/diamond_0.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_1 {
    background: url("../images/diamond_1.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_2 {
    background: url("../images/diamond_2.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_3 {
    background: url("../images/diamond_3.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_4 {
    background: url("../images/diamond_4.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_5 {
    background: url("../images/diamond_5.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_6 {
    background: url("../images/diamond_6.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_7 {
    background: url("../images/diamond_7.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_8 {
    background: url("../images/diamond_8.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_9 {
    background: url("../images/diamond_9.png") no-repeat;
    background-size: 100% 100%
}

.vip_diamond_10 {
    background: url("../images/diamond_10.png") no-repeat;
    background-size: 100% 100%
}

.short_mess {
    margin: 0 0 -20px;
    text-align: center;
    color: #348dfc;
    font-size: 13px;
    line-height: 15px;
    padding: 15px;
    cursor: pointer
}

.levitate_box .game_popup_box .game_popup_right {
    width: 15%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20
}

.levitate_box .game_popup_right .btn_box {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}

.levitate_box .game_popup_right .btn_box .btn_list_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 21
}

.levitate_box .game_popup_right .btn_box .btn_list_box li {
    width: 100%;
    height: 60px;
    margin: 15px 0
}

.levitate_box .game_popup_right .btn_box .btn_list_box li em {
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    box-sizing: border-box;
    background: transparent
}

.levitate_box .game_popup_right .btn_box .btn_list_box li em img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto
}

.levitate_box .game_popup_right .btn_box .btn_list_box li p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.levitate_box .game_popup_right .btn_box .move_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 20
}

.levitate_box .game_popup_right .btn_box .move_bg .btn_list_box li.on em {
    /*background-image: linear-gradient(180deg, #fcd134 0, #fcb334 100%);*/
  	background:#fff;
}

@media screen and (max-width: 320px) {
    .levitate_box .game_popup_box .game_popup_right {
        width: 40px
    }

    .levitate_box .game_popup_right .btn_box .btn_list_box li {
        height: 45px;
        margin: 15px 0
    }

    .levitate_box .game_popup_right .btn_box .btn_list_box li em {
        width: 30px;
        height: 30px
    }

    .levitate_box .game_popup_right .btn_box .btn_list_box li p {
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 18px
    }
}

@media screen and (min-width: 376px) {

    .game_popup_con,
    .bot_ipt_box {
        width: 349px
    }

    .game_popup,
    .game_popup_head {
        width: 349px;
        left: -349px
    }
}

.community .reply_comment_box .comment_list .comment_text {
    margin: 0 10px
}

.community .reply_comment_box .comment_list .comment_text:not(:last-child) {
    border-bottom: 1px solid #e8e8e8
}

.community .reply_comment_box .comment_list .reply_comment .reply_comment_list {
    padding: 2px 0
}

.reply_comment .reply_comment_list .reply_comment_time {
    font-size: 12px;
    color: #999
}

.center_list {
    background: #fff;
    border-bottom: .5px solid #dcdcdc;
    padding-left: 10px;
    margin-top: 6px
}

.center_list a {
    height: 44px;
    line-height: 44px;
    display: block;
    border-bottom: .5px solid #dcdcdc;
    font-size: 14px;
    color: #333;
    box-sizing: border-box
}

.center_list a:last-child {
    border: 0
}

.center_list a b {
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-left: 5px;
    background-size: 100%
}

.center_list span {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: 0
}

.center_list em {
    width: 7px;
    display: inline-block;
    float: right;
    margin-right: 10px
}

.center_list a i {
    float: right;
    font-size: 13px;
    line-height: 44px;
    color: #999;
    font-style: normal;
    margin-right: 5px
}

.christmas_entry {
    padding-left: 0
}

.christmas_entry a {
    height: auto;
    padding: 5px 10px
}

.per_revision_guide {
    padding: 0;
    box-sizing: border-box
}

.per_revision_guide .step2 .know_btn {
    display: block;
    width: 24%;
    margin: 55% auto 0
}

.collect_list {
    height: 100px;
    position: relative;
    background-color: #fff;
    margin-bottom: 5px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.collect_list .collect_content {
    height: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    background-color: #fff
}

.collect_list .collect_content .collect_img {
    width: 22%;
    height: 80px;
    line-height: 80px;
    box-sizing: border-box;
    float: left
}

.collect_list .collect_content .collect_img img {
    display: inline-block;
    width: 80px;
    height: 80px
}

.collect_list .collect_content.animated {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.collect_list .content_text {
    width: 78%;
    box-sizing: border-box;
    padding-left: 10px;
    float: right
}

.collect_list .content_text .des_content {
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.collect_list .content_text .region_status {
    line-height: 25px;
    height: 25px;
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    vertical-align: text-bottom;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.collect_list .content_text .region_status span {
    display: inline-block
}

.collect_list .content_text .region_status .status {
    font-size: 14px;
    color: #999
}

.collect_list .content_text .region_status .price {
    font-size: 15px;
    color: #f50
}

.collect_list .content_text .region_status .price i {
    font-size: 19px;
    font-style: normal
}

.collect_list .content_text .region_status .region .head_pic {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.collect_list .content_text .region_status .region .name {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collect_list .collect_opts {
    height: 100%;
    line-height: 100px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

.collect_list .collect_opts span {
    height: 100%;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
    padding: 0 25px;
    background: #f86565;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.collect_list .no_pic .content_text {
    float: left;
    padding-left: 0;
    width: 100%
}

.collect_list.zixun {
    height: 72px;
    line-height: 72px
}

.collect_list.zixun .collect_content .collect_img {
    width: 14%;
    height: 50px;
    line-height: 50px
}

.collect_list.zixun .collect_content .collect_img img {
    width: 50px;
    height: 50px
}

.collect_list.zixun .content_text {
    width: 86%
}

.collect_list.zixun .content_text .des_content {
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.collect_list.zixun .content_text .region_status {
    margin-top: 8px
}

.collect_list.zixun .collect_opts {
    height: 72px;
    line-height: 72px
}

.collect_list.zixun .collect_opts span {
    height: 72px;
    line-height: 72px
}

.collect_list.zixun .content_text .region_status .region {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 320px) {
    .collect_list .content_text {
        width: 75%
    }

    .collect_list.zixun .collect_content .collect_img {
        width: 18%
    }

    .collect_list.zixun .content_text {
        width: 82%;
        padding-left: 0
    }
}

.home_page_v3 .game_bulletin {
    padding-left: 40px
}

.home_page_v3 .game_bulletin span {
    width: 40px;
    border: 0;
    margin-left: -40px
}

.home_page_v3 .game_bulletin span img {
    width: 24px;
    margin: 0 auto
}

.home_page_v3 .game_wrap {
    position: relative
}

.home_page_v3 .game_wrap .title {
    background-image: linear-gradient(180deg, #feea64 0, #fcd134 100%);
    position: absolute;
    top: 10px;
    width: 22px;
    height: 62px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center;
    padding: 5px 0;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 2
}

.home_page_v3 .game_type_box .swiper-container2 .swiper-slide {
    width: 20%
}

.home_page_v3 .game_type_box .swiper-container2 .swiper-slide:first-child {
    margin-left: 20px
}

.home_page_v3 .wid5 .game_type_list {
    width: 100%
}

.home_page_v3 .wid5 .game_type_list span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

.personalcenter .center_list a i {
    display: block;
    max-width: 50%;
    max-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reputation_rule_desbox {
    padding: 10px 10px 35px
}

.reputation_rule_desbox h4 {
    font-size: 17px;
    color: #333;
    line-height: 30px
}

.reputation_rule_desbox p {
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.reputation_rule_desbox ul h4 {
    font-size: 15px;
    color: #000;
    line-height: 40px
}

.reputation_rule_desbox table {
    border-collapse: collapse;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: normal
}

.reputation_rule_desbox table th {
    border: 1px solid #cdcdcd;
    background: #ededed;
    padding: 10px 0;
    font-size: 14px
}

.reputation_rule_desbox table td {
    border: 1px solid #cdcdcd;
    color: #222;
    padding: 10px 1px
}

.reputation_rule_desbox table tr td:nth-child(1) {
    width: 25%
}

.reputation_rule_desbox table tr td:nth-child(2) {
    width: 55%;
    text-align: left
}

.reputation_rule_desbox tbody:first-child tr:first-child td:nth-child(2) {
    font-size: 12px
}

.credit_box .credit_record_box {
    background: #fff;
    padding: 0 10px
}

.credit_box .credit_record_box h4 {
    line-height: 40px;
    height: 40px;
    border-bottom: .5px solid #f5f5f5;
    font-size: 14px;
    color: #333
}

.credit_box .credit_record_box .no_record {
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    color: #999;
    text-align: center
}

.credit_box .credit_record_box .credit_record_list {
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: .5px solid #f5f5f5
}

.credit_box .credit_record_box .credit_record_list div {
    max-width: 80%
}

.credit_box .credit_record_box .credit_record_list h5 {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.credit_box .credit_record_box .credit_record_list p {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.credit_box .credit_record_box .credit_record_list b {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.title_des_box {
    padding: 0 10px
}

.title_des_box .title_des_img {
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    background: #fff;
    margin: 0 -10px;
    border-bottom: 7px solid #f5f5f5;
    padding-bottom: 15px
}

.title_des_box .title_des_img img {
    width: 50%;
    display: block;
    margin: 0 auto
}

.title_des_box h4 {
    color: #555
}

.title_des_box img {
    width: 67%;
    margin: 10px 0
}

.expert_icon {
    background: url("../images/titleDes/expert_icon.png") no-repeat;
    background-size: 100% 100%
}

.per_details_box .comment_list {
    margin-bottom: 5px;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}

.per_details_box .game_list_box .game_list_text h1 .expert_icon {
    width: 15px
}

.per_details_box .game_list_box .game_list_text h1 i {
    font-size: 12px;
    margin-left: 3px;
    transform: scale(0.80)
}

.per_details_box .comment_list .game_list_box {
    padding: 15px 0 15px 70px;
    border-bottom: 0;
    line-height: 0
}

.per_details_box .all_comment .comment_list .game_list_box {
    padding: 15px 0 5px 60px;
    border-bottom: 0;
    line-height: 0
}

.per_details_box .comment_list .game_list_box em {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 10px
}

.per_details_box .all_comment .comment_list .game_list_box em {
    width: 40px;
    height: 40px;
    margin: -15px 0 0 10px
}

.per_details_box .game_list_box .game_list_text h1 .user_name {
    font-size: 15px;
    font-weight: 600
}

.per_details_box .all_comment .game_list_box .game_list_text h1 .user_name {
    font-size: 14px;
    font-weight: 400
}

.per_details_box .comment_list .game_list_box .game_list_text h2 {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    padding-top: 10px
}

.per_details_box .all_comment .comment_list .game_list_box .game_list_text h2 {
    font-size: 12px;
    color: #999
}

.per_details_box .center_list {
    border: 0;
    margin-bottom: 6px
}

.per_details_box .center_list a {
    height: 40px;
    line-height: 40px
}

.per_details_box .center_list a i {
    line-height: 40px;
    color: #666;
    margin-right: 10px
}

.per_details_box .center_list a i.good {
    color: #1fb466
}

.per_details_box .center_list a i.bad {
    color: #f50
}

.per_details_box .center_list a i span {
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px
}

.per_details_box .center_list a i span img {
    width: 50%
}

.per_details_box .order_record_nav ul li a {
    box-sizing: border-box;
    line-height: 39px;
    color: #999
}

.per_details_box .order_record_nav ul li.on a {
    color: #333;
    border-bottom: 4px solid #fcd043
}

.per_details_box .order_record_con em {
    margin-top: 5px
}

.per_details_box .order_record_text h1 {
    font-size: 14px;
    height: 40px;
    line-height: 22px
}

.per_details_box .com_detail_sh p {
    line-height: 24px;
    height: 24px
}

.per_details_box .order_record_text h2 {
    padding-top: 0
}

.order_record_box .per_reputation_des {
    border-top: 1px solid #f5f5f5
}

.order_record_box .per_reputation_des span {
    font-size: 13px;
    color: #666;
    float: none;
    display: inline-block
}

.order_record_box .per_reputation_des span.good {
    color: #1fb466
}

.order_record_box .per_reputation_des span.bad {
    color: #f50
}

.order_record_box .per_reputation_des .expert_icon {
    width: 15px;
    height: 18px;
    vertical-align: middle;
    margin: -1px 2px 0 5px
}

.order_record_box .per_reputation_des i {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    transform: scale(0.9)
}

.order_record_box .per_reputation_des .order_record_btn em {
    border: 0;
    color: #999;
    text-align: right
}

.order_record_box {
    background: #fff
}

.order_record_box .order_record_list {
    border: 0
}

.order_record_box .order_record_list {
    margin-top: 0;
    border-bottom: 5px solid #f5f5f5
}

.order_record_box .des_title {
    height: 35px;
    line-height: 40px;
    font-size: 14px;
    color: #333
}

.order_record_box .des_title:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 19px;
    background: #fcd134;
    margin-right: 5px;
    vertical-align: middle
}

.order_record_box .no_sale_record {
    height: 160px;
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 15px;
    color: #cbcbcb;
    box-sizing: border-box
}

.order_record_box .no_sale_record img {
    width: 80px;
    display: block;
    margin: 0 auto 15px
}

.per_details_box .all_comment .all_comment_title {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin-bottom: -10px
}

.per_details_box .all_comment .comment_list .comment_text {
    margin-left: 60px;
    border-bottom: 0;
    padding-bottom: 5px
}

.per_details_box .estimate {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 14px;
    right: 15px
}

.per_details_box .estimate.good {
    color: #f50
}

.per_details_box .estimate.bad {
    color: #333
}

.per_details_box .comment_list .comment_pic_box {
    margin: -10px 0 0 50px
}

.per_details_box .comment_list .comment_pic_box div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-flow: row wrap;
    align-items: flex-start
}

.per_details_box .comment_list .comment_pic_box div img {
    margin-top: 5px;
    display: block;
    width: 24%;
    margin-right: 1%
}

.per_details_box .comment_list .comment_pic_box div img:last-child {
    align-self: flex-start
}

.per_details_box .all_comment .no_estimate .game_list_box {
    height: 130px;
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 15px;
    color: #cbcbcb;
    box-sizing: border-box
}

.per_details_box .all_comment .no_estimate .game_list_box img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 15px
}

.zoom_in_pop {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8)
}

.zoom_in_pop img {
    display: inline-block;
    width: 100%
}

.border_blank {
    margin-left: 60px;
    height: 1px;
    background: #f5f5f5;
    width: auto;
    box-sizing: border-box;
    margin-top: 5px
}

.can_not_sell h4 {
    font-size: 16px;
    line-height: 36px;
    margin-top: 10px
}

.can_not_sell h5 {
    font-size: 14px;
    line-height: 24px;
    padding: 0 15px 10px
}

.per_details_box .comment_list .seller_credit_box {
    padding: 15px 70px 15px 0;
    margin-left: 10px
}

.per_details_box .comment_list .seller_credit_box em {
    width: 50px;
    height: 50px;
    margin: -25px 10px 0 0;
    right: 0;
    left: inherit;
    border-radius: 50%
}

.per_details_box .seller_credit_box .game_list_text h1 .expert_icon {
    width: 15px;
    height: 19px;
    padding: 0;
    display: inline-block;
    border-radius: 0
}

.per_details_box .seller_credit_box .game_list_text h4 img {
    display: inline-block;
    width: 19px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px
}

.per_details_box .seller_credit_box .game_list_text h4 {
    margin-top: 0
}

.per_details_box .seller_credit_box .game_list_text h4 b {
    font-size: 13px;
    margin-left: 5px
}

.per_details_box .seller_credit_box .game_list_text h4 b.good {
    color: #1fb466
}

.per_details_box .seller_credit_box .game_list_text h4 b.bad {
    color: #f50
}

.per_details_box .seller_credit_box .game_list_box .game_list_text h2 {
    font-size: 13px
}

.per_details_box .seller_credit_box .game_list_text h1 .user_name {
    font-size: 14px
}

.per_details_box .comment_list .seller_credit_box .game_list_text h2 {
    padding: 7px 0
}

.per_details_box .message_box p {
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    line-height: 35px;
    border-bottom: 1px solid #f5f5f5
}

.per_details_box .message_box .has_message {
    padding-bottom: 51px
}

.per_details_box .message_box .no_message {
    text-align: center;
    padding-bottom: 15px;
    font-size: 14px;
    color: #888;
    height: 300px
}

.per_details_box .message_box .no_message img {
    display: block;
    width: 120px;
    margin: 25px auto 10px
}

.per_details_box .has_message .comment_list .comment_text {
    padding: 0;
    min-height: 0
}

.per_details_box .message_box .has_message .comment_list:after {
    display: none
}

.scroll_text {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #fc421a;
    position: relative;
    font-size: 14px;
    box-sizing: border-box
}

.scroll_text img {
    width: 15px;
    height: 14px;
    margin: -2px 3px 0 10px;
    vertical-align: middle
}

.scroll_text span {
    position: absolute;
    top: 0;
    right: 0;
    width: 7%;
    text-align: center;
    height: 32px;
    line-height: 28px;
    font-size: 22px
}

.sale_box .scroll_text {
    width: 100%;
    height: auto;
    line-height: 22px;
    padding: 2px 10px
}

.sharer_mes_to_friend {
    width: 200px;
    margin: 15px auto -5px
}

.sharer_mes_to_friend img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%
}

.sharer_mes_to_friend p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 5px 0
}

.sharer_mes_from_friend {
    height: 40px;
    background: #fad353
}

.sharer_mes_from_friend p {
    text-align: center;
    font-size: 15px;
    color: #333;
    line-height: 40px
}

.sharer_mes_from_friend p img {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px
}

.safe_password_box {
    box-sizing: border-box;
    overflow: hidden
}

.safe_password_box .make_up {
    padding-top: 7px
}

.safe_password_box .make_up a {
    width: 50px;
    height: 30px;
    background: #e1e1e1;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative
}

.safe_password_box .make_up a span {
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px
}

.safe_password_box .make_up.on a {
    background: #facf44
}

.safe_password_box .make_up.on a span {
    left: auto;
    right: 2px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.30)
}

.safe_password_box .tishi_box {
    padding: 0 10px 10px;
    font-size: 13px;
    color: #2a2a2a;
    line-height: 20px
}

.safe_password_box .modify_btn {
    margin: 10px;
    background: #fcd134;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.safe_password_box .safe_yanzheng input {
    border: 0;
    outline: 0;
    background: 0;
    height: 34px;
    margin: 5px 0;
    line-height: 34px
}

.safe_password_box .safe_yanzheng input::-webkit-input-placeholder {
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.safe_password_box .safe_yanzheng span {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #979797;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #666;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -16px
}

.safe_password_box .alipay_account .sale_infor {
    padding: 0 10px 0 95px
}

.safe_password_box .account_bind .bind_num:first-child {
    border-bottom: 1px solid #e7e7e7
}

.close_safe_password_pop {
    width: 280px;
    height: 190px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -95px 0 0 -140px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    font-size: 14px;
    padding: 10px 20px 0;
    box-sizing: border-box
}

.close_safe_password_pop .close {
    width: 12px;
    height: 12px
}

.close_safe_password_pop h4 {
    line-height: 30px;
    height: 35px;
    font-size: 16px
}

.close_safe_password_pop p {
    height: 40px;
    line-height: 40px
}

.close_safe_password_pop p b {
    display: inline-block;
    width: 50px;
    margin-right: 5px
}

.close_safe_password_pop p a {
    float: right;
    color: #348dfc
}

.close_safe_password_pop p input {
    outline: 0;
    background: 0;
    color: #333;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 5px;
    width: 180px
}

.close_safe_password_pop p input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px
}

.close_safe_password_pop .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fcd134;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #333
}

.chat_text_box .tishi_box p {
    font-size: 13px;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #ff4700
}

.trade_chat_comment_box {
    padding: 0 10px
}

.trade_chat_comment_box .trade_comment_list {
    border-radius: 3px;
    height: 80px;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    margin-bottom: 10px
}

.trade_chat_comment_box .trade_comment_list:first-child {
    margin-top: 15px
}

.trade_chat_comment_box .trade_comment_list .comment_left {
    max-width: 80%;
    width: 80%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    border-right: 0
}

.trade_chat_comment_box .trade_comment_list .comment_left h3 {
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.trade_chat_comment_box .trade_comment_list .comment_left h4 {
    font-size: 13px;
    color: #666;
    line-height: 30px
}

.trade_chat_comment_box .trade_comment_list .comment_right {
    min-width: 20%;
    height: 100%;
    background: #fbd044;
    text-align: center;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    padding-top: 40px
}

.trade_chat_comment_box .trade_comment_list .comment_right img {
    display: block;
    width: 24px;
    height: 20px;
    margin: 0 auto
}

.add_comment_box .comment_chose {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 10px
}

.add_comment_box .comment_chose b {
    font-size: 13px;
    color: #666;
    display: block;
    width: 25%
}

.add_comment_box .chose_box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 75%
}

.add_comment_box .chose_box a {
    color: #999;
    line-height: 50px
}

.add_comment_box .chose_box a.on {
    color: #333
}

.add_comment_box .chose_box a span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px
}

.add_comment_box .chose_box .good_comment span {
    background: url("../images/good_comment.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .chose_box .good_comment.on span {
    background: url("../images/good_comment_on.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .chose_box .normal_comment span {
    background: url("../images/normal_comment.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .chose_box .normal_comment.on span {
    background: url("../images/normal_comment_on.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .chose_box .bad_comment span {
    background: url("../images/bad_comment.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .chose_box .bad_comment.on span {
    background: url("../images/bad_comment_on.png") no-repeat;
    background-size: 100% 100%
}

.add_comment_box .comment_chose_tishi {
    border-bottom: 1px solid #f5f5f5
}

.add_comment_box .comment_chose_tishi p {
    font-size: 13px;
    color: #666;
    padding: 0 10px;
    line-height: 40px;
    height: 40px
}

.add_comment_box .comment_input {
    padding: 10px 10px 0;
    color: #999
}

.add_comment_box .comment_input textarea {
    color: #333;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 24px;
    outline: 0;
    -webkit-appearance: none;
    resize: none;
    border: 1px solid transparent;
    box-sizing: border-box
}

.add_comment_box .update_pic li {
    float: none;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 10px
}

.add_comment_box .update_pic li a {
    width: 100px;
    height: 100px
}

.add_comment_box .update_pic li img {
    width: 100%;
    height: 100%
}

.add_comment_box .publish_comment_btn {
    display: block;
    height: 40px;
    background: #fcd134;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    margin: 0 10px
}

.add_comment_box .game_account_push {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background: #fff;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 5px solid #f5f5f5
}

.add_comment_box .game_account_push .push_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    height: 100%;
    width: 83%
}

.add_comment_box .game_account_push .push_left em {
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    margin-right: 10px
}

.add_comment_box .game_account_push .push_left .blog_text {
    width: 75%;
    height: 100%;
    padding: 15px 0 0
}

.add_comment_box .game_account_push .push_left .blog_text h3 {
    width: 100%;
    line-height: 18px;
    height: 36px;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #333
}

.add_comment_box .game_account_push .push_left .blog_text p {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    color: #999
}

.add_comment_box .game_account_push .push_left .blog_text p span {
    font-size: 13px;
    color: #333
}

.add_comment_box .game_account_push .push_right a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px
}

.comment_details_box .game_account_push {
    border-top: 1px solid #f5f5f5;
    border-bottom: 10px solid #f5f5f5
}

.comment_details_box .order_record_box .all_comment .all_comment_title {
    margin-bottom: -3px
}

.comment_details_box .order_record_box .all_comment .comment_list {
    border-top: 1px solid #f5f5f5
}

.comment_details_box .game_list_box .game_list_text h1 {
    height: 30px;
    line-height: 30px
}

.comment_details_box .all_comment .comment_list .publish_comment_time {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px;
    font-weight: normal
}

.comment_details_box .comment_back_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 60px;
    padding: 10px;
    box-sizing: border-box
}

.comment_details_box .comment_back_btn a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.cav_box {
    background: linear-gradient(to bottom, #fbf2c6, #f9e5a1);
    box-sizing: border-box;
    padding-bottom: 20px
}

.cav_box a {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #9c6222;
    border-radius: 5px;
    text-align: center;
    color: #ad7b41
}

.cav_box canvas {
    background: transparent;
    display: block;
    margin: 0 auto 15px
}

.getbag_v2 {
    background: url("../images/getbag_v2_bg.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #5c450b;
    font-size: 13px;
    line-height: 20px
}

.getbag_v2 .bag_infor {
    margin: 0 15px;
    border-radius: 10px;
    position: relative;
    top: 10%;
    padding: 8px;
    background: #faf4cc
}

.getbag_v2 .bag_infor .bag_title {
    width: 160px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -80px
}

.getbag_v2 .bag_main {
    padding: 100px 20px 20px;
    border: 1px dashed #d6a62b;
    border-radius: 10px
}

.getbag_v2 .bag_main .user_name,
.getbag_v2 .bag_main .bag_detail {
    color: #5c450b
}

.getbag_v2 .bag_main .bag_detail_con {
    position: relative;
    background: #f1e4ba;
    margin-top: 10px;
    border-radius: 5px
}

.getbag_v2 .bag_main .bag_detail_con .bag_text_title {
    display: block;
    width: 80px;
    height: 23px;
    top: -10px;
    left: 50%;
    margin-left: -40px;
    position: absolute
}

.getbag_v2 .bag_main .bag_detail_text p {
    line-height: 22px;
    color: #5c450b;
    font-weight: 600
}

.getbag_v2 .bag_main h3 {
    color: #5c450b;
    font-size: 13px;
    line-height: 50px;
    font-weight: normal
}

.getbag_v2 .bag_main .getbag_main {
    border: 0;
    margin: 0
}

.getbag_v2 .bag_main .getbag_main .phone_number {
    margin: 0
}

.getbag_v2 .bag_main .getbag_main input {
    background: transparent
}

.getbag_v2 .bag_main .change_number {
    background: #fc534c;
    width: 150px;
    background: url("../images/shapeBg.png") no-repeat;
    background-size: 100% 100%;
    border: 0
}

.getbag_v2 .bag_main .change_number span {
    color: #fff;
    font-size: 15px
}

.getbag_v2 .bag_main .change_number_box p {
    color: #5c450b;
    font-size: 15px
}

.getbag_v2 .bag_main .getbag_main h2 {
    font-size: 15px;
    line-height: 25px;
    padding: 15px 0 10px
}

@media screen and (max-width: 320px) {
    .getbag_v2 .bag_infor {
        top: 13%
    }

    .getbag_v2 .bag_infor .bag_title {
        width: 130px;
        margin-left: -65px
    }

    .getbag_v2 .bag_main {
        padding-top: 80px
    }

    .getbag_v2 .bag_main .bag_detail_con .bag_text_title {
        width: 70px;
        height: 19px;
        top: -8px
    }

    .getbag_v2 .bag_main .bag_detail_text p {
        line-height: 18px;
        font-size: 12px;
        padding-top: 10px
    }

    .getbag_v2 .bag_main h3 {
        line-height: 35px;
        font-size: 12px
    }

    .getbag_v2 .bag_main .change_number {
        width: 130px;
        padding: 5px
    }

    .getbag_v2 .bag_main .change_number span {
        font-size: 13px
    }

    .getbag_v2 .bag_main .change_number_box p {
        font-size: 13px
    }

    .getbag_v2 .bag_main .getbag_main h2 {
        font-size: 13px;
        padding: 5px 0;
        margin: 0 -10px
    }

    .getbag_v2 .bag_main .getbag_main .foot_btn {
        height: 35px;
        line-height: 35px;
        font-size: 13px
    }
}

.popup_main_v2 .exchange_img {
    width: 160px
}

.popup_main_v2 p:nth-child(3) {
    font-size: 13px;
    color: #151515;
    line-height: 21px
}

.maintenance_pop .exchange_img {
    width: 115px;
    margin: 25px auto
}

.maintenance_pop .popup_main p {
    font-size: 14px
}

.entity_prize {
    width: 290px
}

.entity_prize .popup_main_v2 {
    padding: 0 20px
}

.entity_prize .popup_main_v2 p {
    font-size: 13px
}

.entity_prize .popup_main_v2 p:nth-child(3) {
    line-height: 30px
}

.no_wifi_pop h6 {
    background: #fff
}

.no_wifi_pop p {
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333
}

.no_wifi_pop .pop_btn_two a {
    font-size: 15px;
    color: #333
}

.no_wifi_pop .pop_btn_two a:first-child {
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box
}

.account_offline_pop {
    margin-top: -115px
}

.account_offline_pop h1 {
    font-size: 16px;
    color: #333
}

.account_offline_pop h1 img {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.account_offline_pop .popup_main p {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.tapTxt {
    background: #ff4700;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 400
}

.tapTxt span {
    display: inline-block;
    width: 15px;
    height: 14px;
    line-height: 0;
    background: url("../images/excl_white.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 3px
}

.deduction_pop {
    width: 285px
}

.deduction_pop h5 {
    font-size: 17px;
    color: #333;
    line-height: 20px;
    margin: 20px 0 10px
}

.deduction_pop .tip_text {
    padding: 0 20px
}

.deduction_pop .tip_text p {
    font-size: 14px;
    color: #333;
    line-height: 22px
}

.deduction_pop .tip_text p i {
    color: #fc6e4c;
    font-style: normal
}

.deduction_pop .tip_text a p {
    font-size: 14px;
    color: #348dfc;
    padding: 12px 0 18px
}

.deduction_pop .pop_btn_two a {
    color: #333
}

.deduction_pop .pop_btn_two a.on {
    background: #fcd134;
    border-top: 1px solid #fcd134
}

.maintenance_btn {
    height: 40px;
    line-height: 40px;
    background: #fcd134;
    border-radius: 5px;
    font-size: 15px;
    color: #333;
    text-align: center;
    box-sizing: border-box
}

.maintenance_btn i {
    font-size: 12px;
    color: #151515;
    font-style: normal
}

.change_alipay h1 {
    font-size: 16px;
    color: #333
}

.change_alipay .close {
    width: 12px;
    height: 12px
}

.change_alipay .input_box {
    margin: 10px auto 20px
}

.change_alipay .input_box div {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding: 0 20px 5px;
    font-size: 14px
}

.change_alipay .input_box div span {
    display: inline-block;
    width: 23%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    color: #999
}

.change_alipay .input_box div:last-child span {
    color: #333
}

.change_alipay .input_box div a {
    height: 34px;
    line-height: 34px;
    text-align: left;
    width: 77%;
    color: #999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.change_alipay .input_box div a i,
.change_alipay .input_box div a b {
    font-weight: normal;
    font-style: normal
}

.change_alipay .input_box div a b {
    font-size: 14px;
    color: #348dfc
}

.change_alipay .input_box div input {
    display: inline-block;
    -webkit-appearance: none;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 77%;
    height: 34px;
    line-height: 34px;
    color: #333;
    font-size: 14px;
    padding-left: 3px;
    box-sizing: border-box
}

.change_alipay .input_box input::-webkit-input-placeholder {
    color: #999
}

.change_alipay .input_box input:-moz-placeholder {
    color: #999
}

.change_alipay .input_box input::-moz-placeholder {
    color: #999
}

.change_alipay .input_box input:-ms-input-placeholder {
    color: #999
}

.change_alipay .input_box ::-webkit-input-placeholder {
    color: #999
}

.bor_bottom_non {
    border-bottom: 0
}

.deal_test_timeout {
    padding: 0 10px;
    color: #999;
    line-height: 40px;
    min-height: 40px;
    margin-top: -20px
}

.deal_test_timeout p {
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    text-align: right
}

.deal_test_timeout p a {
    color: #4d98f9;
    float: none
}

.order_confire .deal_test_timeout p a {
    display: inline-block;
    width: auto
}

.account_deal_rule p {
    color: #333
}

.account_deal_rule h4 {
    font-size: 16px;
    color: #151515;
    line-height: 40px;
    margin-top: 5px
}

.account_deal_rule .rule_des {
    margin: 20px 0
}

.account_deal_rule .rule_des p span {
    display: inline-block;
    width: 160px
}

.account_deal_rule .ewm_box img {
    margin: 20px auto 10px;
    display: block;
    width: 160px
}

.account_deal_rule .ewm_box p {
    text-align: center
}

.user_info_modify_pop {
    width: 100%;
    height: 100%;
    position: relative
}

.user_info_modify_pop .guide {
    display: block;
    width: 84%;
    margin: 50px 0 0 10px
}

.user_info_modify_pop .know_btn {
    display: block;
    width: 24%;
    margin: 15% auto 0
}

.borb_dot5 {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding-left: 10px;
    overflow: hidden
}

.borb_dot5 b {
    height: .5px;
    background: #f3f3f3;
    display: block;
    width: 100%
}

.user_info_modify .info_list {
    min-height: 50px;
    background: #fff;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%
}

.user_info_modify .info_list p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    box-sizing: border-box;
    width: 100%
}

.user_info_modify .info_list b {
    font-size: 14px;
    color: #333;
    font-weight: normal
}

.user_info_modify .info_list b:last-child {
    color: #999
}

.user_info_modify .info_list .head_pic {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.user_info_modify .info_list .head_pic input[type="file"] {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.user_info_modify .info_list em {
    display: block;
    width: 8px;
    line-height: 0
}

.user_name_modify .sale_infor span {
    font-size: 14px;
    color: #999
}

.user_name_modify .sale_infor a input {
    text-align: left;
    color: #333
}

.user_name_modify .sale_infor a input::-webkit-input-placeholder {
    color: #999
}

.user_name_modify .sale_infor a em {
    width: 17px;
    position: absolute;
    right: 15px;
    top: -3px
}

.user_name_modify .tip_text {
    font-size: 13px;
    color: #999;
    padding: 0 10px
}

.head_pic_modify_box {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.head_pic_modify_box .cropper-bg {
    background: #000
}

.head_pic_modify_box .btn_box {
    background: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 60px;
    line-height: 18px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.head_pic_modify_box .btn_box a {
    color: #fff;
    font-size: 15px;
    display: block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.delete_comment_pop h1 {
    font-size: 16px;
    color: #333;
    height: 70px;
    line-height: 70px
}

.delete_comment_pop .pop_btn_two a {
    color: #333
}

.delete_comment_pop .pop_btn_two a.on {
    background: #fcd134;
    border-top: 1px solid #fcd134;
    color: #333
}

.topics_delete_box img {
    display: block;
    width: 170px;
    margin: 50% auto 10px
}

.topics_delete_box p {
    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: center
}

.wechat_share_open_title {
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    height: 65px;
    width: 100%;
    overflow: hidden;
    border-bottom: 5px solid #f5f5f5
}

.wechat_share_open_title .left_box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    max-width: 85%;
    width: 75%
}

.wechat_share_open_title .game_icon {
    width: 38px;
    display: block;
    margin-right: 10px
}

.wechat_share_open_title .des_content_box {
    max-width: 85%
}

.wechat_share_open_title .des_content_box h3 {
    font-size: 15px;
    line-height: 15px;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    font-weight: normal
}

.wechat_share_open_title .des_content_box p {
    font-size: 13px;
    line-height: 13px;
    color: #666;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wechat_share_open_title .right_box {
    width: 60px
}

.wechat_share_open_title .right_box a {
    display: block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fcd134;
    border-radius: 5px;
    font-size: 14px;
    color: #333
}

.wechat_share_open_title .right_box.game_entry,
.wechat_share_open_title .right_box.game_entry a {
    width: 80px
}

.transaction_topics .left_box,
.transaction_topics .right_box {
    width: 50%
}

.transaction_topics .des_content_box h3 {
    width: 100%;
    height: 40px;
    line-height: 21px;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
    text-overflow: inherit;
    margin-bottom: 0
}

.transaction_topics .right_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.transaction_topics .right_box a {
    width: 80px
}

.transaction_topics .right_box a.gray {
    background: #fff;
    color: #333;
    border: 1px solid #666;
    margin-left: 10px
}

.vote_topics_box {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 0 10px
}

.topics_des {
    height: 70px;
    padding: 15px 0;
    box-sizing: border-box;
    overflow: hidden;
    border-top: .5px solid #f3f3f3;
    border-bottom: .5px solid #f3f3f3
}

.topics_des h3 {
    font-size: 15px;
    color: #333;
    line-height: 20px
}

.topics_des p {
    font-size: 13px;
    color: #666;
    line-height: 22px
}

.topics_des p i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0
}

.topics_options {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.topics_options li,
.topics_result li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: .5px solid #f3f3f3;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 15px;
    color: #599aff
}

.topics_options li span,
.img_text_topics_options li span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #b3b3b3;
    box-sizing: border-box;
    margin-right: 9px;
    vertical-align: middle;
    margin-top: -2px
}

.topics_options li.on span,
.img_text_topics_options li.on span {
    background: url("../images/select.png") no-repeat;
    background-size: 100% 100%;
    border: 0
}

.topics_btn {
    background: #fcd134;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    display: block;
    margin: 15px auto 23px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.topics_result li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.topics_result li .progress_box {
    width: 50%
}

.topics_result li .progress_box p {
    font-size: 13px;
    color: #599aff;
    line-height: 24px
}

.topics_result li .progress {
    width: 100%;
    height: 12px;
    overflow: hidden
}

.topics_result li .progress_jindu {
    max-width: 100%;
    height: 12px;
    background: #ffc800;
    border-radius: 2px
}

.topics_result li .show {
    width: 50%;
    font-size: 13px;
    color: #599aff;
    text-align: right
}

.topics_result li .show span {
    display: inline-block;
    margin-right: 5px
}

.img_text_topics_options li,
.img_text_vote_topics_result .topics_result li {
    width: 100%;
    height: auto;
    border-bottom: .5px solid #e0e0e0;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 15px;
    color: #599aff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0
}

.img_text_topics_options li:last-child,
.img_text_vote_topics_result .topics_result li:last-child {
    border-bottom: 0
}

.img_text_topics_options li img,
.img_text_vote_topics_result .topics_result li img {
    display: block;
    width: 50%;
    margin-right: 10px
}

.img_text_vote_topics_result .options_des {
    width: 50%
}

.img_text_vote_topics_result .options_des p {
    font-size: 13px;
    color: #599aff;
    line-height: 30px
}

.img_text_vote_topics_result .options_des p:not(.show) {
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

.img_text_vote_topics_result .options_des .show {
    width: 100%;
    text-align: left
}

.no_comment img {
    display: block;
    width: 100px;
    margin: 5% auto 8px
}

.no_comment p {
    font-size: 15px;
    color: #999;
    line-height: 30px;
    text-align: center;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 5%
}

.black_list_box .chat_message_text,
.black_list_box .chat_message_text h1 {
    line-height: 48px;
    height: 47px;
    font-size: 14px;
    color: #333
}

.black_list_box .chat_message_text p {
    font-size: 14px;
    color: #139df1;
    top: 7px
}

.black_list_pop {
    padding-top: 15px
}

.black_list_pop p {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    text-align: center
}

.black_list_pop p .name {
    display: inline-block;
    vertical-align: bottom;
    font-style: normal;
    color: #ff5647;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.black_list_pop .pop_btn_two a {
    border-top: .5px solid #d8d8d8
}

.black_list_pop .pop_btn_two a:last-child {
    border-left: .5px solid #d8d8d8;
    box-sizing: border-box
}

.community .community_topics_box .comment_list {
    background: #fff;
    padding: 0;
    box-shadow: none;
    border-bottom: 7px solid #f5f5f5
}

.community .community_topics_box .comment_list .comment_text {
    padding-top: 15px
}

.per_details_box .community_topics_box .comment_list .comment_pic_box {
    margin: 0
}

.community .community_topics_box .comment_list .comment_detail_link {
    height: 35px;
    line-height: 35px;
    position: relative;
    color: #999;
    margin: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.10)
}

.community .community_topics_box .comment_list .comment_detail_link .time {
    font-style: normal;
    position: absolute;
    left: 10px;
    top: 0
}

.per_details_box .tapTxt {
    margin-bottom: 0
}

.in_blacklist_pop p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    text-align: center;
    margin: 18px 0
}

.in_blacklist_pop .pop_btn_two a {
    color: #333
}

.in_blacklist_pop .pop_btn_two a.on {
    background: #fcd134;
    border-top: 1px solid #fcd134
}

.can_not_buy_pop h5 {
    font-size: 15px;
    line-height: 24px;
    padding: 20px 15px;
    text-align: center;
    color: #333
}

.christmas_pop {
    width: 280px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -140px
}

.christmas_pop img {
    display: block;
    margin: 0 auto
}

.christmas_pop a {
    display: block;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: linear-gradient(to bottom, #fe4efe, #c32fc5);
    margin: 20px auto 0;
    border-radius: 23px
}

.christmas_pop .close {
    width: 25px;
    right: -5px
}

.xqdzz_focus_pop {
    width: 300px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -173px 0 0 -150px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 10px
}

.xqdzz_focus_pop .title {
    background: #05a0fc;
    height: 65px;
    width: 100%;
    padding: 0
}

.xqdzz_focus_pop .title img {
    display: block;
    width: 55%;
    margin: 0 auto
}

.xqdzz_focus_pop .content_box {
    background: #fff
}

.xqdzz_focus_pop .content_box h2 {
    text-align: center;
    line-height: 45px;
    height: 45px;
    font-size: 18px;
    color: #333
}

.xqdzz_focus_pop .content_box img {
    display: block;
    width: 60%;
    margin: 0 auto
}

.xqdzz_focus_pop .content_box p {
    font-size: 15px;
    color: #999;
    height: 45px;
    line-height: 45px;
    text-align: center
}

/* 礼包 */
.my-wallet{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 8px 30px;
    margin-bottom: 35px;
    position: relative;
}
.my-wallet-money{
    font-size: 21px;
    margin-top: 5px;
    display: flex;
}
.go-deposit{
    width: 80px;
    height: 36px;
    border-radius: 8px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #FBC8C8;
    margin-top: 20px;
}
.go-deposit.active{
    background: #F24949;
}
.packet-container{
    position: relative;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    height: 331px;
    background: #D84E42;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

.packet-container::after{
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
    content: '';
    z-index: 1;
    border-radius: 50%;
    background: #F37268;
    height: 100px;
}
.packet-container.active::before{
    position: absolute;
    left: 0;
    right: 0;
    top: -7%;
    content: '';
    z-index: 1;
    border-radius: 50%;
    background: #F37268;
    height: 100px;
}
.red-packet{
    position: relative;
    z-index: 2;
    height: 195px;
    background: #F37268;
    border-radius: 10px;
}
.red-packet-noopen{
    padding-top: 28px;
    box-sizing: border-box;
}
.red-packet-open::before{
    position: absolute;
    left: 0;
    right: 0;
    top: 12%;
    z-index: 1;
    border-radius: 50%;
    background: #F37268;
    height: 100px;
}
.packet-msg p:nth-child(1){
    color: #FFFFFF;
    font-size: 17px;
}
.packet-msg p:nth-child(2) {
    color: #EED8AC;
    font-size: 15px;
}

.packet-list{
    width: 231px;
    height: 122px;
    background: #FEF5E8;
    border-radius: 10px;
    border: 2px solid #F37268;
    overflow: hidden;
    overflow-x: auto;
    float: left;
    margin-top: -15px;
    margin-bottom: 5px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.packet-msg{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #B1071C;
    margin: 0 auto 10px auto;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.get-packet{
    position: absolute;
    left: 50%;
    width: 68px;
    height: 68px;
    transform: translateX(-34px);
    bottom: 14%;
    line-height: 60px;
    border-radius: 50%;
    background-image: url("//static.himengyou.com/sdk_h5/img/icon_btn_canjia.png");
    background-size: 100% 100%;
    margin: 20px auto 10px auto;
    font-size: 16px;
    z-index: 2;
}
.get-packet.active{
    background-image: url("//static.himengyou.com/sdk_h5/img/icon_btn_yicanjia.png");
}
.get-packet.magnify{
    animation:packet .4s linear;
}
@keyframes packet{
    0%{
        transform-s: scale(1) translateX(-30px);
    }
    50%{
        transform: scale(1.3) translateX(-28px);
    }
    100%{
        transform: scale(1) translateX(-30px);
    }
}

@keyframes btn{
    0%{
        transform-s: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}

.packet-sum{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.packet-sum-text{
    color: #F8ADA7;
    font-size: 15px;
}
.packet-hint{
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}


.ui-step-wrap {
    position: relative
}

.ui-step-wrap .ui-step-bg,
.ui-step-wrap .ui-step-progress {
    height: 10px;
    position: absolute;
    top: 50px;
    left: 0;
}

.ui-step-wrap .ui-step-bg {
    width: 100%;
    background: #F37268;
}

.ui-step-wrap .ui-step-progress {
    width: 0;
    background:#FFCC01;
    height: 6px;
    margin-top: 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ui-step-wrap .ui-step {
    position: relative;
    z-index: 1;
    list-style: none
}

.ui-step-wrap .ui-step:after {
    content: '';
    display: table;
    clear: both
}

.ui-step-wrap .ui-step .ui-step-item {
    float: left
}

.ui-step-wrap .ui-step .ui-step-item div {
    text-align: center;
    color: #625454
}

.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num {
    position: relative;
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-packet-icon{
    z-index: -1;
    display: block;
    width: 35px;
    height: 45px;
    background-size: 100% 100%;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-packet-icon.rock{
    animation: rock 1s 0s ease-in-out infinite;
    animation-iteration-count: 5;
}

.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-packet-money {
    position: absolute;
    height: 16px;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    background: #FF8300;
    right: 5px;
    top: -13px;
    padding: 1px 4px;
}

.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-step-grade {
    display: block;
    width: 39px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 5px;
    background: #CFC19E;
    color: #B49F83;
    font-size: 12px;
    border: 1px solid #B09A7F;
    float: left;
    margin-top: -15px;
    margin-bottom: 5px;
}

.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num .ui-step-grade {
    background: #FFCC01;
    border-color: #D2A211;
    color: #000;
}

.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-step-getbtn{
    display: block;
    width: 40px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    background: #FAC1B7;
    color: #FDF3F1;
    font-size: 11px;
    transition: all .2s linear;
}
.get-packet-div.magnify{
    /*transform: scale(1.4);*/
    animation:btn .4s linear;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num .ui-step-getbtn.magnify{
    /*transform: scale(1.5);*/
    animation:btn .4s linear;
}

.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num .ui-step-getbtn{
    background: #F24949;
    color: #fff;
}

.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num .ui-step-getbtn.over{
    background: #FAC1B7;
}
.get-packet-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .2s linear;
}
button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5bc0de;
}



.packet-btns {
    float: left;
}

/* 礼包活动说明 */
.libao-state-box{
    width: 278px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 7px;
}
.libao-state-css{
    position: fixed;
    background: rgba(0,0,0,0.6);
}
.state-title{
    width: 100%;
    height: 56px;
    line-height: 57px;
    border-bottom: 1px solid #F0F0F0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #353535;
}
.state-btn{
    width: 100%;
    height: 49px;
    line-height: 49px;
    border-top: 1px solid #F0F0F0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #4183D7;
}
.gzh-copy{
    color: #4183D7;
}
.state-content {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #353535;
    padding: 15px;
    line-height: 22px;
    box-sizing: border-box;
}
.state-content .kefu-img p{
    margin: 0 auto;
}

.state-content .kefu-img span {
    padding-bottom: 10px;
}
.look-state{
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 13px;
    font-weight: bold;
}
.packet-countdown{
    font-size: 11px;
    color: #FFE411;
}

/*左右摇晃*/
/*@keyframes rock {*/
/*    0% {*/
/*        -webkit-transform: translateX(-3px);*/
/*        transform: translateX(-3px);*/
/*    }*/
/*    10% {*/
/*        -webkit-transform: translateX(3px);*/
/*        transform: translateX(3px);*/
/*    }*/
/*    20% {*/
/*        -webkit-transform: translateX(-2px);*/
/*        transform: translateX(-2px);*/
/*    }*/
/*    30% {*/
/*        -webkit-transform: translateX(-3px);*/
/*        transform: translateX(-3px);*/
/*    }*/
/*    35% {*/
/*        -webkit-transform: translateX(-5px);*/
/*        transform: translateX(-5px);*/
/*    }*/
/*    40% {*/
/*        -webkit-transform: translateX(5px);*/
/*        transform: translateX(5px);*/
/*    }*/
/*    45% {*/
/*        -webkit-transform: translateX(3px);*/
/*        transform: translateX(3px);*/
/*    }*/
/*    50% {*/
/*        -webkit-transform: translateX(0px);*/
/*        transform: translateX(0px);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(-2px);*/
/*        transform: translateX(-2px);*/
/*    }*/
/*}*/

@keyframes rock {
    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-5px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(5px);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    50% {
        opacity: 0; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}

/* 余额 */
.cd-cart-container.cart-open::before {
    opacity: 1;
    visibility: visible
}
.empty .cd-cart-trigger,.empty .cd-cart {
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px)
}



.cart-open .cd-cart-trigger::before {
    opacity: 0
}


.cd-cart-trigger .count-money {
    position: absolute;
    top: 46px;
    left: 42px;
    height: 28px;
    width: 28px;
    color: #e94b35;
    font-size: 21px;
    border-radius: 50%;
    text-indent: 0;
    -webkit-transition: -webkit-transform .2s .5s;
    transition: -webkit-transform .2s .5s;
    transition: transform .2s .5s;
    transition: transform .2s .5s,-webkit-transform .2s .5s
}

.cd-cart-trigger .count-money li {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}


.cd-cart-trigger .count-money.update-count li:last-of-type {
    -webkit-animation: cd-qty-enter .15s;
    animation: cd-qty-enter .15s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards
}

.cd-cart-trigger .count-money.update-count li:first-of-type {
    -webkit-animation: cd-qty-leave .15s;
    animation: cd-qty-leave .15s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards
}

.cart-open .cd-cart-trigger .count-money {
    -webkit-transition: -webkit-transform .2s 0s;
    transition: -webkit-transform .2s 0s;
    transition: transform .2s 0s;
    transition: transform .2s 0s,-webkit-transform .2s 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.empty .cd-cart-trigger .count-money {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cd-cart-trigger:hover+div .wrapper {
    box-shadow: 0 6px 40px rgba(0,0,0,.3)
}

.cart-open .cd-cart-trigger:hover+div .wrapper {
    box-shadow: 0 4px 30px rgba(0,0,0,.17)
}


@-webkit-keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@-webkit-keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px
    }

    100% {
        padding-top: 0
    }
}

@keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px
    }

    100% {
        padding-top: 0
    }
}

@-webkit-keyframes cd-item-move-up {
    0% {
        padding-top: 104px
    }

    100% {
        padding-top: 0
    }
}

@keyframes cd-item-move-up {
    0% {
        padding-top: 104px
    }

    100% {
        padding-top: 0
    }
}

@-webkit-keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0
    }

    100% {
        padding-top: 70px
    }
}

@keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0
    }

    100% {
        padding-top: 70px
    }
}

@-webkit-keyframes cd-item-move-down {
    0% {
        padding-top: 0
    }

    100% {
        padding-top: 104px
    }
}

@keyframes cd-item-move-down {
    0% {
        padding-top: 0
    }

    100% {
        padding-top: 104px
    }
}

@-webkit-keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@-webkit-keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    0% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    0% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

/*余额滚动*/

.OdometerBg .number-animate .number-animate-dom,
.OdometerBg .number-animate .number-animate-dot {
    width: 40px;
}

.OdometerBg .number-animate .number-animate-dot span {
    background: #222;
    color: yellow;
    border-left: 1px solid #fff;
}
.OdometerBg .number-animate .number-animate-dot span.dian {

}

.OdometerBg .number-animate .number-animate-dom {
    background: #222;
    color: yellow;
    border-left: 1px solid #fff;
}
.number-animate {
    line-height: 25px;
    height: 25px;
    font-size: 21px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.number-animate .number-animate-dot {
    width: 21px;
    float: left;
    text-align: center;
}

.number-animate .number-animate-dom {
    width: 12px;
    text-align: center;
    float: left;
    position: relative;
    top: 0;
}
.number-animate .number-animate-dom.dian {
    width: 6px;
}

.number-animate .number-animate-dom span,.number-animate .number-animate-dot span {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 1.4;
}
/* 礼包抛物线动画 */
.libao_donghua{
    position: fixed;
    width: 60px;
    height: 80px;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-30px, -40px);
    background-size: 100% 100%;
    display: none;
}
.libao_donghua.rock{
    top: 45%;
    left: 48%;
    animation: rock 1s 0s ease-in-out infinite;
    animation-iteration-count: 3;
}
.icon-mean {
    transition: all .2s linear;
}
.icon-mean.magnify {
    transform: scale(1.2);
}
@media only screen and (device-width: 320px) and (device-height: 568px){
    .libao_donghua.rock {
        top: 43%;
        left: 40%;
    }
}
@media only screen and (device-width: 375px) and (device-height: 667px){
    .libao_donghua.rock {
        top: 44%;
        left: 41%;
    }
}
/*x xs*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .libao_donghua.rock {
        top: 45%;
        left: 42%;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .libao_donghua.rock {
        top: 46%;
        left: 45%;
    }
}