﻿.rightren{position:absolute;width:285px;height:565px; background: url(../images/ren_bg.png) left top no-repeat; z-index: 3500; right:20px;bottom:0px}
/*页头*/
#topheader{position:relative;height:80px;min-width:1280px;margin:0 auto;background-color:#222325;z-index: 3500; box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);}
#topheader .center{width: 1280px;}


/*顶部*/
#top{width: 100%; line-height: 32px; margin: 0 auto; background: #c7c5c6 url(../images/line_x.jpg) repeat-x left top;}
/*欢迎*/
#welcome{float: left; width: 660px; height: 32px; overflow: hidden;}
#welcome strong{font-weight: normal; color: #ae311d;}
#welcome time{color: #ae311d;}
/*快捷链接*/
#quicklink{float: right; width: 428px; height: 32px;}
#quicklink ul{float: right; margin-right: -8px;}
#quicklink ul li{float: left; color: #333333;}
#quicklink ul li [class^='icon']{margin-right: 3px;}
#quicklink ul li a{color: #6f7f8e; padding-right: 12px; padding-left: 6px; text-decoration: none; display: inline-block;}
#quicklink ul li:hover a{color: #ae311d;}
.icon_function{width: 25px; height: 25px; vertical-align: middle; background: url(../images/icon_function.png) no-repeat left top; display: inline-block;}
.icon_function.icon_function1x1{background-position: 0 0;}
.icon_function.icon_function2x1{background-position: -25px 0;}
.icon_function.icon_function3x1{background-position: -50px 0;}
.icon_function.icon_function4x1{background-position: -75px 0;}
#quicklink li:hover .icon_function.icon_function1x1{background-position: 0 -25px;}
#quicklink li:hover .icon_function.icon_function2x1{background-position: -25px -25px;}
#quicklink li:hover .icon_function.icon_function3x1{background-position: -50px -25px;}
#quicklink li:hover .icon_function.icon_function4x1{background-position: -75px -25px;}
		/*网站标志*/
		#logo{float:left;width:83px;height:80px;margin-top:0px;margin-right:150px;margin-left:3px;}
		#logo a{display:block;}
		/*菜单*/
		#menu{float:right;width:720px;height:80px;}
		#menu ul{float:right;}
		#menu ul li{float:left;text-align:center;font-size:16px;background:url() no-repeat right top;}
		#menu ul li a{width:120px;line-height:20px;color:#a8a8aa;padding-top:30px;padding-bottom:10px;text-decoration:none;display:block;transition:none;}
		#menu ul li a span{line-height:15px;font-size:12px;color:#676769;display:block;transition:none;}
		#menu ul li.change a,#menu ul li a:hover{color:#f27b00;}
		#menu ul li.change a span,#menu ul li a:hover span{color:#f27b00;}
		
		#menu ul a:nth-child(1){width: 120px;  background: url() no-repeat left top;}
		#menu ul a:nth-child(1):hover{width: 120px; background: url() no-repeat left top;}
		#menu ul a:nth-child(2){width: 120px;  background: url() no-repeat left top;}
		#menu ul a:nth-child(2):hover{width: 120px; background: url() no-repeat left top;}
		#menu ul a:nth-child(3){width: 120px;  background: url() no-repeat left top;}
		#menu ul a:nth-child(3):hover{width: 120px; background: url() no-repeat left top;}
		#menu ul a:nth-child(4){width: 120px;  background: url() no-repeat left top;}
		#menu ul a:nth-child(4):hover{width: 120px; background: url() no-repeat left top;}
		#menu ul a:nth-child(5){width: 120px;  background: url(..) no-repeat left top;}
		#menu ul a:nth-child(5):hover{width: 120px; background: url() no-repeat left top;}
		#menu ul a:nth-child(6){width: 120px;  background: url(..) no-repeat left top;}
		#menu ul a:nth-child(6):hover{width: 120px; background: url() no-repeat left top;}	

	/*广告*/
	#banner{height:700px;position:relative;margin:0 auto;background:  no-repeat center top; overflow:hidden; text-align:center;}
	#banner img{height:100%;}
	/*图片轮播样式*/
	#banner .conbox{width:9999em;position:absolute;overflow:hidden;}
	#banner .conbox .Slide_{float:left;width:100%;text-align:center;position:relative;overflow:hidden;}
	#banner .conbox .Slide_ img.mainpic{height:100%;margin:0 auto;display:block;}
	#banner .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:50px;z-index:99;}
	#banner .switcher a{width:30px;height:12px;line-height:0px;text-align:center;overflow:hidden;font-size:0px;font-family:arial;color:#323232;margin-left:10px;background-color:#666;border-radius:10px;cursor:pointer;display:inline-block;}
	#banner .switcher a.cur,#banner .switcher a:hover{color:#fff;background-color:#FFF;}
	#banner ._slider_next,#banner ._slider_prev{width:26px;height:100%;position:absolute;z-index:80;top:0px;}
	#banner ._slider_prev span,#banner ._slider_next span{width:26px;height:48px;position:absolute;top:50%;margin-top:-27px;background-repeat:no-repeat;scrollbar-width: none;}
	#banner ._slider_prev{left:4%;}
	#banner ._slider_prev:hover{background-position:left top;}
	#banner ._slider_prev:hover span{background-position:left bottom;}
	#banner ._slider_next{right:4%;}
	#banner ._slider_next span{background-position:right top;}
	#banner ._slider_next:hover span{background-position:right bottom;}



