div{ margin:0 auto}
img{ border:0; display:block;  }

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif; letter-spacing:1px;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
*{ padding:0; margin:0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
label{ font-family: Helvetica;}

      .swiper-container {
      width: 100%;
      height: 100%;

    }

 
input{font-family: sans-serif; font-family:Helvetica; text-indent:4px; outline:none;-webkit-appearance: none;border-radius: 0;}
p{font-family:Helvetica;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
a{ text-decoration:none;}
::-webkit-input-placeholder{ color:#d0b688;font-size:0.22rem;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 

.huanghuan{ width:100%; position:relative; overflow:hidden }
 
-webkit-tap-highlight-color: rgba(0,0,0,0);

.bgsp{width:100%; position: fixed; height:100%; background:#000; left:0%; top:0%; display:none; z-index:9998}
.vclose{ position:absolute; width:0.6rem; height:0.6rem; border:2px solid #666; text-align:center; font-size:0.22rem; line-height:0.6rem; left:47%; bottom:-1rem; color:#666; border-radius:100%}
 select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none; height:100%;
 outline:none;-webkit-appearance: none;border-radius: 0;
  /*在选择框的最右侧中间显示小箭头图片*/
 

 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  
}
       .swiper {
      width: 100%;
      height: 100%;

    }

    .swiper-container {
      width: 100%;
      height: 100%;

    }

     .swiper-slide {
    width:100%; height:100%; position:relative
   

      /* Center slide text vertically */
    
    }
	
	

	
	
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/






.swiper-slide-active{ opacity:1  !important;}
.swiper-pagination-bullet{ margin-right:3px !important;   border-radius:100%; }
.swiper-pagination-bullet{ width:10px !important; height:10px !important; background:#fff; box-sizing:border-box;   opacity:1!important;  }
.swiper-pagination-bullet-active{  opacity:1!important; width:10px!important; background:#5aa6ad; }

.my1 .swiper-pagination-bullet{ float:left; margin-left:8px;opacity:1!important;}
  .my2 .swiper-slide {
        width: 66%!important; height:88%;
      }
.swiper-pagination3{ color:#fff!important; font-family:Helvetica;}
  .swiper-pagination3 span{ color:#fff!important; font-family:Helvetica; font-size:0.22rem;}
.swiper-pagination3 .swiper-pagination-current{ font-size:0.32rem;}











.page1boxdsc::-webkit-scrollbar {/*滚动条整体样式*/

        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.page1boxdsc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 3px; 
 
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #58a896;

    }

.page1boxdsc::-webkit-scrollbar-track {/*滚动条里面轨道*/

     

        border-radius: 1px;

        background: #c8cbca;

}



.dxint{ width:46%; position:absolute; top:44%; left:4%; height:11%; z-index:99;}
.dxint a{ display:block; width:100%; height:100%; cursor:pointer}
.video,.video2{width:88%; position:absolute; left:6%;  top:3.8%; height:46.5%; display:none}

.navli{ float:left; width:32%; margin-right:2%; height:100%; background:url(../img/of.png) no-repeat center; background-size:100% 100%;display: flex;align-items: center; justify-content:center; font-size:0.24rem; font-weight:800; color:#fff;  }
.navli:nth-child(3){ margin-right:0}
.curr{height:100%; background:url(../img/on.png) no-repeat center; background-size:100% 100%;}


.box{ position:absolute ; left:7%; top:0%; width:86%; height:100%;  }

.clause{font-size:0.2rem; line-height:0.3rem; background:#fff; width:95%; padding:10px; height:70%; overflow-y:scroll}

.clause::-webkit-scrollbar{width: 3px;height: 13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.clause::-webkit-scrollbar-thumb{background-color:#ccc;background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
.clause::-webkit-scrollbar-thumb:hover{background-color:#e7e7e7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.wswpboxli2{ width:99%; z-index:11; position:absolute; height:54%; overflow-y:auto; padding-right:4px;     box-sizing: border-box; top:0; left:0;  }
.wswpboxli3{ width:98.6%; position:absolute; z-index:2; height:52.5%; border-right:2px solid #ccc;      box-sizing: border-box; top:0; left:0;  }
.hengx{width:1px; background:#fff; position:absolute; right:2px; height:100%; top:0;}
.neimg{ width:100%;  height:auto; box-sizing: border-box; font-size:0.22rem; text-align:justify; line-height:0.28rem; }
.tiaoz{ width:80%; height:0.6rem; margin-top:0.22rem; background:#FF6600; font-size:0.24rem; line-height:0.6rem; text-align:center; border-radius:4px; color:#FFFFFF;}
.p2 .swiper-zn .ding {
    display: block;
    position: relative;
}
.swiper-zn .ding .tip {
    width: 7%;
    position: absolute; display:block;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-zn .swiper-button-next {
    width: 4%;
    height:18%;
    display: block;
    top: 56%;
    position: absolute;
 
    outline: none;
	    background: url(../images/right.png) no-repeat;
    background-size: 100% 100%; color:transparent;
    right: 10%;
}

.swiper-zn .swiper-button-prev {
    width: 4%;
    height:18%;
    display: block;
    top: 56%;
    position: absolute;
 
    outline: none;
	    background: url(../images/left.png) no-repeat;
    background-size: 100% 100%; color:transparent;
    left: 10%;
}

/* 整个滚动条 */
    .wswpboxli2::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
 
    /* 滚动条有滑块的轨道部分 */
    .wswpboxli2::-webkit-scrollbar-track-piece {
      background-color: transparent;
      border-radius: 5px;
    }
 
    /* 滚动条滑块(竖向:vertical 横向:horizontal) */
    .wswpboxli2::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color:#00b2b5;
      border-radius: 5px;
    }
 
    /* 滚动条滑块hover */
    .wswpboxli2::-webkit-scrollbar-thumb:hover {
      background-color: #00b2b5;
    }
 
    /* 同时有垂直和水平滚动条时交汇的部分 */
    .wswpboxli2::-webkit-scrollbar-corner {
      display: block;    /* 修复交汇时出现的白块 */
    }



.sptt{ width:100%; border-bottom:1px solid #000;}
.sptt p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:center;  color:#000; font-size:0.3rem; padding-bottom:6%; }
.yunqiubox{ width:100%; height:100%;}
.yunqiuboxli{ width:100%; height:31.5%;  margin-bottom:3%;}
.yunqiuboxlileft{ float:left; height:100%; width:46.5%; background:#ccc; overflow:hidden}
.yunqiuboxliright{ float:left; height:81%; margin-top:5%; width:48%;  margin-left:3%; position:relative; }
.yunqiutt{ width:100%;  }
.yunqiutt p{padding:2px 0; font-size:0.28rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:center;  color:#fff; line-height:0.4rem; }
.yunqiudsc{ width:100%;  }
.yunqiudsc p{padding:1.5px 0; font-size:0.18rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:center;  color:#fff;line-height:0.25rem; }
.yunqiuprice{width:70%;font-size:0.26rem; display: flex;align-items: center; font-weight:bold;font-family:Helvetica;  justify-content:center; height:20%; border-radius:5rem; background:#fee152;position:absolute; bottom:19%; right:30%}
.yunqiuprice p{ margin-left:0.3rem;font-family:Helvetica;font-weight:bold;font-size:0.26rem;}

.yunqiuBuy2{ width:70%; height:22%; border-radius:5rem; display: flex;align-items: center; justify-content:center;background:#fee152; position:absolute; bottom:0; right:0}
.yunqiuBuy2 a{ width:90%; height:65%; border-radius:5rem; color:#000;border:1px solid #000;font-size:0.18rem; display: flex;align-items: center; justify-content:center;}


.wanzboxli{ width:100%; height:27.5%; background:#fff; margin-bottom:9%;border-radius:0.22rem;overflow:hidden}
.wanzboxli .yunqiuboxlileft{ float:left; height:100%; width:66%; background:#ccc; overflow:hidden}
.wanzboxli .yunqiutt p{justify-content:left;text-align: left; color:#000;}
.wanzboxli .yunqiuboxliright{ float:left; height:87%; margin-top:3%; width:30%;   margin-left:2%; position:relative;}
.wanzboxli .yunqiuprice2{width:100%;font-size:0.18rem; border-top:1px solid #000;border-bottom:1px solid #000; display: flex;align-items: center; font-weight:bold;font-family:Helvetica; background:none;border-radius:0rem; justify-content:left; height:28%; margin-top:8px;}
.wanzboxli .yunqiuprice2 p{ margin-right:0.2rem;font-family:Helvetica;font-weight:bold;font-size:0.26rem;  }

.wanzboxli .yunqiuBuy{ width:100%; height:22%; border-radius:0rem; display: flex;align-items: left; justify-content:left;background:none; position:absolute; bottom:2%; right:0}
.yunqiuBuy a{ width:74%; height:100%; border-radius:0rem; color:#000;border:none;font-size:0.22rem; justify-content:left; background:url(../img/ss.png) no-repeat center right; background-size:auto 60%}



.darenboxli{ width:100%; height:100%; position:relative}
.darenboxbg{ width:100%; height:86%; background:#fff; position: absolute; left:0; bottom:0; z-index:1}

.darenboxtoux{ width:30%; height:27%; border:4px solid #a5e5ea; overflow:hidden; box-sizing:border-box; background:#000; border-radius:100%; position: absolute; left:35%; top:0; z-index:2}
.darenboxnc{width:100%; height:10%;  position: absolute; left:0; top:28%; z-index:2}
.darenboxnc p,.darenboxms p{padding:1.5px 0; font-size:0.18rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:center;  color:#595959;line-height:0.25rem;}


.darenboxtt{width:100%; height:15%;  position: absolute; left:0; top:36%; z-index:2}
.darenboxtt p{padding:2px 0; font-size:0.24rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:center;  color:#000; line-height:0.3rem; font-weight:bold; }

.darenboxms{width:100%; height:15%;  position: absolute; left:0; top:45%; z-index:2}


.darenboximg{width:100%; height:47%;  position: absolute; left:0; bottom:0; z-index:2; background:#ccc;}
.darenboximg a{width:100%; height:100%; display:block; cursor:pointer}

.dakaboxli{ width:100%; height:100%; position:relative}
.dakaboximg{width:100%; height:86%;  position: absolute; left:0; top:0; z-index:2; background:#ccc; border-radius:0.22rem; overflow:hidden}
.dakaboxtxt{width:94%; height:35%;  position: absolute; left:3%; bottom:2%; z-index:2; background:rgba(75,179,187,0.8);border-radius:0.26rem 0.26rem 0 0; overflow:hidden}
.dakaboxtt{width:90%; margin:0 auto; margin-top:3%; }
.dakaboxtt p{padding:2px 0; font-size:0.24rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;text-align:left;  color:#fff; line-height:0.3rem;  }

.dakaboxdsc{width:90%; margin-top:0%;  }
.dakaboxdsc p{padding:1.5px 0; font-size:0.18rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;  color:#fff;line-height:0.28rem; }





.probox{ width:100%; height:100%;}
.proli{ position:absolute; top:0%; left:0%; width:100%;  height:100%; z-index:2; }







.buybox{ width:100%; height:100%}

.hotelboxbg{ width:49%; float:left; height:45%; margin-bottom:2%; background:rgba(165,229,234,0.8); padding:4px; box-sizing:border-box; position:relative;}
.hotelboxbg:nth-child(2n){ float:right}

.hotelbox{ width:100%; float:left;  height:100%; position:relative; }


.hotelimg{  width:100%;   height:63%; overflow:hidden; background:#ccc;}
.hotelTxt{ float:left;width:100%; margin-top:4px;   position:relative}
.hotelTxt  p{ padding:1.5px 0; font-size:0.22rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: left;  color:#06728b;line-height:0.28rem;}
.jiage{ width:100%; position:absolute; bottom:8px;font-family:Helvetica; font-size:0.18rem;color:#06728b;left:0;display: flex;align-items: center;justify-content: left;}
.jiage p{ margin-left:0.1rem;font-family:Helvetica;font-weight:bold;font-size:0.3rem;color:#06728b;}
.buyxx{width:50%; height:27%; position:absolute; right:-4px; bottom:-4px; background:url(../img/xx.png) no-repeat center; background-size:100% 100%}
.buyxx a{width:100%; height:100%; display:block; cursor:pointer}

.photos{width:100%;  height:100%; position:relative;}
.photos a{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:6666  }
.pyimg{ width:100%; height:96%; position:absolute; top:0px; left:0px; border:5px solid #fff; overflow:hidden; box-sizing:border-box;  z-index:6 }
.pyiny{ width:100%;  position:absolute; bottom:1%; left:0px;  z-index:1 }
.pyimgtm{ width:98%; height:40%; position:absolute; bottom:0%; right:0px;  z-index:1; background:url(../img/tm.png) no-repeat center; background-size:100% 100% }
.pyimgtxt{ width:50%;  position:absolute; bottom:8px; right:6px;  z-index:2;}
.pyimgtxt p:nth-child(1){ color:#fff; text-align: right; font-size:0.28rem; margin-bottom:4px; font-family:Helvetica;}
.pyimgtxt p:nth-child(2){ color:#fff; text-align: right; font-size:0.3rem; font-family:Helvetica;}

.proboxli2{ width:49%;  position: absolute; height:35.4%;  top:0; margin-bottom:2%; background:#fff; border-radius:8px; overflow:hidden}
.proboxli:nth-child(2n){ float:right}
.boximg2{width:100%; height:57%; overflow:hidden; position:relative; text-align:center }
.boximg span,.boximg2 span{ width:100%; height:100%; display:block;  }
.boxdsk{ width:80%;  position:absolute;top:58.8%; left:10%; border-bottom:1px dashed #beb19c; padding-bottom:8px}
.boxdsk2{ width:96%;  position:absolute;top:86.8%; left:2%;}
.mybgh{ width:100%; height:12.5%; position:absolute; top:0px; left:0px; z-index:6 }
.mybgli{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; display:none }
.b{ position:absolute; width:96%; bottom:-1%; left:2%; box-sizing:border-box; }








.bqiqan{ width:90%; position:absolute; z-index:999; left:5%; bottom:31%; height:20px;}
.nnrr{  font-size:0.15rem; color:#fff; height:100%; width:94%; position: absolute; left:3%; top:0%; background:url('https://pages.c-ctrip.com/you/livestream/lvpai_waterfall_poi_white.png') no-repeat center left; background-size:10% auto;display: flex;align-items: center; justify-content:left; padding-left:10%;  box-sizing:border-box;  z-index:22; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;line-height:20px; }
.bgg{ position:absolute; top:0; left:0; height:100%; width:100%; background:#000; z-index:2; opacity:0.6; border-radius:4rem;}
.boxdsk2 p{ font-size:0.22rem;  color:#000;  width:100%; height:100%; left:2%; z-index: 8; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;line-height:0.28rem; text-align:left}
  .proboxli2 a{ position:absolute; display:block; width:100%; height:100%; z-index:888; top:0; left:0;}
.line2 span{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;
  line-clamp: 1;-webkit-box-orient: vertical; text-align:left; padding:2px 0; line-height:0.3rem; font-size:0.15rem !important;}
@-webkit-keyframes changeright{       
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				50%{-webkit-transform:rotate(180deg);}
		 
				100%{-webkit-transform:rotate(360deg);}
			}
			/*自定义动画类----逆时针旋转（使用这个动画的时候才设置动画执行时间）*/
			@-webkit-keyframes changeleft{
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				50%{-webkit-transform:rotate(-180deg);}
		 
				100%{-webkit-transform:rotate(-360deg);}
			}



.shaky{transition: transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
   
    animation: turnOut_actSpTips linear infinite 4.8s;
    -webkit-animation: turnOut_actSpTips linear infinite 4.8s;}
@-webkit-keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}5%{transform: rotateY(-280deg);}10%{transform: rotateY(-540deg);}50%{transform: rotateY(-540deg);}55%{transform: rotateY(-260deg);}60%{transform: rotateY(-0deg);}100%{transform: rotateY(-0deg);}}
@keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}10%{transform: rotateY(-180deg);}50%{transform: rotateY(-180deg);}60%{transform: rotateY(-360deg);}100%{transform: rotateY(-360deg);}}