﻿/*- - - - - - - - -小山设计工作室 www.bailu123.com 设计制作 - - - - - - - -*/
html{font-size: 1vw;}
body{width: 100vw;}
.rightren{position:absolute;width:20.894384rem;height:26.117980rem; background: url(../images/ren_bg.png) center/cover no-repeat; z-index: 3500; right:0rem;bottom:1rem;z-index:999999}
/*页头*/
#topheader{width:100%;height: 3.917697rem; position: relative; min-width: 70.51854rem; margin: 0 auto; background: linear-gradient(to bottom,#231314,#150e02);; border-bottom: 1px solid #644833; ; z-index: 3500; box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);}
#topheader .center{width: 70.51854rem;}


/*网站标志*/
#logo{float: left; width: 15.670788rem; height: 3.656517rem; margin-top: 2px;}
#logo img{width: 15.670788rem; height: 3.656517rem;}
/*菜单*/
#menu{float: right; width: 54.84775rem; margin-top: 0px; right: 0px}
#menu ul{float: right; margin-right: -0.835775rem;}
#menu ul li{float: left; margin-left: 0.626831rem;}
#menu ul a{float: left; width: 7.835394rem; height: 3.9176970rem; text-indent: -9999rem;}
#menu ul a:nth-child(1){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_01.png) center/cover no-repeat;}
#menu ul a:nth-child(1):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_01_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(2){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_02.png) center/cover no-repeat;}
#menu ul a:nth-child(2):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_02_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(3){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_03.png) center/cover no-repeat;}
#menu ul a:nth-child(3):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_03_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(4){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_04.png) center/cover no-repeat;}
#menu ul a:nth-child(4):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_04_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(5){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_05.png) center/cover no-repeat;}
#menu ul a:nth-child(5):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_05_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(6){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_06.png) center/cover no-repeat;}
#menu ul a:nth-child(6):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_06_hover.png) center/cover no-repeat;}
#menu ul a:nth-child(7){width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_07.png) center/cover no-repeat;}
#menu ul a:nth-child(7):hover{width: 7.835394rem; height: 3.9176970rem; background: url(../images/top_btn_07_hover.png) center/cover no-repeat;}

#Version{width: 100%; height: 52.23596rem; position: relative; overflow: hidden;}
#Header{width: 100.293043rem; height: 52.23596rem; position: absolute; }
bg-v{position: relative; left: 0; width: 100%; height: 52.23596rem; overflow: hidden; min-width: 62.683152rem;}
.bg-v .video{width: 100.293043rem; height: 52.23596rem position: absolute; z-index: 0;}
.bg-v video{position: absolute; }

.home{width:100.2930437371695rem; height: 52.23596rem;background: url("../images/bg_01.jpg") center/cover no-repeat; position: relative; }
.home video {height: 100%;width:100%; object-fit: cover; } 


.clearfix{zoom: 1}
.content{width: 67.90674836rem; margin: 0 auto; position: relative}
.Download{width: 20.894384rem; height: 16.715507289rem; position: absolute; z-index: 9999; top: 37.6098914rem; left: 15.14842848rem; text-indent: -9999rem;}
.topquicklink{width: 49.10180266rem; height: 9.92483245rem; position: absolute; ; z-index: 9999; top: 41.788768rem; left: 36.56517219rem; overflow: hidden;}
.topquicklink .Down_link{float: left; position: relative; width: 15.670788rem; height: 9.9248324rem ; z-index: 9999; ; margin-right: 0.62683152rem; text-indent: -9999rem;}
.microHei{font-family: "Microsoft YaHei"}

