@charset "utf-8";

body ,html{background: #EEEEEE;background-repeat:no-repeat;background-position:center 40px;min-width: 1200px;}
a:hover{text-decoration: none;}
.wrap_top{padding-top:640px}
.mtop10{margin-top:10px}
.mtop15{margin-top:15px}
.mtop20{margin-top:20px}
.mtop25{margin-top:25px}
.mtop30{margin-top:30px}
.mleft20{margin-left:20px}
.wrap1200{position: relative;}
.wrap280{width:280px}
.wrap910{width:910px}

.header-game-logo{position: absolute;left:50%;top:75px;width:350px;height:180px;margin-left:-600px;}

.gameInfoBox{height:620px;background:#fff;padding:20px;}
.gameInfoBox .info-item .game-ico{width:120px;height:120px;background-size: 100% 100%;}
.gameInfoBox .info-item .game-info{margin-left:15px;width:490px;}
.gameInfoBox .info-item .game-info .gname{font-size:22px;color:#333333;}
.gameInfoBox .info-item .game-info .ginfo{font-size:13px;color:#666666;margin-top:8px;height:42px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.gameInfoBox .info-item .game-info .play-list .play-pc, .gameInfoBox .info-item .game-info .play-list .play-mobile{height:42px;text-align:center;line-height:42px;font-size:15px;color:#ffffff;margin-right:10px;cursor:pointer;}
.gameInfoBox .info-item .game-info .play-list .play-pc{background:#333333 url(../images/pc_ico.png) no-repeat 25px center;padding:0 25px 0 65px;}
.gameInfoBox .info-item .game-info .play-list .play-mobile{background:#333333 url(../images/mobile_ico.png) no-repeat 25px center;padding:0 30px 0 60px;position:relative;}
.gameInfoBox .info-item .game-info .play-list .play-pc:hover, .gameInfoBox .info-item .game-info .play-list .play-mobile:hover{background-color:#FF5500;}

.gameInfoBox .info-item .game-info .play-list .code-img{position:absolute;border:1px solid #D8D8D8;padding:3px;bottom:42px;left:0;background:#fff;margin-left:-4px;overflow: hidden;height: 0;display:none;}
.gameInfoBox .info-item .game-info .play-list .code-img:after{content:"";display:inline-block;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;position:absolute;left:50%;bottom:-8px}
.gameInfoBox .info-item .game-info .play-list .code-img:before{content:"";display:inline-block;width:0;height:0;border:9px solid transparent;border-top-color:#DADADA;border-bottom:0;position:absolute;left:50%;bottom:-10px;margin-left:-1px}
.gameInfoBox .info-item .game-info .play-list .code-img img{width:150px;height:150px}
.gameInfoBox .info-item .game-info .play-list .code-img .txt{font-size:13px;color:#666;height:16px;line-height:16px;text-align: center;}
.gameInfoBox .info-item .game-info .play-list .code-img .txt em{display:inline-block;margin-right:5px;vertical-align: top;background:url(/Public/Common/images/gamelogin/model.png) no-repeat;width:16px;height:16px;}
.gameInfoBox .info-item .game-info .play-list .code-img .txt em.ios_ico{background-position:0 0;}
.gameInfoBox .info-item .game-info .play-list .code-img .txt em.android_ico{background-position:-21px 0;}

.gameInfoBox .info-item .mobile-code-box{height:120px;width:240px;background: url(../images/code_arraw.png) no-repeat 75px 55px;position:relative;}
.gameInfoBox .info-item .mobile-code-box .text{color:#666666;font-size:12px;position:absolute;left:10px;bottom:5px;}
.gameInfoBox .info-item .mobile-code-box img{display: block;width:120px;height:120px;margin-left:120px;}
.gameInfoBox .info-item .mobile-code-box .scanning{display: block;width:110px;height:21px;background:url(../images/code_bj_sm.png) no-repeat;position: absolute;top:0px;right:5px;z-index: 1;-webkit-animation:code-scanning 2s linear infinite;animation:code-scanning 2s linear infinite;}
@-webkit-keyframes code-scanning {
	from {top:0px;}
	to {top:90px;}
}
@keyframes code-scanning {
	from {top:0px;}
	to {top:90px;}
}

.game-image-wrap{overflow: hidden; position: relative;width:100%;height:480px;margin-top:20px;}
.game-image-wrap ul{height: 480px;}
.game-image-wrap ul li {width: 290px;height:480px;margin-right: 10px;overflow: hidden;}
.game-image-wrap ul li img{width: 100%; height: 100%;transition: all .2s;cursor: pointer;}
.game-image-wrap ul li:hover img{transform: scale(1.1);}
.game-image-wrap .prev,.game-image-wrap .next {width:32px; height:64px; position: absolute; top:50%; margin-top: -32px; display: block; background: url(../images/arrow.png) no-repeat;}
.game-image-wrap .prev{left:0px;}
.game-image-wrap .next{right:0px;background-position:-32px 0;}
.game-image-wrap .prev:hover,.game-image-wrap .next:hover{background-position-y:-64px;}

.game-pic-preview{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:999;text-align:center;}
.game-pic-preview .preview-inner{position:absolute;left:50%;top:50%;max-width:95%;max-height:95%;transform:translate(-50%,-50%);}
.game-pic-preview .preview-figure{position:relative;display:inline-block;max-width:100%;max-height:100%;padding-bottom:42px;}
.game-pic-preview img{display:block;max-width:100%;max-height:calc(95vh - 42px);box-shadow:0 0 20px rgba(0,0,0,.4);}
.game-pic-preview .preview-close{position:absolute;z-index:2;right:-12px;top:-12px;width:24px;height:24px;background:url(../images/close_ico.png) no-repeat;}
.game-pic-preview .preview-close:hover{background-position: -24px 0;}
.game-pic-preview .preview-prev,.game-pic-preview .preview-next{position:absolute;z-index:2;top:50%;width:32px;height:64px;margin-top:-32px;background: url(../images/arrow.png) no-repeat;}
.game-pic-preview .preview-prev{left:0;}
.game-pic-preview .preview-next{right:0;background-position:-32px 0;}
.game-pic-preview .preview-prev:hover,.game-pic-preview .preview-next:hover{background-position-y:-64px;}
.game-pic-preview .preview-count{position:absolute;left:0;bottom:0;width:100%;color:#dbdbdb;font-size:14px;text-align:center;}

.gameIntro{height:540px;background:#fff;margin-top:10px;padding:0 20px;}
.gameIntro .tab{height:54px;line-height:54px;border-bottom: 1px solid #E5E5E5;}
.gameIntro .tab .item{font-size:18px;color:#333333;display:inline-block;padding:0 10px;margin-right:40px;cursor:pointer;float:left;}
.gameIntro .tab .item.active{color:#ff6600;border-bottom:1px solid #FF790D;font-weight: bold;}
.gameIntro .intro-list{font-size:14px;color:#222222;margin: 20px 0;line-height:34px;height: 445px;overflow: auto;}
.gameIntro .news-list .list{margin-top:15px;height:400px;}
.gameIntro .news-list li{height:40px;line-height: 40px;}
.gameIntro .news-list li a{display: block;height:100%;}
.gameIntro .news-list li .txt{color:#222222;font-size:15px;float:left;max-width:800px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:15px;background:url(../images/list_ico.png) no-repeat 0 center;}
.gameIntro .news-list li.gonglue .txt{max-width: 98%;}
.gameIntro .news-list li .date{color:#666666;font-size:13px;float:right}
.gameIntro .news-list li:hover .txt{color:#ff6600}
.gameIntro .news-list li.nodata{color:#999;text-align: center;font-size:14px;padding-top:180px;}
.gameIntro .news-list .loading_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:url(/Public/Common/images/loading1.gif) no-repeat;}
.gameIntro .news-list .morelink{font-size:12px;color:#333333;display:none;margin-top:30px;text-decoration: underline;}
.gameIntro .news-list .morelink:hover{color:#ff6600;}

.fuli_wrap{width:280px;background:#fff}
.fuli_wrap .item{border-bottom:1px solid #EEEEEE;padding:20px;position:relative;display: block;min-height:60px;}
.fuli_wrap .item:hover{background:#FFF7EA;}
.fuli_wrap .item em.em-ico{background:url(../images/fuli_ico.png) no-repeat;position:absolute;left:20px;top:20px;width:60px;height:60px;}
.fuli_wrap .item .title{font-size:18px;color:#333;margin-top:2px;padding-left:75px;}
.fuli_wrap .item .info{font-size:13px;color:#666;margin-top:12px;padding-left:75px;}
.fuli_wrap .item.fuli em.em-ico{background-position: 0 -60px;}
.fuli_wrap .item.server-wrap em.em-ico{background-position: 0 -120px;}
.fuli_wrap .item.disabled{-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;cursor: no-drop;}

.fuli_wrap .item.server-wrap .onlinelink{display: inline-block;border:1px solid #F7562E;color:#ffffff;background:#F7562E;margin:8px 0 0 75px;height:22px;line-height: 22px;cursor: pointer;padding: 0 10px;border-radius: 3px;font-size: 12px;}
.fuli_wrap .item.server-wrap .onlinelink:hover{background:#FF6000;border-color:#FF6000;}
.fuli_wrap .item.server-wrap .kefu-time{font-size:12px;color: #666666;margin-top:14px;}
.fuli_wrap .item.server-wrap .wechat-box em.em-ico{background-position:0 -180px;}
.fuli_wrap .item.server-wrap .wechat-box .onlinelink{border-color:#c2c2c2;color:#666;background:#fff;}
.fuli_wrap .item.server-wrap .wechat-box .onlinelink:hover{background:#44BC37;border-color:#44BC37;color:#fff;}
.fuli_wrap .item.server-wrap .wxkefu-box{position:absolute;top:0;left:0;bottom:0;text-align: center;background: #fff;z-index: 5;width:100%;}
.fuli_wrap .item.server-wrap .wxkefu-box .close-btn{position: absolute;right:8px;top:4px;font-size:18px;color:#A7A7A7;cursor: pointer;z-index: 1;}
.fuli_wrap .item.server-wrap .wxkefu-box .wxkefu-qrcode{position:absolute;top:15px;left:0;right:0;bottom:34px;}
.fuli_wrap .item.server-wrap .wxkefu-box .wxkefu-qrcode img{height: 100%;}
.fuli_wrap .item.server-wrap .wxkefu-box .tips{font-size:13px;color:#646464;position:absolute;bottom:0;height:34px;line-height: 34px;width:100%;text-align: center;}

.tuijian_wrap{background:#fff;margin-top:10px;padding:8px 20px 10px 20px;}
.tuijian_wrap .title{color:#333333;font-size:15px;border-bottom:1px solid #E5E5E5;font-weight: bold;height:32px;line-height: 32px;margin-bottom:10px;}
.tuijian_wrap ul li{height:90px;position:relative;padding-left:85px}
.tuijian_wrap ul li .game_ico{position:absolute;left:0;top:10px;width:70px;height:70px;user-select: none;}
.tuijian_wrap ul li .game_name{font-size:14px;color:#333333;padding-top:6px;}
.tuijian_wrap ul li .game_labels{width:100%;height:18px;margin-top:6px;}
.tuijian_wrap ul li .game_labels span{float:left;height:18px;line-height:18px;padding:0 6px;background:#EDEDED;border-radius: 2px;margin-right:5px;}
.tuijian_wrap ul li .game_play{display: block;font-size:12px;color:#ff6d2d;border:1px solid #ff6d2d;width:62px;height:22px;text-align:center;line-height:22px;border-radius: 3px;margin-top:7px;cursor: pointer;}
.tuijian_wrap ul li .game_play:hover{background:#FF6D2D;border-color:#FF6D2D;color:#FFFFFF;}

.game_card_wrap{background:#fff;margin-bottom:10px;padding:20px;}
.game_card_wrap .info-item .game-ico{width:70px;height:70px;background-size: 100% 100%;}
.game_card_wrap .info-item .game-info{margin-left:10px;width:160px;}
.game_card_wrap .info-item .game-info .gname{font-size:15px;color:#333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.game_card_wrap .info-item .game-info .ginfo{font-size:12px;color:#666666;margin-top:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.game_card_wrap .info-item .game-info .backlink{display:block;color:#ff7825;cursor: pointer;text-decoration: underline;margin-top:10px;}
.game_card_wrap .play-list{margin-top:20px;}
.game_card_wrap .play-list .play-pc, .game_card_wrap .play-list .play-mobile{height:42px;text-align:center;line-height:42px;font-size:15px;color:#ffffff;cursor:pointer;}
.game_card_wrap .play-list .play-pc{background:#333333 url(../images/pc_ico.png) no-repeat 12px center;padding:0 14px 0 43px;}
.game_card_wrap .play-list .play-mobile{background:#333333 url(../images/mobile_ico.png) no-repeat 17px center;padding:0 14px 0 43px;position:relative;}
.game_card_wrap .play-list .play-pc:hover, .game_card_wrap .play-list .play-mobile:hover{background-color:#FF5500;}
.game_card_wrap .play-list .code-img{position:absolute;border:1px solid #D8D8D8;padding:3px;bottom:42px;left:0;background:#fff;margin-left:-20px;overflow: hidden;height: 0;display:none;}
.game_card_wrap .play-list .code-img:after{content:"";display:inline-block;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;position:absolute;left:50%;bottom:-8px}
.game_card_wrap .play-list .code-img:before{content:"";display:inline-block;width:0;height:0;border:9px solid transparent;border-top-color:#DADADA;border-bottom:0;position:absolute;left:50%;bottom:-10px;margin-left:-1px}
.game_card_wrap .play-list .code-img img{width:150px;height:150px}
.game_card_wrap .play-list .code-img .txt{font-size:13px;color:#666;height:16px;line-height:16px;text-align: center;}
.game_card_wrap .play-list .code-img .txt em{display:inline-block;margin-right:5px;vertical-align: top;background:url(/Public/Common/images/gamelogin/model.png) no-repeat;width:16px;height:16px;}
.game_card_wrap .play-list .code-img .txt em.ios_ico{background-position:0 0;}
.game_card_wrap .play-list .code-img .txt em.android_ico{background-position:-21px 0;}

.footer {background-color: #FFFFFF;padding: 40px 0;color:#707070;font-size:13px;text-align: center;line-height: 26px;margin-top:50px}
.footer p,.footer a {color:#707070;font-size:13px;text-align: center;line-height: 26px;}
.footer p span,.footer a {margin: 0 4px;}

.firend_link{font-size:13px;color:#666;;margin-top:25px}
.firend_link span,.firend_link a{font-size:13px;color:#666;margin-right:10px}
.firend_link a:hover{color:#545454;}

.game-bn-wrap{height:70px;background:#F3F3F3;border-bottom:1px solid #E5E5E5;position: relative;}
.game-bn-wrap .title{display:inline-block;font-size:24px;color:#333333;line-height: 70px;margin-left:23px;font-weight: bold;border-bottom:1px solid #FF790D;}
.game-bn-wrap .curr_map{position:absolute;bottom:10px;right:18px;color:#666666;font-size:12px}
.game-bn-wrap .curr_map a{color:#666666;font-size:12px}

.news-wrap{background:#fff;min-height:862px;}
.news-wrap .tab{border-bottom: 1px solid #C1AC92;margin:0 30px;height:50px;}
.news-wrap .tab .item{font-size:17px;color:#824f0d;line-height:44px;display:inline-block;padding:0 20px;cursor:pointer;float:left;margin-top: 5px;margin-right:20px;}
.news-wrap .tab .item.active{border-bottom:2px solid #DB902E;color:#824f0d;font-weight: bold;}
.news-wrap .news-list{padding:18px 30px;}
.news-wrap .news-list li{height:50px;width:100%;float:left;line-height:50px;border-bottom: 1px dashed #E2E2E2;}
.news-wrap .news-list li a{display: block;height:100%;}
.news-wrap .news-list li .txt{color:#222222;font-size:15px;float:left;max-width:700px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;background: url(../images/list_ico.png) no-repeat 0 center;}
.news-wrap .news-list li.gonglue .txt , .news-wrap .news-list li.ziliao .txt{max-width: 860px;}
.news-wrap .news-list li .date{color:#666666;font-size:13px;float:right}
.news-wrap .news-list li:hover .txt{color:#ff6600}
.news-wrap .news-list li.nodata{text-align: center;color:#999;padding:30px 0;border-bottom: 0;}

.paging{height:26px;line-height:26px;text-align:center;font-size:14px;color:#818181;margin-top: 30px;margin-bottom: 20px;}
.paging a,.paging span{display:inline-block;border:1px solid #E4E4E4;height:30px;line-height:30px;padding:0 10px;text-align: center;margin:0 3px;cursor:pointer;background:#fff}
.paging a:hover{color:#666; text-decoration:none; background:#f9f9f9;}
.paging span{background:#EDB08B;color:#fff;border:1px solid #EDB08B;}
.paging a.cur{color:#fff; text-decoration:none; background:#EDB08B;border:1px solid #EDB08B;}

.news-content-wrap{background:#fff;padding:40px 30px 30px;min-height: 792px;}
.news-content-wrap .title{color:#333;font-size:28px;font-weight: bold;text-align: center;}
.news-content-wrap .sub-title{color:#686868;font-size:13px;margin-top:20px;text-align: center;}
.news-content-wrap .content-text{border-top:1px dashed #E4E4E4;margin-top:25px;font-size:15px;line-height:25px;padding:10px 0 20px 0;min-height: 260px;}
.news-content-wrap .content-text p,.news-content-wrap .content-text div{font-size:15px;line-height:30px}
.news-content-wrap .content-text img{max-width: 100%;}
.news-content-wrap .r_back{text-align:right;border-top:1px solid #ECECEC}
.news-content-wrap .r_back a{display:inline-block; color:#919191;font-size:13px;margin-top:15px;}
.news-content-wrap .r_back a:hover{color:#666;}
.news-content-wrap a.playgame:hover{color:#ff0;text-decoration:none;background:#f00;}
.news-content-wrap a.playgame{margin:30px;display:inline-block;width:150px;line-height:35px;text-align:center;color:#fff;border-radius:20px;background:#b00;font-size:16px;}