/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,select { outline:none; margin:0; padding:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;}
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
img { border:0;vertical-align:middle; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer; transition:all ease-out 150ms;}
a:hover{ text-decoration:none;}
/* @font-face {
font-family: SourceHanSansSC-Normal;
src: url("//static.longtugame.com/font/SourceHanSansSC-Normal.otf")      
}  */
body,html{ font-family:SourceHanSansSC-Normal; font-size:14px; position: relative;}
.mc_box {background-color: rgba(7, 8, 27, .65);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;display: none;}

.wrap {background: url(../images/bj.jpg) no-repeat 50% 0;height: auto;width: 100%;max-width: 1920px; margin:0 auto;overflow: hidden;clear: both;position: relative;}

.dh_box{background: url(../images/dhx.png) no-repeat center top;height: 380px;position: fixed;top: 95px;right: 0px;width: 237px;text-align: center;padding-top: 62px;z-index: 8;}
.dh_box a{font-size: 24px;display: block;color: #404e98;height: 83px;text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;position: relative;}
.dh_box a em{display: block;font-size: 12px; position: absolute; left: 50%; transform: translateX(-50%);}
.curr::after{
content: "";
display:inline-block;
background: url(../images/dright.png) no-repeat;
width: 33px;
height: 33px;
margin-left: 3px;
vertical-align: middle;
}
.curr::before{
content: "";
display:inline-block;
background: url(../images/dleft.png) no-repeat;
width: 33px;
height: 33px;
margin-right: 3px;
vertical-align: middle;
}

.logo{position: absolute;top: 15px;right: 10%;}
.top_center{width: 807px;margin: 628px auto 50px;height: 367px;position: relative;}
.dl_box,.wa_box{text-align: center;margin: 15px 0 10px 5px;}
.yu_box{ background: url(../images/yu_an.png) no-repeat; width: 566px; height: 84px; margin: 20px auto; display: flex;  justify-content: space-between;font-size: 0;}
.yu_box a{ display: inline-block; width: 48%; float: left;height: 84px;}
.sr_box{position: absolute;right: 0;bottom: 26%;width: 77px;height: 77px;}
.dc{ background: url(../images/dc_an.png) no-repeat; width: 77px; height: 77px; display: block; margin-bottom: 18px; border-radius:0 8px 8px 0}
.ap_an{ text-align: center;}
.ap_an a{margin-left: 25px;display: inline-block;}
.ap_an .ap{width: 260px;}
.ap_an .an{width: 360px;margin-top: -3px;}

.js_box{position: relative;}
.bt{position: absolute;left: 50%;transform: translateX(-50%);top: 163px;}

.jsjs .swiper-slide img{ width: 100%;}
.next01{background: url(../images/jr.png) no-repeat !important;width: 71px !important;height: 122px !important;right: 6% !important;top: 65% !important;}
.prev01{background: url(../images/jl.png) no-repeat !important;width: 71px !important;height: 122px !important;left: 6% !important;top: 65% !important;}
.pagination01{background: url(../images/x.png) no-repeat center 79px;width: 1204px;height: 152px;bottom: 35px !important;}
.pagination01 span{ width:  153px; height: 153px; margin: 0 25px !important; opacity: 1; font-size: 0;}
.pagination01 span:nth-child(1){ background: url(../images/jx01.png) no-repeat;}
.pagination01 span:nth-child(1).swiper-pagination-bullet-active{ background: url(../images/jx01h.png) no-repeat;}
.pagination01 span:nth-child(2){ background: url(../images/jx02.png) no-repeat;}
.pagination01 span:nth-child(2).swiper-pagination-bullet-active{ background: url(../images/jx02h.png) no-repeat;}
.pagination01 span:nth-child(3){ background: url(../images/jx03.png) no-repeat;}
.pagination01 span:nth-child(3).swiper-pagination-bullet-active{ background: url(../images/jx03h.png) no-repeat;}
.pagination01 span:nth-child(4){ background: url(../images/jx04.png) no-repeat;}
.pagination01 span:nth-child(4).swiper-pagination-bullet-active{ background: url(../images/jx04h.png) no-repeat;}
.pagination01 span:nth-child(5){ background: url(../images/jx05.png) no-repeat;}
.pagination01 span:nth-child(5).swiper-pagination-bullet-active{ background: url(../images/jx05h.png) no-repeat;}

.sjg_box{position: relative;margin-top: 140px;margin-bottom: 120px;}
.sjg_box>img{ width: 100%;}
.bt01{ text-align: center; }

/* 游戏特色 */
.bt02{text-align: center;margin: 0px auto 52px;}
.yxts_box{width: 1300px;margin: 97px auto 120px;position: relative;}
.swiper02 {width: 100%;height: 100%;}
.swiper02 .swiper-slide {text-align: center; }
.swiper02 .swiper-slide img{border: #fff solid 3px;  border-radius: 5px;width: 73.6%;}
.swiper-pagination02{ text-align: center;width: 1287px; padding-top: 45px; z-index: 1 !important;}
.swiper-pagination02 .swiper-pagination-bullet{ border-radius:0 !important; width:19px ; height: 19px; opacity: 1;
margin: 0 15px;  background: url(../images/d.png) no-repeat; outline: none;}
.swiper-pagination02 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/dh.png) no-repeat; width: 58px; height: 25px;}
.swiper-button-next02{ background: url(../images/jr.png) no-repeat !important; width: 71px !important; height: 122px !important; top: 60% !important; 
right: -130px !important;}
.swiper-button-prev02{ background: url(../images/jl.png) no-repeat !important; width: 71px !important; height: 122px !important; top: 60% !important;
left: -130px !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after
,.swiper-button-prev:after{content:'' !important}
.swiper-slide.swiper-slide-prev,.swiper-slide.swiper-slide-next{ opacity: .75;}
.swiper-slide.swiper-slide-prev, .swiper-slide.swiper-slide-next{ opacity: 1;}

.foot_banner{text-align: center; padding-bottom:70px;}
.swiper03 {width: 100%;height: 100%;}
.swiper03 .swiper-slide {text-align: center; }
.swiper03 .swiper-slide img{border: #fff solid 3px;  border-radius: 5px;}

.foot_box{background: url(../images/ftbj.png) no-repeat 50% 0/100%;}
.foot_box ul{width: 800px;margin: 0 auto;text-align: center;font-size: 16px;padding-top: 42px;}
.foot_box ul a{color: #fff;border-right: #fff solid 2px;padding: 0 10px 0 5px;}
.foot_box ul a:hover{ color: #eeeeee;}
.foot_box ul a:last-child{ border: none;}
.foot_top{text-align: center;background: url(../images/ftx.png) no-repeat center bottom;padding: 10px 0 30px;}
.foot_top img:nth-child(1),.foot_top img:nth-child(3){ margin-top: 5px;}
.foot_top img{ margin: 0 10px;}
.foot_box p{text-align: center;color: #fff;font-size: 20px;text-align: center;padding-bottom: 15px;padding-top: 7px;}

.rjfoot_box{background: #537cd9; padding: 15px 0 5px 0;}
.rjfoot_box a{color: #fff;}
.rjfoot_box ul{width: 800px;margin: 0 auto;text-align: center;font-size: 16px;}
.rjfoot_box ul a{color: #fff;border-right: #fff solid 2px;padding: 0 10px 0 5px;}
.rjfoot_box ul a:hover{ color: #eeeeee;}
.rjfoot_box ul a:last-child{ border: none;}
.rjfoot_box p{text-align: center;color: #fff;font-size: 16px;text-align: center;padding-bottom: 15px;padding-top: 7px;}
.rjfoot_box p a{ color: #fff;font-weight: bold;}

.rj_body{height: 100%;width: 100%;max-width: 1920px; margin:0 auto;;position: relative; background: #000; }
#bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;}
#bg img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%;}

.text_center,#affiche{ width: 100%; margin: 0 auto; position: absolute;top: 0; left: 50%; transform: translateX(-50%);z-index: 2;}
.rjbt{ background: url(../images/rjbtbj.png) no-repeat bottom center; text-align: center; margin: 72px auto 0px; font-size: 20px;color: #fff;
padding: 0 0 35px 0;}
.rjbt02{ margin: 20px 0  50px;}


.con_inner_movie,
.con_inner{margin:0 auto;margin-top:-20px;padding-top:20px;width:1000px;background:url(../image/common/con_inner_l.png) repeat-y;padding-bottom:18px;margin-bottom:-18px;position:relative;z-index:30;color: #fff;line-height: 1.6;}
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
div.rule_inner{width:746px;height:auto;margin:0 auto;position:relative;}
div.rule_inner a{color: #fff;}
div.rule_inner h1{font-size: 25px!important;font-weight: bold;text-align: center;position: relative;width: auto;height: auto;padding: 10px 0 30px;top: 0;line-height: 24px;text-indent: 0;margin-left: 0;left: 0;}
div.rule_inner h2{font-size:20px!important;font-weight:bold;text-align:center;position:relative;width:auto;height:auto;padding:10px;top:0;line-height:24px;text-indent:0;}
div.rule_inner h3{font-size:13px;font-weight:bold;width:auto;text-indent:0px;margin:20px 0px;}
p#adress{margin:20px;}
div.rule_inner ol,div.rule_inner ul {margin:20px auto;width:700px;}
div.rule_inner ul li{margin:5px 0px 0px 10px;}
div.rule_inner ol li{margin:15px 0px 0px 10px;}
div.rule_inner ol p{margin:10px 20px;}
div.rule_inner ol p.indent{margin:10px 40px;}
div.rule_inner ol p.text_right{margin:10px 40px 30px;text-align: right;}
div.rule_inner ol li.indent{margin: 5px 0px 0px 40px;}
div.rule_inner ul a:link, div.rule_inner ul a:visited {text-decoration:underline!important;}
div.rule_inner ul a:hover,  div.rule_inner li a:active {text-decoration:underline!important;}
.rule_inner li a:visited,
.rule_inner li a:hover,
.rule_inner li a:active,
.rule_inner li a:link{text-decoration:underline;}
.rule_inner li a:hover{
color:rgb(204,255,255);}
div.rule_inner ol li{padding-left: 1em;text-indent: -1.5em;margin:5px 0px 0px 10px;}
.li_font li{ font-weight: bold;font-size: 16px;}
.text03 ol li{ text-indent: 0 !important;}


.checkpop{ width: 840px; height: 515px; background: url(../images/dcbj.png) no-repeat; position: fixed;top: 50%; 
left: 50%; z-index: 10; transform: translate(-50%,-50%); padding:57px 0 0 82px; box-sizing: border-box; display: none;}
.dc_cols{ background: url(../images/dclos.png) no-repeat; width:54px; height: 54px; position: absolute;top: 40px; right: 40px;transition: all .4s;}
.dc_cols:hover{ transform: rotate(360deg); }

.jlbox { margin-top: 115px;}
.jltit { text-align: center; }

.lcwrap { text-align: center;margin:128px auto 0;}
.lcbox { display: inline-block;position: relative; }
.lcbox img { width: 100%;}
.lc_on { width: 100%;height:100%;background: url(../images/lc_on.png) no-repeat 0 0/auto 100%;position: absolute;top:0;left:0; }
.lc_on.on0 { width:0%; }
.lc_on.on1 { width:23.85%; }
.lc_on.on2 { width:42.8%; }
.lc_on.on3 { width:61.5%; }
.lc_on.on4 { width:80.6%; }
.lc_on.on5 { width:100%; }
.lcbox a {width:15.3%;height:75.72%;position: absolute;top:15.3%;left: 3.3%;z-index: 2;}
.lcbox a.a02 {left: 22%;}
.lcbox a.a03 {left: 40.6%;}
.lcbox a.a04 {left: 59.5%;}
.lcbox a.a05 {left: 78.7%;}
.lcbox a img { position: absolute;left:54%;top:-59%;display: none; }
.lcbox a:hover img { display: block; }

.check { font-size: 29px;color:#664917;text-align: center;margin-top: 10px;}
.check a {color:#664917;}
.checktxt { padding:55px 82px 0 0;font-size: 20px;color:#63432f;line-height: 1.7;}