@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
b, em, h1, h2, h3, h4, h5, h6, strong{ font-weight: bold}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}
.m-adr, .j-crm, .m-navd{ display: none;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.pad2{ padding: 0.2rem;}
.padS11{ padding: 0 0.11rem;}
.padS2{ padding: 0 0.2rem;}
.padS3{ padding: 0 0.3rem;}
.marB2{ margin-bottom: 0.2rem;}
.marB3{ margin-bottom: 0.3rem;}
.marB4{ margin-bottom: 0.4rem;}
.padV4{ padding: 0.4rem 0;}
.bgGreen{ background-color: #ecf2e3;}
.bgf{ background-color: #fff;}

body{ width: 7.5rem; margin: 0 auto;}

.wrap{ width: 7.5rem; height: 14.65rem; overflow: hidden;}
.main_wrap{ width: 7.5rem; height: 14.65rem; overflow-x: scroll;}
.main{ position: relative; width: 22.5rem; height: 14.65rem; background: url(bg.jpg) no-repeat center top; background-size: 100% 100%;}
.des{ position: absolute; top: 0.1rem; left: 0.2rem; width: 6.18rem; height: 0.34rem; background-image: url(des.png); background-size: 100% 100%;}
.tips1{ position: fixed; top: 0.48rem; left: 50%; width: 3.73rem; height: 0.6rem; margin-left: -1.865rem; background-image: url(tips1.png); background-size: 100% 100%;}
.tips2{ position: fixed; top: 1.28rem; left: 50%; width: 5.33rem; height: 0.3rem; margin-left: -2.665rem; background-image: url(tips2.png); background-size: 100% 100%;}
.tips3{ position: absolute; bottom: 0.2rem; left: 50%; width:5.41rem; height: 0.68rem; margin-left: -2.7rem; background-image: url(tips3.png); background-size: 100% 100%;}
.tit{ position: absolute; top: 8.72rem; left: 7.43rem; width: 7.54rem; height: 3.85rem; background-image: url(tit.png); background-size: 100% 100%;}

.map1{ position: absolute; top: 1.7rem; left: 4.1rem; width: 13.53rem; height: 10.35rem; background: url(map.png) no-repeat center top; background-size: 100% 100%;}


.city_tem{ cursor: pointer;}
.name{ width: 0.62rem; height: 0.33rem; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}
.tent{ position: absolute; width: 0.85rem; height: 0.33rem; background: url(icon_tent.png) no-repeat 0 0; background-size: 0.85rem 0.66rem;}
.tent.active{ background-position: 0 -0.33rem;}

.city_cov{ position: absolute; width: 0.7rem; height: 0.7rem; z-index: 10; }
.mz.city_cov{ top: 2.05rem; left: 10.6rem;}
.cz.city_cov{ top: 2.97rem; left: 12rem;}
.yj.city_cov{ top: 6.5rem; left: 4.1rem;}
.zs.city_cov{ top: 5.34rem; left: 6.27rem;}

#gz{ position: absolute; top: 4.1rem; left: 6.24rem;}
#gz .name{ background-image: url(city_gz.png);}
#gz .tent{ top: 0.33rem; }

#sz{ position: absolute; top: 5.6rem; left: 8.45rem;}
#sz .name{ background-image: url(city_sz.png);}
#sz .tent{ top: 0; left: -0.85rem;}

#zh{ position: absolute; top: 6.32rem; left: 6.65rem;}
#zh .name{ background-image: url(city_zh.png);}
#zh .tent{ top: -0.33rem; left: -0.1rem}

#st{ position: absolute; top: 3.98rem; left: 11.64rem;}
#st .name{ background-image: url(city_st.png);}
#st .tent{ top: 0.33rem; left: -0.26rem;}

#fs{ position: absolute; top: 4.7rem; left: 5.62rem;}
#fs .name{ background-image: url(city_fs.png);}
#fs .tent{ top: 0.1rem; left: 0.5rem;}

#sg{ position: absolute; top: 1.23rem; left: 6.84rem;}
#sg .name{ background-image: url(city_sg.png);}
#sg .tent{ top: 0.33rem; left: -0.1rem}

#hy{ position: absolute; top: 2.98rem; left: 8.07rem;}
#hy .name{ background-image: url(city_hy.png);}
#hy .tent{ top: 0.33rem; left: -0.1rem}

#mz{ position: absolute; top: 2.05rem; left: 10.6rem;}
#mz .name{ background-image: url(city_mz.png);}
#mz .tent{ top: 0.33rem; left: -0.1rem}

#hz{ position: absolute; top: 4.26rem; left: 8.6rem;}
#hz .name{ background-image: url(city_hz.png);}
#hz .tent{ top: 0.33rem; left: -0.1rem}

#sw{ position: absolute; top: 4.73rem; left: 10.05rem;}
#sw .name{ background-image: url(city_sw.png);}
#sw .tent{ top: 0.33rem; left: -0.1rem}

#dg{ position: absolute; top: 4.54rem; left: 7.35rem;}
#dg .name{ background-image: url(city_dg.png);}
#dg .tent{ top: 0.33rem; left: -0.1rem}

#zs{ position: absolute; top: 5.34rem; left: 6.27rem;}
#zs .name{ background-image: url(city_zs.png);}
#zs .tent{ top: 0.33rem; left: -0.1rem}

#jm{ position: absolute; top: 5.7rem; left: 5.2rem;}
#jm .name{ background-image: url(city_jm.png);}
#jm .tent{ left: -0.04rem; top: -0.33rem;}

#yj{ position: absolute; top: 6.5rem; left: 4.1rem;}
#yj .name{ background-image: url(city_yj.png);}
#yj .tent{ top: 0.33rem; left: -0.1rem;}

#zj{ position: absolute; top: 8.23rem; left: 0.9rem;}
#zj .name{ background-image: url(city_zj.png);}
#zj .tent{ top: -0.33rem;}

#mm{ position: absolute; top: 6.9rem; left: 2.2rem;}
#mm .name{ background-image: url(city_mm.png);}
#mm .tent{ top: 0.33rem; left: -0.1rem}

#zq{ position: absolute; top: 4.67rem; left: 4.8rem;}
#zq .name{ background-image: url(city_zq.png);}
#zq .tent{ top: 0.33rem; left: -0.1rem}

#qy{ position: absolute; top: 3.08rem; left: 5.2rem;}
#qy .name{ background-image: url(city_qy.png);}
#qy .tent{ top: 0.33rem; left: -0.1rem}

#cz{ position: absolute; top: 2.97rem; left: 12rem;}
#cz .name{ background-image: url(city_cz.png);}
#cz .tent{ top: 0.33rem; left: -0.1rem}

#jy{ position: absolute; top: 3.5rem; left: 10.85rem;}
#jy .name{ background-image: url(city_jy.png);}
#jy .tent{ top: 0.33rem; left: -0.1rem}

#yf{ position: absolute; top: 4.8rem; left: 3.88rem;}
#yf .name{ background-image: url(city_yf.png);}
#yf .tent{ top: 0.33rem; left: -0.1rem}

.tc{ visibility:hidden; position: fixed; top: 2.5rem; left: 50%; width: 6rem; height: 8.2rem; padding: 0.27rem 0.27rem 0.2rem; margin-left: -3rem; background-color: #fff; border: 0.03rem solid #5cdbe7; border-radius: 0.1rem; box-sizing: border-box; z-index: 999}
.tc.active{ visibility:visible;}
.tc_tem{ position: absolute; top: 0.27rem; left: 0.27rem; visibility:hidden; width: 5.4rem; height: 7.7rem; }
.tc_des{ position: absolute; bottom: 0.14rem; left: 0.14rem; width: 3.8rem; font-size: 0.24rem; line-height: 0.32rem; color: #666;}
.btn_close{ position: absolute; top: -0.5rem; right: -0.5rem; width: 0.5rem; height: 0.5rem; background: url(btn_close.png) no-repeat center top; cursor: pointer; background-size: 100% 100%;}
.tc_tem.active{visibility:visible;}

.swiper-container-city{ position: absolute; top: 0; left: 0; width: 5.4rem; height: 7.7rem;  z-index: 3; overflow: hidden;}
.swiper-container-city .swiper-wrapper{ height: 5.4rem;}
.swiper-container-city .swiper-slide{ position: relative; width: 5.4rem; height: 7.2rem; }
.swiper-container-city .swiper-slide img{ max-width: 5.4rem;}
.swiper-container-city .swiper-slide p{ font-size:0.28rem; line-height: 0.36rem; margin-bottom: 0.2rem; color: #333;}

.swiper-city-pagination{ position: absolute; bottom: 0; right: 1rem; left: auto; width: auto; font: 0.24rem/0.24rem "Microsoft Yahei"; color: 333;}
.swiper-city-pagination .swiper-pagination-current{ font-weight: bold; color: #e82c2c;}
.swiper-city-prev,.swiper-city-next{ position: absolute; bottom: 0; width: 0.26rem; height: 0.4rem; background-image: url(arr.png); cursor: pointer; background-size: 0.52rem 0.8rem;}
.swiper-city-prev{ right: 0.44rem; background-position: 0 0}
.swiper-city-next{ right: 0; background-position: -0.26rem 0}
.swiper-city-prev:hover{ background-position: 0 -0.4rem}
.swiper-city-next:hover{ background-position: -0.26rem -0.4rem}
/**/