.banner{ overflow: hidden; z-index: 1; width: 100%; height: auto; position: relative;}
.banner img{ display: block; width: 100%; height:100%; object-fit: cover;}
.fgt{height: 1rem;}
.ouzhou{ width: 100%; padding:.2rem .15rem; box-sizing: border-box; background: #00a3ff;}
.ouzhou .layer1 { width: 100%;}
.ouzhou .layer1 ul{ width: 100%;animation:fadeIn 1s 1;}
.ouzhou .layer1 ul li{ margin-bottom: .3rem; width: 100%; background: #fff; border-radius:.15rem;   box-sizing: border-box; position: relative; padding: 0;overflow: hidden;}
.ouzhou .layer1 ul li .icon{border-radius: .15rem; overflow: hidden; background: #fff;}
.ciontp{}
.ouzhou .layer1 ul li .bt{ text-align: center; padding-top: .36rem; box-sizing: border-box; font-size: .2rem; font-weight: bold; color: #d13f00; background: url(../../images/dev/ouzhou.png); width: .68rem; height: .76rem; position: absolute; left: .3rem; top: 0; background-size:100% 100%;}
.ouzhou .layer1 ul li .text{ float: left; width: calc(100% - 3.1rem); padding-left: .17rem; box-sizing: border-box;padding-top: .1rem;}
.ouzhou .layer1 ul li .text h2{ font-weight: bold; font-size: .3rem; line-height: 1.5; color: #313131; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ouzhou .layer1 ul li .text h2 span{ font-weight: bold; display: inline-block; vertical-align: middle; transform: translateY(-.02rem); background: url(../../images/dev/vip_03.png); width: .71rem; height: .28rem; background-size:100% 100%; padding-left: .4rem; box-sizing: border-box; line-height: .28rem; font-size: .24rem; color: #f6894b;}

.ouzhou .layer1 ul li .text p{ width: 100%; font-size: .26rem; color: #939393; line-height: .32rem;  margin-top: .1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ouzhou .layer1 ul li .text dl{ margin-top: .15rem; width: 100%; overflow: hidden; font-size: .12rem; margin-left: -.1rem;white-space: nowrap;}
.ouzhou .layer1 ul li .text .time { height: .44rem;line-height: .44rem;font-size: .18rem;color:#a1a1a1; }
.ouzhou .layer1 ul li .text dl dd{  display:inline-block; font-size: .12rem; margin-left: .1rem; }
.ouzhou .layer1 ul li .text dl dd a{ display: block; border-radius:.08rem ; padding: 0 .1rem; height: .34rem; line-height: .34rem; border: .02rem solid #eee; color: #333; font-size: .2rem;}
.ouzhou .layer1 ul li .text dl dd:first-child a{ border: .02rem solid #e5f3fe; color: #0086f6;}
.ouzhou .layer1 ul li .text .money{ margin-top: .15rem; line-height: .46rem; font-size: .18rem; color: #666; width: 100%; height: .46rem; overflow: hidden;}
.money b{color: #ff574d;}
.ouzhou .layer1 ul li .text .money{text-align: right;}
.ouzhou .layer1 ul li .text .money span{display: inline-block; margin: 0 .05rem; font-size: .28rem; font-weight: bold; color: #ff574d;}

.ouzhou .layer2{ width: 100%;  box-sizing: border-box;}
.ouzhou .layer2 .hd{ width: 100%; padding: .15rem 0 .15rem 0; overflow-x: scroll;box-sizing: border-box;}

.ouzhou .layer2 .hd ul{ overflow: hidden; margin-left: -.2rem; }
.ouzhou .layer2 .hd ul li{float: left;width: 25%; padding: 0 0 .2rem .2rem;box-sizing: border-box;}
.ouzhou .layer2 .hd ul li span{border-radius:.1rem ; font-size: .24rem; color: #fff; text-align: center; position: relative; display: inline-block; height: .68rem; line-height: .68rem; border: .02rem solid #fff;display: block;}
.ouzhou .layer2 .hd ul li.on span{ background: #ffbf29; border: .02rem solid #ffbf29;color: #fff;font-weight: bold;}

.ouzhou .layer2 .bdBox{ width: 100%;animation:fadeIn 1s 1;}
.ouzhou .layer2 .bdBox ul{ overflow: hidden;}
.ouzhou .layer2 .bdBox ul li{ margin-bottom: .15rem; width: 49%; float:left; margin-right: 2%; border-radius:.15rem; overflow: hidden;background: #fff;}
.ouzhou .layer2 .bdBox ul li:nth-child(2n){ margin-right: 0;}
.ouzhou .layer2 .bdBox ul li .icon{ width: 100%; height: 3.15rem; position: relative;}
.ouzhou .layer2 .bdBox ul li .icon img{ display: block; width: 100%; height: 100%;object-fit: cover;}
.ouzhou .layer2 .bdBox ul li .icon dl{ border-radius:.19rem; overflow: hidden; position: absolute; left: .2rem; top: .2rem;}
.ouzhou .layer2 .bdBox ul li .icon dl dd{ color: #fff; float: left; height: .38rem; padding: 0 .15rem; line-height: .38rem; font-size: .18rem;background: rgba(0,0,0,.7);}

.ouzhou .layer2 .bdBox ul li .icon .tips{  position: absolute; right: .15rem; bottom: .6rem;  font-size: .2rem; color: #fff;  text-align: center;}
.ouzhou .layer2 .bdBox ul li .icon .tips img{display: inline-block;vertical-align: middle; margin: -3px .1rem 0 0;width: .25rem;}
.mydl{width: 100%; position: absolute; left: 0; bottom: 0;height: .7rem;background-size: 100% 100%;display: flex;justify-content: space-between;align-items: center; padding: 0 .2rem;box-sizing: border-box;}


.mydl h2{ line-height: .47rem; padding: 0 .15rem;  font-weight: bold; font-size: .26rem;color: #333;background: #fff;border-radius: .24rem;}

.mydl p{float: right;line-height: .4rem; padding-top: .07rem; font-size: .22rem; color: #fff; padding-right: .15rem;}
.ouzhou .layer2 .bdBox ul li .text h2{ font-weight: bold; margin:0 0 .1rem 0; font-size: .26rem; color: #333; line-height: .4rem; height: .8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ouzhou .layer2 .bdBox ul li .text dl{ margin-left: -.05rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;white-space: nowrap;}
.ouzhou .layer2 .bdBox ul li .text dl dd{ font-size: .24rem;   height: .38rem; line-height: .34rem; box-sizing: border-box;  color: #c79580; border-radius:.19rem ;display: inline-block;margin-right: .15rem;}
.ouzhou .layer2 .bdBox ul li .text .money{ position: relative; height: .9rem; line-height: .9rem; font-size: .2rem; color: #939393;text-align: right;}
.ouzhou .layer2 .bdBox ul li .text .money span{ color: #ff574d; font-size: .36rem;  font-weight: bold;}
.ouzhou .layer2 .bdBox ul li .text .money span b{font-size: .24rem;}
.ouzhou .layer2 .bdBox ul li .text .money em{font-size: .24rem;font-style: normal;}

.ouzhou .layer3{ padding: .4rem 0;}
.ouzhou .layer3 img{ display: block; width: 100%; height: auto;}

.ouzhou.zizhutuan{ background: #f4f5f6; border-radius:.3rem .3rem 0 0; transform: translateY(-.3rem);position: relative; z-index: 10;}
.ouzhou.zizhutuan .layer1 .hd{ width: 100%; padding-top: .3rem;}
.ouzhou.zizhutuan .layer1 .hd dl{ width: 100%; overflow: hidden;}
.ouzhou.zizhutuan .layer1  .hd dl dd{ float: left; width: 32%; background: #fff; border-radius:.36rem; text-align: center; line-height: .72rem; font-size: .3rem; color: #333; float: left; margin-right: 2%;}
.ouzhou.zizhutuan .layer1 .hd dl dd:last-child{ margin-right: 0;}
.ouzhou.zizhutuan .layer1 .hd dl dd.on{ background: #0086f6; color: #fff;}
.ouzhou.zizhutuan .layer1 .navbar{ width: 100%; height: 1.2rem;}
.ouzhou.zizhutuan .layer1 .navbar dl{ font-size: .12rem; text-align: left; overflow-x: scroll; font-weight: bold; white-space: nowrap;}
.ouzhou.zizhutuan .layer1 .navbar dl::-webkit-scrollbar{width: 0;height: 0;display: none;}
.ouzhou.zizhutuan .layer1 .navbar dl::-moz-scrollbar{width: 0;height: 0;display: none;}
.ouzhou.zizhutuan .layer1 .navbar dl::-o-scrollbar{width: 0;height: 0;display: none;}
.ouzhou.zizhutuan .layer1 .navbar dl dd{ font-size: .24rem; position: relative; display: inline-block; margin-right: .45rem; font-size: .26rem; line-height: 1.2rem;}
.ouzhou.zizhutuan .layer1 .navbar dl dd:after{ display: none; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: .24rem; background: url(../../images/dev/outbound-travel_05.png); width: .48rem; height: .12rem; background-size:100% 100% ;}
.ouzhou.zizhutuan .layer1 .navbar dl dd.on{ font-weight: bold; color: #0086f6;}
.ouzhou.zizhutuan .layer1 .navbar dl dd.on:after{ display: block;}

.ouzhou .layer3{ padding: .4rem 0;}
.ouzhou .layer3 img{ display: block; width: 100%; height: auto;}
.hdgz{position: fixed;z-index: 100;width: 1rem;top: .3rem;right: .3rem;border-radius: 50%;height: 1rem;background: rgba(0,0,0,.8);text-align: center;display: flex;justify-content: center;align-items: center;}
.hdgz b{color: #fff;font-size: .26rem; line-height: 1.5;}
.text{padding:.1rem .2rem 0 .2rem;}
