@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype');
}


     
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*{box-sizing: border-box;}
body { margin: 0; font-size: 14px;}
a { text-decoration: none; display: inline-block; color: #333; }
ul, p, h1, h2, h3, h4, h5, h6 { padding: 0; list-style: none; margin: 0; }
table { border-collapse: collapse; }
input:focus-visible { outline-width: 0; }

.grey_bg { background-color: #f7f7f7; }
.red_bg { background-color: #d82847; color: white; }
.orange_bg { background-color: #db6819; color: white; }
.blue_bg { background-color: #2b92b3; color: white; }
.green_bg { background-color: #3da635; color: white; }
.grey{color:#a3a3a3;}
.orange { color: #db6819; }
.green { color: #3da635; }
.red { color: #d82847; }
.dark_blue { color: #1a5e9d; }
.blue { color: #2b92b3; }

.box{background-color:white;border-radius: 0.5rem; margin-top: 1rem;}
.box:first-child{margin-top: 0;}
.img, .img>img { width: 100%; height: 100%; object-fit: cover; }
.cont{padding:1em;}
.clear::after { display: block; content: ''; clear: both; }

.line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.line2 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line3 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.line4 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

#thumbs { width: 100%; position: relative; overflow: hidden; }
#thumbs .img { height: 64px; }
#thumbs .swiper-button-prev::after { font-size: 20px; color: black; background: rgba(0, 0, 0, 0.2); height: 64px; left: -10px; top: -13px; position: absolute; line-height: 64px; padding-left: 10px; padding-right: 10px; }
#thumbs .swiper-button-next::after { font-size: 20px; color: black; background: rgba(0, 0, 0, 0.2); height: 64px; right: -10px; top: -13px; position: absolute; line-height: 64px; padding-left: 10px; padding-right: 10px; }

.page{text-align:center;padding:1rem 0 0.5rem;}
.page li{display:inline-block;margin-right:0.3rem;margin-bottom: 0.5rem;}
.page li:last-child{margin-right:0;}
.page li a{ border: solid 1px #cdcdcd; padding:0.3rem 0.6rem; border-radius: 4px; }


.head_nav{width:100%;display:flex;justify-content:space-between;line-height:3rem;padding:0 1rem;align-items: center;}
.head_nav_left{font-size: 1rem;}
.head_nav_left .iconfont{ font-size: 1.1rem; margin-right: 0.1rem; display: inline-block; vertical-align: middle; margin-bottom: 2px;}
.head_nav_right>.iconfont{font-size: 1.1rem;position: relative;}
.head_nav_right>div{position:absolute;right:0;background-color:rgba(0, 0,0,0.5);width:100%;height:calc(100vh - 3rem);display:none;z-index: 100; top: 3rem;}
.head_nav_li{background-color: white;padding-top: 1.3rem;border-top: solid 1px #e7e7e7;}
.head_nav_li>a{display: inline-block;width:32.4%;text-align: center;line-height:normal;margin-bottom:1.3rem;}
.head_nav_li>a>.iconfont{font-size:1.6rem;}
.head_nav_center{  height: 2rem; line-height: 2rem;display: inline-flex;justify-content: space-between;border-radius: 2rem;}
.head_nav_center input{width: 82%;border:none;border-radius: 2rem;padding-left: 0.5rem;}
.head_nav_center .iconfont{font-size: 1.1rem;margin-right: 0.3rem;}


.banner{overflow: hidden;position: relative;}
.banner .img{height:8rem;width:100%;border-radius:0.6rem;overflow: hidden;}

.icon_cate{text-align:center;padding: 1rem 0;}
.icon_cate>div{display:flex;justify-content: space-evenly;}
.icon_cate>div>a>.iconfont{box-shadow: 0 0px 3px 0px rgb(0 0 0 / 46%);display: block;text-align: center;display: block; border-radius: 5rem; padding-top: 0.5rem; margin:0 auto 0.3rem;}
.icon_cate>div:first-child{padding-bottom:1rem;}
.icon_cate>div:first-child>a>.iconfont{width: 3rem; height: 3rem; font-size: 1.8rem;}
.icon_cate>div:last-child>a>.iconfont{width: 2.5rem; height: 2.5rem; font-size: 1.5rem;}

.ind_package_title{border-bottom:solid 1px #e7e7e7;display:flex;padding:0 0.5rem;justify-content:space-between; line-height: 2.2rem; padding: 0 0.6rem;}
.ind_package_title>span{font-size:1rem;font-weight: bold;}
.ind_package_title>a{font-size:0.8rem;}
.ind_package>ul{padding:0.5rem 0.8rem 0;}
.ind_package li{display: inline-block;margin-right:1rem;position: relative;margin-bottom: 18px;}
.ind_package li:last-child{margin-right: 0;}
.ind_package li.active{color: #318ca6;font-weight:bold;}
.ind_package li.active::after{position:absolute;content:'';width:100%;height:2px;background-color: #318ca6;left:0;bottom:-6px;}
.ind_package_cont{padding:0 3%;display:none;}
.ind_package_cont:first-child{display:block;}
.ind_package_cont>a{display:inline-block;width:47%;margin-right:1.9%;margin-bottom:0.7rem;}
.ind_package_cont>a:nth-child(2n){margin-right: 0;}
.ind_package_cont .img{height:6.5rem;}
.ind_package_ctitle{font-size:0.8rem;margin-top:0.2rem;text-align:center;}
.ind_package_cprice{text-align:center;font-size:0.7rem;}

.ind_pack_cont{padding:0 0.5rem 0.8rem;display:none;}
.ind_pack_cont:first-child{display:block;}
.ind_pack_cont>a{width:100%;margin-top: 0.8rem;}
.ind_pack_cont>a>div{display: inline-block;}
.ind_pack_cont>a>.img{width:55%;vertical-align: top; height: 8rem;margin-left: 1%;}
.ind_pack_cont>a>div:last-child{width: 40%;margin-left: 1%; display: inline-flex; flex-direction: column; justify-content: space-evenly; height: 8rem;}
.ind_pack_tag{font-size:0.7rem;}
.ind_pack_tag>span{margin-right:1%;}
.ind_pack_tag>span:last-child{margin-right:0;}
.ind_pack_title{font-weight:bold;}
.ind_pack_more{font-size:0.7rem;font-weight:bold;}
.ind_pack_more>span{font-weight:unset;}

.ind_package_new{padding:0.6rem;display:none;}
.ind_package_new:first-child{display: block;}
.ind_package_new>a{line-height:2rem;width:100%;}

.footer{width:100%;padding:1.8rem 2rem;text-align: center;line-height:1.5rem;}
.footer .img{width:1rem;vertical-align:middle;}
.footer>div>div{display:inline-block;}
.footer a{color:#a3a3a3;}


.tabbar{position: relative;height:3rem;}
.tabbar>div{position: fixed;bottom: 0;height:3rem;display:flex;justify-content: space-evenly; width: 100%; text-align: center;background-color:white; border-top: solid 1px #e9e9e9;}
.tabbar>div .iconfont{ font-size: 1.3rem; display: block; margin:0.4rem 0 0.1rem;color:black;font-weight:normal;}
.tabbar>div .iconimg{height:1.2rem;display:block;margin:0.4rem auto 0.2rem;}
.tabbar>div>a{font-size:0.7rem;width:18%;}
.tabbar>div>a.active{color:#2b92b3;font-weight:bold;}
.tabbar>div>a:first-child{margin-right: -3%;}

.customer_service{width:67% !important;background-color:#2b92b3;}
.customer_service .iconfont{ display: inline-block !important; vertical-align: middle; line-height: 3rem; margin: 0 0 -2px !important; color: white !important;}
.customer_service span{color:white;font-size: 1rem; display: inline-block; vertical-align: middle; line-height: 3rem; font-weight: bold;}