body1{background: #e9e2da url("../img/bg.jpg") center top no-repeat; }

body{background: #17181d }

.container{min-width: 1440px}

.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank16{clear:both;display:block;font-size:1px;overflow:hidden;height:16px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank90{clear:both;display:block;font-size:1px;overflow:hidden;height:90px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.blank110{clear:both;display:block;font-size:1px;overflow:hidden;height:110px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs28{font-size: 28px;}

.text-yellow{color: #f8e5c9;}
.bg-white{background: #f7f4ef !important;}

a, a:link { color: #272727; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:visited {}
a:active, a:hover { text-decoration: none; color:#bf0014; -webkit-transition: 0.3s; transition: 0.3s;}
a:focus { outline: none;}


.btn-danger{ color:#fff !important;}

.p-tb-100{padding-top: 80px; padding-bottom: 80px;}

.home_bg{ position: relative; z-index: 2; }
.sub_bg{background: url('../img/bg01.jpg') center top no-repeat; }

.header{ position: fixed; width: 100%; border-bottom:1px rgba(255, 255, 255, 0.1) solid; z-index: 99; }
.navbar{padding: 0; height: 80px;}
.navbar .nav .nav-link{color: #fff; position: relative; padding: 0 35px; height: 80px; line-height: 80px; }
.navbar .nav .nav-link:hover{background: rgba(215, 56, 56, 0.6);}
.navbar .nav .active{ background: #bf0014 url('../img/nav_bg.jpg') center bottom no-repeat !important;}
/*.header_bg{background: rgba(0, 0, 0, 0.8);}*/
.header_bg{background: rgba(49, 49, 64, 0.95);}


.banner{height:940px; position: absolute; top: 0; width: 100%; z-index: 1;}
.banner .swiper-slide{ background-size: cover; background-position: center; }
.banner .swiper-pagination{  bottom:340px; z-index: 3px;}
.banner .swiper-pagination-bullet{background: #f8e5c9; width: 10px; height: 5px; border-radius: 0px; -webkit-transition: 0.3s; transition: 0.3s; outline: 0; border-radius: 10px; opacity: 1;  }
.banner .swiper-pagination-bullet-active{width: 50px; -webkit-transition: 0.3s; transition: 0.3s;}

.zbbanner{ height:700px; width: 100%;}
.zbbanner .swiper-slide{ background-size: cover; background-position: center; }
.zbbanner .swiper-pagination{ z-index: 3px;}
.zbbanner .swiper-pagination-bullet{background: #f8e5c9; width: 10px; height: 5px; border-radius: 0px; -webkit-transition: 0.3s; transition: 0.3s; outline: 0; border-radius: 10px; opacity: 1;  }
.zbbanner .swiper-pagination-bullet-active{width: 50px; -webkit-transition: 0.3s; transition: 0.3s;}

.home_banner{ }
.banner_btn{width: 620px; margin-bottom: 100px; padding-left: 70px;}
.banner_btn a{position: relative; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); display: block; height: 80px; width: 180px;}
.banner_btn a p{position: absolute; text-align: center; margin: 0; width: 100%; padding-top: 10px; z-index: 99; }
.banner_btn a p b{display: block; font-size: 24px; color: #fff;}
.banner_btn a p span{display: block; font-size: 14px; color: #bf8a1f;}
.banner_btn a img{ float: left;  -webkit-transition: 0.3s; transition: 0.3s;}
.banner_btn a:hover{margin-top: -10px;}
.banner_btn a:hover img{ filter: brightness(1.1);  -webkit-transition: 0.3s; transition: 0.3s;}
.banner_btn .col:nth-child(2) p span{color: #7258c4;}
.banner_img3{}
.banner_img3 a{position: relative; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); display: block; overflow: hidden;}
.banner_img3 a p{position: absolute;  margin: 0; width: 100%; padding: 30px; z-index: 9;}
.banner_img3 a p b{display: block; font-size: 30px; color: #f8e5c9; margin-bottom: 15px;}
.banner_img3 a p span{color: #f8e5c9; border:1px #f8e5c9 solid; padding: 5px; font-size: 14px; border-radius: 50px;}
.banner_img3 a img{ -webkit-transition: 0.5s; transition: 0.5s;}
.banner_img3 a:hover{margin-top: -15px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);}
.banner_img3 a:hover 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;}


.home_login{overflow: hidden; cursor: pointer;}
.home_login img{-webkit-transition: 0.5s; transition: 0.5s;}
.home_login:hover img{transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transition: 0.5s; transition: 0.5s;}

.game_list{}
.game_list .col{ margin-bottom: 30px;  }
.game_list .con{background: #f7f4ef;   -webkit-transition: 0.5s; transition: 0.5s; position:relative;}
.game_list .con .multiple{ position: absolute; width: 119px; z-index: 9; top: -3px; left: 5px; }
.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;}

.home_tabs .nav-pills .nav-link{border-radius: 0; color: #3b3634; background: -webkit-linear-gradient(180deg, #feeeb8, #ffd386); margin-right: 10px;}
.home_tabs .nav-pills .nav-link.active, .home_tabs .nav-pills .show>.nav-link {color: #fff; background: linear-gradient(-90deg, #f1422d, #bf0014);  }




.footer{background: url('../img/footer_bg.png') center top no-repeat; color: #999;  padding: 150px 0 50px 0; margin-top:-100px;}
.footer a{color: #999;}

.float_l{position: fixed; left: 30px; bottom: 100px; z-index: 99;}
.float_r{position: fixed; right: 30px; top: 100px; z-index: 99; background: url('../img/float_r.png'); width: 209px; height: 728px; padding-top: 120px; padding-left: 17px;}
.float_r .list .item{margin-bottom: 20px;}
.float_r .flo_close{cursor: pointer; position: absolute; right: 0; top: 25px; width: 30px; height: 31px;  background: url('../img/float_close.png') no-repeat;  background-size: 30px 93px; background-position-y: 0; z-index: 100; -webkit-transition: 0.5s; transition: 0.5s;}
.float_r .flo_close:hover{background-position-y: -31px; -webkit-transition: 0.5s; transition: 0.5s;}

.login_modal .modal-dialog{width: 560px;}
.login_modal .modal-content{border: none; background: none;}
.login_modal .con{ background: url('../img/login.png') center top no-repeat; width: 560px; height: 562px; text-align: center; padding-top: 200px;}
.login_modal .con img{ width: 200px;}

.user_left{ background: url('../img/user_left_bg.png') center top no-repeat; background-size: cover; width: 450px; padding: 30px; float: left; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); border: 1px #ffc49b solid; border-radius: 3px;}

.user_head{ width: 104px; height: 102px; background: url('../img/head_bg.png') center top no-repeat; padding-left: 8px; padding-top: 7px;}
.user_head img{width: 88px; height: 88px; border-radius: 50%;}

.num_list{ margin-bottom: 30px;}
.num_list .col{}
.num_list .col:last-child{border: none;}
.num_list .col::after{content: "";  position: absolute;  right: 0;  top: 5px; width: 1px;  height: 50px; background: rgba(0, 0, 0, 0.1);}
.num_list .col:last-child::after{display: none;}
.num_list .num{font-size: 24px; font-weight: bold; margin-bottom: 10px;}

.user_menu{border-top: 1px rgba(0, 0, 0, 0.1) solid; padding-top: 30px;}
.user_menu .col{padding: 0;}
.user_menu .col a{ display: block; }
.user_menu .col a i{font-size: 42px; background: -webkit-linear-gradient(-90deg, #f1422d, #bf0014); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.user_text{ width: calc(100% - 480px); float: right;  background: url('../img/user_right_bg.png') center top no-repeat; background-size: cover; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); border: 1px #ffc49b solid; border-radius: 3px;  padding: 30px;}

.qiandao{ }
.btn_qd{ display: inline-block; border-radius: 50%; width: 100px; height: 100px; background: linear-gradient(180deg, #f1422d, #bf0014); color: #f9edac !important; text-align: center; font-size: 24px; font-weight: bold; line-height: 24px; padding-top: 23px; overflow: hidden; box-shadow: 0 10px 20px rgba(172, 47, 36, 0.3);}

.tuiguang{ }

.tuiguang .code img{width: 150px;}

.u_space{}
.u_space .title{ position: relative; padding-left: 10px;  font-weight: 800; color: rgb(255, 249, 193);  margin-bottom: 15px; text-shadow: rgb(74 10 6 / 74%) 0px 2px 2px;}
.u_space .title::before{content: "";  position: absolute;  left: -1px;  top: 5px; width: 3px;  height: 12px; background: rgb(255, 249, 193); box-shadow: rgb(74 10 6 / 74%) 0px 2px 2px;}
.u_space .con{background: rgba(255, 248, 228, 0.9); padding: 25px; border-radius: 3px;  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2)}

.user_modal{}
.user_modal .modal-content{background: #e3dcd2; border: 1px #d6b26b solid;}
.user_modal .modal-header{ background: linear-gradient(90deg, #2c120b, #7f291d); padding:20px 25px;}
.user_modal .modal-header .modal-title{ background: -webkit-linear-gradient(-90deg, #feeeb8, #ffd386); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.user_modal .modal-header .closed{cursor: pointer; width: 30px; height: 31px;  background: url('../img/float_close.png') no-repeat;  background-size: 30px 93px; background-position-y: 0; z-index: 100; -webkit-transition: 0.5s; transition: 0.5s;}
.user_modal .modal-header .closed:hover{background-position-y: -31px; -webkit-transition: 0.5s; transition: 0.5s;}
.user_modal .modal-body{padding: 25px;}

.cash_list{}
.cash_list .item{border: 1px #d3beae solid; background: #fffcf6; cursor: pointer; width: calc(25% - 15px) ; float: left; margin-right: 20px; margin-bottom: 20px; position: relative;}
.cash_list .item:nth-child(4n){margin-right: 0;}
.cash_list .item .s_num{ border-top: 1px #d3beae solid; padding: 10px 0;}
.cash_list .active{border: 2px #e35537 solid; background: #fff;}
.cash_list .active::after{content: ""; position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; background: url('../img/sel_pay.png') no-repeat;}


.bgh{ background: #f3f0ea;}
.modal-1000{max-width: 1000px;}

.ipt_h{ border: 1px #d3beae solid; width: 100%; padding: 10px;}
.btn_h{ background: linear-gradient(90deg, #f1422d, #bf0014); color: #fff !important; border: none;  box-shadow: 0 10px 20px rgba(215, 56, 56, 0.2);}


.sel_pay .item{border: 1px #d3beae solid; background: #fffcf6; cursor: pointer; margin-right: 20px;  position: relative; padding: 15px; width: 150px; display: flex; align-items: center; justify-content: center;}
.sel_pay .item img{margin-right: 7px;}
.sel_pay .active{border: 2px #e35537 solid; background: #fff;}
.sel_pay .active::after{content: ""; position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; background: url('../img/sel_pay.png') no-repeat;}

.consume_tabs .nav-pills .nav-link{ }
.consume_tabs .nav-pills .nav-link.active, .consume_tabs .nav-pills .show>.nav-link {color: #fff; background: linear-gradient(90deg, #f1422d, #bf0014);  }

.my_table td, .my_table th{font-size: 14px;}

.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;}
.sub_title h1.x{background: -webkit-linear-gradient(-90deg, #FF0000, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

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

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


.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; cursor:pointer}
.help_tabs .nav-link.active, .help_tabs .show>.nav-link{background: linear-gradient(-90deg, #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}

.ban_img{}
.ban_img a{ display: block; overflow: hidden;}
.ban_img a img{ -webkit-transition: 0.5s; transition: 0.5s;}
.ban_img a:hover img{transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transition: 0.5s; transition: 0.5s;}

.ranking_box{ }
.ranking_box .nav-link{ background:linear-gradient(-45deg, #feeeb8, #ffd386); padding: 15px 40px; margin: 0 10px; text-align:  center;  cursor: pointer;}
.ranking_box .nav-link.active, .help_tabs .show>.nav-link{background: linear-gradient(-45deg, #f1422d, #bf0014); color: #fff;}

.ranking_con{ width: 100%; padding-bottom: 80px;}
.ranking_con .swiper-slide .num{ background:linear-gradient(-90deg, #feeeb8, #ffd386); color: #272727; padding: 3px 10px; border-bottom-right-radius: 10px; z-index: 9;}
.ranking_con .swiper-slide:nth-child(1) .num{background: linear-gradient(-90deg, #f1422d, #bf0014); color: #fff;}
.ranking_con .swiper-slide:nth-child(2) .num{background: linear-gradient(-90deg, #f1422d, #bf0014); color: #fff;}
.ranking_con .swiper-slide:nth-child(3) .num{background: linear-gradient(-90deg, #f1422d, #bf0014); color: #fff;}

.ranking_con .swiper-button-next, .ranking_con .swiper-button-prev{ border: 2px #212529 solid; color: #212529; width: 50px; height: 50px; border-radius: 50%; top: auto; bottom: 0 !important; left: 50%; }
.ranking_con .swiper-button-next:hover, .ranking_con .swiper-button-prev:hover{ background: #bf0014; border-color: #bf0014; color: #fff;}
.ranking_con .swiper-button-next:after, .ranking_con .swiper-button-prev:after{font-size: 20px;}

.ranking_con .swiper-button-next{ margin-left: 15px; }
.ranking_con .swiper-button-prev{ margin-left: -65px; margin-right: 0;}

.ranking_con .position-relative{overflow: hidden;}
.ranking_con .position-relative img{-webkit-transition: 0.5s; transition: 0.5s; height:130px; width:100%;}
.ranking_con .position-relative:hover 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;}


.pay_modal .modal-dialog{width: 560px;}
.pay_modal .modal-content{border: none; background: none;}
.pay_modal .con{ background: url('../img/pay.png') center top no-repeat; width: 560px; height: 671px; text-align: center; padding-top: 250px;}
.pay_modal .con img{ width: 200px;}


.wx_btn{position:fixed; bottom:220px; right:0; z-index:9; cursor:pointer}
.wx_btn .bbtn{ width:80px; height:80px;  background:#fff; text-align:center; padding-top:5px}
.wx_btn .bbtn img{ width:50px; height:50px;}
.wx_btn .bbtn span{ font-size:14px; display:block; }
.wx_btn .code{ width:200px;  background:#fff;text-align:center; display:none; position:absolute; bottom:0; right:90px; padding:10px}
.wx_btn .code img{ width:100%;}
.wx_btn .code span{font-size:14px; display:block;}
.wx_btn:hover .code{display:block;}

.wx-left {
	position:fixed; bottom:50px; left:20px; z-index:9; cursor:pointer
}

/*-layer-*/
.home-class.layui-layer { border-radius:5px; border:1px #d6b26b solid;}
.home-class .layui-layer-title {
	background: linear-gradient(90deg, #2c120b, #7f291d);
	height:70px; line-height:70px;
	border-radius:5px 5px 0 0;
}
.home-class .layui-layer-title-txt {
	background: -webkit-linear-gradient(-90deg, #feeeb8, #ffd386);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; font-size:1.5rem;
}
.home-class .layui-layer-close1 {
	cursor: pointer;
    width: 30px;
    height: 31px;
    background: url(../img/float_close.png) no-repeat;
    background-size: 30px 110px;
    background-position-y: 0;
    z-index: 100;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
/*---分页---*/
.pages { padding:15px 0;}
.pages ul { margin:0 auto;}
.pages li{  cursor:pointer; display:inline-block; margin:0 2px; background:#fff; border-radius:5px;}
.pages li a,.pages li span { display:block; padding:4px 15px;}
.pages li.active {background:#C00015; color:#fff;}