/*首页样式*/

.ww-logo-pic {
    display: inline-block;
    width: 5.3rem;
}

.menu {
    position: absolute;
    width: 1.85rem;
    height: 1.9rem;
    background-position: -1.3rem 0;
    margin-top: 1.25rem;
}

.section_header {
    background-color: #333;
    height: 4.5rem;
    line-height: 4.5rem;
    overflow: hidden;
}

.search {
    width: 100%;
    height: 3rem;
    background-color: #4d4d4d;
    border-radius: .8rem;
    overflow: hidden;
    margin: .8rem 1rem 0 0;
    display: -webkit-box;
    display: box;
    padding-right: .5rem;
}

.search_input {
    display: block;
    height: 3rem;
    line-height: 3rem;
    background-color: transparent;
    padding: 0 1rem;
    outline: none;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.install_pic {
    width: 6.5rem;
    height: 2.7rem;
    position: absolute;
    right: 1rem;
    top: .9rem;
}

.search_ico {
    background-position: -3.4rem 0;
    margin-top: .7rem;
}
.scrollTop{
    position: fixed;
    right: 1rem;
    bottom: 6rem;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    text-align: center;
    background: url(/static/images/mobile/top.png) center center no-repeat #dedede;
    background-size: 50% 50%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
}
.chat_scrollTop{
    bottom: 10rem;
}
.scrollTop.t_visible{
    visibility: visible;
    opacity: .8;
}
/*搜索*/

.small_line {
    margin: .6rem .7rem;
    border-left: 1px solid #fff;
    width: 1px;
    height: 1.5rem;
}

.code_ico {
    position: relative;
    width: 1.9rem;
    background-position: -5.4rem 0rem;
    margin: .5rem 0 0 1rem;
}

.code_ico:before {
    content: '';
    width: 1px;
    height: 1.7rem;
    background-color: #B7B8BB;
    display: block;
    position: absolute;
    left: -.7rem;
}

.menuBox .boxItems {
    width: 25%;
    margin: 1rem 2rem;
}

.menuBox .boxItems a {
    font-size: 1.4rem;
}

/*nav导航*/

.menu_nav {
    width: 100%;
    padding: 1rem 0;
}

.menu_nav a {
    display: inline-block;
    width: 24%;
    height: 3rem;
    padding-top: 12%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
}

.menu_nav a:nth-child(1) {
    background: url(/static/images/mobile/new.png) center 0 no-repeat;
    background-size: 46%;
}

.menu_nav a:nth-child(2) {
    background: url(/static/images/mobile/casual.png) center 0 no-repeat;
    background-size: 46%;
}

.menu_nav a:nth-child(3) {
    background: url(/static/images/mobile/gift.png) center 0 no-repeat;
    background-size: 46%;
}

.menu_nav a:nth-child(4) {
    background: url(/static/images/mobile/class.png) center 0 no-repeat;
    background-size: 46%;
}

/*玩家推荐*/

.qw_newGame .swiper-wrapper {
    width: inherit;
    height: inherit;
}

.qw_newGame .swiper-container-nav .swiper-slide {
    width: inherit;
    height: auto;
    color: #fff;
    padding: 1rem 1rem 1rem 0;
}

.qw_newGame .swiper-container-nav .swiper-slide img {
    width: 6.5rem;
}

.qw_newGame .swiper-container-nav .swiper-slide.active {
    background-color: #e73252;
}

.recom_ico,
.hot_ico {
    width: 1.5rem;
    margin-right: .7rem;
}

.recom_ico {
    background-position: -7.3rem .2rem;
}

/*热门游戏*/

.hot_ico {
    background-position: -8.7rem .1rem;
}

.game_ico {
    width: 4.5rem;
}

.game_list li,
.gift_list li {
    position: relative;
    padding: 1rem 1.5rem;
    background-color: #fff;
    margin-bottom: .5rem;
    overflow: hidden;
}

.index_g_list li {
    padding-left: 3rem;
}

.reco_corner {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.2rem;
    height: 4.2rem;
}

.game_con {
    width: 50%;
    margin-left: 1rem;
}

.game_title {
    max-width: 67%;
}

.gift_mark {
    width: 3.5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-left: .6rem;
}

.start_btn {
    width: 20%;
    height: 3rem;
    line-height: 3rem;
}

.start_btn2 {
    width: 20%;
    height: 3rem;
    line-height: 3rem;
}

/*底部导航*/

.footerBox .boxItems.active a {
    color: #c30d23;
}

.g_ico,
.comm_ico,
.my_ico {
    height: 2.2rem;
    margin: .6rem auto .1rem;
}

.g_ico {
    width: 2.2rem;
    background-position: -10.4rem -2.5rem;
}

.comm_ico {
    width: 2.3rem;
    background-position: -12.8rem 0rem;
}

.my_ico {
    width: 2rem;
    background-position: -15.3rem 0rem;
}

.footerBox .boxItems.active .g_ico {
    background-position: -10.4rem 0rem;
}

.footerBox .boxItems.active .comm_ico {
    background-position: -12.8rem -2.45rem;
}

.footerBox .boxItems.active .my_ico {
    background-position: -15.3rem -2.45rem;
}


/*游戏列表页面*/

.star {
    position: relative;
    height: 1.2rem;
    background: url(/static/images/mobile/star.png) no-repeat;
    background-size: 8rem auto;
    width: 100%;
}

.star_eva {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 1rem;
    background: url(/static/images/mobile/star_1.png) no-repeat;
    background-size: 8rem auto;
}


/*礼包列表页*/

.tab_flex {
    height: 3.9rem;
    line-height: 3.9rem;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
}

.tab_flex .boxItems.active,
.tips_flex .boxItems.active {
    color: #c30d23;
}

.hide_mask {
    position: absolute;
    width: 100.2%;
    z-index: 10;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    display: none;
}

.bar_box {
    padding-right: 4.5rem;
}

.bar_num {
    position: absolute;
    right: 0;
    top: -.5rem;
}

.hide_mask li {
    color: #666;
    cursor: pointer;
}

.gray_triangle {
    position: absolute;
    top: 1.4rem;
    right: 1rem;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 13px solid #666;
}

.tab_flex .all_gift.active .next_ico {
    border-top: 13px solid #c30d23;
}


/*登录页面*/

.content,
.container {
    height: 100%;
}

.return_index {
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    background: url(/static/images/mobile/spirit.png) no-repeat;
    background-size: 20rem auto;
    background-position: -17.4rem 0rem;
    position: absolute;
    top: 1rem;
    left: 1.5rem;
}

.logo_big {
    width: 100%;
    height: 30%;
    background: url(/static/images/mobile/logo_big.png) center bottom no-repeat;
    background-size: 15rem auto;
    margin-bottom: 2rem;
}

.login {
    width: 90%;
    margin: 0 auto;
}

.login .userName,
.login .userPas,
.login .authCode {
    width: 100%;
    height: 3rem;
    border-bottom: 1px solid #ededef;
    margin-bottom: 2.3rem;
}

.login .next_login {
    width: 100%;
    margin-bottom: 2.5rem;
    text-decoration: underline;
}

.login .btn {
    width: 100%;
    margin-bottom: .75rem;
}

.login .login_btn,
.login .reg_btn {
    height: 4rem;
    line-height: 4rem;
    cursor: pointer;
    width: 100%;
    font-family: inherit;
}

.login .reg_btn {
    border: 1px solid #c30d23;
    /*margin-top: 1rem;*/
}

.login label,
.bind_phone label {
    display: inline-block;
    background-position: 0rem -2.2rem;
    width: 2rem;
    height: 2rem;
    margin: 0 .5rem .75rem 0;
}

.login label.pwd_ico {
    background-position: -2.2rem -2.2rem;
}

.login input[type=password],
.login input[type=text] {
    border: none;
    width: 88%;
    height: 100%;
    outline: 0;
    font-family: inherit;
}

.login .third {
    width: 100%;
    height: 2.5rem;
}

.login .third span {
    display: block;
    height: 1px;
    background-color: #F3F6FB;
    width: 30%;
    margin-top: 7px;
}

.login .third a {
    padding: 0 1rem;
    text-align: center;
    width: 40%;
    display: block;
}

.third_login a img {
    display: inline-block;
    width: 4rem;
    height: 4rem;
}


/*注册页面*/

.phone_register,
.count_register {
    position: absolute;
    top: 1.3rem;
    right: 1.5rem;
}

.login label.codes_ico,
.bind_phone label.codes_ico {
    background-position: -4.3rem -2.3rem;
}

.authCode_btn,
.code_img {
    display: block;
    width: 9rem;
    height: 3.5rem;
    line-height: 3.5rem;
    position: absolute;
    right: 0;
    top: -1rem;
}

.code_btn {
    background-color: #999;
}

.code_img {
    height: 4rem;
    top: -1.8rem;
}


/*忘记密码*/

.tips_flex {
    height: 4.4rem;
    line-height: 4.4rem;
}

.backTxt {
    position: absolute;
}

.backTxt.red:before {
    border-left-color: #c30d23;
}

.forget_pwd input[type=text],
.forget_pwd input[type=password] {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    background-color: #fff;
    outline: 0;
}

.forget_pwd .btn {
    height: 5rem;
    font-family: inherit;
    margin: 3rem 0 1.5rem;
    background-color: #df6c7a;
}

.forget_pwd .authCode {
    padding-right: 10rem;
}

.forget_pwd .authCode_btn {
    height: 5rem;
    line-height: 5rem;
    background-color: #999;
    top: 0;
}

.tips_flex .boxItems.active .next_ico {
    background-position: -1.3rem -11.5rem;
}


/*个人中心*/

.container .header_have {
    height: 18rem;
    background: url(/static/images/mobile/my_bg.png) center center no-repeat;
    color: #fff;
    position: relative;
}

.editSet {
    height: 2rem;
    text-align: right;
    padding: 1rem 1.5rem 0 0;
    margin-bottom: 1.5rem;
}

.edit_ico,
.set_ico {
    background-position: -8.4rem -2.2rem;
    width: 2rem;
    height: 2.3rem;
    display: inline-block;
}

.set_ico {
    margin-left: 1rem;
    background-position: -17.8rem -2.2rem;
}

.head_portrait {
    /*position: absolute;left: 50%;top: 8%;margin-left: -7rem;width: 13rem;*/
    padding-top: 1rem;
}

.head_portrait dt,
.actavar_pic {
    border-radius: 100%;
    width: 7rem;
    height: 7rem;
}

.user_lv {
    margin-left: .5rem;
    display: inline-block;
    width: 3.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.boy,
.girl {
    display: inline-block;
    background-position: 0rem -6.1rem;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: -.4rem;
    margin-left: 1rem;
}

.girl {
    background-position: -1.5rem -6.1rem;
}

.foll,
.user-set {
    margin-top: .75rem;
    text-align: center;
}

.alreadyfollow,
.follow,
.has-follow {
    color: #fff;
    border-radius: .3rem;
    font-size: 1.2rem;
    padding: .2rem 0;
    width: 5rem;
    margin: 0 auto;
    cursor: pointer;
}

.follow,
.has-follow {
    background-color: #f39800;
}

.alreadyfollow {
    background-color: #999;
}

.header_nav {
    width: 100%;
    height: 3.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .7);
}

.header_nav p {
    color: #fff;
    text-align: center;
    display: block;
    line-height: 3.5rem;
    font-size: 1.3rem;
}

.qd_ico,
.qz_ico,
.wg_ico,
.gz_ico,
.fs_ico {
    display: inline-block;
    background-position: -3rem -6.2rem;
    width: 1.5rem;
    margin-right: .5rem;
}

.qz_ico {
    background-position: -4.5rem -6.2rem;
}

.wg_ico {
    background-position: -6.1rem -6rem;
}

.gz_ico {
    background-position: -7.6rem -6rem;
}

.fs_ico {
    background-position: -9.3rem -6rem;
}

.header_nav>p.nav_bg {
    background-color: #c30d23;
    position: relative;
}

.header_nav>p.nav_bg:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c30d23;
    position: absolute;
    left: 33%;
    bottom: -7px;
}

