/* ============================================================
   frontend_touch.css - 前台移动端统一公共样式
   主题色：绿色 #1F9683（参考会员中心配色）
   ============================================================ */

/* -------- 全局重置 -------- */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei",tahoma,arial,sans-serif;color:#666;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding-left:10px;}
img{border:none;}
input,label,img,td,th{vertical-align:middle;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#666;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s;}
a:hover{text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body{background:#f6f6f6;font-family:"Microsoft YaHei","PingFang SC",sans-serif;}

/* -------- 顶部导航 -------- */
.header{position:fixed;overflow:hidden;top:0;width:100%;max-width:750px;margin:0 auto;height:48px;line-height:48px;font-size:14px;color:#fff;text-align:center;background-color:#1F9683;border-bottom:solid 1px #1F9683;z-index:100;}
.header h4{float:left;padding-left:15px;height:48px;line-height:48px;font-size:20px;}
.header h4.index{float:left;padding-left:15px;height:48px;line-height:48px;font-size:20px;}
.header a{position:absolute;top:13px;left:10px;width:26px;height:26px;line-height:26px;}
.header a.pic{left:initial;right:10px;background:url(../images/userpic.png) no-repeat center;background-size:90%;}
.header a.pic img{width:26px;height:26px;border-radius:13px;}
.header a.guize{left:initial;right:10px;background:url(../images/guize.png) no-repeat center;background-size:100%;width:30px;height:30px;line-height:30px;}
.header a.home{left:initial;right:10px;}
.header a.order{left:initial;right:50px;}
.header a i{color:#fff;font-size:26px;}
.header .user-btn{position:absolute;right:10px;top:0;line-height:48px;color:#fff;font-size:13px;padding:0 10px;}
.header .login-btn{position:absolute;right:10px;top:8px;color:#fff;text-decoration:none;font-size:13px;padding:4px 12px;background:rgba(255,255,255,0.2);border-radius:15px;}

/* -------- 主容器 -------- */
.main{width:100%;height:100%;max-width:750px;margin:0 auto;-webkit-overflow-scrolling:touch;}
.scroll_box{position:relative;max-width:750px;margin:49px auto 0;background:#f6f6f6;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.scroll_box iframe{border:none;}

/* -------- 首页幻灯片 -------- */
.slide{position:relative;padding:10px;}
.slide .tempWrap{border-radius:5px;}
.slide .bd{min-height:150px;background:#FFF url(../images/onLoad.gif) center no-repeat;}
.slide .bd li{display:none;}
.slide .bd li img{width:100%;}
.slide .hd{position:absolute;left:0;bottom:15px;right:0;text-align:center;}
.slide .hd li{width:10px;height:10px;margin:0 5px;border-radius:10px;display:inline-block;text-indent:-999px;background-color:#888;overflow:hidden;}
.slide .hd li.on{background-color:#ff4000;}

/* -------- 公告 -------- */
.m_ann{position:relative;overflow:hidden;height:30px;line-height:30px;padding:0 1%;background-color:#fff;margin:10px 10px;border-radius:5px;}
.m_ann i{float:left;width:6%;font-size:20px;color:#1F9683;}
.m_ann marquee{float:right;width:94%;}
.m_ann em{color:#1F9683;}

/* -------- 首页功能菜单（三合一） -------- */
.min_nav{position:relative;overflow:hidden;height:50px;background-color:#fff;}
.min_nav a{display:block;float:left;width:20%;height:50px;font-size:13px;text-align:center;}
.min_nav a i{display:block;font-size:22px;height:26px;}
.min_nav a:hover{background-color:#e8e8e8;}
.min_nav a.n1{color:#f00;}
.min_nav a.n2{color:#2ea200;}
.min_nav a.n3{color:#085797;}
.min_nav a.n4{color:#dc6700;}
.min_nav a.n5{color:#e41db8;}
.min_nav a.n6{color:#f29100;}
.min_nav a.money{color:#1F9683;}
.min_nav a.money i{color:#f3be00;}

/* -------- 快捷导航条（彩色按钮） -------- */
.min_nav_new{padding:10px;box-sizing:border-box;display:flex;width:100%;text-align:center;}
.min_nav_new div{color:#fff !important;padding:10px;flex:1;font-size:14px;}
.min_nav_new div a{color:#fff !important;}
.min_nav_new div i{display:block;font-size:20px;}
.min_nav_new .cz{background:#f29100;border-radius:10px 0 0 10px;}
.min_nav_new .tx{background:#18b566;}
.min_nav_new .kf{border-radius:0 10px 10px 0;background:#dd6161;}

/* -------- 游戏菜单（首页游戏大厅） -------- */
.m_nva{margin:10px;width:calc(100% - 20px);height:auto;box-sizing:border-box;background:#fff;border-radius:8px;}
.m_nva ul{position:relative;overflow:hidden;padding-bottom:15px;padding-top:15px;}
.m_nva ul li{position:relative;overflow:hidden;width:50%;float:left;padding:5px 0;}
.m_nva.two ul li{width:50%;}
.m_nva ul li a.a,.m_nva ul li a:hover{background-color:#fbfbfb;color:#1F9683;}
.m_nva ul li a{padding:0 5px 0 10px;height:55px;display:block;}
.m_nva ul li a .img{float:left;height:35px;width:35px;margin-top:10px;border-radius:50%;}
.m_nva ul li a .content{float:left;display:inline-block;font-size:14px;padding:7.5px 0 7.5px 5px;}
.m_nva ul li a .content p{height:20px;line-height:20px;color:#000;font-weight:bold;}
.m_nva ul li a .content .qishu{font-size:12px;color:#1F9683;height:20px;line-height:20px;}
.m_nva ul li a span{position:absolute;top:10px;left:50%;margin-left:-41px;width:83px;height:83px;background:url(../images/index_app.png?2020) center no-repeat;background-position:0px 0px;padding:0;text-indent:-200px;overflow:hidden;}
.m_nva ul li a.nav_fantan span{background-position:-84px -168px;}
.m_nva ul li a.nav_game_1 span{background-position:-84px 0px;}
.m_nva ul li a.nav_game_2 span{background-position:-168px 0px;}
.m_nva ul li a.nav_game_3 span{background-position:0px -86px;}
.m_nva ul li a.nav_game_4 span{background-position:-84px -86px;}
.m_nva ul li a.nav_game_5 span{background-position:-168px -86px;}
.m_nva ul li a.nav_game_6 span{background-position:0px 0px;}
.m_nva ul li a.nav_game_7 span{background-position:-84px 0px;}
.m_nva ul li a.nav_game_8 span{background-position:-168px 0px;}
.m_nva ul li a.nav_game_9 span{background-position:-84px -86px;}
.m_nva ul li a.nav_game_10 span{background-position:-168px -86px;}
.m_nva ul li a.nav_game_11 span{background-position:0px -258px;}
.m_nva ul li a.nav_game_12 span{background-position:-168px -172px;}
.m_nva ul li a.nav_game_19 span{background-position:-168px -342px;}
.m_nva ul li a.nav_game_20 span{background-position:-167px -257px;}
.m_nva ul li a.nav_game_21 span{background-position:-84px -430px;}
.m_nva ul li a.nav_game_24 span{background-position:-168px -342px;}
.m_nva ul li a.nav_rules span{background-position:0px -170px;}
.m_nva ul li a.nav_app span{background-position:-84px -170px;}

/* -------- 首页用户头部区域 -------- */
.user-header{background:linear-gradient(135deg,#20a88a,#1F9683);color:#fff;padding:12px 15px;display:flex;align-items:center;}
.user-header .avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid rgba(255,255,255,0.5);}
.user-header .user-info{flex:1;}
.user-header .user-info h4{font-size:14px;margin:0;color:#fff;}
.user-header .user-info span{font-size:12px;opacity:0.8;}
.user-header .member-btn{color:#fff;text-decoration:none;font-size:13px;padding:5px 10px;background:rgba(255,255,255,0.2);border-radius:15px;}

/* -------- Banner -------- */
.banner{padding:10px 15px;background:#fff;}
.banner img{width:100%;border-radius:8px;max-height:160px;object-fit:cover;}

/* -------- 公告条（首页内嵌） -------- */
.announcement{background:#fff;margin:8px 15px;padding:8px 12px;border-radius:6px;font-size:13px;border-left:3px solid #1F9683;}
.announcement i{color:#1F9683;margin-right:5px;}

/* -------- 首页快捷导航（emoji图标版） -------- */
.quick-nav{display:flex;justify-content:space-around;padding:10px 15px;background:#fff;margin:0 15px;border-radius:8px;}
.quick-nav a{text-align:center;color:#333;text-decoration:none;font-size:13px;}
.quick-nav a .icon{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin:0 auto 5px;font-size:18px;}
.quick-nav .cz .icon{background:#fff0e8;color:#f29100;}
.quick-nav .tx .icon{background:#e8f8f0;color:#18b566;}
.quick-nav .kf .icon{background:#e8f5f5;color:#1F9683;}

/* -------- 游戏列表项 -------- */
.game-list{padding:10px 15px;}
.game-list h3{font-size:15px;margin-bottom:10px;color:#555;}
.game-item{background:#fff;border-radius:8px;margin-bottom:10px;overflow:hidden;display:flex;padding:12px;}
.game-item img{width:60px;height:60px;border-radius:8px;margin-right:12px;}
.game-item .info{flex:1;}
.game-item .info h4{font-size:15px;margin:0 0 4px;}
.game-item .info p{font-size:12px;color:#999;margin:0;}
.game-item .info .qishu{color:#1F9683;font-weight:bold;}
.game-item .enter{display:flex;align-items:center;}
.game-item .enter a{background:#1F9683;color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:13px;}
.no-game{text-align:center;padding:30px;color:#999;}

/* -------- 登录注册 -------- */
.main .login_box,.main .reg_box{position:relative;width:90%;margin:5%;padding-top:10px;}
.login_box .form_div li .inputxt.name{padding-left:30px;background:#FFF url(../images/user.png) no-repeat 6px 10px;}
.login_box .form_div li .inputxt.pwd{padding-left:30px;background:#FFF url(../images/pwd.png) no-repeat 6px 10px;}
.login_box .form_div li .inputxt.yzm{padding-left:30px;background:#FFF url(../images/yzm.png) no-repeat 6px 10px;}
.login_box .submit a.pwd{position:absolute;right:0;bottom:0;}
.page-full{height:100%;overflow:hidden;}

/* -------- 表单通用 -------- */
.form_div ul li{margin-bottom:15px;position:relative;}
.form_div li .inputxt{display:block;width:100%;height:42px;line-height:42px;padding-left:10px;background:#fff;line-height:36px;font-size:14px;border:1px solid #dadada;color:#444;border-radius:5px;box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;box-sizing:border-box;}
.form_div input.radio,.form_div input.checkbox{height:18px;width:18px;}
.form_div li span.title{margin-left:0px;color:#666;font-size:14px;}
.form_div li strong{display:inline-block;line-height:22px;}
.form_div .input-text{height:36px;padding-left:10px;background:#fff;line-height:36px;font-size:14px;border:1px solid #dadada;box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;color:#444;width:200px;}
.form_div input.date{background:#FFF url(../images/input_date.png) no-repeat right 10px;}
.form_div .button{*margin-left:-3px;width:160px;height:38px;line-height:38px;font-size:12px;color:#666;text-align:center;border:solid 1px #DADADA;background:#F0F0F0;vertical-align:middle;cursor:pointer;}
.form_div .button:hover{border:solid 1px #002CFF;background:#647FFF;color:#FFF;}
.form_div .code{display:block;position:absolute;right:2px;top:4px;width:84px;height:34px;padding-left:6px;border-left:1px solid #d7d7d7;z-index:999;}
.submit{overflow:hidden;position:relative;padding-top:20px;border-top:1px solid #1F9683;}
.submit a{display:block;margin-top:10px;font-size:14px;font-weight:600;}
.submit input{background:#1F9683;width:100%;height:40px;display:inline-block;border:none;cursor:pointer;color:#FFF;font-size:16px;border-radius:5px;margin:0 auto;}
.submit input:hover{background:#18b566;}
.form_div .tp-btn{display:block;position:absolute;right:6px;top:6px;width:52px;height:32px;z-index:999;border-radius:15px;}
.form_div .tp-btn.btn-off,.form_div .tp-btn.btn-on{background:url(../images/pw.png);background-position:0px 0px;background-size:100%;}
.form_div .tp-btn.btn-on{background-position:0px -35px;}
.form_div li strong{display:block;text-align:center;margin-top:10px;}

/* -------- 会员中心 -------- */
.user_box .form_div img.pic{display:block;cursor:pointer;width:60px;height:60px;margin:30px auto;background-color:#e4e4e4;border-radius:30px;}
.user_box{position:relative;width:90%;margin:0;padding:5%;color:#666;}
.user_box .user_pic{margin-bottom:20px;}
.user_box .user_pic img{display:block;width:100px;margin:10px auto;background-color:#e4e4e4;border-radius:50px;}
.user_box .user_pic h4{color:#000;text-align:center;}
.user_box .user_nav{position:relative;overflow:hidden;}
.user_box .user_nav a{display:block;height:40px;line-height:40px;background-color:#fff;color:#000;margin:10px 0;padding:0 10px;font-size:15px;border-radius:5px;}
.user_box .user_nav :hover{background-color:#e8e8e8;}
.user_box .user_nav a i{font-size:24px;margin-right:10px;color:#1F9683;vertical-align:middle;}
.user_box .user_btn{margin:10px 0;}
.user_box .user_btn a{display:block;background:#fff;width:100%;height:40px;line-height:40px;text-align:center;cursor:pointer;color:#333;font-size:16px;margin:10px auto;border-radius:5px;}
.user_box .user_btn a:hover{background:#1F9683;color:#fff;}

/* -------- 密码显示/隐藏 -------- */
.password_two .inputxt.pwd{padding-left:30px;background:#FFF url(../images/pwd.png) no-repeat 6px 10px!important;}
.reg_box .form_div li .inputxt.name{padding-left:30px;background:#FFF url(../images/user.png) no-repeat 6px 10px;}

/* -------- 底部通用 -------- */
.footer{position:fixed;bottom:0;width:100%;max-width:750px;margin:0 auto;overflow:hidden;height:48px;text-align:center;background-color:#fff;}
.footer a.game_btn{display:block;color:#fff;width:80%;height:38px;margin:4px auto;line-height:38px;font-size:15px;background-color:#1F9683;border:solid 1px #18b566;border-radius:19px;}
.footer a.game_btn.a{color:#fff;background-color:#18b566;border:solid 1px #1F9683;}

/* -------- 底部导航菜单（统一风格） -------- */
.footer.menu{max-width:750px;margin:0 auto;height:60px;}
.footer a.foot_btn{position:relative;display:block;float:left;color:#999;width:25%;height:30px;line-height:30px;padding-top:30px;font-size:14px;}
.footer a.foot_btn.a,.footer a.foot_btn:hover{color:#1F9683;}
.footer a.foot_btn i{position:absolute;display:block;width:100%;top:5px;font-size:24px;}

/* -------- 加载层 -------- */
.load_tps{position:absolute;top:0;left:0;z-index:20000002;background:#fff url(../images/loading.gif) center center no-repeat;width:100%;height:100%;padding-top:0;text-align:center;}

/* -------- 表格列表 -------- */
.table{overflow:hidden;}
.table .hd{position:relative;background:#f6f6f6;overflow:hidden;}
.table .hd .count{padding:5px 0 5px 8px;font-size:14px;border-bottom:1px solid #f6f6f6;}
.table .hd .title{display:none;padding:5px 0;text-align:center;}
.table .hd .title input.input-text{height:32px;padding-left:5px;background:#fff;font-size:13px;border:1px solid #dadada;color:#444;width:40%;margin-right:5px;box-sizing:border-box;border-radius:3px;}
.table .hd .title button{height:32px;line-height:32px;background:#1F9683;color:#fff;border:none;padding:0 15px;font-size:14px;border-radius:3px;}
.table .hd a.search{position:absolute;top:8px;right:8px;display:block;width:26px;height:26px;background:url(../images/pw.png) no-repeat center;background-size:100%;}
.table .list{overflow:hidden;}
.table .list ul{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #e8e8e8;padding:8px 10px;}
.table .list ul li{float:left;font-size:14px;height:22px;line-height:22px;color:#000;}
.table .list ul li.w30{width:30%;}.table .list ul li.w33{width:33%;}.table .list ul li.w50{width:50%;}.table .list ul li.w70{width:70%;}
.table .list ul li.tl{text-align:left;}.table .list ul li.tr{text-align:right;}
.table .list ul li.state{font-weight:700;}
.table .list ul li.time{color:#888;}
.table .list ul li.val{text-align:left;color:red;font-weight:700;font-size:18px;}
.table .list ul li.f12{font-size:12px;color:#888;}
.table .list ul li.msg{width:100%;text-align:left;font-size:13px;color:#f60;}
.table .list ul li.btn{width:100%;text-align:right;margin-top:5px;}
.table .list ul li.btn a{display:inline-block;padding:3px 15px;background:#1F9683;color:#fff;font-size:13px;border-radius:3px;}
.table .list ul li.qishu{font-weight:700;color:#755542;}
.table .list ul li.hm_list{width:100%;text-align:center;overflow:hidden;padding:5px 0;}
.table .list ul li.hm_list i{display:inline-block;font-style:normal;margin:0 2px;padding:0 6px;min-width:18px;height:22px;line-height:22px;text-align:center;font-size:13px;color:#fff;background:orange;border-radius:11px;}
.table .list ul li.line{width:100%;text-align:center;overflow:hidden;padding:2px 0;font-size:13px;}
.table .list ul li.line span{margin:0 3px;}
.no-data{text-align:center;padding:40px 0;color:#aaa;font-size:15px;}
.onload{height:40px;background:url(../images/onLoad.gif) center center no-repeat;}

/* -------- 充值支付 -------- */
.pay_ewm{padding:10px;text-align:center;}
.pay_ewm h4{font-size:16px;padding:10px 0;color:#000;}
.pay_ewm p.payid{font-size:24px;font-weight:700;color:red;padding:5px 0;}
.pay_ewm .ewm{overflow:hidden;padding:10px 0;}
.pay_ewm .ewm ul li{display:none;text-align:center;}
.pay_ewm .ewm ul li.a{display:block;}
.pay_ewm .ewm ul li img{width:180px;height:180px;}
.pay_ewm .btn{overflow:hidden;padding:10px 0;}
.pay_ewm .btn a{display:inline-block;padding:5px 15px;margin:0 3px;background:#f2f2f2;border:1px solid #ddd;font-size:14px;color:#333;border-radius:3px;}
.pay_ewm .btn a.a{background:#1F9683;color:#fff;border-color:#1F9683;}

/* -------- 提示 -------- */
.tps{width:88%;padding:0 5% 20px;font-size:14px;color:#666;}
.tps h4{margin:10px 0 5px;font-size:15px;color:#000;}
.tps p{font-size:13px;line-height:22px;color:#888;}

/* -------- 弹窗 -------- */
.mengban{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#909399;opacity:.5;z-index:200;}
.pop_box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:15px;z-index:201;max-width:90%;}
.pop_box .pop_title{width:100%;text-align:center;font-size:18px;padding:5px 0 10px;font-weight:700;}
.pop_box .pop_input{width:100%;padding:5px 0;}
.pop_box .pop_input span{display:inline-block;width:60px;font-size:14px;}
.pop_box .pop_input input[type="text"],.pop_box .pop_input input[type="number"],.pop_box .pop_input input[type="password"]{padding:5px 8px;border:1px solid #dadada;border-radius:4px;font-size:14px;width:calc(100% - 70px);}
.pop_box .pop_input input[type="radio"]{margin:0 3px 0 8px;}
.pop_btn_row{width:100%;display:flex;justify-content:space-around;padding:10px 0;}
.cancel_btn{width:80px;height:32px;line-height:32px;border:1px solid #fa3534;border-radius:5px;text-align:center;color:#fa3534;cursor:pointer;font-size:14px;}
.confirm_btn{width:80px;height:32px;line-height:32px;border:1px solid #3c9cff;border-radius:5px;text-align:center;background:#fff;color:#3c9cff;cursor:pointer;font-size:14px;}

/* -------- 日期/游戏选择弹窗 -------- */
._problemBox{display:none;}
._problemBox .blackBg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:300;}
._problemBox .moreLayer{position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:301;border-radius:12px 12px 0 0;}
._problemBox .moreLayer ul{list-style:none;margin:0;padding:0;}
._problemBox .moreLayer ul li{height:44px;line-height:44px;text-align:center;font-size:16px;border-bottom:1px solid #e8e8e8;cursor:pointer;}
._problemBox .moreLayer ul li:hover{background:#f6f6f6;}
._problemBox .moreLayer ul:last-child li{border-bottom:none;color:#fa3534;margin-bottom:10px;}

/* -------- 头像设置 -------- */
.user_box .form_div .filetps{display:block;width:100%;text-align:center;color:#888;font-size:13px;}
.user_box .form_div .defaultpic{overflow:hidden;padding:10px 0;}
.user_box .form_div .defaultpic h6{width:100%;text-align:center;font-size:14px;color:#666;margin:8px 0;}
.user_box .form_div .defaultpic img{float:left;width:45px;height:45px;margin:4px;background:#e4e4e4;border:2px solid #fff;cursor:pointer;border-radius:5px;}
.user_box .form_div .defaultpic img.a,.user_box .form_div .defaultpic img:hover{border-color:#1F9683;}
input[type="file"]{display:none;}
.user_box .form_div *.pic{cursor:pointer;}

/* -------- APP页面 -------- */
.app_box{text-align:center;padding:30px 20px;}
.app_box h4{font-size:16px;color:#333;line-height:30px;}
.app_box .signup .link .btn a{display:block;width:200px;margin:15px auto;height:44px;line-height:44px;text-align:center;font-size:16px;color:#fff;border-radius:22px;}
.app_box .signup .link .btn a.android{background:#4CAF50;}
.app_box .signup .link .btn a.ios{background:#2196F3;}
.app_box .signup .link .btn.pc a{background:#1F9683;}
.app_box .signup .link .m{display:none;color:#f60;font-size:13px;line-height:22px;margin-top:10px;}

/* -------- 号码显示颜色 -------- */
.haoma-ball{display:inline-block;width:28px;height:28px;line-height:28px;border-radius:50%;background:#1F9683;color:#fff;text-align:center;margin:2px;font-size:12px;font-weight:bold;}
.table .list ul li.hm_list i.haomas{width:24px;height:24px;line-height:24px;border-radius:12px;font-size:12px;margin:0 2px;}
i.hmbg0{background:#2196F3;}i.hmbg1{background:#f44336;}i.hmbg2{background:#4CAF50;}
i.hmbg3{background:#FF9800;}i.hmbg4{background:#9C27B0;}i.hmbg5{background:#00BCD4;}
i.hmbg6{background:#E91E63;}i.hmbg7{background:#3F51B5;}i.hmbg8{background:#607D8B;}i.hmbg9{background:#795548;}

/* -------- 大小单双龙虎 -------- */
.dxd,.lhl{display:inline-block;color:#f44336;font-weight:700;margin:0 2px;}
.dxx,.lhh{display:inline-block;color:#2196F3;font-weight:700;margin:0 2px;}
.dsd{display:inline-block;color:#4CAF50;font-weight:700;margin:0 2px;}
.dss{display:inline-block;color:#FF9800;font-weight:700;margin:0 2px;}
.lhhe{display:inline-block;color:#795548;font-weight:700;margin:0 2px;}

/* -------- 号码走势导航 -------- */
.sethaoma{overflow:hidden;padding:8px 0;text-align:center;}
.sethaoma a{display:inline-block;padding:3px 10px;margin:0 3px;font-size:13px;border-radius:3px;background:#f0f0f0;color:#666;}
.sethaoma a.a{background:#1F9683;color:#fff;}
.table .hd a.load{display:inline-block;margin-left:10px;font-size:12px;color:#3c9cff;}

/* -------- 滚动底部留白 -------- */
.scroll-area{padding-bottom:65px;}

/* -------- 会员信息卡片 -------- */
.user_boxs{margin:10px;background:#fff;border-radius:8px;overflow:hidden;}
.user_info{display:flex;padding:10px;align-items:center;}
.user_info img.pic{width:50px;height:50px;border-radius:25px;background:#e4e4e4;margin-right:10px;flex-shrink:0;}
.user_info ul.content{flex:1;font-size:13px;color:#666;}
.user_info ul.content li{line-height:20px;}
.user_info ul.content li span{display:inline-block;width:50%;}
.user_btns{display:flex;flex-wrap:wrap;padding:0 10px 10px;}
.user_btns a.btn{display:inline-block;margin:3px 5px;padding:3px 12px;font-size:12px;border-radius:3px;text-align:center;color:#fff;}
.user_btns a.col1{background:#f29100;}.user_btns a.col2{background:#18b566;}
.user_btns a.col3{background:#3c9cff;}.user_btns a.col4{background:#dc6700;}

/* -------- 报表 -------- */
.total-log{box-sizing:border-box;padding:0 8px;width:100%;font-size:13px;background:#f6f6f6;margin-bottom:10px;margin-top:5px;}
.total-table{width:100%;text-align:center;border-color:#69594c;border-collapse:collapse;font-size:13px;}
.total-table tr th,.total-table tr td{border-bottom:1px solid #ccc;padding:8px 5px;}
.total-table th{background:#EAEAEA;color:#000;font-weight:700;}
.total-table td{color:#000;}
.uname{display:flex;line-height:35px;list-style:none;padding:0;margin:0;}
.uname li{flex:1;padding:0 4px;font-size:12px;}
.uname li:nth-child(2n+1){background:#d8d8d8;}
.m-cell{margin-top:55px;padding:10px;background:#f6f6f6;}
.cell-item{display:flex;align-items:center;height:40px;font-size:14px;background:#fff;padding:0 10px;border-bottom:1px solid #e8e8e8;position:relative;}
.cell-left{flex-shrink:0;color:#666;}
.cell-right{flex:1;text-align:right;color:#000;display:flex;justify-content:flex-end;align-items:center;}
.cell-right input.cell-input{border:none;text-align:right;font-size:14px;color:#000;background:none;width:100%;}
.btn-block{display:block;width:95%;margin:15px auto;height:40px;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;}
.b-blue{background:#3c9cff;}

/* -------- 分页 -------- */
#pages{width:auto;height:24px;margin:0 auto;padding:10px;text-align:right;}
#pages a{display:inline-block;width:26px;height:22px;line-height:22px;background:#1F9683;border:1px solid #1F9683;text-align:center;color:#fff;}
#pages a.a1{background:#1F9683;width:56px;}
#pages a:hover{background:#18b566;border:1px solid #18b566;color:#FFF;text-decoration:none;}
#pages span{display:inline-block;width:26px;height:22px;line-height:22px;background:#18b566;border:1px solid #18b566;color:#fff;text-align:center;}

/* ============================================================
   投注页面专用样式
   ============================================================ */

/* 投注页头部 */
.game-header{background:#fff;padding:10px 15px;display:flex;align-items:center;height:49px;border-bottom:1px solid #eee;position:fixed;top:0;left:0;right:0;max-width:750px;margin:0 auto;z-index:999;}
.game-header .back{color:#333;text-decoration:none;font-size:20px;padding-right:10px;}
.game-header h4{flex:1;text-align:center;font-size:18px;font-weight:bold;color:#333;}
.game-header .order-btn{color:#1F9683;text-decoration:none;font-size:20px;padding-left:10px;}

/* 游戏主面板 */
#game_panel{margin-top:49px;}
.game_panel_header{background:#fff;margin-bottom:10px;padding:10px;}
.game_panel_header .content{font-size:15px;padding:10px 0;}
.game_panel_header .content #qishu_now{color:red;font-weight:bold;padding-right:5px;}
.game_panel_header .content #qishu_now i{font-style:normal;}
.game_panel_header .haoma{padding:10px 0;display:flex;}
.game_panel_header .haoma > span{flex:1;text-align:center;}
.game_panel_header .haoma i{width:33px;height:33px;line-height:33px;border-radius:33px;margin:0 auto;display:block;text-align:center;font-style:normal;font-weight:bold;color:#fff;font-size:14px;}
.game_panel_header .history{padding:15px 5px 20px 5px;font-size:16px;font-weight:bold;border-bottom:1px solid #efefff;line-height:25px;min-height:25px;}
.game_panel_header .history span{float:left;padding-right:5px;}
.game_panel_header .next_panel{padding:10px 0 0;height:35px;line-height:35px;display:flex;}
.game_panel_header .next_panel #qishu_next{color:red;}
.game_panel_header .next_panel li{flex:1;text-align:center;font-size:15px;}
.game_panel_header .next_panel li span{font-weight:bold;font-size:15px;}

/* 号码球颜色（投注页） */
.haomas{width:27px;height:27px;border-radius:27px;color:#fff;text-align:center;line-height:27px;font-size:14px;display:inline-block;font-style:normal;font-weight:bold;}
.hmbg1_bet{background:#fff700;color:#333;}.hmbg2_bet{background:#008cfa;}.hmbg3_bet{background:#4d4d4d;}
.hmbg4_bet{background:#ff7022;}.hmbg5_bet{background:#00fffb;color:#333;}.hmbg6_bet{background:#4224f8;}
.hmbg7_bet{background:#999999;}.hmbg8_bet{background:#ff001a;}.hmbg9_bet{background:#790007;}.hmbg10_bet{background:#32c533;}
.jieguo{background:#fa3534;font-weight:bold;}

/* 游戏内容区 */
.game_panel_content{background:#fff;}
.wanfa_nav{box-sizing:border-box;width:100%;overflow:hidden;height:45px;font-size:16px;}
.wanfa_nav.scroll{position:relative;}
.wanfa_nav ul{height:43px;}
.wanfa_nav.scroll ul{width:auto;position:absolute;left:0;top:0;}
.wanfa_nav ul li{height:43px;line-height:43px;}
.wanfa_nav ul li.fantan{width:33.3%;float:left;text-align:center;}
.wanfa_nav ul li a{display:inline-block;margin:0 auto;cursor:pointer;color:#666;}
.wanfa_nav ul li a.on{color:#1F9683;font-weight:bold;border-bottom:2px solid #1F9683;box-sizing:border-box;}
.wanfa_list{padding:20px 10px;}
.wanfa_list .btn1{background:#fff;color:#000;border:1px solid #dfdfdf;border-radius:5px;box-sizing:border-box;padding:8px;font-size:13px;display:inline-block;text-align:center;float:left;width:21%;margin:1.5% 2%;cursor:pointer;}
.wanfa_list .btn1 b{font-size:14px;display:block;width:100%;height:0.4rem;line-height:0.4rem;font-weight:bold;}
.wanfa_list .btn1 .odds1{font-size:12px;font-weight:normal;color:red;}
.wanfa_list .btn1.on{background:#1F9683;color:#fff;}
.wanfa_list .btn1.on .odds1{color:#fff;}
.btn_panel{width:90%;margin:0 auto;padding:10px 0 35px;display:flex;}
.btn_panel .btns{border:1px solid #dfdfdf;border-radius:8px;height:40px;line-height:40px;text-align:center;cursor:pointer;flex:1;font-size:15px;}
.chongzhi{background:#fff;color:#333;}
.touzhus{margin-left:8px;background:#1F9683;color:#fff;}

/* 封盘遮罩（由 game.css 接管绝对定位，仅覆盖投注区域） */
#stop_game{display:none;}

/* 投注弹窗 */
#touzhu_panel{height:100%;width:100%;position:fixed;background:rgba(0,0,0,0.6);z-index:10000;top:0;left:0;display:none;}
.touzhu_content{border-radius:8px 8px 0 0;background:#fff;position:fixed;bottom:0;left:0;width:100%;padding:0px 11px 33px;color:#303133;box-sizing:border-box;font-size:15px;max-width:750px;}
.touzhu_content .qrtitle{width:100%;text-align:center;padding:22px 0;font-weight:600;font-size:15px;}
.touzhu_content .mt20{margin-top:20px;}
.touzhu_content .u-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;}
.touzhu_content .price{padding:0px 4px;font-size:13px;flex:1;text-align:center;}
.touzhu_content .chouma{background:#f5f5f5;border:1px solid #ddd;border-radius:5px;padding:8px 0;cursor:pointer;font-weight:bold;font-size:15px;}
.touzhu_content .chouma:active{background:#1F9683;color:#fff;}
.touzhu_content .shurukuan{display:flex;align-items:center;gap:10px;}
.touzhu_content .zhudan_panel{font-size:14px;white-space:nowrap;}
.touzhu_content .zhudan{display:inline;color:red;font-weight:bold;}
.touzhu_content .input_panel{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:15px;text-align:center;}
.touzhu_content .btn_panel{width:100%;margin:0;}
.touzhu_content .clearmoney{background:#f5f5f5;color:#666;}
.touzhu_content .submittouzhu{background:#1F9683;color:#fff;margin-left:8px;}

/* 右侧抽屉（风格统一到 game.css 的 drawer-item 体系） */
#paneldrawer{display:none;}
.paneldrawer{background:#fff;position:fixed;z-index:10000;right:0;top:0;}
.paneldrawer .drawer-list{padding:0;}
.paneldrawer .drawer-item{width:185px;height:55px;border-bottom:1px solid #ebeef5;line-height:55px;text-align:center;font-weight:600;font-size:15px;}
.paneldrawer .drawer-item.action{cursor:pointer;}
.paneldrawer .shuying{color:#fa3534;}

/* 小计/注单通用 */
.order .count{position:relative;height:24px;line-height:24px;padding:0 5px;color:#333;font-size:12px;background:#F5F5F5;border-radius:4px;}
.order .count.all{display:inline-block;background:#FFEE6E;}
.order .count span{margin-right:10px;}
.order .count span.shu{color:green;}
.order .count span.ying{color:red;}
.order .count span.ruzhang{color:black;}
.order .count.xiaoji{background:#fff;text-align:center;border-radius:initial;}