.mt-content{width:100.2930437371695rem; min-width: 67.90674836rem; height: 56.41483710rem;background: url("../images/bg_02.jpg") center/cover no-repeat; position: relative; }
.mt-content Video {height: 100%;width:100%; object-fit: cover; } 
.mt-content .Game{position: absolute;width: 57.4595563rem; height: 25.595620rem; z-index:99;top:16.71550728rem;left:21.677923516rem}
.mt-content .Game img{width: 60.071354rem; height: 25.595620rem; border: 2px solid #4a3d2f;}

.md-content{width: 100.29304rem;height: auto;; position: relative; padding-bottom:8rem;margin-top:-7.2rem;}
.md-content .content{width: 70.5185463rem;position: relative; height:auto;margin:0 auto;}

.md-content .GameVer{width: 67.906748rem; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; margin-top: 0px}
.md-content .RecommendGame{width: 67.906748rem; margin: 0 auto; padding-top: 0px; padding-bottom: 3.1341576rem;}

/*选项*/
.md-content .Game-title{width: 66.862029rem; height: 4.7012364rem; line-height: 4.7012364rem; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; padding-left: 6.2683152rem; margin-bottom: 3.1341576rem}
.md-content .Game-title .Game-tab{float: left; width: 41.04049rem; height: 2.3506182rem; margin-top: 2.6117980rem; overflow: hidden;}
.md-content .Game-title .Game-search{float: left; width: 22.89438rem; height: 2.1939103rem; margin-top: 2.30618rem; overflow: hidden;}
/*nav*/
#tabs{margin-right: 5.223596rem;}
#tabs li{float: left; font-size: 0.7313034rem; height: 1.5670788rem; line-height: 1.5670788rem; ; position: relative; margin-right: 0.7835394rem;}
#tabs li a{display: block; height: 1.5670788rem; ; z-index: 2; padding: 0 0.5223596rem; color: #fefefe; width: 2.089438rem; border: 1px solid #a4948c; border-radius: 0.2611798rem; text-align: center; overflow: hidden;}
#tabs li a:hover{background: #841b03;}
#tabs li.cur>a{color: #00ad35;}
#tabs li em{display: none;}
#tabs li:last-child:after{display: none;}
#tabs li.change{position: relative; background: #841b03; border-radius: 0.2611798rem;}
.zySearch{float: left; top: 0px; position: relative; margin-left: auto; margin-right: auto;}
.zySearch .search-img{background: url("../images/chicken.gif") no-repeat scroll left top transparent; display: block; height: 0; left: 39%; margin-left: -0.6268315rem; position: absolute; top: 0.5223596rem; width: 1.2536630rem;}
.zySearch .search-input{color: #999; border: 0px solid #D0D0D0; height: 1.8282586rem; line-height: 1.8282586rem; margin-right: 0.2611798rem; padding: 0 0.5223596rem; width: 18.54376589rem;}
.zySearch .search-btn{; text-indent: -9999rem; ; cursor: pointer; height: 2.0894384rem; ; width: 2.6117980rem ; display: inline-block; position: relative; background: url(../images/search.png) center/cover no-repeat;}

/*游戏版本*/
.games{float: left; width: 18.8049457rem; height: 18.8049457rem; padding-top: 1.0447192rem; padding-bottom: 1.0447192rem; padding-left: 1.0447192rem; padding-right: 1.0447192rem; position: relative; overflow: hidden; background: url(../images/games_bg.png) center/cover no-repeat; margin-left: 0.7835394rem; margin-right: 1.305899rem; margin-top: 1.26707880rem; margin-bottom: 1.56707880rem;  transition: all 0.2s linear;}
.games:nth-of-type(3n+3){margin-right: 0px}
.games .border_top,
.games .border_right,
.games .border_bottom,
.games .border_left{background-color: #fff;}
.games .border_top,
.games .border_bottom{height: 0.1567078rem;}
.games .border_right,
.games .border_left{width: 0.1567078rem;}
.games.hover_games{box-shadow: 0.41788768rem 0.41788768rem 0.83577536rem rgba(0, 0, 0, 0.2);}
.games .photo{width: 18.8049457rem; height: 10.447192rem; position: relative; margin-bottom: 0px; background: #000;}
.games .photo img{width: 18.8049457rem; height: 10.447192rem;}
.games .list{clear: both; overflow: hidden; padding-top: 0.2611798rem; margin-top: 0.5223596rem; margin-left: 0rem; margin-bottom: 0.6268315233rem}
/*列表*/
.games .list li{height: 1.46260688rem; line-height: 1.46260688rem; overflow: hidden; font-size: 0.7313034rem; color: #cba641; padding-left: 1.532730530rem; background: url(../images/icon_notice.png)  no-repeat; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #49495c;}
.games .list li a{text-decoration: none; color: #cba641;}
.games .list li a:hover{color: #bb5901;}
.games ._btn_gamedown{float: left; width: 8.3577536rem; height: 2.6117980rem; overflow: hidden; margin-right: 0.7835394rem; margin-left: 0.5223596rem; background: url(../images/_btn_gamedown.png) center/cover no-repeat; text-indent: -9999rem; ;}
.games ._btn_gamedown:hover{background: url(../images/_btn_gamedown_hover.png) no-repeat center;}
.games ._btn_gameweb{float: left; width: 8.3577536rem; height: 2.6117980rem; overflow: hidden; margin-right: 0px; margin-left: 0px; background: url(../images/_btn_gameweb.png) center/cover no-repeat; text-indent: -9999rem; ;}
.games ._btn_gameweb:hover{background: url(../images/_btn_gameweb_hover.png) no-repeat center;}
/*游戏版本*/
.games2{float: left;  width: 18.8049457rem; height: 18.8049457rem; padding-top: 1.0447192rem; padding-bottom: 1.0447192rem; padding-left: 1.0447192rem; padding-right: 1.0447192rem; position: relative; overflow: hidden; background: url(../images/games_bg.png) center/cover no-repeat; margin-left: 1.567078808rem; margin-right: 0px; margin-top: 2.56707880rem;transition: all 0.2s linear;}
.games2:nth-of-type(3n+3){margin-right: 0px}
.games2 .border_top,
.games .border_right,
.games .border_bottom,
.games .border_left{background-color: #fff;}
.games2 .border_top,
.games .border_bottom{height: 0.1567078rem;}
.games2 .border_right,
.games .border_left{width: 0.1567078rem;}
.games2.hover_games{box-shadow: 0.41788768rem 0.41788768rem 0.83577536rem rgba(0, 0, 0, 0.2);}
.games2 .photo{width: 18.8049457rem; height: 10.447192rem;position: relative; margin-bottom: 0px; background: #000;}
.games2 .photo img{width: 18.8049457rem; height: 10.447192rem;}
.games2 .list{clear: both; overflow: hidden;  padding-top: 0.2611798rem; margin-top: 0.5223596rem; margin-left: 0rem; margin-bottom: 0.6268315233rem}
/*列表*/
.games2 .list li{height: 1.46260688rem; line-height: 1.46260688rem; overflow: hidden; font-size: 0.7313034rem; color: #806d56; padding-left: 1.532730530rem; background: url(../images/icon_notice.png)  no-repeat; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #49495c;}
.games2 .list li a{text-decoration: none; color: #806d56;}
.games2 .list li a:hover{color: #bb5901;}
.games2 ._btn_gamedown{float: left; width: 8.3577536rem; height: 2.6117980rem; overflow: hidden; margin-right: 0.7835394rem; margin-left: 0.5223596rem; background: url(../images/_btn_gamedown.png) center/cover no-repeat; text-indent: -9999rem; ;}
.games2 ._btn_gamedown:hover{background: url(../images/_btn_gamedown_hover.png) no-repeat center;}
.games2 ._btn_gameweb{float: left; width: 8.3577536rem; height: 2.6117980rem; overflow: hidden; margin-right: 0px; margin-left: 0px; background: url(../images/_btn_gameweb.png) center/cover no-repeat; text-indent: -9999rem; ;}
.games2 ._btn_gameweb:hover{background: url(../images/_btn_gameweb_hover.png) no-repeat center;}

/*- - - - - - - - 小山设计工作室 www.bailu123.com- - - - - - -*/
/*页尾*/
#footer{width:100%;height: 12.536630rem;position: relative; min-width: 70.51854rem; margin: 0 auto; background: linear-gradient(to bottom,#150e02,#1d0c01); border-top: 0.104471920rem solid #4a3c2a; padding-top: 1.04471920rem; padding-bottom: 1.04471920rem}
#footer .center{width: 70.51854rem;}
/*底部*/
.list_box{; overflow: hidden; color: #426199; padding-bottom: 0px;}
.list_box h2{font-size: 1.14919rem; padding: 0.7835394rem 0 0.5223596rem 0; text-align: center; color: #cba641}
.steward{width: 11.59638318rem; height: 11.491911rem;  background: linear-gradient(to bottom,#321d12,#140802);float: left; text-align: center; border: 1px solid #4a3c2a; margin-left: 1.5670788rem}
.steward img{width: 6.268315rem; height: 6.268315rem;margin-bottom:0.5223596rem}
.steward p{padding-top: 0.41788768rem;color: #e9ddcd;font-size:0.6268315rem}
.steward p a{color: #e9ddcd; text-decoration: underline}
.steward p i{color: #e9ddcd}
.service_box{width: 11.178495499rem; height: 11.49191126155rem; background: linear-gradient(to bottom,#321d12,#140802);; float: left; text-align: center; margin: 0 1.5670788rem; border: 1px solid #4a3c2a;}
.service_box em{font-size: 1.2536630rem; color: #bc9e82; display: block; line-height: 1.671550rem}
.service_box p{font-size: 0.83577536rem; color: #6c5d49; display: block; line-height: 1.671550rem}
.service_box span{width: 9.40247285rem; height: 1.5670788rem; margin: 0.5223596rem auto 1.04471920rem; display: block; border: 1px solid  #6c5d49; line-height: 1.5670788rem; color: #9f8d76}
.service_box a{width: 4.805708rem; height: 1.46260688rem; display: block; margin: 0 auto; background: url(../images/button_public_btn.png) center/cover no-repeat;}
.service_box a:hover{background: url(../images/button_public_btn_hover.png) center/cover no-repeat;}
.service_2{width: 38.654610rem; height: 7.313034439rem; float: left;}
.service_2 .media_box{padding: 0 0 0 0.8880113rem; height: 4.1788768rem; overflow: hidden; margin-bottom: 1.04471920rem}
.service_2 .media_box ul li{height: 1.8282586rem; float: left; margin: 0 0 0.47012364rem 0}
.service_2 .media_box ul li a{width: 4.2833487rem; height:2.40285417rem; display: block; float: left; margin: 0 0 0 0.47012364rem}
.service_2 span{width: 38.654610rem; height: 1.56707880rem; line-height: 1.56707880rem; margin: 0px auto; display: block; ; margin-left:1.04471920rem; color: #a5907d;font-size:0.6268315rem}
.service_2 h2{color: #e8d5c4;}
/*新闻内容区域*/
#Headerbg{width: 100.2930437rem; height: 31.34157616rem; position: relative;margin:0 0 -13.5813496rem 0}
#Headerbg img{width:100%}
#container{width: 68.9514675rem; position: relative; overflow: hidden; margin: 9.40247285rem auto 5.2235960rem auto; padding-top: 1.56707880rem; padding-bottom: 1.56707880rem; padding-left: 1.56707880rem; padding-right: 1.56707880rem; background: #020105; border: 2px solid #a5833c; z-index: 1500;}
#container .icon_jiao{position: absolute;}
#neirong2{margin: 0px 0px 0 0; float: left; width: 68.9514675rem; position: relative; min-height: auto; background-color: #020105; border: 1px solid #705d52; display: inline; z-index: 10; padding-bottom: 2.089438rem}
.content2{width: 1520px; margin: 0 auto; position: relative}

/*位置*/
#Location{height: 2.5595620rem; line-height: 2.5595620rem; position: absolute; font-size: 0.7313034rem; color: #ead2b6; top: 0px; right: 0px; padding-right: 1.5670788rem; z-index: 9999;}
#Location a{color: #ead2b6;}
#Location a:hover{color: #fcbb70;}
/*主标题*/
.MainTitle{padding: 0 1.1491911rem; height: 4.0221689rem; line-height: 2.559562rem; font-weight: normal; background: url(../images/main_titlebg.png) center/cover no-repeat;}
.MainTitle em{font-size: 1.462606rem; color: #ffffff;}
.MainTitle span{font-size: 0.6268315rem; color: #fff;}
#NewsContent{position: relative; margin: -1rem auto 0; padding: 2.0894384rem 0 2.0894384rem;}
#NewsContent .news_title{height: 2.8729778rem; line-height: 2.8729778rem; text-align: center; overflow: hidden; font-size: 1.5670788rem; font-weight: bold; color: #ead2b6; letter-spacing: 1em; border-bottom: 1px solid #705d52; margin-bottom: 1.5670788rem}
#NewsContent .newsValue{height: 1.09695516rem; line-height: 1.09695516rem; text-align: center; overflow: hidden; font-size: 0.7313034439rem; color: #53231b; margin: 0px auto 1.514842848rem auto; padding-bottom: 0px; border-bottom: 1px solid #635332;}
#NewsContent .newsValue dt{display: inline;}
#NewsContent .newsValue dd{margin-right: 1.3058990rem; display: inline;}
#NewsContent .News{width: 61.638433rem; line-height: 2.58; font-size: 0.835775rem; color: #c8b49e; margin: 0 auto; padding: 1.0447192rem 0px 0px 0px;}
#NewsContent .News strong{font-weight: normal; color: #53231b; text-decoration: underline;}
#NewsContent .News a{color: #53231b; text-decoration: underline;}
#NewsContent .News p{text-indent: 0px; margin-bottom: 0.5223596rem; font-size: 0.835775rem}
.News .Newstext{float: left; width: 62.683152rem; ; top: 0.5223596rem; left: 0px; font-family: 'microsoft yahei'; text-decoration: none}
.News .Newstext img{float: left; margin-left: 0.2611798rem; box-shadow: 0 -0.2611798rem 1.2536630rem rgba(0, 0, 0, 0.8); margin-top: 1.0447192rem; margin-bottom: 1.0447192rem}
.News .Newstext p{color: #dcd0b7; margin: 0.2611798rem 0; font-size: 0.7835394rem; line-height: 1.5670788rem;}
.News .Newstext strong{font-color: #dcd0b7; font-size: 0.94024728rem; font-weight: 600;}
.News .Newstext strong2{color: #d90601; font-size: 0.94024728rem; font-weight: 600;}
.News .Newstext h3{color: #cc0000; font-size: 0.835775rem; font-weight: 600;}
.News .Newstext span{color: #ad200b; font-size: 0.94024728rem;}
.News .Newstext em{font-size: 0.78353940rem; color: #df811b;}
.News .Newstext .pic{float: left; width: 100%; text-align: center; margin: 0 auto; margin-top: 1.04471920rem; margin-bottom: 1.04471920rem}
.News .Newstext .pic img{max-width: 90%; ;}
.pagination{float: left; position: relative; height: 3.1341576rem; width: 66.862029rem; padding: 1.04471920rem 0; margin: 0 auto; text-align: center; font-size: 0.73130344rem; color: #755f49; margin-top: 2.6117980rem}
.pagination .pageList-wrap{display: inline-block;}
.pagination .item{width: 3.1341576rem; height: 1.56707880rem; line-height: 1.5670788rem; background: #dedede; cursor: pointer; border-radius: 0.2089438rem; display: inline-block; vertical-align: top; text-align: center; margin: 0 0.15670788rem; user-select: none;}
.pagination .eliplise,
.pagination .item[value]{width: 1.82825860rem;}
.pagination .item[value].active{background: #be4c4d; color: #fff;}
.pagination .item:hover{color: #be4c4d; background: #d2d2d2;}
.pagination .page-list-wrap{display: inline-block;}
.pagination .page-count{height: 1.56707880rem; margin-left: 1.04471920rem; vertical-align: top; line-height: 1.56707880rem; display: inline-block;}
.pagination .page-count_num{margin: 0 0.26117980rem; color: #c0aa94; font-size: 0.940247285rem;}
.pagination .item.disabled{cursor: not-allowed;}
.pagination .item.disabled:hover{color: #98897a; background: #dedede;}

.phototitle{width: 13.05899rem; height: 2.6117980rem; ; line-height: 2.6117980rem; color: #fefefe; font-size: 0.731303rem; text-align: center; background: url(../images/phototitle.png) center/cover no-repeat;  text-indent: -9999rem; ; position: absolute; overflow: hidden; top: -1px; left: 3.917697020rem; z-index: 99}
.photologo img{width: 5.06688814rem; height: 2.71626993rem; line-height: 2.0894384rem; color: #fefefe; font-size: 0.731303rem; text-align: center; text-indent: -9999rem; position: absolute; overflow: hidden; margin-top: -0.6134157rem; margin-left: 14.29029rem; z-index: 888;}
.photodalogo img{width: 10.9695516rem; height: 5.4325398rem; line-height: 2.089438rem; color: #fefefe; font-size: 0.73130344rem; text-align: center; text-indent: -9999rem; position: absolute; overflow: hidden; margin-top: 5.2235960rem; margin-left: 41.788768rem; z-index: 888;}