.sign_in {
    width: 100%;
    padding-bottom: 2rem;
}

.sign_inBt {
    width: 55%;
    margin: 0 auto .5rem;
    text-align: center;
    padding-top: 5%;
}

.sign_inBt dt {
    width: 7.5rem;
    height: 6.9rem;
    line-height: 8rem;
    font-size: 12px;
    background: url(/static/images/mobile/calendar.png) center center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    color: #333;
}

.sign_inBt dt span {
    font-size: 3rem;
    margin-right: 5px;
}

.sign_in .sign_inContent {
    width: 100%;
    height: 14rem;
    background-color: #f4f4f4;
    border-top: 1px solid #e3e3e3;
    position: relative;
    margin-top: 2rem;
}

.sj,
.sj1 {
    width: 1.1rem;
    height: .6rem;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 33%;
    top: -.2rem;
    z-index: 5;
}

.sj1 {
    top: -.1rem;
    border-top: 10px solid #e3e3e3;
    z-index: 4;
}

.sign_inContent dl {
    width: 14.28%;
    float: left;
    margin: 1rem 0;
}

.sign_inContent dl dt {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto .3rem;
}

.signno {
    background-color: #fff;
    border: 1px solid #dadada;
    color: #ccc;
    font-size: 1.5rem;
}

