*{margin:0px;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;margin:0px;padding:0px;font-style: normal;font-weight: normal;-webkit-transition: .5s;transition: .5s;}
dl,dd,ul,li{margin:0px;padding:0px;list-style:none;}
input,button,select,keygen,legend{outline:0;border:1px solid #DEDEDE;font: 12px/1.6 tahoma,Arial,Helvetica,sans-serif;border-radius: 3px;height: 36px;line-height: 1;}
input{background-color: transparent;display: inline-block;}
input, select, button, textarea {padding: 2px 8px;background: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 1px solid #DEDEDE;}
a,button{cursor:pointer;}
a{color:#333;text-decoration:none;}
a:hover{color:#666;}
img{max-width:100%;display: block;}
em{font-style: normal;font-weight: bold;}
body{font-size:1.4rem; line-height: 1.6;min-height: 100vh;background-color: #f4f4f4;font-family: 'Outfit', 'Inter', sans-serif;}

@font-face {
  font-family: "iconfont"; /* Project id 4803018 */
  src: url('../iconfont/iconfont.woff2?t=1736061245693') format('woff2'),
       url('../iconfont/iconfont.woff?t=1736061245693') format('woff'),
       url('../iconfont/iconfont.ttf?t=1736061245693') format('truetype');
}
[class^="iconfont"],[class*=" iconfont"]{font-family: "iconfont" !important;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


@keyframes fadeIn {
  0% {transform: translateY(30px);}
  100% {transform: translateY(0);}
}

.width{width:1160px;}
.center{margin:0 auto;}
.clearfix:after {content: "";display:table;clear: both;overflow: hidden}
.flex{display: flex;}
.flexBox{display: flex;justify-content: space-between;}
.flexBox .auto,.flex .auto{flex:1;}
.click{cursor:pointer;}
.fixed.active{position:absolute;width:100%;}

.onHide{display:none!important;}
.onShow{display:block!important;animation: fadeIn 0.3s ease forwards;}
.m-show{display:none;}

.Mb10{margin-bottom: 1rem;}
.Mb20{margin-bottom: 2rem;}
.Mb50{margin-bottom:5rem;}

.thumb,.thumb-info{position: relative; border-radius: 5px;overflow: hidden;}
.thumb img,.thumb-info img{width: 100%;}
.thumb:after,.thumb-info:after {content: "";background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 32%, rgba(0, 0, 100, 0));height: 60%;left: 0;position: absolute;bottom: 0;border-radius: 5px;width: 100%;z-index: 3;transition: 0.4s;}
.thumb-info a,.thumb-info span{position: absolute;width: 100%;bottom: 0;padding: 1.5rem 2rem;z-index: 4;color: #FFFFFF;font-weight: bold;}

.dropdown{position:relative;}
.dropdown>div:first-child{position: relative;padding-right: 18px;}
.dropdown>div:first-child::after{display: block;font-family: 'iconfont' !important;color: #333;font-weight: bold; position: absolute;right: 0;top:50%;content: "\e607";width: 12px;height: 12px;line-height: 12px;font-size:1rem;margin-top:-5px;}
.dropdown .option{position:absolute;display:none;z-index:99;min-width:80px;background-color:#FFFFFF;left:0;padding:1rem 0;}
.dropdown .option .item{display:block;padding:0 10px;font-size:14px;color: #000;}

.route{font-size:1.2rem;line-height:4.2rem;display: flex;}
.route:after{display: table;content: '';clear: both}
.route a,.route em,.route span,.route i{color:#333;vertical-align:middle;vertical-align:middle;position: relative;padding-right: 1.2rem;margin-right: 1.2rem;}
.route a::after{display: block;font-family: 'iconfont' !important;background-color: #999;font-weight: normal; position: absolute;right: 0;top:50%;content: " ";width: 2px;height: 8px;line-height: 12px;font-size:1rem;margin-top:-2px;transform: rotate(30deg);border-radius:2px;}

.route span:last-child{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.thumb:after,.thumb-info:after {content: "";background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 32%, rgba(0, 0, 100, 0));height: 60%;left: 0;position: absolute;bottom: 0;border-radius: 5px;width: 100%;z-index: 3;transition: 0.4s;}



.wrapper{display: flex;}
.main{flex:1;margin-right: 3.8rem;}
.sidebar{width:26rem;position: relative;}

main{min-height: calc(100vh - 114px);}
footer{display: block;min-height: 20rem;padding: 15px 0;font-family: Arial; }

/*公共头部样式*/
.header {position: relative;z-index: 99;border-bottom:1px solid #DEDEDE;background-color: #FFFFFF;}
.header .head{display:flex; justify-content: flex-end;padding: 1.5rem 0;}
.header .head .logo{height:3.6rem;margin-right: 5rem;}
.header .head .logo img{height:3rem;vertical-align: middle;}
.header .nav{display: flex;justify-content: space-between;height:5.2rem;line-height:5.2rem;}
.header .nav .nav-list{height:5.2rem;line-height:5.2rem;font-size:1.5rem;display:flex;}
.header .nav .nav-list>li{position:relative;padding-right:18px;margin-right:18px;}
.header .nav .nav-list>li>.iconfont{display: inline-block; font-size: 1.3rem;line-height:5.2rem;margin-right: 0.8rem;}
.header .nav .nav-list>li a{color: #333;font-weight: bold;}
.header .nav .nav-list>li:last-child{padding-right:0;}
.header .nav .nav-list>li:last-child:after{display:none;padding-right:0;}


.header .head>div.searcher i.iconfont{display: block;width: 3.2rem; height:3.2rem;line-height:3.2rem;text-align: center; font-size: 2rem;color: #333;margin-top:1.5rem;}

.header .head>div.searcher{border:1px solid #ed1c24;height:3.8rem;line-height:3.8rem;padding: 1px; flex:1;margin: 0 2rem;border-radius: 2rem;}
.header .head>div.searcher form{display:flex;width: 100%;}
.header .head>div.searcher .input,.header .head>div.searcher .type,.header .head>div.searcher .submit{height:3.4rem;line-height:3.4rem;}
.header .head>div.searcher .type select{border: none;}
.header .head>div.searcher .input{flex:1;}
.header .head>div.searcher .input input{height:3.4rem;line-height:3.4rem;width:100%;border: none;}
.header .head>div.searcher .type{margin:0 -1px;min-width:8rem;}
.header .head>div.searcher .submit{width:10rem;text-align:center;}
.header .head>div.searcher .submit button{display:block;width:100%;background-color:#ed1c24;height:3.4rem;line-height:3.4rem;border-radius:0;color:#FFFFFF;border: none;padding: 0 1rem;border-radius: 2rem;}

.header .head .menu{display: flex;line-height: 3.6rem;font-size: 1.6rem;font-weight: bold;max-width: 30rem;justify-content: flex-end;}
.header .head .menu>div{padding: 0 1.5rem;}

.footer{padding:3rem 0 8rem 0;line-height: 3rem;border-top:2px solid #DEDEDE;font-size: 1.6rem;}
.footer>div .hd{font-size: 1.8rem;font-weight: bold;margin-bottom: 0.5rem;}

.footer .info{width:36rem;margin-right:5rem;line-height:1.8;}
.footer .info .logo{margin-bottom: 1.5rem;}
.footer .info .logo img{height:2.8rem;}


.footer .links{flex:1; margin-right:5rem;}
.footer .links ul{display: flex;flex-wrap: wrap;}
.footer .links ul li{width: 50%;position: relative;padding-left: 1.5rem;}
.footer .links ul li::before {height: 8px;width: 8px;background: #ffce40;content: '';position: absolute;left: 0;top:50%;margin-top: -4px;}


.footer .search{padding: 0.8rem 0;}
.footer .search form{display: flex;border: 1px solid #ABABAB;}
.footer .search form .input{flex: 1;}
.footer .search form .input input{width: 100%;border: none;}
.footer .search form .submit{background-color: #DEDEDE;margin-left: -1px;}

.footer .social{margin-top: 2rem;}
.footer .social ul{display: flex;}
.footer .social ul li{display: block; width: 3rem;height: 3rem;line-height: 3rem;background-color: #DEDEDE; color: #666;border-radius: 0.5rem;margin-right:1rem;text-align: center;}

.footer .copyright{font-size: 1.4rem;margin-top:2rem;text-align: center;}
.footer .Destinations{width:26rem;}
.footer .Destinations dl dd{width:calc(50% - 1rem);margin-right: 1rem;float: left;}


.side-block-box {background: #FFFFFF;padding:2rem 2.5rem 3rem 2.5rem;}
.side-block-box strong {display:block;font-size:2rem;margin-bottom:0.5rem;}
.side-block-box span {display:block;font-size: 1.4rem;margin-bottom:1.5rem;color:#666;}
.side-block-box a {display: inline-block;padding: 0.3rem 2rem;font-size: 1.4rem;line-height:1.6;color: #fff;background-color: #f43651; border: none;border-radius: 2rem;cursor: pointer;text-align: center;text-decoration: none;}
.side-block-box button:hover {background-color: #bb243a;}

.culture-block-box {background: #FFFFFF;padding:1.5rem;flex:1;display: flex; justify-content: center;flex-direction:column;text-align: center;}
.culture-block-box strong {display:block;font-size:2rem;margin-bottom:1rem;}
.culture-block-box span {display:block;font-size: 1.4rem;margin-bottom:3rem;color:#666;}
.culture-block-box a {display: inline-block;padding: 0.3rem 2rem;font-size: 1.4rem;line-height:1.6;color: #fff;background-color: #f43651; border: none;border-radius: 2rem;cursor: pointer;text-align: center;text-decoration: none;}
.culture-block-box button:hover {background-color: #bb243a;}

.list-box{background-color: #FFFFFF;padding: 2rem;}

/*列表*/
.article-list{display: flex; flex-wrap: wrap; }
.article-list li {flex: 1 1 calc(50% - 2rem); margin-right: 2rem;margin-bottom:2rem;}
.article-list.r2 li:nth-child(2n){margin-right: 0;}
.article-list.r3 li {flex: 1 1 calc(33% - 2rem); margin-right: 2rem;margin-bottom:2rem;}
.article-list.r3 li:nth-child(3n){margin-right: 0;}
.article-list.r4 li {flex: 1 1 calc(25% - 2rem); margin-right: 2rem;margin-bottom:2rem;}
.article-list.r4 li:nth-child(4n){margin-right: 0;}
.article-list li .title{font-size:1.8rem;line-height: 1.4;font-weight: bold;padding: 0.8rem 0;}
.article-list li .title a{color:#333;font-size: 1.6rem;font-weight: bold;height:4.4rem;line-height:2.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.article-list li .info{color: #767676;font-size: 1.2rem;}

.news-list li{border-bottom: 1px solid #F4F4F4;padding-bottom:12px; margin-bottom: 12px;display: flex;}
.news-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom: 0;}
.news-list li.column{flex-direction: column;}
.news-list li .thumb{width:12.5rem; margin-right:1rem;}
.news-list li.column .thumb{width:auto;}
.news-list li .info{flex:1;}
.news-list li .info .tag{height: 20px;line-height: 20px;padding: 0 5px;display: inline-block;border-radius: 2px;font-size: 12px;border-radius: 5px;margin-bottom: 0.5rem;}
.news-list li .info .tag-red {background: #ed1c24;color: #fff;}
.news-list li .info h6{font-size: 1.6rem;font-weight: bold;max-height:4.4rem;line-height:2.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0.8rem;}
.news-list li .info .des{display: flex;color: #888;font-size: 1.2rem;}


.spot-list{display: flex;flex-wrap: wrap;width: 100%;}
.spot-list li{margin-right:2rem;margin-bottom:2rem;}

.spot-list.r4 li{width: calc(25% - 1.5rem);}
.spot-list.r4 li:nth-child(4n){margin-right: 0;}

.spot-list.r5 li{width: calc(20% - 1.6rem);}
.spot-list.r5 li:nth-child(5n){margin-right: 0;}

.spot-list li:last-child{margin-right: 0;}
.spot-list li .thumb{margin-bottom: 0.8rem;}
.spot-list li .thumb .vote{display: block;position: absolute;right:1rem;top:1rem;background-color: rgba(255, 255, 255, 0.65);width: 3.6rem;height: 3.6rem;border-radius:1.8rem;text-align: center;line-height: 3.6rem;font-size: 2rem;color: #767676;cursor:pointer;}
.spot-list li .thumb .vote:hover{background-color:#ed1c24 ;color: #FFFFFF;}
.spot-list li .info .city em {color: #000;background-color: #dfcfc6;line-height: 2.6rem;display: inline-block;border-radius: 5px;font-size: 12px;margin-right: 5px;padding: 0px 10px;font-weight: 600;}
.spot-list li .info .title{font-size: 1.8rem;font-weight: 700;line-height:2.2rem;margin: 0.8rem 0;}
.spot-list li .info .stars{color: #ed1c24;font-size: 1.2rem;margin: 0 0.5rem;}

@media (max-width: 900px){
  .width{width:96%;}
  .header .head .searcher{display: none;}
  .header .head .nav{display: none;}
  .header .head .nav-list>li{position:relative;padding-right:1rem;margin-right:1rem;}
  .header .head .logo{flex:1;}
}


@media (max-width: 768px){
  .width{width:100%;}
  .header .head{padding: 0.5rem 0.5rem;}
  .header .nav{display: none;position: absolute;background: rgba(0, 0, 0, .8);right: 0.5rem;top:5rem;height: auto;min-width:16rem;border-radius: 0.5rem;}
  .header .nav .nav-list{flex-direction: column;height: auto;padding: 0.8rem 0;}
  .header .nav .nav-list>li{padding: 0 2rem 0 3.6rem;line-height:3.2rem;}
  .header .nav .nav-list>li>.iconfont{line-height:3.2rem;}
  .header .nav .nav-list>li::before{display: block;font-family: 'iconfont'!important;font-weight: normal; position: absolute;left:1.5rem;top:0;content: "\e607";font-size:1.2rem;line-height:3.2rem;transform: rotate(270deg);color: #FFFFFF;}
  .header .nav .nav-list>li a{color: #FFFFFF;}

  .footer{padding: 2rem;}
  .footer .site-info{width:100%;margin-right:0; margin-bottom:3rem;text-align: center;}
  .footer .site-info .logo img{margin: 0 auto;}
  .footer .site-info .social ul{justify-content: center;}
  .footer .info>.auto>.links>div{margin-right:0;text-align: center;width: 33%;}

  .footer .copyright{text-align: center;}

  .fixed.active{position:static;}

  .route{padding: 0 1rem;font-size: 1.2rem;}

  .wrapper{display: flex;}
  .main{margin-right:0}
  .sidebar{width:100%;padding:0 1rem;}

  .flex,.wrapper{flex-direction: column;}

  .m-full{width:100%!important;margin-bottom: 1rem;}
  .m-show{display: block!important;}
  .m-hide{display: none!important;}
  
  .spot-list-box{padding: 1rem;}
  .spot-list-box .spot-list.r5 li{width: calc(50% - 1rem); margin-right: 2rem;}
  .spot-list-box .spot-list.r5 li:nth-child(5n){margin-right:2rem;}
  .spot-list-box .spot-list.r5 li:nth-child(2n){margin-right:0;}
}