.banner{ overflow: hidden; z-index: 1; width: 100%; height: auto; position: relative;background: #fff;}
.banner img{ display: block; width: 100%; height: auto;}
.box-wrapper ul{animation: fadeIn 0.1s 1;}
.outbound-travel{ width: 100%; margin-top: -.25rem; position: relative; z-index: 2;}
.outbound-travel .hd{ width: 100%; height: 1.05rem; background: linear-gradient(#bdcaf6,#ebeef6); border-radius:.12rem .12rem 0 0 ;}
.outbound-travel .hd ul{ width: 100%; height: 100%;}
.outbound-travel .hd ul li{ width: 50%; float: left; height:100%; position: relative;}
.outbound-travel .hd ul li img{ height: 1.1rem; width: auto; display: none; position: absolute; z-index: 1; left: 0; bottom: 0;}
.outbound-travel .hd ul li:nth-child(2) img{ left: auto; right: 0; bottom: 0;}
.outbound-travel .hd ul li .text{ padding-top: .22rem; width: 100%; height: 100%; position: relative; z-index: 2;box-sizing: border-box;}
.outbound-travel .hd ul li .text h2{ text-align: center; font-size: .32rem; line-height: .32rem; font-weight: bold; color: #333;}
.outbound-travel .hd ul li .text p{ text-align: center; font-size: .2rem; padding-top: .1rem;}
.outbound-travel .hd ul li.on .text h2{ color: #0086f6;}
.outbound-travel .hd ul li.on .text p{ color: #0086f6;}
.outbound-travel .hd ul li.on img{ display: block;}

.outbound-travel .outBox{ width: 100%; background: #f4f5f6; padding:0 .15rem; box-sizing: border-box;}
.navList{ width: 100%; overflow: hidden;}
.navList ul{ overflow: hidden; border-radius:.15rem;}
.navList ul li{ margin-bottom: .15rem; position: relative; width: 23.5%; float: left; margin-right: 2%;}
.navList ul li:nth-child(4n){ margin-right: 0;}
.navList ul li img{ width: 100%; height: auto;}
.navList ul li p{ position: absolute; left: .1rem; top: .64rem; height: .36rem; border-radius:.08rem; padding: 0 .09rem; font-size: .18rem; color: #62421b; background: linear-gradient(#fffc,#fffc); font-size: .18rem; line-height: .36rem;max-width:1.25rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.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;}

.NavList2.on{position: fixed; z-index: 100; top: 1rem;background: #fff;}
.navList dl{ padding-top: .15rem;}
.navList dl dd{ float: left; width: 23.5%; margin-bottom: .15rem; float: left; margin-right: 2%;}
.navList dl dd:nth-child(4n){ margin-right: 0;}
.navList dl dd a{ display: block; width: 100%; height: .68rem; border: .02rem solid #eee; box-sizing: border-box; background: #fff; text-align: center; line-height: .64rem; font-size: .28rem; color: #333; border-radius:.08rem ;}

.indexContainer{ width: 100%;  box-sizing: border-box; background: url(../../images/dev/index_01.png) top center no-repeat #f4f4f4; background-size:100% auto ;}
.indexContainer .layer3 .hd{ width: 100%; padding: 0 .2rem; box-sizing: border-box; overflow-x: scroll; position: sticky;background: #f4f4f4;top: 1rem;z-index: 100;}
.indexContainer .layer3 .hd::-webkit-scrollbar{width: 0;height: 0;display: none;}
.indexContainer .layer3 .hd::-moz-scrollbar{width: 0;height: 0;display: none;}
.indexContainer .layer3 .hd::-o-scrollbar{width: 0;height: 0;display: none;}
.indexContainer .layer3 .hd ul{ font-size: .12rem; text-align: left; white-space:nowrap;}
.indexContainer .layer3 .hd ul li{ position: relative; display: inline-block;  line-height: 1; margin-right: .7rem; font-size: .28rem; color: #767676; padding: .1rem 0 .36rem 0;}
.indexContainer .layer3 .hd ul li:after{ position: absolute; left: 50%; bottom: .15rem; transform: translateX(-50%); content: ''; display: none; border-bottom: 0.08rem solid #0086f6;width: .6rem;border-radius: .04rem;}
.indexContainer .layer3 .hd ul li.on{ color: #333; font-size: .32rem;font-weight: bold;}
.indexContainer .layer3 .hd ul li.on:after{ display: block;}

.box-wrapper{padding: .1rem .2rem .1rem .2rem;column-count: 2;-moz-column-gap: .2rem; -webkit-column-gap: .2rem;column-gap: .2rem;}
.box-wrapper li { padding-bottom: .2rem;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;}
.box-wrapper img{width: 100%;}-moz-column-gap:.2rem;-webkit-column-gap:.2rem;column-gap:.2rem;}
.box-wrapper ul{animation: fadeIn 1s 1;}
.box-wrapper .bdBox{ overflow: hidden;position: relative;border-radius: .2rem;background: #fff;}
.box-wrapper .bdBox .icon{ width: 100%; position: relative;height: 3.2rem;}
.box-wrapper .bdBox .icon img{width:100%; height: 100%; object-fit: ocver;}
.box-wrapper .bdBox .icon .bt{ position: absolute; left: 0; top: 0; height: .4rem; background: rgba(0,0,0,0.5); padding: 0 .2rem; border-radius:0 0 .2rem 0; font-size: .2rem; color: #fff; line-height: .4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.box-wrapper .bdBox .text{ width: 100%; padding: .1rem .2rem; box-sizing: border-box;background: #fff;}
.box-wrapper .bdBox .text h2{ font-size: .3rem; color: #333; line-height: .4rem;height: .8rem; font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.box-wrapper .bdBox .text p{ height: .44rem; line-height: .44rem; font-size: .2rem; color: #b3b3b3;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.box-wrapper .bdBox .text dl{ overflow: hidden; margin-left: -0.05rem; margin: .15rem 0 0;white-space: nowrap;}
.box-wrapper .bdBox .text dl dd:nth-child(3){ display: none;}
.box-wrapper .bdBox .text dl dd:nth-child(4){ display: none;}
.box-wrapper .bdBox .text dl dd:nth-child(5){ display: none;}
.box-wrapper .bdBox .text dl dd:nth-child(6){ display: none;}
.box-wrapper .bdBox .text dl dd:nth-child(7){ display: none;}
.box-wrapper .bdBox .text dl dd{  margin-left: 0.05rem;display: inline-block;}
.box-wrapper .bdBox .text dl dd span{ display: block;  font-size: .2rem; padding: 0 .1rem;   border-radius:.06rem;}
.box-wrapper .bdBox .text dl dd.green span{  background-image: linear-gradient(to right, #fa5952 , #f18956); color: #fff;line-height: .32rem;}
.box-wrapper .bdBox .text dl dd.yellow span{ color: #3d93d4;line-height:.3rem;border: 1px solid #cfd4d6;}
.box-wrapper .bdBox .text .money{ width: 100%; height: .65rem; line-height: .65rem; font-size: .22rem; color: #b3b3b3;}
.box-wrapper .bdBox .text .money b{font-size: .34rem; color: #ff6028; font-family: 'font1';}
.box-wrapper .bdBox .text .money i{color: #ff6028;font-weight: bold;}
.box-wrapper .bdBox .text .money span{ display: block; float: right; font-size: .22rem; color:#b3b3b3 ;}
.yllm{position: absolute;left: .2rem; bottom: .2rem; color: #fff; font-size: .24rem;}
.yllm b{display: inline-block;width: .25rem;vertical-align: middle; margin: -0.04rem .1rem 0 0;}
.jznr p{font-size: .3rem; color: #333;text-align: center; padding:.25rem 0;}
.navList h2{position: absolute; left: .1rem; top: .15rem;color: #fff; font-weight: bold;font-size: .3rem;}