.sub_bg{    background-color: #333; }
.container{min-width: 1366px}
.sub_title{ padding: 170px 0 80px 0; }
.sub_title h1{font-size: 56px; background: -webkit-linear-gradient(-90deg, #feeeb8, #ffd386); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sub_title p{ color: #ffd386; font-size: 20px; font-weight: bold;}
.art_box{ background: linear-gradient(-180deg, rgba(17,14,25,0.7), #110e19); padding:80px 50px 50px 50px; position: relative;  }
.art_box::before{content: ""; position: absolute; width: 40px; height: 40px;  border: 1px #ffd386 solid; top: -20px; transform:rotate(45deg); left: 50%; margin-left: -28px; opacity: 0.5;}
.art_box::after{content: ""; position: absolute; width: 65px; height: 65px;  border: 2px #ffd386 solid; top: -33px;  transform:rotate(45deg); left: 50%; margin-left: -40px; opacity: 0.8;}
.text-yellow{color: #f8e5c9;}
.fs16{font-size: 16px;}
.help_tabs{}
.help_tabs{}
.help_tabs .nav-link{ background:linear-gradient(-90deg, #feeeb8, #ffd386); font-weight: bold; font-size: 18px; padding: 15px 40px; margin: 0 10px;border: none;}
.help_tabs .nav-link.active, .help_tabs .show>.nav-link{background: linear-gradient(-90deg, #f1422d, #bf0014); color: #fff;}
.ranking_box .nav-link.active, .help_tabs .show>.nav-link{background: linear-gradient(-45deg, #f1422d, #bf0014); color: #fff;}
.help_collapse{}
.help_collapse .card{background: rgba(255, 211, 134, 0.1); margin-bottom: 30px;}
.help_collapse .card .card-header{ border-bottom: none; padding: 0;}
.help_collapse .card .card-header div{padding:20px 30px;}
.help_collapse .card .card-body{border-top:1px rgba(0, 0, 0, 0.5) solid; padding:30px; font-size: 14px}
.game_list{}
.game_list .col{ margin-bottom: 30px;  }
.game_list .con{background: #f7f4ef;  overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s;}
.game_list .con .pic{}
.game_list .con .pic .off_ws{position: absolute; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 99; text-align: center; padding-top: 50%; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0;}
.game_list .con .pic .off_ws a{ padding: 10px 50px;}
.game_list .con .pic img{ width: 100%; height:160px; -webkit-transition: 0.5s; transition: 0.5s;}
.game_list .con .pic span{background: rgba(215, 56, 56, 0.8); color: #fff; border-radius: 50px; padding:3px 10px; top: 10px; right: 10px; font-size: 14px; z-index: 9;}
.game_list .con .info{}
.game_list .con .btns{}
.game_list .con .btns a{height: 50px; line-height: 50px; border-top:1px rgba(0, 0, 0, 0.1) solid; display: block; width: 100%;}
.game_list .con .btns a:last-child{border: none;}
.game_list .con:hover{ box-shadow: 0 15px 20px rgba(100, 100, 100, 0.1); -webkit-transition: 0.5s; transition: 0.5s;}
.game_list .con:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transition: 0.5s; transition: 0.5s;}
.game_list .con:hover .pic .off_ws{ opacity: 1; padding-top: 17%; -webkit-transition: 0.3s; transition: 0.3s;}
.border_y{ border: 10px rgba(255, 211, 134, 0.1) solid; padding: 50px;}
.fl_table{}
.fl_table thead th{background:rgba(255, 211, 134, 0.1) ; color: #f8e5c9; border-color: #110e19; text-align: center;}
.fl_table tbody td, .fl_table tbody th{background:rgba(255, 211, 134, 0.1) ; border-color: #110e19; color: #f8e5c9; text-align: center;}