.homePage{ padding: 0 0.2rem; }

.indexForm{ padding-bottom: 0.25rem; }
.indexForm .form{ border-radius: 0.48rem; border: #ace977 solid 2px; height: 0.8rem; background: #fff; position: relative; }
.indexForm .form .input1{ padding-left: 0.85rem; width: 100%; color: #999; box-sizing: border-box; font-size: 0.26rem; height: 0.8rem; line-height: 0.8rem; background: url(../images/nimg30_4.png) 0.3rem center no-repeat; background-size: 0.3rem; }
.indexForm .form .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.indexForm .form .input1:-moz-placeholder{ color: #999; opacity: 1;}
.indexForm .form .input1::-moz-placeholder{ color: #999; opacity: 1;}
.indexForm .form .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.indexForm .form .voice{ position: absolute; right: 0; top: 0; width: 0.8rem; height: 0.8rem; background: url(../images/nimg25_1.png) center no-repeat; background-size: 0.25rem; }

.indexAD{ border-radius: 0.24rem; overflow: hidden;}
.indexAD img{ width: 100%; }

.homePage .icoList{ padding: 0.45rem 0 0.35rem; }
.homePage .icoList li{ float: left; width: 33.33%; padding-bottom: 0.35rem; }
.homePage .icoList li a{ display: block; text-align: center; }
.homePage .icoList li .ico{ width: 0.8rem; height: 1rem; margin: 0 auto; }
.homePage .icoList li .ico img{ width: 0.8rem; }
.homePage .icoList li .name{ color: #333; font-size: 0.28rem; line-height: 0.28rem; }


.homePage .list{ padding-top: 0.5rem; }
.homePage .list ul{ margin-right: -0.15rem; }
.homePage .list li{ float: left; width: 50%; padding-bottom: 0.35rem;}
.homePage .list li:nth-child(even){ float: right; }
.homePage .list li .box{ margin-right: 0.15rem; }
.homePage .list li .imgDiv{ position: relative; border-radius: 0.24rem; overflow: hidden; }
.homePage .list li .imgDiv img{ width: 100%; }
.homePage .list li .label{ border-radius: 0.16rem; font-size: 0.24rem; position: absolute; left: 0.1rem; top: 0.1rem; z-index: 1; width: 0.9rem; height: 0.48rem; line-height: 0.48rem; color: #fff; text-align: center; background-image: linear-gradient(90deg, #ee9f63 0%, #ffcd63 100%); background-blend-mode: normal, normal; }
.homePage .list li .mxfDiv{ margin-top: 0.12rem; position: relative; padding-right: 1.2rem; }
.homePage .list li .name a{ display: block; font-size: 0.28rem; height: 0.46rem; line-height: 0.46rem; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.homePage .list li .like{ position: absolute; right: 0; top: 0; }
.homePage .list li .like em{ display: block; font-family:'light'; cursor: pointer; line-height: 0.46rem; font-size: 0.26rem; color: #999; padding-right: 0.4rem; background: url(../images/heart.png) right center no-repeat; background-size: 0.32rem;}
.homePage .list li .like .on{ background: url(../images/hearton.png) right center no-repeat; background-size: 0.32rem;}
.homePage .list li .txt{ font-size: 0.24rem; color: #83c853; height: 0.3rem; line-height: 0.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.homePage .list li .tag{ padding: 0.15rem 0 0.1rem; font-size: 0; }
.homePage .list li .tag em{ text-align: center; display: inline-block; margin: 0 0.05rem 0.05rem 0; border: #84c44d solid 1px; border-radius: 0.42rem; height: 0.34rem; color: #a4a4a4; line-height: 0.34rem; font-size: 0.2rem; min-width: 0.28rem; padding: 0 0.1rem; }
.homePage .list li .altitude{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_1.png) left center no-repeat; background-size: 0.28rem; }
.homePage .list li .distance{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_2.png) left center no-repeat; background-size: 0.28rem; }

.halaPic{ overflow: hidden; position: relative; border-radius: 0.2rem;}
.halaPic .date{ position: absolute; right: 1.7rem; top: 0.2rem; z-index: 2; background: url(../images/nimg99Bg2.png) no-repeat; padding: 0.15rem; background-size: 100% 100%;}
.halaPic .date .zi{ color: #fff; float: left; width: 0.32rem; text-align: center; line-height: 0.28rem; font-size: 0.24rem; }
.halaPic .date .zi em{ font-family:'light'; writing-mode: vertical-rl; text-orientation: sideways;}
.halaPic .date .zi span{ display: inline-block; padding-bottom: 0.05rem; }

.halaPic .detail-box .item { display: none; position: relative;}
.halaPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.halaPic .detail-box .item .imgDiv{ position: relative; height: 4.2rem; }
.halaPic .detail-box .item .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 65%; background: url(../images/bg2.png) top repeat-x; }
.halaPic .detail-box .item .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.halaPic .detail-box .item .name{ position: absolute; left: 0.3rem; top: 0.24rem; color: #fff; z-index: 1; font-size: 0.48rem; line-height: 0.48rem; font-family: 'zhuokai'; }
.halaPic .detail-box .item .botLayer{ position: absolute; color: #fff; left: 0; bottom: 0.2rem; width: 100%; box-sizing: border-box; padding: 0 1.5rem 0 0.3rem; z-index: 1; }
.halaPic .detail-box .item .txt{ font-size: 0.3rem; line-height: 0.42rem; }
.halaPic .detail-box .item .wen{ font-size: 0.24rem; line-height: 0.42rem; }

.halaPic .box-container{ position: absolute; right: 0; top: 0; width: 1.5rem; padding: 0.15rem 0.15rem 0; box-sizing: border-box; height: 100%; z-index: 1; background-image: linear-gradient(180deg, #19b37a 0%, #bcd477 100%); background-blend-mode: normal, normal; }
.halaPic .img-swiper{ width: 1.2rem; height: 4.05rem; }
.halaPic .img-swiper .swiper-slide{ height: 0.68rem; }
.halaPic .img-swiper .limg{ cursor: pointer; border-radius: 0.2rem; overflow: hidden; border: transparent solid 3px; }
.halaPic .img-swiper .limg img{ width: 100%; }
.halaPic .img-swiper .swiper-slide-active .limg{ border: #fbe880 solid 3px;}

.discover{ padding: 0 0.2rem; }
.discover .skip{ margin-top: 0.2rem; padding-bottom: 0.2rem; overflow-x: scroll; }
.discover .skip ul{ overflow-x: scroll; overflow-y: hidden; position:relative; box-sizing:border-box;}
.discover .skip li{ float:left; font-size: 0.3rem; padding-right: 0.5rem;}
.discover .skip li:last-child{ padding-right:0;}
.discover .skip li a{ display: block; position: relative; color: #5a5a5a; line-height: 0.36rem; height: 0.5rem; }
.discover .skip li a:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; border-radius: 8px; background-image: linear-gradient(90deg, #42cfca 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.discover .skip li .on{ color: #000; }
.discover .skip li .on:after{ opacity: 1; }


.discover .selectGroup{ margin-top: 0.15rem; position: relative; padding-left: 0.9rem; }
.discover .selectGroup .all{ position: absolute; left: 0; top: 0; z-index: 1; }
.discover .selectGroup .all a{ display: block; width: 0.8rem; height: 0.7rem; line-height: 0.7rem; border-radius: 0.2rem; font-size: 0.26rem; background: #fff; color: #72766d; text-align: center; }
.discover .selectGroup .all .on{ color: #fff; background-image: linear-gradient(90deg, #20c8c6 0%, #ace977 100%); background-blend-mode: normal, normal; }
.discover .selectDiv{ margin-right: -0.1rem; }
.discover .liDiv{ float: left; width: 22%; }
.discover .liDiv2{ width: 25%; }
.discover .liDiv3{ width: 31%; }
.discover .liDiv .lbox{ margin-right: 0.1rem; }
.discover .select{ width: 100%; position: relative; }
.discover .caption { overflow:hidden; border-radius: 0.2rem; position: relative; cursor: pointer; height: 0.7rem; line-height: 0.68rem; padding: 0 0.4rem 0 0.15rem; text-overflow: ellipsis; white-space: nowrap; font-size: 0.26rem; color: #72766d; background: #fff; border: #fff solid 1px; box-sizing: border-box; box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.02); }
.discover .caption:after { content: ""; display: block; border-radius: 0.12rem; width: 0.4rem; height: 0.4rem; background: #fcfaed url(../images/selectIco.png) no-repeat center; background-size: 0.18rem; position: absolute; right: 0.08rem; top: 50%; margin-top: -0.2rem; z-index: 10;}
.discover .caption.on{ color: #efa163; }
.discover .caption.on:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.discover .caption.on{ border: #ace977 solid 1px; border-bottom:#fff solid 1px; border-radius:0; border-top-left-radius:0.2rem; border-top-right-radius:0.2rem;}
.discover .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; display: none; border: 1px solid #ace977; border-top: none; box-sizing: border-box; border-bottom-left-radius:0.2rem; border-bottom-right-radius:0.2rem; overflow: hidden;}
.discover .xlist a { display: block; text-align: left; font-size: 0.22rem; background: #fff; color: #666; height: 0.64rem; line-height: 0.64rem; padding: 0 0.15rem; border: none; border-bottom: 1px solid #e0e0e0;}
.discover .xlist a:hover, .discover .xlist a.on { color: #efa163;}
.discover .xlist a:last-child { border-bottom: none;}

.discover .list{ clear: both; padding-top: 0.35rem; }
.discover .list li{ margin-bottom: 0.3rem; }
.discover .list li .box{ position: relative; background: #fff; border-radius: 0.2rem; padding: 0.55rem 0.2rem 0.3rem 2.9rem; height: 3.2rem; box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1); }
.discover .list li .imgDiv{ position: absolute; left: 0.2rem; top: 0.4rem; width: 2.4rem; height: 3.2rem;}
.discover .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0.2rem; overflow: hidden; }
.discover .list li .label{ border-radius: 0.16rem; position: absolute; font-size: 0.24rem; left: -0.1rem; top: -0.1rem; z-index: 1; width: 0.9rem; height: 0.48rem; line-height: 0.48rem; color: #fff; text-align: center; background-image: linear-gradient(90deg, #ee9f63 0%, #ffcd63 100%); background-blend-mode: normal, normal; }

.discover .list li .name a{ display: block; font-size: 0.3rem; height: 0.5rem; line-height: 0.5rem; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.discover .list li .like{ position: absolute; right: 0.2rem; top: 0.15rem; }
.discover .list li .like em{ display: block; cursor: pointer; line-height: 0.46rem; font-size: 0.26rem; color: #999; font-family:'light'; padding-right: 0.4rem; background: url(../images/heart.png) right center no-repeat; background-size: 0.32rem;}
.discover .list li .like .on{ background: url(../images/hearton.png) right center no-repeat; background-size: 0.32rem;}
.discover .list li .txt{ font-size: 0.24rem; color: #83c853; height: 0.3rem; line-height: 0.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.discover .list li .tag{ margin: 0.25rem 0 0.1rem; height: 0.4rem; overflow: hidden; font-size: 0;}
.discover .list li .tag em{ display: inline-block; margin: 0 0.05rem 0.05rem 0; border: #84c44d solid 1px; border-radius: 0.36rem; height: 0.34rem; color: #a4a4a4; line-height: 0.34rem; font-size: 0.2rem; text-align: center; min-width: 0.28rem; padding: 0 0.1rem; }
.discover .list li .altitude{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_1.png) left center no-repeat; background-size: 0.28rem; }
.discover .list li .distance{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_2.png) left center no-repeat; background-size: 0.28rem; }
.discover .list li .btnDiv{ position: absolute; right: 0.2rem; bottom: 0.3rem; z-index: 1; }
.discover .list li .btnDiv a{ width: 1.8rem; height: 0.64rem; border: #ace977 solid 2px; border-radius: 0.48rem; color: #666; background: #fff; }
.discover .list li .btnDiv em{ display: block; margin-left: 0.1rem; width: 0.24rem; height: 0.23rem; background: url(../images/ico1.png) center no-repeat; background-size: 0.24rem; }
.discover .list li .btnDiv a:hover{ color: #289a98; background: #f2fbe7;}

.clockIn{ padding: 0.5rem 0.6rem; }
.clockIn .success{ text-align: center; color: #fff; font-size: 0.36rem; padding-bottom: 0.3rem;}
.clockIn .success img{ width: 0.56rem; margin-right: 0.2rem; }
.clockIn .paperBox{ border-radius: 0.32rem; min-height: 5.0rem; overflow: hidden; }
.clockIn .name{ background: #fff; color: #333; font-size: 0.48rem; line-height: 0.64rem; padding: 0.4rem 0.35rem 0.2rem;}
.clockIn .mxfDiv{ position: relative; height: 0.94rem; padding: 0 0.35rem; }
.clockIn .mxfDiv:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.26rem; height: 0.64rem; background: url(../images/nimg15Bg.png) no-repeat; background-size: 0.26rem;}
.clockIn .mxfDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0.26rem; height: 0.64rem; background: url(../images/nimg15Bg2.png) no-repeat; background-size: 0.26rem;}
.clockIn .mxfDiv .bg{ position: absolute; left: 0.26rem; right: 0.26rem; bottom: 0; width: calc(100% - 0.52rem); height: 0.64rem; background: #fff; }
.clockIn .mxfDiv .bg2{ position: absolute; left: 0; top: 0; width: 100%; height: 0.32rem; background: #fff; }
.clockIn .mxfDiv .dot{ position: absolute; left: 0.36rem; right: 0.36rem; bottom: 0.24rem; width: calc(100% - 0.72rem); height: 4px; background: url(../images/dot.png) repeat-x; background-size: 6px; }
.clockIn .mxfDiv .time{ position: relative; z-index: 1; padding-left: 0.74rem; color: #999; font-family:'regular'; font-size: 0.3rem; line-height: 0.48rem; background: url(../images/nimg44_1.png) left center no-repeat; background-size: 0.44rem; }
.clockIn .mxfDiv .location{ position: absolute; z-index: 1; display: block; right: 0.35rem; bottom: 0.45rem; width: 0.42rem; height: 0.5rem; background: url(../images/nimg38_1.png) no-repeat; background-size: 0.42rem; }
.clockIn .imgDiv{ background: #fff; padding: 0.18rem 0.18rem 0.16rem; }
.clockIn .imgDiv img{ width: 100%; border-radius: 0.24rem; }
.clockIn .pjDiv{ padding: 0 0.18rem; background: #fff; }
.clockIn .pjDiv .box{ padding: 0 0.65rem; position: relative; }
.clockIn .pjDiv .box:before{ content: ''; position: absolute; left: 0; top: 0.2rem; width: 0.36rem; height: 0.34rem; background: url(../images/nimg30Bg.png) no-repeat; background-size: 0.36rem;}
.clockIn .pjDiv .box:after{ content: ''; position: absolute; right: 0; bottom: 0.1rem; width: 0.36rem; height: 0.34rem; background: url(../images/nimg30Bg2.png) no-repeat; background-size: 0.36rem;}
.clockIn .pjDiv .box p{ padding: 0.25rem 0 0.15rem; border-bottom: #ebebeb solid 2px; color: #83c853; font-size: 0.3rem; line-height: 0.3rem; }
.clockIn .botDiv{ padding: 0.45rem 0.3rem 0.2rem; background: #fff;}
.clockIn .logo img{ width: 2.8rem; }
.clockIn .ewm img{ width: 1.8rem; }

.clockIn .tips{ text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.28rem; padding-top: 0.4rem; }


.touDiv{ background: #fff; position: relative; padding: 0 0.2rem; height: 1.2rem; }
.touDiv .back{ display: block; width: 0.6rem; height: 100%; background: url(../images/back.png) left center no-repeat; background-size: 0.25rem; }
.touDiv .share{ position: absolute; right: 0.2rem; top: 0; width: 0.7rem; height: 1.2rem; background: url(../images/nimg45_1.png) right center no-repeat; background-size: 0.56rem;}

.scenic{ padding: 0.5rem 0.2rem 1.5rem; background: url(../images/bg4.png) top no-repeat; background-size: 100%; overflow: hidden; }
.scenic .part1 .mxfDiv{ position: relative; padding-left: 2.8rem; min-height: 3.0rem; }
.scenic .part1 .imgDiv{ position: absolute; left: 0; top: 0; width: 2.4rem; height: 3rem;}
.scenic .part1 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0.2rem; overflow: hidden; }
.scenic .part1 .name{ font-size: 0.42rem; line-height: 0.64rem; color: #333; }
.scenic .part1 .txt{ padding-top: 0.05rem; font-size: 0.24rem; color: #83c853; height: 0.3rem; line-height: 0.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.scenic .part1 .tag{ margin: 0.25rem 0 0.1rem; font-size: 0;}
.scenic .part1 .tag em{ display: inline-block; margin: 0 0.05rem 0.05rem 0; border: #84c44d solid 1px; border-radius: 0.36rem; height: 0.34rem; background: #fff; color: #a4a4a4; line-height: 0.34rem; font-size: 0.2rem; text-align: center; min-width: 0.28rem; padding: 0 0.1rem; }
.scenic .part1 .altitude{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_1.png) left center no-repeat; background-size: 0.28rem; }
.scenic .part1 .distance{ font-family:'light'; font-size: 0.24rem; color: #999; padding-left: 0.4rem; line-height: 0.46rem; background: url(../images/nimg26_2.png) left center no-repeat; background-size: 0.28rem; }
.scenic .part1 .distance em{ color: #efa163; }

.scenic .part1 .botDiv{ margin-top: 0.4rem; background: #fff; padding: 0.3rem 1.5rem 0.3rem 0.3rem; position: relative; border-radius: 0.24rem; box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1); }
.scenic .part1 .address{ color: #999; font-size: 0.26rem; padding-left: 0.45rem; line-height: 0.48rem; background: url(../images/nimg38_1.png) left 0.04rem no-repeat; font-family:'light'; background-size: 0.34rem;}
.scenic .part1 .navigation{ position: absolute; right: 0.3rem; top: 0.3rem; color: #333; font-size: 0.28rem; padding-left: 0.45rem; line-height: 0.48rem; background: url(../images/nimg33_1.png) left center no-repeat; background-size: 0.34rem; }

.scenic .part2{ padding: 0.4rem 0.3rem 0.6rem; }
.scenic .part2 .title{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.4rem; color: #333; }
.scenic .part2 .content{ font-size: 0.3rem; color: #5c736d; line-height: 0.48rem; text-align: justify; }

.scenic .part3{ padding-bottom: 0.8rem; }
.scenic .part3 .title{ padding: 0.45rem 0.3rem; position: relative; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part3 .title:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part3 .msg{ font-size: 0.3rem; color: #5c736d; padding: 0 0.3rem; line-height: 0.48rem; font-family:'light';}

.scenic .part4{ padding-bottom: 0.8rem; }
.scenic .part4 .title{ padding: 0.45rem 0.3rem; position: relative; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part4 .title:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part4 .txt{ padding: 0 0.3rem 0.2rem; font-size: 0.3rem; color: #5c736d; }
.scenic .part4 .table{ padding-bottom: 0.7rem; }
.scenic .part4 .table table{ border-top: #dcecce solid 2px; border-left: #dcecce solid 2px; font-family:'light';}
.scenic .part4 .table th{ text-align: left; height: 0.72rem; padding: 0 0.1rem 0 0.3rem; background: #dcecce; font-size: 0.28rem; color: #207877; border-bottom: #dcecce solid 2px; border-right: #fff solid 2px; }
.scenic .part4 .table th:last-child{ border-right: #dcecce solid 2px;}
.scenic .part4 .table td{ font-size: 0.28rem; line-height: 0.46rem; padding: 0.2rem 0.3rem; border-bottom: #dcecce solid 2px; border-right: #dcecce solid 2px; }

.scenic .part4 .table2 th:nth-child(1){ width: 25%; }
.scenic .part4 .table2 th:nth-child(2){ width: 50%; }
.scenic .part4 .btnDiv a{ height: 0.9rem; color: #fff; font-size: 0.3rem; border-radius: 0.12rem; background-image: linear-gradient(90deg, #fc686f 0%, #fe934c 100%); background-blend-mode: normal, normal;}
.scenic .part4 .btnDiv img{ width: 0.52rem; margin-right: 0.35rem; }

.scenic .part5{ position: relative; padding: 0.45rem 0.3rem 0.9rem; }
.scenic .part5:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part5 .title{ padding-bottom: 0.3rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part5 .txt{ position: relative; line-height: 0.75rem; padding-left: 0.9rem; color: #5c736d; font-size: 0.3rem; }
.scenic .part5 .txt img{ position: absolute; left: 0; top: 0; width: 0.75rem; }
.scenic .part5 .content{ padding: 0.2rem 0 0.45rem; font-size: 0.26rem; line-height: 0.48rem; }
.scenic .part5 .btnDiv a{ height: 0.9rem; color: #fff; font-size: 0.3rem; border-radius: 0.12rem; background-image: linear-gradient(90deg, #009966 0%, #99e274 100%); background-blend-mode: normal, normal;}
.scenic .part5 .btnDiv img{ width: 0.52rem; margin-right: 0.35rem; }

.scenic .part6{ position: relative; padding: 0.45rem 0 0.9rem;}
.scenic .part6:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part6 .title{ padding: 0 0.3rem 0.3rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenicPic .detail-box .item { display: none; position: relative;}
.scenicPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.scenicPic .detail-box .imgDiv{ border-radius: 0.1rem; height: 4.72rem; overflow: hidden; }
.scenicPic .detail-box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.scenicPic .detail-box .name{ padding-top: 0.2rem; font-size: 0.3rem; text-align: center; height: 0.42rem; line-height: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scenicPic .box-container{ padding-top: 0.3rem; }
.scenicPic .img-swiper .limg{ cursor: pointer; opacity: 0.3; border-radius: 0.2rem; height: 0.8rem; overflow: hidden; border: #f5f5f5 solid 2px; }
.scenicPic .img-swiper .limg img{ width: 100%; height: 100%; object-fit: cover;}
.scenicPic .img-swiper .swiper-slide-active .limg{ opacity: 1; border: #99e274 solid 2px; box-shadow: 0 0.1rem 0.3rem 0 rgba(107,107,107,0.5);}

.scenic .part7{ position: relative; padding: 0.45rem 0 1rem; }
.scenic .part7:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part7 .title{ padding: 0 0.3rem 0.3rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part7 .list{ overflow: hidden; width:11.2rem; }
.scenic .part7 .list li .imgDiv{ border-radius: 0.1rem; height: 3.2rem; overflow: hidden; }
.scenic .part7 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.scenic .part7 .list li .name{ padding-top: 0.2rem; font-size: 0.3rem; height: 0.42rem; line-height: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.scenic .part8{ position: relative; padding: 0.45rem 0 1rem; }
.scenic .part8:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part8 .title{ padding: 0 0.3rem 0.3rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part8 .list{ overflow: hidden; width:10.2rem; }
.scenic .part8 .list li .imgDiv{ border-radius: 0.1rem; height: 3.86rem; overflow: hidden; }
.scenic .part8 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.scenic .part8 .list li .name{ padding-top: 0.2rem; font-size: 0.3rem; height: 0.42rem; line-height: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.scenic .part9{ position: relative; padding: 0.45rem 0.3rem 0.65rem; }
.scenic .part9:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part9 .title{ padding-bottom: 0.45rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part9 .msg{ font-size: 0.3rem; color: #5c736d; line-height: 0.48rem;}

.scenic .part10{ position: relative; padding: 0.45rem 0.3rem 0.65rem; }
.scenic .part10:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #20c8c6 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.scenic .part10 .title{ padding-bottom: 0.45rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333;}
.scenic .part10 .tel{ padding-left: 0.9rem; position: relative; font-size: 0.48rem;}
.scenic .part10 .tel img{ position: absolute; left: 0; top: 0; width: 0.55rem; }
.scenic .part10 .tel a{ display: block; line-height: 0.55rem; color: #83c853; font-family:'regular';}

.scenicLayer{ position: fixed; left: 0; bottom: 0; width: 100%; height: 1.0rem; z-index: 3; background: #fff; box-shadow: 0 0 0.2rem 0 rgba(102,102,102,0.2); }
.scenicLayer li{ float: left; width: 25%; }
.scenicLayer2 li{ width: 33.33%; }
.scenicLayer li a{ display: block; position: relative; height: 1.0rem; padding-top: 0.15rem; box-sizing: border-box; text-align: center; font-size: 0.26rem; }
.scenicLayer li .ico{ margin: 0 auto; width: 0.36rem; height: 0.36rem; position: relative; }
.scenicLayer li .ico img{ position: absolute; left: 0; top: 0; width: 0.36rem; }
.scenicLayer li .ico .img1{ opacity: 0; }
.scenicLayer li .name{ padding-top: 0.05rem; color: #333; display: inline-block; }
.scenicLayer li .num{ position: absolute; left: 50%; top: 0.15rem; width: 0.48rem; font-size: 0.2rem; height: 0.24rem; line-height: 0.24rem; text-align: center; background: #f2fef1; color: #57d367; font-family:'light'; border-radius: 0.36rem; border: #57d367 solid 1px; }
.scenicLayer li a.on .name{ background-image:-webkit-linear-gradient(left,#20c8c6,#abe978);
 background-image:linear-gradient(to right,#20c8c6,#abe978); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.scenicLayer li a.on img{ opacity: 0; }
.scenicLayer li a.on .img1{ opacity: 1; }

.success-box{ position: fixed; display: none; left: 50%; top: 50%; margin-left: -0.8rem; margin-top: -0.75rem; width: 1.6rem; height: 1.5rem; text-align: center; border-radius: 4px; background: rgba(0,0,0,0.6); z-index: 10; }
.success-box .ico{ padding-top: 0.28rem; }
.success-box .ico img{ width: 0.6rem; }
.success-box .txt{ font-size: 0.26rem; line-height: 0.26rem; color: #fff; padding-top: 0.14rem; }

.aboutImg img{ width: 100%; }

.about{ padding: 0.3rem 0.2rem; background: #f2fbe7; }
.about .contentBox{ background: #fff; border-radius: 0.24rem; padding: 0.45rem 0.3rem; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.05); }
.about .title{ color: #289a98; text-align: center; font-size: 0.48rem; line-height: 0.56rem; font-weight: bold; padding-bottom: 0.4rem; }
.about .title em{ display: block; }
.about .content{ line-height: 0.48rem; color: #5c736d; font-size: 0.3rem; text-align: justify; }
.about .content b{ color: #289a98; display: block;}

.choose-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.chooseLayer{ position: absolute; left: 0; bottom: -4.5rem; background: #fff; width: 100%; height: 4.5rem; z-index: 1; }
.choose-box.on .chooseLayer{ bottom: 0; }
.chooseLayer .close{ position: absolute; display: block; right: 0.3rem; top: 50%; margin-top: -9px; width:18px; height: 18px; background: url(../images/close.png) no-repeat; background-size: 18px;}
.chooseLayer .txt{ position: relative; text-align: center; color: #2c2d2f; font-size: 0.32rem; line-height: 0.84rem; padding: 0.15rem 0; font-weight: bold; }
.chooseLayer .list li{ border-bottom: #d6d6d6 solid 1px; }
.chooseLayer .list li:last-child{ border-bottom: 0; }
.chooseLayer .list li a{display: block; height: 1.0rem; line-height: 1.0rem; text-align: center; font-size: 0.28rem; color: #333;}

.guide{ padding: 0.3rem 0.2rem 0; border-bottom: #ddd solid 2px; }
.guideForm{ position: relative; padding-left: 48%; }
.guideForm .selectDiv{ position: absolute; left: 0; top: 0; width: 48%; margin-right: -0.1rem; }
.guideForm .liDiv{ float: left; width: 40%; }
.guideForm .liDiv2{ width: 60%; }
.guideForm .liDiv .lbox{ margin-right: 0.1rem; }
.guideForm .select{ width: 100%; position: relative; }
.guideForm .caption { overflow:hidden; border-radius: 0.2rem; position: relative; cursor: pointer; height: 0.7rem; line-height: 0.68rem; padding: 0 0.4rem 0 0.15rem; text-overflow: ellipsis; white-space: nowrap; font-size: 0.26rem; color: #72766d; background: #fff; border: #fff solid 1px; box-sizing: border-box; box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.02); }
.guideForm .caption:after { content: ""; display: block; border-radius: 0.12rem; width: 0.4rem; height: 0.4rem; background: #fcfaed url(../images/selectIco.png) no-repeat center; background-size: 0.18rem; position: absolute; right: 0.08rem; top: 50%; margin-top: -0.2rem; z-index: 10;}
.guideForm .caption.on{ color: #efa163; }
.guideForm .caption.on:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.guideForm .caption.on{ border: #ace977 solid 1px; border-bottom:#fff solid 1px; border-radius:0; border-top-left-radius:0.2rem; border-top-right-radius:0.2rem;}
.guideForm .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; display: none; border: 1px solid #ace977; border-top: none; box-sizing: border-box; border-bottom-left-radius:0.2rem; border-bottom-right-radius:0.2rem; overflow: hidden;}
.guideForm .xlist a { display: block; text-align: left; font-size: 0.22rem; background: #fff; color: #666; height: 0.64rem; line-height: 0.64rem; padding: 0 0.15rem; border: none; border-bottom: 1px solid #e0e0e0;}
.guideForm .xlist a:hover, .guideForm .xlist a.on { color: #efa163;}
.guideForm .xlist a:last-child { border-bottom: none;}

.guideForm .form{ border-radius: 0.48rem; border: #ace977 solid 1px; height: 0.7rem; box-sizing: border-box; background: #fff; position: relative; }
.guideForm .form .input1{ padding-left: 0.85rem; width: 100%; color: #999; box-sizing: border-box; font-size: 0.26rem; height: 0.7rem; line-height: 0.7rem; background: url(../images/nimg30_4.png) 0.3rem center no-repeat; background-size: 0.3rem; }
.guideForm .form .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.guideForm .form .input1:-moz-placeholder{ color: #999; opacity: 1;}
.guideForm .form .input1::-moz-placeholder{ color: #999; opacity: 1;}
.guideForm .form .input1:-ms-input-placeholder{ color: #999; opacity: 1;}

.guide .skip{ margin-top: 0.4rem; padding-bottom: 0.3rem; overflow-x: scroll; }
.guide .skip ul{ overflow-x: scroll; overflow-y: hidden; position:relative; box-sizing:border-box;}
.guide .skip li{ float:left; font-size: 0.3rem; padding-right: 0.5rem;}
.guide .skip li:last-child{ padding-right:0;}
.guide .skip li a{ display: block; position: relative; color: #5a5a5a; line-height: 0.36rem; height: 0.5rem; }
.guide .skip li a:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; border-radius: 8px; background-image: linear-gradient(90deg, #42cfca 0%, #aee97a 100%); background-blend-mode: normal, normal; }
.guide .skip li .on{ color: #000; }
.guide .skip li .on:after{ opacity: 1; }

.ssDiv{ padding-bottom: 1.0rem; }
.mapDiv{ height: 10.0rem; overflow: hidden; }
.mapDiv img{ width: 100%; height: 100%; object-fit: cover; }















































