@charset "utf-8";
#footer,.topinner{display:none}
.content{padding-bottom:1.3889rem}
.tab-screen{background-color:#353a41;z-index:1005;width:100%;position:fixed;left:0;bottom:0;height:1.3889rem;line-height:1.3889rem;color:#bbb;-webkit-transition:all .5s ease;transition:all .5s ease}
.tab-screen.cur{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.tab-screen .tab-select{overflow:hidden;width:100%}
.tab-select li{float:left;width:25%;text-align:center;font-family:'HiraginoSansGB W3';position:relative;cursor:pointer}
.tab-select li span{position:relative;top:.361112rem;display:block}
.tab-select li span i{position:absolute;display:block;background-size:cover;width:.5rem;height:.5rem;top:-.1rem;left:50%;margin-left:-.25rem;background-repeat:no-repeat;background-position:0 0}
.tab-select li.sel-1 span i{background-image:url(../../lvyou/images/ico_1.png)}
.tab-select li.sel-2 span i{background-image:url(../../lvyou/images/ico_9.png)}
.tab-select li.sel-3 span i{background-image:url(../../lvyou/images/ico_3.png)}
.tab-select li.sel-4 span i{background-image:url(../../lvyou/images/ico_4.png)}
.tab-select li.sel-2.sel-color span i{background-image:url(../../lvyou/images/ico_10.png)}
.tab-select li.sel-3.sel-color span i{background-image:url(../../lvyou/images/ico_7.png)}
.tab-select li.sel-4.sel-color span i{background-image:url(../../lvyou/images/ico_6.png)}
#dialog-bg{background-color:rgba(0,0,0,.5);position:fixed;z-index:1200;left:0;bottom:0;width:100%;height:100%;display:none}
.dialog-box{position:fixed;width:100%;background-color:#fff;left:0;bottom:0;z-index:1300;-webkit-transform:translate3d(0,8.16667rem,0);-webkit-transition:all 0.35s ease;-ms-transform:translate3d(0,8.16667rem,0);-ms-transition:all 0.35s ease;transform:translate3d(0,8.16667rem,0);transition:all 0.35s ease;max-height:8.16667rem;min-height:3.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dialog-box.show{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.city-wrap li,.sort-wrap li{border-bottom:1px solid #e6e6e6;height:1.1112rem;line-height:1.1112rem;padding:0 .416667rem;color:#666;font-size:.375rem;position:relative}
.city-wrap li.c-ba:before,.sort-wrap li.c-ba:before{content:"";position:absolute;height:.27778rem;width:.13334rem;top:.38889rem;right:.55556rem;border-bottom-width:.06rem;border-right-style:solid;border-bottom-style:solid;border-right-width:.06rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.panels-box{height:8.16667rem;overflow:hidden;background-color:#e9ecf0;position:relative}
.panels-left,.flag-left{overflow:hidden;height:100%;width:35%;float:left}
.panels-left li,.flag-left li{text-indent:.55556rem;height:1.2rem;line-height:1.2rem;overflow:hidden;display:block;font-size:.375rem;cursor:pointer;color:#000}
.panels-left li.cur,.flag-left li.cur{background-color:#fff}
.panels-rg,.flag-rg{margin-left:35%;background-color:#fff;box-sizing:border-box;padding:0 .2778rem;height:100%;overflow:hidden;width:65%;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#666}
.panels-item li{height:1.2rem;line-height:1.2rem;font-size:.375rem;color:#666;border-bottom:1px solid #e4e4e4;text-indent:.27778rem;overflow:hidden;box-sizing:border-box}
.ctrl-box{height:8.16667rem;overflow:hidden;position:relative}
.ctrl-panel{background-color:#2e343b;text-align:center;height:1rem;line-height:1rem;padding:.13334rem .41667rem}
.ctrl-panel span{color:#fff;font-size:.425rem;width:1.8rem}
.ctrl-panel span.confirm{float:right}
.ctrl-panel span.cancel{float:left}
.ctrl-panel span.reset{background-color:#3e4750;border-radius:5px;color:#c0c4cc;display:inline-block;font-size:.375rem;width:2.22223rem}
.flag-box{position:absolute;top:1.26668rem;left:0;bottom:0;width:100%;overflow:hidden;z-index:10}
.flag-left{background-color:#e9ecf0}
.flag-left li.lab:after{border-radius:50%;content:"";display:inline-block;height:.16667rem;margin-left:.27778rem;position:relative;vertical-align:middle;width:.16667rem}
.flag-rg{padding:0;padding-left:.5556rem}
.flag-rg li{height:1.2rem;line-height:1.2rem;font-size:.375rem;color:#666;border-bottom:1px solid #e4e4e4;position:relative;box-sizing:border-box}
.flag-rg li:before{content:"";position:absolute;border:1px solid #ccc;border-radius:50%;width:.55556rem;height:.55556rem;top:.27778rem;right:.41667rem}
.flag-rg li.c-ba:after{content:"";position:absolute;height:.27778rem;width:.13334rem;top:.38889rem;right:.61112rem;border-bottom-width:.06rem;border-right-style:solid;border-bottom-style:solid;border-right-width:.06rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.box-search{height:1.28334rem}
.search-con{padding:.16667rem .4rem;line-height:.95rem;width:100%;box-sizing:border-box;border-bottom:1px solid #e4e4e4;background-color:#fff;position:relative;z-index:10}
.search-dest{padding-left:1rem;border-radius:.13334rem;white-space:nowrap;background-color:#f2f2f2;position:relative;z-index:1;color:#666}
.search-dest i{position:absolute;left:.3rem;top:0;color:#888}
.search-con.fixed{position:fixed;top:0;width:10rem;z-index:500}
.list-item{background-color:#fff;margin-top:.27778rem;border-bottom:1px solid #e4e4e4;width:100%}
.list-item a{display:block}
.list-item .pic{position:relative;overflow:hidden;height:5.6rem}
.list-item .pic img{width:100%;height:5.6rem;display:block;object-fit:cover}
.list-item .pic .type{position:absolute;color:#fff;background-color:rgba(0,0,0,.5);padding:.06rem .1334rem;border-radius:.08rem;top:.2278rem;left:.2778rem}
.list-item .pic .pri{background-color:#ff5346;color:#fff;bottom:.2778rem;right:0;padding:.1334rem .2778rem;position:absolute;border-radius:.1334rem 0 0 .1334rem}
.list-item .pic .pri span{margin-right:.05rem}
.list-item .pic .pri .price,.list-item .pic .pri .price:before{color:#fff}
.list-item .info{padding:.2rem .4rem}
.list-item .info .name{margin-bottom:.1334rem;font-size:.4375rem}
.list-item .info .txt{color:#999}
.list-item .info .txt i{margin-right:.1334rem;color:#999}
.list-item .info .txt span{margin-left:.2rem}
#page-dest{margin-top:0;min-height:100%}
.dest-search{border-bottom:1px solid #dfdfdf;background-color:#f0f0f0;height:1.2rem}
.dest-search h2{padding:0 1.8rem 0 1.3rem;position:relative}
.dest-search h2 a.icon-left{position:absolute;width:1.3rem;left:0;font-size:26px;font-weight:700;text-align:center;display:block;top:0;height:1.2rem;line-height:1.2rem}
.dest-search h2 a.icon-left:active{background-color:#ddd}
.dest-search .dest-sea-name{width:100%;border-radius:.13334rem;color:#666;padding:0 0 0 .83334rem;height:.83334rem;line-height:.83334rem;border:none;background-color:#fff;margin-top:.2rem;box-sizing:border-box}
.dest-search h2 span.btn{color:#666;position:absolute;right:0;top:0;text-align:center;line-height:1.2rem;width:1.8rem}
.dest-search h2 i.iconfont{position:absolute;left:1.5rem;top:0;color:#aaa;line-height:1.2rem}
.dest-search h2 .clear{position:absolute;right:1.8rem;top:.2rem;height:.83334rem;line-height:.83334rem;padding:0 .27778rem}
.dest-search h2 .clear i{background-color:#ccc;border-radius:50%;color:#fff;display:block;height:.56rem;width:.56rem;line-height:.56rem;text-align:center}
[data-dpr="2"] .dest-search h2 a.icon-left{font-size:52px}
[data-dpr="3"] .dest-search h2 a.icon-left{font-size:78px}
.dest-list{padding:.27778rem}
.dest-list h3{color:#999;margin-left:2%}
.dest-list li{float:left;margin:2%}
.dest-list li a{border:1px solid #ddd;border-radius:.13334rem;line-height:1.8;overflow:hidden;padding:.13334rem .27778rem;display:block}
.dest-list li:nth-child(3n+1) a{color:#23beae}
.dest-list li:nth-child(3n+2) a{color:#fb8964}
.dest-list li:nth-child(3n) a{color:#2ebd59}