.banner{ overflow: hidden; z-index: 1; width: 100%; height: auto; position: relative;background: #fff;}
.banner img{ display: block; width: 100%; height: auto;}

.outbound-travel{ width: 100%; padding: 0 .15rem;box-sizing: border-box; margin-top: -1.55rem; position: relative;z-index: 10;}
.wrapper01 {position:relative;height: 1rem;width: 100%; overflow:hidden; padding-top: .1rem; }
.wrapper01:before{position: absolute; content: "";width: 100%;height: calc(100% - 0.1rem);background: linear-gradient(#bdcaf6, #ebeef6);  left: 0; bottom: 0; border-radius:.15rem .15rem 0 0; }
.wrapper01 .scroller {position:absolute;width: 9rem !important;}
.wrapper01 .scroller ul{white-space: nowrap;}
.wrapper01 .scroller li {height: 1rem;line-height: 1rem; position: relative;display: inline-block;}
.wrapper01 .scroller li a{display: block;color:#313131;font-weight: bold;font-size: .3rem;padding:0 .4rem;position: relative;}
.wrapper01 .scroller ul li:nth-child(1) a{ padding: 0 .6rem 0 .3rem;}
.leftjt{background: url(../../images/dev/v35.png); width: .25rem;height: .25rem; position: absolute; left: -.25rem; bottom: 0;background-size: 100% 100%;display: none;}
.rightjt{background: url(../../images/dev/v36.png); width: .25rem;height: .25rem; position: absolute; right: -.25rem; bottom: 0;background-size: 100% 100%;display: none;}
.wrapper01 .scroller li.cur a:before{position: absolute; width: 100%; height: 1.1rem;border-radius: .15rem .15rem 0 0; left: 0; bottom: 0;background: #fff;content: "";}
.wrapper01 .scroller li.cur .leftjt{display: block;}
.wrapper01 .scroller li.cur .rightjt{display: block;}
.wrapper01 .scroller li:nth-child(1) a{color:#313131;display:block;font-weight: bold;font-size: .3rem; }
.wrapper01 .scroller li.cur a{color: #007AFF;}
.wrapper01 .scroller li.cur b{font-size: .32rem;}
.wrapper01 .scroller li.cur em{position: absolute;background:#007AFF;background-size: 100%;width: .7rem; height: .1rem; left: 50%; bottom: .15rem;z-index: 10;transform: translateX(-50%);border-radius: .05rem;}

.wrapper01 .scroller li:last-child a{padding:0 .3rem 0 .7rem; }
.wrapper01 .scroller li:nth-child(1).cur a{position: relative;font-weight: bold; padding-left: .35rem;}
.wrapper01 .scroller li:nth-child(1).cur  em{left: .3rem;transform: translateY(0);}
.wrapper01 .scroller li:nth-child(1).cur a:before{height: 1.1rem; position: absolute;width: calc(100% - .6rem);background: #fff;left: 0;bottom: 0;border-radius: .15rem .1rem 0 0; content: "";}
.wrapper01 .scroller b{position: relative;z-index: 10;font-weight: bold;line-height: 1rem;font-size: .28rem;}
.wrapper01 .scroller li:nth-child(1).cur a:after{position: absolute; content: "";width:0;  height:0;  border-left:1.1rem solid transparent; border-right:.6rem solid transparent; border-bottom:1.1rem solid #fff;top: -.1rem; right: 0.03rem;border-radius: 0 0.9rem 0 0;}
.wrapper01 .scroller li:last-child.cur a:before{height: 1.1rem; position: absolute;width: calc(100% - .6rem);background: #fff;left: auto;right:0;bottom: 0;border-radius: .1rem .15rem 0 0; content: "";}
.wrapper01 .scroller li:last-child.cur em{left: .8rem;transform: translateY(0);}
.wrapper01 .scroller li:last-child.cur a:after{position: absolute; content: "";width:0;  height:0;  border-right:1.1rem solid transparent; border-left:.6rem solid transparent; border-bottom:1.1rem solid #fff;top: -.1rem;border-radius:0.9rem 0 0 0;right: auto; left: 0.03rem;}
.wrapper01 .scroller li:last-child.cur .leftjt{display: none;}
.wrapper01 .scroller li:last-child.cur .rightjt{display: none;}

.outBox .layer1{ background: #fff; border-radius:0 0 .15rem .15rem ; padding: .17rem .15rem 0 .15rem; position: relative;top: -2px;z-index: 50;}
.navList { width: 100%;overflow: hidden;}
.navList ul {overflow: hidden; border-radius: .15rem;}
.navList ul li { margin-bottom: .15rem;width: 23.5%;float: left;margin-right: 2%; position: relative;}
.navList ul li img {width: 100%;height: 100%; object-fit: cover;}
.navList ul li a{display: block; position: relative;height: 1.5rem; position: relative;}
.navList ul li a:before{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;content: ""; background-image: linear-gradient(transparent, rgba(0,0,0,.6));}
.navList h2 { position: absolute;left: 0rem;bottom: .15rem;color: #fff;font-weight: bold;font-size: .28rem;width: 100%;transform-style: flat;text-align: center;z-index: 10;}
.navList ul li:nth-child(4n) {margin-right: 0;}
.navList ul li:nth-child(5){ margin-bottom: 0;}
.navList ul li:nth-child(6){ margin-bottom: 0;}
.navList ul li:nth-child(7){ margin-bottom: 0;}
.navList ul li:nth-child(8){ margin-bottom: 0;}
.outBox .layer1 .more{ line-height: .88rem; display: block; display: block; height: .88rem; text-align: center; font-size: .22rem; color: #939393;}
.more img{display: inline-block;vertical-align: middle; width: .3rem;margin: -3px 0 0 0; opacity: .4;vertical-align: middle;}

.outBox .layer2{ margin-top: .3rem; width: 100%; background: #fff; border-radius:.15rem; padding: 0 .25rem .45rem .25rem; box-sizing: border-box;}
.outBox .layer2 .bt{ padding: .25rem 0 .1rem 0; font-size: .32rem; color: #313131;font-weight: bold;}
.outBox .layer2 ul{ width: 100%; overflow: hidden;}
.outBox .layer2 ul li{position: relative; width: 20%; float: left;}
.outBox .layer2 ul li .icon{ width: 100%; height: 1.1rem; position: relative;}
.outBox .layer2 ul li .icon img{ position: absolute; left: 50%; top: 50%; height: .8rem; width: auto; transform: translate(-50%,-50%);}
.outBox .layer2 ul li p{ font-weight: bold; text-align: center; font-size: .22rem; color: #313131;}
.outBox .layer2 ul li:after{ background: url(../../images/dev/jt_03.png) no-repeat center center; width: .45rem; height: .16rem; content: ''; position: absolute; top: .64rem; right: 0; transform: translateX(50%);background-size: 100% auto;}

.outBox .layer3 { width: 100%;margin: .3rem 0 0 0;border-radius: .15rem;overflow: hidden;}

.NavList2{ width: 100%; box-sizing: border-box; overflow: hidden; overflow-x: scroll;background: #fff;border-radius: .1rem .1rem 0 0; margin-top: .3rem; padding: 0 .2rem;}
.NavList2::-webkit-scrollbar{width: 0;height: 0;display: none;}
.NavList2::-moz-scrollbar{width: 0;height: 0;display: none;}
.NavList2::-o-scrollbar{width: 0;height: 0;display: none;}
.fdjf{background: #fff; padding: 0 .2rem;border-radius: 0 0 .1rem .1rem;}
.outbound-travel .NavList2 ul li{ line-height: 1.2rem; display: inline-block; margin-right: .35rem; height: 1.2rem; position: relative;}
.NavList2 ul li a{ font-size: .28rem; color: #313131;}
.NavList2 ul li.on a{ font-weight: bold; color: #0086f6;font-size: .3rem;} 
.NavList2 ul li:after{ display: none; background:#007AFF; background-size:100% 100%; width: .6rem; height:.06rem; position: absolute; left: 50%; transform: translateX(-50%); top: .84rem; content: '';border-radius: .03rem;}
.NavList2 ul li.on:after{ display: block;}

.fdjfbox{animation: fadeIn 1s 1;}
.fdjfbox ul { overflow: auto;
    white-space: nowrap;
}
.fdjfbox ul::-webkit-scrollbar {width:0px;height: 0;}
.fdjfbox li {
    width: 3rem;
    padding-right: .2rem;
    display: inline-block;
}
.tpjh{background: #fff;}
.tpjh_tp{height: 2rem; position: relative;}
.tpjh_tp img{width: 100%;height: 100%; object-fit: cover;border-radius: .15rem;}
.tpjh_tp .bt{left: .15rem; top: .15rem;  position: absolute; height: .4rem; background: rgba(0, 0, 0, 0.5); padding: 0 .2rem; border-radius: .2rem;  font-size: .2rem;  color: #fff; line-height: .4rem;}
.tpjh .text{padding: .15rem;}
.tpjh .text h2{font-size: .28rem; color: #313131; line-height: .42rem; height: .84rem; font-family: font2; font-weight: bold;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tpjh dl{overflow: hidden; margin-left: -.1rem;white-space: nowrap;}
.tpjh dt{ padding:0 0 .1rem .1rem;display: inline-block;}
.tpjh .text .money { height: .45rem;line-height: .45rem;font-size: .22rem;color: #b3b3b3;}
.tpjh .text .money i { font-weight: bold;color: #ff6028;}
.tpjh  .text .money b{    font-size: .34rem; font-weight: bold; color: #ff6028;}
.footer { padding: .5rem 0;}
.yllm { position: absolute;left: .2rem;bottom: .2rem;color: #fff;font-size: .24rem;}
.rmbq1 { display: block; padding: 0 .1rem;font-size: .22rem; line-height: 1.8;border: 1px solid rgba(252, 142, 40, .2); color: #FC8E28;}
.rmbq2 { display: block; padding: 0 .1rem;font-size: .22rem;line-height: 1.8;border: 1px solid rgba(0, 134, 246, .2); color: #0086F6;}

/*弹窗*/
.gjbj { position: fixed; z-index: 99;  width: 100%;height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .8); display: none;}
.mddnr {position: fixed;width: 750px;background: #fff;left: 50%; top: 100vh; padding: 0 .16rem 0 0; z-index: 101;transform: translateX(-50%); max-width: 100%;box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.mdd_title h2 {font-size: .3rem; color: #333;text-align: center;line-height: .98rem; font-weight: bold;}
.ggbtn { background: url(../../images/dev/cityPop_03.png); width: .3rem;height: .3rem;background-size: 100%;position: absolute;top: .4rem; right: .4rem;}
.mdd_nr{overflow: hidden; padding-top: .2rem;}
.mdd_left{float: left; width: 1.7rem;height: calc(100vh - 1.2rem);overflow: auto;background: #f6f7f9;}
.mdd_left ul.gdbox{overflow: auto; height:calc(100% - 1.5rem);}
.mdd_left::-webkit-scrollbar{width: 0;height: 0;display: none;}
.mdd_left::-moz-scrollbar{width: 0;height: 0;display: none;}
.mdd_left::-o-scrollbar{width: 0;height: 0;display: none;}
.mdd_left span{display: block; text-align: center; line-height: .8rem; font-size: .28rem; color: #666;border-radius:0 .15rem .15rem 0;font-family: "微软雅黑";}
.mdd_left li.cur span{color: #fff;background: #0086f6;}
.mdd_right{float: right;width: calc(100% - 2rem);}
.mddbox{height: calc(100vh - 1.3rem); overflow: auto;animation:fadeIn .25s, 100ms;}
.mddbox::-webkit-scrollbar{width: 0;}
.mdd_top ul{overflow: hidden; margin-left: -.15rem;}
.mdd_top li{float: left; width: 33.33%; padding:0 0 .1rem .15rem;box-sizing: border-box;}
.mdd_top p{font-size: .24rem;text-align: center;color: #666;line-height: .54rem;font-family: "微软雅黑";}
.mdd_top a{display: block; position: relative;border-radius: .13rem; overflow: hidden;}
.mdd_top img{border-radius: .13rem;}
.mdd_top span{display: block; position: absolute; left: 0;top: 0; color: #fff; padding: 0 .12rem; background-image: linear-gradient(to right, #f6783f , #fa536f);line-height: 1.6;zoom: .8; font-size: .22rem;border-radius: 0 0 .13rem 0;}
.mdd_top h2{font-size: .3rem; line-height: .8rem; font-weight: bold; color: #313131;}

.mdd_bottom ul{overflow: hidden; margin-left: -.15rem;}
.mdd_bottom li{float: left; width: 33.33%; padding:0 0 .1rem .15rem;box-sizing: border-box;}
.mdd_bottom li a{display: block; text-align: center; font-size: .24rem;color: #666; line-height: .7rem;border:1px solid #f2f2f2;border-radius: .13rem;background: #f2f2f2;}
/*目的地弹窗搜索*/
.ssbtn{overflow: hidden;height: .58rem;}
.qxbtn{float: right; font-size: .28rem; color: #333; line-height: .58rem;width: 1.1rem;text-align: center;}
.ssleft{float: left; width: calc(100% - 1.1rem); height: .58rem; position: relative; background: #f5f5f5;border-radius: .29rem; padding-left: .55rem;box-sizing: border-box;}
.fdbtn{background: url(../../images/dev/icon2.png); width: .26rem;height: .26rem;background-size: 100% 100%; position: absolute; left: .18rem;top:50%; transform: translateY(-50%);}
.wby1{width: 100%; line-height: .58rem; height: .58rem; font-size: .24rem;position: absolute; top: 0;left: 0;border: none;padding-left: .58rem;box-sizing: border-box;background: none;}