body {
    background: #f5f5f5;
}

/*顶部导航*/
.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: #cb0816;
    background-color: #1F9683;
    /*border-bottom: solid 1px #ea545f;*/
    z-index: 100;
}

.header h4.index {
    float: left;
    width: 125px;
    background: url(../images/logo.png) center;
    background-size: 100% 100%;
    text-indent: -300px;
    height: 87%;
    margin: 4px 20px;
}

.header a {
    position: absolute;
    top: 10px;
    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;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    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;
}

/* 全站固定顶栏：统一留出 48px，防止内容被 header 遮挡 */
.main.home-page,
.main:not(.game-skin):not(.auth-page) {
	padding-top: 48px;
	box-sizing: border-box;
}
.main.home-page > .scroll_box,
.main:not(.game-skin):not(.auth-page) > .scroll_box {
	margin-top: 0 !important;
}
.main.home-page > .fn-tabs,
.main.home-page > .report-tabs,
.main.home-page > .promo-tabs,
.main.home-page > .team-tabs,
.main.home-page > .kj-filter,
.main.home-page > .kj-now,
.main.home-page > .kj-date-bar,
.main.home-page > .kj-style-tabs,
.main.pay-skin > .fn-tabs,
.main.pay-skin > .report-tabs {
	margin-top: 0;
}

.header.game-head {
    position: relative !important;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.header.game-head a,
.header.game-head span {
    position: static !important;
    width: auto !important;
    height: auto !important;
    line-height: 48px !important;
    left: auto !important;
    top: auto !important;
    color: #fff !important;
    font-size: 13px;
}
.header.game-head .g-name {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    flex: 1 !important;
    text-align: left !important;
}
.main.game-skin {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
}
.main.game-skin .g-tabs {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    height: 38px !important;
    background: #fff !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}
.main.game-skin .g-tabs a {
    display: block !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    flex: 1 !important;
    text-align: center !important;
    line-height: 38px !important;
    color: #333 !important;
    font-size: 14px !important;
}
.main.game-skin .g-tabs a.on {
    color: #1f9683 !important;
    font-weight: 700 !important;
}
.main.game-skin .scroll_box {
    margin: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    flex: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.main.game-skin .scroll_box::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
.main.game-skin .tan_box {
    display: none;
}
.main.game-skin .tan_box.on {
    display: block !important;
}
.main.game-skin .lottery_box .lottery_top {
    height: auto !important;
    overflow: visible !important;
}

/*主容器*/
.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: #efefef;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

iframe {
    -webkit-overflow-scrolling: touch;
}

/*幻灯片*/
.slide {
    position: relative
}

.slide .bd {
    min-height: 160px;
    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: 5px;
    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;
    width: 96%;
    height: 30px;
    line-height: 30px;
    padding: 0 1%;
    background-color: #fff;
    margin: 5px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.m_ann i {
    float: left;
    width: 6%;
    font-size: 20px;
    color: #cb0816;
}

.m_ann marquee {
    float: right;
    width: 94%;
}

.m_ann em {
    color: #cb0816;
}

/*功能菜单*/
.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.money {
    color: #cb0816;
}

.min_nav a.money i {
    color: #f3be00;
}
/*游戏菜单*/
.m_nva {
    margin-top: 10px;
    width: 100%;
    height: auto;
}

.m_nva ul {
    position: relative;
    overflow: hidden;
}

.m_nva ul li {
    position: relative;
    overflow: hidden;
    width: 33.33333%;
    float: left;
    margin: 10px 0;
}

.m_nva.two ul li {
    width: 50%;
}

.m_nva ul li a.a, .m_nva ul li a:hover {
    background-color: #fbfbfb;
    color: #cb0816;
}

.m_nva ul li a {
    display: block;
    text-align: center;
    height: 24px;
    padding: 100px 0 0;
    color: #000;
    font-size: 15px;
}

.m_nva ul li a span {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -41px;
    width: 82px;
    height: 82px;
    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_14 span {
      background-position: 0px -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;
}

/*开奖结果*/
.main .lottery_box {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    border: none;
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    border-radius: initial;
}

.lottery_box .lottery_top {
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #eaeaea;
    height: 86px;
}

.lottery_top .lottery_now {
    float: none;
    padding: 8px;
    color: #000;
    font-size: 14px;
}

.lottery_now #qishu_now {
    float: none;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-right: 0;
    padding: 0;
    color: #cb0816;
    text-align: left;
}

.lottery_now #qishu_now i {
    color: #cb0816;
    font-style: normal;
}

.lottery_now #haoma {
    float: none;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 3px 0;
    color: #000;
}

.lottery_now #haoma i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    background-color: #dcdcdc;
    color: #000;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.lottery_now #haoma i.pk {
    margin: 0 1px;
}

.lottery_now #haoma i.zw {
    background-color: transparent;
    color: #000;
    width: auto;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
}

.lottery_now #haoma_type {
    height: 20px;
    line-height: 20px;
}

.lottery_now #haoma_type i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    margin: 0 3px;
    font-style: normal;
    background-color: #e0b356;
    color: #cb0816;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.lottery_now #haoma_type i.s {
    background-color: transparent;
    color: #000;
    width: 16px;
}

.lottery_now #haoma_type i.c {
    color: #ff6600;
}

.lottery_now #haoma_type i.z {
    background-color: #e0b356;
    color: #ff0000;
    width: 20px;
}

.lottery_now #haoma_type i.zw {
    background-color: transparent;
    color: #000;
    width: auto;
}

.lottery_top .user {
    position: absolute;
    right: 18px;
    top: 18px;
}

.lottery_top .user a {
    display: block;
    color: #cb0816;
    height: 50px;
    font-size: 14px;
}

.lottery_top .user a i {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #f3be00;
    height: 30px;
    line-height: 30px;
}

.lottery_box .lottery_next {
    width: auto;
    position: relative;
    float: none;
    background-color: #f7f7f7;
    color: #000;
    padding: 5px 10px;
    height: 24px;
    font-size: 15px;
}

.lottery_next #qishu_next {
    display: inline-block;
    font-size: 15px;
}

.lottery_next #qishu_next i {
    color: #cb0816;
    font-style: normal;
}

.lottery_next #time {
    display: inline-block;
    color: #000;
}

.lottery_next #time i {
    display: inline-block;
    font-style: normal;
    margin-right: 6px;
    padding: 0 8px;
    color: #fff;
    background-color: #cb0816;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 5px;
}

.lottery_next a.more {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    height: 10px;
    border: solid #cb0816;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.lottery_next a.more.a {
    top: 14px;
    border-width: 0 0 2px 2px;
}

.lottery_next a.go_more {
    position: absolute;
    right: 30px;
    top: 5px;
    color: #F60;
}
.lottery_next a.go_tan {
    display: none;
    right: 95px;
    position: absolute;
    padding: 0 8px;
    color: #fff;
    background-color: #cb0816;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.val_box {
    position: relative;
    overflow: hidden;
    padding: 2px 5px;
    font-size: 12px;
    display: none;
}

.val_box i {
    font-style: normal;
    margin: 0 1px;
    background-color: #dcdcdc;
    display: inline-block;
    width: 12px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #000;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.val_box i.s1 {
    color: #9966CC;
}

.val_box i.s2 {
    color: #376956;
}

.val_box i.s3 {
    color: #008F75;
}

.val_box i.s4 {
    color: #D9210D;
}

.val_box em {
    color: #999;
}

/*开奖记录阅览*/
.lottery_box .haoma_box {
    display: none;
    position: absolute;
    width: 96%;
    padding: 2%;
    background-color: #755542;
    color: #fff;
    z-index: 101;
}