.signing {
    background-color: #fd5353;
    color: #fff;
    border: none;
}

.sign_inContent dl dd {
    color: #999;
    font-size: 1.3rem;
    text-align: center;
}

.sign_in .sign_btn {
    width: 11rem;
    height: 3.5rem;
    border: 0;
    border-radius: .3rem;
    margin: .5rem auto;
    font-family: inherit;
}

.no_data {
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.3rem;
}

.plaied .game_ico {
    width: 3.5rem;
}

.plaied .game_con {
    width: 60%;
}


/*社区页面*/

.chats {
    margin-bottom: 4.4rem;
}

.service {
    height: 4.5rem;
    padding: 0 1rem;
    line-height: 4.5rem;
    border-radius: 2px;
    background-color: #f5f5f5;
}

.service p {
    color: #808080;
}

.blog_ico {
    display: inline-block;
    background-position: 0rem -4.4rem;
    width: 1.5rem;
    height: 1.5rem;
}

.comment_talk {
    padding: .75rem 1.5rem .5rem;
    border-bottom: 6px solid #ececec;
}

.comment_talk .meta_info {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
}
.comment_talk .desc img{
    max-width: 100%;
    padding-top: .5rem;
    box-sizing: border-box;
}
.comment_talk .meta_info .head_img {
    height: 4rem;
    margin-right: 1rem;
}

