html,body{
	height:100%;
    line-height:1.5;
    -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
body{
    background:#120e0b;color:#333;
}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p,figure{
    margin:0;font-weight:normal;
}
body,h1,h2,h3,input,button,select,textarea{
    font-family:'microsoft yahei',
    Arial,sans-serif;
    font-size:14px;
}
input,button,select,textarea{
    border:0;
    outline:0;
}
input,button,textarea,th,td,dt,dd,figure{
    padding:0;
}
button{
    cursor:pointer;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
i,em,cite{
    font-style:normal;
}
ul,ol{
    padding:0;
    list-style:none;
}
img{
    vertical-align:top;
    border:0;
}
a{
    text-decoration:none;
    color:inherit;
}
*{
    box-sizing:border-box;
}
.clearfix:after,.clearfix:before{
    content:" ";
    clear:both;
    display:table;
}
.fl{
    float:left;
    display:inline;
}
.fr{
    float:right;
    display:inline;
}
.hide{
    display:none;
}
.show{
    display:block;
}
.btn{
    opacity:.85;
}
.btn:hover{
    opacity:1;
}
.bt-welfare .contetn li.f3 a,
.bt-login .form-simplify .lr .inputbox,
.form-simplify .btn-submit,
.login_method_box .btn{
    background:url(../img/sp.png) no-repeat 0;
}
.page{
    position:relative;
    height:100%;
    min-height:840px;
    padding:1px 0 70px;
    background:no-repeat 50% 0;
}
.page .footer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    /*height:70px;*/
    text-align:center;
    color:#6b675e;
    background: #f4f4f4;
    padding: 20px 0 40px 0;
}
.game-logo{
    position:relative;
    width:330px;
    height:125px;
}
.game-logo img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
@media screen and (max-width:1450px){
    .m-sidenav{
        display:none;
    }
}
.m-sidenav{
    position:fixed;
    left:0;
    top:60px;
}
.m-sidenav .tab-hook{
    font-size:0;
    border-bottom:2px solid #a71f0e;
}
.m-sidenav .tab-hook li{
    display:inline-block;
    width:110px;
    height:42px;
    background:#513936;
    cursor:pointer;
    font-size:16px;
    line-height:42px;
    text-align:center;
    color:#bfaa97;
    border-radius:3px 3px 0 0;
}
.m-sidenav .tab-hook li.active{
    background:#a71f0e;
    color:#fff;
}
.m-sidenav .tab-panel{
    background:#fffddf;
}
.m-sidenav .tab-panel .pane{
    display:none;
}
.m-sidenav .tab-panel .pane>p{
    padding:10px 0;
    text-align:center;
}
.m-sidenav .lists{
    min-height:525px;
}
.m-sidenav .lists a{
    position:relative;
    display:block;
    height:35px;
    border-bottom:1px solid #ffe48a;
    background:#fffbb8;
    line-height:34px;
    font-size:13px;
}
.m-sidenav .lists a.now{
    background:#fff96d;
}
.m-sidenav .lists a>em{
    float:left;
    padding:0 6px;
    max-width:130px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.m-sidenav .lists a.top>em{
    padding-right:16px;
    background:url(../img/g_top.gif) no-repeat 100% 50%;
}
.m-sidenav .lists a.hot>em{
    padding-right:17px;
    background:url(../img/g_hot.gif) no-repeat 100% 50%;
}
.m-sidenav .lists a>span{
    float:right;
    width:85px;
    border-left:1px solid #ffe48a;
    text-align:center;
    color:#f33;
    overflow-y:hidden;
}
.m-sidenav .lists a>i{
    display:none;
    position:absolute;
    right:4px;top:4px;
    width:76px;
    height:26px;
    background:#008de6;
    color:#fff;
    text-align:center;
    line-height:26px;
    border-radius:3px;
}
.m-sidenav .lists a:hover{
    background:#fffddf;
}
.m-sidenav .lists a:hover>span:before{
    text-indent:-9999em;
}
.m-sidenav .lists a:hover>i{
    display:block;
}
.m-sidenav .pages{
    background:#d6c384;
    padding:8px;
    text-align:center;
}
.m-sidenav .pages>*{
    display:inline-block;
    cursor:pointer;
    margin:0 1px;
    padding:0 .5em;
    border:1px solid #b18934;
    color:#5e3c09;
    font-size:13px;
    vertical-align:middle;
    border-radius:2px;
}
.m-sidenav .pages>*.cur,.m-sidenav .pages>*.cur:hover{
    border-color:#65400a;
    background:#744c11;
    color:#fff999;
}
.wrap{
    width:1100px;
    margin:auto;
}
.bt-login{
    float:right;
    position:relative;
    width:720px;
    min-height:660px;
    background:url(../img/tg_btlogin.png) no-repeat;
    overflow:hidden;z-index:2;
}
.bt-login .form-simplify{
    margin:195px 0 0;
    width:504px;
}
.bt-login .form-simplify .tipbox{
    height:34px;
    line-height:34px;
    color:#f20;
    text-align:center;
}
.bt-login .form-simplify .lr{
    overflow:hidden;
    height:58px;
    line-height:34px;
}
.bt-login .form-simplify .lr label{
    display:none;
}
.bt-login .form-simplify .lr .inputbox{
    margin:auto;
    padding:4px 4px 4px 42px;
    width:250px;
    height:42px;
    background-position:0 0;
    overflow:hidden;
}
.bt-login .form-simplify .lr .inputbox.pwd{
    background-position:0 -42px;
}
.bt-login .form-simplify .lr .inputbox input{
    border:0;
    background:0;
    display:block;
    padding:0 10px;
    line-height:34px;
    font-size:15px;
    color:#f9e4bd;
}
.bt-login .form-simplify .btn-submit{
    display:block;
    border:0;
    margin:10px auto;
    width:185px;
    height:53px;
    background-position:0 -85px;
    overflow:hidden;
}
.login_method_box{
    margin-top:15px;
    text-align:center;
    font-size:0;
}
.login_method_box .btn{
    width:99px;
    display:inline-block;
    margin:0 5px;
    height:31px;
    text-indent:-9999em;
    overflow:hidden;
}
.login_method_box .qq_login{
    background-position:0 -138px;
}
.login_method_box .wx_login{
    background-position:0 -169px;
}
.bt-slogan{
    position:absolute;
    top:500px;
    left:60px;
    width:362px;
    height:160px;
    background:url(../img/tg_btslogan.png) no-repeat 50% 0;
}
.bt-welfare{
    float:left;
    width:370px;
    min-height:701px;
    background:url(../img/tg_btwelfare.png) no-repeat 50% 0;z-index:2;
}
.bt-welfare .game-logo{
    margin:30px auto 0;
}
.bt-welfare .contetn{
    margin:0 auto;
    width:300px;
    text-align:center;
    font-size:16px;color:#fff;
}
.bt-welfare .contetn h2{
    display:none;
}
.bt-welfare .contetn li{
    padding-top:50px;
    min-height:115px;
}
.bt-welfare .contetn li.f1 p{
    font-weight:bold;
    font-size:34px;
    line-height:1;
}
.bt-welfare .contetn li.f2 p{
    display:-webkit-box;
    margin-bottom:1em;
    min-height:4.5em;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.bt-welfare .contetn li.f2 a{
    color:#9f0;
    text-decoration:underline;
}
.bt-welfare .contetn li.f3{
    padding-top:30px;
}
.bt-welfare .contetn li.f3 a{
    display:block;
    margin:0 auto;
    width:150px;
    height:150px;
    background-position:-100px -138px;
    text-indent:-9999em;
}
.f-dialog .layui-layer-title{
    background:#a71f0e;
    color:#fff;
    font-size:16px;
    text-align:center;
}
.f-dialog .layui-layer-content{
    padding:20px 30px;
}
.f-dialog .layui-layer-setwin{
    right:0;
    top:0;
}
.f-dialog .layui-layer-setwin .layui-layer-close{
    display:block;
    width:42px;
    height:42px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAgMAAABGXkYxAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAYKBJXQyRAAAAZklEQVQY0z2QwQ2AMAhFv6eO4cVB3EwXcwdHcAg9Gs2D5DUtgfJaPmQJa9pzlDOubCvOfLITwnGDvH06AiKPIeC601iQggoBAgF6QIA+kIJAdEwJ+9wPLWFRZShMqYq3HRu0ZYfwA94nMvtid7ZGAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size:40%;
}
.m-welfare{
    position:relative;
    margin-top:-20px;
    padding-left:50px;
    font-size:16px;
    text-align:left;
}
.m-welfare:before{
    position:absolute;
    z-index:1;
    top:0;
    left:17px;
    width:2px;
    height:100%;
    background:#eee;
    content:'';
}
.m-welfare .m-art-block{
    position:relative;
    z-index:2;
}
.m-welfare .block-hd{
    position:relative;
    margin-left:-50px;
    padding:25px 0 20px 32px;
    background:#fff;
    line-height:20px;
    font-size:20px;
}
.m-welfare .block-hd:before{
    position:absolute;
    left:0;
    width:20px;
    height:20px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEUAAABERERERERERERAQEBCQkJDQ0NDQ0NDQ0NDQ0NFRUVAQEBDQ0NERERERERDQ0NERESxc8N6AAAAEHRSTlMAwECAIGDv4KCfMBCvj3BvFbjdiwAAAIFJREFUKM/t0kkOwyAQRFE3Bc3gDHX/06aRQYqj9iJK5JXfCvSZFixnSMpb3Iaxkvd9DeyqLVgru7TLIGIhCShZIlg+s50qNNL6VN7uBYRZjJIqJjMD4/zGA208K8ORGUaWxSFX/kNen9gkNydO/u7H3P3d3SoOHTnywPzYwWX1Ry+e3AoFhmvvdAAAAABJRU5ErkJggg==) no-repeat;
    background-size:cover;
    content:'';
}
.m-welfare .block-hd .more{
    float:right;
    font-size:13px;
    line-height:32px;
    font-weight:normal;
    color:#666;
}
.m-welfare .dl{
    display:flex;
    margin-bottom:5px;
}
.m-welfare .dt{
    margin-right:.5em;
    color:#888;
}
.m-welfare .dd{
    flex:1;
}
.m-tabel{
    margin:10px 0;
    border:2px solid #cb4242;
    background:#fff;
    font-size:14px;
}
.m-tabel th,.m-tabel td{
    padding:8px 12px;
    border:1px solid #f3b6b6;
}
.m-tabel th{
    border-color:#c53535;
    background:#cb4242;
    color:#fff;
    white-space:nowrap;
}
.m-tabel tbody tr:nth-child(even) td{
    background:#ffebeb;
}
.of-login{
    position:relative;
    margin:80px auto 0;
    padding-top:120px;
    width:571px;
    min-height:577px;
    background:url(../img/tg_oflogin.png) no-repeat;
}
.of-login .game-logo{
    position:absolute;
    left:50%;
    top:-40px;
    margin-left:-165px;
}
.of-login .game-rebate{
    min-height:60px;
    font-size:18px;
    color:#0072ff;
    font-weight:bold;
    text-align:center;
}
.of-login .form-simplify{
    margin:auto;
    width:420px;
}
.of-login .form-simplify .tipbox{
    height:40px;
    color:#f20;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
.of-login .form-simplify .lr{
    overflow:hidden;
    height:60px;
    line-height:40px;
}
.of-login .form-simplify .lr label{
    float:left;
    margin-right:1em;
    width:100px;
    text-align:right;
    font-size:18px;
    font-weight:bold;
    color:#332;
}
.of-login .form-simplify .lr .inputbox{
    float:left;
    margin-right:1em;
    width:260px;
    height:40px;
    border:1px solid #e8d8b7;
    background:#fff;
    overflow:hidden;
    border-radius:4px;
}
.of-login .form-simplify .lr .code-box{
    width:135px;
}
.of-login .form-simplify .lr .verify_img{
    float: left;
    width: 108px;
    height: 38px;
    cursor: pointer;
}
.of-login .form-simplify .lr .inputbox input{
    border:0;
    background:0;
    display:block;
    padding:0 12px;
    line-height:38px;
    font-size:16px;
    color:#333;
}
.of-login .form-simplify .btn-submit{
    display:block;
    border:0;
    margin:10px auto 30px;
    width:227px;
    height:68px;
    background-position:0 -300px;
    overflow:hidden;
}
/*渠道账号登录提示框样式*/
.login-tips-shade{
    color: #000;
    position: fixed;
    height: 3000px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.6);
}
.login-tips-con{
    width: 360px;
    height: 160px;
    background: #fff;
    margin: 300px auto auto auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.1), 0 0 16pc hsla(0,0%,100%,.3);
    border: 5px solid hsla(0,0%,100%,.2);
}
.login-tips-title{
    margin: 0;
    font-size: 16px;
    line-height: 1.428571429;
    min-height: 16.43px;
    padding: 5px 10px 10px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    cursor: default;
    border-bottom: 1px solid #e5e5e5;
}
.login-tips-close{
    opacity: .2;
    padding: 0 4px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}
.login-tips-text{
    width: auto;
    font-size: 14px;
    color: #666;
    padding: 20px 10px 40px 10px;
}
.login-tips-text a{
    color:red;
    text-decoration: underline;
}
.login-tips-btn{
    padding: 6px 9px;
    margin-right: 20px;
    background: #03b4f5;
    color: #fff !important;
    border-radius: 4px;
    border: none;
}
.login-tips-btn:hover{
    background: #2ec5fc;
}