﻿@charset "utf-8";
/* CSS Document */
/***********
	*@Description: 公共css样式
	*@Author:poqi
	*@Update:
	*@time:(2016-10-17)
***********/
.m_box{background:#FFF}

.game_but1, .game_but1:active{display:inline-block; background:#ff9900; border-radius:5px; font-size:20px; color:#FFF; text-align:center; line-height:22px; width:100%; padding:13px 0px; cursor:pointer; transition:background 0.2s linear 0s}

/*标题*/
.hd_title{border-bottom:1px solid #e0e0e0; height:18px; line-height:16px; padding:12px 15px}
.hd_title .name{float:left; font-size:17px; color:#000}
.hd_title .line{display:inline-block; width:2px; height:13px; vertical-align:middle; margin:-4px 8px 0 0}
.hd_title .reload{float:right; font-size:13px; color:#656565}.hd_title .reload:hover, .hd_title .reload:visited{ color:#108ee9}
.hd_title .reload i{display:inline-block; background:url(../images/ic_reload.png) no-repeat; background-size:12px; width:12px; height:12px; vertical-align:middle; margin:-3px 0 0 6px}
.hd_title .bg-color01{background:#ff3813}
.hd_title .bg-color02{background:#8dc11f}
.hd_title .bg-color03{background:#f15a4a}

/*星星*/
.stars{display:inline-block; background:url(../images/mstar_grey.png) no-repeat; background-size:66px; width:66px; height:12px; line-height:12px; vertical-align:top}
.stars i{display:inline-block; background:url(../images/mstar_red.png) no-repeat; background-size:66px; height:12px; line-height:12px}			

/*加载*/
.load_more{display:block; font-size:15px; color:#626262; text-align:center; line-height:22px; padding:20px 0; vertical-align:top}
.load_more i{display:inline-block; background:url(../images/ic_add.png) no-repeat; background-size:20px; width:20px; height:20px; vertical-align:middle; margin:-2px 5px 0 0}

.inner_load_more{background:#e0e0e0; display:block; font-size:15px; color:#626262; text-align:center; line-height:52px}

/*弹出层*/
.popup_box{width:100%; position:fixed; top:0; left:0; _position:absolute; z-index:998}
.popup_box .popup_close{display:block; background:url(../images/icon_close.png) #f5a22c; background-size:33px; border-radius:0 5px 0 0; width:33px; height:33px; position:absolute; top:0; right:30px}
.popup_bg{display:none; background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; left:0; z-index:997}


/*内头部导航*/
.inner_topnav{background:#ff9900; line-height:53px; height:53px; width:100%; position:relative}
.inner_topnav .title{display:block; font-size:20px; color:#FFF; text-align:center; line-height:53px; height:53px; width:200px; margin:0 auto}
.inner_topnav .btn_back{display:block; background:url(../images/back.png) no-repeat; background-size:53px; width:53px; height:53px; position:absolute; top:0px; left:0px}
.inner_topnav .btn_quit{display:block; background:url(../images/quit.png) no-repeat; background-size:53px; width:53px; height:53px; position:absolute; top:0px; right:0px}


/*页脚*/
.foot_copy{background:#000; text-align:center; padding:18px 15px}
.foot_copy .foot_nav a{font-size:14px; color:#ccc; line-height:22px;}
.foot_copy .foot_nav .line{color:#898585; padding:0 15px}
.foot_copy .foot_info{font-size:12px; color:#888; line-height:16px; padding-top:20px}
.foot_copy .foot_info a{font-size:12px; color:#888}

/* 账号注销联系弹窗 */
.popup-bg-cancell{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:9999;
    background:rgba(0,0,0,0.6);
    display:none;
    text-align:center;
    font-size:0;
    letter-spacing:-5px;
}
.popup-bg-cancell:before{
    content:'';
    width:0;
    height:100%;
    display:inline-block;
    vertical-align: middle;
}
.popup-bg-cancell .popup-box{
    display:inline-block;
    vertical-align:middle;
    letter-spacing:normal;
    font-size:12px;
    box-sizing:border-box;
    z-index:10000;
    background:#fff;
    border-radius:0.05rem;
    padding:0 0 0.4rem;
    width:90%;
    max-width:700px;
    max-height:90%;
    overflow-y:auto;
    position:relative;
    text-align:left;
}
.popup-bg-cancell .title{
    padding:0.2rem;
    font-size:0.28rem;
    color:#333333;
    border-bottom:1px solid #e7e7e7;
}
.popup-bg-cancell .inner-box{
    padding:0.25rem 0.4rem 0;
}
.popup-bg-cancell .inner-box p,.popup-bg-cancell .inner-box p>*{
    font-size:0.22rem;
    color:#666666;
    line-height:170%;
}
.popup-bg-cancell .inner-box .copy-btn{
    color:#ff5400;
}
.popup-bg-cancell .sure-btn{
    background:#ffd600;
    display:table;
    font-size:0.24rem;
    line-height:1em;
    padding:0.16rem 0.3rem;
    border-radius:0.03rem;
    color:#333;
    margin:0.3rem auto 0;
}
.popup-bg-cancell .close{
    width: 0.35rem;
    height: 0.35rem;
    background: url(../images/close_img.png) no-repeat -1.22rem -3.01rem;
    background-size: 3rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
}