bg-v{position: relative; left: 0; width: 100%; height: 1000px; overflow: hidden; min-width: 1200px;}
.bg-v .video{width: 1920px; height: 1000px; position: absolute; z-index: 0; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bg-v video{position: absolute; left: 50%; transform: translateX(-50%);}
.clearfix{zoom: 1}
.content{width: 1300px; margin: 0 auto; position: relative}
.Download{width: 350px; height: 500px; position: absolute; z-index: 9999; top: 500px; left: 12px; text-indent: -9999rem;}
.topquicklink{width: 980px; height: 330px; position: absolute; ; z-index: 9999; top: 800px; left: 360px; overflow: hidden;}
.topquicklink .Down_link{float: left; position: relative; width: 300px; height: 190px; ; z-index: 9999; ; margin-left: 12px; text-indent: -9999rem;}
.topquicklink .QR_ewm{float: right; position: relative; width: 218px; height: 265px; ; z-index: 9999;}
.topquicklink .QR_ewm img{float: left; width: 165px; height: 165px; margin: 24px 0 0 28px}
.microHei{font-family: "Microsoft YaHei"}
.mt-content{height: 700px; position: relative; background: url(../images/bg_02.jpg) no-repeat center top; border-radius: 0px; margin: 0 auto; padding-top: 0px}
.mt-content .myVideo{width:1920px;height:700px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}

.mt-content .Game{width: 852px; margin: 0 auto; padding-top: 148px;}
.mt-content .Game img{position:absolute;float:left;width: 850px; height: 420px;margin-left:1px;margin-top:90px; z-index:99;border: 1px solid #7d6504;}
.md-content{height: auto; position: relative; padding-top: 0px; padding-bottom: 0px; background: url(../images/bg_03.jpg) no-repeat center top; border-radius: 0px; margin: 0 auto;}
.md-content .GameVer{width: 1300px; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; margin-top: 0px}
.md-content .RecommendGame{width: 1300px; margin: 0 auto; padding-top: 0px; padding-bottom: 60px;}
/*选项*/
.md-content .Game-title{width: 1280px; height: 90px; line-height: 90px; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; padding-left: 120px; margin-bottom: 60px}
.md-content .Game-title .Game-tab{float: left; width: 770px; height: 45px; margin-top: 50px; overflow: hidden;}
.md-content .Game-title .Game-search{float: left; width: 400px; height: 42px; margin-top: 45px; overflow: hidden;}
/*nav*/
#tabs{margin-right: 100px;}
#tabs li{float: left; font-size: 14px; height: 30px; line-height: 30px; ; position: relative; margin-right: 15px;}
#tabs li a{display: block; height: 30px; ; z-index: 2; padding: 0px 10px; color: #fefefe; width: 40px; border: 1px solid #a4948c; border-radius: 5px; 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: 5px;}
.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: -12px; position: absolute; top: 10px; width: 24px;}
.zySearch .search-input{color: #999; border: 0px solid #D0D0D0; height: 35px; line-height: 35px; margin-right: 5px; padding: 0 10px; width: 335px;}
.zySearch .search-btn{; text-indent: -9999rem; ; cursor: pointer; height: 40px; ; width: 50px; ; display: inline-block; position: relative; background: url(../images/search.png) no-repeat center;}
/*推荐游戏*/
.Tj_games{float: left; width: 325px; height: 343px; padding-top: 18px; padding-bottom: 30px; padding-left: 25px; padding-right: 25px; position: relative; overflow: hidden; margin-left: 0px; margin-right: 60px; margin-top: 10px; transition: all 0.2s linear;}
.Tj_games:nth-of-type(3n+3){margin-right: 0px}
.Tj_games .photo{width: 850px; height: 420px; position: relative; margin-bottom: 0px; background: #000;}
.Tj_games .photo img{width: 850px; height: 420px;background: #fff;}
.Tj_games .list{clear: both; overflow: hidden; padding-top: 5px; margin-top: 20px; margin-left: -20px}
/*列表*/
.Tj_games .list li{height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #806d56; padding-left: 37px; background: url(../images/icon_notice.png) no-repeat 9px center; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #38322b;}
.Tj_games .list li a{text-decoration: none; color: #806d56;}
.Tj_games .list li a:hover{color: #bb5901;}
.Tj_games ._btn_down{float: left; width: 160px; height: 60px; overflow: hidden; margin-right: 5px; margin-left: 0px; background: url(../images/_btn_down.png) no-repeat center; text-indent: -9999rem; ;}
.Tj_games ._btn_down:hover{background: url(../images/_btn_down_hover.png) no-repeat center;}
.Tj_games ._btn_web{float: left; width: 160px; height: 60px; overflow: hidden; margin-right: 0px; margin-left: 0px; background: url(../images/_btn_web.png) no-repeat center; text-indent: -9999rem; ;}
.Tj_games ._btn_web:hover{background: url(../images/_btn_web_hover.png) no-repeat center;}
/*游戏版本*/
.games{float: left; width: 345px; height: 350px; padding-top: 45px; padding-bottom: 30px; padding-left: 23px; padding-right: 32px; position: relative; overflow: hidden; background: url(../images/games_bg.png) no-repeat center top; margin-left: 15px; margin-right: 25px; margin-top: 20px; margin-bottom: 30px;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: 3px;}
.games .border_right,
.games .border_left{width: 3px;}
.games.hover_games{box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.2);}
.games .photo{width: 355px; height: 195px; position: relative; margin-bottom: 10px; background: #000;}
.games .photo img{width: 355px; height: 195px;}
.games .list{clear: both; overflow: hidden; padding-top: 5px; margin-top: 5px; margin-left: -10px; margin-bottom: 25px}
/*列表*/
.games .list li{height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #fcfcfb; padding-left: 37px; background: url(../images/icon_notice.png) no-repeat 9px center; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0px dashed #d9d5d6;}
.games .list li span{text-decoration: none; color: #fcfcfb;}
.games .list li span:hover{color: #fff;}
.games ._btn_gamedown{float: left; width: 160px; height: 50px; overflow: hidden; margin-right: 15px; margin-left: 10px; background: url(../images/_btn_gamedown.png) no-repeat center; text-indent: -9999rem; ;}
.games ._btn_gamedown:hover{background: url(../images/_btn_gamedown_hover.png) no-repeat center;}
.games ._btn_gameweb{float: left; width: 160px; height: 50px; overflow: hidden; margin-right: 0px; margin-left: 0px; background: url(../images/_btn_gameweb.png) no-repeat center; text-indent: -9999rem; ;}
.games ._btn_gameweb:hover{background: url(../images/_btn_gameweb_hover.png) no-repeat center;}
/*游戏版本*/
.games2{float: left; width: 360px; height: 360px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; position: relative; overflow: hidden; background: url(../images/games_bg.png) no-repeat center top; margin-left: 30px; margin-right: 0px; margin-top: 30px; 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: 3px;}
.games2 .border_right,
.games .border_left{width: 3px;}
.games2.hover_games{box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.2);}
.games2 .photo{width: 360px; height: 200px; position: relative; margin-bottom: 0px; background: #000;}
.games2 .photo img{width: 360px; height: 200px;}
.games2 .list{clear: both; overflow: hidden; padding-top: 5px; margin-top: 10px; margin-left: 0px; margin-bottom: 12px}
/*列表*/
.games2 .list li{height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #912702; padding-left: 37px; background: url(../images/icon_notice.png) no-repeat 9px center; 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: 160px; height: 50px; overflow: hidden; margin-right: 15px; margin-left: 10px; background: url(../images/_btn_gamedown.png) no-repeat center; text-indent: -9999rem; ;}
.games2 ._btn_gamedown:hover{background: url(../images/_btn_gamedown_hover.png) no-repeat center;}
.games2 ._btn_gameweb{float: left; width: 160px; height: 50px; overflow: hidden; margin-right: 0px; margin-left: 0px; background: url(../images/_btn_gameweb.png) no-repeat center; text-indent: -9999rem; ;}
.games2 ._btn_gameweb:hover{background: url(../images/_btn_gameweb_hover.png) no-repeat center;}
/*- - - - - - - - 小山设计工作室 www.bailu123.com- - - - - - -*/
/*页尾*/
#footer{min-width: 1300px; height: 180px; margin: 0 auto; background: linear-gradient(to bottom,#151515,#000);; border-top: 2px solid #4a3c2a; padding-top: 20px; padding-bottom: 10px}
#footer .center{padding-top: 35px;}
/*底部*/
.list_box{color: #37456b; padding-bottom: 0px;}
.list_box h2{font-size: 18px; padding: 10px 0 5px 0; text-align: center; color: #f5e5d0}
.steward{width: 130px; height: 163px; background: url(../images/service_box_bg.png) no-repeat left top; background-size:100% 100%; float: left; text-align: center; border: 0px solid #4d1708; margin-left: 10px}
.steward img{width:  118px; height: 118px}
.steward p{padding-top: 8px}
.steward p a{color: #69200d; text-decoration: underline}
.steward p i{color: #69200d}
.service_box{width: 170px; height: 170px; background: url(../images/service_box_bg.png) no-repeat left top; background-size:100% 100%;float: left; text-align: center; margin: 0 10px; border: 0px solid #4d1708;}
.service_box em{font-size: 24px; color: #d9dcff; display: block; line-height: 32px}
.service_box p{font-size: 16px; color: #6c5d49; display: block; line-height: 32px}
.service_box span{width: 180px; height: 30px; margin: 10px auto 20px; display: block; border: 1px solid  #6c5d49; line-height: 30px; color: #9f8d76}
.service_box a{width: 92px; height: 28px; display: block; margin: 0 auto; background: url(../images/button_public.png) no-repeat -322px -90px}
.service_box a:hover{background-position: -322px -119px}
.service_2{height: 170px; float: left;}
.service_2 .media_box{padding: 0 0 0 17px; height: 80px; overflow: hidden; margin-bottom: 20px}
.service_2 .media_box ul li{height: 35px; float: left; margin: 0 0 9px 0}
.service_2 .media_box ul li a{width: 82px height:46px; display: block; float: left; margin: 0 0 0 10px}
.service_2 span{height: 30px; line-height: 30px; margin: 0px auto; display: block; ; margin-left: 20px; color: #6e6453;}
.service_2 h2{color: #aa864c;}
/*新闻内容区域*/
#Headerbg{margin: 0px auto -290px -960px; width: 1920px; height: 600px; position: relative; left: 50%;}
#container{width: 1320px; position: relative; overflow: hidden; margin: 0px auto 50px auto; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background: #020105; border: 2px solid #a5833c; z-index: 1500;}
#container .icon_jiao{position: absolute;}
#neirong2{margin: 0px 0px 0 0; float: left; width: 1320px; position: relative; min-height: auto; background-color: #020105; border: 1px solid #705d52; display: inline; z-index: 10; padding-bottom: 40px}
.icon_jiao{width: 48px; height: 70px; background: url(../images/icon_jiao.png) no-repeat left top; display: inline-block;}
.icon_jiao.icon_jiao1x1{right: 0px; bottom: 0px; background-position: 0 0;}
.icon_jiao.icon_jiao1x2{top: 0px; right: 0px; background-position: 0 -70px;}
.icon_jiao.icon_jiao2x1{bottom: 0px; left: 0px; background-position: -48px 0;}
.icon_jiao.icon_jiao2x2{top: 0px; left: 0px; background-position: -48px -70px;}
/*位置*/
#Location{height: 49px; line-height: 49px; position: absolute; font-size: 14px; color: #ead2b6; top: 0px; right: 0px; padding-right: 30px; z-index: 9999;}
#Location a{color: #ead2b6;}
#Location a:hover{color: #fcbb70;}
/*主标题*/
.MainTitle{padding: 0 22px; height: 77px; line-height: 49px; font-weight: normal; background: url(../images/main_titlebg.png) no-repeat left top;}
.MainTitle em{font-size: 28px; color: #ffffff;}
.MainTitle span{font-size: 12px; color: #fff;}
#NewsContent{position: relative; margin: -19px auto 0; padding: 40px 0 30px;}
#NewsContent .news_title{height: 55px; line-height: 55px; text-align: center; overflow: hidden; font-size: 30px; font-weight: bold; color: #ead2b6; letter-spacing: 1em; border-bottom: 1px solid #705d52; margin-bottom: 30px}
#NewsContent .newsValue{height: 21px; line-height: 21px; text-align: center; overflow: hidden; font-size: 14px; color: #53231b; margin: 0px auto 29px auto; padding-bottom: 0px; border-bottom: 1px solid #635332;}
#NewsContent .newsValue dt{display: inline;}
#NewsContent .newsValue dd{margin-right: 25px; display: inline;}
#NewsContent .News{width: 1180px; line-height: 2.58; font-size: 16px; color: #c8b49e; margin: 0 auto; padding: 20px 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: 10px; font-size: 16px}
.News .Newstext{float: left; width: 1200px; ; top: 10px; left: 0px; font-family: 'microsoft yahei'; text-align: center;text-decoration: none}
.News .Newstext img{float: left; margin-left: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8); margin-top: 0px; margin-bottom: 0px}
.News .Newstext p{color: #dcd0b7; margin: 5px 0; font-size: 15px; line-height: 30px;}
.News .Newstext strong{font-color: #dcd0b7; font-size: 18px; font-weight: 600;}
.News .Newstext strong2{color: #d90601; font-size: 18px; font-weight: 600;}
.News .Newstext h3{color: #cc0000; font-size: 16px; font-weight: 600;}
.News .Newstext span{color: #ad200b; font-size: 18px;}
.News .Newstext em{font-size: 15px; color: #df811b;}
.News .Newstext .pic{position: relative; margin: 0 auto;display: flex; align-items: center; flex-wrap:nowrap; flex-direction:column; flex-wrap:wrap;  flex-direction:row; }
.News .Newstext .pic_m {float: left; width: 220px; height: 270px; background-size:100% 100%; border: 0px solid #4d1708; text-align: center; margin: 0 auto; margin-left: 30px; margin-bottom: 10px}
.News .Newstext .pic_m img{width:  220px; height: 220px;}
.News .Newstext .pic_m p{padding-top: 8px}
.News .Newstext .pic_m p a{color: #69200d; text-decoration: underline}
.News .Newstext .pic_m p i{color: #69200d}






.pagination{float: left; position: relative; height: 60px; width: 1280px; padding: 20px 0; margin: 0 auto; text-align: center; font-size: 14px; color: #755f49; margin-top: 50px}
.pagination .pageList-wrap{display: inline-block;}
.pagination .item{width: 60px; height: 30px; line-height: 30px; background: #dedede; cursor: pointer; border-radius: 4px; display: inline-block; vertical-align: top; text-align: center; margin: 0 3px; user-select: none;}
.pagination .eliplise,
.pagination .item[value]{width: 35px;}
.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: 30px; margin-left: 20px; vertical-align: top; line-height: 30px; display: inline-block;}
.pagination .page-count_num{margin: 0 5px; color: #c0aa94; font-size: 18px;}
.pagination .item.disabled{cursor: not-allowed;}
.pagination .item.disabled:hover{color: #98897a; background: #dedede;}

.phototitle{width: 250px; height: 50px; ; line-height: 50px; color: #fefefe; font-size: 14px; text-align: center; background: url(../images/phototitle.png) no-repeat top center;  text-indent: -9999rem; ; position: absolute; overflow: hidden; top: -1px; left: 75px; z-index: 99}
.photologo{}
.photologo img {
    width: 97px;
    height: 52px;
    line-height: 40px;
    color: #fefefe;
    font-size: 14px;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    margin-top: -6px;
    margin-left: 264px;
    z-index: 888;
}
.photodalogo{}
.photodalogo img {
    width: 210px;
    height: 104px;
    line-height: 40px;
    color: #fefefe;
    font-size: 14px;
    text-align: center;
    text-indent: -9999rem;
    position: absolute;
    overflow: hidden;
    margin-top: 100px;
    margin-left: 800px;
    z-index: 888;
}