@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;700;800;900&display=swap');
body {font-family: 'Montserrat', sans-serif;font-weight:400;font-style: normal; font-size:16px;color: #fff; background:#51081b;  }
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type:none; text-decoration:none }
img {max-width: 100%;}
ul li{ }
a{ color:#fff; }
a:focus,input:focus,textarea:focus,button:focus {text-decoration: none;outline: none; }
a:focus,a:hover {text-decoration: none; }
i,span,a {display: inline-block; }
h1,h2,h3,h4,h5,h6 {font-weight:800;color: #fff;margin: 0px; }
.clearfix{ clear:both}
.container{ margin:auto; padding:0; width:1300px}
.ent_m{ float:right; display:flex}

.jsx-box1{border-radius: 4px;background-color: rgb(255, 255, 255);height: 38px;width: 100%;display: flex;}
.jsx-box2{padding:0 8px;font-size: 18px;width: 25%;border-right: 1px solid rgba(0, 0, 0, 0.12);font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: center;color: rgb(0, 0, 0);line-height: 38px;background: rgb(244, 244, 244) none repeat scroll 0% 0%;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.jsx-box3{font-size: 18px;line-height: 48px;width: 150px;border: medium none;border-radius: 4px;padding-left: 10px;background: rgb(240, 240, 240) none repeat scroll 0% 0%;}
.download-but{

display: block;
color: rgb(255, 255, 255);
width: auto;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: condensed;
line-height: 40px;
border: 1px solid #d2aa47;
height: 40px;
border-radius: 8px;
background: rgb(0, 0, 0) none repeat scroll 0% 0%;
margin-left: 20px;
cursor: pointer;
padding:0 10px 
}

header{padding:20px 0; position: absolute; top:0; width:100%; z-index:100}
header .logo{ float:left; width:80px}
header .logo img{ width:100%}
.app{ float:left; margin:20px 20px 0; width: auto}
.app ul li.app_ps,.app_as{ background:url(../images/app.png) no-repeat ;display:inline-block;background-size: 205%; margin:auto 1%}
.app ul li a{width:180px; height:60px;}
.app ul li.app_ps{background-position:0 0}
.app ul li.app_as{background-position:-190px 0}
.app_mobile_v{ float:none; width:100%; margin:auto; padding:25px 0 10px; display:none}

.home_slider{ padding:60px 0 0; position:relative; height:100vh;
background: rgb(137,30,42);background: radial-gradient(circle, rgba(137,30,42,1) 30%, rgba(87,14,33,1) 65%, rgba(42,0,26,1) 93%); }
.home_slider .container{position:relative;}
.banner{ width:600px; margin:auto; position:absolute; bottom:0; left:0; right:0}
.banner img{ width:100%}
.banner_tx{ position:absolute; left:80px; top:75px; width:20%;z-index: 1;}
.banner_tx img{ width:100%}

.winning_am_min{ text-align:center; position:absolute; right:0%; top:-30px; width:150px; z-index:120}
.winning_am_min p{ padding:0 0 10px 0; font-weight:700; color:#c98300; letter-spacing:1px}
.winning_am li{ transition:0.5s}
.winning_am li:hover{transform:scale(1.1)}
.winning_am .winning_am1,.winning_am2,.winning_am3,.winning_am4,.winning_am5,.winning_am6,.winning_am7,.winning_am8,.winning_am9{ width:100%; height:60px; background:url(../images/winning_amount.png) no-repeat; background-size: 98%; }
.winning_am .winning_am1{ background-position:0 0}
.winning_am .winning_am2{ background-position:0 -60px}
.winning_am .winning_am3{ background-position:0 -123px}
.winning_am .winning_am4{ background-position:0 -185px}
.winning_am .winning_am5{ background-position:0 -246px}
.winning_am .winning_am6{ background-position:0 -308px}
.winning_am .winning_am7{ background-position:0 -369px}
.winning_am .winning_am8{ background-position:0 -431px}
.winning_am .winning_am9{ background-position:0 -493px}

.banner_min_hd{ position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center;}
.banner_hd1{ background:#721726; color:#fff; padding:5px 0}
.banner_hd2{letter-spacing:5px;padding:10px 0;font-size:50px;font-weight:900; background:#ff9d9dcf; color:#720d28;text-shadow:2px 2px #d9a84d}
.banner_hd3{padding:20px 0;background: rgb(137,30,42);
background: radial-gradient(circle, rgba(137,30,42,0.9331933456976541) 15%, rgba(87,14,33,1) 41%, rgba(42,0,26,1) 100%);}
.banner_hd3 h1{ font-size:65px; letter-spacing:5px; color:#d4a54a;text-shadow:-3px 3px #3a051c }

.home_min2{ background:#000; padding:20px 0; text-align:center; margin:auto}

.home_min2 ul{ padding:50px 0}
.home_min2 ul li{ display:inline-block; vertical-align:top; width:300px; background:url(../images/btn.png) no-repeat center;background-size: contain; margin:10px}
.home_min2 ul li h2{ padding:20px; text-transform:uppercase; letter-spacing:4px}
.home_min2 ul li h2 span{ color:#d2aa47}

.home_min3{ padding:40px 0;background: rgb(137,30,42);background: radial-gradient(circle, rgba(137,30,42,0.9331933456976541) 15%, rgba(87,14,33,1) 41%, rgba(42,0,26,1) 100%); overflow:hidden!important}
.h_text{ padding:30px 0;  font-size:40px; color:#d2aa47; letter-spacing:4px}
.h_text_c{text-align:center;}
.how_install_slider{ margin:10px auto 20px}
.how_install_slider .item{  text-align:center; padding:72px 20px 20px}
.how_install_slider .item p{ color:#fff; padding:20px 0} 
.how_install_slider .item p span{ color:#ffe169}
.how_install_slider .item img{ margin:-65px 0 0 0;display: initial!important;}
.hti_box{ padding:0 50px 15px;margin:auto;background:#51081b; min-height:370px}

.how_play_slider{ padding:65px 0 80px 80px}
.hop_slide_sm{ position:absolute;height:250px; width:100%}
.hop_slide_sz{ height:400px; position:relative}

.how_play_slider .owl-stage-outer{ overflow:inherit!important}
.hop_slide_sm .smline_no{ position:absolute; left:-17%; font-weight:bold }
.hop_slide_sm .smline1{width:2px;height:200px;background:#fff; position:absolute; left:0%}
.hop_slide_sm .smline2{height:2px;width:120px;background:#fff; position:absolute;  left:20% }
.hop_slide_sm .smilen_tx{ position:absolute;  right:0%; width:80%}
.hop_slide_sm .smilen_tx h3{ font-size:14px; padding:10px 0}
.hop_slide_sm .smilen_tx p{ font-size:12px}
.hop_slide_sm .sm_round_box{background:#fff; border-radius:100px; width:100px; height:100px; position:absolute; left:-20%; z-index:1}
.smline2_aro{transform:rotate(270deg);border-top:12px solid;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute; }

.sm_round_box_1 div,.sm_round_box_2 div,.sm_round_box_3 div,.sm_round_box_4 div,.sm_round_box_5 div{ background:url(../images/how_to_play.png) no-repeat; width:100%; height:100%; background-repeat:no-repeat; background-size:734%}
.sm_round_box_1 div{ background-position:-30px 7px}
.sm_round_box_2 div{ background-position:-165px 7px}
.sm_round_box_3 div{ background-position:-301px 7px}
.sm_round_box_4 div{ background-position:-448px 7px}
.sm_round_box_5 div{ background-position:-596px 7px}

.hop_slide_1{ top:0}
.hop_slide_1 .sm_round_box{bottom:0; }
.hop_slide_1 .smline1{top:-30px;  }
.hop_slide_1 .smline2{bottom:20%; }
.hop_slide_1 .smilen_tx{top:-40px; }
.hop_slide_1 .smline_no{top:-25px; }
.hop_slide_1 .smline2_aro{right: 26%;bottom: 18%;}

.hop_slide_2{ bottom:0}
.hop_slide_2 .sm_round_box{top:0; }
.hop_slide_2 .smline1{bottom:-40px; }
.hop_slide_2 .smline2{top:20%; }
.hop_slide_2 .smilen_tx{ bottom:-40px }
.hop_slide_2 .smline_no{ bottom:-25px }
.hop_slide_2 .smline2_aro{right: 26%;top: 18%;}

.dwo_app{ padding:40px 0; margin:auto; text-align:center; display:none}
.app_d{ padding:20px 0}
/* .app_d li.app_ps,.app_as{ background:url(../images/app.png) no-repeat ;display:inline-block;background-size: 205%; margin:auto 1%} */
.app_d li.app_ps,.app_as{ }
.app_d li a{width:180px; height:60px;}
.app_d li.app_ps{background-position:0 0}
.app_d li.app_as{background-position:-190px 0}

.home_min4{ padding:40px 0; background:#000}
.home_min4 p{ margin:20px 0; color:#999999}
/*.home_min4 p b{ color:#fff}*/
.btn_s{ margin:25px 0}
.btn_s a{ border-bottom:1px solid #fff;font-weight:700}

.home_min_col1{ background:#000}
.home_min_col2{background:#51081b}

footer{ background:#000; padding:60px 0 30px}

footer h5{ font-size:17px; margin:0 0 15px}
footer a{ font-size:12px; color:#a5a5a5}
footer p{ font-size:12px; color:#a5a5a5; margin:10px 0}

.fot_sm{ width:33%; float:left;}
.fot_1{}
.fot_1 a{ display:block; margin:10px 0}
.fot_2{}
.fot_3{ margin:20px 0}
.sos li{ display:inline-block; margin:2px;}
.sos .sos1 a,.sos2 a,.sos3 a,.sos4 a{ background:url(../images/sos.png) no-repeat; width:20px ; height:20px; background-size:512%}
.sos .sos1 a{ background-position:5px 0}
.sos .sos2 a{ background-position:-21px 0}
.sos .sos3 a{ background-position:-50px 0}
.sos .sos4 a{ background-position:-84px 0}
.fot_4{ border-top:1px solid #fff; padding:30px 0 0; margin:20px auto 0; text-align:justify; line-height:20px}
.owl-nav { padding:10px; width:100%; text-align:center; position:absolute; bottom:-23px; left:0 }
.owl-nav button{ padding:0 30px}
/*========== ACCORDI0N ===========*/
.accordion_min{ padding:40px 0 60px;background: rgb(137,30,42);background: radial-gradient(circle, rgba(137,30,42,0.9331933456976541) 15%, rgba(87,14,33,1) 41%, rgba(42,0,26,1) 100%);}
.accordion__item {margin-bottom: 20px;}
.accordion__title {cursor: pointer; position:relative; padding:15px; border-bottom:1px solid #b67238; border-top:1px solid #b67238}
.accordion__title span{ padding:0 25px 0 0}
.accordion__title h3{ font-weight:700}
.accordion__title::before{right:15px;content: "+";font-size:25px;position:absolute;transition:all 0.3s ease 0s;top:50%;bottom:0;margin:auto;height:100%;line-height:20px;}
.accordion__title.active::before{content: "-";}
.accordion__text {display: none;padding: 10px 0; width:91%; margin:auto}
.accordion__text p{ color:#ff9494; margin:15px 0; line-height:25px}
/*========== ACCORDI0N ===========*/

.fncmin_tx{ background:#51081b!important; display:none}
.fncmin_tx p{ margin:10px 0; font-size:11px;color:#fff;}
.fncmin_tx ol{ margin:0 25px; padding:5x 0}
.fncmin_tx ul{ margin:0 25px; padding:5x 0}
.fncmin_tx li{ margin:10px 0; font-size:11px;color:#fff;}
.fncmin_tx ol li{ list-style-type:decimal}
.fncmin_tx ul li{ list-style-type: disc}
.fncmin_tx table{ text-align:center; margin:30px auto}
.fncmin_tx table tr td{border:1px solid #ccc}

@media only screen and (max-width:1300px) {
.container{ width:90%}	
}

@media only screen and (max-width:1000px) {
.hop_slide_sm .smline1{ height: 168px; left:-6%}
.hop_slide_sm .smline2{ left:0; width:204px}
.hop_slide_sm{height:160px}
.hop_slide_sz{ height:250px}
.hop_slide_sm .smilen_tx{ width:80%}
.hop_slide_sm .smilen_tx{ right:inherit; left:0}
.how_play_slider{ padding:60px 0 82px 80px}

}

@media only screen and (max-width:780px) {
.app_mobile_v{ display:block}	
.hti_box{ min-height:inherit}	
.home_slider{ height:850px}	
.banner{ width:100%; background:url(../images/bg.png) no-repeat; background-size:100%; height:100%; background-position:bottom}
.banner img{ display:none}

header .app{ display:none}
.winning_am_min{top: -30px; width:125px}
.winning_am .winning_am1, .winning_am2, .winning_am3, .winning_am4, .winning_am5, .winning_am6, .winning_am7, .winning_am8, .winning_am9{ height:50px}
.winning_am .winning_am1{ background-position:0 0}
.winning_am .winning_am2{ background-position:0 -52px}
.winning_am .winning_am3{ background-position:0 -103px}
.winning_am .winning_am4{ background-position:0 -154px}
.winning_am .winning_am5{ background-position:0 -207px}
.winning_am .winning_am6{ background-position:0 -258px}
.winning_am .winning_am7{ background-position:0 -309px}
.winning_am .winning_am8{ background-position:0 -360px}
.winning_am .winning_am9{ background-position:0 -412px}
.banner_tx{ width:165px;top: 270px;left:0px;}
.banner_hd2{ font-size:37px}
.banner_hd3 h1{ font-size:47px}
.banner_hd1{ margin:15px 0}
body{ font-size:14px}
.h_text{ font-size:30px}
.fot_sm{ float:none; width:100%; text-align:center}
.fot_1{ padding: 0 0 20px; margin:0 0 20px;border-bottom:1px solid #a5a5a5}
.dwo_app{ display:block}
}



@media only screen and (max-width:600px) {
.home_min2 ul{ padding:20px 0 0}	
.home_slider{ height:730px; background:none}
.banner{ width:100%; background:url(../images/bg.png) no-repeat; background-size:100%; height:100%; background-position: center}
.hop_slide_sm .sm_round_box{ width:80px; height:80px}
.hop_slide_sm .smline1{ height:145px}
.sm_round_box_1 div {background-position:-24px 6px}
.sm_round_box_2 div {background-position:-132px 5px}
.sm_round_box_3 div {background-position:-241px 6px}
.sm_round_box_4 div {background-position:-477px 5px}
.sm_round_box_5 div {background-position:-477px 5px}
.hop_slide_sm .smilen_tx{ width:90%}
.hop_slide_sm .smilen_tx h3{ font-size:12px; padding:5px 0}
.hop_slide_sm .smilen_tx p{ font-size:10px}
.hop_slide_sm{ height:200px}
.hop_slide_sz{ height:322px}
.hti_box{ padding:0 15px 15px}

.banner_tx{ width:110px; top:184px;left:0px;}
.winning_am_min{ width:90px}
.winning_am .winning_am1, .winning_am2, .winning_am3, .winning_am4, .winning_am5, .winning_am6, .winning_am7, .winning_am8, .winning_am9{ height:36px}
.winning_am .winning_am1{ background-position:0 0}
.winning_am .winning_am2{ background-position:0 -37px}
.winning_am .winning_am3{ background-position:0 -74px}
.winning_am .winning_am4{ background-position:0 -111px}
.winning_am .winning_am5{ background-position:0 -148px}
.winning_am .winning_am6{ background-position:0 -185px}
.winning_am .winning_am7{ background-position:0 -221px}
.winning_am .winning_am8{ background-position:0 -259px}
.winning_am .winning_am9{ background-position:0 -296px}
}

@media only screen and (max-width:450px) {
.home_slider{ height:620px}
.app ul li.app_ps, .app_as{width: 44%;background-size:196%}
.app ul li.app_as{ background-position:103% 0}
/* .app_d ul li.app_ps, .app_as{width: 44%;background-size:196%} */
.app_d ul li.app_ps, .app_as{}
.app_d ul li.app_as{ background-position:103% 0}
.dwo_app{ padding:30px 0 0}
.h_text{ padding:15px 0}
/* .app_mobile_v{ padding:10px 0 0 0} */
.app_mobile_v{ padding:10px 0 0 0}
.app ul li a{ height:40px; width:100%}
.banner_hd3{ padding:10px 0}
.banner_hd3 h1{ font-size:35px}
.banner_hd2{ font-size:23px}
.banner_hd2{ padding:4px 0}
.banner_hd1{ margin:7px 0}
body{ font-size:11px}
.banner_tx {width: 94px;top: 145px;left: 0px;}
.container{ width:95%}
.winning_am_min{ width:80px}
.winning_am .winning_am1, .winning_am2, .winning_am3, .winning_am4, .winning_am5, .winning_am6, .winning_am7, .winning_am8, .winning_am9{ height:31px}
.winning_am .winning_am1{ background-position:0 0}
.winning_am .winning_am2{ background-position:0 -32px}
.winning_am .winning_am3{ background-position:0 -66px}
.winning_am .winning_am4{ background-position:0 -99px}
.winning_am .winning_am5{ background-position:0 -132px}
.winning_am .winning_am6{ background-position:0 -165px}
.winning_am .winning_am7{ background-position:0 -198px}
.winning_am .winning_am8{ background-position:0 -231px}
.winning_am .winning_am9{ background-position:0 -264px}

.hop_slide_sm .smline1{ height: 168px; left:-6%}
.hop_slide_sm .smline2{ left:0; width:204px}
.hop_slide_sm{height:160px}
.hop_slide_sz{ height:250px}
.hop_slide_sm .smilen_tx{ width:80%}
.hop_slide_sm .smilen_tx{ right:inherit; left:0}
.how_play_slider{ padding:60px 0 82px 80px}
}
.mar-top-80{margin-top:80px}
.h_text{padding-top:120px}
p{text-align: justify}
ol li{color: #999999 !important;}