*{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
body {background-color: #fff;font: 24px/1.5 "microsoft yahei", "simhei", "宋体", tahoma, arial, sans-serif;}
body,html{width:100%;height:auto;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ' ';content: none}
table {border-collapse: collapse;border-spacing: 0}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
a{text-decoration: none;color: inherit;}
.none {display: none}
.bold {font-weight: bold}
.center {text-align: center}
.mb10{margin-bottom: 10px;}
.container {width: 640px;margin: 0 auto;overflow: hidden;position: relative;background: #f8f8f8;}
/*头部开始*/
.topBar{position: absolute;width: 100%;height: 5.875rem;background: #fff;top: 0;z-index: 100;}
/*.topBar.active{box-shadow:0px 0.3125rem 2.1875rem #e9eaeb;}*/
.navLogo{width: 9.0625rem;height: 3.4375rem;float: left;margin: 1.21875rem 0 0 2.1875rem;}
.navLogo a{display: inline-block;width: 100%;height: 100%;background: url("../../../../../images/home/logo_black.png") no-repeat center/contain;}
.navMenu{position: relative;width:5.875rem;height:5.875rem;float: right;}
.navMenu_bread{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background-color: #fff;-webkit-transition-property: all;transition-property: all;
    -webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
.J_bread>span {position: absolute;display: block;width: 100%;height: 100%;top: 0;right: 0;-webkit-transition: -webkit-transform .3s,opacity;
    transition:transform .3s,opacity;-webkit-transition-timing-function: cubic-bezier(0.4,.01,.165,.99);transition-timing-function: cubic-bezier(0.4,.01,.165,.99);
    -webkit-transform: rotate(0deg);transform: rotate(0deg);}
.mheaderNav-menu-bread-crack{position: absolute;height: 4px;width: 2.25rem;top: 2.5625rem;left: 1.8125rem;background-color: #000;-webkit-transition: -webkit-transform .2s;transition: transform .2s;}
.mheaderNav-menu-bread-t .mheaderNav-menu-bread-crack{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.mheaderNav-menu-bread-t.active .mheaderNav-menu-bread-crack{-webkit-transform: translateY(4px);transform: translateY(4px);}
.mheaderNav-menu-bread-m {opacity: 1;}
.mheaderNav-menu-bread-b .mheaderNav-menu-bread-crack {-webkit-transform: translateY(10px);transform: translateY(10px);}
.mheaderNav-menu-bread-b.active .mheaderNav-menu-bread-crack {-webkit-transform: translateY(4px);transform: translateY(4px);}
.mheaderNav-menu-bread-t.active {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.mheaderNav-menu-bread-b.active {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mheaderNav-menu-bread-m.active {opacity: 0;}
    /*黑色导航背景*/
.topBar.black{background: #282627;}
.topBar.black .navMenu_bread{background: #282627;}
.topBar.black .navMenu_bread .mheaderNav-menu-bread-crack{background: #fff;}
.topBar.black .navLogo a{background: url("../../../../../images/home/logo_white.png") no-repeat center/contain;}
/*导航列表开始*/
.mheaderMenu-layer{position: absolute;width: 640px;max-width: 640px;height:0;top: 5.875rem;left: 50%;margin-left: -320px;z-index: 99;background:rgba(255,255,255,0.95);
    overflow: hidden;-webkit-transition-property: all;transition-property: all;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;transition-delay: .15s;}
.mheaderMenu-layer .mheaderMenu-layer-list {overflow: hidden;margin:0 4.375rem 0;}
.mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item {position: relative;height:6.25rem;line-height:6.25rem;font-size:1.625rem;color:#020202;
    border-bottom: 1px solid #e6e4e3;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: .45s;transition-duration: .45s;
    -webkit-transition-timing-function: cubic-bezier(0.4,.01,.165,.99);transition-timing-function: cubic-bezier(0.4,.01,.165,.99);transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);}
.mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item a{display: inline-block;width: 100%;height: 100%;}
.mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item:last-of-type{border-bottom: none;}
.delay10 {-moz-transition-delay: .1s;-o-transition-delay: .1s;-webkit-transition-delay: .1s;transition-delay: .1s;}
.delay15 {-moz-transition-delay: .15s;-o-transition-delay: .15s;-webkit-transition-delay: .15s;transition-delay: .15s;}
.delay20 {-moz-transition-delay: .2s;-o-transition-delay: .2s;-webkit-transition-delay: .2s;transition-delay: .2s;}
.delay25 {-moz-transition-delay: .25s;-o-transition-delay: .25s;-webkit-transition-delay: .25s;transition-delay: .25s;}
.mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item.animt-rtl {transform: translate3d(20%,-20%,0) scale(1.2,1.2);
    -webkit-transform: translate3d(20%,-20%,0) scale(1.2,1.2);opacity: 0;}
.J_menuLayer.nav-open-noscroll{height:31.5rem;}
/*.J_menuLayer.nav-open-noscroll{height:100%;}*/
/*底部开始*/
.footer{/*height: 9rem;*/padding: 1.875rem 4.375rem;background: #000;color: #8c8c8c;font-size: 1.375rem;text-align: center;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.footer span{display: block;line-height: 1.875rem;display: inline-block;vertical-align: middle;}
.footer span a{color:#8c8c8c;margin-left: 1.5625rem;}
.footer span a img{margin-right:0.625rem;}
/*模糊效果*/
/*.blur {-webkit-filter: blur(3px);-moz-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}*/
/*.swiper-container,.contentBox,.footer{transition: all .25s ease;}*/
/*轮播图样式开始*/
a.block:before, a.block:after {content: ' ';display: table;}
.slide_wrapper{position: relative;width: 100%;height: calc(100% - 22rem);overflow: hidden;margin-top: 5.875rem;}
.gallery_slide_wrapper{position: relative;width: 100%;height: 100%;transition: all .7s ease-in-out;}
.gallery_item{display: block;position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden;width: 100%;height: 100%;color: #333;
    will-change: transform;transition: all .7s ease-in-out;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.gallery_item .gallery_image{position: absolute;z-index: 1;width: 100%;height: 110%;background-repeat: no-repeat;background-size: contain;background-position: bottom center;}
/*梦寻丝绸之路*/
/* .gallery_item[data-idx="0"]{background: url("http://static.ilongyuan.cn/ld/dragonest/images/2018-09-19/5ba1c20321345.jpg") no-repeat center/cover;}
.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper{width: 100%;top: 0;left: 0;}
.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;} */
/*zzq*/
.gallery_item[data-idx="0"]{background: url("../../../../../images/home/page1.jpg") no-repeat center/cover;}
.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper{width: 42.5%;top:10%;left: 54%;}
.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}

/*cytus*/
.gallery_item[data-idx="1"]{background: url("../../../../../images/home/page2.jpg") no-repeat center/cover;}
.gallery_item[data-idx="1"] .gallery_item_lockup_wrapper{width: 68%;bottom: 10.5%;left: 16%;top:auto;}
.gallery_item[data-idx="1"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}
/*.gallery_item[data-idx="0"]{background: url("http://static.ilongyuan.cn/official_website/dev/059934608515460020853002601.jpg") no-repeat center/cover;}*/
/*.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper{width: 100%;left: 0;top:auto;}*/
/*.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}*/
/*万象物语*/
.gallery_item[data-idx="2"]{background: url("../../../../../images/home/page3.jpg") no-repeat center/cover;}
.gallery_item[data-idx="2"] .gallery_item_lockup_wrapper{width: 62%;top: 2%;left: 0%;}
.gallery_item[data-idx="2"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}
/*代号：龙*/
/*.gallery_item[data-idx="1"]{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner05_bg.jpg") no-repeat center/cover;}
.gallery_item[data-idx="1"] .gallery_item_lockup_wrapper{width: 100%;height:14.6%;bottom: 69%;top: auto;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);overflow:hidden}
.gallery_item[data-idx="1"] .gallery_item_lockup_wrapper span{color: #fff;}
.gallery_item[data-idx="1"] .gallery_item_lockup_wrapper img{width: 86%;}
.gallery_item[data-idx="1"] .gallery_image_man{position: absolute;z-index: 1001;width: 100%;height: 100%;background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner05_people.png?201711241921") no-repeat;background-size: cover;background-position: center bottom;}
*/
/*VOEZ*/
/*.gallery_item[data-idx="2"]{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner02_bg.jpg") no-repeat center/cover;}
.gallery_item[data-idx="2"] .gallery_item_lockup_wrapper{width: 45%;top: 4.5%;left: 27.5%;}
.gallery_item[data-idx="2"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}*/
/*聚爆*/
.gallery_item[data-idx="3"]{background: url("../../../../../images/home/page4.jpg") no-repeat center/cover;background-position-y: 100%;}
.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper{width: 68%;top:2%;left: 16%;}
.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}
/*伊甸之战*/
/* .gallery_item[data-idx="4"]{background: url("//static.ilongyuan.cn/official_website/dev/060165362015483096209442183.jpg") no-repeat center/cover;background-position-y: 100%;}
.gallery_item[data-idx="4"] .gallery_item_lockup_wrapper {top: 0;left: 0;}
.gallery_item[data-idx="4"] .gallery_item_lockup_wrapper img{top: 0;left: 0;width: 100%;height: auto;} */

/*.gallery_item[data-idx="3"]{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner_ydzz_bg.jpg?201712121745") no-repeat center/cover;background-position-y: 100%;}*/
/*.gallery_item[data-idx="3"] .gallery_item_content{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner_ydzz_zzc.png?201712121745") no-repeat top/contain;}*/
/*.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper{top: 5%;left: 0;}*/
/*.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}*/
/*.gallery_item[data-idx="3"] .gallery_image{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner_ydzz_character.png?201712121745") no-repeat center/contain;}*/
/*cytus*/
/*.gallery_item[data-idx="3"]{background: url("//static.dragonest.com/dragonest/dev/Home/default/mobile/images/cytus_bg.jpg") no-repeat center/cover;}*/
/*.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper{width: 68%;bottom: 10.5%;left: 16%;top:auto;}*/
/*.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper img{width: 100%;height: auto;}*/
/*巨龙之战*/
/*.gallery_item[data-idx="3"]{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner04_bg.png") no-repeat center/cover;background-size: 100% 100%;}
.gallery_item[data-idx="3"] .gallery_image{background: url("//static.ilongyuan.cn/ld/dragonest/images_mobile/banner04_character.png") no-repeat center/contain;}
.gallery_item[data-idx="3"] .gallery_item_lockup_wrapper{top: 32%;left: 29%;}*/
.gallery_item.zIndex{z-index: 0;}
.gallery_item.zIndexTop{z-index: 3;}
.gallery_item_content{position: absolute;z-index: 1000;top: 0;height: 100%;width: 100%;text-align: center;-webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none;user-select: none;}
.gallery_item_lockup_wrapper{position: absolute;top: 27%;left: 5%;width: auto;text-align: center;z-index: 2;}
.gallery_item_lockup_wrapper span{font-size: 30px;color: #000;}
.nav_btn{opacity: 0;top:0;position: absolute;cursor: pointer;width: 20%;height: 100%;z-index: 3;}
.nav_btn:hover{opacity: .1;}
.nav_btn.left{left: 0;background-image: linear-gradient(to left,rgba(255,255,255,0) 0,#eed7ff 100%);}
.nav_btn.right{right: 0;background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#eed7ff 100%);}
.nav{position:absolute;bottom:1.5625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);list-style-type:none;z-index:10}
.nav_slide{position:relative;display:inline-block;width:2.5rem;height:2px;background:#fff;background:rgba(255,255,255,.6);margin-left:0.625rem;cursor:pointer}
.nav_slide:before{content:'';position:absolute;left:0;top:0;width:0;height:2px;background:#20c4f4;transition:all .5s ease-in-out}
/*.nav_slide.active:before{width:100%}*/
/*.nav_slide:hover:before{width:100%}*/
.nav_slide:after{content:'';position:absolute;left:0;top:-0.5625rem;width:100%;height:1.25rem}
.nav_slide:first-child{margin-left:0}
.nav_slide .slide_btn{width:100%;height:2px;background-color:transparent;}
.nav_slide.active .slide_btn{background:#20c4f4}
.nav_slide.autoplay .slide_btn{background:#20c4f4;-webkit-animation:scaleX 5s linear;-webkit-animation-fill-mode:forwards;transform-origin:0;-moz-animation:scaleX 5s linear;-moz-animation-fill-mode:forwards;transform-origin:0}
@-webkit-keyframes scaleX{0%{-webkit-transform:scaleX(0)}
100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleX{0%{-moz-transform:scaleX(0)}
100%{-moz-transform:scaleX(1)}
}
/*轮播图结束*/