/*- - - - - - - - -小山设计工作室 www.bailu123.com 设计制作 - - - - - - - -*/
/*页头*/
#topheader{height: 75px; position: relative; min-width: 1280px; margin: 0 auto; background: url(../images/header_bg.png) repeat-x left top; ; z-index: 999999; 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: 500px; height: 70px; margin-top: 2px;}
#logo img{width: 500px; height: 70px;}
/*菜单*/
#menu{float: right; width: 700px; margin-top: 0px; right: 0px}
#menu ul{float: right; margin-right: -16px;}
#menu ul li{float: left; margin-left: 12px;}
#menu ul a{float: left; width: 120px; height: 75px; text-indent: -9999rem;}
#menu ul a:nth-child(1){width: 130px; height: 75px; background: url(../images/top_btn_01.png) no-repeat left top;}
#menu ul a:nth-child(1):hover{width: 130px; height: 75px; background: url(../images/top_btn_01_hover.png) no-repeat left top;}
#menu ul a:nth-child(2){width: 130px; height: 75px; background: url(../images/top_btn_02.png) no-repeat left top;}
#menu ul a:nth-child(2):hover{width: 130px; height: 75px; background: url(../images/top_btn_02_hover.png) no-repeat left top;}
#menu ul a:nth-child(3){width: 130px; height: 75px; background: url(../images/top_btn_03.png) no-repeat left top;}
#menu ul a:nth-child(3):hover{width: 130px; height: 75px; background: url(../images/top_btn_03_hover.png) no-repeat left top;}
#menu ul a:nth-child(4){width: 130px; height: 75px; background: url(../images/top_btn_04.png) no-repeat left top;}
#menu ul a:nth-child(4):hover{width: 130px; height: 75px; background: url(../images/top_btn_04_hover.png) no-repeat left top;}
#menu ul a:nth-child(5){width: 130px; height: 75px; background: url(../images/top_btn_05.png) no-repeat left top;}
#menu ul a:nth-child(5):hover{width: 130px; height: 75px; background: url(../images/top_btn_05_hover.png) no-repeat left top;}
#menu ul a:nth-child(6){width: 130px; height: 75px; background: url(../images/top_btn_06.png) no-repeat left top;}
#menu ul a:nth-child(6):hover{width: 130px; height: 75px; background: url(../images/top_btn_06_hover.png) no-repeat left top;}
#menu ul a:nth-child(7){width: 130px; height: 75px; background: url(../images/top_btn_07.png) no-repeat left top;}
#menu ul a:nth-child(7):hover{width: 130px; height: 75px; background: url(../images/top_btn_07_hover.png) no-repeat left top;}
#menu ul a:nth-child(8){width: 130px; height: 75px; background: url(../images/top_btn_08.png) no-repeat left top;}
#menu ul a:nth-child(8):hover{width: 130px; height: 75px; background: url(../images/top_btn_08_hover.png) no-repeat left top;}
#Version{width: 100%; height: 1080px; position: relative; overflow: hidden;}
#Header{margin: 0px auto -290px -961px; width: 1920px; height: 1080px; position: absolute; left: 50%;}
bg-v{position: relative; left: 0; width: 100%; height: 1080px; overflow: hidden; min-width: 1200px;}
.bg-v .video{width: 1920px; height: 1080px; 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: 430px; height: 165px; position: absolute; z-index: 9999; top: 310px; left: 25px; text-indent: -9999rem;}
.topquicklink{width: 1350px; height: 265px; position: absolute; ; z-index: 9999; top: 550px; left: 0px; overflow: hidden;}
.topquicklink .Down_link{float: left; position: relative; width: 240px; height: 150px; ; z-index: 9999; ; margin-right: 30px;margin-top:115px; text-indent: -9999rem; }
.topquicklink .QR_ewm{float: left; position: relative; width: 240px; height: 265px; ; z-index: 9999;}
.topquicklink .QR_ewm img{float: left; width: 160px; height: 160px; margin: 70px 0px 0 25px}
.microHei{font-family: "Microsoft YaHei"}

.Tp-content{height: auto; position: relative; padding-top: 0px; padding-bottom: 100px;  border-radius: 0px; margin: -580px auto 0;z-index:9999}
.Tp-content .GameVer{width: 1300px; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; margin-top: 0px}
.Tp-content .Game-title01{width: 1300px; height: 85px; line-height: 85px; position: relative; overflow: hidden; margin: 0 auto; z-index: 15000; padding-left: 0px; margin-bottom: 20px;z-index: 9999;}

