@charset "utf-8";

/* 로그인 */

#visual {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  /* background:url(/images/sub/login_bg.png) no-repeat;
  background-size:cover; */
}
#visual video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.loginBg { 
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  background:url(/images/sub/login_bg.png) no-repeat;
  background-size:cover;
 }
 .loginBg img { width:100%; }
@media (min-aspect-ratio: 16/9) {
  #visual video {
      height: 308%;
      top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  #visual video {
      width: 303%;
      left: -100%;
  }
}

.loginWrap {width:500px;position:relative;top: -55px; margin:0 auto; }
@media screen and (max-width:540px){
	.loginWrap { margin:0 20px; }
}
.loginWrap h1.logo { position:relative; z-index:1; bottom:-100px; text-align: center; animation:diasAnim 15s ease infinite;
}
@keyframes diasAnim {
  0% {
      transform: rotateY(180deg);
      opacity: 0;
  }
  10% {
      transform: rotateY(0deg);
      opacity: 1;
  }
  95% {
      transform: rotateY(0deg);
      opacity: 1;
  }
  100% {
      transform: rotateY(0deg);
      opacity: 0;
  }
}
.loginWrap .loginInner {position:relative;padding:100px 40px 80px;border: 4px solid #fff;border-radius: 37px;background: rgb(6,18,38, 0.6);}
.loginWrap .loginInner.code { padding-bottom:35px; }
.loginWrap .loginInner .input { position:relative; padding:0 0 0 64px; margin:0 0 12px; }
.loginWrap.join .loginInner .input {padding:0;margin: 0;}
.loginWrap .loginInner .input .leftIcon { position:absolute; left:0; top:0; width:68px; height:64px; line-height:64px; background:#878c9d; text-align: center;  }
.loginWrap .loginInner .input .leftIcon .iconfont { 
  font-size:25px;
  background: linear-gradient( #545a6f , #3c4152);
  -webkit-background-clip: text;
  color: transparent;
 }
 .loginWrap .loginInner .input input {width:100%;height:64px;background:#545a6f;font-size:15px;color:#fff;border: 0;outline: 0;padding: 0 20px;}
 .loginWrap .loginInner .input input::placeholder { color:#bcbec6; }
 .loginWrap .loginInner .input .imgCode { position:absolute; right:10px; top:12px; }
 .loginWrap .loginInner .btnLogin { display:block; margin:22px 0 28px; height:65px; line-height:60px; color:#fff; font-size: 22px; font-family: "a3"; text-align: center; border:3px solid #396fca; background:linear-gradient(#3061b6, #1f4793);  }
 .loginWrap .loginInner .logBtn { margin-right:-10px; }
 .loginWrap .loginInner .logBtn .btnLogin { display:inline-block; width:calc(50% - 12px); margin-right:10px; }
 .loginWrap .loginInner .logBtn .btnLogin.red { border:3px solid #f72c2c; background:linear-gradient(#f72c2c, #b92222); }

 .loginWrap .loginInner p.loginInfo { font-size: 16px; color:#fff; text-align: center; }
 .loginWrap .loginInner p.loginInfo strong { font-size: 18px; font-family: "a3"; color:#fbe31c; text-decoration: underline; }
 .loginWrap .loginInner .loginTelegram {position:absolute;bottom: -58px;left:50%;transform: translate(-50%, -50%);height:55px;line-height:55px;background:#fff;border-radius: 30px;color:#1a1a1a;font-size:17px;padding: 0 15px;}
 .loginWrap .loginInner .loginTelegram .cusTitle { font-size:16px; }
 .loginWrap .loginInner .loginTelegram .iconfont { display:inline-block; font-size:34px;background: linear-gradient( #20b9f9 , #3263b8);
  -webkit-background-clip: text;
  color: transparent; }
 .loginWrap  .loginCopyright {margin: 58px 0 0;text-align: center;color:#c5c5c5;}

 #container.sub{ padding:30px 0 0; text-align:center;}
 #container.sub #content{min-height:500px;width:1400px;padding:20px;margin:0 auto;border:1px solid #1a4969;background: rgb(22,26,29,0.8);text-align:center;}
 #container.sub #content .contentArea{width:1070px;margin:0 auto;}
 #container.sub #content .contentArea.slot{width:100%;float: none;}
 
.tabTitle {margin: 0 -2px 5px 0;}
.tabTitle ul li {padding: 0 2px 0 0;}
.tabTitle ul li a{display:block;height: 45px;line-height: 45px;color: #d1d2d4;font-size:18px;border: 1px solid #4d4e53;text-align: center;background: linear-gradient(#5a5a5a, #202020);}
.tabTitle ul li a.on,
.tabTitle ul li a:hover {color:#fff;border: 1px solid #375b9e;background: linear-gradient(#2b57aa, #10244a);}

.game_cate {margin-bottom: 20px;text-align: center;vertical-align:middle;}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul {background-color:#242424;border:1px solid #404040;}
.game_cate ul li { position:relative; display: table-cell;width: 1%;-webkit-transition: 0.3s;transition: 0.3s;vertical-align: top;}
/* .game_cate ul li:after { content:""; position:absolute; right:0; top:15px; width:1px; height:25px; background:#393a3d } */
.game_cate ul li:last-child:after { display:none; }
.game_cate ul .game_cate01{width: 24px; height: 24px; line-height: 36px; text-align: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:10px; }
.game_cate.sports_result ul li:after { height:20px; }

.game_cate ul li .game_cate01 span {margin-left:15px;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {vertical-align:middle;display: block;padding:0 38px;margin:0;color: #b4bcc2;font-size: 14px;letter-spacing: 0px;-webkit-transition: 0.3s;transition: 0.3s;position: relative;padding: 0;background: #303539;height: 45px;line-height: 42px;border-left: 1px solid #454a4d;}
.game_cate ul li:first-child a { border:0 }
.game_cate ul li a i.iconfont{display:inline-block;width:31px;font-size: 22px;overflow:hidden;vertical-align:middle;}
.game_cate ul li a .cate01 { display:block; height: 30px;width: 30px; padding-left:10px; margin-top:-500px;}
.game_cate ul li a.on,
.game_cate ul li a:hover{color: #f72c2c;}
.game_cate ul li a.on span,
.game_cate ul li a:hover span{ color:#fff; }
.game_cate ul li a span{vertical-align:middle;font-size: 13px;}
.game_cate ul li.on a { color:#fae00f; }
.game_cate.sports_result ul li a { height:50px; line-height:50px; font-size:15px; }

.game_head {overflow: hidden;border:1px solid #46474c;background: #303539;}
.game_head table {width: 100%;table-layout: fixed; }
.game_head table thead th {height: 37px;color: #d1d2d4;font-size: 13px;}
.g_head {clear: both;overflow: hidden;height: 36px;line-height: 36px; margin: 2px 0 2px 0;text-align: left;letter-spacing: -1px;font-size: 13px;padding-left: 0;}
.g_head img {width: 22px;margin: 0px 0 0 7px;vertical-align: middle;}
.g_head span {display: inline-block;margin-left: 12px;color: #dddfe2 !important;}
.g_head.last-over span {}
.g_head i.iconfont{color: #969696;display: inline-block;vertical-align: middle;width: 20px;margin-right: 10px;/* font-size: 21px; */}
.g_head em {text-decoration: none;color: #dddfe2;font-weight: normal;font-style: normal;}
.g_head em strong {color: #dddfe2;font-weight: normal;}

.game_row >div { margin-top:-1px; }
.game_data.sports-result .game_head {display:none; }
.game_data.gameResult .game_head {display:none; }
.game_data.sports-result div:first-child .game_row .game_head,
.game_data.sports-result .game_head:first-child { display:block; }
.game_data.gameResult div:first-child .game_row .game_head:first-child,
.game_data.gameResult #vgame_html .game_row:first-child .game_head { display:block; }
.game_data.gameResult .btnArea { display:none; }
.game_head table {width: 100%;table-layout: fixed; }
.g_head {clear: both;overflow: hidden;height: 36px; margin: 2px 0 2px 0;text-align: left;letter-spacing: -1px;font-size: 13px;padding-left: 0;}
.g_head img {width: 22px;margin: 0px 0 0 7px;vertical-align: middle;}
.g_head span {display: inline-block;margin-left: 12px;color: #fff !important;font-size: 14px;}
.g_head.last-over span {}
.g_head i.iconfont{color: #969696;display: inline-block;vertical-align: middle;width: 20px;margin-right: 10px;/* font-size: 21px; */}
.g_head em {text-decoration: none;color: #dddfe2;font-weight: normal;font-style: normal;}
.g_head em strong {color: #dddfe2;font-weight: normal;}
.game_data {position:relative; }
.game_data.sports-result {  }
.game_data.sports-result .g_gr_o { 
    background-color: #3c2021 !important;
    border: 1px solid #7d272c !important;
 }
 .game_data.sports-result .g_day { font-weight:500; color:#c5c5c5 }
 .game_data.sports-result .g_day span{ font-weight:500; color:#c5c5c5 }
 .game_data.sports-result .g_lg .blue { color:#cbcbcb; font-size:13px; font-weight: 500; }
.g_item {overflow: hidden; display: block;}
.g_item a{display:block; width:100%; height:100%; }
.g_item::after {content: ''; display: block; clear: both;}
.g_item li {
    float: left;
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid #4d4e53;
    border-left: 0;
    padding: 0 10px;
}
.g_item li:first-child{
    border-left: 1px solid #4d4e53;
}
.g_item li img {display: inline-block; vertical-align: middle;}
.g_item li.last-over{color: #6e7376 !important;}
.g_item li.last-over *{color: #6e7376 !important;}
.g_item li.last-over img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.g_item li.g_more { padding:0; }
.g_item li.g_day,
.g_item li.g_day span {}

.g_day {width: 12%;text-align: center;color: #dedede;font-size: 13px;}
.sports-result .g_day { width: calc(11% - 8px); }
.sports-result .g_home_ed { width: calc(27% - 2px); }
.sports-result .g_more.scr { width: calc(7.5% - 2px); }
.g_day span {color: #dedede;}
.g_home {width: calc(34%);padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_odd {width: calc(10%);text-align: center;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_away {width: 34%;padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;border: 1px solid #d1d2d3;}

.g_home_h_s {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_h_s {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_h_s {width: calc(33% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}


.g_home_sc {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_sc {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_sc {width: calc(33% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}

.g_home_ed {width: calc(29% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_ed {width: calc(7% - 2px); text-align: center; cursor: pointer; font-weight: bold;}
.g_away_ed {width: calc(28% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}


.g_home_n, .g_home_o, .g_home_d {width: 82%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 500;}
.g_away_n, .g_away_o, .g_away_d  {width: 82%;float: right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 500;}
.g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 18%;float: right;position: relative;letter-spacing: -0.5px; font-weight: 500; }
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 18%;float: left;position: relative;letter-spacing: -0.5px; font-weight: 500;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block; font-weight: 500;}

.g_home_odd_n .hot,
.g_home_odd_o .hot,
.g_home_odd_d .hot,
.g_away_odd_n .hot,
.g_away_odd_o .hot,
.g_away_odd_d .hot{font-size:14px;font-weight:700;color:#47e73b;margin: 0 2px;}

.g_gr_c .g_home_odd_o .hot,
.g_gr_c .g_away_odd_o .hot{color:#fff;}

.g_gr_c,
.g_gr_c .pink,
.g_gr_c .green,
.g_gr_c .blue { color:#fff !important; }

.g_home_n {color: #fff;text-align: left;font-size: 13px;font-weight:500;}
.g_home_odd_n {color: #fff;text-align: right;font-size: 13px;}
.g_odd_n {color: #dedede;text-align: center;font-size: 13px;}
.g_away_odd_n {color: #fff;text-align: left;font-size: 13px;}
.g_away_n {color: #fff;text-align: right;font-size: 13px;font-weight:500;}

.g_home_o {color: #fff;text-align: left;font-size: 13px; font-weight:500;}
.g_home_odd_o {color: #d3d3d3;text-align: right;font-size: 13px;}
.g_odd_o {color: #d3d3d3;text-align: center;font-size: 13px;}
.g_away_odd_o {color: #d3d3d3;text-align: left;font-size: 13px;}
.g_away_o {color: #fff;text-align: right;font-size: 13px; font-weight:500;}
.g_home_o span, .g_away_o span {color: #fff !important;}

.g_home_d {color: #5c5c66;text-align: left;font-size: 13px;}
.g_home_odd_d {color: #5c5c66;text-align: right;font-size: 13px;}
.g_odd_d {color: #fff;text-align: center;font-size: 13px;}
.g_away_odd_d {color: #5c5c66;text-align: left;font-size: 13px;}
.g_away_d {color: #5c5c66;text-align: right;font-size: 13px;}

.g_odd_h {color: #fff !important;text-align: center;font-size: 13px;}


.g_more {text-align: center; font-size: 13px;}
.g_more a { position:relative; }
.g_more img {vertical-align: middle;}
.g_more.list {width: calc(10%);}
.g_more.list span{font-size: 13px;color: #d7c669;margin-right:0;}  
.g_more.list.betting span {/* color:#a4a7aa; */}
.g_more.icon {width: calc(6% - 2px);}
.g_more.bet {width: calc(6% - 2px);}
.g_more.bet .mrbt {color: #aaa;}
.g_more.bet .mred {color: #777;}
.g_more.scr {width: calc(8% - 2px);color: #737373;}
.g_more.scr b{color:#fff !important;font-size:13px;font-weight:500; }
.g_more.win {width: calc(6% - 2px); color: #aaa;}
.g_more.win span.tx_white { color:#d4d4d4; }
.g_more.win b span{font-weight:500;}
#vgame_html .g_more.scr {width: calc(6% - 2px);}

.game_sub { display:none; }
.game_sub.on {display: block}

.g_gr_nt {background-color: #2f4657;}
.g_gr_nto {background-color: #2fb3ed;}
.g_gr_n {/* border: 1px solid #2d2d2f; */}
.g_gr_o {background-color: #303539 !important; color:#fff !important; }
.g_gr_c {background:linear-gradient(#ac354f, #1e4691) }
.g_gr_d {}
.g_gr_sc {background-color: #3b3331;}

.g_gr_o .divd{color: #fff;}
.g_gr_c .name{color: #000 !important;}
.g_gr_o .divd2.name{color: #d3d3d3;}
.g_gr_c .divd2.name{color: #fff !important;}
.g_gr_c .divd{color: #fff !important;}
.g_gr_c .name{color: #fff !important;}

.g_list_hold {}
.g_list_hold span {color: #e72b33; }
.g_list_hold em {color:#fff; }
.g_list_view {background:#000000 !important; }
.g_list_view span {color: #fae00f; }
.g_list_view em {color: #fff; }
.g_list_view:after { content:''; display:block; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:0; left:0; right:0; bottom:0; border:2px solid #fff; }

.g_list_hold, .g_list_view {width: 100%; display: inline-block;cursor: pointer;text-align: center;}
.g_list_hold span, .g_list_view span {display: inline-block;font-size: 12px;margin: 0 5px 0 0;}
.g_list_hold em, .g_list_view em {display: inline-block;font-style: normal; font-size: 13px;}


.g_evt {width: 40px; height: 36px; line-height: 36px; text-align: center;}
.g_evt img {vertical-align: middle;}
.g_lg {width: calc(14% - 2px);height: 36px;line-height: 36px;text-align: left;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; color:#fff; }
.g_lg img {width: 26px; height: 16px; margin: -2px 0 0 5px; vertical-align: middle;}
.g_lg img.icon { width:19px; height:20px; }
.g_lg span {color: #fff;}

.g_info {padding: 2px;margin-top: 5px;}
.g_info ul {display: table;border: 1px solid #46474c;color: #fff;}
.g_info ul li {display: table-cell; width: 1%; height: 34px; line-height: 34px; text-align: center;}
.g_info ul li input[type="checkbox"] {vertical-align: middle; height: 34px; line-height: 34px;}

#container .betArea { right:0; position:relative; }
.betArea .cartArea {position:relative; overflow:hidden;margin:0 0 10px;border: 2px solid #1e4691;}
.betArea .cartArea .betLock { z-index:10; position:absolute; left:0; right:0; top:35px; bottom:0; background:rgb(0,0,0,0.8); text-align: center;}
.betArea .cartArea .betLock .inner { position:relative; top:50%; transform: translateY(-50%); }
.betArea .cartArea .betLock .iconfont { 
  background: linear-gradient(#843a62, #f32c2e);
  -webkit-background-clip: text;
  color: transparent;
  font-size:62px;
 }
 .betArea .cartArea .betLock .lockTitle {margin: 12px 0 15px;color:#ffffff;font-size:24px;font-family:"a3";}
 .betArea .cartArea .betLock .produce { font-size:16px; color:#949494; line-height:1.5; }
.betArea .cartArea .title {position:relative;height:35px;padding:0 25px;font-size:14px;line-height: 35px;background: #1e4691;}
.betArea .cartArea .title .yellow {color:#fae00f;}
.betArea .cartArea .title .ctToggle { position:absolute; right:15px; top:0px; }
.betArea .cartArea .content {background: linear-gradient(to right, #292a2e, #16171b);}
.betArea .cartArea .content .ctListWrap { margin:0 1px; max-height:226px; overflow:hidden; overflow-y:auto; }
.betArea .cartArea .content .ct_list { overflow-y:auto; margin:0px 15px; padding:7px 0 10px; overflow:hidden; }
.betArea .cartArea .content .ct_list .crt_gm {position: relative; padding:0 0 10px; border-bottom:1px solid #313236; }
.betArea .cartArea .content .ct_list .crt_gm:after { 
  content:""; position:absolute; left:0; right:0; bottom:0px; border-bottom:1px solid #000; }
.betArea .cartArea .content .ct_list .crt_gm .topInfo { padding:13px 45px 8px 0px; font-size:12px; line-height:16px; }
.betArea .cartArea .content .ct_list .crt_gm:hover p a.del{color:#fff;}
.betArea .cartArea .content .ct_list .crt_gm p { display:inline-block; margin:0 5px 0 0; /* padding: 2px 0; */ vertical-align: top; width:auto; font-size:12px; }
.betArea .cartArea .content .ct_list .crt_gm p.lastInfo { display:block; margin:0; color:#e2e2e2; font-size:12px; }
.betArea .cartArea .content .ct_list .crt_gm p.line-tit{color:#b0b0b0;font-size:12px;}
.betArea .cartArea .content .ct_list .crt_gm p .tm {display: block; /* line-height: 1.5; */color: #c3b203;font-size: 12px;letter-spacing: -0.5px;}
.betArea .cartArea .content .ct_list .crt_gm p .tm.cho {display: inline-block;width: 150px;color: #cfcfcf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.betArea .cartArea .content .ct_list .crt_gm p .odd {float: right;color:#e2e2e2;font-size: 12px;}
.betArea .cartArea .content .ct_list .crt_gm p .odd .wol{color: #fb2534;margin-right:2px;font-size: 12px;}
.betArea .cartArea .content .ct_list .topInfo a {position: absolute;right: -4px;top: 14px;width: 20px;}
.betArea .cartArea .content .ct_list .topInfo a.del {background: none;font-size: 19px;color: #9f9f9f;}
.betArea .cartArea .content .ct_list .no-game{height:36px;line-height:36px;text-align:center;font-size: 12px;color: #fff;}
.betArea .btnMoney {margin:0 15px;padding:15px 10px 10px;background: #16171b;border-radius:10px;}
.betArea .btnMoney dt { margin:0 0 7px; font-size:12px; color:#fff; }
.betArea .btnMoney dd {height:33px;line-height:33px;background: #222327;border-radius:5px;}
.betArea .btnMoney dd input { padding:0 0 0 13px; width:155px; height:16px; font-size:13px; line-height:16px; color:#fff; border:0; border-right:1px solid #525252;background:#222327; outline:0; }
.betArea .btnMoney dd .btn1 { cursor:pointer; display:inline-block; margin:0 0 0 7px; color:#fff; font-size:13px; }
.betArea .btnMoney .bsp_money { margin:3px 0 0; }
.betArea .btnMoney .bsp_money li { padding:4px 4px 0 0; text-align: center; }
.betArea .btnMoney .bsp_money li span { display:block; cursor:pointer; height:30px; line-height:30px; font-weight:700; font-size:13px; color:#16171b; background:linear-gradient(#ffffff, #bbbbbb); border-radius:5px; }
.betArea .btnMoney .bsp_money .actionMoney li span { color:#fff; background:linear-gradient(#898989, #444444); }
.betArea .betInfo { margin:10px 0 0; padding:0 15px; background:#090400}
.betArea .betInfo li { height:35px; line-height:35px; position: relative; padding:0 0 10px; }
.betArea .betInfo li:first-child { border-bottom:1px solid #221e1a; }
.betArea .betInfo li:first-child:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  border-bottom:1px solid #000;
  }
.betArea .betInfo li span { color:#fff; font-size:14px; }
.betArea .betInfo li span.tit { display:inline-block; width:100px; font-size:12px; }
.betArea .btnBet { padding:15px; }
.betArea .btnBet li { float:left; padding:0 7px 0 0; border-radius:5px;overflow:hidden; }
.betArea .btnBet li.clear { width:86px; }
.betArea .btnBet li.clear a { height:38px; line-height:35px; color:#fff; font-size:12px; border:2px solid #fff; border-radius: 5px; box-sizing:border-box; }
.betArea .btnBet li.betting {
    float:right;
    padding: 0;
    width: 137px;
    background: #fae00f;
    box-shadow: 0 2px #b2a00b inset;
    }
.betArea .btnBet li a { display:block; font-weight:600; line-height:38px; text-align: center; }
.betArea .btnBet li.betting a {
  font-size: 14px;
  color: #16171b;
  overflow: hidden;
}
.betArea .betLimit { margin:0 15px; padding:0 0 9px; }
.betArea .betLimit li { margin:0 0 6px; }
.betArea .betLimit li .title { height:auto; line-height:inherit; padding:0; font-size:12px; color:#737373; background:transparent; }
.betArea .betLimit li .value { float:right; font-size:12px; color:#a6a6a6; }
.switch {
  display: inline-block;
  width: 48px;
  height: 24px;
  line-height: 22px;
  border-radius: 24px;
  vertical-align: middle;
  border: 1px solid #fae00f;
  background-color: #fae00f;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s ease-in-out;
}
.switch-small {
  width: 24px;
  height: 14px;
  line-height: 10px;
}
.switch-inner {
  color: var(--ct-fff);
  font-size: 12px;
  position: absolute;
  left: 25px;
}
.switch:after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #1e4691;
  position: absolute;
  left: 1px;
  top: 1px;
  cursor: pointer;
  transition: left .2s ease-in-out,width .2s ease-in-out;
}
.switch-small:after {
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
}
.betArea .cartArea .title .checked {
  border-color: #fae00f;
  background-color: #fae00f;
}
.switch-small.checked:after {
  left: 10px;
  background-color: #1e4691;
}
.switch-small.clicking:after {
  width: 18px;
}
.switch-small.checked.clicking:after{
  left:4px;
}

#container .betArea .domainArea {position:relative;height: 175px;border: 2px solid #1e4691;background: url(/images/sub/domain_bg.png) no-repeat;background-size:cover;}
#container .betArea .domainArea .logo {padding: 5px 0 0px;text-align:center;}
#container .betArea .domainArea .logo img {height: 85px;}
#container .betArea .domainArea .produce {font-size: 14px;color: #f72c2c;text-align: center;}
#container .betArea .domainArea .wrapBox {overflow:hidden;position:absolute;bottom: 13px;left:27px;width: calc(100% - 54px);height: 45px;line-height: 45px;border: 2px solid #396fca;}
#container .betArea .domainArea .box {display:block;color: #fff;line-height: 43px;background: linear-gradient(#3061b6,#1f4893);font-size: 18px;font-family: "a3";text-align: center;}

.contentArea h3.title {color:#ffffff;border-bottom:2px solid #1e4691;padding:0 0 13px;font-size: 20px;margin: 0px 0 20px;/* display: inline-block; */}
.contentArea .gList ul { margin-right:-20px; }
.contentArea .gList ul li { padding:0 20px 20px 0 }

.contentArea h3 .btnTitle {float:right;margin: 0px 0 0;}
.contentArea h3 .btnTitle a {display:inline-block;width:135px;line-height: 30px;color:#ffffff;font-size:14px;text-align: center;font-family:"a2";font-weight:500;background:linear-gradient(#5a5a5a, #212121);border:1px solid #4d4e53;}
.contentArea h3 .btnTitle a.on { background:linear-gradient(#2b57a9, #10254b); border:1px solid #375b9e; }
.contentArea h3 .btnTitle a.grey {  }

.frameWrap { height:800px; }

.searchArea .search {height:45px;padding: 7px 20px;color:#b4bcc2;/* line-height: 1px; */border:1px solid #4d4e53;background:#303539;}
.searchArea .search.center #search { text-align: center; }
.searchArea .search .date { display:inline-block; }
.searchArea .search input,
.searchArea .search select {height:30px;padding: 0px 10px;color:#fff;border-radius:5px;border:1px solid #454a4d;background:#1d2124; outline:0; vertical-align: 0px; }
.searchArea .search select { 
  appearance: none;
  background:#1d2124 url(/images/sub/sel_bg.png) no-repeat;
  background-position:calc(100% - 5px) 10px
 }
.searchArea .search input::placeholder,
.searchArea .search select::placeholder { color:#757b80 }
.searchArea .search strong { display:inline-block; font-weight:500; margin:0 10px; }
.searchArea .search strong:first-child { margin-left:0; }
.searchArea .search .date strong { margin:0 3px; }
.searchArea .search .date .day { position:relative; }
.searchArea .search .date .day .iconfont {position:absolute;right:10px;top: -2px;color: #858280;}
.searchArea .search .btnDate { display:inline-block; width:55px; height:30px; line-height:28px; font-size:14px; color:#fff; text-align: center; border-radius: 5px; vertical-align: top;}
.searchArea .btnDate.blue { border:1px solid #4979d3; background:#2852a0; }
.searchArea .btnDate.rose { border:1px solid #b45b86; background:#88395f; }
.searchArea .btnDate.orange { border:1px solid #f57c7c; background:#f72c2c; }
.searchArea .game_cate { margin:0 0 10px; }

.result .g_item li.g_day { width:10%; color:#fff; text-align: center;padding:0}
.result .g_item li.g_cate { width:8%; color:#fff;text-align: center; padding:0 }
.result .g_item li.g_score { width:6%; color:#fff;text-align: center; padding:0; }
.result .g_item li.g_result { width:6%; color:#fff;text-align: center; padding:0;}
.result .g_item li.g_home,
.result .g_item li.g_away { width:30%; }
.result .g_item li.g_result .blue { color:#3ab1f5; }
.result .g_item li.g_result .red { color:#f72c2c; }
.result .g_item li.g_result .yellow { color:#e0db22; }
.result .g_gr_c {
  background: linear-gradient(#653d6f, #204690);
}
.result.mini .g_item li { color:#fff; text-align: center; }

.result.mini .g_item li.g_day { width:30% }
.result.mini .g_item li.g_round { width:15% }
.result.mini .g_item li.g_items { width:40% }
.result.mini .g_item li.g_rate { width:15% }

.sub-paging{margin:0 auto;text-align:center;margin-top:30px;/* margin-bottom:90px; */}
.sub-paging a{display:inline-block; color: #fff;vertical-align:top;border-radius:3px;width: 45px;height: 45px;line-height: 45px;font-size:14px;background: #152129;border: 1px solid #38444c;}
.sub-paging a.on, .sub-paging a:hover, .sub-paging a:active, .sub-paging a:focus{color: #fff;background: #1c3b74;border: 1px solid #3363bc;}
.sub-paging a.before{}
.sub-paging a.pre{margin-right: 15px;}
.sub-paging a.next{margin-left: 15px;}
.sub-paging a{margin-right: 3px;}

.sportsInfo { border:1px solid #46474c; padding-right:10px; width:1069px; }
.sportsInfo li {float:left;height:40px;line-height:40px;padding-left: 30px;color: #b2b2b2;font-size: 12px;}
.sportsInfo li .yellow { color:#f3f01c; }
.sportsInfo li:first-child { padding-left:10px }
.sportsInfo li.last { float:right;}
.sportsInfo li .checkbox input { vertical-align:middle; }
.sportsInfo .btnCancel {display:inline-block;background:#b62b24;padding: 2px 8px;border-radius:5px;line-height:18px;color:#fff;border:1px solid #b62b24;}

.btnArea { margin-top:20px; }
.btnArea.right {text-align: right;}
.btnArea a { display:inline-block; width:90px; height:45px; font-size:16px; color:#fff; line-height:45px; text-align: center; vertical-align: top;}
.btnArea a.btnSelctAll { border:1px solid #1e4691; background:#0f2348; }
.btnArea a.btnDelete { border:1px solid #951922; background:#610c12; }
.game_data .miniBetting .g_item { width:calc(100% + 1px); margin:0 0 10px; }
.game_data .miniBetting .g_item:first-child { margin-top:2px; }
.game_data .miniBetting .g_item li { width:11%; color:#dedede; text-align: center;}
.game_data .miniBetting .g_item li span.yellow { color:#fbd35e }
.game_data .miniBetting .g_item li span.red { color:#d31a1a }
.game_data .miniBetting .g_item li.wr7 { width:7% }
.game_data .miniBetting .g_item li.wr16 { width:16% }

.game_data .miniBetting.casino .g_item li { width:15%; color:#dedede; text-align: center;}


.loginWrap { width:500px; margin:40px auto 0; padding:0 0 50px; }
.loginWrap h2 { margin:0 0 35px; text-align: center; }

.loginWrap h3 {padding:0 30px;height:60px;line-height: 60px;font-size:26px;font-weight:600;color:#fff;background: #3c3a39;border-radius: 28px 28px 0 0;}
.loginWrap .joinContent {border-radius: 0 0 28px 28px;}
.loginWrap .joinContent ul { margin:0 0 10px; }
.loginWrap .joinContent li { position:relative; padding:20px 0 0 0; }
.loginWrap .joinContent li:first-child { padding:0 }
.loginWrap .joinContent li .title {margin: 0 0 8px 10px;font-size:14px;color: #fff;}
.loginWrap .joinContent li.on .title { color:#fff; }
.loginWrap .joinContent li .input input,
.loginWrap .joinContent li .input select  {height:45px;padding:0 15px;background: #545a6f;}
.loginWrap .joinContent li .input.phone select,
.loginWrap .joinContent li .input.phone input {width: 127px;color: #fff;border: 0;outline:0;}
.loginWrap .joinContent li .input.phone { color:#fff; }
.loginWrap .joinContent li .input.bank div { margin:0 0 10px; }
.loginWrap .joinContent li .input.bank div select {
  width: 200px;
  color:#fff;
  background-position:190px 17px;
  border:0;
  outline:0;
  appearance: none;
  background: #545a6f url(/images/sub/sel_white_bg.png) no-repeat;
  background-position: calc(100% - 14px) 18px;
  }
.loginWrap .joinContent li .input.bank div input { width:205px; }
.loginWrap .joinContent li .input .help {margin:10px 0 0 0;color: #666461;font-size:12px;}

.loginWrap.join{ margin:-25px auto 0}
.loginWrap.join h1.logo img { width:60% }
.loginWrap .joinContent .safeCode { position:absolute; right:0; top:0; }

.loginWrap .joinContent .loginInner.code {
  padding-bottom: 13px;
}

/* #container .contentArea { padding:25px 0 0 0; } */
#container .contentArea .inner { margin:0 0 0 -20px; padding:0; background:#010202;}
#container .contentArea .inner > div { border-radius:22px 22px; overflow:hidden; }
#container .contentArea .inner h4.title {height:70px;line-height: 70px;color:#fff;font-size:26px;font-weight:700;padding:0 25px;background: #3c3a39;}
#container .contentArea .inner h4.title .iconfont {
	font-size: 35px; 
    background: linear-gradient(#edecec, #a09f9f);
    -webkit-background-clip: text;
    color: transparent;
}

#container .contentArea .board {margin: 10px 0 0 0;}
#container .contentArea .board table {margin:0 0 30px;}

#container .contentArea .board th,
#container .contentArea .board td {padding:10px;border-bottom: 1px solid #4d4e53;text-align: center;}
#container .contentArea .board td.left { text-align: left; }
#container .contentArea .board th {height: 45px;line-height: 45px;font-size: 14px;color:#fff;background: #303539;font-weight: 500;border-top: 1px solid #4d4e53;border-bottom: 1px solid #4d4e53;}
#container .contentArea .board th:first-child { border-left: 1px solid #4d4e53; }
#container .contentArea .board th:last-child { border-right: 1px solid #4d4e53; }
#container .contentArea .board td {height:50px;line-height:1.5;font-size:14px;color: #ffffff;padding-top: 0;padding-bottom: 0;}
#container .contentArea .board td > a:hover { text-decoration: underline; }
#container .contentArea .board .date {color: #fff;}

#container .contentArea .board .detail td {text-align: left;padding:20px 78px;background: #080809;}

#container .contentArea .message .btButton .btnNormal.allDelete { color:#fff; background:linear-gradient(#b99e9e, #471717) }
#container .contentArea .message .btButton .quickAsk.btnNormal { color:#2c2c2c; }

#container .contentArea .board tr.detail.open { display:contents; }
#container .contentArea .board tr.on .ctDisplay {color: #d49c23;text-decoration: underline;}
#container .contentArea .board tr.detail { display:none; }
#container .contentArea .board td .red { color:#f72c2c; }

#container .contentArea .board .btnArea .right { float:right }
#container .contentArea .board .btnArea .right a { display:inline-block; height:45px; line-height:45px; padding:0 15px; font-size:16px; color:#fff; width:auto; }
#container .contentArea .board .btnArea .right a.btnAsk { border:1px solid #c94d5c; background:#90385c }
#container .contentArea .board .btnArea .right a.btnWrite { border:1px solid #c2b121; background:#93850c; }

span.type {
  display: inline-block;
  padding: 0 10px;
  height: 25px;
  line-height: 21px;
  font-size: 14px;
  color: #fff;
  border:2px solid #e32e35;
  background: linear-gradient(#e32e35, #2e4489);
  border-radius: 33px;
  font-family: 'aTitleGothic3';
}
#container .contentArea .board .notice.event span.type {
  border:2px solid #376ed3;
}
#container .contentArea .board th { padding:0 10px; }
#container .contentArea .board .notice td.left a { color:#f7f416; }
#container .contentArea .board .notice.event td { background:transparent }
#container .contentArea .board .notice.event td.left a { color:#f72c2c; }
#container .contentArea .board tr.notice td { background:#272727; }
#container .contentArea .board tr td .count { color:#6ef81a; }
#container .contentArea .board tr td .betIcon { padding:5px; background:#f72c2c; border-radius:2px; font-size:12px; color:#ffffff; }
#container .contentArea .board tr td.left a { display:inline; }
#container .contentArea .board tr td.left .listWriter { display:inline-block; margin:0 0 0 60px; }

#container .contentArea .board tr.on .ctDisplay.message { color:#f7f416; }

#container .contentArea .board .inputArea #title { width:100%; height:45px; border:1px solid #4d4e53; background:#303539; color:#fff; font-size:14px; padding:0 15px; margin:0 0 10px; outline:0; }
#container .contentArea .board .inputArea #title::placeholder,
#container .contentArea .board .inputArea #wrContent::placeholder  { color:#a6aeb5; }

#container .contentArea .board .inputArea #wrContent { width:100%; height:315px; padding:15px; color:#fff; border:1px solid #4d4e53; background:#1a1d20;  outline:0; }
.btnArea.center { text-align: center; }
.btnArea.center a { display:inline-block; padding:12px 30px; color:#fff; font-size:16px; width:auto; height:auto; line-height: inherit;}
.btnArea.center a.btnSave { border:1px solid #1e4691; background:#0f2348; }
.btnArea.center a.btnList { border:1px solid #951922; background:#610c12; }

#container .contentArea .board .attach { margin:5px 0 0; height:45px; color:#9ea5ab; font-size:14px; font-family:"a1"; line-height:45px; border:1px solid #1a1d20; background:#1a1d20; }
#container .contentArea .board .attach span { display:inline-block; margin:0 40px 0 20px; }
#container .contentArea .board .attach .btnAttach { width:95px; height:27px; line-height:27px; color:#fff; text-align: center; font-size:14px; border-radius:5px; background:#1b3a73; }

#container .contentArea .board #attachContent .game_head { border:0; }
#container .contentArea .board #attachContent .game_head table { margin:0; }
#container .contentArea .board #attachContent .game_row >div { width:calc(100% + 1px) }
#container .contentArea .board #attachContent .game_row .sportsInfo { width:100%; }

#container .contentArea .board .viewArea .title { position:relative; padding:0 20px; height:45px; line-height:45px; color:#fff; font-size:18px; border:1px solid #4d4e53; background:#303539; }
#container .contentArea .board .viewArea .title p { width:900px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

#container .contentArea .board .viewArea .title .writer { position:absolute; right:20px; top:0px; width:128px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; text-align: right; font-size:14px; color:#fff; font-family:"a1"}
#container .contentArea .board .viewArea .content { padding:22px 20px; margin-top:5px; color:#fff; font-size:14px; font-family:"a1"; border:1px solid #4d4e53; background:#1a1d20; }

#container .contentArea .board .viewArea .btnArea.viewButton { margin:10px 0 30px; }
#container .contentArea .board .viewArea .btnArea.viewButton .left { float:left; }
#container .contentArea .board .viewArea .btnArea.viewButton .right { float:right; }
#container .contentArea .board .viewArea .btnArea.viewButton a { display:inline-block; padding:0; width:90px; height:45px; line-height:45px; text-align: center; color:#fff; font-size:16px; }
#container .contentArea .board .viewArea .btnArea.viewButton a.grey { border:1px solid #4d4e53; background:#383a3a; }
#container .contentArea .board .viewArea .btnArea.viewButton a.blue { border:1px solid #1e4691; background:#0f2348; }
#container .contentArea .board .viewArea .btnArea.viewButton a.red { border:1px solid #951922; background:#610c12; }
#container .contentArea .board .viewArea .btnArea.viewButton a.pink { border:1px solid #c94d5c; background:#90385c; }
#container .contentArea .board .viewArea .btnArea.viewButton a.yellow { border:1px solid #c2b121; background:#93850c; }

.comment h4 { height:33px; line-height:33px; border-bottom:1px solid #4d4e53; color:#fff; font-size:16px; }
.comment h4 .count { display:inline-block; color:#ffcb5f; }
.comment ul > li{overflow:hidden;border-bottom: 1px solid #4d4e53;padding: 0 10px 0 10px;position: relative;font-family: "a1";}
.comment ul > li > p.tit{float: left;height: 42px;line-height: 42px;min-width: 108px;margin-right: 20px;white-space: nowrap;overflow: hidden;font-size: 14px;}
.comment ul > li > p.tit .left{/* float:left; */color: #b4b4b4;font-weight:700;}
.comment ul > li > p.tit .left i{margin-right:5px;}
.comment ul > li > p.tit .left em{display: inline-block;font-style:normal;overflow: hidden;vertical-align: top;}
.comment ul > li > p.tit .right{/* float:right; */color: #666;}
.comment ul > li > p.cont{float: left;font-size: 14px;font-weight: 500;color: #e8e8e8;margin:13px 0;width: calc(100% - 165px);}
.comment ul > li p.cont a.btnDelete{position:absolute;top: 8px;right: 10px;font-size: 18px;color: #767b7f;}
/* .comment ul > li > p.cont a.btnDelete:hover{color: #1a93d5;} */

.comWrite{margin-top: 10px;}
#container .comWrite table td{padding:0;border:0; color:#fff56b !important; border-bottom:0 !important; }
.comWrite textarea{float:left;border: 1px solid #4d4e53;background: #303539;padding: 13px 20px;width: calc(100% - 2px);height: 45px;vertical-align: top;color: #fff;resize: none;font-size: 14px; outline:0; font-family:"a1"; }
.comWrite .btnComSubmit { display:block; line-height:43px; border:1px solid #5e7b93; background:#54626d; font-family:'a3'; color:#fff;  }
.comWrite .btnComSubmit:hover { text-decoration:none !important; }
.comWrite td { padding:0 1px !important; }

.cashNotice { height:420px; padding:0 30px 30px; border:1px solid #4d4e53; background:url(/images/sub/cash_bg.png) no-repeat; background-size:cover; }
.cashNotice h4 {margin: 24px 0 15px;color:#ffe646;font-size:24px;font-family: "a3";}
.cashNotice ul li {position:relative;line-height: 1.7;color:#fff;font-size:14px;padding:0 0 0 15px;}
.cashNotice .yellow { color:#ffe646 !important; }
.cashNotice .red { color:#ff3333 !important; }
.cashNotice ul { padding:0 0 0 40px; }
.cashNotice ul li .no { position:absolute; left:0; top:0;  }  
.cashNotice ul li .help { color:#c4c4c4; }
.cashNotice h4 .iconfont {font-size:30px;vertical-align: -3px;}

.board2 {padding: 20px 40px;border: 2px solid #4d4e53;background: #080809;margin: 10px 0 0 0;}
.board2 table {border-bottom: aliceblue;}
.board2 th,
.board2 td {height:60px;padding: 0;line-height:60px;border-top: 1px solid #4d4e53;color:#fff;font-family: "a1";font-weight: 400;font-size: 15px;}
.board2 th {font-size: 15px;text-align: left;}
.board2 tr:first-child th,
.board2 tr:first-child td{ border-top:0 }
.board2 td .quickAsk{ margin:0 10px 0 0; }

.board2 td a.btnNormal { vertical-align: middle; }
.board2 td .iptNormal {width:145px;height:40px;line-height: 40px;padding:0 10px;font-family: "a1";border: 1px solid #48484c;border-radius: 0;background: #27272c;margin:0;font-size:16px;font-family: "a1";text-align: right;color: #ffe668; outline:0; }
.board2 td .moneyArea { display:inline-block; margin:0 0 0 15px; }
.board2 td .moneyArea .btnNormal {width: 90px;padding:0;text-align: center;font-size:15px;color:#0f0f10;outline:0;}
.board2 td .iptNormal.bankNo{ width:190px; }
.board2 td .iptNormal.name { text-align: left; color:#fff; background:#000000; outline:0;}
.board2 td .moneyArea .moneyWhite {cursor:pointer;height:40px;line-height:40px;background: linear-gradient(#5a5a5a, #212121);border:0;outline:0;color: #fff;border: 1px solid #4d4e53;}
.board2 td .moneyArea .moneyClear {cursor:pointer;height:40px;line-height:40px;background: #610c12;color:#fff;border:0;outline:0;border: 1px solid #951922;}
.board2 td .userHelp {margin:0 0 0 5px;color: #898989;font-size: 12px;}
.board2 td p.userHelp { margin:0; line-height:17px; margin:0 0 10px; }

.board2 .yellow { color:#ffe646 !important; }
.board2 .red { color:#ff3333 !important; }
.board2 .btnAsk { width:130px; height:40px; line-height:40px; color:#fff; text-align: center; border:1px solid #c94d5c; background:#90385c; font-size:17px; font-family:"a3";}

.btnCashin { width:160px; background:linear-gradient(#2f61b6, #1f4893); border:3px solid #396fca; text-align: center; }

#container .cashList{ min-height:400px; }
#container .cashList table {border:0;text-align: center;color: #ffffff;}
#container .cashList th {height:40px;line-height:40px;background: #303539;font-size:14px;color: #fff;border-top: 1px solid #4d4e53;border-bottom: 1px solid #4d4e53;}
#container .cashList th:first-child { border-left:1px solid #4d4e53; }
#container .cashList th:last-child { border-right:1px solid #4d4e53; }
#container .cashList td {border-left: 1px solid transparent;border-bottom: 1px solid #4d4e53;padding: 12px 0;}
#container .cashList td:first-child { border-left:0; }

.contentArea .cashList h3.title {margin:40px 0 10px;border:0;padding:0;font-weight: 500;}
.contentArea .cashList h3 .btnArea { float:right; margin:-11px 0 0 0; }

.contentArea .cashList td.status { font-size: 14px; }
.contentArea .cashList td.status .doing {color:#fff;}
.contentArea .cashList td.status .done {color:#ffe646;}
.contentArea .cashList td.status .cancel {color:#fb0e0e;}

.cashNotice.cashout { 
  height: 350px;
  background: url(/images/sub/cashout_bg.png) no-repeat;
  background-size: cover;
 }