html,body{height:100%;width:100%;margin:0;padding:0;background-color:#101622}
.leaflet-container{background:#101622}
.map{height:100%;margin:0;padding:0;width:100%;float:right}
.leaflet-control-layers label i{display:inline-block;width:20px;height:20px}
.leaflet-control-layers label i img{width:20px;height:20px}
.topbutton em{font-style:normal;font-weight:bold;display:inline-block;text-align:left;width:50%;cursor:pointer;color:#000}
.topbutton em.active{color:#000}
.leaflet-bottom.leaflet-right{display:none}
.right-code{display:none}
@media(min-width:1200px){
.map{height:100%;margin:0;padding:0;width:100%;float:right}
.leaflet-top.leaflet-right{width:20%}
.leaflet-control-layers-expanded{width:96%;box-sizing:border-box}
.assortType{cursor:pointer;overflow:hidden;float:left;width:100%}
.leaflet-control-layers label{width:50%;float:left}
.leaflet-control-layers-overlays{overflow:hidden}
.leaflet-top.leaflet-left{left:auto;right:10px;top:63px}
.right-code{box-shadow:0 2px 5px 0 #000;display:block;position:absolute;top:270px;right:12px;z-index:500;width:30px;border-radius:2px;font-size:14px;padding:10px 5px;box-sizing:border-box;writing-mode:vertical-lr;letter-spacing:1px;text-decoration:none!important;background:rgba(14,34,43,0.8);color:#fff}
.right-code span{color:#fff;text-shadow:0 0 10px #fff}
.right-code:hover{color:#fff}
.right-code .code{width:107px;height:107px;position:absolute;left:-110px;top:15px;display:none}
.right-code:hover .code{display:block}
.right-code .code img{width:107px;height:107px;position:absolute;left:0;top:0}
.leaflet-top .leaflet-control{margin-top:100px}
.mobilebox{display:none}
}
.global_topbox{width:100%;height:508;position:relative;z-index:2}
.map{z-index:1}
.global_topbox .topimg{width:100%;height:440px;background-position:center center;background-repeat:no-repeat;display:block}
.global_topbox .gamne_header{height:68px;width:100%;background:#f8f8f8;box-shadow:1px 1px 10px 0 rgba(0,0,0,0.1)}
.global_topbox .header_box{width:1200px;height:100%;margin:auto}
.global_topbox .header_box .l{float:left;width:660px;height:100%}
.global_topbox .header_box .r{float:right;width:540px;height:100%}
.global_topbox .header_box .l a{position:relative;float:left;height:68px;line-height:68px;color:#444;font-size:18px;width:68px;text-align:center}
.global_topbox .header_box .l a::after{position:absolute;bottom:-3px;left:50%;width:46px;height:7px;background-color:#f76341;border-radius:4px;display:none;content:'';margin-left:-23px}
.global_topbox .header_box .l a.active,.global_topbox .header_box .l a:hover{color:#444;font-size:20px;font-weight:bold;transition:font-size .08s ease}
.global_topbox .header_box .l a.active::after,.global_topbox .header_box .l a:hover::after{display:block}
.global_topbox .header_box .l a.hot::before{content:'';background:url(https://www.ali213.net/zt/images/global_hot.png);position:absolute;top:8px;right:-5px;width:28px;height:18px}
.global_topbox .header_box .l a.new::before{content:'';background:url(https://www.ali213.net/zt/images/global_new.png);position:absolute;top:8px;right:-5px;width:28px;height:18px}
.global_topbox .header_box .r a{float:left}
.global_topbox .header_box .r .buy{background:url(https://www.ali213.net/zt/images/btnbg.png);width:123px;height:50px;margin-right:14px;color:#fff;font-size:18px;text-align:center;line-height:40px;margin-top:14px}
.global_topbox .header_box .r .app{width:110px;position:relative;height:68px;line-height:68px;color:#616161;font-size:16px;text-indent:20px}
.global_topbox .header_box .r .app::before{content:'';display:block;position:absolute;top:25px;left:0;width:17px;height:19px;background:url(https://www.ali213.net/zt/images/app.png)}
.global_topbox .header_box .r .app:hover{color:#f95d4d}
.global_topbox .searchword{float:left;width:270px;height:40px;margin-top:14px;border-radius:20px;border:solid 2px #ff493b;box-sizing:border-box;line-height:36px;position:relative;margin-left:15px}
.global_topbox .searchword form{position:absolute;z-index:2;border-radius:20px;background:#f8f8f8;height:100%}
.global_topbox .searchword::before{z-index:3;content:'';display:block;position:absolute;width:24px;height:24px;background:url(https://www.ali213.net/zt/images/ss.png);top:7px;left:8px}
.global_topbox .searchword .search-input{float:left;margin-left:40px;color:#b8b8b8;font-size:14px;background:transparent;width:147px;border:0;height:36px;line-height:36px}
.global_topbox a{text-decoration:none}
.global_topbox .searchword .btn{width:70px;height:27px;color:#fff;font-size:14px;line-height:27px;margin-top:5px;background-color:#f95d4d;float:right;margin-right:5px;border-radius:14px;border:0;cursor:pointer}
.global_topbox .searchword .gd1{position:absolute;z-index:1;width:235px;height:150px;background:url(https://www.ali213.net/zt/images/gg.png);bottom:-16px;left:50%;margin-left:-127px;display:block}
.swiper-ztnav .game-nav1{width:auto!important}
.leaflet-popup-content span.biaoji{margin:5px auto;padding:5px 10px;cursor:pointer;border-radius:4px;color:#fff;background:#008de5}
.leaflet-popup-content span.biaoji:hover,.leaflet-popup-content span.biaoji.active{opacity:.6}
@media(max-width:800px){
.ns_t1{display:none}
.leaflet-top.leaflet-right{top:70%;bottom:0;right:2%;margin:auto;height:48px;width:48px}
.leaflet-control-layers.leaflet-control{margin:0}
.leaflet-control-layers-expanded{margin:0;position:fixed;width:750px;left:5%;right:0;width:90%;box-sizing:border-box;top:40%;height:56%;padding-right:5px;overflow:hidden;overflow-y:auto}
.leaflet-control-layers label{display:block;width:50%;float:left}
.assortType{float:left;width:100%}
.leaflet-control-layers-list{overflow-y:auto}
.leaflet-top.leaflet-left{right:2%;top:69%;left:auto}
.global_topbox{display:none}
}
.mapbox{width:100%;height:100vh;position:relative}
.controllerbox{position:absolute;top:0;right:0;z-index:3}
.showmore{cursor:pointer;width:60px;height:60px;border-radius:4px;background-color:#193440;box-shadow:0 2px 5px 0 #000;background:rgba(14,34,43,0.8) url(../images/icobig.png) no-repeat center center;background-size:80% 80%;margin:10px}
.showallico{height:100vh;width:380px;background-color:rgba(14,34,43,0.8);display:none}
.topbutton{width:100%;height:70px;background:rgba(38,81,100,0.8);text-align:center}
.topbutton span{display:inline-block;width:112px;height:38px;background-color:#265164;box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);border-radius:4px;line-height:38px;cursor:pointer;color:#66a9c7;position:relative;font-size:14px;text-indent:13px;margin:0 3px;margin-top:16px}
.topbutton span::before{position:absolute;content:'';display:block;top:10px;left:10px;width:18px;height:18px}
.topbutton span.showallbtn::before{background:url(../images/tb1.png) no-repeat center center;background-size:100%}
.topbutton span.hideallbtn::before{background:url(../images/tb2.png) no-repeat center center;background-size:100%}
.topbutton span.zoidingbtn::before{background:url(../images/tb3.png) no-repeat center center;background-size:100%}
.topbutton span:hover,.topbutton span.active{background-color:#4494b8;color:#fff}
.topbutton span.active.showallbtn::before,.topbutton span.showallbtn:hover::before{background:url(../images/tb11.png) no-repeat center center;background-size:100%}
.topbutton span.active.hideallbtn::before,.topbutton span.hideallbtn:hover::before{background:url(../images/tb21.png) no-repeat center center;background-size:100%}
.topbutton span.active.zoidingbtn::before,.topbutton span.zoidingbtn:hover::before{background:url(../images/tb31.png) no-repeat center center;background-size:100%}
.tablist{width:100%}
.tablist .tabtitle{width:100%;height:60px;line-height:60px;position:relative;text-align:left;color:#426c81;font-size:24px;text-indent:13px;border-bottom:1px solid rgba(48,85,102,0.6);display:block}
.tablist .tabtitle em{position:absolute;width:30px;height:16px;display:block;top:25px;right:15px;background:url(../images/jtdown.png) no-repeat center center;cursor:pointer}
.tablist.active .tabtitle{color:#fff}
.tablist.active .tabtitle em{background:url(../images/jtup.png) no-repeat center center}
.tablist .tabcon{display:none;padding:20px 13px;overflow:hidden}
.tablist .tabcon.active{display:block}
.tablist .tabcon .itemlist{width:172px;height:38px;background-color:#265164;box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);border-radius:4px;float:left;margin-bottom:10px;margin-right:10px;color:#66a9c7;font-size:14px;cursor:pointer;line-height:38px}
.tabcon .itemlist:nth-child(2n){margin-right:0}
.tablist .tabcon .itemlist.active,.tablist .tabcon .itemlist:hover{background:#4494b8}
.tablist .tabcon .itemlist::before{float:left;content:'';border-radius:4px;width:12px;height:12px;border:2px solid #2b556a;background:#193847;margin:10px;margin-top:11px}
.tablist .tabcon .itemlist.active::before{background:#6cd1ff}
.tablist .tabcon .itemlist img{width:24px;height:24px;border-radius:50%;float:left;margin-top:7px;margin-right:5px}
.tablist .tabcon .itemlist span{color:#66a9c7;font-size:14px;float:left;width:107px;overflow:hidden}
.tablist .tabcon .itemlist.active span,.tablist .tabcon .itemlist:hover span{color:#fff}
.mskbox{display:none;width:calc(100vw - 380px);height:100%;position:absolute;top:0;left:0;z-index:2}
.tabbox{height:calc(100% - 70px);overflow-y:auto}
.tabbox::-webkit-scrollbar{width:0!important}
.tabbox{-ms-overflow-style:none}
.tabbox{overflow:-moz-scrollbars-none}
.leaflet-pane.leaflet-marker-pane img{border-radius:50%}
.leaflet-popup-close-button{display:none}
.leaflet-popup-content{width:425px!important}
.bigpoptop{height:45px}
.bigpoptop span{color:#66a9c7;font-size:30px;font-weight:bold;text-align:left;float:left}
.bigpoptop em{float:right;width:77px;height:26px;border-radius:4px;border:solid 1px #66a9c7;line-height:26px;text-align:center;font-style:normal;cursor:pointer;margin-top:7px}
.bigpoptop em.active{color:#fff;background:#66a9c7}
.controllernei{border-top:1px solid #bbd6e2;padding-top:10px;clear:both;position:relative}
.controllernei img{width:218px;height:130px;float:left}
.controllernei .nei{float:right;width:196px}
.controllernei .nei p{margin:auto;color:#000;font-size:16px}
.controllernei .nei.long{width:100%}
.controllernei img.long{width:100%;height:auto}
.controllernei a{display:block;width:77px;height:26px;background-color:#66a9c7;border-radius:4px;text-decoration:none;line-height:26px;text-align:center;color:#fff;cursor:pointer;position:absolute;top:-39px;right:84px;border:1px solid #66a9c7}
.controllernei::after{content:'';display:block;clear:both}
.leaflet-touch .leaflet-bar a,.leaflet-touch .leaflet-bar a:hover{width:34px;height:34px;background-size:18px 17px;box-shadow:0 2px 5px 0 #000;border-radius:4px;text-indent:50px;border-bottom:0}
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in{background:rgba(14,34,43,0.8) url(../images/icotop.png) no-repeat center center;background-size:24px 27px}
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-out{background:rgba(14,34,43,0.8) url(../images/icobottom.png) no-repeat center center;background-size:24px 27px;margin-top:10px}
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:0}
.moreditu{position: absolute;width: 209px;top: 130px;right: 380px;}
.moreditu a{display: block;width: 100%;height: 60px;display: block;background: url(../images/chooseno.png) no-repeat right center;line-height: 60px;color: #204557;font-size: 22px;margin-bottom: 10px;text-align: right;box-sizing: border-box;padding-right: 20px;text-decoration: none;}
.moreditu a.active{color: #f2f1eb;font-size: 28px;background: url(../images/choose.png) no-repeat right center;}