@charset "utf-8";
*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none; box-sizing: border-box;font-style: normal;outline: none;}
html{}
body{width: 100%; height: 100%; overflow-x: hidden; font-size:12px;}
img{vertical-align: middle;max-width: 100%;}
a {	text-decoration: none;	color: #000;}
a, label, button, input, select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {width: 100%;height: auto;display: block;	border: 0;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {	margin: 0;	padding: 0;}
a {	text-decoration: none;	color: #08acee;}
button {outline: 0;}
img {border: 0;}
button, input, optgroup, select, textarea { margin: 0; font: inherit;  outline: none;}
li {list-style: none;}
a {	color: #000;}
ul,li{list-style:none;}
em{font-style:normal;display:inline-block;}
p{display:block;}
table,tr,th,td{border:#eeeeee solid 1px;border-collapse:collapse;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.mb{ margin-bottom: .3rem !important;}

.left-box{ position: absolute; background: url(../images/left-bg.png) no-repeat center center;  z-index: 98999;width: 55%;height: 100vh;}
.logo{ margin-left: 20%; margin-top: 5%;}
.logo img{ width: 45%;}
/*导航*/
.menu{ margin-left: 20%; width: 40%; margin-top: 3%;}
.menu ul{width: 100%;height: 100%;}
.menu ul li{font-size: 20px;color: #e5e9e1;display: flex; align-items: center; margin: 15px 0;}
.menu ul li i{ display: block;  margin-right: 15px; background: rgba(97, 149, 35, .5); width: 54px; height: 54px; border-radius: 50%;border: 1px dashed #507e1a;}
.menu ul li p{ display: flex; align-items: center; justify-content: space-between; border-radius: 50px; height: 54px; line-height: 52px; width: 73%;border: 1px dashed #507e1a; background: rgba(97, 149, 35, 1); padding-left: 5%; font-size:20px }
.menu ul li.cate i{background: url(../images/potted-plant.png) center center no-repeat;background-size: 50% 50%; }
.menu ul li.cate.active i{background: url(../images/potted-plant-hover.png) center center no-repeat;background-size: 50% 50%;width: 54px; height: 54px; border: 1px dashed #ffae00; }
.menu ul li.hn i{background: url(../images/figma-logo.png) center center no-repeat;background-size: 50% 50%;}
.menu ul li.hn.active i{background: url(../images/figma-logo-hover.png) center center no-repeat;background-size: 50% 50%;width: 54px; height: 54px; border: 1px dashed #ffae00;}
.menu ul li.xc i{background: url(../images/farm.png) center center no-repeat;background-size: 50% 50%; }
.menu ul li.xc.active i{background: url(../images/farm-hover.png) center center no-repeat;background-size: 50% 50%;width: 54px; height: 54px; border: 1px dashed #ffae00; }
.menu ul li.zl i{background: url(../images/tree.png) center center no-repeat;background-size: 50% 50%; }
.menu ul li.zl.active i{background: url(../images/tree-hover.png) center center no-repeat;background-size: 50% 50%;width: 54px; height: 54px; border: 1px dashed #ffae00; }
.menu ul li.ksh i{background: url(../images/chart-line-up.png) center center no-repeat;background-size: 50% 50%; }
.menu ul li.ksh.active i{background: url(../images/chart-line-up-hover.png) center center no-repeat;background-size: 50% 50%;width: 54px; height: 54px; border: 1px dashed #ffae00; }
.menu ul li.active i{color: #248136; }
.menu ul li.active p{ color: #ffffff; background: rgba(255, 174, 0, 1); border: 1px solid rgba(255, 174, 0, 1);}
.menu ul li.active p em{ background: url(../images/caret-right.png) no-repeat center center; display: block; width: 15px; height: 15px; margin-right: 5%;} 

.banner{ position: absolute;width: 100%;height: 100vh;}
.banner .swiper-container {width: 100%;height: 100vh; /* 使幻灯片满屏 */}
.banner .swiper-slide{width: 100% !important; display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center;}


.right-box{ position: absolute; overflow: hidden; z-index: 989999;width:60%;height: 100vh; right: 0;}

.hnfw-top{margin-right: 20%; margin-top: 2%;}
.hnfw-top .swiper .swiper-slide .hnfw-box{ width: 100%; background-color: #ffffff; border-radius: 10px; display: flex; align-items: center; padding:7% 5%;justify-content: space-between;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-pic{width: 120px; height: 90px;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-pic img{ width: 120px;height: 90px; margin-right: 5px; height: auto; border-radius: 10px;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-text{ font-size: 14px; display: grid; padding-left: 2%;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-text h3{ font-size: 18px; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-text span{  color: #8a8a8a;display: flex; align-items: center; justify-content: space-between; padding: 5px 0;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-text span em{ width: 50%;display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hnfw-top .swiper .swiper-slide .hnfw-box .hnfw-text i{ color: #8a8a8a; display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hnfw-top .swiper-3d{ perspective: 600px !important;}
.hnfw-top .swiper .swiper-slide.swiper-slide-active .hnfw-box{ background: #71a930; box-shadow: 0 0 10px #dddddd;}
.hnfw-top .swiper .swiper-slide.swiper-slide-active .hnfw-box .hnfw-text h3{color: #ffffff; border-bottom: 1px solid #87b550;}
.hnfw-top .swiper .swiper-slide.swiper-slide-active .hnfw-box .hnfw-text,
.hnfw-top .swiper .swiper-slide.swiper-slide-active .hnfw-box .hnfw-text span,
.hnfw-top .swiper .swiper-slide.swiper-slide-active .hnfw-box .hnfw-text i{color: #ffffff;}
.hnfw-top .swiper-button-next, .hnfw-top .swiper-button-prev{color:#71a930; font-size: 18px;}

.hnfw-title{font-size: 24px; text-align: center; background: url(../images/title-bg.png) no-repeat center bottom; height: 60px; line-height: 50px; margin-bottom: 20px;}

.guanggao{margin-right: 20%; margin-top: 3%; margin-bottom: 3%;}
.guanggao a{ display: block;}
.guanggao a img{ border-radius: 150px;}

.tab-box{margin-right: 20%; background:rgba(255, 255, 255, .5);}
/* 容器样式 */
.tab-container {width: 100%; height: 38vh; overflow: hidden; display: flex;flex-direction: column; /* 垂直布局 */}
/* 导航栏样式 */
.tab-nav-icon { display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch; /* iOS滚动优化 */scrollbar-width: none; /* 隐藏滚动条 */background: #e9f6dd;}
.tab-nav-icon::-webkit-scrollbar {display: none;}
/* Tab项样式 */
.tab-nav-icon .tab-item {flex: 0 0 auto; background: url(../images/line.png) no-repeat right center; width: 14.2%; padding: 1% 0; text-align: center; font-size: 20px;color: #666;white-space: nowrap;position: relative;transition: color 0.3s;cursor: pointer;}
.tab-nav-icon .tab-item:last-of-type{ background: none;}
.tab-nav-icon .tab-item.active {color: #619523;  background-color: #d7ebc5; font-size: 20px; font-weight: bold;}
.tab-nav-icon .tab-item i{ width: 25px; opacity: .5; display: block; margin:5px auto;}
.tab-nav-icon .tab-item i img{ width: 25px;}
.tab-nav-icon .tab-item.active i{opacity: 1;}
.content-item {position: absolute; background:rgba(255, 255, 255, 0); /* height: 20vh; */ overflow: hidden; width: 80%; opacity: 0;transition: opacity 0.3s;pointer-events: none;}
.content-item.active {opacity: 1;pointer-events: auto;}

.con {padding: 2% 5% 0 5%; height: 23vh; overflow: hidden;}
.news .news_title {font-size: 16px;line-height: 30px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */float: left;width: 80%;/* transition: 0.4s; *//* transition: all 0.4s ease-in-out; */}
.news.newss .news_title {font-weight: bold;/* font-size: 18px; */float: none;width: 100%;}
.news.newss .news_title a {color: #619523;}
.news.newss .news_text {font-size: 14px;line-height: 20px;min-height: 20px;display: block;}
.news .news_text {display: none;}
.news.newss .news_date {display: none;}
.news.newss .news_text a {color: #999;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .news_title a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.news .news_date {line-height: 30px;float: right;color: #999;font-size: 16px;font-style: italic;display: block;}
.news {padding: 1% 0;width: 100%; display: block;}
.more{ font-size: 14px;color: #676565; display: block; height: 35px; line-height:35px; text-align: center;}
.more a{}

.tab-flex{ display: flex; margin-top: 5%;}
.tab-flex .tab-container{ width: 60%; height: 40vh;}
.tab-flex .tab-right{ width: 40%;}
.tab-flex .tab-nav-icon{background: none; border-bottom: 1px solid #dddddd;}
.tab-flex .tab-nav-icon .tab-item{ width: 31%; background:url(../images/line.png) no-repeat right center; margin-left: 1vh; padding:1vh; display: flex; align-items: center;justify-content: center;}
.tab-flex .tab-nav-icon .tab-item i{margin: 5px 5px 5px 0;}
.tab-flex .tab-nav-icon .tab-item:last-of-type{background: none !important;}
.tab-flex .content-item{ width:47%;}
.tab-flex .con{ height: 30vh; overflow-y: auto;}
.tab-right{ background: #e9f6dd;}


.guanggao1{ display: flex; align-items: center; margin-right: 20%; margin-top: 3%; margin-bottom: 3%;}
.guanggao1 a{ display: block; width: 50%; height: 12vh; margin-right: 3%;}
.guanggao1 a img{ border-radius: 100px;width: 100%; height: 12vh;}
.guanggao1 a:last-of-type{ margin-right: 0;}

.rc-box{ padding: 10px 5px; height: 20vh;}
/*标题*/
.title{ display: flex; align-items: center;justify-content: space-between; margin: 0 20px 0 20px; height:5vh;}
.title b{ font-weight: normal; font-size: 20px; display: flex; align-items: center;}
.title b img{ width: 20px; margin-right: 5px;}
.title a{ display: flex; align-items: center; font-size: 14px; color: #8e918d;}
.title a img{ width: 8px; margin-left: 5px;}
.i{ font-size: 14px; color: #828181; margin: 0 10px 1vh 10px;}


.ts-box{ padding: 10px 5px; background-color: #f6f9f3; height: 20vh;}
.box-li{ display: flex; align-items: center;}
.box-li li{ width: 42%; margin-left: 5%;}
.box-li li a{ display: block; font-size: 16px; text-align: center;}
.box-li li a img{ width: 100%; height: 10vh; border-radius: 10px; display: block;}
.box-li li a span{ height: 3vh; line-height: 3vh; display: block;}

.bot-box{ margin-right: 20%; display: flex; height: 30vh;}
.bot-box .bot-box-left{ width: 25%; height: 30vh; background: url(../images/jd-bg.jpg) no-repeat; background-size: 100%;}
.bot-box .bot-box-left span{ font-size: 26px; margin:15% 10% 0 15%; line-height: 1; float: left; width: 15px; display: block;}
.bot-box .bot-box-left a{ width: 10px;float: left; display: block; background: url(../images/k.png) no-repeat top center; padding-top: 25%; font-size: 15px;}
.bot-box .bot-box-right{ width: 75%; height: 30vh;}
.bot-box .bot-box-right a{position: relative; display: block; height: 14.3vh; margin-bottom: 2%; float: left; width:31.3%; margin-left:2%}
.bot-box .bot-box-right a:nth-child(3){ height: 30vh; float: right;}
.bot-box .bot-box-right a:nth-child(3) img{ width: 100%; height: 30vh;}
.bot-box .bot-box-right a span{ position: absolute; bottom: 0; width: 100%; font-size: 20px; padding: 0 2%; background: rgba(0, 0, 0, .5); height: 5vh; line-height: 5vh; display: block; color: #ffffff; }
.bot-box .bot-box-right a img{height: 14.3vh; }


.dj-box{width: 60%;height: 53vh;}
.dj-con{ padding: 0 5% 1% 5%;}
.dj-con .swiper {width: 100%;height: 26vh; margin-top: 3%;}
.dj-con .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.dj-con .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.dj-con .swiper-slide a{ position: relative; width: 100%; height: 100%;}
.dj-con .swiper-slide a span{ position: absolute; bottom: 0; height:5vh; line-height: 5vh; background: rgba(0, 0, 0, .5); width: 100%; padding: 0 2%;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; word-break: break-all; color: #ffffff; left: 0;}

.xfwm-box .tab-container{ height: 40vh;}
.xfwm-box{ height: 40vh;}
.xfwm-box .tab-container{ width: 100%;}
.xfwm-box .tab-nav-icon{background: none; border-bottom: 1px solid #dddddd;}
.xfwm-box .tab-nav-icon .tab-item{ width: 50%; background:url(../images/line.png) no-repeat right center; margin-left: .55vh; padding:.55vh; display: flex; align-items: center;justify-content: center;}
.xfwm-box .tab-nav-icon .tab-item i{margin: 5px 5px 5px 0;}
.xfwm-box .tab-nav-icon .tab-item:last-of-type{background: none !important;}
.xfwm-box .content-item{ width:32%;}
.xfwm-box .con{ height: 48vh; background: #f6f9f3;}
.xfwm-li{ border-left: 1px solid #dee9ce; padding-left: 3%;}
.xfwm-li a{ display: block; padding: .5vh 0; position: relative; width: 100%;}
.xfwm-li a span{font-size: 16px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.xfwm-li a i{ font-size: 14px; color: #949494; margin-top: .5vh; display: block;}
.xfwm-li a em{position: absolute; left: -4.5%; top: 20%;}

.yjjy{background: linear-gradient(180deg, #eff5e9 0%, #ffffff 100%); margin: 0; height:15vh;}
.jy-a{ display: flex; align-items: center; color: #416614; font-size: 16px;background: linear-gradient(90deg, #e3f3d6 0%, #ffffff 100%); border-radius: 5px; margin: 3%; padding: 3%;}

.z-cox{display: flex; align-items: center; margin-right: 20%; margin-top: 3%;}
.z-cox a{display: block; width: 25%;height: 30vh; overflow: hidden;}
.z-cox a img{ width: 98%;}

/*详细*/
.mainTex{ background: rgba(255, 255, 255, .5); border-radius: 20px; padding: 2%; margin-right: 20%; margin-top: 3%;}
.big-title{ font-size: 24px; line-height: 1.5; margin-top: 10px; text-align: center;}
.hd-date{ font-size: 15px; color: #5e5d5d; text-align: center; margin: 10px 0; border-bottom: 1px solid #e6e5e5; padding-bottom: 10px;}
.content-text{ margin-bottom: 10px; height: 75vh; overflow-y: auto;}
.content-text p{line-height: 2.2; font-size: 18px; color: #333333;}
.content-text p img, .content-text img{ display: block; margin: 0 auto;}

/**/
.mainPic{ height: 65vh; overflow: hidden;}
.scenic-list{ display: grid; height: 30vh; float: left; width: 30%; margin-left: 2.5%; margin-top:10px; margin-bottom: 10px; background-color: #ffffff; border-radius: 10px;}
.scenic-pic{ width: 100%; height: 170px; display: block;}
.scenic-pic img{display: block;max-width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.scenic-span{ font-size: 18px; margin: 10px; line-height: 1.5; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.scenic-bot{ font-size: 15px; padding:0 10px 10px 10px; display: flex;align-items: center;justify-content: space-between;}
.scenic-bot a{ display: flex;align-items: center; padding:0 5px; color: #888888;}
.scenic-bot a img{ width: 15px; margin-right: 5px;}
.fenye{ padding: 20px; max-height: 12vh;}


/*活动列表*/
.hd{height: 74vh; overflow: hidden;}
.hd-list{display: block;}
.hd-list-top{align-items: center; display: flex; margin-bottom:  5px;}
.hd-list .right-img{ margin-right: 15px; left:0; flex: 0 0 140px; border-radius: 10px;}
.hd-list .right-img img{border-radius:  5px; height:100px;}
.hd-list .left-desc{/* display: grid;*/ width: 100%;}
.hd-list .left-desc .t{ line-height: 1.5;  font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.hd-list .left-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 160px; float: left;}
.hd-list .left-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: 15px; padding: 0 5px; margin-left: 5px; border-radius: 10px;}
.hd-list .left-desc .adds{ font-size: 15px; color: #a2a2a2; /*display: flex; align-items: center;*/ }
.hd-list .left-desc .adds img{width:  5px; margin-right:  5px;}
.hd-list .left-desc .adds em{ margin-top:.2rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; width:100%; }
.hd-list .zhuat{position: absolute; padding: 0 5px; top:  0; left: 0; height: 30px; font-size: 15px; line-height: 30px; text-align: center; border-radius: 5px 0 5px 0;}
.hd-list .zhuat.yjs{ background-color: #eeeeee; color: #333333;}
.hd-list .zhuat.zzjx{ background-color: #006bd8; color: #ffffff;}
.hd-list .info{ font-size: 15px; border-bottom: 1px solid #eeeeee; color: #a2a2a2; height: 50px; line-height: 50px;}

.hd-list .left-desc1{/* display: grid;*/ width: 82%;}
.hd-list .left-desc1 .t{ line-height: 1.5;  font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.hd-list .left-desc1 .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 160px; float: left;}
.hd-list .left-desc1 .t i{ background-color: #d8ebff; color: #006bd8; font-size: 15px; padding: 0 5px; margin-left: 5px; border-radius: 10px;}
.hd-list .left-desc1 .adds{ font-size: 15px; color: #a2a2a2; /*display: flex; align-items: center;*/ }
.hd-list .left-desc1 .adds img{width:  5px; margin-right:  5px;}
.hd-list .left-desc1 .adds em{ margin-top:.2rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; width:100%; }


/*幻灯*/
.travel-by{ width:350px; height: 237.5px; margin: 0 auto; overflow: hidden;}
.travel-by img{ width: 100%;min-height:237.5px;object-fit: contain; display: block; }
.product-pic{ position: relative; width: 50%; float: left;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ top:78% !important; bottom: 10%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px !important}
.travel-by .swiper-pagination .swiper-pagination-bullet{ background: #ffffff;opacity:.5}
.travel-by .swiper-pagination .swiper-pagination-bullet-active{ background: #ffffff;opacity:1}


.top-bg{ height: 35vh; overflow-y: auto;}
.hd-con .t{ font-weight: bold; font-size: 24px;}
.hd-con .eyes{ padding: 10px 0; border-bottom: 1px solid #eeeeee;}
.hd-con .eyes:last-of-type{ border-bottom: none;}

.product-box{position: relative; z-index: 99; padding: 20px; margin:0 0 20px 0; float: right; width: 50%;}
.product-text{ font-size: 20px; line-height: 1.8; padding:0 20px 20px 20px; margin:0 0 20px 0; color: #595959;}
.cp-desc .t{ line-height: 1.5;  font-size: 24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.cp-desc .t em{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 500px; float: left;}
.cp-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: 15px; padding: 0 5px; margin-left: 5px; border-radius: 5px;}
.cp-desc .eyes{font-size: 20px; line-height: 1.5; color: #595959; display: flex; align-items: center;}
.cp-desc .eyes img{ width: .25rem; margin-right: 5px;}
.cp-desc .b{font-size: 15px; line-height: 1.5; color: #937c2b; background-color: #fffcf1; padding: 5px; margin-bottom:5px;}
.cp-desc .bot{ border-top: 1px solid #eeeeee; padding-top:10px; margin-top: 10px;}
.cp-desc .book{ background-color: #3e8b4c; width: .7rem; height: .7rem; border-radius: 5rem; position: absolute; right:20px; bottom: 10px;}
.cp-desc .book img{ width: .4rem; margin:0 auto; display: block; padding-top: .15rem;}

/*景点列表*/
.travel-list{ float: left; width: 49%; margin-right: 2%; position: relative; align-items: center; display: flex; padding: 10px 0; margin-bottom:5px;}
.travel-list:nth-child(2n){ margin-right: 0;}
.travel-list .right-img{ margin-right:10px; left:0; flex: 0 0 160px; border-radius: 10px;}
.travel-list .right-img img{border-radius: 10px; height:120px;}
.travel-list .left-desc{ display: grid; width: 100%;height:120px;}
.travel-list .left-desc .t{ line-height: 1.5;  font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.travel-list .left-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 3.3rem; float: left;}
.travel-list .left-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: 15px; padding: 0 5px; margin-left: 5px; border-radius: 5px;}
.travel-list .left-desc .b{ font-size: 15px;color: #a2a2a2; padding: 0 0 10px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.travel-list .left-desc .info{ font-size: 15px; color: #a2a2a2; display: flex; align-items: center;}
.travel-list .left-desc .info img{width: 10px; margin-right: 5px;}
.travel-list .left-desc .info em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width:100px; }
.reservation{position: absolute; bottom: 20px; right: 10px; width: 120px; height: 40px; font-size: 15px; line-height: 40px; text-align: center; border-radius:5px; background-color: #f9d246; color: #333333;}
/*表单*/
/*会员注册*/
.center-box{ background: #ffffff; border-radius: 5px; margin:0 15px 15px 15px; padding: 15px;}
.center-t span{ font-size: 16px; display: block;}
.center-t i{ font-size: 14px;display: block; color: #f9d246;}
.center-from{ margin-top: 15px; height: 70vh; overflow-y: auto;}
.from-list{ display: flex; align-items: center; border-top: 1px solid #eeeeee; padding: 20px 0;}
.from-list span{ font-size: 16px; width: 10%; margin-right:  5px; display: block; text-align: right;}
.from-list em{ width: 88%; display: block; padding-left: 2%;}
.from-list em input{ font-size: 16px; display: block;}
.from-list i{ width:  5px;}
.from-list1{ border-top: 1px solid #eeeeee; padding: 20px 0;}
.from-list1 span{ font-size: 16px; width:20%; margin-right:  5px; display: block; text-align: left;}
.from-list1 em{ width: 100%; display: block;}
.from-list em textarea{ font-size: 16px; display: block; border:1px solid #eeeeee; min-height:100px; border-radius:  5px; padding:  5px; width: 100%; margin-top:5px;}

.radio-li{ font-size: 16px; color: #2171e0; margin: 15px; display: flex; align-items: center;height: 15px; line-height: 15px;}
/* 隐藏原生的单选按钮 */ 
input[type="radio"] {
  display: none;
}
 input[type="radio"] + label{ margin-right: 15px;}
/* 在label标签内创建一个伪元素作为单选按钮 */
input[type="radio"] + label::before {
  content: '';
  display: inline-block;
  width: 15px; /* 单选按钮的大小 */
  height: 15px; /* 单选按钮的大小 */
  border: 1px solid #dddddd; /* 边框颜色 */
  border-radius: 50%; /* 圆形 */
  margin-right: 5px; /* 与文本的间距 */
  vertical-align: middle; /* 与文本垂直居中 */
  background-color: #ffffff;
}
 
/* 当单选按钮被选中时，改变伪元素样式 */
input[type="radio"]:checked + label::before {
  background-color: #2171e0; /* 选中时的颜色 */
  border: 1px solid #2171e0;
}
.reservation-but{ width: 30%; background-color: #3e8b4c; height: 50px; line-height: 50px; text-align: center; font-size: 16px; margin: 0 auto;}
.reservation-but a{ color: #ffffff;}