/*游戏版本*/
.games{float: left; width: 380px; height: 340px; padding-top: 15px; padding-bottom: 30px; padding-left: 17px; padding-right: 13px; position: relative; overflow: hidden; background: url(../images/games_bg.png) no-repeat center top; margin-left: 10px; margin-right: 10px; margin-top: 20px; 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: 375px; height: 220px; position: relative; margin-bottom: 10px; background: #000;}
.games .photo img{width: 375px; height: 220px;}
.games h2{height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; color: #cea426; font-weight:bold; margin-bottom: 8px ;margin-left:5px}
.games .list{clear: both; overflow: hidden; padding-top: 0px; margin-top: 0px; margin-left: -5px; margin-bottom: 10px}
/*列表*/
.games .list li{height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #e9dacb; padding-left: 37px; background: url(../images/icon_notice.png) no-repeat 9px center; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0px dashed #4a2517;}
.games .list li a{text-decoration: none; color: #e9dacb;}
.games .list li a:hover{color: #bb5901;}
.games ._btn01{float: left; width: 120px; height: 36px; overflow: hidden; margin-right: 5px; margin-left: 2px; background: url(../images/btnbg01.png) no-repeat center; text-indent: -9999rem; ;}
.games ._btn01:hover{background: url(../images/btnbg01_hover.png) no-repeat center;}
.games ._btn02{float: left; width: 120px; height: 36px; overflow: hidden; margin-right: 5px; margin-left: 0px; background: url(../images/btnbg02.png) no-repeat center; text-indent: -9999rem; ;}
.games ._btn02:hover{background: url(../images/btnbg02_hover.png) no-repeat center;}
.games ._btn03{float: left; width: 120px; height: 36px; overflow: hidden; margin-right: 5px; margin-left: 0px; background: url(../images/btnbg03.png) no-repeat center; text-indent: -9999rem; ;}
.games ._btn03:hover{background: url(../images/btnbg03_hover.png) no-repeat center;}


/*页尾*/
#footer{min-width: 1280px; height: 240px; margin: 0 auto; background-color: #ddcdb6; border-top: 0px solid #614c3e; padding-top: 20px; padding-bottom: 20px}
#footer .center{padding-top: 35px;}
.m-main-strategy{ position: absolute; width: 720px; margin-top: 0px;left:560px}
.m-main-strategy h3{*zoom: 1;}
.m-main-strategy h3:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.m-main-strategy h3 .title{float: left; display: inline-block; font-size: 14px; font-weight: bold; color: #26120c;}
.m-main-strategy h3 .line{float: right; display: inline-block; width: 650px; height: 1px; margin-top: 9px; background-color: #26120c; vertical-align: middle;}
.m-main-strategy .mms-nav{*zoom: 1; margin-top: 6px; height: 94px;}
.m-main-strategy .mms-nav:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.m-main-strategy .mms-nav .item{float: left; margin: 10px 0px 0 10px; width: 134px; height: 36px; box-sizing: border-box; border: 1px solid #26120c;}
.m-main-strategy .mms-nav .item a{display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #26120c; text-align: center;}
.m-main-strategy .mms-nav .item a:before{float:left;margin-top:11px;content: ''; display: inline-block; margin-left: 10px; background: url(../images/item_icon.png) no-repeat top center; ; width: 13px; height: 13px;}
.m-main-strategy h4{float: left; display: inline-block; margin-top:30px;margin-left:10px}
.m-main-strategy h4 .title{float: left; display: inline-block; font-size: 12px; color: #26120c;margin-bottom:10px}
.m-main-strategy .mms-nav .item:hover{border: 1px solid #f2aa4d;background:#b39467}
/*底部*/
.list_box{; overflow: hidden; color: #37456b; padding-bottom: 0px;}
.list_box h2{font-size: 22px; padding: 15px 0 15px 0; text-align: center; color: #f5e5d0}
.steward{width: 220px; height: 220px; background: url(../images/service_box_bg.png) no-repeat left top; ; float: left; text-align: center; border: 0px solid #4d1708; margin-left: 30px}
.steward img{width: 140px; height: 140px}
.steward p{padding-top: 8px}
.steward p a{color: #69200d; text-decoration: underline}
.steward p i{color: #69200d}
.service_box{width: 220px; height: 220px; background: url(../images/service_box_bg.png) no-repeat left top; float: left; text-align: center; margin: 0 30px; border: 0px solid #4d1708;}
.service_box em{font-size: 24px; color: #69200d; display: block; line-height: 32px}
.service_box p{font-size: 16px; color: #69200d; display: block; line-height: 32px}
.service_box span{width: 180px; height: 30px; margin: 10px auto; display: block; box-shadow: 0 0 5px #d2daeb; line-height: 30px; color: #69200d}
.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{width: 740px; height: 140px; float: right; }
.service_2 h2{font-size: 22px; padding: 15px 0 10px 0; text-align: center; color: #281009}
.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{width: 740px; height: 30px; line-height: 30px; margin: 0px auto; display: block; box-shadow: 0 0 0px #d2daeb; margin-left: 20px; color: #281009;}

/*新闻内容区域*/
#Headerbg{margin: 0px auto -300px -961px; width: 1920px; height: 800px; position: relative; left: 50%;}
#container{width: 1320px; position: relative; overflow: hidden; margin: 0px auto 100px auto; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background: url(../images/bluebg.png) repeat left top; border: 2px solid #61564b; 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: #1f1a17; 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-decoration: none}
.News .Newstext a img{width:100%;margin:0 auto; box-shadow: 0 -5px 24px rgba(0, 0, 0, 0.8); margin-top: 40px; margin-bottom: 40px; }
.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{float: left; width: 100%; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px}
.News .Newstext .pic img{max-width: 90%; ;}
.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;}



/*浮动条*/
#Floatingbar{width:192px;height:557px;position:fixed;top:50%;right:0px;margin-top:-300px;margin-bottom:80px;padding-right:0px;padding-left:48px;background-color:#d7caba;z-index:12500;background:url(../Float/Floatingbar.png) no-repeat left top;padding-top:143px}
.kefuList{margin-bottom:11px;}
.kefuList li{width:145px;line-height:40px;font-size:15px;border-bottom:0px solid #755853;transition:all 0.2s linear;margin-bottom:18px}
.kefuList li:hover{position:relative;margin-right:-7px;margin-left:-7px;}
.kefuList li a{padding-top:0px;padding-bottom:8px;padding-left:6px;text-decoration:none;display:block;;color:#fdd7a8}
.kefuList li  em{line-height:18px;overflow:hidden;font-size:12px;color:#d5b003;text-overflow:ellipsis;white-space:nowrap;display:block;}
.kefuList li .userphoto{float:left;width:50px;height:50px;overflow:hidden;margin-right:10px;border-radius:25%;margin-top:10px}
.kefuList li .userphoto img{width:50px;height:50px;}
.kefuList li .userphoto .userphoto imgstrong{font-weight:bold;}

#Floatingbar .morebtn{float:left;width:145px;height:40px;text-indent: -9999rem;margin-top:8px;margin-bottom:40px}

.kefuLink{margin-bottom:20px;margin-left:20px}
.kefuLink li{width:135px;line-height:20px;font-size:15px;border-bottom:0px solid #755853;transition:all 0.2s linear;margin-bottom:10px;color:#f7e4c9}
.kefuLink li a{padding-top:4px;padding-bottom:4px;padding-left:0px;text-decoration:none;display:block;;color:#f7e4c9}
.kefuLink li .Linkphoto{float:left;width:20px;height:20px;overflow:hidden;margin-right:10px;}
.kefuLink li .Linkphoto img{width:20px;height:20px;}
.kefuLink li .Linkphoto .userphoto imgstrong{font-weight:bold;}
.kefuLink li em{line-height:18px;overflow:hidden;font-size:12px;color:#f7e4c9;text-overflow:ellipsis;white-space:nowrap;display:block;}

#Floatingbar .erweima{text-align:center;padding-bottom:12px;}
#Floatingbar .erweima .photo{width:100px;height:100px;position:relative;overflow:hidden;padding:5px;background-color:#2a100b;margin-left:16px;margin-bottom:15px}
#Floatingbar .erweima .photo img{width:100%;height:100%;display:block;}
#Floatingbar .erweima strong{line-height:16px;font-size:14px;font-weight:500;display:block;font-family:'Microsoft YaHei';color:#fbcf00;margin-left:-45px;margin-top:5px}
#Floatingbar .btn_backtop{width:147px;height:53px;line-height:53px;text-align:center;position:absolute;font-size:14px;top:100%;left:15px;font-weight:bold;color:#051b37}
#Floatingbar .btn_backtop:hover{color:#e5f900;text-decoration:none;}
#Floatingbar .btn_openhide{width:16px;line-height:18px;text-align:center;position:absolute;font-size:13px;color:#fff;top:0px;right:100%;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;background-color:#9c3d1d;text-decoration:none;}
#Floatingbar .btn_openhide:hover{background-color:#e15222;}
#Floatingbar .btn_retract:hover{background-color:#ce4920;}


/* 自定义弹窗样式 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 20000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #1f1a17;
    border: 2px solid #cea426;
    width: 800px;
    max-width: 90%;
    padding: 30px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    color: #e9dacb;
    font-family: "Microsoft YaHei", sans-serif;
}

.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #cea426;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}

.close-modal:hover {
    color: #fff;
}

#modalTitle {
    font-size: 24px;
    color: #cea426;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #705d52;
    padding-bottom: 10px;
    font-weight: bold;
}

#modalBody {
    font-size: 16px;
    line-height: 1.8;
}

#modalBody p {
    margin-bottom: 15px;
}