.haoma_box h5 {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #e0b356;
    background-color: #483224;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.haoma_box ul li {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

.haoma_box li span {
    color: #e6d756;
}

.haoma_box li span i, .haoma_box li span em {
    font-style: normal;
    margin: 0 1px;
    background-color: #009f95;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #000;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.haoma_box li span em {
    margin-left: 10px;
    background-color: #e0b356;
    color: #ff0000;
    width: 18px;
}

.haoma_box li.fan span em {
    width: 36px;
}

.haoma_box a.more {
    display: block;
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 10px auto 0;
    background-color: #cb0816;
    color: #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.tan_box .tanbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 140px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tan_box .tanbox ul {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28px;
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    text-align: center;
    border-bottom: solid 1px #dadada;
    border-left: solid 1px #dadada;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tan_box .tanbox ul.rr {
    border-right: solid 1px #dadada;
}

.tan_box .tanbox ul li {
    border-top: solid 1px #dadada;
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    padding: 0;
}

.tan_box .tanbox ul li i {
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    font-style: normal;
    background-color: #ec7b7b;
    color: #fff;
    font-weight: 700;
    margin: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    font-size: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.tan_box .tanbox ul li i.s1 {
    background-color: #ff9800;
    color: #fff;
}

.tan_box .tanbox ul li i.s2 {
    background-color: #2196f3;
    color: #fff;
}

.tan_box .tanbox ul li i.s3 {
    background-color: #ff9800;
    color: #fff;
}

.tan_box .tanbox ul li i.s4 {
    background-color: #2196f3;
    color: #fff;
}

.tan_box .tanbox .onload {
    background: url(../images/onLoad.gif) no-repeat center;
    width: 100%;
    height: 100px;
}


/*聊天室*/
.chat_box {
    overflow-y: auto;
    background-color: #fff;
}

.chat_box ul li {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
}

.chat_box ul li h5 {
    position: absolute;
    right: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    width: 80px;
    background-color: #f7f7f7;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.chat_box ul li.system {
    text-align: center;
}

.chat_box ul li.system h5 {
    display: inline-block;
    position: relative;
    right: 0;
    width: auto;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 15px;
    background-color: #f7f7f7;
    color: #483224;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

.chat_box ul li.system h5 i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/y.png) center center no-repeat;
    vertical-align: middle;
}

.chat_box ul li.system h5 i.n {
    background: url(../images/n.png) center center no-repeat;
}

.chat_box ul li h4 {
    font-size: 13px;
    font-weight: 400;
}

.chat_box ul li img {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 10px;
    background-color: #f7f7f7;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
}

.chat_box ul li .msg {
    overflow: hidden;
    background-color: #eed57b;
    padding: 5px 10px;
    margin-left: 64px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.chat_box ul li .msg:after {
    position: absolute;
    top: 42px;
    left: 74px;
    background-color: #fff;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 1px solid transparent;
    border-right: 10px solid #eed57b;
    border-bottom: 10px solid transparent;
}

.chat_box ul li .msg span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #69493A;
}

.chat_box ul li .msg span.qishu {
    /*width: 100px;*/
}

.chat_box ul li .msg span.money {

}

.chat_box ul li .msg span.wanfa {
    font-size: 20px;
    float: right;
}

/*会员*/
.user_box .form_div img.pic {
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    margin: 30px auto;
    background-color: #e4e4e4;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.user_box .defaultpic {
    display: block;
    margin: 0 auto;
    width: 270px;
    overflow: hidden;
}

.user_box .defaultpic h6 {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.user_box .defaultpic img {
    display: block;
    float: left;
    border: solid 2px #FFF;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.user_box .defaultpic img:hover, .user_box .defaultpic img.a {
    border: solid 2px #FF6464;
}

.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;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.user_box .user_nav :hover {
    background-color: #e8e8e8;
}

.user_box .user_nav a i {
    font-size: 24px;
    margin-right: 10px;
    color: #cb0816;
    vertical-align: middle;
}

.user_box .user_btn {
    border-top: 1px solid #cb0816;
    margin: 10px 0;
}

.user_box .user_btn a {
    display: block;
    background: #cb0816;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    margin: 10px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.user_box .pay_ewm {
    text-align: center;
}

.user_box .pay_ewm p {
    width: 90%;
    margin: 10px 5%;
    font-size: 14px;
    background-color: #f60;
    color: #fff;
    line-height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.user_box .pay_ewm p.payid {
    color: #000;
    background-color: transparent;
    font-size: 16px;
}

.user_box .pay_ewm p.payid em {
    color: #cb0816;
    font-weight: 700;
}

.user_box .pay_ewm .ewm {
    margin: 30px auto 15px;
    width: 86%;
    height: 200px;
}

.user_box .pay_ewm .ewm li {
    display: none;
    height: 200px;
}

.user_box .pay_ewm .ewm li.a {
    display: block;
}

.user_box .pay_ewm .ewm img {
    width: 200px;
    height: 200px;
}

.user_box .pay_ewm .ewm li div {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
}

.user_box .pay_ewm .btn {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}

.user_box .pay_ewm .btn a {
    display: inline-block;
    width: 26%;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    margin: 0 2%;
    font-size: 13px;
}

.user_box .pay_ewm .btn a.a {
    background-color: #cb0816;
    color: #fff;
}

/*游戏框架*/
.main .game_box {
    position: relative;
    overflow-y: auto;
    display: none;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.game_box_shade {
    position: fixed;
    top: 170px;
    left: 0;
    z-index: 100;
    background-color: #000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity:20);
    opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
}

/*番摊*/
.game_box .game {
    position: relative;
    padding-bottom: 145px;
    height: 381px;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
}

.game a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;

    height: 68px;
    line-height: 50px;
    text-align: center;
    background-color: #2D78F5;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background-color: #077140;
}

.game a:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.game a.a {
    background-color: #fff !important;
    color: #333 !important;
}

.game a i {
    font-style: normal;
}

.game a em {
    position: absolute;
    bottom: -1px;
    display: block;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc;
    font-style: normal;
}

.game a.a em {
    color: #333 !important;
}

.game div {
    overflow: hidden;
}

.game .line_center {
    position: relative;
}

.game .line_center div {
    float: left;
}

.game .line_3, .game .line_5 {
    width: 63px;
}

.game .line_4 {
    width: 63px;
    height: 228px;
    position: relative;
    overflow: hidden;
}

.game .line_1 a, .game .line_7 a {
    float: left;
}

.game .line_4 a {
    height: 56px;
    line-height: 56px;
}

.game a.C_Z1, .game a.C_Z2, .game a.C_Z3, .game a.C_Z4 {
    /*background-color: #2D78F5;*/
    background-color: #04707d;
}

.game a.C_12J, .game a.C_23J, .game a.C_34J, .game a.C_41J {
    /*background-color: #2D78F5;*/
    background-color: #470283;
}

.game a.C_1L2,.game a.C_1L3, .game a.C_2L3, .game a.C_2L4, .game a.C_3L1, .game a.C_3L4, .game a.C_4L1, .game a.C_1L4, .game a.C_2L1, .game a.C_3L2, .game a.C_4L2, .game a.C_4L3 {
    /*background-color: #2D78F5;*/
    background-color: #04707d;
}

.game a.C_D, .game a.C_S {
    /*background-color: #2D78F5;*/
    background-color: #903834;
}

/*普通玩法*/
.game_box .games {
    position: relative;
    overflow: hidden;
    margin-bottom: 140px;
    border-bottom: solid 1px #cdcdcd;
}

.games .title {
    position: fixed;
    width: 20%;
    max-width: 145px;
}

.games .title a {
    display: block;
    text-align: center;
    line-height: 50px;
    background-color: #f7f7f7;
    border-top: solid 1px #cdcdcd;
}

.games .title a.a {
    background-color: #f60;
    color: #fff;
}

.games .line_box {
    float: right;
    overflow: hidden;
    width: 80%;
}

.line_box .line {
    display: none;
}

.line_box .line.a {
    display: block;
}

.line_box .line h4 {
    text-align: center;
    color: #cb0816;
    background-color: #dedede;
    line-height: 30px;
}
/*
.line_box .line h4:after {
	content:' ';
	width: 10px;
	height: 10px;
	border: solid #cb0816;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}*/

.line_box .line .tab {
    position: relative;
    overflow: hidden;
    line-height: 36px;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
}

.line_box .line .tab a {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width: 33.3333%;
    text-align: center;
    color: #000;
    background-color: #fff;
    border-right: solid 1px #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.line_box .line .tab a i {
    display: inline-block;
    font-style: normal;
    float: left;
    width: 40px;
    font-size: 15px;
}

.line_box .line .tab a i.m {
    width: 20px;
}

.line_box .line .tab a em, .line_box .line .tab a o {
    display: inline-block;
    font-style: normal;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
}

.line_box .line .tab a o {
    color: #000;
    margin-right: 3px;
}


.line_box .line .tab a.a {
    background-color: #f60;
    color: #fff;
}

.line_box .line .tab a.a em {
    color: #fff;
}

.line_box .line .tab.n2 a {
    width: 50%;
}

.line_box .line .tab.n2 a i {
    width: 80px;
}

.line_box .line .tab.num a i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin: 6px;
    font-weight: 700;
    background-color: #dedede;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.line_box .line .tab.num a.hb i {
    color: #fff;
    background-color: #cb0816;
}

.line_box .line .tab.num a.lvb i {
    color: #fff;
    background-color: #2fcb08;
}

.line_box .line .tab.num a.lb i {
    color: #fff;
    background-color: #0856cb;
}

.line_box .line .tab.num a.a i {
    background-color: #fff;
    color: #000;
}

.line_box .line .tab.n2.num a i {
    margin-left: 30px;
}

/*快捷投注*/
.send_box {
    display: none;
    position: fixed;
    bottom: 49px;
    width: 96%;
    max-width: 692px;
    background-color: #f60;
    color: #fff;
    padding: 62px 2% 120px;
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}

.send_box a.hide {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 10px;
    height: 10px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.send_box h4 {
    font-weight: 400;
    font-size: 14px;
}

.send_box h5 {
    position: absolute;
    width: 160px;
    top: -10px;
    left: 50%;
    margin-left: -80px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #cb0816;
    line-height: 24px;
    padding: 0 8px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.send_box .fast_li {
    margin: 0 0 10px;
    text-align: center;
}

.send_box .fast_li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 1px;
    background-color: #927402;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.send_box .btn_li {
    text-align: center;
    line-height: 30px;
}

.send_box .btn_li span {
    font-size: 14px;
}

.send_box .btn_li input {
    height: 30px;
    border: none;
    width: 80px;
    padding: 0 8px;
    vertical-align: bottom;
    outline: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.send_box .btn_li a {
    display: inline-block;
    color: #fff;
    padding: 0 18px;
    background-color: #470283;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.send_box .btn_li a.cancel {
    background-color: #cb0816;
    padding: 0 12px;
}

/* 立刻盖住旧橙色底栏，避免后半段样式未生效时露出原皮肤 */
.send_box.game-betbar {
    display: block !important;
    position: relative !important;
    bottom: 0 !important;
    left: auto !important;
    width: 100% !important;
    max-width: 750px !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
    padding: 8px 8px 10px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.send_box.game-betbar .fast_li a {
    background: none !important;
    background-color: transparent !important;
}
.send_box.game-betbar .btn_li a {
    background-color: #1f9683 !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}
.send_box.game-betbar .bet-keypad {
    display: none !important;
}
.send_box.game-betbar .bet-keypad.on {
    display: block !important;
}

.game_box a.rules {
    position: fixed;
    bottom: 50px;
    left: 5px;
    z-index: 101;
    display: block;
    width: 16px;
    height: 56px;
    line-height: 14px;
    padding: 5px 0;
    background-color: #09a65d;
    text-align: center;
    color: #fff;
    font-size: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

/*登录注册*/
.main .login_box, .main .reg_box {
    position: relative;
    width: 90%;
    margin: 5%;
}

.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;
}

/*表单按钮全局*/
.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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
    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 #cb0816;
}

.submit a {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}

.submit input {
    background: #cb0816;
    width: 100%;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
}

.submit input:hover {
    background: #f60;
}

.form_div .tp-btn {
    display: block;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 52px;
    height: 32px;
    z-index: 999;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    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;
}

/*底部提示信息*/
.tps {
    position: relative;
    width: 90%;
    padding: 5%;
    color: #666;
    background: #fff;
    line-height: 24px;
}

.tps h4 {
    font-size: 14px;
}

.tps p {
    font-size: 14px;
}

/*列表通用*/
.table {
    position: relative;
    overflow: hidden;
}

.table .load {
    position: absolute;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block;
    top: 9px;
    right: 0px;
    background: #eed57b;
    color: #69493A;
    font-weight: 400;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.table .hd {
    background: #755542;
    padding: 10px 8px;
    border-bottom: solid 1px #eed57b;
}

.table .hd a.search {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 10px;
    border: solid #ffee6e;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.table .hd a.search.a {
    top: 16px;
    border-width: 0 0 2px 2px;
}

.table .title {
    position: relative;
    display: none;
    text-align: center;
    line-height: 40px;
    color: #eed57b;
    font-size: 14px;
}

.title .input-text {
    min-width: 100px;
    height: 18px;
    padding: 2px 2px 2px 5px;
    border: 1px solid #BDBDBD;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.title .date {
    background: #FFF url(../images/input_date.png) no-repeat right 3px;
    padding-right: 2px;
}

.title button {
    vertical-align: middle;
    padding: 0 8px;
    border: 1px solid #eed57b;
    height: 24px;
    background: #6c4828;
    color: #FFF;
    outline: none;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.table .list {
    padding: 10px;
}

.table .list .onload {
    background: url(../images/onLoad.gif) no-repeat center;
    width: 100%;
    height: 200px;
}

.table .list .no-data {
    text-align: center;
    line-height: 200px;
    color: #999;
    font-size: 14px;
}

.table .list ul {
    line-height: 30px;
    font-size: 13px;
    border-bottom: 1px solid #FBFBFB;
    padding: 0 8px 5px;
    overflow: hidden;
}

.table .list ul:hover {
    background: #F1F1F1;
}

.table .list ul li {
    height: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.table .list ul li a {
    color: #F60;
}

.table .list ul li a:hover {
    color: #F00;
}

.table ul li.w50 {
    float: left;
    width: 50%;
}

.table ul li.w30 {
    float: left;
    width: 30%;
}

.table ul li.w33 {
    float: left;
    width: 33.33%;
}

.table ul li.w70 {
    float: left;
    width: 70%;
}

.table ul li.tl {
    text-align: left;
}

.table ul li.tr {
    text-align: right;
}

.table ul li.qishu {
    font-size: 13px;
    color: #755542;
    font-weight: 700;
}

.table ul li.hm_list {
    width: 100%;
    text-align: left;
}

.table ul li.line {
    width: 100%;
    text-align: left;
    height: 20px;
    line-height: 20px;
}
.table ul li.line.order-fan {
    height: auto;
    min-height: 22px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2px 0 4px;
    box-sizing: border-box;
}
.table ul li.order-fan .fan-lab {
    color: #888;
    font-size: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
}
.table ul li.order-fan .fan-lab.on {
    color: #e53935;
    font-weight: 700;
}
.home-page.order .hm_list i.pk {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 1px 2px 1px 0;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    color: #fff;
}
.home-page.order .hm_list i.c1 { background: #ffbe00; }
.home-page.order .hm_list i.c2 { background: #0089ff; }
.home-page.order .hm_list i.c3 { background: #4d4d4d; }
.home-page.order .hm_list i.c4 { background: #ff7300; }
.home-page.order .hm_list i.c5 { background: #2bcccc; }
.home-page.order .hm_list i.c6 { background: #7f52de; }
.home-page.order .hm_list i.c7 { background: #9a9999; }
.home-page.order .hm_list i.c8 { background: #ec4949; }
.home-page.order .hm_list i.c9 { background: #ad5353; }
.home-page.order .hm_list i.c10 { background: #35ad2b; }

.table ul li.state {
    font-size: 14px;
}

.table ul li.time {
    color: #999;
}

.table ul li.val {
    font-size: 16px;
}

.table ul li.f12 {
    font-size: 12px;
}

.table ul li.msg {
    text-align: left;
    color: #999;
    width: 100%;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table ul:hover li.msg {
    height: auto;
    white-space: initial;
    text-overflow: initial;
}

.table ul li.btn {
    text-align: right;
    width: 100%;
}

.table ul li.btn a {
    font-size: 14px;
    margin-left: 8px;
}

/*我的注单*/
.order .count {
    position: relative;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    color: #333;
    font-size: 12px;
    background: #F5F5F5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    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;
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    border-radius: initial;
}

/*开奖号码公用*/
.hm_list i {
    display: inline-block;
    width: 23px;
    height: 21px;
    line-height: 21px;
    margin: 0 2px;
    text-align: center;
    font-weight: 700;
    text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    *filter: Glow(color=#000, strength=1);
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    font-style: normal;
}

.hm_list i.no {
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
}

.hm_list i.c1 {
    background: #FFE11E !important;
    color: #FFF !important;
}

.hm_list i.c2 {
    background: #53B3E4 !important;
    color: #FFF !important;
}

.hm_list i.c3 {
    background: #4F5353 !important;
    color: #FFF !important;
}

.hm_list i.c4 {
    background: #F2932C !important;
    color: #FFF !important;
}

.hm_list i.c5 {
    background: #4DF4BB !important;
    color: #FFF !important;
}

.hm_list i.c6 {
    background: #636FD0 !important;
    color: #FFF !important;
}

.hm_list i.c7 {
    background: #BFBFBF !important;
    color: #FFF !important;
}

.hm_list i.c8 {
    background: #F46B71 !important;
    color: #FFF !important;
}

.hm_list i.c9 {
    background: #E51B27 !important;
    color: #FFF !important;
}

.hm_list i.c10 {
    background: #50E948 !important;
    color: #FFF !important;
}

.hm_list i.blue, .hm_list i.orange {
    background: url(../images/lottery/ball.png) no-repeat center;
    background-color: transparent !important;
    width: 24px;
    height: 24px;
    color: #000;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
}

.hm_list i.orange {
    background: url(../images/lottery/fall.png) no-repeat center;
}

.hm_list i.dxd, .hm_list i.dsd, .hm_list i.dxx, .hm_list i.dss {
    color: #FFF;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    font-weight: 400;
}

.hm_list i.dxd, .hm_list i.dss {
    background: #e0b356 !important;
}

.hm_list i.dxx, .hm_list i.dsd {
    background: #755542 !important;
}

/*开奖列表*/
.table .hd .sethaoma a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.table .hd .sethaoma a.a, .table .hd .sethaoma a:hover {
    background-color: #eed57b;
    color: #69493A;
}

.haoma .list ul li span {
    display: inline-block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.table ul .line span {
    display: inline-block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.haoma span.dxd, .haoma span.dss {
    background: #e0b356;
    color: #FFF;
}

.haoma span.dxx, .haoma span.dsd {
    background: #755542;
    color: #FFF;
}

.haoma span.he {
    background: #E6E6E6;
    color: #333;
}

.haoma .list ul li span.he {
    width: 60px;
}

.haoma span.zhi {
    background: #ff6600;
    color: #fff;
}

.line .zhi1 {
    width: 40px;
    background: #9966CC;;
    color: #fff;
}
.line .zhi2 {
    width: 40px;
    background: #376956;;
    color: #fff;
}
.line .zhi3 {
    width: 40px;
    background: #008F75;;
    color: #fff;
}
.line .zhi4 {
    width: 40px;
    background: #D9210D;;
    color: #fff;
}

.haoma .list ul li span.zhi {
    width: 40px;
}

.haoma span.lhl {
    background: #FF6464;
    color: #FFF;
}

.haoma span.lhh {
    background: #333C59;
    color: #FFF;
}

.haoma span.lhhe {
    background: #9C9C9C;
    color: #FFF;
}

/*规则*/
.rules {
    position: relative;
}

.rules .title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: solid 1px #cb0816;
    text-align: center;
    margin: 10px;
}

.rules .msg {
    padding: 10px;
    font-size: 14px;
}

.rules .msg h5 {
    line-height: 40px;
}

.rules .msg p {
    padding: 5px 20px;
}

.rules .msg p span {
    color: #cb0816;
}

.rules .msg div {
    margin-left: 30px;
}

/*客户端下载*/
.main .app_box {
    position: relative;
    overflow: hidden;
    margin: 10px auto;
}

.app_box h4 {
    margin: 20px auto;
    text-align: center;
    color: #cb0816;
}

.app_box .signup {
    margin: 45px 0 40px 0;
    display: block;
}

.signup .form {
    padding-top: 10px;
    margin: 0 20px;
}

.signup .form .logo {
    width: 200px;
    height: 200px;
    margin: 5px auto;
    background: url(../images/ewm.png) no-repeat;
}

.signup .form .link {
    text-align: center;
    overflow: hidden;
    height: auto;
    border-top: solid 1px #cb0816;
    margin-top: 20px;
}

.signup .form .link .btn {
    line-height: 30px;
    margin: 20px 0;
}

.signup .form .link .btn a {
    padding: 5px 0;
    margin: 0 2%;
    display: inline-block;
    background: #cb0816;
    color: #fff;
    width: 32%;
    height: 30px;
    font-size: 14px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.signup .form .link .btn.pc a {
    background: #f60;
    color: #fff;
    font-size: 16px;
    width: 68%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.signup .form .link .m {
    display: none;
    padding: 3px 8px;
    font-size: 12px;
    background: #eaeaea;
    color: #000;
    line-height: 20px;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*分页标准*/
#pages {
    width: auto;
    height: 24px;
    margin: 0 auto;
    padding: 10px;
    color: #e0b356;
    text-align: right;
}

#pages a {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #e0b356;
    border: 1px solid #e0b356;
    text-align: center;
    color: #333
}

#pages a.a1 {
    background: #e0b356;
    width: 56px;
}

#pages a:hover {
    background: #755542;
    border: 1px solid #e0b356;
    color: #FFF;
    text-decoration: none;
}

#pages span {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #755542;
    border: 1px solid #e0b356;
    color: #fff;
    text-align: center;
}

/*尾部*/
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    height: 48px;
    text-align: center;
    background-color: #fff;
    border-top: solid 1px #cdcdcd;
}

.footer a.game_btn {
    display: block;
    color: #fff;
    width: 80%;
    height: 38px;
    margin: 4px auto;
    line-height: 38px;
    font-size: 15px;
    background-color: #cb0816;
    border: solid 1px #f60;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
}

.footer a.game_btn.a {
    color: #fff;
    background-color: #f60;
    border: solid 1px #cb0816;
}

/*尾部菜单*/
.footer.menu {
    max-width: 750px;
    margin: 0 auto;
    height: 60px;
    border-top: solid 1px #ea545f;
}

.footer a.foot_btn {
    position: relative;
    display: block;
    float: left;
    color: #ffdada;
    width: 25%;
    height: 30px;
    line-height: 30px;
    padding-top: 30px;
    font-size: 15px;
    background-color: #cb0816;
    background-color: #1f9683;
    color: #fff;
}

.footer a.foot_btn.a, .footer a.foot_btn:hover {
    /*background-color: #f60;*/
    color: #fff;
    color: #fce210;
}

.footer a.foot_btn i {
    position: absolute;
    display: block;
    width: 100%;
    top: 5px;
    font-size: 24px;
}

/* 五栏底部导航 */
.footer.menu.nav5 {
    height: 56px;
    border-top: none;
    background: #1f9683;
}
.footer.menu.nav5 a.foot_btn {
    width: 20%;
    height: 28px;
    padding-top: 28px;
    line-height: 16px;
    font-size: 11px;
    background-color: #1f9683;
    color: #fff;
}
.footer.menu.nav5 a.foot_btn.a,
.footer.menu.nav5 a.foot_btn:hover {
    color: #fce210;
    background-color: #1f9683;
}
.footer.menu.nav5 a.foot_btn i {
    top: 4px;
    font-size: 20px;
}
.footer.menu.nav5 a.foot_btn svg.ref-icon {
    position: absolute;
    top: 4px;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    fill: currentColor;
}

/* ========== 新版首页 ========== */
.home-page .header.home-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 12px;
    text-align: left;
    box-sizing: border-box;
}
.home-page .header.home-top .brand {
    line-height: 1.15;
    padding-left: 2px;
}
.home-page .header.home-top .brand h4 {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    text-indent: 0;
    font-size: 18px;
    font-weight: bold;
    color: #f5d76e;
    background-image: -webkit-linear-gradient(top, #fff3c4, #d4a017);
    background-image: linear-gradient(to bottom, #fff3c4, #d4a017);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-page .header.home-top .brand em {
    display: block;
    font-size: 9px;
    font-style: italic;
    letter-spacing: .5px;
    color: #f5d76e;
    background-image: -webkit-linear-gradient(top, #fff3c4, #d4a017);
    background-image: linear-gradient(to bottom, #fff3c4, #d4a017);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-page .header.home-top a.home-user {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
}
.home-page .header.home-top a.home-user i {
    position: static;
    display: inline-block;
    font-size: 16px;
    margin-right: 4px;
    vertical-align: middle;
}
.home-page .scroll_box {
    background: #ececec;
    height: calc(100vh - 48px - 56px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.home-page .fn-tabs + .scroll_box,
.home-page .report-tabs + .scroll_box,
.home-page .kj-filter + .scroll_box {
    margin-top: 0;
}
/* 首页轮播：一次一张，宽度 100%，高度按 750:320 自适应 */
.home-page .home-banner {
    position: relative;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background: #e8e8e8;
    overflow: hidden;
    line-height: 0;
    -webkit-user-select: none;
    user-select: none;
}
.home-page .home-banner-viewport {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.666%; /* 320/750 */
    overflow: hidden;
}
.home-page .home-banner-track {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform;
}
.home-page .home-banner-item {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.home-page .home-banner-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    -webkit-user-drag: none;
}
.home-page .home-banner-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    z-index: 2;
    line-height: 0;
    pointer-events: auto;
}
.home-page .home-banner-dots span {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 4px;
    border-radius: 50%;
    background: rgba(0,0,0,.28);
    vertical-align: middle;
}
.home-page .home-banner-dots span.on {
    background: #1f9683;
    width: 16px;
    border-radius: 4px;
}

/* 四宫快捷入口 */
.quick-nav {
    background: #fff;
    overflow: hidden;
    padding: 14px 0 12px;
}
.quick-nav a {
    float: left;
    width: 25%;
    text-align: center;
    color: #444;
    font-size: 12px;
}
.quick-nav .ico {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 6px;
    border-radius: 50%;
    color: #fff;
    line-height: 44px;
    font-size: 22px;
}
.quick-nav .ico i {
    font-size: 22px;
    color: #fff;
}
.quick-nav .ico-tg { background: #43a047; }
.quick-nav .ico-team { background: #fb8c00; }
.quick-nav .ico-form { background: #1f9683; }
.quick-nav .ico-order { background: #1e88e5; }
.quick-nav svg {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
}

/* 中部宣传宫格 */
.promo-grid {
    overflow: hidden;
    padding: 8px;
}
.promo-grid .promo-chat {
    float: left;
    width: 48%;
    height: 148px;
    margin-right: 2%;
    border-radius: 6px;
    background-color: #ec407a;
    background-image: url(../images/home/chat.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    padding: 16px 12px;
    position: relative;
}
.promo-grid .promo-chat:after {
    display: none;
}
.promo-grid .promo-right {
    float: left;
    width: 50%;
}
.promo-grid .promo-app,
.promo-grid .promo-long {
    display: block;
    height: 70px;
    border-radius: 6px;
    color: #fff;
    box-sizing: border-box;
    padding: 12px 12px 0;
    position: relative;
}
.promo-grid .promo-app {
    margin-bottom: 8px;
    background-color: #26a69a;
    background-image: url(../images/home/app.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.promo-grid .promo-long {
    background-color: #9ccc65;
    background-image: url(../images/home/changlong.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.promo-grid a .en,
.promo-grid a strong {
    display: none !important;
}

/* 游戏分区 */
.game-sec {
    background: #fff;
    margin: 8px 0 0;
    border-radius: 0;
    padding: 8px 0 4px;
    overflow: hidden;
}
.game-sec h3 {
    font-size: 15px;
    color: #333;
    padding: 2px 12px 6px;
    font-weight: normal;
}
.game-sec h3 .sec-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -2px;
    background: #1f9683;
}
.game-sec h3 .sec-ico.hot {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2s3 4 3 7a3 3 0 0 1-6 0c0-1 1-3 1-3s-4 3-4 8a6 6 0 0 0 12 0c0-6-6-12-6-12z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2s3 4 3 7a3 3 0 0 1-6 0c0-1 1-3 1-3s-4 3-4 8a6 6 0 0 0 12 0c0-6-6-12-6-12z'/></svg>") center / contain no-repeat;
}
.game-sec h3 .sec-ico.grid {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/></svg>") center / contain no-repeat;
}
.home-page .home-games {
    margin-top: 0;
}
.home-page .home-games ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.home-page .home-games ul li {
    width: 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin: 2px 0 6px;
    overflow: visible;
}
.home-page .home-games ul li a {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 4px 3px 6px !important;
    height: auto !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #444 !important;
    white-space: normal;
    overflow: visible;
    word-break: break-all;
}
.home-page .home-games ul li a.a,
.home-page .home-games ul li a:hover {
    background: none !important;
    color: #1f9683 !important;
}
.home-page .home-games ul li a span {
    zoom: 1;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto 6px !important;
    display: block;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50%;
    background-color: transparent !important;
    background-image: url(../images/game/xyftft.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    text-indent: -999px;
    overflow: hidden;
}
.home-page .home-games a.ico-twbgft span { background-image: url(../images/game/twbgft.png) !important; }
.home-page .home-games a.ico-jsscft span { background-image: url(../images/game/jsscft.png) !important; }
.home-page .home-games a.ico-xyftft span { background-image: url(../images/game/xyftft.png) !important; }
.home-page .home-games a.ico-azxywft span { background-image: url(../images/game/azxywft.png?20260903q) !important; -webkit-filter: hue-rotate(-118deg) saturate(1.05); filter: hue-rotate(-118deg) saturate(1.05); }
.home-page .home-games a.ico-sgft span { background-image: url(../images/game/sgft.png) !important; }
.home-page .home-games a.ico-azxysft span { background-image: url(../images/game/azxysft.png?20260903q) !important; -webkit-filter: hue-rotate(118deg) saturate(1.08); filter: hue-rotate(118deg) saturate(1.08); }
.home-page .home-games a.ico-azxybft span { background-image: url(../images/game/azxybft.png) !important; }
.home-page .home-games a.ico-jssscft span { background-image: url(../images/game/jssscft.png) !important; }
.home-page .home-games a.ico-jsft span { background-image: url(../images/game/jsft.png) !important; }
.home-page .home-games a.ico-ft span { background-image: url(../images/game/ft.png) !important; }
.home-page .home-games a.ico-pk10 span { background-image: url(../images/game/pk10.png) !important; }
.home-page .home-games a.ico-ssc span { background-image: url(../images/game/ssc.png) !important; }
.home-page .home-games a.ico-pc28 span { background-image: url(../images/game/pc28.png) !important; }
.game-sec h3 .sec-ico.pad {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 7h10a5 5 0 0 1 0 10H7a5 5 0 0 1 0-10zm2.5 3a1.2 1.2 0 1 0 0 2.4A1.2 1.2 0 0 0 9.5 10zm5 0a1.2 1.2 0 1 0 .01 2.4A1.2 1.2 0 0 0 14.5 10zM8 14.2h2v1.4H8v-1.4zm6 0h2v1.4h-2v-1.4z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 7h10a5 5 0 0 1 0 10H7a5 5 0 0 1 0-10zm2.5 3a1.2 1.2 0 1 0 0 2.4A1.2 1.2 0 0 0 9.5 10zm5 0a1.2 1.2 0 1 0 .01 2.4A1.2 1.2 0 0 0 14.5 10zM8 14.2h2v1.4H8v-1.4zm6 0h2v1.4h-2v-1.4z'/></svg>") center / contain no-repeat;
}
.hot-game-sec {
    padding-bottom: 16px;
}
.hot-banner {
    display: block;
    position: relative;
    height: 88px;
    margin: 0 10px 10px;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    box-sizing: border-box;
    padding: 28px 16px 0;
}
.hot-banner strong,
.hot-banner .go {
    display: none;
}
.hot-banner .go:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hot-banner.live {
    background-color: #e53935;
    background-image: url(../images/home/live.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hot-banner.live:before { display: none; }
.hot-banner.chess {
    background-color: #7e57c2;
    background-image: url(../images/home/chess.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hot-banner.chess:before { display: none; }
.hot-banner.sport {
    background-color: #1565c0;
    background-image: url(../images/home/sport.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hot-banner.sport:before { display: none; }

/* 首页右侧会员菜单 */
.user-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 750px;
    margin: 0 auto;
    background: rgba(0,0,0,.4);
    z-index: 300;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .28s ease, visibility .28s ease;
    transition: opacity .28s ease, visibility .28s ease;
}
.user-mask.on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.user-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 84%;
    max-width: 630px;
    background: #fff;
    z-index: 301;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .28s ease, visibility .28s ease, box-shadow .28s ease;
    transition: transform .28s ease, visibility .28s ease, box-shadow .28s ease;
    pointer-events: none;
    visibility: hidden;
    box-shadow: none;
}
.user-panel.on {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    pointer-events: auto;
    visibility: visible;
    box-shadow: -4px 0 16px rgba(0,0,0,.18);
}
@media (min-width: 751px) {
    .user-mask {
        left: 50%;
        margin-left: -375px;
        width: 750px;
        right: auto;
    }
    .user-panel {
        right: 50%;
        margin-right: -375px;
    }
}
.user-panel .up-head {
    overflow: hidden;
    background: #1f9683;
    padding: 16px 14px 14px;
    color: #fff;
}
.user-panel .up-pic {
    float: left;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-right: 12px;
    background: #fff;
}
.user-panel .up-info {
    padding-top: 6px;
    font-size: 14px;
    line-height: 1.6;
}
.user-panel .up-grid {
    overflow: hidden;
    border-top: 1px solid #eee;
}
.user-panel .up-grid a {
    float: left;
    width: 33.333%;
    height: 86px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: #333;
    font-size: 13px;
    padding-top: 14px;
}
.user-panel .up-grid a:nth-child(3n) {
    border-right: none;
}
.user-panel .up-grid a i {
    display: block;
    font-size: 26px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 6px;
}
.user-panel .up-grid a svg.ref-icon {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 10px;
}
.user-panel .up-grid a:nth-child(6n+1) svg.ref-icon { fill: #f39741; }
.user-panel .up-grid a:nth-child(6n+2) svg.ref-icon { fill: #65c15c; }
.user-panel .up-grid a:nth-child(6n+3) svg.ref-icon { fill: #b484d8; }
.user-panel .up-grid a:nth-child(6n+4) svg.ref-icon { fill: #5594e6; }
.user-panel .up-grid a:nth-child(6n+5) svg.ref-icon { fill: #3bcee9; }
.user-panel .up-grid a:nth-child(6n+6) svg.ref-icon { fill: #ef6548; }
.user-panel .up-grid a svg.ref-icon.is-gray { fill: #9ca3af; }
.user-panel .up-grid .c-orange { color: #fb8c00; }
.user-panel .up-grid .c-green { color: #43a047; }
.user-panel .up-grid .c-purple { color: #8e24aa; }
.user-panel .up-grid .c-blue { color: #1e88e5; }
.user-panel .up-grid .c-teal { color: #1f9683; }
.user-panel .up-grid .c-red { color: #e53935; }
.user-panel .up-grid .c-gray { color: #607d8b; }
.user-panel .up-grid .c-sky { color: #4fc3f7; }
.user-panel .up-logout {
    display: block;
    margin: 16px 12px 24px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: -webkit-linear-gradient(top, #2bb39d, #1f9683);
    background: linear-gradient(to bottom, #2bb39d, #1f9683);
    color: #fff;
    font-size: 16px;
    border-radius: 21px;
}

.side-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 84%;
    max-width: 630px;
    background: #fff;
    z-index: 302;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .28s ease, visibility .28s ease, box-shadow .28s ease;
    transition: transform .28s ease, visibility .28s ease, box-shadow .28s ease;
    box-shadow: none;
    visibility: hidden;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.side-panel.on {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: visible;
    pointer-events: auto;
    box-shadow: -4px 0 16px rgba(0,0,0,.18);
}
.side-panel .sp-bar {
    height: 46px;
    line-height: 46px;
    padding: 0 12px;
    background: #1f9683;
    color: #fff;
}
.side-panel .sp-close {
    float: right;
    color: #fff;
    font-size: 22px;
}
.side-panel .sp-sum {
    padding: 10px 12px;
    background: #f5f5f5;
    font-size: 13px;
}
.side-panel .sp-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: auto;
}
.side-panel .sp-empty {
    text-align: center;
    color: #999;
    padding: 40px 0;
}

/* ========== 游戏下注页 ========== */
html.game-lock,
body.game-lock {
    height: 100%;
    overflow: hidden;
}
.main.game-skin {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
body.game-lock,
html.game-lock,
html.game-lock body {
    background: #fff !important;
}
.game-skin .header.game-head {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    z-index: 100;
}
.game-skin .header.game-head a,
.game-skin .header.game-head span {
    position: static;
    width: auto;
    height: auto;
    line-height: 48px;
    color: #fff;
    font-size: 13px;
}
.game-skin .header.game-head .g-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 6px;
}
.game-skin .header.game-head .g-name:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
}
.game-skin .header.game-head .g-hall {
    padding: 0 8px;
    white-space: nowrap;
}
.game-skin .header.game-head .g-bal {
    padding-right: 8px;
    white-space: nowrap;
}
.game-skin .header.game-head .g-bal em {
    font-style: normal;
}
.game-skin .header.game-head .ui-menu {
    width: 28px;
    text-align: center;
}
.game-skin .header.game-head .ui-menu i {
    font-size: 22px;
}
.game-skin .g-tabs {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    z-index: 99;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 38px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.game-skin .g-tabs a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 38px;
    color: #333;
    font-size: 14px;
}
.game-skin .g-tabs a.on {
    color: #1f9683;
    border-bottom: 2px solid #1f9683;
    font-weight: 700;
}
.game-skin .game-pin {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background: #fff;
    z-index: 40;
    position: relative;
}
.game-skin .game-pin .lottery_box {
    position: relative;
}
.game-skin .scroll_box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-top: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}
.game-skin .send_box.game-betbar {
    position: relative !important;
    bottom: auto !important;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 750px;
    z-index: 80;
}
.lottery_now #haoma_type .fan-lab {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 22px;
    background: transparent;
    color: #e53935;
    border-radius: 0;
    margin: 0 10px 0 0;
    font-size: 12px;
    padding: 0;
}
.game-skin .lottery_box .lottery_top {
    height: auto;
    overflow: visible;
}
.game-skin .lottery_now {
    display: block;
    padding: 6px 6px 2px;
}
.game-skin .lottery_now .hm-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.game-skin .lottery_now #qishu_now {
    float: none;
    display: block;
    width: auto;
    height: 26px;
    line-height: 26px;
    margin: 0 4px 0 0;
    padding: 0;
    font-size: 13px;
    color: #333;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    white-space: nowrap;
}
.game-skin .lottery_now .hm-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.game-skin .lottery_now #haoma {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: auto;
    min-height: 26px;
    padding: 0;
    white-space: nowrap;
    overflow: visible;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.game-skin .lottery_now #haoma.hm-ft10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.game-skin .lottery_now #haoma i,
.game-skin .lottery_now #haoma i.pk {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 26px !important;
    max-width: 26px;
    height: 26px !important;
    line-height: 26px !important;
    font-size: 12px;
    font-weight: 700;
    margin: 0 3px 0 0;
    padding: 0;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #fff !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    text-align: center;
    background-image: none !important;
}
.game-skin .lottery_now #haoma.hm-ft10 i,
.game-skin .lottery_now #haoma.hm-ft10 i.pk {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: auto !important;
    max-width: none;
    margin: 0 1px;
}
/* 其他彩种恢复圆形球图（ball/fall），不能清掉背景图 */
.game-skin .lottery_now #haoma i.blue,
.game-skin .lottery_now #haoma i.orange,
.game-skin .hm_list i.blue,
.game-skin .hm_list i.orange {
    width: 24px !important;
    max-width: 24px;
    height: 24px !important;
    line-height: 24px !important;
    margin: 0 2px 0 0;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    background: url(../images/lottery/ball.png) no-repeat center !important;
    background-color: transparent !important;
    color: #000 !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
}
.game-skin .lottery_now #haoma i.orange,
.game-skin .hm_list i.orange {
    background-image: url(../images/lottery/fall.png) !important;
}
.game-skin .lottery_now #haoma i.pk.c1,
.game-skin .hm_list i.c1 { background: #ffbe00 !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c2,
.game-skin .hm_list i.c2 { background: #0089ff !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c3,
.game-skin .hm_list i.c3 { background: #4d4d4d !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c4,
.game-skin .hm_list i.c4 { background: #ff7300 !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c5,
.game-skin .hm_list i.c5 { background: #2bcccc !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c6,
.game-skin .hm_list i.c6 { background: #7f52de !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c7,
.game-skin .hm_list i.c7 { background: #9a9999 !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c8,
.game-skin .hm_list i.c8 { background: #ec4949 !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c9,
.game-skin .hm_list i.c9 { background: #ad5353 !important; color: #fff !important; }
.game-skin .lottery_now #haoma i.pk.c10,
.game-skin .hm_list i.c10 { background: #35ad2b !important; color: #fff !important; }
.game-skin .lottery_now #haoma_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: auto;
    padding: 2px 0 4px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
}
.game-skin .lottery_now #haoma_type.fan-under {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.game-skin .lottery_now #haoma_type .fan-lab {
    color: #e53935;
    font-size: 12px;
    margin: 0;
    display: block;
    text-align: center;
    line-height: 18px;
}
.game-skin .lottery_now #haoma_type.fan-under .fan-lab.fan-q {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.game-skin .lottery_now #haoma_type.fan-under .fan-lab.fan-z {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.game-skin .lottery_now #haoma_type.fan-under .fan-lab.fan-h {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.game-skin .lottery_now #haoma_type.fan-under .fan-gap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.game-skin .game_box {
    display: block !important;
    position: relative;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 20px;
    width: 100% !important;
    max-width: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.game-skin .game_box_shade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 30;
    background: rgba(200, 200, 200, 0.35);
    opacity: 1;
    filter: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: not-allowed;
}
.game-skin .lottery_box .lottery_next {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    min-height: 32px;
    padding: 6px 8px;
    background: #f7f7f7;
    color: #333;
    font-size: 14px;
}
.game-skin .lottery_next #qishu_next {
    font-size: 14px;
    color: #565d64;
    font-weight: 700;
    margin-right: 6px;
}
.game-skin .lottery_next #qishu_next i {
    color: #565d64;
    font-weight: 700;
    font-style: normal;
}
.game-skin .lottery_next #time {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: #565d64;
    margin-left: 0;
    cursor: default;
}
.game-skin .lottery_next #time em {
    color: #565d64;
    font-weight: 700;
    font-style: normal;
    margin-right: 4px;
}
.game-skin .lottery_next #time i {
    background: none;
    color: #e45858 !important;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-style: normal;
    border-radius: 0;
}
/* 封盘：只显示红色「已封盘」 */
html.is-fengpan .game-skin .lottery_next #time,
.game-skin .lottery_next #time.is-closed {
    cursor: pointer;
}
html.is-fengpan .game-skin .lottery_next #time em,
.game-skin .lottery_next #time.is-closed em {
    color: #e45858;
    font-weight: 700;
}
html.is-fengpan .game-skin .lottery_next #time i,
.game-skin .lottery_next #time.is-closed i {
    display: none !important;
}
.game-skin .lottery_next .today-pl {
    margin-left: auto;
    margin-right: 22px;
    background: #555;
    color: #fff;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 12px;
}
.game-skin .lottery_next a.go_more {
    display: none;
}
.game-skin .lottery_next a.more {
    border-color: #4886ec;
    top: 12px;
}
.game-skin .haoma_box.his-box {
    display: none;
    position: relative;
    width: auto;
    padding: 0;
    background: #fff;
    color: #333;
    z-index: 10;
}
.game-skin .haoma_box.his-box a.more {
    background: #1f9683;
    margin: 6px auto 8px;
}
.game-skin .his-box ul {
    margin: 0;
    padding: 0;
}
.game-skin .his-box .his-hd,
.game-skin .his-box .his-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 6px 4px;
    line-height: 16px;
    text-align: center;
}
.game-skin .his-box .his-hd {
    background: #f2f2f2;
    color: #666;
    font-size: 12px;
}
.game-skin .his-box .his-hd span,
.game-skin .his-box .his-row .his-qs,
.game-skin .his-box .his-row .his-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.game-skin .his-box .his-qs {
    font-size: 11px;
    color: #333;
    text-align: center;
}
.game-skin .his-box .his-cell {
    display: block;
    text-align: center;
}
.game-skin .his-box .his-cell i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    margin: 0 1px;
    border-radius: 2px !important;
    color: #fff;
    text-shadow: none;
    font-style: normal;
}
.game-skin .his-box .his-cell em {
    display: block;
    color: #e53935;
    font-style: normal;
    font-size: 13px;
    margin-top: 2px;
    background: none;
    width: auto;
}
.lottery_box .lottery_next.g-util {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: auto;
    padding: 6px 4px 8px;
    font-size: 11px;
    background: #fff;
    border-top: 1px solid #eee;
}
.lottery_next.g-util a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    color: #666;
    position: static;
    width: auto;
    height: auto;
    line-height: 16px;
    margin: 0 3px;
    padding: 6px 0 4px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-transform: none;
    transform: none;
    font-size: 11px;
}
.lottery_next.g-util a i {
    display: block;
    font-size: 18px;
    color: #888;
    line-height: 20px;
    margin-bottom: 2px;
}
.game-skin .tan_box {
    display: none;
    background: #fff;
    margin: 0 0 6px;
}
.game-skin .tan_box.on {
    display: block !important;
}
.game-skin .trend-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e8e8e8;
    position: relative;
    padding-right: 64px;
    min-height: 32px;
}
.game-skin .trend-tabs a.tan-pos {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 32px;
    color: #333;
    font-size: 14px;
    background: #e8e8e8;
}
.game-skin .trend-tabs a.tan-pos.on {
    background: #2196f3;
    color: #fff;
    font-weight: 700;
}
.game-skin .trend-tabs .tan-title {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: 32px;
    padding-left: 12px;
    color: #333;
    font-size: 14px;
}
/* 非 10 球彩种：不显示前三/中三/后三 */
.game-skin .trend-tabs.no-pos a.tan-pos {
    display: none !important;
}
.game-skin .trend-tabs.no-pos .tan-title {
    display: block;
}
.game-skin .trend-tabs.has-pos .tan-title {
    display: none !important;
}
.game-skin .trend-tabs a.go_tan {
    position: absolute;
    right: 4px;
    top: 3px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: auto;
    padding: 0 8px;
    line-height: 26px;
    height: auto;
    background: transparent;
    border-radius: 0;
    font-size: 13px;
    color: #e53935;
    font-weight: 700;
    display: block !important;
}
.game-skin .tan_box .tanbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    background: #fff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.game-skin .tan_box .tanbox ul {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28px;
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid #e6e6e6;
    border-bottom: none;
}
.game-skin .tan_box .tanbox ul:last-child {
    border-right: 1px solid #e6e6e6;
}
.game-skin .tan_box .tanbox ul li {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    padding: 0;
    border-top: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.game-skin .tan_box .tanbox ul li i {
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* 走势路子：1/3 橙球，2/4 蓝球（大路同色连竖） */
.game-skin .tan_box .tanbox ul li i.s1,
.game-skin .tan_box .tanbox ul li i.s3 {
    background-color: #ff9800 !important;
    color: #fff !important;
}
.game-skin .tan_box .tanbox ul li i.s2,
.game-skin .tan_box .tanbox ul li i.s4 {
    background-color: #2196f3 !important;
    color: #fff !important;
}
.game-skin .games .title {
    position: relative;
    float: left;
    width: 20%;
    max-width: 145px;
}
.pos-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #ececec;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 15;
}
.pos-tabs a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 36px;
    color: #333;
    font-size: 14px;
}
.pos-tabs a.on {
    background: #1e88e5;
    color: #fff;
    font-weight: 700;
}

/* 番摊盘面：对齐参考站（SVG viewBox 780×200 + preserveAspectRatio=none 拉成正方形，grid-item 20% 网格） */
.ft-wrap {
    background: #fff;
    padding: 0;
    width: 100%;
    max-width: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#game.ft-wrap a {
    line-height: normal;
    font-weight: 400;
    color: #222;
    background: transparent;
    border: none;
    border-radius: 0;
    text-decoration: none;
}
#game.ft-wrap a:hover {
    background: transparent !important;
}
/* 正方形盘面（与参考站视觉一致）；选中只填 polygon，不用标签矩形底 */
.ft-board {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #fff;
    overflow: hidden;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-tap-highlight-color: transparent;
}
.ft-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-tap-highlight-color: transparent;
}
.ft-svg polygon {
    fill: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    pointer-events: all;
    stroke: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.ft-svg polygon.fan-top { fill: #f6e7a8; }
.ft-svg polygon.fan-right { fill: #c5dcc0; }
.ft-svg polygon.fan-bot { fill: #e8e8e8; }
.ft-svg polygon.fan-left { fill: #b7d4ce; }
.ft-svg polygon.on,
.ft-svg polygon.fan-top.on,
.ft-svg polygon.fan-right.on,
.ft-svg polygon.fan-bot.on,
.ft-svg polygon.fan-left.on {
    fill: #d4ebe7 !important;
}
.ft-svg path.ft-border {
    fill: none;
    stroke: #aaa;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
    shape-rendering: crispEdges;
}
.ft-labels {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}
/* 必须盖过 #game.ft-wrap a，固定 20% 格子，避免文字塌缩重叠 */
#game.ft-wrap .ft-labels a {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 20% !important;
    height: 20% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    float: none !important;
}
#game.ft-wrap .ft-labels a.a,
#game.ft-wrap .ft-labels a.a:hover,
#game.ft-wrap .ft-labels a.a:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #222 !important;
}
/* 外围 16 格：与参考站 nth-child 坐标一致 */
#game.ft-wrap .ft-labels a.g-j34 { left: 0; top: 0; }
#game.ft-wrap .ft-labels a.g-n34 { left: 20%; top: 0; }
#game.ft-wrap .ft-labels a.g-n31 { left: 40%; top: 0; }
#game.ft-wrap .ft-labels a.g-n32 { left: 60%; top: 0; }
#game.ft-wrap .ft-labels a.g-j23 { left: 80%; top: 0; }
#game.ft-wrap .ft-labels a.g-n23 { left: 80%; top: 20%; }
#game.ft-wrap .ft-labels a.g-n24 { left: 80%; top: 40%; }
#game.ft-wrap .ft-labels a.g-n21 { left: 80%; top: 60%; }
#game.ft-wrap .ft-labels a.g-j12 { left: 80%; top: 80%; }
#game.ft-wrap .ft-labels a.g-n12 { left: 60%; top: 80%; }
#game.ft-wrap .ft-labels a.g-n13 { left: 40%; top: 80%; }
#game.ft-wrap .ft-labels a.g-n14 { left: 20%; top: 80%; }
#game.ft-wrap .ft-labels a.g-j41 { left: 0; top: 80%; }
#game.ft-wrap .ft-labels a.g-n41 { left: 0; top: 60%; }
#game.ft-wrap .ft-labels a.g-n42 { left: 0; top: 40%; }
#game.ft-wrap .ft-labels a.g-n43 { left: 0; top: 20%; }
/* 四番 / 单双 */
#game.ft-wrap .ft-labels a.g-f3 { left: 35%; top: 20%; width: 30% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a.g-f2 { left: 65%; top: 40%; width: 15% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a.g-f1 { left: 35%; top: 60%; width: 30% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a.g-f4 { left: 20%; top: 40%; width: 15% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a.g-d { left: 35%; top: 40%; width: 15% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a.g-s { left: 50%; top: 40%; width: 15% !important; height: 20% !important; }
#game.ft-wrap .ft-labels a i {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #333;
    position: static !important;
    font-weight: 700;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
#game.ft-wrap .ft-labels a em {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    color: #e53935 !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
#game.ft-wrap .ft-labels a.fan i,
#game.ft-wrap .ft-labels a.g-d i,
#game.ft-wrap .ft-labels a.g-s i {
    font-size: 13px;
}
#game.ft-wrap .ft-labels a.fan em,
#game.ft-wrap .ft-labels a.g-d em,
#game.ft-wrap .ft-labels a.g-s em {
    font-size: 12px;
    color: #e53935 !important;
}
/* 正 / 门 / 通：对齐参考站 section */
.ft-sec {
    margin-top: 0;
    background: #fff;
}
.ft-sec-hd {
    background: #dcdcdc;
    color: #666;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 4px;
    border-bottom: 1px solid #e6e6e6;
}
.ft-list {
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#game.ft-wrap .ft-list a {
    float: none;
    width: 50%;
    height: 48px !important;
    min-height: 48px;
    padding: 0;
    margin: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff !important;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    color: #333;
}
#game.ft-wrap .ft-list a:nth-child(4n+3),
#game.ft-wrap .ft-list a:nth-child(4n+4) {
    background: #f1f1f1 !important;
}
#game.ft-wrap .ft-list a.a,
#game.ft-wrap .ft-list a.a:nth-child(n) {
    background: #d4ebe7 !important;
}
#game.ft-wrap .ft-list a i {
    display: block !important;
    float: none !important;
    width: auto !important;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin: 0;
    position: static !important;
    text-align: center;
}
#game.ft-wrap .ft-list a em {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #e53935 !important;
    margin: 0;
    position: static !important;
    bottom: auto !important;
    text-align: center;
}
.ft-wrap a .bet-amt {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 28px;
    background: rgba(40,40,40,.92);
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 3px;
    z-index: 9;
    text-align: center;
    pointer-events: none;
}
.line_box .line .tab a .bet-amt {
    position: absolute;
    right: 6px;
    bottom: 2px;
    background: #555;
    color: #fff;
    font-size: 11px;
    padding: 0 6px;
    line-height: 16px;
    border-radius: 2px;
    z-index: 2;
}
.send_box.game-betbar {
    display: block !important;
    bottom: 0 !important;
    padding: 0;
    width: 100%;
    max-width: 750px;
    background: #fff;
    color: #333;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
}
.send_box.game-betbar .bet-sum {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    width: 100%;
    max-width: none;
    background: #999;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    border-radius: 0;
    text-align: center;
}
.bet-keypad {
    display: none;
    overflow: hidden;
    margin: 0;
    background: #dcdcdc;
}
.bet-keypad.on {
    display: block;
}
.bet-keypad a {
    float: left;
    width: 25%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    color: #222;
    font-size: 18px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bet-keypad a.k-fn {
    background: #f3f3f3;
    font-size: 14px;
    color: #1f9683;
}
.bet-keypad a.k-ok {
    color: #fff;
    background: #1f9683;
    font-size: 15px;
}
.bet-keypad a:active {
    background: #e8e8e8;
}
.send_box.game-betbar .chip-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    padding: 10px 8px 6px;
    text-align: center;
    overflow: visible;
    background: #f1f1f1;
    box-shadow: 0 -1px 2px rgba(0,0,0,.25);
}
.send_box.game-betbar .chip-kb {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    background: transparent !important;
    border-radius: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.send_box.game-betbar .chip-kb i {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 0;
    position: relative;
    vertical-align: middle;
    background:
        linear-gradient(#666,#666) 0 3px / 18px 2px no-repeat,
        linear-gradient(#666,#666) 0 8px / 18px 2px no-repeat,
        linear-gradient(#666,#666) 0 13px / 18px 2px no-repeat;
}
.send_box.game-betbar .chip-kb i:before {
    display: none;
}
.send_box.game-betbar .chip-row a.chip {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    padding: 0;
    border-radius: 50%;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    border: none;
    box-shadow: none;
    overflow: visible;
    background-color: #1565c0 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.send_box.game-betbar .chip-row a.chip.c2 { background-color: #1565c0 !important; }
.send_box.game-betbar .chip-row a.chip.c10 { background-color: #c62828 !important; }
.send_box.game-betbar .chip-row a.chip.c15 { background-color: #6a1b9a !important; }
.send_box.game-betbar .chip-row a.chip.c50 { background-color: #ef6c00 !important; }
.send_box.game-betbar .chip-row a.chip.c100 { background-color: #2e7d32 !important; }
.send_box.game-betbar .chip-row a.chip.c500 { background-color: #0d47a1 !important; }
.send_box.game-betbar .chip-row a.chip img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 50%;
}
.send_box.game-betbar .chip-row a.chip b {
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #262626;
}
.send_box.game-betbar .chip-row a.chip.on {
    box-shadow: 0 0 0 2px #7CFF6B;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.send_box.game-betbar .chip-row a.chip-clear {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    border-radius: 14px;
    background: transparent !important;
    color: #666 !important;
    font-size: 22px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.send_box.game-betbar .bet-act {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 6px 8px 10px;
    background: #fff;
    height: auto;
}
.send_box.game-betbar .bet-act a#allin,
.send_box.game-betbar .bet-act a#send {
    height: 36px;
    line-height: 36px;
    min-width: 88px;
    padding: 0 12px;
    background: #1f9683;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.send_box.game-betbar .bet-act .money-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    margin: 0 8px;
}
.send_box.game-betbar .bet-act input#money {
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #5cc4b3;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: textfield;
}
.send_box.game-betbar .bet-act input#money::-webkit-outer-spin-button,
.send_box.game-betbar .bet-act input#money::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.send_box.game-betbar .money-step {
    display: none !important;
}

/*悬浮加载层*/
.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;
}

/* ========== 功能页（报表/充提/开奖/侧栏） ========== */
.header.ui-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 8px;
    text-align: center;
}
.header.ui-head a.back,
.header.ui-head a.ui-menu,
.header.ui-head a.home-user {
    position: static;
    width: auto;
    height: 48px;
    line-height: 48px;
    color: #fff;
}
.header.ui-head h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 16px;
}
.header.ui-head a.ui-menu {
    width: 28px;
    text-align: center;
}
.fn-tabs,
.report-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    background: #1a7a6a;
    border-bottom: none;
    margin-top: 0;
    position: relative;
    z-index: 90;
}
.fn-tabs a,
.report-tabs a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
}
.fn-tabs a.on,
.report-tabs a.on {
    color: #fff;
    border-bottom: 2px solid #fff;
    font-weight: 700;
}
.pay-skin .fn-tabs {
    background: #222;
}
.pay-skin .fn-tabs a {
    color: #fff;
    margin: 4px 2px;
    line-height: 32px;
    border-radius: 4px;
    border-bottom: none;
}
.pay-skin .fn-tabs a.on {
    background: #26a69a;
    border-bottom: none;
    color: #fff;
}
.report-filter {
    background: #fff;
    padding: 10px 12px 8px;
    margin-bottom: 8px;
}
.report-filter .rf-date {
    margin-bottom: 8px;
    color: #333;
}
.report-filter .rf-date span {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 13px;
    background: #fff;
    box-sizing: border-box;
}
.report-filter .rf-btns {
    overflow: hidden;
}
.report-filter .rf-btns a {
    float: left;
    width: 23%;
    margin-right: 2.5%;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #444;
    border: 1px solid #444;
    border-radius: 4px;
    font-size: 12px;
    box-sizing: border-box;
}
.report-filter .rf-btns a:last-child { margin-right: 0; width: 23%; }
.report-filter .rf-btns a.on {
    background: #1f9683;
    border-color: #1f9683;
    color: #fff;
}
.report-table {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    font-size: 13px;
}
.report-table th {
    background: #1f9683;
    color: #fff;
    padding: 8px 4px;
    font-weight: 400;
}
.report-table td {
    padding: 8px 4px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}
.report-table tr:nth-child(even) td { background: #f7f7f7; }
.bet-filter { background:#fff; padding:10px; border-bottom:1px solid #e6e6e6; }
.bet-filter form { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.bet-filter-row { display:flex; align-items:center; gap:6px; }
.bet-filter input,.bet-filter select,.bet-filter button { height:32px; border:1px solid #d4dce1; background:#fff; padding:0 8px; border-radius:3px; }
.bet-filter button { border-color:#1f9683; background:#1f9683; color:#fff; padding:0 16px; }
.bet-quick { display:flex; gap:6px; flex-wrap:wrap; }
.bet-quick a { display:inline-block; min-width:52px; padding:6px 12px; text-align:center; background:#4a4a4a; color:#fff; border-radius:3px; }
.bet-table-wrap { overflow-x:auto; background:#fff; }
.bet-table { min-width:720px; }
.bet-table .bet-content { min-width:170px; text-align:left; }
.bet-table .sub { display:block; margin-top:3px; color:#929da4; font-size:12px; font-weight:400; }
.feature-toast { display:none; position:fixed; z-index:99999; top:18px; left:50%; transform:translateX(-50%); min-width:220px; max-width:88%; padding:15px 44px 15px 18px; border-radius:2px; background:#f56565; color:#fff; text-align:left; box-shadow:0 4px 12px rgba(0,0,0,.18); font-size:16px; font-weight:bold; }
.feature-toast-close { position:absolute; right:12px; top:50%; transform:translateY(-52%); color:#fff!important; text-decoration:none; font-size:26px; line-height:1; font-weight:normal; }
.record-filter { padding:12px 10px 8px; background:#fff; font-size:14px; }
.record-filter label { display:inline-flex; align-items:center; gap:7px; width:49%; }
.record-filter input,.record-filter select { min-width:0; flex:1; height:38px; border:1px solid #d6dde2; background:#fff; padding:0 10px; }
.record-quick { display:flex; margin-top:10px; border:1px solid #1f9683; }
.record-quick a { flex:1; text-align:center; padding:5px 0; color:#44515d; border-right:1px solid #1f9683; cursor:pointer; }
.record-quick a:last-child { border-right:0; }
.record-quick a.on { background:#1f9683; color:#fff; }
.record-table { width:100%; border-collapse:collapse; background:#fff; }
.record-table th { height:42px; padding:0 6px; color:#5d6b78; background:#f7f8f9; border-bottom:1px solid #dce2e6; white-space:nowrap; }
.record-table td { padding:12px 6px; text-align:center; border-bottom:1px solid #e2e6e9; }
.record-table td small { display:block; max-width:150px; margin:4px auto 0; color:#929ba2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rebate-page { padding:20px 8px; background:#fff; box-sizing:border-box; }
.rebate-apply { margin-bottom:12px; padding:0 16px; height:36px; border:0; border-radius:9px; color:#fff; font-weight:bold; font-size:15px; background:linear-gradient(#36d1b2,#0a9a7d); }
.rebate-apply:disabled { opacity:.45; }
.rebate-day-tip { margin: -3px 2px 12px; color: #7c8795; font-size: 12px; line-height: 1.5; }
.rebate-table { border:1px solid #edf0f2; }
.record-select-stack { width:250px; max-width:calc(100% - 24px); margin:18px auto 0; padding:8px 12px; border:1px solid #cfd6dc; border-radius:12px; background:#f5f6f8; box-sizing:border-box; text-align:center; }
.record-select-stack select,.record-select-stack input { display:block; width:100%; height:32px; padding:0 65px; border:0; background:transparent; text-align:center; color:#52606d; }
.pay-record-table,.cash-record-table { margin-top:16px; }
.cash-rules { margin:14px 18px!important; padding:12px!important; background:#eafcff!important; color:#222!important; line-height:1.75!important; }
.cash-rules b { color:red; font-weight:normal; }
.cash-balance { padding:8px 0 5px; font-size:16px; color:#111; }
.profile-list li:before { content:'♙'; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-right:14px; border-radius:50%; background:#ff9635; color:#fff; font-size:25px; flex:0 0 40px; }
.profile-list li:nth-child(2):before{background:#59bd54}.profile-list li:nth-child(3):before{background:#a66bd1}.profile-list li:nth-child(4):before{background:#4f91df}.profile-list li:nth-child(5):before{background:#27bed5}.profile-list li:nth-child(6):before{background:#f15b42}.profile-list li:nth-child(7):before{content:'▣';background:#ff9339}
.profile-list .pl-lab { font-size:17px; font-weight:bold; }
.profile-list .pl-val,.profile-list .pl-act { font-size:16px; }
.side-panel { width:calc(100% - 20px); max-width:none; top:30px; right:10px; bottom:12px; }
.side-panel .sp-bar { height:52px; line-height:52px; background:#fff; color:#111; font-size:18px; font-weight:bold; }
.side-panel .sp-close { color:#111!important; font-size:32px; }
.side-panel .sp-sum { padding:11px 14px; text-align:right; font-size:17px; font-weight:bold; }
.side-panel .sp-empty { padding:5px 8px; text-align:left; color:#111; }
@media(max-width:520px){.record-filter label{width:100%;margin-bottom:8px}.record-table{font-size:12px}.record-table th,.record-table td{padding-left:3px;padding-right:3px}}
.report-table em.loss {
    display: inline-block;
    min-width: 52px;
    background: #43a047;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
}
.report-table em.win {
    display: inline-block;
    min-width: 52px;
    background: #e53935;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
}
.report-table em.zero {
    display: inline-block;
    min-width: 52px;
    background: #bdbdbd;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
}
.pay-channel {
    margin: 10px;
    border: 1px solid #42a5f5;
    border-radius: 4px;
    overflow: hidden;
}
.pay-channel .pc-hd {
    background: #42a5f5;
    color: #fff;
    text-align: center;
    height: 32px;
    line-height: 32px;
}
.pay-channel .pc-bd {
    padding: 14px 8px;
    text-align: center;
    color: #1e88e5;
}
.pay-channel .pc-bd a { color: #1e88e5; margin: 0 6px; display: inline-block; padding: 6px 12px; border: 1px solid #1f9683; border-radius: 4px; color: #1f9683; }
.pay-skin .pay_ewm {
	display: block !important;
	margin: 0 0 12px;
	padding: 8px 0 4px;
	background: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.pay-skin .pay_ewm .ewm {
	text-align: center;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 8px auto !important;
	overflow: hidden !important;
	position: relative;
}
.pay-skin .pay_ewm .ewm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pay-skin .pay_ewm .ewm li {
	display: none;
	list-style: none;
	height: auto !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.pay-skin .pay_ewm .ewm li.a {
	display: block;
}
.pay-skin .pay_ewm .ewm img {
	display: block;
	margin: 0 auto;
	width: auto !important;
	max-width: 220px !important;
	max-height: 220px !important;
	height: auto !important;
	object-fit: contain;
}
.pay-skin .pay_ewm .ewm li div {
	text-align: left;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
	word-break: break-all;
	padding: 8px 4px;
	white-space: pre-wrap;
}
.pay-copy-btn {
	display: inline-block;
	margin: 8px auto 4px;
	padding: 8px 28px;
	background: #1f9683;
	color: #fff !important;
	border-radius: 20px;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}
.pay-copy-btn:active {
	opacity: 0.85;
}
.pay-skin .pay_ewm .ewm li.a .pay-copy-btn {
	display: inline-block;
}
.pay-skin .pay-tip.red {
	position: relative;
	z-index: 2;
	margin: 0 0 10px;
}
.pay-skin .pay-form,
.pay-skin #send_form,
.pay-skin .pay-warn,
.pay-skin .submit {
	position: relative;
	z-index: 2;
	clear: both;
}
.pay-skin .scroll_box {
	margin-top: 0 !important;
	padding-bottom: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pay-skin .user_box {
	overflow: hidden;
}
.pay-tip.red {
    margin: 0 10px 10px;
    padding: 8px 10px;
    background: #e3f2fd;
    color: #e53935;
    font-size: 13px;
    line-height: 1.6;
}
.pay-form label {
    display: block;
    margin: 8px 0 4px;
    color: #333;
}
.pay-form .inputxt {
    background: #f2f2f2;
}
.pay-range {
    background: #ffe0b2;
    color: #e65100;
    font-size: 12px;
    padding: 6px 8px !important;
    margin: 6px 0;
}
.pay-warn {
    margin: 10px 0;
    padding: 8px 10px;
    background: #ffebee;
    color: #c62828;
    font-size: 13px;
    line-height: 1.6;
}
.pay-skin .submit input {
    background: #1f9683;
    border: none;
    color: #fff;
    height: 42px;
    border-radius: 6px;
    font-size: 16px;
}
.side-panel .sp-bar {
    background: #f2f2f2;
    color: #333;
}
.side-panel .sp-bar strong { float: left; }
.side-panel .sp-close { color: #333; }
.side-panel .sp-sum { text-align: right; }
.sp-list { margin: 0; padding: 0; list-style: none; }
.sp-list li {
    overflow: hidden;
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}
.sp-list .sp-qs { color: #888; margin-right: 8px; }
.sp-list .sp-m { float: right; color: #e53935; }
.sp-order-detail li { display: block; line-height: 1.65; }
.sp-order-detail li > div { overflow: hidden; }
.sp-order-detail b { color: #24485f; }
.sp-order-detail .sp-sub,.sp-order-detail .sp-order-no { color: #8797a2; font-size: 12px; }
.sp-order-detail .sp-time { float: right; color: #8797a2; font-size: 12px; }
.omit-list { margin: 0; padding: 0; list-style: none; }
.omit-list li {
    overflow: hidden;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}
.omit-list i { font-style: normal; color: #1aa38f; font-weight: 700; }
.omit-list em { float: right; color: #e53935; font-size: 16px; }

.pay-skin .user_box {
    margin: 0 10px 12px;
    padding: 10px 12px 16px;
    background: #fff;
    border-radius: 4px;
}
.pay-skin .pay-form ul { margin: 0; padding: 0; list-style: none; }
.pay-skin .pc-bd a.a { background: #1f9683; color: #fff !important; font-weight: 700; text-decoration: none; border-color: #1f9683; }
.pay-skin .cash-acc { margin: 6px 0; color: #666; }
.pay-skin .rec-table { background: #fff; margin: 8px 0 0; }
.home-page .table.rec-table .list ul {
    background: #fff;
    margin-bottom: 8px;
}

.kj-filter {
    background: #fff;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    margin-top: 0;
    position: relative;
    z-index: 90;
}
.kj-filter input.date,
.kj-filter input.input-text {
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    padding: 0 6px;
    width: 120px;
}
.kj-filter button {
    height: 28px;
    padding: 0 12px;
    background: #1f9683;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-left: 6px;
}
.kj-filter a.load { margin-left: 8px; color: #1f9683; }
.kj-page .kj-his {
    background: #fff;
}
.kj-page .his-hd,
.kj-page .his-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 8px 4px;
    text-align: center;
}
.kj-page .his-hd {
    background: #f2f2f2;
    color: #666;
    font-size: 13px;
}
.kj-page .his-hd span,
.kj-page .his-row .his-qs,
.kj-page .his-row .his-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.kj-page .his-qs {
    font-size: 12px;
    color: #333;
}
.kj-page .his-cell i.pk,
.kj-page .his-nums i.pk {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    margin: 0 1px;
    border-radius: 2px;
    color: #fff;
    font-style: normal;
}
.kj-page .his-cell em {
    display: block;
    color: #e53935;
    font-style: normal;
    font-size: 14px;
    margin-top: 2px;
}
.kj-page i.pk.c1 { background: #ffbe00; }
.kj-page i.pk.c2 { background: #0089ff; }
.kj-page i.pk.c3 { background: #4d4d4d; }
.kj-page i.pk.c4 { background: #ff7300; }
.kj-page i.pk.c5 { background: #2bcccc; }
.kj-page i.pk.c6 { background: #7f52de; }
.kj-page i.pk.c7 { background: #9a9999; }
.kj-page i.pk.c8 { background: #ec4949; }
.kj-page i.pk.c9 { background: #ad5353; }
.kj-page i.pk.c10 { background: #35ad2b; }
.kj-page .his-wait { color: #999; -webkit-box-flex: 3; flex: 3; }
.kj-page .no-data { text-align: center; color: #999; padding: 40px 0; }

.login-links {
    overflow: hidden;
    margin-top: 12px;
    font-size: 13px;
}
.login-links a { color: #1f9683; }
.login-links a.reg { float: left; }
.login-links a.pwd, .login-links a.login { float: right; }
.invite-url {
    word-break: break-all;
    padding: 10px;
    background: #f5f5f5;
    color: #333;
    font-size: 13px;
}
.invite-box .pc-hd {
    background: #1f9683;
    color: #fff;
    text-align: center;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
}
.invite-box .submit a {
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #1f9683;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
}
.team-dates a {
    width: 15% !important;
    margin-right: 2% !important;
    margin-bottom: 6px;
}
.user-panel.static-panel {
    position: static;
    width: auto;
    max-width: none;
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
    height: auto;
}
.kefu-box { background: #fff; }
/* 客服页：输入栏紧贴底栏，去掉中间灰色空白 */
.main.kefu-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding-bottom: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.main.kefu-page > .kefu-chat-page {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-height: 0;
    height: auto !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    background: #f5f6f8;
}
/* 计划群：输入栏贴底栏，去掉中间灰色空白 */
.main.plan-shell-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding-bottom: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.main.plan-shell-page > .scroll_box.plan-page {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-height: 0;
    height: auto !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    background: #f5f6f8;
}
.kefu-chat-page { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; }
.kefu-chat { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; height: 100%; min-height: 0; background: #f5f6f8; }
.kefu-tips { padding: 8px 12px; font-size: 12px; color: #888; background: #fff8e6; border-bottom: 1px solid #f0e6c8; text-align: center; }
.kefu-status {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px;
	border-radius: 10px;
	font-size: 11px;
	line-height: 16px;
	vertical-align: middle;
}
.kefu-status.on { background: #e8f8ef; color: #1f9683; }
.kefu-status.off { background: #eee; color: #999; }
.kefu-msgs { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 12px; }
.km-empty { text-align: center; color: #999; padding: 40px 10px; font-size: 13px; }
.km-empty a { color: #2f80ed; }
.km-row {
	display: -webkit-box; display: -webkit-flex; display: flex;
	-webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start;
	gap: 8px; margin: 8px 0; clear: both;
}
.km-row.mine { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; }
.km-row.staff { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; }
.km-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #eee; -webkit-flex-shrink: 0; flex-shrink: 0; }
.km-main { max-width: 72%; }
.km-row.mine .km-main { text-align: right; }
.km-row.staff .km-main { text-align: left; }
.km-bubble { display: inline-block; max-width: 100%; padding: 8px 12px; border-radius: 10px; font-size: 14px; line-height: 1.45; word-break: break-word; text-align: left; }
.km-row.mine .km-bubble { background: #2f80ed; color: #fff; border-bottom-right-radius: 3px; }
.km-row.staff .km-bubble { background: #fff; color: #333; border: 1px solid #e8e8e8; border-bottom-left-radius: 3px; }
.km-time { font-size: 11px; color: #aaa; margin-top: 3px; }
.kefu-input { display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; padding: 8px 10px; background: #fff; border-top: 1px solid #eaeaea; }
.kefu-input textarea { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 40px; border: 1px solid #ddd; border-radius: 6px; padding: 8px; resize: none; font-size: 14px; box-sizing: border-box; }
.kefu-input button { width: 64px; border: 0; border-radius: 6px; background: #2f80ed; color: #fff; font-size: 14px; }
.kefu-badge {
	position: absolute;
	top: 2px;
	right: 8px;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #e53935;
	color: #fff;
	font-size: 10px;
	text-align: center;
	box-sizing: border-box;
	z-index: 2;
}
.footer a.foot_btn { position: relative; }
.up-grid a.up-kefu,
.up-grid a.js-kefu-dot { position: relative; }
.up-grid .kefu-badge { top: 4px; right: 10px; }
.has-kefu-dot { position: relative; }
.has-kefu-dot:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e53935;
	z-index: 2;
}
#openUserPanel.has-kefu-dot:after { top: 10px; right: 2px; }
.app-box { text-align: center; padding: 30px 16px; }
.app-box h4 { font-size: 18px; margin-bottom: 10px; }
.app-box .submit a {
    display: block;
    height: 42px;
    line-height: 42px;
    background: #1f9683;
    color: #fff;
    border-radius: 6px;
}
.rules {
    background: #fff;
    margin: 10px;
    padding: 12px;
    font-size: 13px;
    line-height: 1.7;
    color: #333;
}
.rules .title {
    text-align: center;
    font-size: 16px;
    color: #1f9683;
    margin-bottom: 10px;
    font-weight: 700;
}
.rules h5 {
    color: #1f9683;
    margin: 12px 0 6px;
}

/* 计划群 / 中奖排行 */
.g-tabs a {
    position: relative;
}
.g-tabs a.on:after {
    content: '';
    position: absolute;
    left: 22%;
    right: 22%;
    bottom: 0;
    height: 2px;
    background: #1f9683;
}
.plan-page,
.plan-embed {
    background: #f5f6f8;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.plan-chat {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
.plan-tips {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 8px 12px;
    font-size: 12px;
    color: #888;
    background: #fff8e6;
    border-bottom: 1px solid #f0e6c8;
}
.plan-msgs {
    -webkit-box-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 12px 16px;
    min-height: 0;
}
.pm-empty,
.rank-empty {
    text-align: center;
    color: #aaa;
    padding: 40px 12px;
    font-size: 13px;
}
.pm-row {
    margin-bottom: 10px;
    max-width: 88%;
}
.pm-row.mine {
    margin-left: auto;
    text-align: right;
}
.pm-meta {
    font-size: 11px;
    color: #999;
    margin-bottom: 3px;
}
.pm-meta b {
    color: #666;
    font-weight: 600;
    margin-right: 6px;
}
.pm-row.mine .pm-meta b { color: #1f9683; }
.pm-bubble {
    display: inline-block;
    text-align: left;
    background: #fff;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.45;
    word-break: break-word;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.pm-row.mine .pm-bubble {
    background: #d9f3ee;
}
.plan-input {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #e8e8e8;
    position: relative;
    z-index: 40;
    pointer-events: auto;
}
.plan-input input {
    -webkit-box-flex: 1;
    flex: 1;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 18px;
    padding: 0 14px;
    font-size: 16px;
    outline: none;
    background: #f7f7f7;
    -webkit-user-select: text !important;
    user-select: text !important;
    pointer-events: auto !important;
    -webkit-appearance: none;
    appearance: none;
}
.plan-input button {
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 18px;
    background: #1f9683;
    color: #fff;
    font-size: 14px;
    pointer-events: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.plan-input input:disabled,
.plan-input button:disabled {
    opacity: 0.55;
}
.plan-input.plan-muted input {
    text-align: center;
    color: #999;
    background: #eee;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: not-allowed;
}
.plan-input.plan-muted button {
    background: #b0bec5;
    cursor: not-allowed;
}
.rank-head {
    padding: 12px 14px;
    background: #fff;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}
.rank-head span {
    color: #888;
    font-weight: 400;
    font-size: 12px;
    margin-left: 6px;
}
.rank-head a {
    float: right;
    color: #1f9683;
    font-weight: 400;
    font-size: 13px;
}
.rank-list {
    padding: 8px;
}
.rank-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    padding: 12px 10px;
    margin-bottom: 6px;
    font-size: 13px;
}
.rank-row.me {
    background: #e8f7f4;
}
.rank-row .rk {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #eaeaea;
    color: #666;
    font-weight: 700;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.rank-row .rk.r1 { background: #ffd54f; color: #7a5a00; }
.rank-row .rk.r2 { background: #cfd8dc; color: #455a64; }
.rank-row .rk.r3 { background: #ffab91; color: #bf360c; }
.rank-row .un {
    -webkit-box-flex: 1;
    flex: 1;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rank-row .wn {
    color: #999;
    margin: 0 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.rank-row .pf {
    color: #e53935;
    font-weight: 700;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/* 开奖中心：选彩种后展示开奖+算法 */
.kj-center-page .kj-panel {
    margin: 8px 10px 16px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.kj-center-page .kj-panel-hd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: #f5fbf9;
    border-bottom: 1px solid #e8f0ee;
    color: #1f9683;
    font-weight: 700;
}
.kj-center-page .kj-more {
    font-weight: 400;
    font-size: 13px;
    color: #1f9683;
}
.kj-center-page .kj-latest {
    padding: 12px;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}
.kj-center-page .kj-qs {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}
.kj-center-page .kj-qs i {
    font-style: normal;
    color: #1f9683;
    font-weight: 700;
}
.kj-center-page .kj-balls {
    line-height: 1.2;
    margin-bottom: 8px;
}
.kj-center-page .kj-balls.hm-ft10 {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kj-center-page .kj-balls i.pk,
.kj-center-page .kj-his i.pk,
.kj-page .his-nums i.pk,
.kj-page .his-cell i.pk {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    margin: 2px;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
}
.kj-center-page .kj-balls i.orange,
.kj-center-page .kj-his i.orange,
.kj-page .his-nums i.orange {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #ff9800;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    margin: 2px;
    font-weight: 700;
}
.kj-center-page .kj-balls i.pk.c1,
.kj-center-page .kj-his i.pk.c1,
.kj-page i.pk.c1 { background: #ffbe00; }
.kj-center-page .kj-balls i.pk.c2,
.kj-center-page .kj-his i.pk.c2,
.kj-page i.pk.c2 { background: #0089ff; }
.kj-center-page .kj-balls i.pk.c3,
.kj-center-page .kj-his i.pk.c3,
.kj-page i.pk.c3 { background: #4d4d4d; }
.kj-center-page .kj-balls i.pk.c4,
.kj-center-page .kj-his i.pk.c4,
.kj-page i.pk.c4 { background: #ff7300; }
.kj-center-page .kj-balls i.pk.c5,
.kj-center-page .kj-his i.pk.c5,
.kj-page i.pk.c5 { background: #2bcccc; }
.kj-center-page .kj-balls i.pk.c6,
.kj-center-page .kj-his i.pk.c6,
.kj-page i.pk.c6 { background: #7f52de; }
.kj-center-page .kj-balls i.pk.c7,
.kj-center-page .kj-his i.pk.c7,
.kj-page i.pk.c7 { background: #9a9999; }
.kj-center-page .kj-balls i.pk.c8,
.kj-center-page .kj-his i.pk.c8,
.kj-page i.pk.c8 { background: #ec4949; }
.kj-center-page .kj-balls i.pk.c9,
.kj-center-page .kj-his i.pk.c9,
.kj-page i.pk.c9 { background: #ad5353; }
.kj-center-page .kj-balls i.pk.c10,
.kj-center-page .kj-his i.pk.c10,
.kj-page i.pk.c10 { background: #35ad2b; }
.kj-center-page .kj-algo {
    font-size: 13px;
    color: #333;
    line-height: 1.6;
}
.kj-center-page .kj-algo .fan-lab {
    display: inline-block;
    margin-right: 8px;
    color: #e53935;
    font-weight: 700;
}
.kj-center-page .kj-algo i {
    font-style: normal;
    display: inline-block;
    margin-right: 2px;
}
.kj-center-page .kj-algo i.zw {
    color: #666;
    margin-right: 4px;
}
.kj-center-page .kj-algo i.s.c,
.kj-center-page .kj-algo i.z {
    color: #e53935;
    font-weight: 700;
}
.kj-center-page .kj-his {
    background: #fff;
    min-height: 120px;
}
.kj-center-page .kj-tip,
.kj-center-page .no-data,
.kj-page .no-data {
    text-align: center;
    color: #999;
    padding: 36px 12px;
    font-size: 13px;
}
.kj-center-page .his-hd,
.kj-center-page .his-row,
.kj-page .his-hd,
.kj-page .his-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 8px 6px;
    text-align: center;
}
.kj-center-page .his-hd,
.kj-page .his-hd {
    background: #f2f2f2;
    color: #666;
    font-size: 13px;
}
.kj-center-page .his-hd span,
.kj-center-page .his-row .his-qs,
.kj-center-page .his-row .his-cell,
.kj-page .his-hd span,
.kj-page .his-row .his-qs,
.kj-page .his-row .his-cell {
    -webkit-box-flex: 1;
    flex: 1;
}
.kj-center-page .his-qs,
.kj-page .his-qs {
    font-size: 12px;
    color: #333;
    max-width: 90px;
}
.kj-center-page .his-cell em,
.kj-page .his-cell em {
    display: block;
    color: #e53935;
    font-style: normal;
    font-size: 14px;
    margin-top: 2px;
    font-weight: 700;
}
.kj-center-page .his-nums,
.kj-page .his-nums {
    -webkit-box-flex: 3;
    flex: 3;
    text-align: left;
    padding-left: 4px;
}
.kj-center-page .his-nums em,
.kj-page .his-nums em {
    display: inline-block;
    margin-left: 4px;
    color: #e53935;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
}
.kj-center-page .his-wait,
.kj-page .his-wait {
    color: #999;
    -webkit-box-flex: 3;
    flex: 3;
}
.kj-center-page .onload {
    text-align: center;
    padding: 30px;
    color: #999;
}

/* 开奖中心结果页（对齐参考站 /result） */
.kj-result-page .kj-title {
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 1002;
}
.kj-result-page .kj-caret {
    font-style: normal;
    font-size: 10px;
    margin-left: 4px;
    opacity: .85;
}
/* 参考站 arrow-menu：点标题弹出切换彩种 */
.kj-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: transparent;
}
.kj-arrow-menu {
    position: fixed;
    left: 50%;
    top: 48px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1001;
    min-width: 160px;
    max-width: 86%;
    padding-top: 8px;
}
.kj-arrow-menu .kj-arrow {
    position: absolute;
    left: 50%;
    top: 2px;
    width: 0;
    height: 0;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 2;
}
.kj-arrow-menu .kj-arrow-bd {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,.18);
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
}
.kj-arrow-menu .kj-arrow-bd a {
    display: block;
    padding: 10px 20px;
    color: #606266;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kj-arrow-menu .kj-arrow-bd a.on {
    color: #1f9683;
    font-weight: 700;
    background: #f5fbf9;
}
.kj-style-tabs {
    display: -webkit-box;
    display: flex;
    background: #fff;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
}
.kj-style-tabs a {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    margin: 0 4px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #374151;
    font-size: 13px;
    background: #fff;
}
.kj-style-tabs a.on {
    border-color: #e1410f;
    color: #e1410f;
    font-weight: 700;
}
.kj-result-page .kj-result {
    background: #fff;
}
.kj-result-page .result-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.kj-result-page .result-table thead th {
    background: #dedcda;
    color: #444;
    font-size: 15px;
    font-weight: 700;
    padding: 8px 4px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.kj-result-page .result-table .th-qs {
    width: 18%;
}
.kj-result-page .result-table td {
    text-align: center;
    padding: 8px 2px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
    font-size: 13px;
}
.kj-result-page .result-table tr:nth-child(even) td {
    background: #f7f7f7;
}
.kj-result-page period,
.kj-result-page .result-table period {
    color: #666;
    font-size: 12px;
}
.kj-result-page .trio-balls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.kj-result-page .ftr1 {
    margin-top: 4px;
}
.kj-result-page .ftr2 {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    border-radius: 3px;
    background: linear-gradient(180deg, #c66, #b34747);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
}
.kj-result-page i.pk {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 1px;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.kj-result-page i.pk.c1 { background: #ffbe00; }
.kj-result-page i.pk.c2 { background: #0089ff; }
.kj-result-page i.pk.c3 { background: #4d4d4d; }
.kj-result-page i.pk.c4 { background: #ff7300; }
.kj-result-page i.pk.c5 { background: #2bcccc; }
.kj-result-page i.pk.c6 { background: #7f52de; }
.kj-result-page i.pk.c7 { background: #9a9999; }
.kj-result-page i.pk.c8 { background: #ec4949; }
.kj-result-page i.pk.c9 { background: #ad5353; }
.kj-result-page i.pk.c10 { background: #35ad2b; }
.kj-result-page i.orange {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 1px;
    border-radius: 50%;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    color: #fff;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 1px #2d2c2c;
}
.kj-result-page i.dx {
    display: inline-block;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 1px;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    padding: 0 3px;
}
.kj-result-page i.dx_d { background: #e53935; }
.kj-result-page i.dx_x { background: #1e88e5; }
.kj-result-page i.dx_s { background: #43a047; }
.kj-result-page .fan-td {
    color: #e45858;
    font-size: 16px;
    font-weight: 700;
}
.kj-result-page .fan-lab {
    display: inline-block;
    margin-left: 6px;
    color: #e45858;
    font-style: normal;
    font-weight: 700;
}
.kj-result-page .wait,
.kj-result-page .no-data {
    color: #999;
    text-align: center;
    padding: 24px 8px;
}

/* 强制改密提示 */
.force-pwd-tip { padding: 12px 16px; color: #c62828; font-size: 14px; background: #fff5f5; }

/* 开户中心 */
.promo-tabs, .team-tabs {
    display: -webkit-box; display: flex;
    background: #fff; border-bottom: 1px solid #eee;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.promo-tabs a, .team-tabs a {
    flex: none; padding: 12px 14px; color: #666; font-size: 14px;
    white-space: nowrap; position: relative;
}
.promo-tabs a.on, .team-tabs a.on {
    color: #1f9683; font-weight: 700;
}
.promo-tabs a.on:after, .team-tabs a.on:after {
    content: ''; position: absolute; left: 12px; right: 12px; bottom: 0;
    height: 3px; background: #1f9683; border-radius: 2px;
}
.promote-box { background: #fff; margin: 10px; padding: 16px; border-radius: 6px; }
.promote-hd { font-size: 18px; font-weight: 700; margin: 0 0 8px; }
.promote-tip { color: #888; font-size: 13px; margin-bottom: 14px; }
.promote-tip em { color: #e53935; font-style: normal; font-weight: 700; }
.promote-form { list-style: none; margin: 0; padding: 0; }
.promote-form li { margin-bottom: 12px; }
.promote-form label { display: block; margin-bottom: 6px; color: #333; font-size: 14px; }
.promote-form label i { color: #e53935; font-style: normal; }
.promote-form input, .promote-form select {
    width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 4px;
    padding: 0 10px; font-size: 14px; box-sizing: border-box; background: #fff;
}
.promote-form select,
.record-filter select,
.tmd-pane select,
.main select {
	font-size: 16px;
	line-height: 1.5;
}
.promote-form select option,
.record-filter select option,
.tmd-pane select option,
.main select option {
	font-size: 16px;
	line-height: 2;
	padding: 8px 10px;
}
.promote-actions { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 18px; }
.promote-actions .btn-cancel { color: #666; }
.promote-actions .btn-ok {
    background: #1f9683; color: #fff; border: 0; border-radius: 4px;
    padding: 10px 28px; font-size: 15px;
}
.link-manage-card { background: #f7faf9; padding: 14px; border-radius: 6px; }
.link-manage-card .muted { color: #999; font-size: 12px; }

/* 团队 */
.team-toolbar { display: flex; align-items: center; gap: 8px; padding: 10px; background: #fff; flex-wrap: wrap; }
.team-toolbar input { flex: 1; min-width: 100px; height: 34px; border: 1px solid #ddd; border-radius: 4px; padding: 0 8px; }
.team-toolbar .btn-search, .team-toolbar .btn-add {
    background: #1f9683; color: #fff; padding: 8px 14px; border-radius: 4px; font-size: 13px;
}
.team-summary { padding: 8px 12px; background: #fff; border-bottom: 1px solid #eee; font-size: 13px; color: #555; }
.team-table .online { color: #2e7d32; }
.team-table .self-row td { background: #f5fbf9; }

/* 开奖中心当期条 */
.kj-now { background: #fff; padding: 10px 12px; border-bottom: 1px solid #eee; }
.kj-now-qs { font-weight: 700; margin-bottom: 6px; }
.kj-now-balls { line-height: 1.4; }
.kj-now .now-fan { display: block; margin-top: 6px; font-size: 13px; color: #555; }
.kj-now .now-fan em { color: #e53935; font-style: normal; font-weight: 700; margin: 0 2px; }
.kj-date-bar { background: #fff; padding: 8px 12px 10px; border-bottom: 1px solid #eee; font-size: 13px; }
.kj-date-bar .kj-next-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.kj-date-bar form { display: flex; align-items: center; gap: 8px; }
.kj-date-bar input[type=date] { flex: 1; height: 32px; border: 1px solid #ddd; border-radius: 4px; padding: 0 8px; }
.kj-date-bar button { background: #1f9683; color: #fff; border: 0; border-radius: 4px; padding: 7px 12px; }
.kj-date-bar { display:block; }
.kj-date-bar form { width:100%; display:flex; align-items:center; gap:8px; }
.kj-next-tip { color:#333; font-size:14px; font-weight:700; margin-right:4px; }
.kj-date-bar input[type=date] { width:140px; max-width:46%; }
.team-report-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.team-report-table { min-width:720px; }
.team-sub-tabs { display:flex; margin:10px 10px 0; height:38px; border-radius:20px; overflow:hidden; background:#d7dce2; }
.team-sub-tabs a { flex:1; display:flex; align-items:center; justify-content:center; color:#4d5662; font-size:15px; text-decoration:none; }
.team-sub-tabs a.on { background:#1f9683; color:#fff; font-weight:700; }

/* ========== 登录/注册/强制改密（对齐案例站表单卡，防变形） ========== */
.auth-page { background: #f2f2f2; min-height: 100%; }
.auth-page .header.auth-head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	background: #1f9683;
	color: #fff;
	text-align: center;
	z-index: 100;
	overflow: visible;
}
.auth-page .header.auth-head h4 {
	margin: 0;
	padding: 0 48px;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	line-height: 48px;
}
.auth-page .header.auth-head a.back,
.auth-page .header.auth-head a.menu {
	position: absolute !important;
	top: 0 !important;
	width: 48px !important;
	height: 48px !important;
	line-height: 48px !important;
	left: auto !important;
	right: auto !important;
	color: #fff !important;
	text-align: center;
	z-index: 2;
}
.auth-page .header.auth-head a.back { left: 0 !important; }
.auth-page .header.auth-head a.menu { right: 0 !important; }
.auth-page .header.auth-head a.back i,
.auth-page .header.auth-head a.menu i {
	color: #fff !important;
	font-size: 22px !important;
	line-height: 48px;
}
.auth-page .auth-scroll {
	margin-top: 48px !important;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #f2f2f2;
}
.auth-page .auth-card {
	margin: 0;
	padding: 12px 16px 18px;
	background: #fff;
	border-radius: 0;
}
.auth-page .auth-form ul { margin: 0; padding: 0; list-style: none; }
.auth-page .auth-form li {
	position: relative;
	margin: 0 0 12px;
	padding: 0;
}
.auth-page .auth-form label {
	display: block;
	margin: 0 0 6px;
	color: #222;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
}
.auth-page .auth-form .inputxt {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding: 0 12px;
	margin: 0;
	background: #fff !important;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	box-shadow: none !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}
.auth-page .auth-form .input-wrap {
	position: relative;
}
.auth-page .auth-form .input-wrap .inputxt {
	padding-right: 58px;
}
.auth-page .auth-form .tp-btn {
	position: absolute !important;
	right: 6px;
	top: 50%;
	bottom: auto;
	margin-top: -16px;
	width: 48px;
	height: 32px;
	z-index: 3;
	border-radius: 16px;
	background: url(../images/pw.png) no-repeat 0 0;
	background-size: 100% auto;
	cursor: pointer;
}
.auth-page .auth-form .tp-btn.btn-on { background-position: 0 -35px; }
.auth-page .auth-form .code-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: stretch;
	align-items: stretch;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	height: 42px;
}
.auth-page .auth-form .code-row .inputxt {
	-webkit-box-flex: 1;
	flex: 1;
	width: auto;
	min-width: 0;
	border: 0 !important;
	border-radius: 0;
	height: 42px;
	line-height: 42px;
}
.auth-page .auth-form .code-row .code {
	position: static !important;
	display: block;
	width: 100px;
	height: 42px;
	padding: 0;
	margin: 0;
	border: 0;
	border-left: 1px solid #d7d7d7;
	overflow: hidden;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	background: #f0f0f0;
}
.auth-page .auth-form .code-row .code img {
	display: block;
	width: 100px;
	height: 42px;
	object-fit: fill;
	cursor: pointer;
}
.auth-page .auth-form .Validform_checktip { display: none !important; }
.auth-page .auth-submit {
	margin-top: 4px;
	padding-top: 14px;
	border-top: 1px solid #cb0816;
}
.auth-page .auth-submit input[type=submit] {
	display: block;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: #1f9683;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.auth-page .auth-submit input[type=submit]:active { background: #187a6b; }
.auth-page .auth-links {
	overflow: hidden;
	margin: 12px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
	color: #1f9683;
}
.auth-page .auth-links span { color: #666; }
.auth-page .auth-links a { color: #1f9683; text-decoration: none; }
.auth-page .auth-links.right { text-align: right; }
.auth-page .auth-links .reg { margin-left: 0; }
.auth-page .auth-links .pwd { float: right; }
.auth-page .force-pwd-tip {
	margin: 0 0 12px;
	padding: 10px 12px;
	background: #fff5f5;
	color: #c62828;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 4px;
}

/* 个人资料列表 / 公告 / 开奖倒计时 / 首页公告弹层 */
.profile-list { margin: 0; padding: 0; list-style: none; background: #fff; }
.profile-list li {
	display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;
	padding: 14px 16px; border-bottom: 1px solid #eee; font-size: 14px; color: #333;
}
.profile-list .pl-lab { width: 110px; color: #333; -webkit-flex-shrink: 0; flex-shrink: 0; }
.profile-list .pl-val { -webkit-box-flex: 1; flex: 1; color: #666; text-align: left; }
.profile-list .pl-act { color: #1f9683; margin-left: 8px; white-space: nowrap; }
.profile-edit-box { margin: 12px; border-radius: 6px; padding: 12px 14px 16px; background: #fff; }
.profile-edit-box .auth-form ul { margin:0; padding:0; list-style:none; }
.profile-edit-box .auth-form li { display:block; margin:0 0 15px; }
.profile-edit-box .auth-form label { display:block; width:auto; margin:0 0 7px; color:#333; font-size:16px; line-height:22px; }
.profile-edit-box .auth-form .inputxt { display:block; width:100%; height:46px; padding:0 13px; border:1px solid #ccd5dc; border-radius:5px; background:#fff; color:#333; font-size:16px; line-height:46px; box-sizing:border-box; }
.profile-edit-box .auth-form .title { display:block; min-height:46px; padding:12px 13px; border:1px solid #e1e5e8; border-radius:5px; background:#f5f6f7; color:#555; font-size:16px; line-height:20px; box-sizing:border-box; }
.profile-edit-box .pay-warn { margin:4px 0 14px; padding:11px 13px; background:#fff1dc; color:#e53935; font-size:14px; line-height:1.55; }
.profile-edit-box .auth-submit { padding:0; border:0; }
.profile-edit-box .auth-submit input[type=submit] { display:block; width:100%; height:46px; border:0; border-radius:5px; background:#1f9683; color:#fff; font-size:17px; font-weight:700; }
@media(max-width:700px){
	.main select.mobile-native-select{display:none!important}
	.mobile-select-trigger{display:inline-block;max-width:100%;min-width:90px;height:44px;padding:0 36px 0 12px;border:1px solid #ccd5dc;border-radius:5px;background:#fff;color:#333;font-size:17px;line-height:42px;text-align:center;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
	.mobile-select-trigger:after{content:'⌄';position:absolute;right:12px;top:0;color:#65717b;font-size:21px}
	.bet-filter form{justify-content:center}
	.bet-filter-row{width:100%;justify-content:center;box-sizing:border-box}
	.bet-filter-row input[type=date]{min-width:0;flex:1;font-size:16px}
	.bet-filter-row .mobile-select-trigger{width:auto!important;min-width:0;flex:1}
	.bet-quick{width:100%;justify-content:center}
	.record-select-stack .mobile-select-trigger{width:calc(50% - 4px)!important;min-width:0;margin:0 1px}
	.record-select-stack input[type=date]{width:100%;padding:0 10px;font-size:16px;text-align:center;box-sizing:border-box}
}
.mobile-picker-mask{display:none;position:fixed;z-index:120000;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);align-items:flex-end;justify-content:center}.mobile-picker-mask.open{display:flex}.mobile-picker{width:100%;max-width:430px;height:84vh;background:#fff;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 -4px 18px rgba(0,0,0,.2)}.mobile-picker-head{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #e4e8eb;font-size:20px;position:relative}.mobile-picker-head strong{position:absolute;left:64px;right:64px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-picker-head button{position:relative;z-index:1;margin-left:auto;border:0;background:transparent;color:#168b78;font-size:18px;padding:10px}.mobile-picker-list{height:calc(84vh - 58px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:18px}.mobile-picker-option{display:block;width:100%;min-height:58px;padding:15px 22px;border:0;border-bottom:1px solid #edf0f2;background:#fff;color:#222;font-size:20px;line-height:28px;text-align:center}.mobile-picker-option.selected{background:#e7f7f3;color:#168b78;font-weight:700}.mobile-picker-option:disabled{color:#aaa;background:#f5f5f5}
.msg-list { margin: 0; padding: 0; list-style: none; }
.msg-list li { background: #fff; margin: 0 0 10px; padding: 14px 16px; }
.msg-list li.empty { text-align: center; color: #999; padding: 40px 0; }
.msg-list h4 { margin: 0 0 6px; font-size: 15px; color: #222; }
.msg-list .msg-time { margin: 0 0 8px; font-size: 12px; color: #999; }
.msg-list .msg-body { font-size: 13px; color: #555; line-height: 1.6; }
.kj-open-lab { color: #e53935; font-size: 13px; margin-left: 4px; }
.kj-cd { color: #e53935; font-weight: 700; font-size: 14px; margin-right: 8px; font-style: normal; }
.ann-modal {
	position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000;
	background: rgba(0,0,0,.55); display: -webkit-box; display: flex;
	-webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;
	padding: 24px;
}
.ann-modal-inner {
	width: 100%; max-width: 366px; background: #fff; border-radius: 8px; overflow: hidden;
}
.ann-modal-head { position: relative; background: #1f9683; }
.ann-modal-inner h3 {
	margin: 0; padding: 14px 48px 14px 16px; text-align: left; color: #fff; font-size: 17px;
}
.ann-x { position:absolute; right:8px; top:5px; width:38px; height:38px; line-height:36px; text-align:center; color:#fff; font-size:25px; text-decoration:none; }
.ann-modal-body { max-height: 56vh; overflow-y: auto; padding: 12px 10px; background:#f3f3f3; -webkit-overflow-scrolling:touch; }
.ann-item { padding: 12px 14px; margin-bottom:8px; border:0; background:#fff; }
.ann-item:last-child { margin-bottom:0; }
.ann-item strong { display: block; font-size: 16px; color: #078bcc; margin-bottom: 4px; }
.ann-item .t { font-size: 14px; color: #9aa3ad; margin: 0 0 8px; }
.ann-item .b { font-size: 15px; color: #30343b; line-height: 1.55; }
.ann-close {
	display: block; height: 44px; margin:10px; border-radius:8px; line-height: 44px; text-align: center;
	background:#22ae98; color: #fff; font-size: 16px; font-weight:700; text-decoration: none;
}

/* auth 细节补齐：菜单三线、显密钮、链接左右 */
.auth-page .header.auth-head a.menu {
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}
.auth-page .header.auth-head a.menu i { display: none !important; }
.auth-page .header.auth-head a.menu .menu-bars {
	display: block;
	position: relative;
	width: 16px;
	height: 2px;
	margin-left: 4px;
	background: #fff;
	border-radius: 1px;
	box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
}
.auth-page .header.auth-head a.menu .menu-bars:before {
	content: "";
	position: absolute;
	left: -6px;
	top: -7px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
}
/* 显密开关：白轨 + 带三点的圆钮（对齐参考图） */
.auth-page .auth-form .tp-btn {
	position: absolute !important;
	right: 6px !important;
	top: 50% !important;
	margin-top: -15px !important;
	width: 46px !important;
	height: 30px !important;
	background: #fff !important;
	border: 1px solid #c8c8c8 !important;
	box-shadow: none;
	background-image: none !important;
	border-radius: 15px !important;
	z-index: 5 !important;
}
.auth-page .auth-form .tp-btn:after {
	content: "";
	position: absolute;
	left: 2px; top: 2px;
	width: 24px; height: 24px;
	border-radius: 50%;
	border: 1px solid #d0d0d0;
	box-shadow: 0 1px 2px rgba(0,0,0,.12);
	background:
		radial-gradient(circle 1.5px at 7px 12px, #8f8f8f 99%, transparent 100%),
		radial-gradient(circle 1.5px at 12px 12px, #8f8f8f 99%, transparent 100%),
		radial-gradient(circle 1.5px at 17px 12px, #8f8f8f 99%, transparent 100%),
		#fff;
}
.auth-page .auth-form .tp-btn:before {
	content: "";
	display: none;
}
.auth-page .auth-form .tp-btn.btn-on {
	background: #f7f7f7 !important;
	border-color: #bbb !important;
}
.auth-page .auth-form .tp-btn.btn-on:after {
	left: auto; right: 2px;
}
.auth-page .auth-form .tp-btn.btn-on:before {
	display: none;
}
.auth-page .auth-links { overflow: hidden; }
.auth-page .auth-links .reg { float: none; }
.auth-page .auth-links .pwd { float: right; }
.auth-page .auth-form .code-row .code {
	min-width: 100px;
	background: #eee;
}
.auth-page .auth-card {
	margin: 0 0 12px;
	border-radius: 0 0 6px 6px;
}
.auth-page .auth-app-banner {
	display: block;
	margin: 0;
	padding: 14px 12px;
	background: linear-gradient(135deg, #1f9683 0%, #26a69a 100%);
	color: #fff;
	text-decoration: none;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}
.auth-page .auth-app-banner .auth-app-txt {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
}
.auth-page .auth-app-banner em {
	display: inline-block;
	padding: 4px 14px;
	background: rgba(255,255,255,.22);
	border-radius: 14px;
	font-style: normal;
	font-size: 12px;
}
.auth-page .auth-form li.auth-remember {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 8px 0 0;
	border-bottom: none;
}
.auth-page .auth-form .remember-label {
	font-size: 13px;
	color: #666;
	font-weight: normal;
}
.auth-page .auth-form .remember-label input {
	margin-right: 4px;
	vertical-align: middle;
}
.auth-page .auth-form .auth-kefu {
	font-size: 13px;
	color: #1f9683;
	text-decoration: none;
}

/* 案例站登录 / 注册外观 */
.auth-page.auth-login,
.auth-page.auth-register { max-width: 393px; background: #bfeff1; }
.auth-page.auth-login .auth-head,
.auth-page.auth-register .auth-head { display: none !important; }
.auth-page.auth-login .auth-scroll,
.auth-page.auth-register .auth-scroll { height: 100vh !important; margin-top: 0 !important; background: linear-gradient(#b8edf4,#fff); }
.auth-brand { padding: 28px 22px 12px; text-align: center; }
.auth-brand img { display: block; width: 190px; max-height: 75px; object-fit: contain; margin: 0 auto 18px; }
.auth-brand h2 { margin: 0; color: #222; font-size: 23px; font-weight: 400; letter-spacing: 3px; }
.auth-login .auth-scroll { background: radial-gradient(circle at 50% 34%,rgba(255,255,255,.72),transparent 28%), linear-gradient(#87dff0 0%,#c9eef4 45%,#fff 100%); }
.auth-login .auth-card { margin: 0; padding: 4px 62px 24px; background: transparent; }
.auth-login .auth-form label { display: none; }
.auth-login .auth-form .inputxt { height: 44px; border: 0; border-radius: 24px; background: rgba(255,255,255,.95) !important; }
.auth-login .auth-form li { margin-bottom: 18px; }
.auth-login .auth-submit { border: 0; padding-top: 12px; }
.auth-login .auth-submit input[type=submit] { border-radius: 24px; background: linear-gradient(#ffc94e,#ffa61c); color: #111; font-size: 19px; }
.auth-login .auth-links { text-align: center; color: #fff; }
.auth-login .auth-links span { color: #fff; }
.auth-login .auth-links a { color: #ff8b00; }
.auth-register .auth-brand { padding-top: 22px; }
.auth-register .auth-brand h2 { font-size: 25px; color: #555; }
.auth-register .auth-card { width: calc(100% - 44px); margin: 0 auto 20px; padding: 16px 50px 28px; box-sizing: border-box; background: rgba(255,255,255,.6); border-radius: 12px; }
.auth-register .auth-form label { color: rgba(255,255,255,.92); font-size: 15px; }
.auth-register .auth-form .inputxt { background: rgba(255,255,255,.95) !important; }

/* 游戏页彩种选择器 */
.game-caret { display:inline-block; width:0; height:0; margin-left:6px; vertical-align:middle; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #fff; }
.game-chooser { display:none; position:absolute; left:0; right:0; top:48px; z-index:2000; max-height:calc(100vh - 48px); overflow:auto; padding:12px 20px 28px; box-sizing:border-box; background:#fff; color:#111; box-shadow:0 4px 8px rgba(0,0,0,.18); }
.game-chooser.on { display:block; }
.game-chooser .gc-section h3 { margin:0 0 12px; font-size:17px; font-weight:400; }
.game-chooser .gc-grid { display:flex; flex-wrap:wrap; gap:8px 12px; margin-bottom:26px; }
.game-chooser .gc-grid a { width:calc(25% - 9px); min-height:46px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:5px; border:1px solid #e5e5e5; border-radius:4px; color:#666; font-size:14px; line-height:1.15; text-align:center; }

.bet-confirm { padding:24px 14px 8px; overflow-x:auto; }
.bet-confirm h2 { margin:0 0 34px; color:#ed2878; font-size:23px; font-weight:700; }
.bet-confirm table { width:100%; border-collapse:collapse; font-size:12px; white-space:nowrap; }
.bet-confirm th { padding:4px 6px; background:#d9d9d9; color:#222; }
.bet-confirm td { padding:4px 6px; text-align:center; background:#f5f5f5; border-bottom:2px solid #fff; }
.bet-confirm p { margin:10px 0 0; color:#111; font-size:15px; }
.layui-layer-btn .layui-layer-btn1 { border-color:#22bca1 !important; background:linear-gradient(#35d3b7,#18a990) !important; color:#fff !important; }
.live-order-tools { padding:10px 8px; font-size:14px; }
.live-order-tools a { padding:3px 7px; background:#f04b55; color:#fff; }
.live-order-tools strong { float:right; }
.live-order-table { width:100%; border-collapse:collapse; font-size:12px; }
.live-order-table th { padding:10px 3px; background:#1f9683; color:#fff; }
.live-order-table td { padding:7px 3px; text-align:center; border-bottom:1px solid #eee; }
.live-order-table em { padding:2px 4px; background:#ff913f; color:#fff; font-style:normal; }
.live-order-table td a { display:inline-block; margin:0 2px; padding:2px 4px; border:1px solid #777; color:#222; cursor:pointer; }
.order-action-confirm { padding:34px 24px 12px; }
.order-action-confirm h2 { margin:0 0 26px; font-size:23px; color:#344050; }
.order-action-confirm p { margin:12px 0; font-size:16px; }
.quick-amt-editor { padding:16px 0; text-align:center; }
.quick-amt-editor input { display:block; width:150px; height:28px; margin:0 auto 14px; text-align:center; color:red; border:1px solid #bbb; }
.app-box .app-actions {
	margin-top: 16px;
}
.app-box .app-btn {
	display: block;
	margin: 0 0 10px;
	padding: 12px;
	text-align: center;
	border-radius: 6px;
	background: #f2f2f2;
	color: #333;
	text-decoration: none;
	font-size: 15px;
}
.app-box .app-btn.primary {
	background: #1f9683;
	color: #fff;
}

/* 案例式旧代理团队会员操作弹层；仅服务 agent/aid 原代理体系 */
.team-member-mask {
	display: none;
	position: fixed;
	z-index: 8800;
	inset: 0;
	background: rgba(0, 0, 0, .48);
}
.team-member-mask.on { display: block; }
.team-member-dialog {
	display: none;
	position: fixed;
	z-index: 8810;
	left: 50%;
	bottom: 0;
	width: min(394px, 100%);
	max-height: calc(100vh - 16px);
	transform: translateX(-50%);
	background: #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 16px 50px rgba(0,0,0,.28);
	overflow: hidden;
}
.team-member-dialog.on { display: block; }
.tmd-head {
	height: 48px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #1f9683;
	color: #fff;
}
.tmd-head strong { font-size: 16px; }
.tmd-head a { color: #fff; font-size: 28px; line-height: 1; text-decoration: none; }
.tmd-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	padding: 11px 14px;
	background: #f7faf9;
	border-bottom: 1px solid #e2ece9;
	font-size: 12px;
	color: #667;
}
.tmd-summary b { color: #1f5f56; font-size: 14px; }
.tmd-summary dl { display: grid; grid-template-columns: 72px 1fr 58px 1fr; gap: 9px 7px; width: 100%; margin: 0; }
.tmd-summary dt { color: #8a95a5; text-align: right; }
.tmd-summary dd { margin: 0; color: #536075; font-weight: 600; }
.tmd-tabs { display: flex; overflow-x: auto; border-bottom: 1px solid #ddd; background: #fff; }
.tmd-tabs a {
	flex: 1 0 auto;
	min-width: 64px;
	padding: 11px 7px;
	text-align: center;
	color: #555;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.tmd-tabs a.on { color: #1f9683; border-bottom-color: #1f9683; font-weight: 600; }
.tmd-body { max-height: calc(100vh - 190px); overflow: auto; padding: 16px; }
.tmd-pane { display: none; }
.tmd-pane.on { display: block; }
.tmd-pane label { display: flex; align-items: center; gap: 12px; margin: 0 0 13px; color: #555; }
.tmd-pane label > input,
.tmd-pane label > select {
	flex: 1;
	min-width: 0;
	height: 38px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #ccd8d5;
	border-radius: 4px;
	background: #fff;
}
.tmd-pane button {
	width: 100%;
	height: 40px;
	border: 0;
	border-radius: 4px;
	background: #1f9683;
	color: #fff;
	font-size: 14px;
}
.tmd-pane button.tmd-secondary { background: #3187b7; }
.tmd-code-row { display: flex; flex: 1; gap: 8px; align-items: center; }
.tmd-code-row input { flex: 1; min-width: 0; height: 38px; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccd8d5; border-radius: 4px; }
.tmd-code-row img { width: 100px; height: 36px; vertical-align: middle; }
.tmd-tip { margin: 0 0 13px; padding: 10px; background: #fff8df; color: #806c35; line-height: 1.6; }
.tmd-tip em { color: #e45a2a; font-style: normal; font-weight: 700; }
.tmd-status-actions { display: flex; gap: 10px; margin-top: 16px; }
.tmd-status-actions .enable { background: #2fa85f; }
.tmd-status-actions .disable { background: #d84b4b; }
.team-table .tm-detail,
.team-table .xiaji_btn { display: inline-block; padding: 3px 7px; border-radius: 3px; text-decoration: none; }
.team-table .tm-detail { color: #fff; background: #1f9683; }
.team-table .tm-detail.tm-rebate { color: #168a79; background: transparent; padding-left: 2px; padding-right: 2px; }
.js-order-panel { position: relative; }
.js-order-panel.has-live-order:after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #f24f55; top: 5px; margin-left: 3px; }
.team-table .xiaji_btn { color: #2876a8; background: #eaf5fb; }
@media (max-width: 640px) {
	.team-member-dialog { width: 100%; max-height: calc(100vh - 16px); }
	.tmd-body { padding: 13px; }
	.tmd-summary { gap: 5px 10px; }
	.tmd-pane label { align-items: stretch; flex-direction: column; gap: 6px; }
	.team-table { min-width: 680px; }
	.team-page .scroll_box { overflow-x: auto; }
	.team-page .team-table { min-width: 0; width: 100%; font-size: 12px; table-layout: auto; }
	.team-page .team-table th, .team-page .team-table td { padding-left: 3px; padding-right: 3px; white-space: nowrap; }
}