.top-nav{display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding: 10px 15px;  
position: fixed; top: 50px; left: 50%; transform: translate(-50%); max-width: 750px; background: #fff; z-index: 999;}

.top-nav-li a{ padding:5px 13px; background: rgb(220 247 255);  border-radius: 15px; color: #000; font-size: 14px; overflow: hidden;}
.select a{ padding:5px 13px; border-radius: 15px; background-color: #30b0fb; color: #fff;}

.detailsnr{display: flex; flex-direction: column; width: 100%;  margin-top: 100px; padding: 0 15px; overflow-y: auto; height: calc(100vh - 170px);}
.ylxhbt{display: flex; flex-direction: column; width: 100%; position: relative; }

.jiaodian{ width: 100%;  margin: 0 auto; position: relative;}
.jiaodian::before{position: absolute; top: 5%; left: -15px; width: calc(100% + 30px); content: ''; height: 90%; background: linear-gradient(to bottom, #fff,#30b0fb ,#fff);}
.jiaodian .carousel {border-radius: 20px; overflow: hidden;}


.title{display: flex; flex-direction: row; width: 100%; font-size: 16px; color: #000; font-weight: bold; margin-top: 15px;}
.tag{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 5px;}
.tag span{border: solid 1px #30b0fb; font-size: 13px; background: #30b0fb; color: #fff; margin-right: 10px; padding: 2px 7px; border-radius: 5px;}
.tag-cs{display: flex; flex-direction: column; width: 100%; margin-top: 20px; background: #dbf7ff; padding: 10px;  border-radius: 5px;}
.tag-cs-li{display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; border-bottom: dashed 1px #fff; padding-bottom: 10px;}
.tag-cs-li:last-child{border-bottom: none; padding-bottom: 0;}
.tag-cs-li span{font-size: 14px; color: #fff; padding: 5px 8px; border-radius: 5px;}
.tag-cs-li span.you{background: #30b0fb;}
.tag-cs-li span.cuo{background: #f10;}
.tag-cs-li span.jian{background: #0cda38;}
.tag-cs-li-wz{font-size: 16px; color: #000; margin-left: 10px;}

.ydbz{display: flex; flex-direction: column; width: 100%; margin-top: 25px;}
.ydtitle{display: flex; flex-direction: row; align-items: center;}
.ydtitle-cs{background: #f3ae2e; font-size: 16px; color: #fff; font-weight: bold; padding: 5px 10px; border-radius: 5px;}
.ydtitle-bz{background: #f3ae2e; font-size: 16px; color: #fff; font-weight: bold; padding: 5px 10px; border-radius: 5px; margin: 0 10px;}
.ydtitle-ms{font-size: 13px; color: #f60;}
.yddata{ width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-top: 20px;  box-sizing: border-box;}
.yddata-li{border-radius: 5px; color: #000; display: inline-block; background-color: #ffffff; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); border: solid 1px #dedede; 
    margin-right: 10px; padding: 15px 10px; font-size: 16px; color: #000; text-align: center; margin-top: 5px; overflow: hidden;}
.active{  border: solid 1px #09a8f1;box-shadow: 0px 0px 3px  rgba(48, 177, 236, 0.4) ; position: relative;}
.yddata-li.active::before{position: absolute; content: ''; width: 50px; height: 30px; background: #009fe9; top: -10px; right: -20px; transform: rotate(45deg);}
.yddata-li.active::after{position: absolute; content: ''; top: 2px; right: 5px; width: 7px; height: 10px; border-bottom: solid 2px #fff; border-right:solid 2px #fff ; 
    transform: rotate(40deg);}

.riqixinqi{font-size: 16px; color: #000; margin-top: 5px;}
.yddatapic{font-size: 12px; color: #333;}
.yddatapic span{font-size: 18px; color: #f10; font-weight: bold;}
.yddata-li.active{color: #333;}
.yddata-li.active .yddatapic,.yddata-li.active .riqixinqi{color: #333;}


.house{display: flex; flex-direction: column; width: 100%; padding: 15px 5px 5px;   background: #e7f7ff; margin-top: 15px;}
.house-ms{display: flex; flex-direction: column; width: 100%; font-size:14px; color: #f60; line-height: 24px;}
.house-fx{display: flex; flex-direction: column; background: #fff; padding: 5px ; border-radius: 5px;  margin-top: 5px; min-height: 120px;}
.house-fx-fj{display: flex; flex-direction: row; width: 100%;  align-items: center; position: relative;}
.house-fx-fj-l{display: flex; flex-direction: row; width: calc(100% - 100px); position: relative; cursor: pointer;}
.mordfx{position: absolute; bottom: 0; left: 18px; font-size: 12px; font-weight: bold;}
.fxtp{width: 90px; height: 80px; border-radius: 10px;}
.house-fx-ms{display: flex; flex-direction: column; width: calc(100% - 100px); margin-left: 10px;}
.biaoti{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 5px; width: 100%; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.house-cs{font-size: 13px; color: #333; width: 100%; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.house-fx-yd{display: flex; flex-direction: column; align-items: flex-end; width:140px; position: absolute; top: 5px; right: 0}

.jiage{font-size: 13px; color: #000;}
.jiage span{font-size: 19px; color: #f10; font-weight: bold;}
.yudin{background: #f60; margin: 5px 0; padding: 5px 0px; border-radius: 20px; font-size: 15px; color: #fff; width: 90px; text-align: center;}
.qiangou{background: #009fe9; }
.maiwan{background: #666; }
.picmx{background: #f3ae2e; margin: 5px 0; padding: 2px 0px; width: 90px; border-radius: 20px; font-size: 15px; color: #fff; position: relative; text-align: center; 
    padding-left: 10px; box-sizing: border-box;}
.picmx::before{position: absolute; content: ''; bottom: 12px; left: 8px;
    width: 8px; height: 8px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg);}
.shouqi{background: #666;}
.shouqi::before{position: absolute; content: ''; bottom: 8px; left: 8px;
    width: 8px; height: 8px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(-135deg);}

.jiagemx{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.jiagemx-li{display: flex; flex-direction: row; justify-content: space-between; background: #e7f7ff; padding: 5px 10px;  margin-bottom: 10px; 
    font-size: 14px; color: #000; border-radius: 3px;}
.jiagemx-li span{color: #f10;}

.detams{display: flex; flex-direction: column; width: 100%; margin-top:15px;}
.detams-zx{display: flex; font-size: 18px; color: #24a6ea;}
.detams-cs{display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin: 10px 0; background: #e7f7ff; padding: 5px;  
    border-radius: 4px;}
.detams-cs-li{display: flex; flex-direction: column;}
.detams-cs-li span{font-size: 12px; color: #666;}
.detams-cs-li span.jiacu{font-size: 14px; color: #000; margin-top: 5px;}
.detams-jj{ font-size: 14px; color: #000; line-height: 24px; position: relative; height: 72px; overflow: hidden;}
.detams-jj #youlunjs{position: absolute; bottom: -5px; right: 0; background: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px; color: #24a6ea;}
.more{height: auto;}

.fangxingbj{position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4);z-index: 999;}
.fangxing{position: fixed; bottom: 0; left: 0; right: 0; max-width: 750px; margin: 0 auto; background: #fff;  z-index: 999;}
.fxnr{display: flex; flex-direction: column; width: 100%; padding: 15px; box-sizing: border-box;}
.fxnrbt{display: flex; flex-direction: row; width: 100%; max-width: 750px; padding: 0 15px; justify-content: space-between; align-items: center; height: 40px; 
    background: #fff; position: relative; z-index: 9999;margin: 0 auto;}
 .fxnrgg{max-width: 750px; height: calc(100vh - 145px); overflow-y: auto;}
.fxnrgg-left{margin-top: 0px} 
.fxnrbt-l{font-size: 15px; color: #000;}
.fxnrbt-r{width: 20px; height: 20px; font-size: 13px; color: #000; border-radius: 50%; border: solid 1px #333; text-align: center; line-height: 18px; box-sizing: border-box;}
.fx-img{display: flex; flex-direction: row; width: 100%; margin-top: 20px;}
.fx-img img{width: 100%;}
.fx-img { overflow: hidden; width: 100%;  height: 300px; position: relative;}
.fx-imgul {  display: flex;  transition: transform 0.5s ease-in-out;}
.fx-imgul div { min-width: 100%;  height: 100%;}
.fx-imgul div img {  width: 100%;  height: 100%;  object-fit: cover;}
.video{display: flex; flex-direction: row; width: 100%; height: 200px; margin-top: 20px;}
.videoyl{width: 100%; height: 100%;}
.fx-xilie{display: flex; flex-direction: row; width: 100%; margin-top: 15px;}
.fx-xilie-li{display: flex; flex-direction: column; width: calc((100%)/3); align-items: center;}
.fx-xilie-li span{font-size: 13px; color: #666;}
.fx-xilie-li span.heise{font-size: 16px; color: #000; font-weight: bold; margin-top: 3px;}

.fx-cs{display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.fx-cs-li{ width: 100%; margin-bottom: 10px; font-size: 15px; color: #000;}
.fx-cs-li span{font-weight: bold; margin-right: 5px; width: 80px;} 
.fx-cs-li-sm{width: 100%; font-size: 15px; color: #f00;}

.fx-dy{display: flex; flex-direction: column; width: 100%; margin-top: 20px; background: #f2f2f2; padding: 10px;  font-size: 14px; color: #f50; 
    line-height: 22px; border-radius: 3px;}

.fx-rzjy{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.fx-rzjy-bt{font-size: 16px; color: #000; font-weight: bold;}
.fx-rzjy-nr{display: flex; flex-direction: column; width: 100%; margin-top: 5px; font-size: 14px; color: #111; line-height: 22px;}

.full-yd{width: 100%; height: 90px;}
.fx-ljyd{position: fixed; bottom: 0 ; left: 0; right: 0; max-width: 750px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; background: #fff;  align-items: center;
     box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); z-index: 99;}
.fx-ljyd-l{margin-left: 10px; display: flex; flex-direction: column; padding: 20px 0;}
.fx-ljydpic{font-size: 12px; color: #f10;}
.fx-ljydpic span{font-size: 20px;}
.fx-ljydsm{font-size: 13px; color: #333;}
.fxyudin{background: #f60; margin-right: 10px; padding: 10px 30px; font-size: 15px; color: #fff; }

.carousel-control{top:50%; height: 100px; margin-top: -50px;}

.comment{display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.comment-bt{display: flex; flex-direction: row; justify-content: space-between; font-size: 20px; color: #000; font-weight: bold; position: relative; padding-left: 15px; 
    color: #09a8f1;}
.comment-bt span{font-size: 16px; color: #07438d; font-weight: normal; }

.comment-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.comment-nr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.comment-nr-li{display: flex; flex-direction: column; width: 100%; margin-bottom:20px;}
.comment-nr-li-s{display: flex; flex-direction: row; width: 100%; align-items: center;}
.comment-nr-li-s img{width: 50px; height: 50px; border-radius: 10px; margin-right: 10px;}
.comment-name{display: flex; flex-direction: column;}
.comment-name-s{display: flex; flex-direction: row; align-items: center; font-size: 18px; color: #000; font-weight: bold;}
.comment-name-s img{width: 20px;height: 20px; margin-left: 5px;}
.comment-name-x{display: flex; flex-direction: row; margin-top: 8px;}
.comment-name-x img{width: 20px;height: 20px; margin-right: 0;}
.comment-nr-li-x{display: flex; flex-direction: column; width: 100%; margin-top: 10px; font-size: 15px; color: #000; line-height: 22px;}

.tripdetails{display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.xc-bt{font-size: 20px; color: #000; font-weight: bold;}
.tripdata{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.tripdata-li{display: flex; flex-direction: column; width: 100%; margin-bottom: 20px;}
.tripdata-li-bt{display: flex; flex-direction: row; width: 100%; background: #e7f7ff; padding: 5px 0; border-radius: 5px;}
.tripdata-li-bt-l{display: flex; flex-direction: column; align-items: center; width: 50px; position: relative;}
.tripdata-li-bt-l::before{position: absolute; content: ''; top: 2px; right: 0; width: 2px; height: 40px; background: #000; }
.tripdata-li-bt-l span{ font-size: 13px; color: #333; font-weight: bold;}
.tripdata-li-bt-l span.tiansu{font-size: 20px; color: #000; }
.tripdata-li-bt-r{display: flex; flex-direction: row; width: calc(100% - 60px); margin-left: 10px; font-size: 19px; color: #000; font-weight: bold; line-height: 24px; 
    align-items: center;}

.tripdata-cs{display: flex; flex-direction: column; width: 100%; padding-left: 10px; box-sizing: border-box;}
.tripdata-cs-li{display: flex; flex-direction: row; width: 100%; margin-top: 10px;}
.cs-tb{width: 20px; height: 20px; margin-right:10px;}
.tripdata-cs-lism{display: flex; flex-direction: column; width: calc(100% - 30px); font-size: 15px; color: #000; line-height: 22px;}
.detasm-ms{line-height: 28px;}
.feiyongsm{display: flex; flex-direction: column; width: 100%; margin-top: 10px; }
.feiyongsm-bt{font-size: 20px; color: #09a8f1; font-weight: bold; position: relative; padding-left: 15px; box-sizing: border-box;}
.feiyongsm-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.feiyongsm-nr{display: flex; flex-direction: column; width: 100%; font-size: 15px; color: #000; margin-top: 10px; line-height: 27px; background: #e7f7ff; 
    padding: 10px;  border-radius: 5px;}
.feiyongsm-nr image{width: 100%;}

.liangdian{display: flex; flex-direction: column; width: 100%; margin: 20px 0; }
.liangdian-bt{font-size: 20px; color: #000; font-weight: bold; color: #09a8f1; position: relative; padding-left: 15px; box-sizing: border-box;}
.liangdian-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.liangdian-nr{display: flex; background: #e7f7ff; padding: 10px; box-sizing: border-box; border-radius: 5px; flex-direction: column; width: 100%; font-size: 15px; color: #000; 
    margin-top: 10px; line-height: 28px;}
.liangdian-nr img{width: 100%;}


.xuzhi{display: flex; flex-direction: column; width: 100%;}
.xuzhi-li{display: flex; flex-direction: column; width: 100%; margin-bottom: 20px; }
.xuzhi-bt{font-size:20px; color: #000; font-weight: bold; color: #09a8f1; position: relative; padding-left: 15px; box-sizing: border-box;}
.xuzhi-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.xuzhi-nr{display: flex; flex-direction: column; width: 100%; font-size: 15px; color: #000; margin-top: 10px; line-height: 28px; background: #e7f7ff; padding: 10px; 
    box-sizing: border-box; border-radius: 5px;}
.xuzhi-nr img{width: 100%;}

.comment{display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.comment-bt{display: flex; flex-direction: row; justify-content: space-between; font-size: 20px; color: #000; font-weight: bold; position: relative; padding-left: 15px;
     color: #09a8f1;}
.comment-bt span{font-size: 16px; color: #07438d; font-weight: normal; }

.comment-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.comment-nr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.comment-nr-li{display: flex; flex-direction: column; width: 100%; margin-bottom:20px;}
.comment-nr-li-s{display: flex; flex-direction: row; width: 100%; align-items: center;}
.comment-nr-li-s image{width: 50px; height: 50px; border-radius: 5px; margin-right: 10px;}
.comment-name{display: flex; flex-direction: column;}
.comment-name-s{display: flex; flex-direction: row; align-items: center; font-size: 18px; color: #000; font-weight: bold;}
.comment-name-s image{width: 20px;height: 20px; margin-left: 5px;}
.comment-name-x{display: flex; flex-direction: row; margin-top: 8px;}
.comment-name-x image{width: 20px;height: 20px; margin-right: 0;}
.comment-nr-li-x{display: flex; flex-direction: column; width: 100%; margin-top: 10px; font-size: 15px; color: #000; line-height: 22px;}

.recommend{display: flex; flex-direction: column; width: 100%;}
.recommend-bt{display: flex; flex-direction: row; justify-content: space-between; font-size: 20px; color: #09a8f1; font-weight: bold; position: relative; padding-left: 15px;
     box-sizing: border-box;}
.recommend-bt::before{position: absolute; content: ''; top: 3px; left: 0; width: 5px; height: 20px; background: #09a8f1; border-radius: 5px;}
.recommend-ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.recommend-li{display: flex; flex-direction: column; width: calc((100% - 15px)/2); margin-right: 15px; margin-bottom: 15px;}
.recommend-li:nth-child(2n){margin-right: 0;}
.recommend-liimg{width: 100%; height: 140px; border-radius: 3px; overflow: hidden;}
.recommend-liimg img{width: 100%; height: 100%; object-fit: cover;}
.tj-title{font-size: 16px; color: #000; line-height: 22px; margin: 5px 0 3px 0; }
.tj-yljg{display: flex; flex-direction: row; align-items: flex-end; font-size: 12px; color: #666;}
.tj-yljg span{font-size: 18px; color: #f60; font-weight: bold;}

.fulldbyd{width: 100%; height: 60px;}
.footeryd{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 750px; width: 100%; background: #fff; display: flex; flex-direction: row;  
    border-top: solid 1px #d1eefd; justify-content: space-between;}
.footeryd-l{display: flex; flex-direction: row;}
.footeryd-li{ display: flex; flex-direction: column; align-items: center; margin: 0 10px;  padding: 5px 0;}
.footeryd-li a{ display: flex; flex-direction: column; align-items: center;}
.footeryd-li img{width: 30px; height: 30px;}
.footeryd-li span{font-size: 14px; color: #000;}
.footeryd-r{background: #009fe9;  display: flex; flex-direction: row; align-items: center;}
.footeryd-r span{font-size: 20px; color: #fff; padding: 0 30px;}

.dbsumydbj{position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none; z-index: 999;}
.dbsumyd{position: fixed; bottom: 0; left: 0%; right: 0; margin: 0 auto; max-width: 750px;  width: 100%; background: #fff; height: calc(100vh - 200px); z-index: 999999; border-top-left-radius: 10px; 
    border-top-right-radius: 10px; display: none; overflow-y: auto;}
    .xianshi{display: block;}
.dbsumydnr{display: flex; flex-direction: column;  width: 100%; padding: 15px; box-sizing: border-box;}
.dbsumyd-fx{display: flex; flex-direction: row; width: 100%; position: relative;}
.dbsumyd-fxgb{position: absolute; top: 0px; right: 0px; border: solid 1px #ddd; width: 30px;height: 30px; text-align: center; box-sizing: border-box; line-height: 28px; 
    border-radius: 25px;}
.dbsumyd-fximg{width: 90px; height: 75px;}
.dbsumyd-fximg img{width: 100%; height: 100%; border-radius: 5px;}
.dbsumyd-fxtxt{display: flex; flex-direction: column; width: calc(100% - 100px); margin-left: 10px; justify-content: center;}
.dbsumyd-fxtxt-bt{font-size: 18px; color: #000; font-weight: bold;}
.dbsumyd-fxtxt-xc{font-size: 14px; color: #666; margin: 5px 0;}
.dbsumyd-fxtxt-riqi{width: 100%; display: flex; flex-direction: row; justify-content: space-between;}
.dbsumyd-fxtxt-riqi-l{font-size: 14px; color: #666;}
.dbsumyd-fxtxt-riqi-r{font-size: 14px; color: #666;}
.dbsumyd-fxtxt-riqi-r span{font-size: 18px; color: #f60;}


.xzhangx{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.xzhangx-bt{font-size: 16px; color: #000;}
.xzhangx-bt span{font-size: 12px; color: #f10; margin-left: 5px;}
.xzhangx-nr{ width: 100%; white-space: nowrap; margin-top: 10px;}
.xzhangx-nr-li{border-radius: 5px; color: #000; display: inline-block; background-color: #ffffff; box-shadow: 0px 0px 5px  rgba(0, 0, 0, 0.2); 
    border: solid 1px #dedede; margin-right: 10px; padding: 7px 10px; font-size: 15px; color: #000; text-align: center; position: relative; overflow: hidden;}
.xzhangx-nr-li.active{border: solid 1px #09a8f1;}
.xzhangx-nr-li.active::before{position: absolute; content: ''; width: 50px; height: 30px; background: #009fe9; top: -15px; right: -20px; transform: rotate(45deg);}
.xzhangx-nr-li.active::after{position: absolute; content: ''; top: 3px; right: 4px; width: 5px; height: 8px; border-bottom: solid 2px #fff; border-right:solid 2px #fff ; 
    transform: rotate(40deg);}

.xzhangx-sumin{display: flex; flex-direction: column; width:calc(100% - 30px); margin: 10px 15px ; background: #bce1f7; padding: 10px; box-sizing: border-box; 
    border-radius: 5px; font-size: 15px; color: #0171a5; line-height: 22px;}

.lijisum{position: fixed; bottom: 0px; left: 50%; max-width: 750px; transform: translateX(-50%); width: 100%; }
.lijisum span{width: 100%; display: block; background: #f60; font-size: 16px; color: #fff; padding: 12px 0px;  text-align: center;}
.peopleinfo-nrsh{font-size: 15px; width: 100%; text-align: center; margin: 30px auto; display: none;}

/*点评列表*/
.commentny{display: flex; flex-direction: column; width: 100%; margin-top: 60px; padding: 15px; box-sizing: border-box;}
.comment-nr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.comment-nr-li{display: flex; flex-direction: column; width: 100%; margin-bottom:20px;}
.comment-nr-li-s{display: flex; flex-direction: row; width: 100%; align-items: center;}
.comment-nr-li-s img{width: 50px; height: 50px; border-radius: 5px; margin-right: 10px;}
.comment-name{display: flex; flex-direction: column;}
.comment-name-s{display: flex; flex-direction: row; align-items: center; font-size: 18px; color: #000; font-weight: bold;}
.comment-name-s img{width: 20px;height: 20px; margin-left: 5px;}
.comment-name-x{display: flex; flex-direction: row; margin-top: 8px;}
.comment-name-x img{width: 20px;height: 20px; margin-right: 0;}
.comment-nr-li-x{display: flex; flex-direction: column; width: 100%; margin-top: 10px; font-size: 15px; color: #000; line-height: 22px;}
.comment-nr-li-img{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;}
.comment-nr-li-img img{width: calc((100% - 20px)/3); height: 110px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px;}
.comment-nr-li-img img:nth-child(3n){margin-right: 0;}

.wydp{position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #4A9CFF; font-size: 18px; color: #fff; padding: 10px 30px; border-radius: 30px;}

.wydpinput{position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none;}
.dpxsy{display: block;}
.wydpinputnr{position: absolute; top: 50%; left: 50%; min-width: 80%; transform: translate(-50%,-50%); background: #fff; padding: 15px; border-radius: 10px;}
.textarea{border: solid 1px #4A9CFF; font-size: 15px; color: #000; padding: 5px; box-sizing: border-box; border-radius: 5px; width: 100%; height: 85px;}
.dpdf{display: flex; flex-direction: row; width: 100%; align-items: center; margin-top: 10px; font-size: 16px; color: #000;}
.xzwjx{width: 20px; height: 20px;}

.scimgbt{display: flex; flex-direction: row; margin-top: 15px; font-size: 16px; color: #000; align-items: flex-end;}
.scimgbt span{color: #f10; font-size: 12px;}
.uploadimg{display: flex; flex-direction: column; margin-top: 10px; width: 100%;}
.preview{display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;}
.ylimg{width: calc((100% - 20px)/3); height: 90px; margin-right: 10px; margin-bottom: 10px; position: relative;}
.ylimg:nth-child(3n){margin-right: 0;}
.ylimg img{width: 100%; height: 100%; object-fit: cover;}
.delete-btn{position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; background: #f10; border-radius: 50%; border: none; font-size: 14px; color: #fff;}

.uploadimglist{ margin-right: 10px; position: relative; margin-bottom: 5px;}
.uploadimglist input{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.uploadimglist span{width: 100%; background: #4A9CFF; display: flex; flex-direction: row; justify-content: center; padding: 5px 0; border-radius: 40px; font-size: 13px; 
    color: #fff;}

.yanzm{display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 15px;}
.yanzm-l{font-size: 16px; color: #000; width: 70px;}
.yanzm-input{width: 90px; border: solid 1px #333; padding:3px 5px; margin-right: 5px;}
.yanzm-tb{width: 100px; height: 32px;}

.sumtib{display: flex; flex-direction: row; justify-content: space-around; margin-top: 20px;}
.sumtib span{padding: 10px 40px; border-radius: 20px; font-size: 14px; color: #000;}
.sumtib .quedin{background: #f60; color: #fff;}
.sumtib .quxiao{background: #999;}


/*游轮预定*/
.tijiaoddzt{background: linear-gradient(to bottom, #24a6ea,  #fff) no-repeat; max-width: 756px; width: 100%; height: calc(100vh - 50px); overflow-y: auto; 
    margin: 50px auto 0; padding: 15px;}
.dd-bt{display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 5px; padding: 10px; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.dd-bt-li{display: flex; flex-direction: row; width: 100%; font-size: 18px; color: #000; font-weight: bold; margin: 5px 0; border-bottom: dotted 1px #24a6ea; 
    padding-bottom: 10px;}
.dd-bt-li-l{width: 90px;}
.dd-bt-li-r{width: calc(100% - 90px);}
.rensu{display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 5px; padding: 10px; box-sizing: border-box; margin-top: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.rensu-ul{display: flex; flex-direction: row; width: 100%; align-items: center; margin-bottom: 5px; justify-content: space-between;}
.rensu-ul-l{display: flex; flex-direction: row; width: 150px;  padding: 5px 0; font-size: 14px; color: #333;}
.rensu-ul-c{display: flex; flex-direction: row; width: 90px; align-items: flex-end;  margin: 0 10px; padding: 5px 0; font-size: 14px; color: #333;}
.rensu-ul-r{display: flex; flex-direction: row; width: 90px;  padding: 5px 0; }
.biaoti-wz{background: #f2f2f2; justify-content: center; font-size: 16px; color: #000;}
.rensu-ul-c span{font-size: 19px; color: #f10;}
.rensu-ul-r span.sljj{width: 25px; height: 30px; line-height: 28px; border: solid 1px #ddd; box-sizing: border-box; text-align: center; font-size: 20px;}
.rensu-ul-r .sljjinput{width: 40px; height: 30px; background: #24a6ea; border: solid 1px #24a6ea; box-sizing: border-box; text-align: center; color: #fff; font-size: 15px;}
.jjgsm{display: flex; flex-direction: column; width: 100%; background: #f2f2f2; margin-top: 15px; padding: 10px; box-sizing: border-box; border-radius: 5px;} 
.jjgsm-bt{font-size: 16px; color: #24a6ea; margin-bottom: 10px;}
.jjgsm-nr{display: flex; flex-direction: column; width: 100%; font-size: 15px; color: #333; line-height: 22px;}

.baoxian{display: flex; flex-direction: column; width: 100%; background: #fff; margin-top: 10px; padding: 10px; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.2); 
    border-radius: 5px;}
.baoxianbt{font-size: 16px; color: #000; font-weight: bold;}
.baoxiannr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.baoxiannr-li{display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 10px;}
.baoxiannr-li-l{width: calc(100% - 100px); margin-right: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.baoxiannr-li-lwz{ font-size: 13px; color: #333;} 
.baoxiannr-li-ljg{ font-size: 13px; color: #333; min-width: 60px; text-align: right;}
.baoxiannr-li-ljg span{ font-size: 14px; color: #f60;}
.baoxiannr-li-r{width: 90px; display: flex; flex-direction: row;}
.baoxiannr-li-r span.sljj{width: 25px; height: 30px; line-height: 28px; border: solid 1px #ddd; box-sizing: border-box; text-align: center; font-size: 20px;}
.baoxiannr-li-r .sljjinput{width: 40px; height: 30px; background: #24a6ea; border: solid 1px #24a6ea; box-sizing: border-box; text-align: center; color: #fff;}
.baoxiannr-li-r .sljjinput{width: 40px; height: 30px; background: rgb(33, 172, 21); border: solid 1px rgb(33, 172, 21); box-sizing: border-box; text-align: center; 
    color: #fff; font-size: 15px;}

.additional{display: flex; flex-direction: column; width: 100%; background: #fff; margin-top: 10px; padding: 10px; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.2);
     border-radius: 5px;}
.additionalbt{font-size: 16px; color: #000; font-weight: bold;}
.additionalnr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.additionalnr-li{display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 10px;}
.additionalnr-li-l{width: calc(100% - 100px); margin-right: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.additionalnr-li-lwz{ font-size: 13px; color: #333;} 
.additionalnr-li-ljg{ font-size: 13px; color: #333; min-width: 60rpx; text-align: right;}
.additionalnr-li-ljg span{ font-size: 14px; color: #f60;}
.additionalnr-li-r{width: 90px; display: flex; flex-direction: row;}
.additionalnr-li-r span.sljj{width: 25px; height: 30px; line-height: 28px; border: solid 1px #ddd; box-sizing: border-box; text-align: center; font-size: 20px;}
.additionalnr-li-r .sljjinput{width: 40px; height: 30px; background: #24a6ea; border: solid 1px #24a6ea; box-sizing: border-box; text-align: center; color: #fff;}
.additionalnr-li-r .sljjinput{width: 40px; height: 30px; background: rgb(28, 177, 223); border: solid 1px rgb(28, 177, 223); box-sizing: border-box; text-align: center; 
    color: #fff; font-size: 15px;}

.contacts{display: flex; flex-direction: column; width: 100%; background: #fff; margin-top: 10px; padding: 10px; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.2); 
    border-radius: 5px;}
.contactsbt{font-size: 16px; color: #000; font-weight: bold;}
.contactsnr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.contactsnr-li{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px;}
.contactsnr-li-l{font-size: 15px; color: #000; width: 80px; margin-right: 10px; line-height: 35px; padding-left: 10px; box-sizing: border-box; position: relative;}
.contactsnr-li-l span{color: #f10; position: absolute; top: 0; left: 0;}
.contactsnr-li-r{width: calc(100% - 90px);}
.contactsnr-li-r .input{ border: solid 1px #ddd; width: 100%; height: 35px; font-size: 15px; padding:0 10px; box-sizing: border-box;} 
.yanzm-l{font-size: 16px; color: #000; width: 70px;}
.yanzm-input{width: 110px; border: solid 1px #ddd; padding:0 10px;  height: 35px; margin-right: 5px; font-size: 15px;}
.yanzm-tb{width: 100px; height: 35px;}
.textarea{width: 100%; border: solid 1px #ddd; padding: 10px; box-sizing: border-box; font-size: 15px; height: 100px; outline: 0;}

.discount{display: flex; flex-direction: column; width: 100%; background: #fff; margin-top: 10px; padding: 10px; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.2); 
    border-radius: 5px;}
.discountbt{font-size: 16px; color: #000; font-weight: bold;}
.discountnr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.discountnr-li{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; justify-content: space-between; align-items: center;}
.discountnr-li-l{font-size: 15px; color: #333;}
.discountnr-li-r{font-size: 15px; color: #f10; font-weight: bold; min-width: 100px; text-align: right;}

.order-tj{position:fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 750px; width: 100%; background: #fff; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 15px;
     box-sizing: border-box; align-items: flex-end; box-shadow: 0 -2px 2px rgba(0,0,0,.2); z-index: 99;}
.order-tj-l{display: flex; flex-direction: row; font-size: 14px; color: #333; align-items: flex-end;}
.order-tj-l span{ font-size: 20px; color: #f10; font-weight: bold;}
.order-tj-r{display: flex; flex-direction: row;}
.order-tj-r span,.order-tj-r a{background: #f60; padding: 10px 15px; border-radius: 20px; font-size: 16px; color: #fff; margin-left: 15px;}


/*游轮预定提交订单*/
.orderydxx{display: flex; flex-direction: column; width: 100%; padding: 15px; margin-top: 50px;}
.proinfo{ display: flex; flex-direction: column; width: 100%; background: #fff; padding: 10px; box-sizing: border-box; border-radius: 5px;}
.proinfo-bt{width: 100%; font-size: 18px; color: #000; font-weight: bold;}
.proinfo-nr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.proinfo-nr-xbt{font-size: 15px; color: #000; margin-bottom: 10px; font-weight: bold; border-top: solid 1px #ddd; padding-top: 10px;}
.proinfo-nr-li{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px;}
.proinfo-nr-li-l{width: 90px; font-size: 15px; color: #000;}
.proinfo-nr-li-r{width: calc(100% - 90px); font-size: 15px; color: #24a6ea;}

.peopleinfo{ display: flex; flex-direction: column; width: 100%; background: #fff; padding: 10px; box-sizing: border-box; border-radius: 5px; margin-top: 10px;}
.peopleinfo-bt{width: 100%; font-size: 18px; color: #000; font-weight: bold; position: relative;}
.addrenyuan{position: absolute; top: 50%; right: 0px; transform: translateY(-50%); display: flex; flex-direction: row; align-items: center; font-size: 12px; font-weight: normal; 
    color: #f10;}
.peopleinfo-nr{display: flex; flex-direction: column; width: 100%; margin-top: 10px;}
.peopleinfo-nr-ul{display: flex; flex-direction: column; width: 100%; background: #f2f2f2; margin-bottom: 10px; padding: 10px 10px 0; box-sizing: border-box; border-radius: 5px;}
.peopleinfo-nr-li{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; align-items: center;}
.peopleinfo-nr-li-l{width: 90px; font-size: 15px; color: #000; position: relative; padding-left: 10px;}
.peopleinfo-nr-li-l span{position: absolute; top:0; left: 0; color: #f10;}
.peopleinfo-nr-li-r{width: calc(100% - 90px);}
.peopleinfoinput{ border: solid 1px #ddd; padding: 5px 18px; background: #fff; width: 100%;}
.picker-zjlx{ border: solid 1px #ddd; background: #fff; padding: 5px; font-size: 15px; color: #000; height: 33px; box-sizing: border-box; position: relative;}
.picker-zjlx::before{position: absolute; content: ''; top: 9px; right: 10px; width: 8px; height: 8px; border-right: solid 1px #333; border-bottom: solid 1px #333;
    transform: rotate(45deg);}

.switch { position: relative;   display: inline-block;  width: 40px; height: 24px; margin-left: 4px; margin-bottom: 0 !important;}
.switch input {opacity: 0; width: 0;height: 0; }
.slider { position: absolute;  cursor: pointer;  top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 34px; }
.slider:before { position: absolute; content: ""; height: 16px; width: 16px;  left: 4px; bottom: 4px; background-color: white; transition: .4s;border-radius: 50%; }
.switch input:checked + .slider {background-color: #2196F3; }
.switch input:checked + .slider:before { transform: translateX(16px); }
 
.orderxx-tj{position:fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 750px; width: 100%; background: #fff; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 15px;
     box-sizing: border-box; align-items: flex-end; box-shadow: 0 -2px 2px rgba(0,0,0,.2); z-index: 99;}
.orderxx-tj-l{display: flex; flex-direction: row; font-size: 14px; color: #333; align-items: flex-end;}
.orderxx-tj-l span{ font-size: 20px; color: #f10; font-weight: bold;}
.orderxx-tj-r{display: flex; flex-direction: row;}
.orderxx-tj-r span{background: #f60; padding: 10px 15px; border-radius: 20px; font-size: 16px; color: #fff; margin-left: 10px;}

/*订单完成*/
.ddwc-top{display: flex; flex-direction: column; align-items: center; width: 100%; height: 330px; padding-top: 50px; background: #24a6ea; position: relative;}
.ddwc-top::before{ position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); content: ''; width: calc(100% - 30px); background: #1890d1; height: 20px; 
    border-radius: 20px;}
.wctb{width: 80px; height: 80px; margin-top: 25px;}
.ddwz-zf{font-size: 20px; color: #fff; font-weight: bold; margin: 10px 0;}
.ddwz-zfsm{font-size: 13px; color: #fff;}
.orderxx{display: flex; flex-direction: column; width: calc(100% - 50px); margin: -50px 25px 0; position: relative; z-index: 10; background: #fff; padding: 10px 0px; 
    box-sizing: border-box; border-radius: 0 0 10px 10px; align-items: center; box-shadow: 0 3px 2px rgba(0,0,0,.2);}
.orderxx-jj{font-size: 30px; color: #24a6ea; margin: 30px 0;}
.orderxx-xx{display: flex; flex-direction: column; width: 100%; padding: 25px 20px 0; box-sizing: border-box; border-top: dotted 1px #ddd; position:relative;}
.orderxx-xx::before{position:absolute; top: -10px; left: -10px; content: ''; width: 20px; height: 20px; background: #f2f2f2; border-radius: 50%;}
.orderxx-xx::after{position:absolute; top: -10px; right: -10px; content: ''; width: 20px; height: 20px; background: #f2f2f2; border-radius: 50%;}
.orderxx-xx-li{display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-bottom: 10px;}
.orderxx-xx-li span{font-size: 13px; color: #666;}

.lookorder{display: flex; flex-direction: row; width: 100%; justify-content: space-between; width: calc(100% - 50px); margin: 100px 25px 0;}
.lookorder span{ padding: 10px 45px; font-size: 16px; background: #f60; color: #fff; border-radius: 20px; border: solid 1px #f60; box-sizing: border-box;}
.lookorder span.fhome{background: transparent; border: solid 1px #f60; color: #f60; }