.comment_talk .meta_info .head_img img {
    width: 4rem;
    height: 4rem;
    border-radius: .4rem;
}

.comment_talk .nick_name {
    color: #18a3e3;
    font-size: 14px;
    padding-top: 0;
    display: inline-block;
}

.comment_talk .exp_level,
.comment_talk .user_vip {
    background-color: #c30d23;
    padding: 0 .5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    border-radius: .3rem;
}

.comment_talk .com_reply {
    margin-top: 10px;
    position: relative;
}

.r_game {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 3px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

.r_game img {
    width: 4rem;
    height: 4rem;
    margin-left: .5rem;
    border-radius: .5rem;
}

.r_btn,
.r_meta {
    height: 4rem;
    line-height: 4rem;
}

.r_game .r_meta {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.r_meta {
    margin-left: 1rem;
}

.r_btn {
    margin-right: .5rem;
}

.r_btn a {
    padding: .5rem 1rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
}

.comment_talk .com_reply .r_time {
    margin: .5rem .5rem .3rem 0;
}

.comment_talk .triangle {
    top: .2rem;
    left: 2.2rem;
    z-index: 1;
}

.pladebox {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin: 0 0 0 36px;
    background-color: #f7f7f7;
}

.reply_com_inner,
.like_com_inner {
    margin-left: 1.5rem;
}

.like_com_container {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .5rem;
}

.zan_ico,
.pl_ico {
    display: inline-block;
    background-position: -1.5rem -4.5rem;
    width: 1.7rem;
    height: 1.5rem;
}

.zan_ico.active {
    background-position: -6.5rem -4.5rem;
}

.pl_ico {
    background-position: -3.1rem -4.5rem;
}

.s_pl_ico,
.s_zan_ico {
    position: absolute;
    left: -.1rem;
    background-size: 17rem auto;
    background-position: -2.7rem -3.7rem;
    width: 1.4rem;
}

.s_zan_ico {
    height: 1.5rem;
    background-position: -1.3rem -3.7rem;
}

.like_wrapper {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    max-width: 14.28%;
    margin-right: .5rem;
}

.like_wrapper img {
    width: 3rem;
    height: 3rem;
    vertical-align: bottom;
    border-radius: .3rem;
}

.reply_com_inner>div {
    margin-bottom: .5rem;
}

.dropload-down {
    height: 3rem;
    line-height: 3rem;
    text-align: center;
}

.publish {
    width: 4rem;
    height: 4rem;
    background: url(/static/images/mobile/publish.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 5rem;
    right: 1rem;
}

.u_like,
.u_rept {
    cursor: pointer;
}


/*游戏分类*/

.game_cate {
    padding: 2.5rem 1.5rem;
}

.game_cate_list {
    margin-left: -5%;
    zoom: 1;
    overflow: hidden;
}

.game_cate_list li {
    width: 45%;
    position: relative;
    float: left;
    margin-left: 5%;
    margin-bottom: 1rem;
    cursor: pointer;
}

.game_cate_list li img {
    max-width: 100%;
    border-radius: 1rem;
}

.sort_blackBg,
.game_cate_list h2 {
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: .5rem;
    padding: 0 1rem;
    font-size: 1.3rem;
    line-height: 1.75rem;
}

.sort_blackBg {
    height: 1.75rem;
    background-color: #000;
    opacity: .5;
    border-radius: 0 0 1rem 1rem;
}

.game_cate_list h2 span {
    float: right;
    padding-right: 3%;
}


/*游戏详情页面*/

.de_nav li {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.3rem;
    color: #333;
}

.de_nav li.active {
    border-bottom: 2px solid #f39800;
    color: #f39800;
}

.de_data .data_banner {
    width: 100%;
    margin: .5rem 0;
}

.de_data .data_banner .swiper-wrapper .swiper-slide {
    font-size: 18px;
    width: 55%;
    margin-right: 1rem;
}

.des_ico {
    display: inline-block;
    background-position: -11rem -6rem;
    width: 1.5rem;
    vertical-align: -.4rem;
}

.data_title {
    height: 3.5rem;
    line-height: 3.5rem;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.data_intro p {
    display: inline;
    font-size: 1.3rem;
    color: #666;
    line-height: 1.6;
    text-align: justify;
    padding: 5px 0;
}

.like_ico {
    display: inline-block;
    background-position: -12.8rem -6rem;
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: -.3rem;
}

.data_like .likeCon {
    width: 100%;
    text-align: center;
    padding: .5rem 0;
}

.data_like .likeCon>dl dt {
    width: 5.5rem;
    margin: 0 auto;
}

.data_like .likeCon>dl dt img {
    width: 100%;
    border-radius: .5rem;
}

.gameBegin {
    width: 5.5rem;
    height: 2.3rem;
    margin: .5rem auto;
    line-height: 2.3rem;
    background: #c30d23;
    border-radius: .4rem;
}

.gameBegin a {
    color: #fff;
}

.area_comm {
    width: 100%;
    min-height: 9rem;
    padding: 1rem;
    font-size: 1.4rem;
}

.comm_box {
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.5rem;
}


/*游戏详情 聊吧*/

.chat_load {
    height: 3rem;
    line-height: 3rem;
    display: none;
}

.comment_talk .desc {
    color: #333;
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-all;
}
.packs_two {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 320px;
    max-width: 720px;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    z-index: 3;
}

.pa_game {
    width: 100%;
    height: 25rem;
    background: url(/static/images/mobile/pa_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.pa_game>dl {
    width: 70%;
    margin: 0 auto 0 -35%;
    position: absolute;
    bottom: 3%;
    left: 50%;
}

.pa_game>dl dt {
    width: 6rem;
    margin: 0 auto;
}

.pa_game .start_btn {
    width: 6rem;
    margin: .5rem auto 0;
}

.get_gift {
    background-color: #f5f5f5;
}

.get_gift h3 {
    padding-left: 7%;
    height: 33px;
    line-height: 33px;
}

.get_gift .get_gift_cont {
    width: 90%;
    margin: 0 auto;
}

.get_gift .get_gift_cont .top_cont {
    width: 100%;
    height: 7.5rem;
    padding-top: 1rem;
    border-bottom: 1px solid #D9D9D9;
}

.get_gift .get_gift_cont .top_cont dl {
    margin: 0 auto 0 1rem;
}

.get_gift .get_gift_cont .top_cont dl dt {
    width: 5rem;
    height: 4.7rem;
}

.get_gift .get_gift_cont .top_cont dl dd {
    width: 15.5rem;
    height: 4.7rem;
}

.dd_txt {
    position: relative;
    border: 1px solid #ccc;
    margin-left: .5rem;
}

.dd_txt input[type=text] {
    width: 10rem;
    height: 2rem;
    font-size: 12px;
    color: #525252;
    border: none;
}

.receive {
    font-size: 12px;
    width: 5rem;
    height: 2.2rem;
    line-height: 2.2rem;
    background-color: #c30d23;
    position: absolute;
    right: -.75rem;
    top: -.1rem;
}

.get_gift_cont .bottom_cont h2 {
    font-size: 1.5rem;
    color: #333;
    padding-left: .5rem;
    margin: .5rem 0 0;
    border-left: 4px solid #c30d23;
}

.get_gift_cont .bottom_cont p {
    padding: .75rem 0;
    font-size: 1.3rem;
}

.get_gift .ps_txt {
    width: 100%;
    margin-top: 5.5rem;
}

.packs_two .close_ico {
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 1.5rem;
    top: 4.7rem;
    background-position: 0rem -8.1rem;
}


/*搜索页面*/

.search_form {
    padding: .5rem 0;
}

.search_form p {
    position: relative;
    width: 100%;
    height: 3.4rem;
    border-radius: 5px;
    padding-right: 3.5rem;
}

.game_input {
    height: 3.4rem;
    display: block;
    padding: 0 2.5rem;
    text-align: left;
    border-radius: .3rem;
    font-size: 1.3rem;
    vertical-align: middle;
}

.search_cancel {
    position: absolute;
    right: 0;
    top: -.5rem;
    color: #f39700;
}

.search_result_ico {
    background-position: -14.6rem -6.1rem;
    position: absolute;
    z-index: 5;
    left: .5rem;
    top: 50%;
    margin-top: -.65rem;
    width: 1.5rem;
    height: 1.5rem;
}

.clear_ico {
    position: absolute;
    right: 4.7rem;
    background-position: -16.3rem -6rem;
    width: 1.6rem;
    margin-top: .4rem;
    display: none;
}

.search_result h3 {
    height: 3.35rem;
    line-height: 3.35rem;
    border-bottom: 1px solid #f7f7f7;
}

.search_game li {
    border-bottom: 1px solid #f7f7f7;
    padding: 1rem 0;
}

.search_flex img {
    width: 6rem;
    height: 6rem;
    margin-top: 5rem;
}

.search_flex a {
    color: #333;
    font-size: 1.5rem;
}


/*个人资料页面*/

.edit {
    width: 100%;
    height: 100%;
    background: #F0F0F0;
    z-index: 1;
}

.edit>div a {
    position: relative;
    height: 4.3rem;
    line-height: 4.3rem;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    font-size: 1.4rem;
    padding: 0 1.5rem;
}

.edit>div a>span {
    float: right;
    color: #999;
    width: 80%;
    text-align: right;
}
.nichen{
    height: 4rem;
}
#head_img {
    width: 3rem;
    height: 3rem;
    margin-top: .5rem;
    border-radius: 100%;
    display: block;
    overflow: hidden;
}

.edit_save {
    margin-top: 2rem;
}

.edit_save,
.edit_bj {
    height: 4rem;
    line-height: 4rem;
}
.sex_select{
    height: 4rem;
    padding-left: 85%;
}

/*设置页面*/

.set_message a {
    height: 4.3rem;
    line-height: 4.3rem;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 2.25rem;
    color: #333;
    font-size: 1.4rem;
    position: relative;
}

.set_message a:last-child {
    border-bottom: 0;
}

.set_message .msg_ico {
    background: url(/static/images/mobile/ico_1.png) 0 center no-repeat;
    background-size: 1.2rem 1.5rem;
}

.set_message .updata_ico {
    background: url(/static/images/mobile/ico_2.png) 0 center no-repeat;
    background-size: 1.4rem 1.4rem;
}

.set_message .remove_ico {
    background: url(/static/images/mobile/ico_3.png) 0 center no-repeat;
    background-size: 1.3rem 1.45rem;
}

.set_message .about_ico {
    background: url(/static/images/mobile/ico_4.png) 0 center no-repeat;
    background-size: 1.5rem 1.4rem;
}

.set_message .upPwd_ico {
    background: url(/static/images/mobile/ico_5.png) .2rem center no-repeat;
    background-size: 1rem 1.5rem;
}

.next_ico,.set_message .next_ico,
.edit .next_ico,
.tips_flex .boxItems .next_ico{
    position: absolute;
    top: 1.5rem;
    right: 0;
    background-position: 0rem -11.5rem;
    width: 1rem;
    height: 1.5rem;
}

.set_message .msg_ico .if_open {
    width: 4rem;
    height: 2rem;
    float: right;
    margin-top: 1.15rem;
}

.msg_input {
    position: absolute;
    z-index: 2;
    opacity: 0;
}

.if_open label {
    width: 4rem;
    height: 2rem;
    display: inline-block;
    background: url(/static/images/mobile/off.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.set_exit a {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
}


/*发表评论*/

.replay_box {
    margin-top: 6rem;
    padding: 0 1.5rem;
    overflow: hidden;
}

.txt_replay {
    width: 100%;
    height: 15rem;
    background-color: #fff;
    padding: 1rem;
    /*border-radius: .3rem;*/
    border-bottom: 1px solid #dbdbdb;
    font-size: 1.6rem;
}

.replay_btn {
    width: 8rem;
    height: 3rem;
    line-height: 3rem;
    float: right;
    font-size: 1.5rem;
    border-radius: .4rem;
    margin: 1rem 0;
}
.replay_box .upload {
    position: relative;
    width: 6rem;
    /*height: 5rem;*/
    padding:.5rem;
}
.replay_box .upload input {
    width: 100%;
    height: 5rem;
    display: block;
    position: absolute;
    z-index: 2;
    opacity: 0;
}
.replay_box .chat_fun {
    float: left;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.2rem;
    color: #343434;
    padding-left: 1.5rem;
}
.replay_box .progress {
    margin-left: .5rem;
    color: red;
    font-weight: 700;
    display: inline-block;
    display: none;
    width: 10rem;
    height: 1rem;
}

/*关于我们*/

.about .about_item {
    height: 4.3rem;
    line-height: 4.3rem;
    font-size: 1.4rem;
    color: #3d3d3d;
    border-bottom: 1px solid #e6e6e6;
}

.about .about_item p {
    float: left;
}

.about .about_item .b_cp {
    background: url(/static/images/mobile/email.png) 0 center no-repeat;
    background-size: 1.5rem 1rem;
    padding-left: 2rem;
}

.about .about_item .q_group {
    background: url(/static/images/mobile/q.png) 0 center no-repeat;
    background-size: 1.4rem 1.5rem;
    padding-left: 2rem;
}

.about .about_item .wechat_num {
    background: url(/static/images/mobile/w.png) 0 center no-repeat;
    background-size: 1.5rem 1.25rem;
    padding-left: 2rem;
}

.about .about_item span {
    color: #999;
    float: right;
}

.about_logo {
    margin-bottom: 20%;
}


/*绑定手机号页面*/

.bind_btn {
    width: 100%;
    background-color: #df6c7a;
    color: #fff;
    font-size: 1.6rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: .4rem;
}

.bind_phone input[type=password],
.bind_phone input[type=text] {
    width: 80%;
    background-color: #fff;
}

.bind_phone h1 {
    font-size: 1.5rem;
    line-height: 3;
}

.bind_phone p {
    width: 100%;
    height: 4rem;
    margin-bottom: 2.5rem;
    padding: 1rem;
}

.bind_phone .authCode_btn {
    top: 0;
    height: 4rem;
    line-height: 4rem;
    background-color: #999;
}


/*修改密码页面*/

.change_pwd>div label {
    display: block;
    padding-left: 15px;
    color: #3d3d3d;
    font-size: 1.5rem;
}

.change_pwd>div {
    margin: 1.5rem 0;
    font-size: 1.3rem;
}

.change_pwd>div input {
    width: 100%;
    height: 4.4rem;
    font-size: 1.4rem;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    display: block;
    outline: 0;
}

.sure_edit {
    height: 4rem;
    line-height: 4rem;
    margin-top: 3rem;
}


/*个人中心 粉丝*/

.item {
    border-bottom: 1px solid #dbdbdb;
    padding: 8px 10px 8px 15px;
}

.item .info_item {
    cursor: pointer;
    display: flex;
    width: 100%;
}

.cover {
    background-position: center center;
    background-size: auto 80%;
    display: inherit;
}

.cover img {
    border-radius: 9px;
    display: inline-block;
    height: 50px;
    width: 50px;
}

.meta {
    -moz-box-flex: 3;
    flex: 3 1 0;
    margin-left: 10px;
    padding-top: 0;
}

.meta .title {
    padding-top: .2rem;
    font-size: 1.5rem;
}

.meta .desc {
    color: #999;
    margin-top: 8px;
    text-overflow: ellipsis;
    white-space: normal;
}

.pic_game {
    -moz-box-flex: 1;
    flex: 1 1 0;
    line-height: 100%;
    margin-left: 5px;
    padding-top: 2px;
}

.pic_game span {
    float: right;
    margin-top: 10px;
    padding-right: 10px;
}

.pic_game img {
    border-radius: 3px;
    height: 25px;
    width: 25px;
}

.info_right {
    display: table-cell;
}

.info_right .next_ico {
    background-position: 0rem -11.5rem;
    width: 1rem;
    height: 1.5rem;
    margin-top: 1.3rem;
}


/*支付中心*/

.commodity_con>p,
.pay_method>a {
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 1.5rem;
}

.pay_method>a {
    display: block;
    padding: 0 0 0 4rem;
    font-size: 1.3rem;
}

.pay_method>h3 {
    background-color: #f2f2f2;
    height: 3rem;
    line-height: 3rem;
}

.wechat_pay {
    background: url(/static/images/mobile/wechat.png) 1.5rem center no-repeat;
    background-size: 2rem 2rem;
}

.pay_to,.sm_pay {
    background: url(/static/images/mobile/pay.png) 1.5rem center no-repeat;
    background-size: 2rem 2rem;
}
.jd_pay{
    background: url(/static/images/mobile/jd.png) 1.5rem center no-repeat;
    background-size: 2rem 2rem;
}
.pay_method input[type=radio] {
    float: right;
    margin: 1.2rem 1.5rem 0 0;
}

.pay_sure a {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    color: #fff;
    margin-top: 2rem;
    font-size: 1.5rem;
    border-radius: .4rem;
}


/*error页面*/

.error_img {
    display: block;
    width: 9rem;
    margin: 10rem auto 1.5rem;
}

.btn_group {
    text-align: center;
    margin-top: 8rem;
}

.btn_group a {
    display: inline-block;
    width: 30%;
    height: 3.2rem;
    line-height: 3.2rem;
    background-color: #ed614f;
    border-radius: .5rem;
    color: #fff;
}

.btn_group a.back_index {
    background-color: #448aca;
    margin-left: 4.5rem;
}

.refresh_ico {
    background-position: 0rem -13.3rem;
}

.back_ico {
    background-position: -2.2rem -13.4rem;
}
/*系统维护*/
.sys_img{
    width: 100%;
    margin:6rem auto 3rem;
}
.sys_btn{
    margin-top:1rem;
}
.sys_btn .refresh{
    width: 35%;
}
/*媒体查询*/
@media screen and (min-width: 640px) {
	.menu_nav a{
		padding-top: 8%;
	}
    .menu_nav a:nth-child(1),.menu_nav a:nth-child(2),.menu_nav a:nth-child(3),.menu_nav a:nth-child(4) {
        background-size: 31%;
    }
}
.newOpen {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
}