@charset "utf-8";
.header, .pos_r, .wrapper, body, html { position: relative}
.bread, .head_tit, .nav ul li { text-align: center}
.article_list_ul li, .footer, .game_slide, .img_text_item, .img_text_item dt a, .img_text_item_small, .link_more, .nav, .nav ul li dd, .news_list ul li, .news_list ul li a, .over_hidden, .tabs_slide, .tabs_slide .hd, .this_tit, .wrapper { overflow: hidden}
.search_text, input, textarea { -webkit-appearance: none}
.blank, .clear, .img_text_tag, .letter_line, .link_more, .recommend_sy_tag { clear: both}
abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0; font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size: 100%}
body { background: #fff}
a:link,a:visited{color:#333;text-decoration:none;}
ol, ul { list-style: none}
table { border-collapse: collapse; border-spacing: 0}
* { -webkit-tap-highlight-color: transparent}
img { max-width: 100%; width:auto; height: 100%}
body, html {height: 100%;font-size:14px; font-size:.875rem;}
address,cite,dfn,em,var { font-style:normal; }
/*搜索*/
.disno{display:none;}
.gameSea{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:35px;}
.gameSea .int1{width:70%;background:#f5f5f5;border-top:1px solid #b2b2b2;border-bottom:1px solid #e3e3e3;border-left:1px solid #bababa;border-right:1px solid #bababa;display:block;float:left;font-size:14px;color:#696969;margin-left:1px;padding-left:8px; height:35px; line-height:35px;}
.bom{width:100%; top:4px;left:0;display:-moz-box;display:-webkit-box;display:box;background:#fff; height:37px; padding-top:10px;}
.bom b{height:40px;line-height:40px;background:#fff;font-size:18px;color:#333;font-weight:normal;cursor:pointer;display:block;padding-left:1%;padding-right:1%; white-space:nowrap;}
.bom .mt2{ cursor:pointer; border:medium none; font-size:14px; color:#bbbbbb; background:#f8f8f8; float:right; font-weight:normal; width:20%; height:35px; border-left:1px solid #dddddd;}
#bomBox{ display:block; width:100%; margin:0 auto; overflow:hidden; margin-bottom:10px;border-top:1px solid #ddd;}
#bomBox .gameSea{ margin-top:8px; width:94%; height:35px; background:#fff; border:1px solid #dddddd; border-radius:28px; margin:0 auto; line-height:35px; overflow:hidden;}
.gameSea .int1{ border:none; background:none;}

/*地图导航*/
.menulist{ overflow:hidden; background:#f6f6f6; display:none;}
.menutit{ height:45px; background:#fff; padding:0 10px; overflow:hidden; clear:both; border-bottom:1px solid #eee; font-size:16px; color:#000;}
.metl{ display:block; float:left; line-height:45px; font-weight:bold;}
.navico{ display:block; float:right; padding-left:30px; background:url(../img/header_icon.png) no-repeat; background-position:0 -174px; color:#fcab5a; line-height:44px; height:45px;}
.wzmenu a{ display:block; float:left; width:20%; text-align:center; height:42px; line-height:42px; border-bottom:1px solid #eee; font-size:14px;}
.rmzone a{ display:block; float:left; width:33.3%; overflow:hidden; height:42px; line-height:42px; font-size:14px; border-bottom:1px solid #eee; text-align:center; overflow:hidden; white-space:nowrap; background:url(../img/navline.png) no-repeat right center;}
.rmzone a span img{ width:16px; height:16px; padding-top:13px; display:block; float:left; padding-left:10px;}
.rmzone a:hover .meyxt{ color:#fc3000;}

/*页脚*/
.footer{ background:#222; padding-bottom:10px;}
.footer p{ color:#9c9c9c; line-height:22px; text-align:center; font-size:14px;}
.footer .flinkb a{ color:#9c9c9c;}
.footer .subnav .swiper-wrapper{ display:block; width:100%;}
.footer .subnav .swiper-wrapper .swiper-slide{ display:inline-block; float:left; width:20%;}
.subnav{ background:#333334; width:100%; height:34px; line-height:34px; overflow:hidden; font-size:16px; border-bottom:2px solid #ff7d01;}
.subnav a:link,.subnav a:visited{ display:block; height:34px; color:#fff; text-align:center;}
.subnav a:hover,.subnav a:active{ color:#ff0; text-decoration:none;}
.backtop{ overflow:hidden; text-align:center; color:#9c9c9c; padding-top:10px;}
.backtop .pcico,.backtop .line,.backtop .top{ color:#9c9c9c;}
.backtop .pcico{ padding:4px 8px; font-size:16px; margin-top:4px; color:#9c9c9c;}
.backtop .line{height:16px; width:1px; border-left:1px solid #9c9c9c; margin:10px 6px; color:#9c9c9c; overflow:hidden; line-height:16px;}
.backtop .top{ padding:4px 8px; font-size:16px; margin-top:4px; color:#9c9c9c;}

/*css3*/
.ub{ display: -webkit-box !important; display: box !important; position:relative;}
.ub-rev{ -webkit-box-direction:reverse; box-direction:reverse;}
.ub-fh{ width:100%;}
.ub-fv{ height:100%;}
.ub-con{ position:absolute; width:100%; height:100%;}
.ub-ac{ -webkit-box-align:center; box-align:center;}
.ub-ae{ -webkit-box-align:end; box-align:end;}
.ub-pc{ -webkit-box-pack:center; box-pack:center;}
.ub-pe{ -webkit-box-pack:end; box-pack:end;}
.ub-pj{ -webkit-box-pack:justify; box-pack:justify;}
.ub-ver{ -webkit-box-orient:vertical; box-orient:vertical;}
.ub-f1{ position:relative; -webkit-box-flex:1; box-flex:1;}
.ub-f2{ position:relative; -webkit-box-flex:2; box-flex:2;}
.ub-f3{ position:relative; -webkit-box-flex:3; box-flex:3;}
.ub-f4{ position:relative; -webkit-box-flex:4; box-flex:4;}
.ubr{ border-right:1px solid;}
.ads_c1 { margin:5px 0; text-align:center;}
.ads_c1 a img{ width:100%;}
.ads_cb { margin:5px 0;}
.ads_c1 iframe { margin:0 auto !important; margin-bottom:5px;}
.ads_c1 iframe { margin:0 auto !important;}

.back_dz { background: #eee; max-width: 480px; margin: 0 auto;}
.wrapper { background:#fff; overflow:hidden; clear:both;}
header{overflow:hidden;clear:both;}
.logo,.appico{ float:left; height:47px; padding-left:10px;}
.logo img{ height:100%; width:auto;}
.appico img{ height:74%; width:auto; padding-top:13%;}
.soso,.list-ico{ float:right; height:43px; padding-right:5px;}
.xximg{ display:block; margin-bottom:10px; margin-left:10px; margin-right:10px;}
.xximg img{ width:100%; border-radius:10px;}
.canblock{margin-left:10px;position:relative;height:68px;margin-right:10px;margin-bottom: 15px;}
.canblock span{ display:block; float:left; padding-right:10px;}
.canblock span img{ width:68px; height:68px; border-radius:15px;}
.canblock span b{ display:block; position:absolute; left:-2px; top:-2px; height:42px; background:url(../img/tuijian.png) no-repeat; background-size:contain; width:20px; line-height:15px; font-size:14px; color:#fff; padding-left:3px; font-weight:normal; padding-top:5px;}
.canblock h2{ font-size:16px; line-height:36px;}
.canblock p{font-size:14px;color:#777777;white-space:nowrap;overflow:hidden;width: 168px;}
.canblock .seton{display:block;position:absolute;right:0px;bottom:10px;width: 3.8rem;height: 1.8rem; font-size:14px; border-radius:3px;line-height: 1.8rem;background:#ff7b33;color:#fff;text-align:center;}
.swiper-container-horizontal>.swiper-pagination{ font-size:14px; color:#333; right:30px; bottom:58px;}
.swiper-container-horizontal>.swiper-pagination>.swiper-pagination-current{ font-size:18px; color:#ff7b33; font-weight:bold;}

.nav{overflow:hidden;clear:both;margin-top:5px; width:100%; height: 83px;}
.nav li{ display:block; float:left; width:20%; text-align:center; overflow:hidden;}
.nav li img{ height:auto; width:70%; margin:0 auto; max-width:40px; max-height:40px;}
.nav li span{ display:block; font-size:16px; color:#333; height:34px; line-height:24px;}

.hotspot{margin:5px;overflow:hidden;clear:both;border-radius:5px;background:#f5f5f5;height: 36px;line-height: 36px;font-size: 16px;padding:0 10px;color:#ccc;white-space: nowrap;oh: inherit;}
.hotspot i{ font-weight:bold; font-size:18px; color:#ff5b28; padding-right:4px;}
.hotspot a{ color:#333;}

.boutique{ margin-top:10px; overflow:hidden; clear:both; padding-bottom:10px; border-bottom:10px solid #f5f5f5;}
.bqtit{font-size: 20px;font-weight:bold;color:#333;line-height:32px;padding:0 15px;}
.bqtit a{display:block;float:right;text-align:center;font-size:15px;color: #888;line-height: 20px;border-radius: 11px;font-weight:normal;margin-top: 5px;background:url(../img/android_icon1.png) no-repeat;background-size:46px auto;background-position: 42px -96px;padding-right: 10px;width: 42px;height: 20px;}
.boutique ul{ margin:0 5px;}
.boutique ul li{ display:block; float:left; width:25%; overflow:hidden; text-align:center; padding-bottom:5px; padding-top:10px;}
.boutique ul li img{ width:70%; margin:0 auto; border-radius:10px;}
.boutique ul li span{ white-space: nowrap; display:block; text-align:center; font-size:14px; color:#333; line-height:24px; padding-bottom:4px;}
.boutique ul li a.setup{display:block;width: 3.8rem;min-width:48px;margin:0 auto;height: 1.8rem;line-height: 1.8rem;background:#ff7b33;color:#fff;font-size: 14px;text-align:center;border-radius:3px;}
.boutique ul li a.starplay{display:block;width: 3.8rem;/* min-width:48px; */margin:0 auto;height: 1.75rem;line-height: 1.75rem;border:1px solid #fb4c4c;color:#fb4c4c;font-size: 14px;text-align:center;border-radius:12px;}
.boutique ul li a.starplay:Hover{ background:#fb4c4c; color:#fff;}

.scont{ padding:0 15px; overflow:hidden; clear:both; border-bottom:10px solid #f5f5f5; padding-top:5px;}
.stw{ text-align:center; border:1px solid #ff7b33; border-radius:5px; margin-top:10px; font-size:14px;}
.stw a{display:block;color:#ff7b33;height: 38px;line-height: 38px;width:50%;}
.stw a:nth-child(2n){border-left: 1px solid #ff7b33;border-right: 1px solid #ff7b33;}
.stw a:first-child{ border-radius:3px 0 0 3px;}
.stw a:last-child{  border-radius:0 3px 3px 0; border-right:none;}
.stw a.current{background:#ff7b33;color:#fff;}
.hots li{height:58px;padding: 13px 18% 13px 103px;overflow:hidden;clear:both;border-bottom:1px solid #ebebeb;position:relative;}
.hots li:last-child{ border-bottom:none;}
.hots li em{ font-size:20px; color:#999; width:30px; display:block; line-height:58px; text-align:center; position:absolute; left:0px; top:13px;}
.hots li em.no123 img{ height:auto; margin-top:10px;}
.hots li .game-bact img{ width:58px; height:58px; position:absolute; left:37px; top:13px; border-radius:10px;}
.hots li .game-bact h2{font-size:14px;font-weight:normal;color:#333;height:20px;line-height:20px;overflow: hidden;white-space: nowrap;}
.hots li .game-bact p{color:#999;line-height:20px;height:20px;width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.hots li .game-bact p span{ padding-right:10px;}
.hots li .downin{width: 3.8rem;/* max-width:50px; */height: 1.8rem;background:#ff7b33;position:absolute;right:0px;top: 50%;margin-top: -12px;font-size: 14px;color:#fff;border-radius:3px;text-align:center;line-height: 1.8rem;}

.libao{ padding-top:10px;border-bottom:10px solid #f5f5f5; overflow:hidden; clear:both;}
.lblist { padding:0 15px; overflow:hidden; clear:both;}
.lblist li{padding: 12px 0;border-bottom: 1px solid #e5e5e5;position: relative;font-size:14px;clear:both;height:58px;}
.lblist li:last-child{ border-bottom:none;}
.lblist li .title{ font-size:16px; padding:5px 0; height:25px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.lblist li span.get b{width: 28%;max-width:150px;height: 13px;background: #ddd;display: inline-block;border-radius: 5px;position: relative;overflow: hidden;margin-right: 4px;}
.lblist li span.get b i{height: 13px; background: #34d1ab;background:#22c9b5;border-radius: 5px;display: inline-block;position: absolute;left: 0;top: 0;}
.lblist li span.get em{ color:#22c9b5;}
.lblist li span.get em:first-child{ color:#999;}
.lblist li .new img{display: block;float:left;width:58px;height:58px;margin-right:10px;border-radius:10px;}
.lblist li a.ling-btn{display: block;width: 80px;height: 32px;line-height: 32px;display: inline-block;text-align: center;border: 1px solid #22c9b5;border-radius: 18px;color: #22c9b5;position: absolute;right:0px;top:39px;transition: all .3s;font-size: 15px;text-decoration:none;}
.lblist li a.ling-btn:hover{background: #22c9b5;background: linear-gradient(to right, #22c9b5, #22c9b5);color: #fff;}
.lblist li a.tao-btn{display: block;width:64px;height: 30px;line-height: 30px;display: inline-block;text-align: center;border: 1px solid #ffb516;border-radius:15px;color: #ffb516;position: absolute;right:0px;top:39px;transition: all .3s;font-size:14px;text-decoration:none;}

.tipbox{ padding-top:10px;border-bottom:10px solid #f5f5f5; overflow:hidden; clear:both; }
.tipbox ul{ margin:0 5px; margin-top:10px;}
.tipbox ul li{display:block;float:left;width: 33.3%;overflow:hidden;padding-bottom:15px;height:32px;line-height:32px;font-size:14px;text-align:center;}
.tipbox ul li a{display:block;width:90%;margin:0 auto;height: 34px;line-height: 34px;color:#fff;border-radius: 17px;font-size: 15px;}
.tipbox ul li:nth-child(1) a{ background:#fdbf2b;}
.tipbox ul li:nth-child(2) a{ background:#457bde;}
.tipbox ul li:nth-child(3) a{ background:#3bdbc6;}
.tipbox ul li:nth-child(4) a{ background:#8152df;}
.tipbox ul li:nth-child(5) a{ background:#ee5c3a;}
.tipbox ul li:nth-child(6) a{ background:#92cf67;}
.tipbox ul li:nth-child(7) a{ background:#a2bcef;}
.tipbox ul li:nth-child(8) a{ background:#f26d7e;}
.tipbox ul li:nth-child(9) a{ background:#df88ab;}
.tipbox ul li:nth-child(10) a{ background:#36b1c0;}
.tipbox ul li:nth-child(11) a{ background:#ffab80;}
.tipbox ul li:nth-child(12) a{ background:#ebcda7;}
.tipbox ul li:nth-child(13) a{ background:#fdbf2b;}
.tipbox ul li:nth-child(14) a{ background:#457bde;}
.tipbox ul li:nth-child(15) a{ background:#3bdbc6;}
.tipbox ul li:nth-child(16) a{ background:#8152df;}

.zuixin { padding-top:10px;border-bottom:10px solid #f5f5f5; overflow:hidden; clear:both;}
.zuixin li{height:58px;padding: 13px 4.5rem 13px 82px;overflow:hidden;clear:both;border-bottom:1px solid #ebebeb;position:relative;}
.zuixin li:last-child{ border-bottom:none;}
.zuixin li .game-bact2 img{ width:58px; height:58px; position:absolute; left:15px; top:13px; border-radius:10px;}
.zuixin li .game-bact2 h2{ font-size:14px; font-weight:normal; color:#333; height:20px; line-height:20px;}
.zuixin li .game-bact2 p{color:#999;line-height:20px;height:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:12px;}
.zuixin li .game-bact2 p span{ padding-right:10px;}
.zuixin li .downin{width: 3.8rem;/* max-width:48px; */height: 1.8rem;background:#ff7b33;position:absolute;right:15px;top:50%;margin-top: -12px;font-size: 14px;color:#fff;border-radius:3px;text-align:center;line-height: 1.8rem;}

.newsbox { background:#fff; overflow:hidden; clear:both; padding-top:10px;}
.newsbox li{padding: 15px 0px;clear:both;overflow:hidden;border-bottom: 1px solid #efefef;margin: 0 15px;}
.newsbox li:last-child{ border-bottom:none;}
.newsbox li a{ display:block; cursor:pointer; overflow:hidden;}
.newsbox li img{width:34%; max-height:75px; float: right;}
.newsbox li a h2{font-size: 18px;font-weight:normal;color:#333;line-height:24px;width: 62%;margin-bottom: 5px;max-height: 48px;overflow: hidden;}
.newsbox li a:hover h2{ color:#3ba7de;}
.newsbox li span{font-size: 14px;bottom: 5px;color:#999;}

.gd-close{ background:#000; opacity:0.5; color:#fff; text-align:center; font-size:12px; padding:2px 4px; border-radius:3px; position:absolute;}


.load-app-module{height:60px;margin-bottom:4px}.load-app-module.has-bg{position:fixed;width:100%;top:0;background:rgba(0,0,0,.6);color:#fff;z-index:3000}.icon-2{background-image:url(//files.gamedog.cn/game2013/img/icon.3ae5266.png)}.icon-close-hp{width:16px;height:16px;background-position:0 0;background-size:70px auto}.load-app-module.has-bg .icon-close-hp{position:absolute;top:22px;left:12px}.icon-logo-l{display:block;float:left;width:44px;height:44px;background-position:0 -13px;background-size:100% auto}.load-app-module .icon-logo-l{margin:8px 0 0 42px}.load-app-module .begin-load{float:right;width:71px;height:30px;margin:15px 15px 0 0}.load-app-module .info-box{width:174px;float:left;font-size:16px;line-height:22px;padding:11px 0 0 14px;overflow:hidden}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.load-app-module .info-box .intro{font-size:11px;line-height:16px}
#iconBox{width:56%;height:62px;max-width:190px;background:rgba(0,0,0,.6);position:fixed;bottom:10px;left:50%;-o-transform:rotate(0deg) translateX(-50%);-moz-transform:rotate(0deg) translateX(-50%);-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%);transform-origin:0 72px;-o-transform-origin:0 72px;-moz-transform-origin:0 72px;-webkit-transform-origin:0 72px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;opacity:1;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;z-index:999;}#iconBox > strong{position:absolute;right:5px;top:0;font-size:20px;height:20px;line-height:1;color:#fff;}#iconBox > span.close{display:inline-block;width:30px;height:30px;position:absolute;right:0;top:0;z-index:1000;}#iconBox > img{width:50px;height:50px;position:absolute;left:10px;top:6px;-o-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}#iconBox > div{font-size:13px;position:relative;left:70px;line-height:20px;top:11px;text-align:left}#iconBox > div > img{width:14px;position:relative;top:s0px}#iconBox:after{width:0;height:0;content:"";border-top:10px solid rgba(0,0,0,.6);border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px;left:50%;margin-left:-10px}.icon-logo-l img{width: 44px;height: 44px; margin-left: -2px;border-radius:6px}
.noPageBox{
	width: 100%;
	height: calc(100vh - 190px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.noPageBox .imgBox{
	width: 100%;
	display: flex;
	justify-content: center;
}
.noPageBox .imgBox img{
	width: 90%;
	object-fit: contain;
}
.noPageBox .back a{
	color: #333;
}

