@charset "utf-8";

body.body_index {background: #0a0322 url("bg_body.jpg") center; }
body.body_lottery {background: #1F1E3D; color: #BDD6FE;}
body.body_profile {background: #0a0322 url("bg_profile.jpg") center; color: #fef8d8;}
body.body_error {background-image: url("bg_error.jpg"); background-size: cover; color: #fef8d8;}
body .layui-layer-msg { border: 1px solid rgba(255,255,255,0.3);  background: linear-gradient(to right,#28267c,#484693);  }
.lottery-play-body {background: #fcfcfc;}

/*a{color: #62b9fe;}*/
/*a:hover,a:focus,.maincolor,.maincolor a{color: #87d2ff;}*/
/*a:hover { filter:alpha(opacity=90);opacity:0.9; }*/

a {color: #0086ed;}
a:hover {color: #04abff;}

a.link-alert {color: #32d5f9; }
a.link-alert:hover {color: #33dbff; }

span.select-box,
textarea.textarea,
input.input-text { background: none; border-color: #BDD6FE; color: #fef8d8; border-radius: 4px; }
input.input-text.Wdate { }
textarea.textarea:hover,
input.input-text:hover {border-color: #BDD6FE;}
input.input-text.focus {border-color: #BDD6FE;}
span.select-box select.select {background: #140F2F; color: #fef8d8;}
span.select-box select.select option {background: #160c02; color: #fef8d8;}
.select-box, .select-box.size-M {
    padding: 3px 5px;
}

.table thead th {background-color: rgba(255, 255, 255, 0.1); color: #BDD6FE; }
.table td { }
.table-striped tbody > tr:nth-child(2n+0) > td {background-color: rgba(255, 255, 255, 0.01) }
.table-striped tbody > tr:nth-child(2n+1) > td {background-color: rgba(255, 255, 255, 0.03) }
.table-border,
.table-border th,
.table-border td {border-color: rgba(255, 255, 255, 0.2); color: #fef8d8;}
.table-hover tbody tr:hover td {background-color: rgba(255, 255, 255, 0.05);}
.table tfoot td {background-color: rgba(255, 255, 255, 0.1); }
.table-border tfoot td {border-color: rgba(255, 255, 255, 0.2);}

.col-money {color: #ffdb7b;}
.col-egg { color: #ffdb7b;}
.head-balance {color: #f84c02;}
.user-balance {color: #ff8000;}

.index-head {background: #100F2E; margin: 0; }
.area-label { height: auto;}
/*.index-foot {background: #1e1e1e; }*/
.index-foot .foot-declare {padding: 30px; background-image: linear-gradient(to bottom, rgba(10,3,34,0), rgba(10,3,34,1), red);}
.index-foot .foot-declare a {color: #ffffff;}
.index-foot .foot-declare label {color: #ffffff;}
.index-foot .foot-declare.fixed {position: fixed;left:0;right:0;bottom:0;}

.pop-notices .pop-notice-nav {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.pop-notices .pop-notice-nav a { color: #f6f6f6; background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.pop-notices .pop-notice-nav a:hover {background: rgba(0, 0, 0, 0.2); }
.pop-notices .pop-notice-nav a.active {background: rgba(0, 0, 0, 0.3); color: #ffa849; }
.pop-notices .pop-notice-body .pop-notice-content .content-title {color: #ffa849; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.game-big-icon,
.game-small-icon { background-color: rgba(0, 134, 255, 0.2); border: 1px solid rgba(0, 134, 255, 0.1); }
.game-big-icon:hover,
.game-small-icon:hover {border-color: #ffffff;}
.game-small-icon .game-name {color: #ffffff; }

.container-mobile, .container-mobile2 {background: none;}
.container-mobile .ios_tips a {color: #62b9fe;}

.btn_recharge {background: #AD9357; background-image:linear-gradient(#FFF9C9, #DBC794); border: 0; border-radius: 0; color: #000000;border-radius: 16px; }
.btn_recharge:hover {background-image: linear-gradient(#FFFBDE, #FFEEC4); color: #000000;}

.btn_drawcash {background: #AD9357;background-image:linear-gradient(#FFF9C9, #DBC794); border: 0; border-radius: 0; color: #000000; border-radius: 16px;}
.btn_drawcash:hover {background-image: linear-gradient(#FFFBDE, #FFEEC4); color: #000000;}

#btn_zhuihao { background: #00887c; border-color: #00887c;}
#btn_touzhu { background: #e72a3c; border-color: #e72a3c;}
a.btn-clear { background-color: #c8c8c8; }

.loginWraper{background: #001d2a url('bg_profile.jpg?v=1') no-repeat center top fixed;}
.registerBox {max-width: 800px; background-color: rgba(255, 255, 255, 0.1);}

/****************** layer *********************************************************/
body .layui-layer-ico {  background-image: url(icon.png?v=1);  }
body .layui-layer {background: #121139; color:#fff; border-radius: 5px; border: 1px solid #1F1E3D;}
body .layui-layer.bet-result {background: none;}
body .layui-layer-title {background: #2F2D55; color:#fff; border: none; font-size: 16px; padding: 0 0 0 10px; border-radius: 5px 5px 0 0;}
body .layui-layer-content {  }
body .layui-layer-dialog .layui-layer-content {word-break: normal;}
body .layui-layer-setwin {right: 10px;top:7px;}
body .layui-layer-setwin .layui-layer-close1 { background-position: -149px -32px;width: 30px;height: 30px; }
body .layui-layer-btn .layui-layer-btn0 {background-image:linear-gradient(#FFF9C9, #DBC794); border-color: #896a33;color:black;}


/****************** game *********************************************************/
.lottery-aside {background-color: #d7d7d7; border-left: 1px solid #d7d7d7;  }
.lottery-aside .left-top {background-color: #fdfdfd; border-bottom: 1px solid #d7d7d7; }
.lottery-aside .left-top .account {color: #333333; }
.lottery-aside .left-top .account .refresh {color: #13aae0;}
.lottery-aside .left-top .account .refresh:hover {color: #13c3ff;}

#lottery_group_aside > li > h4 {background:#fffdf6; color: #4e1fb9; font-weight: 400;}
#lottery_group_aside > li > h4:hover {background: #efede7;}
#lottery_group_aside > li > h4:hover > i { }
#lottery_group_aside > li { border-bottom: 1px solid #d7d7d7;}
#lottery_group_aside .info {background-color: #fdfdfd;}
#lottery_group_aside .info ul li { }
#lottery_group_aside .info ul li a { }
#lottery_group_aside .info ul li > a:hover { background: #ebe9e2;}
#lottery_group_aside .info ul li > a.current {background: #4e1fb9;color: #fdea6a;}

.Hui-tabNav {background: #dfdfdf; border-bottom: 1px solid #cccccc;}
.Hui-tabNav .acrossTab li,
.Hui-tabNav .acrossTab li em {color: #ffffff; background: #5f6188;}
.Hui-tabNav .acrossTab li{ border-color: #35364c;}
.Hui-tabNav .acrossTab li:hover { background: #e9102f; }
.Hui-tabNav .acrossTab li.active {background:#e9102f; border-color: #e9102f; }

.game_top { }
#phase_curr_phase .phase_no span,
#phase_result_balls .last-phase-no {color: #db6107;}
#phase_curr_time {color: #693ef0; }
#phase_curr_time.fixed {background-color: rgba(0, 0, 0, 0.7); color: #ffffff; }
#phase_result_balls .result_ul > ul > li {background: #e72a3c; color: #f0f0f0; border-radius: 25px;}
#place_area .tabBar { background: #b9b9b9; }
#place_area .tabBar span {background: #4e1fb9; border-right: 1px solid #411a99; color: #ffffff;}
#place_area .tabBar span:first-child {border-left: 1px solid #5b36d0; }
#place_area .tabBar span:hover {background: #e9102f;}
#place_area .tabBar span.current {background: #e9102f; color: #ffe798; border-color: #b6102c;}

#sub_place_area {background: #dfdfdf; }
#sub_place_area li label {color: rgba(0, 29, 57, 0.7);}
#sub_place_area li a { border: 1px solid #dfdfdf;}
#sub_place_area li a:hover { border: 1px solid #aaaaaa;}
#sub_place_area li a.active { background: #e9102f; color: #ffffff; border: 1px solid #e9102f;}

#number_area {background: #f0f0ef; border-left: 3px solid #4b95d1; }
#quick_selector {background: rgba(0, 0, 0, 0.27); border-left: 3px solid #4b95d1; }
#select_tips { }
a.show_sample {color: #0086ed;}
a.show_sample:hover {color: #0091ff;}
.ball_select .wei_label div.title { color: #777777; background: #dfdfdf;}

div.ball_select .ball_num { background: none; width: 42px; height: 42px; line-height: 42px; border: 1px solid #cccccc; border-radius: 25px; color: #666666; }
div.ball_select .ball_num:hover { border-color: #e72a3c; }
div.ball_select .ball_num.active { background: #e72a3c; color: #fff5b0; }

div.ball_select .ball_num.zuhe {background: rgba(255, 255, 255, 0.3);  }
div.ball_select .ball_num.zuhe:hover {background: rgba(255, 255, 255, 0.5); }
div.ball_select .ball_num.zuhe.active {background: #c03535; color: #fff; }

div.ball_select .ball_label .ball_renre {color: #aaaaaa;}
div.ball_select .ball_label .odds-value {color: #ff8000;}
.ball_select .ball_label .ball_renre.max {color: #6b85eb; }

.ball_opt a.btn_ball_opt {width: 28px; height: 28px; line-height: 28px; margin: 3px; color: #4a4a4a; border: 1px solid #cccccc; border-radius: 3px; }
.ball_opt a.btn_ball_opt:hover {border-color: #e72a3c; }
.ball_opt a.btn_ball_opt.active {background: #e72a3c; color: #fff5b0;}

.import_help { }
.import-tips { text-shadow: 1px 1px 1px #000000; -webkit-text-shadow:1px 1px 1px #000000;}
#import_tips { color: #f86a6a; }
#repeat_tips { color: #f8dd88; }
.select_yilou label { color: #929292;}

#ball_select_wei,
#ball_select_dantuo { }

#xuanhao_info {border-left: 3px solid #4b95d1;}
.fandian_area {background: #dfdfdf; border-bottom: 1px solid #cdcdcd; }
#fandian_slider.ui-widget-content {background: #7b7b7b;}
#fandian_slider .ui-slider-handle { cursor: pointer; background: #4e1fb9; border-color: #411a9b; width: 0.8em;}
#fandian_slider .ui-state-active {background: #4e1fb9; border-color: #4e1fb9;}
#fandian_slider .ui-widget-header {background: #6425f0;}

.yuxuan_area { }
#xuanhao_list { background: #ececec;}
#xuanhao_list .table thead { background: #cdcdcd; }
#xuanhao_list .table th {color: #6d6d6d;}
#xuanhao_list .table td {color: #6d6d6d;}
#xuanhao_list .table-border th,
#xuanhao_list .table-border td {border-color: rgba(0, 0, 0, 0.1);}
.yuxuan_fangan {background: #ececec; }

#record_area {  }
#record_area .record_area_bet a { }
#record_area .record_area_bet a.bet-back {color: #13aae0;}
#record_area .tb_title { background: #c7c7c7; }
#record_area .tb_title .tb_title_label { background: #4e1fb9; color: #ffffff; }
#record_area .tb_title .tb_title_more a { color: #0677eb; }
#record_area .tb_title .tb_title_more a:hover {color: #13c3ff;}
#record_area .table thead th { background: #d7d7d7; color: #6d6d6d; }
#record_area .table tbody { }
#record_area .table th,
#record_area .table td {border-color: rgba(0, 0, 0, 0.1); }

.zhuihao_rule select { }
.span-zhuihao { color: #0e90d2;}

.game_result .result_ball {color: #ffffff; background: #ed455e; border-radius: 15px; }
.order-result.success {color: #ffffff; background: url("bg_bet_success2.png") no-repeat;}
.order-result.failed {color: #f86a6a; background: url("bg_bet_failed2.png") no-repeat;}

.trend-top .navbar-black {background: rgb(2, 19, 44);}
#trend-menu {background: rgb(11, 34, 65);}

/****************** XinYong Lottery *********************************************************/
#bet_btn_area, #bet_btn_area_top { background: rgba(255, 255, 255, 0.37);}

.ks_xiazu_area {color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.ks_li {border-color: rgba(255, 255, 255, 0.2); }
.ks_li.bt {border-color: rgba(255, 255, 255, 0);}
.ks_label_title {color: #ffffff; }
.ks_label_title.bd-r:last-child {border-right: 1px solid rgba(255, 255, 255, 0.2);}
.ks_place_column.bd-r:last-child {border-right: 1px solid rgba(255, 255, 255, 0.2);}
.ks_li_label { background: rgba(255, 255, 255, 0.2); }
.ks_li_text:hover {background: url(../../img/xf.png);}
.ks_li_text.selected {background: url(../../img/xz.png); }
.ks_li_text .ks_label,
.ks_li_chb .ks_label { color: #ffffff; }

.ks_odds_val { color: #e16613; }
.ks_li_text.selected .ks_odds_val {  }
.ks_odds_val.upd { color: #ff0000; }


/****************** profile *********************************************************/
.index-body-account {color: #ffffff; }

#lottery_lobby { background: rgba(240, 240, 240, 0.98); -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; box-shadow:0 0 10px #000; color: #333333;}
#lottery_lobby dl > dd > a { background: #2e8ded; color: #ffffff; border: 1px solid #2e8ded; border-radius: 3px;}
#lottery_lobby dl > dd > a:hover { background: #ed455e; border-color: #ed455e;}

.profile-aside{background:#1F1E3D; }
.profile-aside dl dt {    background: #403E70; color: white;; font-weight: normal; padding-left: 10px;}
.profile-aside dl dd ul li a{background: #2E255E; color: #fef8d8; border-bottom: 1px solid #2E255E;}
.profile-aside dl dd ul li a:hover {text-decoration:none; background: #332f7e; color: white; }
.profile-aside dl dd ul li a.active,
.profile-aside dl dd ul li a.active:hover,
.profile-aside dl dd ul li a:active { background: #433F93; color: #fef8d8;}

.profile-content { background: #140F2F;  color: #BDD6FE; }
.body_profile .form-label,
.profile-content .form-label { color: #BDD6FE; }
.profile-content a {color: #62b9fe;}
/*.profile-content a:hover {color: black;}*/
.profile-content a.link-alert:hover {color: wheat;}
.profile-content table a:hover {color:white;}
.profile-content table td { color: #BDD6FE; }

.profile-page-box .breadcrumb {background: #403E70; color: #fef8d8; border-bottom: 1px solid #000000; height: 37px; line-height: 37px; }

.profile-update-tips {font-size: 16px;  color: #cd4e4e;}
.birthday.icon { background: url("birthday_icon.png") no-repeat;background-size: 60px;background-position: center 5px; }
.table.profile-index-info td { }
.table.profile-index .title.wallet span {background:url("wallet1_icon.png") no-repeat;background-size:16px;padding-left:20px;}
.page-tips {border-top: 1px solid rgba(221, 221, 221, 0.1); color: #ed9435; }

.profile-icon-title {border-bottom: 1px solid rgba(221, 221, 221, 0.1); }
.profile-blue-block {background-color: #424179; color: #ffffff; border-radius: 5px; border: 1px solid #424179;}
.profile-blue-block .contact {color: #73A4DE; }
.profile-blue-block .contact a {color: #fff900; }
.profile-blue-block .contact a:hover {color: #e2dc00;}

.profile-line { border-color: rgba(221, 221, 221, 0.1); }

.before-withdrawal-box {padding:20px 50px;text-align: center; width: 700px; margin: auto;}
.before-withdrawal-title {padding:20px 0 20px 45px;background: url("warn.png?v=1") no-repeat; background-size: 30px; background-position: left; color: orange;border-bottom: 1px solid rgba(255,255,255,0.2);text-align: left;}
.before-withdrawal-content {display: grid;  grid-template-columns: repeat(4,1fr);  grid-gap: 20px;padding:20px;}

.before-withdrawal-complete-item {display: flex;text-align: center;padding: 10px;flex-direction: column;  width: 120px;border-radius: 8px;background:#424179;}
.before-withdrawal-complete-item i {font-size: 40px;color: white; width:100%;}
.before-withdrawal-complete-item span {display: flex;align-items: center;justify-content: center;width: 100%;height:45px;}
.before-withdrawal-complete-item.wallet {background-image: url("wallet_icon.png");background-size: 50px;background-repeat: no-repeat;background-position: center 12px;  padding-top: 72px;  }

.recharge-mode a {background-color: #2D2C58; border: 1px solid #2D2C58; border-radius: 5px;}
.recharge-mode a:hover {background-color:#424179; border-color: #424179;}
.recharge-mode a.active {background-color: #433F93; border-color: #433F93; }

#recharge_tips {color: #ed9435;}
.recharge-tips {color: #ed9435;}
.recharge-remarks {color: #d8c8a7; }

a.choose-wallet-addr {color: #006eff;}
a.choose-wallet-addr:hover {color: #f86a6a;}

.member-bank li,
.member-wallet li {background-color: rgba(0, 134, 255, 0.2); }

.member-bank li .bank-add {color: #ffffff;}
.member-bank li .bank-add:hover {color: #dddddd;}
.member-wallet li .wallet-add {color: #ffffff;}
.member-wallet li .wallet-add:hover {color: #dddddd;}

.member-bank li .bank-time,
.member-wallet li .wallet-time {color: #cccccc;}
.member-wallet li .wallet-title { }

.member-bank li .bank-name,
.member-bank li .bank-number,
.member-wallet li .wallet-name,
.member-wallet li .wallet-type,
.member-wallet li .wallet-number { color: #ffee89; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/*.act-pop-body {background: #373737; color: #ffffff;}*/
.act_content { background: #1F1E3D; color: #ffffff; }
.msg-line {background: rgba(255, 255, 255, 0.2); }

.task-message {background: rgba(255, 255, 255, 0.1); color: #ffffff; border:1px solid rgba(255, 255, 255, 0.3);}
.error-message {background: rgba(255, 255, 255, 0.05); border: 2px solid #9a8e64; }
.error-message .error-txt {color: #fe5d00; }
.error-message .btn-login-back {background: #d4b66e; border: 0; color: #4b2e0e; }
.error-message .btn-login-back:hover {background: #ffe18e; border: 0; color: #4b2e0e; }

.marquee-notice {background: rgba(0, 0, 0, 0.31); }
.marquee-notice .notice-txt {color: #e49442;}
.marquee-notice .notice-close {color: #7e7c7c;}

.btn-primary {background-color: #6b5524 ; background-image:linear-gradient(#FFF9C9, #DBC794); border: 0; color: black; border-radius: 4px; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {background: linear-gradient(#FFFBDE, #FFEEC4); color: black;}

.btn-secondary {background: #6b5524; border: 0; border-radius: 4px; color: #ffffff; }
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {background: #937531; color: #ffffff;}

.btn-default {background-color: #6b5524;background-image:linear-gradient(#FFF9C9, #DBC794); border: 0; border-radius: 4px; color: black; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {background: linear-gradient(#FFFBDE, #FFEEC4); color: black;}

.profile-content .btn-recharge-now {color: #000; background: #AD9357; background-image:linear-gradient(#F3E398, #CDA861); border: 0; border-radius: 4px;}
.profile-content .btn-recharge-now:hover {color: #000; background-image: linear-gradient(#FFFBDE, #FFEEC4);}

.btn-group .btn-default {background-color: #cccccc; border-color: #bbbbbb;}
.btn-group .btn-default:hover {color:#333;background-color: #ababab; border-color:#ababab;}
.btn-group .btn-secondary {color:#fff;background-color:#3bb4f2; border-color:#3bb4f2}
.btn-group .btn-secondary:hover {color:#fff;background-color:#0f9ae0;border-color:#0f9ae0}

.btn-group .btn-dark-blue {color:#fff;background-color:#4e1fb9; border-color: #421a9c;}
.btn-group .btn-dark-blue:hover {color:#fff;background-color: #5b24d7;border-color:#4e1fb9;}

div.btn-group.money_unit .btn-default {min-width: 40px;}

.btn.beishu_opt {color:#fff;background-color:#4e1fb9; border-color: #421a9c;}
.btn.beishu_opt:hover {color:#fff;background-color: #5b24d7;border-color:#4e1fb9;}

.qipai-code-tips { color: #ffffff; }
.qipai-download-title { color: #ffe258; }
.qipai-download-how { color: #ffffff; -webkit-text-shadow: 0 0 2px rgb(0, 0, 0); text-shadow: 0 0 2px rgb(0, 0, 0); }
.qipai-tips {color: #ffffff; -webkit-text-shadow: 0 0 2px rgb(0,0,0); text-shadow: 0 0 2px rgb(0,0,0);}

.download-panel {background: #04182f;}
.profile-content .btn-primary {color:black;}
/*.profile-content .btn-primary {background: #AD9357; background-image: linear-gradient(#bb903f, #ffff90, #bb903f); border: 0; border-radius: 0; color: #000000; }*/
/*.profile-content .btn-primary:hover {background-image: linear-gradient(#d5a447, #ffff90, #d5a447); color: #000000;}*/
/*.profile-content .btn-primary {background: #6b5524; border: 0; border-radius: 0; color: #ffffff; }*/
/*.profile-content .btn-primary:hover {background: #937531; color: #ffffff;}*/
/*********************** home game list *********************/
.game-list-container {  display: grid;  grid-template-columns: repeat(6, 1fr);  grid-gap: 15px; margin-bottom: 40px; }
.search-game-box {position: relative;width: 300px;height: 34px;padding: 5px 60px 5px 10px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px;  }
.search-game-box input {width:100%;height: 34px;border: none;color: white;  background: transparent;font-size: 16px; text-align: center;}
.search-game-box i { position: absolute;  right: 0; top: 0; bottom: 0; width: 60px;color: gray;text-align: center;  font-size: 28px;cursor: pointer;}

.task-header { display: flex;color:white;padding:20px 0;}
.task-header .task-header-img {display: flex;justify-content: center;  align-items: center;  justify-items: center;  }
.task-header .task-header-content {padding:10px 20px;}
.task-header .task-header-content .task-curr-points {font-size:18px;}
.task-header .task-header-content span {color:#FFB25D;font-family: "Arial Black", "Helvetica", "Arial", sans-serif;font-size: 24px;padding-left:10px;}
.task-header .task-header-content .task-points-desc {color:#B8B8D2;font-size: 14px;}
#task-tab .tabBar span {  background: transparent;  line-height: 40px;  height: 40px;  padding: 0 30px;  color: #B8B8D2;  margin-right: 20px;  }
#task-tab .tabBar span.current {color: #FFDC76; border-bottom: 4px solid #FFDC76; }
/*#task-tab .tabCon {margin-bottom: 90px;}*/
#task-tab .task-tab-content { padding: 20px 0 110px 0; display: grid; grid-template-columns: repeat(3, 1fr);grid-gap: 20px; }
#task-tab .task-tab-content .task-item {position:relative;color:white;background:url("../../img/task/icons/task_type_1_bg.jpg") no-repeat;background-size: cover;background-position: right bottom;border-radius:12px;padding: 30px;}
#task-tab .task-tab-content .task-item.task-2 {background-image: url("../../img/task/icons/task_type_2_bg.jpg");}
#task-tab .task-tab-content .task-item.task-3 {background-image: url("../../img/task/icons/task_type_3_bg.jpg");}
#task-tab .task-tab-content .task-item.task-4 {background-image: url("../../img/task/icons/task_type_4_bg.jpg");}
#task-tab .task-tab-content .task-item.task-5 {background-image: url("../../img/task/icons/task_type_5_bg.jpg");}
#task-tab .task-tab-content .task-item.task-6 {background-image: url("../../img/task/icons/task_type_6_bg.jpg");}
#task-tab .task-tab-content .task-item.task-7 {background-image: url("../../img/task/icons/task_type_7_bg.jpg");}
#task-tab .task-tab-content .task-item.task-10 {background-image: url("../../img/task/icons/task_type_10_bg.jpg");}
#task-tab .task-tab-content .task-item.task-11 {background-image: url("../../img/task/icons/task_type_11_bg.jpg");}
#task-tab .task-tab-content .task-item.task-13 {background-image: url("../../img/task/icons/task_type_13_bg.jpg");}
#task-tab .task-tab-content .task-item-title { font-size: 20px;  font-weight: 700;font-style: italic;}
#task-tab .task-tab-content .task-item-desc {font-size:12px;padding-bottom:90px;}
#task-tab .task-tab-content .task-item-points { position:absolute;bottom:30px;  color: #FFB25D;  font-family: "Arial Black", "Helvetica", "Arial", sans-serif;font-size: 24px;  padding-left: 55px;  line-height: 50px; }
#task-tab .task-tab-content .task-item-points::before {  content: '';  display: inline-block;  width: 50px;  height: 50px;  background: url(token_icon.png) no-repeat;  background-size: 50px;  position: absolute;  left: 0;  top: 0;  }
#task-tab .task-tab-content .task-item-points span {text-shadow: 2px 2px 2px black;}
#task-tab .task-tab-content .task-item-status {position: absolute;bottom: 20px; right: 30px; width: 20%;}
#task-tab .task-tab-content .task-item-status  img {width:100%;}
#task-tab .task-tab-content .task-item-status > div {display:none;}
#task-tab .task-tab-content .task-item-status.task-status-0 .task-status-0-content {display:block;}
#task-tab .task-tab-content .task-item-status.task-status-1 .task-status-1-content {display:block;}
#task-tab .task-tab-content .task-item-status.task-status-2 .task-status-2-content {display:block;}
#task-tab .task-tab-content .task-item-status.task-status-3 .task-status-3-content {display:block;}
#task-tab .task-tab-content .task-claim-points-btn {display: flex; align-items: center;justify-content: center;background: linear-gradient(to right,#03FCF8,#4954FF);color:white;padding: 5px 10px;width:80px;border-radius:20px;white-space: nowrap; position: absolute;bottom: 17px;right: -10px; text-decoration: none; font-size:14px; }
#task-tab .task-tab-content .task-claim-points-btn:hover { background-color: white;  }
/*#task-tab .task-tab-content .task-claim-points-btn span {display: inline-block;width: 30px;height: 30px;background: url("claim_icon.png") no-repeat;background-size: 30px;}*/
#task-tab .task-tab-content .task-go-btn {display: flex; align-items: center;justify-content: center;background:linear-gradient(to right,#d12d9c,#5ea2ef);color:white;width:80px;padding: 5px 10px;border-radius:20px;white-space: nowrap; position: absolute;bottom: 17px;right: -10px; text-decoration: none; font-size:14px;}
#task-tab .tabBar .task-badge {margin-left: 10px;  font-size: 12px;  font-weight: normal;  color: #ffa1a1;}

#task-tab .no-task {background:url(../../img/task/task_empty.png) no-repeat; background-position: center 100px;background-size: 200px auto;color: rgba(255,255,255,0.6);font-size: 20px;  text-align: center; padding-top: 300px;}

@media(max-width: 950px) {
    #task-tab .task-tab-content {  grid-template-columns: repeat(2, 1fr);}
}

/******************** home game token ***************/
.game-token-header {text-align: center;color:white;font-size: 18px;font-weight: 700;}
.game-token-header-subtitle {color:#F0B034;}
.game-implementation-concept-content {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;font-size: 14px;color:white;}
.game-implementation-concept-content .chain-game-project-box {position:relative;grid-column-start: 1;grid-column-end: 3;border-radius: 12px;border:1px solid rgba(255,255,255,0.2);overflow: hidden;}
.game-implementation-concept-content .game-implementation-concept-item {position:relative;border-radius: 12px;border:1px solid rgba(255,255,255,0.2);padding:10px;overflow: hidden;text-align: center;}
.game-implementation-concept-content .game-implementation-concept-item .game-implementation-concept-desc {padding-top: 20px; text-align: left;font-size:12px;}
.game-implementation-concept-content .game-implementation-concept-item .game-implementation-concept-title { color: #FEEB8D; font-size: 16px; }
.game-token-page-title { color: #FEEB8D; font-size: 18px; padding: 15px 0; font-weight: bold; }
.chain-game-project-desc { position: absolute;left: 20px; right: 20px;bottom: 20px;text-shadow: 2px 0 0 black;  }
.game-distribution-on-chain-box {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;font-size: 14px;color:white;margin-top:20px;}
.game-distribution-on-chain-box .game-distribution-on-chain-item {display: flex;}
.game-distribution-on-chain-box .game-distribution-on-chain-item .game-distribution-chain-text { flex-shrink: 10;  }
.game-distribution-on-chain-box .game-distribution-on-chain-item .game-distribution-chain-img {width:30%;}

.chaingame-incentives-box { color: white;  }
.chaingame-incentives-title { color: #FEEB8D;  font-size: 16px; padding-bottom: 5px; }
.chaingame-incentives-content { padding: 15px 0;  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 15px;  }
.chaingame-incentives-item {padding-left: 130px;background-repeat: no-repeat;background-size: 120px;background-position: left top;}
.chaingame-incentives-item.incentives-1 {background-image: url("incentive_fhzy.png?v=1");}
.chaingame-incentives-item.incentives-2 {background-image: url("incentive_fanshui.png?v=1");}
.chaingame-incentives-item.incentives-3 {background-image: url("incentive_huigou.png?v=1");}
@media(max-width: 950px) {
    .game-implementation-concept-content {grid-template-columns: repeat(3,1fr);}
    .game-implementation-concept-content .chain-game-project-box {grid-column-end:4;}
}


/*********************** game help *********************/
#layer_pop_game_help > div {padding:15px 20px;line-height: 24px;}
.help_title {color:yellow;font-weight: bold; margin-top: 10px;}
.help_subtitle {color:yellow;}
.text_indent {text-indent: 2em;}
.help-category-title {font-size:18px;color:yellow;text-align: center;margin: 10px;}


.quick_selector_content .table td {text-align: center;cursor: pointer;padding:5px 0px;color:#fff;}
.quick_selector_content .table td.selected {background:url(../../img/xz.png)}
.quick_selector_content .table td:hover {background:url(../../img/xf.png)}
.txt_money_group{color:#fff}
.lhd_vs {text-align: center; font-size: 14px; background:rgba(0, 0, 0, 0.41);color:white; padding: 4px 0px; width:100%;display:inline-block;}
.li_lhd {width: 140px; margin-bottom: 0px;margin-right:1px; padding-bottom:5px;color:#fff; float:left; background:rgba(0, 134, 255, 0.2) }
.lhd_item.ks_li_text{ width:62px; height:50px}
.seboul{border-top:1px rgba(255, 255, 255, 0.2) solid}

/********************** usdt guide *****************************/
#digital-guide-tab .tabBar{ width: 564px; background: #4e799f;border-bottom: 2px solid #26659d;}
#digital-guide-tab .tabBar span {width: 282px;text-align: center;padding: 5px 0;color: #e1e1e1;background-color: rgba(255,255,255,0.2);}
#digital-guide-tab .tabBar span.current {background-color:#26659d;}
#digital-guide-tab .tabCon {height:714px;overflow: auto;}


/********************** 2023-09-23 added *****************************/
.home-accepted-crypto-box {position: relative; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px;display: flex;align-content: center;align-items: center;padding: 10px 20px;justify-content: space-between; }
.home-accepted-crypto-box .home-accepted-token-list {text-align: center;}
.home-accepted-crypto-box .home-accepted-caption {font-family: "Impact", "Arial Black", "Helvetica", "Arial", sans-serif;font-size: 20px;color: #f8f1bb;}
.home-accepted-crypto-box .home-accepted-btn {height: 36px; color: #000; font-weight: 700; background: #AD9357; background-image: linear-gradient(#FFF9C9, #DBC794);border: 0;padding: 6px 30px;border-radius: 18px;}
.home-accepted-crypto-box .home-accepted-token-list img { width: 42px;margin: 5px;border-radius: 21px;  }

.why-play-game {padding: 0px 8px 70px 8px;}
.why-play-game .why-play-game-title{padding: 30px 0;font-family: "Impact", "Arial Black", "Helvetica", "Arial", sans-serif;  font-size: 20px;color: #f8f1bb;}
.why-play-game .why-play-game-content {display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 15px;}
.why-play-game .why-play-game-item {position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0;  background: #1F1E3D;color: white;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.1);  }
.why-play-game .why-play-game-item img {  width: 50%;  }
.why-play-game .why-play-game-item span { position: absolute;bottom: -60px;left: 0; right: 0;height: 50px;  }

.btn-cyan {color:#fff;background-color:#5bc674; border-color:#5bc674}
.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active{color:#fff;background-color: #50a050;border-color:#50a050;}

.home-header {height:44px;}
.index-top {position: relative;padding: 20px 580px 20px 170px;min-height: 44px;transition: all 0.5s;}
.index-top .logo {position: absolute;left:0;top:20px;}
.index-top .login-btn {position: absolute;right:0;top:20px;}
.index-top .login-btn ul li:last-child {padding-right: 0;}
.index-top .navbar-nav ul {display: grid;grid-template-columns: repeat(4,1fr);}
.index-top .navbar-nav li.curr a {color: #FEEB8D;  border-bottom: 4px solid #FEEB8D;  }
.index-top .navbar-nav a { color: white;font-weight: bold;border-bottom: 4px solid transparent; white-space: nowrap; }
.index-top .navigator-menu-btn {display: none;}
.index-top .navigator-menu-btn a {color: #000;background: #AD9357;background-image:linear-gradient(#FFF9C9, #DBC794);border: 0;padding: 4px 10px;height: 32px !important;border-radius: 16px;}
.index-top .navigator-menu-btn a:hover {background-image: linear-gradient(#FFFBDE, #FFEEC4);}
.index-top .login-btn .navbar-btn {height: 32px !important;border-radius: 8px !important;}
.index-top .navigator-task-dot {position: absolute;width: 6px;height:6px;top:10px;right: calc(50% - 30px);border-radius: 3px;background-color:red;}
#navigator-menu {transition: all 0.5s;}
.index-top.not-logged-in {padding: 20px 520px 20px 170px;}

.login-mode-content .login-mode-content-item.account {padding:0 30px;}
.login-mode-content .login-mode-content-item input {background-color: white;color:black;}
.login-mode-content label.error {top:10px;}
.login-mode-content-btns {display: flex;justify-content: space-between;}
.login-mode-content-btns a {padding:10px 0;color: #c1af89;}
.pop_choose_login .login-choose-wallet-title {display: flex; justify-content: center;  margin-bottom: 0;}
.pop_choose_login .login-choose-wallet-title span{display: inline-block;width: 30px; height: 24px;background:url('walletconnect_icon.png') no-repeat;background-size: 24px;}
.pop_choose_login .wallet-login-btn-group {padding:10px 40px;}
.pop_choose_login .wallet-login-btn-group .btn-wallet-login {  text-align: center;background: transparent;border: none;height: auto; width: 130px; }
.pop_choose_login .wallet-login-btn-group .btn-wallet-login .chain-name {display: block;color:white;}
.pop_choose_login .wallet-login-btn-group .btn-wallet-login:hover .chain-name {color:wheat;}
.pop_choose_login .wallet-login-btn-group .btn-wallet-login:hover .chain-type {background-color:wheat;}

@media(min-width: 450px) {
    .container {max-width: 1270px;min-width:700px;width: auto;}
}

@media(max-width :1200px) {
    .index-top .navbar-nav a {padding:0 10px;}
}
@media(max-width :1184px) {
    .index-top.not-logged-in {padding:18px 480px 20px 150px;}
    .index-top {padding:18px 490px 20px 150px;}
    .index-top .navbar-nav a {font-size:12px;padding: 0;}
    .login-btn ul li {padding-right: 0;}
    .login-btn .text-label {font-size: 12px;padding: 5px 8px;  }
    .login-btn a {font-size: 12px;  }
}

@media(max-width: 950px) {

    .home-header {height:90px;}
    .login-btn a {font-size: 14px;  }
    .login-btn .text-label {font-size: 14px;  }
    /*#navigator-menu {position: absolute;left: 0px;right: 0px;top: 75px;background-color: rgba(255, 255, 255, 0.1);border-radius: 8px;}*/
    #navigator-menu {animation: moveAnimation 0.5s;animation-fill-mode: forwards;border-radius:8px;height: 49px;}
    #navigator-menu.navbar-nav>ul>li>a {text-align: center;width:100%;}
}
@media(max-width: 800px) {
    .login-btn a {font-size: 12px;  }
    .login-btn .text-label {font-size: 12px;  }
}
@media (max-width: 767px) {
    #navigator-menu.navbar-nav {display:block;}
    #navigator-menu.navbar-nav>ul>li {border-bottom: none;}
    #navigator-menu.navbar-nav>ul>li>a {text-align: center;}
}
@keyframes moveAnimation
{
    0%   {position:absolute;top:75px; left:50%;right:50%; background:rgba(255, 255, 255, 0);}
    100% {position:absolute;top:75px; left:0px;right:0px; background:rgba(255, 255, 255, 0.1);}
}


.index-top .dropDown.open > .dropDown-menu {background-color: #000000; border-color: transparent;}
.index-top .menu > li > a { color: #ffffff; border-color: #444444;}
.index-top .menu > li > a:hover,
.index-top .menu > li > a:focus,
.index-top .menu > li.open > a{ text-decoration:none;background-color: #333333;}

/*.index-top a:hover { filter:alpha(opacity=90);opacity:0.9; }*/

.index-top .dropDown_B{
    color: #000;
    background: #AD9357;
    background-image: linear-gradient(#FFF9C9, #DBC794);
    border: 0;
    border-radius: 16px;
}
.index-top .dropDown_B:hover,
.index-top .dropDown_B:focus,
.index-top .dropDown_B:active,
.index-top .dropDown_B.active {background-image: linear-gradient(#FFFBDE, #FFEEC4);}

.index-top .link-mobile {display: inline-block; color: #000;background: #AD9357;background-image: none;background-image: linear-gradient(#FFF9C9, #DBC794); border: 0;padding: 4px 30px;height: 32px !important;border-radius: 8px;}
.index-top .link-mobile:hover {background: #AD9357;  background-image:linear-gradient(#FFF9C9, #DBC794);}
.index-top .register-btn {display: inline-block; color: white;background: #AD9357;background-image: none;background-image: linear-gradient(to right,#209cff,#68e0cf); border: 0;padding: 4px 0;width:95px;height: 32px !important;border-radius: 8px;}
.index-top .register-btn:hover {background: #AD9357;  background-image: linear-gradient(to right, #42adff, #5ce0ba);}
.index-top .choose-login {display: inline-block; color: white;background: #AD9357;background-image: none;background-image: linear-gradient(to right,#a541ff,#3fbbfe); border: 0;padding: 4px 0;width:95px;height: 32px !important;border-radius: 8px;}
.index-top .choose-login:hover {background: #AD9357;  background-image: linear-gradient(to right, #c359ff, #61d4fe);}
.index-top .live-chat {display: inline; background: none; color: #fff4b2; border: 0;}
.index-top .live-chat:hover {color: #e0d698;}

.index-top .btn-default,
.index-top .btn-cyan{
    color: #000;
    background: #AD9357;
    background-image:linear-gradient(#FFF9C9, #DBC794);
    border: 0;
    border-radius: 16px;
}
.index-top .btn-default:hover,
.index-top .btn-cyan:hover {background-image:linear-gradient(#FFFBDE, #FFEEC4);}

.right-side-menu {position: fixed;right:0;bottom:100px;z-index: 10;}
.right-side-menu .live-chat {background: url("lt1.png") no-repeat;background-size:60px;background-position:center top;display:block;width:80px;height:70px;text-align: center;padding-top:65px;text-decoration: none;  color: wheat;}
.right-side-menu .turntable-btn {background:url("turntable_icon.gif") no-repeat;background-size: 60px;  background-position: center top;display: block;width: 80px;height: 80px;text-align: center;}
/*.loginBox .btn-primary {background: #AD9357; background-image: linear-gradient(#bb903f, #ffff90, #bb903f); border: 0; border-radius: 0; color: #000; }*/
/*.loginBox .btn-primary:hover {background-image: linear-gradient(#d5a447, #ffff90, #d5a447); color: #000;}*/

.text-label {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -moz-padding-start: 0;
    -moz-padding-end: 0;
    border: 1px solid #363e70;
    border-radius: 4px;
    background-color: #000000;
    color: #f8f1bb;
    padding: 5px 12px;
    line-height: 21px;
    width: auto;
    *zoom: 1;
    *overflow: visible;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}
.index-top .text-label {border-radius: 16px;}
.aside .nav-aside {
    pointer-events: initial;
    position: relative;
    width: 75%;
    height: 85%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
    overflow-y: auto;
    background: center center no-repeat;
    background-size: cover;
    padding: 20px 15px;
    border: 1px solid #4a465d;
    border-radius: 12px;
    background: #131025;
    color: #BDD6FE;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.aside .nav-aside .user-info {
    margin-bottom: 10px;
}
.aside .nav-aside .user-info .user-info-detail {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aside .nav-aside .user-info .user-info-detail img {
    width: 80px;
    margin-bottom: 5px;
}
.aside .nav-aside .user-info .user-info-detail .vip-icon {position: absolute;top: -15px;left: calc(50% + 15px);}
.aside .nav-aside .user-info .user-info-detail .vip-text {font-size: 16px;font-weight:bold;color:#f8f1bb;margin-left:10px;}

.aside .nav-aside .money-btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 15px;}
.aside .nav-aside .money-btns .drawcash { background-image: linear-gradient(#F3E398, #CDA861); background-color: #896a33; border-color: #896a33; color: black; width: 140px; margin-left: 10px; border-radius: 6px;  font-size: 16px; height: 36px;padding: 5px;}
.aside .nav-aside .money-btns .drawcash:hover { background-image: linear-gradient(#FFFBDE, #FFEEC4); border-color: #a5803d; }
.aside .nav-aside .money-btns .recharge { background-image: linear-gradient(#F3E398, #CDA861); background-color: #896a33; border-color: #896a33; color: black; width: 140px; border-radius: 6px; font-size: 16px; height: 36px;padding: 5px;}
.aside .nav-aside .money-btns .recharge:hover { background-image: linear-gradient(#FFFBDE, #FFEEC4); border-color: #a5803d; }

.aside .nav-aside .wallet-info {
    position: relative;
    font-size: 14px;
    margin-bottom: 15px;
}
.aside .nav-aside .wallet-info::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border-radius: 12px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.1)), to(transparent));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
}
.aside .nav-aside .wallet-info .inner {
    position: relative;
    border-radius: 8px;
    padding: 10px;
    background: #242134 url("bg-slide-type-cash.png?v=1") center right no-repeat;
    background-size: 25%;
}
.aside .nav-aside .wallet-info .inner .info {
    margin-bottom: 10px;
}
.aside .nav-aside .wallet-info .inner .info span {
    color: #f84c02;
}
.aside .nav-aside .wallet-info .inner .info:last-child {
    margin-bottom: 0;
}
.aside .nav-aside .wallet-info .inner .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}
.aside .nav-aside .wallet-info .inner .btn span {
    color: #05C7B0;
}
.aside .nav-aside .link-list {
    font-size: 14px;
    border-radius: 12px;
    background: #1F1E3D;
    margin-top:10px;
}
.aside .nav-aside .link-list:last-child {
    margin-bottom: 0;
}
.aside .nav-aside .link-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding: 10px 15px;
    color: #BDD6FE;
    text-decoration: none;
}
.aside .nav-aside .link-list .item:hover {color: #fafcff; }
.aside .nav-aside .link-list .item:last-child {
    border-bottom: 0;
}
.aside .nav-aside .link-list .item .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aside .nav-aside .link-list .item .left .icon {
    width: 20px;
    margin-right: 10px;
}
/*.aside {*/
    /*left: 0;*/
    /*top: -100%;*/
    /*opacity: 0;*/
/*}*/
.aside .nav-aside {
    position: absolute;
    top: 28px;
    right: -5px;
    width: 280px;
    height: auto;
}

.games .game-list {
    position: relative;
}
.games .game-list li {
    float: left;
    width: 240px;
    margin: 15px;
}
.games .game-list .list-btn {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.games .game-list .list-btn:hover {text-decoration: none; color: #ffffff;}
.games .game-list .list-btn.btn-left {
    left: 0;
}
.games .game-list .list-btn.btn-right {
    right: 0;
}
.games .game-list .game-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    gap: 20px;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0 20px;
}
.games .game-list.is-item-baccarat .game-list-inner {
    scroll-behavior: smooth;
}
.games .game-list .item {
    position: relative;
    display: block;
}
.games .game-list .item:hover img {
    filter: alpha(opacity=60);opacity:0.6;
}
.games .game-list .item img {
    width: 100%;
    height: 100%;
    /*border-radius: 15px;*/
}
.games .game-list .item .inner-title {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #000;
    background: #AD9357;
    background-image: linear-gradient(#bb903f, #ffff90, #bb903f);
    border-radius: 4px;
    width: 90%;
    overflow: hidden;
    border: 0;
}
.games .game-list .item:hover .inner-title {
    display: block;
}

.games .game-list .item.is-new {
    border: 1px solid #fee634;
}
.games .game-list .item.is-new .new-tag {
    position: absolute;
    top: 0;
    left: 0;
    height: 12%;
    width: auto;
}

.games .game-list.is-item-baccarat .item {
    width: 280px;
}
.games .game-list.is-item-baccarat li .item {

}
.games .game-list.is-item-slot li {

}
.games .game-list.is-item-slot li .item {

}
.games .game-list.is-item-activity li {width: 100%;padding: 0;margin: 0;  }
.games .game-list.is-item-activity .item {
    /*height: 100%;*/
}
.games .game-list.is-item-activity .item img {
    width: 100%;
    height: auto;
    opacity: 0.8;
    border-radius: 12px;
    border: 1px solid #53647d;
    margin: 3px 0;
    overflow: hidden;
}
.games .game-list.is-item-activity .item:hover img {
    opacity: 1;
}
.games .game-list.is-item-activity li .inner-title {

}

.single-game  {
    padding: 0 20px;
}

.activity-area {position: fixed;right: 0;top: 120px;z-index: 9;}
.activity-area-bar {position: absolute;right: -100px;top:200px;z-index:11;width: 100px;height: 100px;background: url("activity_bar.png?v=1") no-repeat;background-size:100px; background-position: center; opacity: 0; transition: all 0.5s;}
.activity-area-bar a:hover {opacity: 1;}
.activity-area-content {position:absolute;top:0;right:0;width:400px;background: rgba(0,0,0,0.8);border: 1px solid gray;opacity: 1;transition: all 0.5s;border-radius: 12px 0 0 12px;}
.activity-area-content .area-label {position:relative;color:#ffdb7b;margin:0;padding: 5px 0;}
.activity-area-content .activity-hide-icon {position:absolute;left:10px;top:7px;width: 30px;height: 30px;background:url("activity_hide_btn.png") no-repeat;background-size: 30px; transform: rotate(180deg);}
.activity-area-content .activity-area-more {text-align: left;padding:5px 0 5px 15px;}
.activity-area-content .activity-area-more a {text-decoration: none;}
.activity-area.strict .activity-area-bar {opacity: 0.8;right:0;}
.activity-area.strict .activity-area-content {opacity: 0;right:-400px;}

div.ball_select.lotto {padding: 5px 30px;}

table.table-bordered.lotto {border: 2px solid #ea4742;}
table.table-bordered.lotto th,
table.table-bordered.lotto td {
    border-left: 2px solid #ea4742;
}
table.table-bordered.lotto th:first-child,
table.table-bordered.lotto td:first-child {
    border-left-width: 0;
}
div.ball_select .lotto-area {background: #fffcf3; padding-left: 5px; position: relative;}
div.ball_select .lotto-area .ball_select_shade { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #333333; filter:alpha(opacity=30);opacity:0.3;}
div.ball_select .lotto-area > ul {margin: auto;}
.game_ph_lotto_x3d_base div.ball_select .lotto-area > ul.ball {margin-left: 100px;}
.game_ph_lotto_x4d_base div.ball_select .lotto-area > ul.ball {margin-left: 50px;}

div.ball_select .lotto-area .ball_label.vertical {
    margin: 1px 0;
}
div.ball_select .lotto-area .ball_opt {margin-top: 100px;}

@media ( max-width: 992px) {
    .game_ph_lotto_x3d_base div.ball_select .lotto-area > ul.ball {margin-left: 60px;}
}
@media ( max-width: 767px) {
    div.ball_select.lotto {margin: 5px 10px;}
    div.ball_select .lotto-area {padding-left: 0;}
    .game_ph_lotto_x3d_base div.ball_select .lotto-area > ul.ball {margin-left: 10px;}
}

/*.dianwan-detail-radio { width: 450px; }*/
.show-lottery-list {margin-left: 120px;}

#choose_login_wraper {  padding: 20px 30px;  text-align: center; }

.pop_choose_login {color: #fef8d8;}
/*.pop_choose_login .btn-wallet-login { color: #000;background: #AD9357;background-image: linear-gradient(#FFF9C9, #DBC794);width: 300px;height: 36px;line-height: 28px; }*/
/*.pop_choose_login .btn-wallet-login:hover,*/
/*.pop_choose_login .btn-wallet-login:focus,*/
/*.pop_choose_login .btn-wallet-login:active {background-image: linear-gradient(#FFF9C9, #F3F0EA);}*/
/*.pop_choose_login .btn-wallet-login span {background-position: center !important;}*/

.pop_choose_invite .btn-wallet-login { color: #000200; background: #dfcca4; max-width: 300px; width:100%;padding: 12px 16px;  height: auto;}
.pop_choose_invite .btn-wallet-login:hover { background: #c1af89; }


.loginBox .btn-account-login,
.btn_start_game {
    color: #000;
    background: #AD9357;
    background-image:  linear-gradient(#FFF9C9, #DBC794);
    border: 0;
    border-radius: 4px;
}
.loginBox .btn-account-login:active,
.loginBox .btn-account-login:focus,
.loginBox .btn-account-login:hover,
.btn_start_game:active,
.btn_start_game:focus,
.btn_start_game:hover {color: #000; background-image:linear-gradient(#FFFBDE, #FFEEC4);}

.inviteRegWraper {background: #001d2a url('bg_invite.jpg?v=1') no-repeat center top fixed; height: 100%;}
.inviteRegBox {height:100%;}

.pop_choose_login .pop-login-left {width: 50%; padding: 10px; position: relative; text-align: center;}
.pop_choose_login .pop-login-right {width: 47%; }

.pop_choose_invite {height: 100%;}
.pop_choose_invite .pop-invite-left {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.pop_choose_invite .pop-invite-right {height: 100%;display: flex;align-items: center;}
.pop_choose_invite .invite-right-content {border: 2px solid #2e205c; border-radius: 15px; background: rgb(28,46,64,0.5); color:#c1af89; padding: 0px; text-align: center;width:100%; }
.invite_right_logo { padding: 20px; border-bottom: 2px solid rgba(255,255,255,0.05);}
.invite_right_logo div { font-size: 18px; text-align: center;}
.invite_right_btn {padding: 0 20px; border-bottom: 2px solid rgba(255,255,255,0.05);}

.browser-recommend-hr {border-top: 2px solid rgba(255,255,255,0.05);}

.extension-download a {color: #c1af89;}

/*.game-detail-cover img {border: 1px solid #caa741;}*/

.login_slogan {margin: 10px 0;}
.login_slogan ul li {background: url("./slogan_icon.png") no-repeat; background-size: 22px; padding-left: 28px; margin: 3px 5px 3px 10px;}

.invite_slogan {margin: 10px 0; color: #fef5d8;}
.invite_slogan ul li {background: url("./slogan_icon2.png") no-repeat; background-size: 35px; padding-left: 36px; margin: 15px 0px 0px 5px; font-size: 20px; text-shadow: 2px 2px 2px #000000;}


input[type=checkbox] { cursor: pointer; position: relative; width: 15px; height: 15px; font-size: 14px; }
input[type=checkbox]::after { position: absolute; top: 0; color: #000; width: 15px; height: 15px; display: inline-block; visibility: visible; padding-left: 0; text-align: center; content: ' '; border-radius: 3px; }
input[type=checkbox]:checked::after { content: "✓"; color: #fff; font-size: 12px; font-weight: bold; background-color: #003e85; }

.switch-skin {display: inline-block; width: 28px; height: 28px; vertical-align: middle; }
.switch-skin.skin-japan { background-image: url("skin_switch.png?v=1"); background-size: cover; }
.switch-skin:hover { filter: alpha(opacity=80);opacity:0.8; }

/* index */
.carousel-activity-box {margin-top: 15px;}
.carousel-activity-box .homeSlideBox {border-radius:16px;overflow: hidden;}
/*.carousel-activity-box .topActivityBox {grid-column-start: 6;  grid-column-end: 8;border-radius:16px;overflow: hidden;}*/
/*.carousel-activity-box .topActivityBox img{width: 100%;}*/

.home-slide .content{scroll-behavior:smooth;}
.home-slide .content .inner {    padding-top: 5px;  padding-bottom: 5px;}
a.game-list-item.radius {position:relative;border-radius: 16px;cursor:pointer; overflow: hidden;}
a.game-list-item.radius:hover {opacity: .8;box-shadow:  #97f1ff 0px 0px 10px 1px;}
.home-slide .home-slide-bar {position: relative;font-size: 18px;font-weight: bold;padding: 15px 10px 15px 45px;margin-top: 10px;color: white;background:url("./fire_icon.png?v=1") no-repeat;background-position: 2px center;background-size: 32px;}
.home-slide .home-slide-bar.new {background-image:url("./new_icon.png?v=1");}
.home-slide .home-slide-bar.slot {background-image:url("./slots_icon.png?v=1");}
.home-slide .home-slide-bar.baccarat {background-image:url("./baccarat_icon.png?v=1");}
.home-slide .home-slide-bar .home-slide-btn-box {position: absolute;right:7px;top:14px;}
.home-slide .home-slide-bar .home-slide-btn-box a {font-size:14px;text-decoration: none;margin-left: 15px;font-size: 14px;  padding: 5px 25px; background: #272f50;color:white;border-radius: 4px;}
.home-slide .home-slide-bar .home-slide-btn-box a.disabled {background:#373737;color: gray;pointer-events: none;}
/*layout  register*/
#register_wraper {  padding: 20px 40px 40px 40px;  text-align: center; }
#register_wraper .pos-r input {padding-left:45px;background-color: white;color:black;}
#register_wraper .pos-r i {  position: absolute;  left: 10px;  top: 2px;  color: black;  font-size: 24px;}
#register_wraper .row-left {padding-right: 5px;}
#register_wraper .verify-code-row i {left:25px;}
#register_wraper label.error {display: flex;align-items: center;height: 30px;line-height: 14px;text-align: right;max-width: 250px;}
#register_wraper .verify-code-row label.error {right: 185px;width: 150px; }
#register_wraper #register-back-btn {width: 100%; background: gray;color: white;}
#register_wraper #register-submit-btn {width:100%;}
#register_wraper #register_verify_code {background-color: white;color:black;}
#register_wraper #register_verify_code_btn {font-size:12px;width: 160px; position: absolute; right: 15px;top:0;}
#register_phone_area {height: 40px;border-radius: 6px;}
#register_phone_number {background-color: white;color:black;}

#choose_login_wraper .pos-r i {  position: absolute;  left: 10px;  top: 2px;  color: black;  font-size: 24px;}
#choose_login_wraper .pos-r input {padding-left:50px;}
/*public regByLink*/
.register-invite-qrcode-txt {color:#c1af89;}
.register-mode-tabbar {display: flex;justify-content: center;margin-top: 20px;}
.register-mode-tabbar .tabbar-content {display: grid;grid-template-columns: repeat(2,1fr);padding: 5px; background-color: #2a2e5c;border-radius: 23px;}
.register-mode-tabbar .register-mode-tabitem {text-decoration: none;padding: 5px 15px; color: rgba(255,255,255,0.4);line-height: 16px;background-color: transparent; height: 16px; border: 2px solid transparent;border-radius: 18px; }
.register-mode-tabbar .register-mode-tabitem.curr {border-color:rgba(255,255,255,0.2);color:wheat;background-color:#0045C6;}
.register-mode-content .register-mode-item {display: none; min-height: 265px; }
.register-mode-content .register-mode-item.curr {display:block;}
.register-mode-content .register-mode-item.account {padding:0 30px;}
.register-mode-content .register-mode-item input {background-color: white;color:black;}
/*.register-mode-content label.error {top:10px;}*/
.register-mode-content-btns {display: flex;justify-content: space-between;margin-top: 20px;}
.register-mode-content-btns a {padding:10px 0;color: #c1af89;}

/*public forgot*/
.forgot-content {padding:20px 40px;height:265px;overflow: hidden;}
.forgot-content .forgotPwdBox .title {padding-bottom:15px;}
.forgot-content .forgot-type-btns {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; padding: 30px 0; }
.forgot-content .forgot-type-btns button {padding:6px 0;width:100%;}
.forgot-content input {background-color: white;color:black;}
.forgot-content .row-left {padding-right: 0;}
.forgot-content .row-right {padding-left: 0;}
.forgot-content .verify-code-box {position: relative;}
.forgot-content .verify-code-box #img_verify {position: absolute;right: 15px;height: 100%;width: 80px; border-radius: 4px;}
#forgot_btn_verify_code {position: absolute;right:0;font-size: 14px;}
#forgot_phone_area {height: 40px;border-radius: 6px;}
#form-resetpwd .form-label{color:#fee634;padding: 0;line-height: 30px;}
#form-resetpwd label.error {display: flex;  align-items: center;  height: 30px;  line-height: 14px;  text-align: right;  max-width: 170px;}
#form-resetpwd label#reset_verify_code-error {right: 100px;}
/*profile bindWallet*/
.bind-wallet-box {padding:20px;width: 400px;}
.bind-wallet-box .bind-wallet-caption {padding:15px 0 15px 50px;margin:0;background: url("link_circle_icon.png") no-repeat;background-size: 40px; background-position: left;  font-size: 16px;color:white;}
.bind-wallet-box .bind-wallet-item {position: relative;  background: url('bg_wallet_choose_1.jpg') no-repeat;  background-position: right;  background-size: cover;  color: white;margin-top: 20px;/*padding-left:80px;*/  border-radius: 8px;}
.bind-wallet-box .bind-wallet-item:nth-child(3n+2) {  background-image: url('bg_wallet_choose_2.jpg');  }
.bind-wallet-box .bind-wallet-item:nth-child(3n+3) {  background-image: url('bg_wallet_choose_3.jpg');  }
.bind-wallet-box .bind-wallet-item .chain-tron ,
.bind-wallet-box .bind-wallet-item .chain-eth {position: absolute;display: inline-block;top: 0px;left:10px;height: 100%;width: 60px;background:url("../../img/chain_tron.png?v=1") no-repeat;background-size:45px;background-position: center;}
.bind-wallet-box .bind-wallet-item .chain-eth {background-image:url("../../img/chain_eth.png?v=1");}
.bind-wallet-box .bind-wallet-item:hover {  box-shadow: inset 0 0 10px white; }
.bind-wallet-box .btn-wallet-login {background:transparent url("link_icon.png") no-repeat;background-position: 340px center;background-size: 45px;color:white;font-size:18px;padding:24px 0 !important;width:100%;height:auto;font-weight: bold;  text-shadow: 0 0 2px black;}
.bind-wallet-box .btn-wallet-login:hover,.bind-wallet-box .btn-wallet-login:focus,
.bind-wallet-box .btn-wallet-login:active {background-image:url("link_icon.png");}
.bind-wallet-box .extension-download {margin-top: 10px;  text-align: center;}
/*profile   setLoginPassword*/
#loginPwdForm #img_verify {height: 32px;}
/*profile   myVip*/
.vip-level-num {color:white;padding-top:0;font-weight: bold;}
.vip-curr-state.vip-st-0 {color:#ff6464;}
.vip-curr-state.vip-st-2 {color:#24e924;}
.vip-icon-block {background: url("../../img/vip/vip_header_bg.png") no-repeat;background-size: cover;background-position: center;height:100px;}
.curr-benefit-item {margin-right: 15px;}
.curr-benefit-item span {color:#ffc55b;font-size:16px;}
.vip-level-up-need h3 {color:white;}
.vip-level-up-need-item {  display: inline-block;  position: relative;  padding: 15px 15px 15px 100px;  background: linear-gradient(to bottom,#3551A4,#3c2668);  border-radius: 12px;  margin: 10px;  min-height: 84px;  border: 1px solid #334785;  width: 180px;  }
.vip-level-up-need-item .level-up-need-bg {position:absolute;left:0;right:0;top:0;bottom:0;background: url(../../img/vip/vip_bg_1.png) no-repeat;background-size: cover;background-position: right bottom;opacity: 0.3;}
.vip-level-up-need-item .level-up-need-img {position: absolute;left:0;width:100px;top:0;bottom:0;background-repeat: no-repeat;background-position: center;background-size: 80px;}
.vip-level-up-need-item.settlement_cycle .level-up-need-img{background-image: url(../../img/vip/demand_1.png);}
.vip-level-up-need-item.deposit_amount .level-up-need-img{background-image: url(../../img/vip/demand_2.png);}
.vip-level-up-need-item.game_amount .level-up-need-img{background-image: url(../../img/vip/demand_3.png);}
.level-up-need-item-content {  position: relative;  }
.level-up-need-item-text {padding-bottom: 35px;line-height: 20px;text-align: left;color: white;}
.level-up-need-item-text span {font-size:16px;color:#ffc55b;}
.level-up-need-item-process-percentage {  position: absolute;  bottom: 28px;  font-size: 10px;  padding: 0 8px;  background: #CD15B1;  border-radius: 9px;  height: 18px;  }
.level-up-need-item-process-percentage::after {  content: "";  position: absolute;  right: 10px;  bottom: -15px;  border: solid;  border-color: #CD15B1 transparent transparent transparent;  border-width: 10px;  }
.level-up-need-item-progress-box {  position: absolute;  left: 0;  right: 0;  bottom: 0;  background: #190A45;  height: 20px;  font-size: 12px;  border-radius: 11px;  border: 1px solid rgba(255,255,255,0.5);  text-align: center;  overflow: hidden;  }
.level-up-need-item-process {  position: absolute;  left: 0;  top: 0;  background: linear-gradient(to right,#20CAE1,#C837F8);  bottom: 0;  z-index: 1;  }
.level-up-need-item-process-text {  position: relative;  z-index: 2;  color: yellow;  }
.vip-next-benefits h3 {color:white;}
.vip-next-benefits-content {  padding: 15px;  text-align: center;  }
.next-benefit-item {  position: relative;  display: inline-block;  width: 250px;  background: linear-gradient(to bottom,#5E4D3D,#261341);  border-radius: 12px;  padding: 100px 15px 10px 15px;  margin: 0 10px;  border: 1px solid #474747;  }
.next-benefit-item .next-benefit-bg {  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: url(../../img/vip/vip_bg_2.png) no-repeat;  background-size: cover;  }
.next-benefit-item .next-benefit-img {  position: absolute;  left: 0;  right: 0;  top: 0;  height: 100px;  background-repeat: no-repeat;  background-position: center top;  background-size: 95px;  }
.next-benefit-item.slot_rebate .next-benefit-img {  background-image: url(../../img/vip/level_reward_1.png);  }
.next-benefit-item.live_rebate .next-benefit-img {  background-image: url(../../img/vip/level_reward_2.png);  }
.next-benefit-item.extra_bonus .next-benefit-img {  background-image: url(../../img/vip/level_reward_2.png);  }
.next-benefit-item .next-benefit-text {  height: 24px;  display: flex;  justify-content: center;  align-content: center;  align-items: center;  font-size: 16px;  color: white;  }
.next-benefit-item .next-benefit-text span {color:yellow;}
.vip-level-up-down-rules {text-align: left;color: wheat;padding: 20px 40px;}
.vip-danger-tips {  margin: 0 50px;  padding: 15px;  background-color: rgba(255,255,255,0.1);  border-radius: 12px;  }
.vip-danger-tips span {color:#ffc55b;}
.index-curr-vip {  margin-left: 10px;  font-size: 16px;  font-weight: 700;  color: #ffd485;  }