/*首页样式*/
.icons{background:url(/static/images/mobile/images2/w_spirit.png) no-repeat;background-size:10rem;}
.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;
    padding:0 8.5rem 0 1rem;
    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: 2rem;
    bottom: 10rem;
    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%;
    display: none;
    cursor: pointer;
}
.chat_scrollTop{
    bottom: 10rem;
}
.scrollTop.t_visible{
   display: block;
}
/*搜索*/

.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:.7rem 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;
}
/*热门游戏*/
.game-tab>a,.authCode_btn,
.code_img{
    height: 3.5rem;
    line-height: 3.5rem;
}
.game-tab{background-color:#fff;margin-top:.5rem;}
.game-tab a{color:#333;font-size:1.4rem;border-bottom:1px solid #f2f2f2;}
.game-tab>a::before{content:'';position:absolute;top:1rem;right:0;width:0;height:50%;border-right:1px solid #dedede;}
.game-tab>a:last-child::before{border-right:0;}
.game-tab>a.active{border-color:#c30d23;}
.game_ico{width: 4.5rem;}
.game_list>li,.gift_list>li,.service-list>li,.service-list2>li{
    position: relative;
    padding: 1rem 1.5rem;
    background-color: #fff;
    margin-bottom: .5rem;
    overflow: hidden;
}
.game_con {
    width: 55%;
    margin-left: 1rem;
}

.game_title {
    max-width: 67%;
}

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

.start_btn,.obtain-btn{
    width: 20%;
    height: 3rem;
    line-height: 3rem;
}
.notice-tab{padding:.8rem .5rem;}
.notice-tab>p{height:2.6rem;line-height:2.5rem;border:1px solid #c30d23;}
.notice-tab>p,.notice-tab>p>a.active{border-radius:20px;}
.notice-tab>p>a{color:#c30d23;}
.notice-tab>p>a>span{position:relative;z-index:4;}
.notice-tab>p>a.active,.service-tab>a.active{color:#fff;background-color:#c30d23;}
.notice-list>li{padding:1rem;background-color:#fff;border-bottom:1px solid #e6e6e6;}
.notice-list>li label,.gifts-list li label{color:#ffae00;border:1px solid #ffae00;border-radius:3px;padding:0 .2rem;margin-right:.3rem;}
.notice-list>li p{color:#333;width:48%;}
.notice-tab a>.bg {position:absolute;top:0;left:0;width:100%;height:2.5rem;background-color:#c30d23;border-radius: 30px;transition: left .5s ease;}
/*底部导航*/
.footerBox .boxItems.active a {
    color: #c30d23;
}
.g_ico,.comm_ico,.my_ico,.serv_ico{
    height:2.4rem;
    margin: .6rem auto 0;
}

.g_ico {
    width:2.3rem;
    background-position:0rem -2rem;
}

.comm_ico {
    width: 2.3rem;
    background-position:-2.8rem -2rem;
}
.serv_ico{
    width:2.5rem;
    background-position:-5.3rem -2rem;
}
.my_ico {
    width: 2rem;
    background-position:-8.1rem -2rem;
}
/*.footerBox .boxItems.active .g_ico {
    background-position:0rem -4.7rem;
}
.footerBox .boxItems.active .comm_ico {
    background-position:-2.7rem -4.8rem;
}
.footerBox .boxItems.active .serv_ico {
    background-position:-5.3rem -4.7rem;
}
.footerBox .boxItems.active .my_ico {
    background-position:-8.1rem -4.7rem;
}*/
/*游戏列表页面*/

.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;
}
/*礼包列表页*/
.game-gift-title{margin-left:.8rem;color:#333;line-height:54px;}
.gift_list>li{padding:1rem 1.5rem .5rem;}
.gifts-list{overflow:hidden;}
.gifts-list>li{position:relative;padding:.8rem 0;border-bottom:1px solid #e6e6e6;}
.gifts-list .gift-con{padding-right:25%;}
.obtain-btn{position: absolute;right: 0;top: 50%;margin-top: -1.5rem;}
.gift-info-txt>p{padding-left:60px;}
.detials-info-txt{margin-top:5px;}
.look-more>i{display:block;width:10px;height:6px;background-position:-1.5rem 0;margin:.2rem auto 0;}
.look-more>i.up{background-position:-2.5rem 0px;}
.hide_mask{
    position: absolute;
    width: 100.2%;
    z-index: 10;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    display: none;
}
.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.5rem;
}

.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: 2.5rem;
}

.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;
    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: 17.5rem;
    background: url(/static/images/mobile/my_bg.png) center center no-repeat;
    color: #fff;
    padding:3rem 0;
    position: relative;
}
.head_portrait {
    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;
}
.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: 13rem;
    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;
}
.set-list>li,.outlogin-btn{height:44px;line-height:44px;background-color:#fff;padding:0 .5rem;}
.set-list>li {border-bottom:1px solid #dcdcdc;}
.set-list>li:nth-last-of-type(1) { border-bottom: 0;}
.set-list>li>a{position:relative;display:block;height:44px;padding:0 10px;color:#333;}
/*.set-list>li:nth-child(odd)>a{border-bottom:1px solid #dcdcdc;}*/
.set-list>li span{float:left;font-size:16px;}
.set-list>li em{float:right;font-size:13px;}
.next-ico{position:absolute;right:10px;top:11px;width:10px;background-position:-45px 0px;}
.set-list>li span>i{display:inline-block;vertical-align:-7px;margin-right:12px;}
.acount-ico{width:2rem;height:2.6rem;background-position:0 -6.9rem;}
.edit-ico{width:2rem;height:2.6rem;background-position:-2.4rem -7.1rem}
.phone-ico{width:2rem;height:2.6rem;background-position:-5rem -7.1rem;}
.name-ico{width:2.1rem;height:2.6rem;background-position:-7.5rem -7.1rem;}
.agree-ico{width:2rem;height:2rem;background-position:0 -9.7rem;}
.down-ico{width:2rem;height:2.6rem;background-position:-2.1rem -9.5rem;}
.outlogin-btn{font-size:16px;margin-top:10px;}
/*社区页面*/

.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;
}
.detail-footer{height:45px;line-height:45px;border-color:#dbdbdb;background-color:#fff;}
.detail-footer>a{color:#333;font-size:14px;}
.detail-footer>a.intr-game{color:#fff;}
.notice-tit{padding:15px 0 10px;border-bottom:1px solid #e6e6e6;}
.notice-tit>h2{font-size:16px;font-weight:bold;}
.notice-info,.noticeInfo{padding:10px 15px;font-size:13px;line-height:1.8;}
.notice-info p{text-indent:26px;}
.notice-info img{width:60%;}
.noticeInfo img{width:100%;height:auto;}
/*游戏详情 聊吧*/
.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;
}
/*搜索页面*/
.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%;
}
/*礼包领取页面*/
.packs_two {
    display: none;
    width: 100%;
    height:100%;
    padding-bottom:50px;
    position: absolute;
    top: 0;
    overflow-y: scroll;
    background:#fff;
}

.pa_game {
    width: 100%;
    height: 20rem;
    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;
}
/*开服表*/
.service-tab>a{height:3.5rem;line-height:3.3rem;font-size:1.4rem;color:#333;border-bottom:1px solid #f2f2f2;}
.service-tab>a:first-child{border-right:1px solid #f2f2f2;}
.service-list .game_con>p{color:#f39800;}
.game-list-right{position:absolute;right:1rem;top:28%;line-height:3rem;margin-top:-1.5rem;width:44%;}
.game-list-right>.start_btn{width:46%;}
/*媒体查询*/
@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%;
    }
    .game-list-right{position:absolute;right:1.5rem;top:50%;line-height:3rem;margin-top:-1.5rem;width:44%;}
}