@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{background-color:#bbf2e9;}
.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color: #fff;}
.new-header{height:1.41rem;overflow: hidden;}
.new-header .logo{width:6.66rem;height:.63rem;margin:.42rem auto 0;}
.new-header .logo img{width:100%;}
.new-header .menu{display:none;}

.container{background-color:#fff;padding-bottom:2rem;overflow:hidden;}
.container img{max-width:100%;display:block;}
.itemTie{text-align:center;padding-top:.23rem;}
.itemTie span{line-height:.99rem;font-size:.42rem;color:#27b5a7;display:inline-block;position:relative;padding:0 .45rem;}
.itemTie span i{width:1.69rem;height:.06rem;border-top:#333333 solid 1px;border-bottom:#333333 solid 1px;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.itemTie span i.ioc1{right:100%;}
.itemTie span i.ioc2{left:100%;}
.itemTie span em{width:.07rem;height:.07rem;background-color:#51c5c1;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.itemTie span em.ioc1{right:.18rem;}
.itemTie span em.ioc2{left:.18rem;}
.f3Bg .itemTie span{color:#fff;}
.f3Bg .itemTie span i{border-color:#fff;}
.f3Bg .itemTie span em{background-color:#fff;}

#banner {position:relative;width:100%;overflow:hidden;}
#banner .swiper-slide{position:relative;}
#banner .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
#banner .pagination span{width:.1rem;height:.1rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
#banner .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}

.f1Box dl{padding:0 .4rem;}
.f1Box dt{padding-bottom:.2rem;}
.f1Box dt p{line-height:.4rem;font-size:.24rem;color:#333;padding-bottom:.12rem;}
.f1Box dt p span{color:#fb6308;font-weight:bold;}
.f1Box dd{border-radius:.2rem;margin:0 auto;overflow:hidden;}
.f1Box dd,.f1Box dd img{width:5.35rem;height:4.55rem;}

.f2Box{padding:0 .4rem .28rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.f2Box dl{float:left;width:3.24rem;height:2.2rem;border:#21ccc2 solid 1px;border-radius:.2rem;overflow:hidden;margin-bottom:.23rem;}
.f2Box dt{text-align:center;line-height:.49rem;font-size:.3rem;font-weight:bold;color:#4b4b4b;padding-top:1.53rem;position:relative;}
.f2Box dt i{width:1.36rem;height:1.16rem;display:block;position:absolute;left:50%;top:.31rem;transform:translateX(-50%);}
.f2Box dt i.ioc1{background:url(/style/images/yyxx/ioc_01.png) no-repeat;background-size:100% 100%;}
.f2Box dt i.ioc2{background:url(/style/images/yyxx/ioc_02.png) no-repeat;background-size:100% 100%;}
.f2Box dt i.ioc3{background:url(/style/images/yyxx/ioc_03.png) no-repeat;background-size:100% 100%;}
.f2Box dt i.ioc4{background:url(/style/images/yyxx/ioc_04.png) no-repeat;background-size:100% 100%;}
.f2Box dt i.ioc5{background:url(/style/images/yyxx/ioc_05.png) no-repeat;background-size:100% 100%;}
.f2Box dt i.ioc6{background:url(/style/images/yyxx/ioc_06.png) no-repeat;background-size:100% 100%;}
.f2Box dd{line-height:.36rem;font-size:.24rem;color:#2c2c2c;padding:0 .15rem;}

.f3Bg{background-color:#15c8cf;}
.f3BoxImg,.f3BoxImg img{width:7.5rem;height:5rem;}
.f3Box{padding:0 .4rem .5rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.f3Box dl{float:left;width:3.22rem;background-color:#fff;border-radius:.2rem;overflow:hidden;margin-bottom:.29rem;}
.f3Box dt,.f3Box dt img{width:3.22rem;height:2.02rem;}
.f3Box dd{height:2.6rem;text-indent:.75rem;line-height:.3rem;font-size:.22rem;color:#000;overflow:hidden;position:relative;padding:.25rem .2rem 0;}
.f3Box dd span{width:.68rem;height:.28rem;text-indent:0;text-align:center;line-height:.28rem;color: #fff;background-color: #f27421;border-radius: .5rem;display: block;position: absolute;left:.2rem;top:.25rem;}

.f4Box{padding:.4rem .4rem .6rem;}
.f4Box li{line-height:.32rem;font-size:.24rem;color:#000;position:relative;padding-left:1.4rem;margin-bottom:.1rem;}
.f4Box li span{width:1.29rem;height:.39rem;text-align:center;line-height:.39rem;font-size:.24rem;color:#fff;background-color:#21ccc2;border-radius:.5rem;position:absolute;left:0;top:0;}

.footer{width:100%;max-width: 750px;min-width: 320px;height:1.5rem;background:#ffff;position: fixed;bottom: 0; left: 0; right: 0; z-index: 99; margin: 0 auto;box-shadow: rgba(73, 73, 73, 0.2) 0 0 .1rem;}
.footerCon{padding:0 .8rem;box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.footerCon a{width:33%;text-align:center;line-height:.85rem;font-size:.28rem;font-weight:bold;color:#21ccc2;position:relative;padding-top:.76rem;}
.footerCon a i{display:block;position:absolute;left:50%;transform:translateX(-50%);top:.29rem;}
.footerCon a:nth-child(2){color:#ff9712;}
.footerCon a i.ioc1{width:.58rem;height:.58rem;background:url(/style/images/yyxx/ioc_07.png) no-repeat;background-size:100% 100%;}
.footerCon a i.ioc2{width:1.18rem;height:1.18rem;background:url(/style/images/yyxx/ioc_08.png) no-repeat;background-size:100% 100%;top: -.27rem;margin-left: -.59rem;}
.footerCon a i.ioc3{width:.55rem;height:.51rem;background:url(/style/images/yyxx/ioc_09.png) no-repeat;background-size:100% 100%;}

.swt_footer{width:.98rem; height:.98rem;position:fixed;z-index:99;top:50%;right:.1rem;}
.swt_footer img{width:.98rem; height:.98rem; display: block;}

.footerInfo{text-align:center;line-height:.5rem;font-size:.28rem;color:#999;padding:.2rem 0;} 
.footerInfo a{color:#999;}

.yszc_swt{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:100;display:none;}
.yszc_swtBox{width:5rem;height:6rem;background-color:#fff;padding:.2rem 0;position:absolute;left:50%;top:50%;transition:all 2s;transform:translate(-50%,-50%);}
.yszc_swt .close{width:.5rem;height:.5rem;background:url(/style/images/close.png) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0;top:0;transform:translate(50%,-50%);}
.yszc_swt h3{text-align:center;line-height:.5rem;font-size:.3rem;color:#333;}
.yszc_swt .agree-scroller{height:5.5rem;}
.yszc_swt .swiper-agree{width:100%;height:100%;overflow:auto;}
.yszc_swt .swiper-agree .swiper-slide-active{height:auto;}
.yszc_swtCon{padding:0 .2rem;}
.yszc_swtCon dl{padding-bottom:.1rem;}
.yszc_swtCon dt{line-height:.35rem;font-size:.24rem;font-weight:bold;color:#454545;text-align:justify;}
.yszc_swtCon dd p{line-height:.35rem;font-size:.24rem;color:#454545;text-align:justify;}
.yszc_swt.active{display:block;}
.yszc_swt .yszc_swtBox.active{width:5rem;height:6rem;}

.pulse1{animation:pulse1 2s .5s ease infinite;-webkit-animation:pulse1 2s .5s ease infinite;-moz-animation:pulse1 2s .5s ease infinite;}
@keyframes pulse1{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse1{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}
.mobile-booking{width:100%; height:100%;background-color:rgba(0,0,0,.5);position: fixed;left:0;top:0;z-index: 99;display:none;}
.mobile-booking .bajs-light-popup-origin{width: 280px; height: 355px; margin: -198.5px 0px 0px -140px; opacity: 1; left: 50%; top: 50%;box-shadow:0 0 10px rgba(0,0,0,0.5);position: absolute;}
.mobile-booking .bajs-light-popup-origin .mobile-booking-wrapper{overflow:hidden;}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-close{width:32px;height:32px;border-radius:50%;overflow:hidden;right:-14px;top:-14px;background:url(/style/images/close.png) no-repeat;background-size:100% 100%;-webkit-transform:rotate(0);transform:rotate(0);transition:transform 0.25s ease-in-out,-webkit-transform 0.25s ease-in-out;display: block;position: absolute;}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-content{background-color:#fff;}
.mobile-booking .bajs-light-popup-container{overflow:hidden;}
.mobile-booking .mobile-booking-wrapper{padding:10px;}
.mobile-booking .mobile-booking-form{width:260px;display:inline;}
.mobile-booking .mobile-booking-form dl{position:relative;padding-bottom:10px;margin:0;overflow: hidden;}
.mobile-booking .mobile-booking-form dl dt b{color:#f00;font-size:12px;padding-right:4px;font-weight:bold;}
.mobile-booking .mobile-booking-form dl dt{position:absolute;left:-10px;top:0;width:80px;white-space:nowrap;font-size:14px;line-height:35px;text-align:right;}
.mobile-booking .mobile-booking-form dl dd{position:relative;padding-left:80px;margin:0;width:180px;}
.mobile-booking .mobile-booking-form dl dd .text{background-color:#f2f2f2;border:solid 1px #cfcfcf;border-radius:2px;font-size:14px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;font-family:"Microsoft Yahei",Tahoma;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;}
.mobile-booking .mobile-booking-form dl dd .text:focus,.mobile-booking-form dl dd .text.onFocus{border-color:#6eaa24;background-color:#fff;}
.mobile-booking .mobile-booking-form dl dd select.text{width:180px;height:35px;background:#fff;background-size:27px auto;padding:6px 6px 6px 4px;}
.mobile-booking .mobile-booking-form dl dd i{width:27px;height:24px;background:#fff;background-size:27px auto;display:none;position:absolute;right:1px;top:50%;margin-top:-12px;}
.mobile-booking .mobile-booking-form dl dd input.text{width:174px;padding:0 0 0 4px;height:33px;background-color:#fff;line-height:33px;}
.mobile-booking .mobile-booking-form dl dd textarea{width:174px;padding:0 0 0 4px;height:66px;font-size:14px;background-color:#fff;line-height:33px;border:solid 1px #cfcfcf;border-radius:2px;}

.mobile-booking .mobile-booking-form .bajs-ajax-form-action{padding:24px 0 10px 80px;overflow:hidden;}
.mobile-booking .mobile-booking-form .submit,.mobile-booking .mobile-booking-form .reset{width:48%;height:26px;font-size:13px;color:#fff;border:0;border-radius:1px;}
.mobile-booking .mobile-booking-form .submit{float:left;background-color:#2eaaaa;}
.mobile-booking .mobile-booking-form .reset{float:right;background-color:#999; }
.mobile-booking-wrapper .bookingHead{text-align:left;line-height:28px;color:#2eaaaa;font-size:18px;font-weight:bold;padding-bottom:8px;}
.mobile-booking-wrapper .bookingNotice{line-height:20px;background-color:#f6f6f6;padding:10px 15px;}
.mobile-booking-wrapper .bookingNotice dl dt{color:#2eaaaa;font-weight:bold;padding-bottom:5px;}
.mobile-booking-wrapper .bookingNotice dl dd{line-height:20px;text-align:left;padding-left:20px;position:relative; font-size: 12px;}
.mobile-booking-wrapper .bookingNotice dl dd i{width:14px;height:14px;font:12px/14px arial;text-align:center;color:#fff;border-radius:3px;background-color:#2eaaaa;display: block;position:absolute;left:0;top:3px;}
.mobile-booking-wrapper .agreement{position: absolute;left:2px; top:256px; color: #333; font-size: 12px; line-height: 20px;white-space: nowrap;}
.mobile-booking-wrapper .agreement a{color:#2eaaaa; font-weight: bold;}
.mobile-booking-wrapper .agreement input{width: 14px; height: 14px; border:1px solid #c4c4c4; vertical-align: top;}
.mobile-booking-wrapper .agreement input:checked{background:#0075ff;background-size: 100% 100%; border-color:#0075ff;}