/* CSS Document */
*{ padding:0; margin:0;}
li{list-style-type:none; }
a{ text-decoration:none;}
i{ font-style:normal; }
.flex {display: flex}
.flex-1 {
    flex:1;
}
.f-red {
    color: #f00
}
img{ border:none;}
body{  width:100%; margin:0 auto; font-size:12px;font-family: "Microsoft Yahei", "Hiragino Sans GB", Arial, sans-serif; color:#000; background:#fff;}
.header{ width:100%; overflow:hidden; height:160px;}
.top{min-width:1000px; max-width:100%; border-bottom:1px solid #ccc; background:#EFEFEF;color: #7d7d7d}
.top div{ height:30px;line-height: 30px; width:1000px; margin:0 auto;}

.top .u1 span {
    display: inline-block;
    margin-right: 7px
}

.top .u1 span img {
    vertical-align: sub;
}
.top .u2 span {
    display: inline-block;
    margin-left: 7px
}

.top .coach{ float:left; height:30px;}
.top .coach{ padding-left:15px; background:url(/img/sj.png) no-repeat 5px center; }
.top .greet{ float:right;}
.top .datum{ float:right;}
.top ul { color:#000; height:30px; line-height:30px;}
.top ul.greet li a,.top ul.coach li a{ color:#000; display:inline-block; margin:0 10px;}
.top ul a:hover{ text-decoration:underline; }
.top .datum  i{ font-family:Times New Roman; color:#f00; font-size:12px; font-weight:600; padding-right:15px;}
.top .datum  a{ color:#f00; padding:0 2px;}
.top .datum  i.mail{ padding-right:0; padding-left:20px; background:url(/img/mail.png) no-repeat left center;}
.top .datum  i.coin{ background:url(/img/Coin.png) no-repeat right center ;}
.top .datum  a.ti{ color:#000;}
.van{ height:75px; width:1000px; margin:0 auto; background:url(/img/nav_bg.png) no-repeat right center;} 
.van li{ float:left;}
.van li.login{ width:250px;}
 
.van li.phonead{ width:750px; text-align:right !important; display:block}

.navi{ height:54px; min-width:1000px; max-width:100%; background:url(/img/gamelist/navbg.png) repeat-x;}
.navi ul{width:1000px; margin: 0 auto; padding:1px 0;}
.navi ul li{ float:left; background:url(/img/navi.png) no-repeat right center; padding-right:2px; }
.navi ul li a{ font-size:16px; color:#fff; height:18px; overflow:hidden; float:left; line-height:18px; width:109px; padding:17px 0; text-align:center; font-weight:bolder; font:"宋体";}
.navi ul li a:hover{ text-decoration:none; }
.navi ul li a.pick{ background:url(/img/pick.png) no-repeat center; text-align:center;}
.navi ul li.index a.pick{ text-align:left;}
.navi ul li.index a{ text-align:left; text-indent:5px;}
.navi ul li.index a img{ float:left; margin:-5px 0 0 22px; border:none; }


#Content{width:1000px; height:auto; margin:0 auto;}

.footer{ clear:both; width:100%; height:128px; border-top:1px solid #ccc; margin-top:10px; background:#F1F1F1; }
.footer ul{ width:315px; margin:40px auto; position:relative;}
.footer ul li{ width:315px; text-align:center; margin:5px 0;}
.footer ul li a{ color:#000;}
.footer ul li a:hover{ text-decoration:underline; }
.footer ul img{ position:absolute;}
.footer ul img.business{ top:-3px; left:-95px;}
.footer ul img.police{ top:-7px; right:-205px;}

.top .datum li i.mailxx {
    background: url("/img/mailxx.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px;
    padding-right: 0;
}

.Edit .tial span {
    display: inline-block;
    height: 33px;
}

input.btn-1 {
    background: url("/img/tal.fw.png") no-repeat !important;
    border-color: inherit !important;
    border-style: none !important;
    border-width: medium !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px;
    height: 33px !important;
    line-height: 33px !important;
    margin: auto 2px !important;
    text-align: center !important;
    width: 89px!important;
}
input.btn-2 {
    background: url("/img/tal_dis.png") no-repeat !important;
    border-color: inherit !important;
    border-style: none !important;
    border-width: medium !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px;
    height: 33px !important;
    line-height: 33px !important;
    margin: auto 2px !important;
    text-align: center !important;
    width: 89px!important;
}

/* 弹层容器：内容自适应高度，窄屏不溢出（jmpopups 用内联 px 设定宽高） */
div[id^="popupLayer_"] {max-width:calc(100vw - 20px); height:auto !important;}
#popupLayerScreenLocker {background-color:#1e160e !important;}

.popup {background:#FFF; border:none; padding:0; border-radius:8px; box-shadow:0 14px 40px rgba(0,0,0,.3); overflow:hidden;}
.popup-header {height:26px; padding:12px 16px; background:linear-gradient(180deg,#fca338 0%,#f88707 100%); border-bottom:1px solid #e07a06;}
.popup-header h2 {margin:0; padding:0; font-size:15px; line-height:26px; color:#fff; float:left; text-shadow:0 1px 1px rgba(0,0,0,.18);}
.popup-header .close-link {float:right; font-size:12px; line-height:26px; color:#fff; opacity:.9; text-decoration:none;}
.popup-header .close-link:hover {opacity:1; text-decoration:underline;}
.popup-body {padding:14px;}

.popup-body .table{overflow:hidden; margin:0 auto; clear:both;}
.popup-body .table_list{ float:left;}
.popup-body .table_list th{ height:30px; text-align:center; line-height:30px; background:#e6e6e6; font-size:14px;  border:1px solid #ccc; border-top:2px solid #bc0000;padding: 0 4px;}
.popup-body .table_list td{ height:35px; text-align:center; line-height:35px; font-weight:400; font-size:14px; border:1px solid #ccc;padding: 0 4px; }
.popup-body .table_list td.please{ }
.popup-body .table_list td.please span{ padding-right:18px; background:url(/img/Coin.png) no-repeat right center;}
.popup-body .table_list td.please span i{ color:#cb0000; }
.popup-body .table_list td.regular{ padding:0 2px; font-size:18px; color:#656565; font-weight:600; line-height:30px;}
.popup-body .table_list td li.finalbig { font-style:normal; color:#fff; font-size:21px; background:url(/img/lottery.fw.png) no-repeat; display:inline-block; width:32px; height:32px; text-indent:0px; line-height:32px; text-align:center; } 
.popup-body .table_list td em{ font-style:normal; background:url(/img/word.fw.png) no-repeat; display:inline-block; width:21px; height:21px; text-indent:0; padding:0 1px; margin:0;
*display:inline;
*zoom:1;
letter-spacing:normal;
word-spacing:normal;
}

/* ===== 绑定/解绑手机弹窗 =====
   走 Bootstrap 5 那套表单语言（label 在上、控件占满、input-group 拼接、焦点环、
   .375rem 圆角），但没有引入 bootstrap.css —— 它自带 Reboot，会把这个老站的
   table / 按钮 / 字号全局改掉。这里所有规则都限定在 .popup-bind 里，只影响本弹窗。
   主色沿用站内橙色，不用 Bootstrap 的蓝，避免和整站撞色。
   注意：手机端弹窗在 phone/smbinfo.php，是另一套，不受这里影响。 */
.popup-bind{ border-radius:8px; }
.popup-bind .popup-header{
    height:auto; padding:14px 18px;
    background:#fff; border-bottom:1px solid #dee2e6;
}
.popup-bind .popup-header h2{
    font-size:17px; line-height:1.4; font-weight:500;
    color:#212529; text-shadow:none;
}
/* 关闭：做成 Bootstrap 那种低调的次要动作，点过之后不留一圈难看的默认焦点框，
   但键盘 Tab 过来仍然有清晰的焦点提示（:focus-visible） */
.popup-bind .popup-header .close-link{
    padding:2px 6px; border-radius:.25rem;
    font-size:13px; line-height:1.5; color:#6c757d; opacity:1;
    outline:none; transition:color .15s ease-in-out, background-color .15s ease-in-out;
}
.popup-bind .popup-header .close-link:hover{ color:#212529; background:#f1f3f5; text-decoration:none; }
.popup-bind .popup-header .close-link:focus-visible{
    color:#212529; box-shadow:0 0 0 .2rem rgba(248,135,7,.35);
}

.popup-bind .popup-body{ padding:18px; }

/* 一组「标签 + 控件」 */
.popup-bind .bind-field{ margin-bottom:16px; }
.popup-bind .bind-field:last-of-type{ margin-bottom:0; }
.popup-bind .bind-label{
    display:block; margin-bottom:6px;
    font-size:13px; font-weight:500; color:#495057;
}

/* 控件：Bootstrap .form-control 的尺寸与圆角 */
.popup-bind .bind-select,
.popup-bind input[type="text"]{
    display:block; width:100%; box-sizing:border-box;
    height:38px; padding:6px 12px;
    font-size:14px; line-height:1.5; color:#212529;
    background-color:#fff; background-clip:padding-box;
    border:1px solid #ced4da; border-radius:.375rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.popup-bind .bind-select{ padding-right:28px; }
.popup-bind .bind-select:focus,
.popup-bind input[type="text"]:focus{
    border-color:#fbb96a; outline:0;
    box-shadow:0 0 0 .25rem rgba(248,135,7,.25);
}
.popup-bind input[readonly]{ background-color:#e9ecef; color:#495057; text-align:center; }
.popup-bind input::placeholder{ color:#adb5bd; }

/* 两个控件拼成一体（Bootstrap .input-group）：中间那条边不重叠 */
.popup-bind .bind-group{ display:flex; width:100%; }
.popup-bind .bind-group > *{ position:relative; }
.popup-bind .bind-group > *:first-child{
    border-top-right-radius:0; border-bottom-right-radius:0;
}
.popup-bind .bind-group > *:last-child{
    border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px;
}
.popup-bind .bind-group > *:focus{ z-index:2; }
.popup-bind .bind-select{ flex:1 1 auto; min-width:0; }
.popup-bind .bind-area{ flex:0 0 76px; width:76px !important; }
.popup-bind .bind-code{ flex:1 1 auto; min-width:0; }

.popup-bind .bind-tip{ margin-top:5px; font-size:12px; color:#6c757d; }

/* 接收方式：两列，窄弹窗里不会被挤成一行断开 */
.popup-bind .bind-channels{
    display:flex; flex-wrap:wrap;
    padding:8px 12px; border:1px solid #e9ecef; border-radius:.375rem; background:#f8f9fa;
}
.popup-bind .bind-ch{
    display:inline-flex; align-items:center; white-space:nowrap;
    width:50%; box-sizing:border-box; padding:4px 0;
    font-size:13px; color:#495057; cursor:pointer;
}
.popup-bind .bind-ch input[type="radio"]{
    width:14px; height:14px; margin:0 6px 0 0; cursor:pointer; accent-color:#f88707;
}

/* 按钮：Bootstrap .btn 的尺寸与圆角 */
.popup-bind .bind-actions{ margin-top:18px; }
.popup-bind input[type="button"]{
    box-sizing:border-box; height:38px; padding:6px 14px;
    font-size:14px; line-height:1.5; color:#fff;
    background-color:#f88707; border:1px solid #f88707; border-radius:.375rem;
    cursor:pointer; transition:background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.popup-bind input[type="button"]:hover{ background-color:#d97706; border-color:#cc7005; }
.popup-bind input[type="button"]:focus{ outline:0; box-shadow:0 0 0 .25rem rgba(248,135,7,.4); }
/* 「获取验证码」是拼在验证码输入框右边的次要按钮 */
.popup-bind .btn-code{
    flex:0 0 auto; background-color:#fff; color:#f88707; border-color:#ced4da;
}
.popup-bind .btn-code:hover{ background-color:#fff6ec; border-color:#f88707; }
.popup-bind .btn-code[disabled]{ color:#adb5bd; background-color:#e9ecef; cursor:not-allowed; }
/* 提交按钮占满一行 */
.popup-bind .btn-submit{ display:block; width:100%; }
.popup-bind input[type="button"]:disabled{ background-color:#c8ccd0; cursor:default; }
.popup-bind input.btn-code{ background-color:#6c7680; margin-left:8px; }
.popup-bind input.btn-code:hover{ background-color:#5b646d; }
.popup-bind input.btn-submit{ display:block; width:100%; height:40px; font-size:15px; font-weight:bold; margin-top:4px; }
@media screen and (max-width:420px){
    .popup-bind .popup-body{ padding:14px; }
    .popup-bind select{ min-width:0; width:58%; }
    .popup-bind .bind-area{ width:38%; }
}


.rankings1{
	background:url(/img/rankings1.jpg) no-repeat;	
}
.rankings2{
	background:url(/img/rankings2.jpg) no-repeat;	
}
.rankings3{
	background:url(/img/rankings3.jpg) no-repeat;	
}
.rankings0{
	background:url(/img/rankings0.jpg) no-repeat;	
}


.index_top_line {
    background: none repeat scroll 0 0 #f1f1f1;
    border-top: 1px solid #d7d7d7;
    height: 8px;
    width: 100%;
}


.lvspan0{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv0.gif) no-repeat}
.lvspan1{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv1.gif) no-repeat}
.lvspan2{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv2.gif) no-repeat}
.lvspan3{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv3.gif) no-repeat}
.lvspan4{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv4.gif) no-repeat}
.lvspan5{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv5.gif) no-repeat}
.lvspan6{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv6.gif) no-repeat}
.lvspan7{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv7.gif) no-repeat}
.lvspan8{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv8.gif) no-repeat}
.lvspan9{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv9.gif) no-repeat}
.lvspan10{ display:inline-block; height:20px; width:60px; background:url(/image/lvimg/lv10.gif) no-repeat}


.phone{ color:#F00 !important; margin-right:10px;}
.phone img{ padding-top:5px; }
.greet li,.datum li{ line-height:30px; float:right}
.greet li.p a,.datum li.p a{ font-size:12px; font-weight:bold;}
.greet li img,.datum li img  { float:left;}
#weixin_dialog{ display:none}
#weixin_dialog_game{ display:none}
.phone_check{display:none}