@charset "utf-8";
#map{overflow: auto;width: 100%}
.svg_chmap{min-height:500px;display:block;stroke-width:0.5px;fill:#dde796; stroke: #360;stroke-dasharray:5,0;transition:width 0.5s,margin-bottom  0.5s;}
#china_map{min-height:500px;}
.svg_chmap text{stroke-width:0;fill:#999;writing-mode:initial;font-size: 0.8em;}
.svg_chmap a{fill:#d8e47d;cursor: pointer;stroke:inherit;}
.svg_chmap a:hover{fill:#d0de69;}
.svg_chmap a text{fill:#360;writing-mode:inherit;}
.svg_chmap a:hover text{fill:#000;}

.hotel3{margin:0em 0 1em 0;}
.hotel3 .swiper-slide{width:250px;}
.hotel3.gridlists .swiper-container{margin:0.7em 0;}
.hotel3.gridlists .grid_list{width:100%;margin:0;padding:0;}
.hotel3.gridlists .grid_pic{float:none;width:100%;height:190px;}
.hotel3.gridlists .grid_name{margin:0.55em 0.3em 0em 0.3em; font-size: 1.2em;}
.hotel3.gridlists .grid_txt{overflow: auto;}
.hotel3.gridlists .grid_rate{position:relative;}
.hotel3.gridlists .grid_prices{font-size:1em;}
.hotel3.gridlists .grid_prices em{font-size:1.6em;}

.tourist{margin:0em 0 1em 0;}
.tourist .swiper-slide{width:13em;}
.tourist.gridlists .swiper-container{margin:0.7em 0;}
.tourist.gridlists .grid_list{width:100%;margin:0;padding:0;}
.tourist.gridlists .grid_pic{float:none;width:100vw;height:100vw;max-width:208px;max-height:208px; border-radius:50%;}
.tourist.gridlists .grid_name{margin:0.5em 0.3em 0.5em 0.3em;text-align: center;font-size: 1.2em;}
.tourist.gridlists .grid_txt{height: 2.9em;}

.popular{}
.popular ol{}
.popular li{border-bottom: 1px solid #ccc;}
.popular li a{display: block;padding: 7px 0.5em 7px 1.5em;color:#000;transition:background 0.2s;}
.popular li a::before{content:"";display: inline-block;width: 0.5em;height: 0.5em;background:#069;margin: 0 0.2em 0 -0.7em;position: relative;top:-2px;}
.popular li a:hover{background: rgba(0,0,0,0.1)}

.style2{margin:0em -2% 1.5em 0;width: 102%; position: relative;left: -2%;}
.style2 .title{margin: 0 0 1.6% 2%}
.style2.gridlists .grid_list{width:31.3333%;margin:0 0 1.2em 2%;padding:0;}
.style2.gridlists .grid_list:hover .grid_link::before{background: rgba(0, 0, 0,0.2)}
.style2.gridlists .grid_pic{float:none;width:100%;height:14.18em;z-index: 2;}
.style2.gridlists .grid_name{ text-align: center; font-weight: bold;margin:0; font-size: 1.2em;position: absolute;z-index: 3;bottom:0;left:0.5em;right:0.5em;color:#FFF;border-top:1px solid #FFF;padding:1em 0;}
.style2.gridlists .grid_list::before{content: " ";left:0;right:0;z-index:3;position: absolute;

background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );

bottom: 0;height: 5em;}
.style1.gridlists .grid_txt{height: 2.9em;}