#box{padding-top:70px;}
#base_nav{height: 70px;background-color: transparent;position: fixed;top: 0px;z-index: 3;width: 100%;}
#base_nav>.container{display: flex;justify-content: space-between;align-items: center;height: 100%;}
#base_nav>.container>.user_nav_item{display: flex;align-items: center;height: 100%;justify-content: space-between;}
#base_nav>.container>.user_nav_item>.nav_item{margin-right: 31px;height: 100%;border-bottom: 2px solid transparent;padding: 0px 10px;position: relative;}
#base_nav>.container>.user_nav_item>.nav_item>.nav_item_a{font-size: 14px;color: #fff;display: flex;align-items: center;height: 100%;}
#base_nav>.container>.user_nav_item>.nav_item>.nav_item_a>.icon{width: 18px;margin-right: 7px;}
#base_nav>.container>.user_nav_item>.nav_item>.nav_item_a>.icon>img{width: 100%;display: block;}
#base_nav>.container>.user_nav_item>.nav_item>.nav_item_a>.icon>.skyfont{font-size: 20px}
#base_nav>.container>.user_nav_item>.nav_item.active{border-bottom-color:#fff;background-color: rgba(0,0,0,.1);}
#base_nav>.container>.user_nav_item.left>.nav_item:nth-of-type(1){margin-right: 90px;}
#base_nav>.container>.user_nav_item.left>.nav_item:nth-of-type(1)>.nav_item_a>.logo{width: 155px;}
#base_nav>.container>.user_nav_item.left>.nav_item:nth-of-type(1)>.nav_item_a>.logo>img{width: 100%;}
#base_nav>.container>.user_nav_item.left>.nav_item:hover{background-color: rgba(0,0,0,.1);}
/* 卡券框 */
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list{position: absolute;top: 72px;left: 30%;transform: translate(-50%,0%);background-color: #fff;border-radius: 8px;padding: 16px 16px 13px 18px;display: flex;width: 650px;flex-wrap: wrap;box-shadow: 0px 0px 3px #ddd;transition: .3s;display: none;}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 24px;margin-bottom: 13px;}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item>.icon{
    width: 140px;height: 70px;border: 1px solid #F4F4F4;
    border-radius: 11px;display: flex;align-items: center;justify-content: center;margin-bottom: 7px;
    position: relative;
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item>.icon>img{
    max-width: 150px;
    max-height: 70px;
    position: absolute;
    display: block;
    height: 98px;
    border-radius: 4px;
    transition: .3s;
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item:nth-of-type(4n){margin-right: 0px;}
#base_nav>.container>.user_nav_item.left>.nav_item.cate:hover .cate_list{display: flex;transform: translate(-50%,0px);}
/* 右侧 */
#base_nav>.container>.user_nav_item.right{width: 135px;}
#base_nav>.container>.user_nav_item.right>.nav_item{display: flex;align-items: center;margin-right: 0px;padding: 0px;margin-right: 4px;}
#base_nav>.container>.user_nav_item.right>.nav_item>.nav_item_a{width: 56px;height: 25px;background-color: #59B7FA;transition: all 0.2s;
    border-radius: 15px;border: 1px solid #59B7FA;text-align: center;line-height: 25px;font-size: 12px;
    color: #FFFFFF;display: inline-block;}
#base_nav>.container>.user_nav_item.right>.nav_item>.nav_item_a:hover {
    color: #fff;
    border-color: #369afe;
    background-color: #369afe;
}
/* #base_nav>.container>.user_nav_item.right>.nav_item.register>.nav_item_a{background-color: #0C9DFC;border: none;color: #F4FBFF;} */
#base_nav>.container>.user_nav_item.right>.nav_item.user{display: flex;align-items: center;position: relative;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.avatar{width: 40px;height: 40px;border-radius: 50%;margin-right: 6px;overflow: hidden;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.avatar>img{width: 100%;height: 100%;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.nav_item_a{color: #fff;font-weight: 700;background-color: transparent;border: none;font-size: 16px;flex: 1;white-space: nowrap;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.dropdown-menu{display: none;position: absolute;left: 0px;top:70px;box-shadow: 0px 0px 4px #eee;border-radius: 6px;overflow: hidden;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.dropdown-menu>.item{height: 40px;width: 140px; background-color: #fff;}
#base_nav>.container>.user_nav_item.right>.nav_item.user>.dropdown-menu>.item>.item_a{display: block;height: 100%;line-height: 40px;text-align: center;font-size: 14px;color: #333;}
#base_nav>.container>.user_nav_item.right>.nav_item.user:hover .dropdown-menu{display: block;}
/* 底部 */
#footer>.bottom>.info{padding: 20px 0px;}
#footer>.bottom>.info .text-center{text-align: center;color: #8a8a8a;font-size: 14px;}
#footer>.bottom>.info>.text-center a{display: inline-block;margin: 4px 8px;color: #8a8a8a;font-size: 14px;}
#footer>.bottom>.info>.text-center a>img{vertical-align: middle;margin-right: 4px;}
/* 侧边栏客服列表 */
#contact_list{padding: 20px 13px 15px 15px;background-color: #fff;width: 292px !important;height: auto !important;box-sizing: content-box !important;right:-320px !important;align-items: flex-start !important;}
#contact_list>.title{font-size: 15px;color: #0C0D0D;margin-bottom: 22px;}
#contact_list>.contact_list{ width: 100%}
#contact_list>.contact_list>.contact_item{display: flex;align-items: center;padding-bottom: 13px;margin-bottom: 13px;position: relative;}
#contact_list>.contact_list>.contact_item:last-of-type{margin-bottom: 0px;}
#contact_list>.contact_list>.contact_item::after{content: '';position: absolute;right: 0px;bottom: 0px;height: 1px;width:246px;background-color: #EEEEEE;}
#contact_list>.contact_list>.contact_item>.avatar{width: 32px;height: 32px;border-radius: 50%;overflow:hidden;margin-right: 14px;}
#contact_list>.contact_list>.contact_item>.avatar>img{width: 100%;height: 100%;}
#contact_list>.contact_list>.contact_item>.info_box{flex: 1;}
#contact_list>.contact_list>.contact_item>.info_box>.name{font-size: 13px;line-height: 17px;color: #0E0F10;margin-bottom: 7px;}
#contact_list>.contact_list>.contact_item>.info_box>.des{font-size: 12px;color: #A5A7A8;white-space: nowrap;}
#contact_list>.contact_list>.contact_item>.right{}
#contact_list>.contact_list>.contact_item>.right>.btn{display: inline-block;width: 55px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #F8FCFF;background-color: #07A5FF;border-radius: 3px;}
#asideFix .move-left:hover .hide-menu{transform: translate3d(-410px,0,0);}
/* 客服详情弹窗 */
#showContactModal{position: fixed;top: 50vh;left: 50vw;transform: translate(-50%,-50%);background-color: #fff;z-index: 10000;width:425px;padding: 27px 42px 15px;border-radius: 3px;display: none;}
#showContactModal>.head{display: flex;justify-content: center;align-items: center;position: relative;margin-bottom: 20px;}
#showContactModal>.head>.title{font-size: 20px;color: #222222;line-height: 25px;}
#showContactModal>.head>.close{position: absolute;right: 0px;top: 0px;width: 25px;height: 25px;font-size: 12px;color: #757575;line-height: 25px;text-align: center;}
#showContactModal>.info_box>.qrcode{margin: 0 auto;width: 150px;height: 150px;margin-bottom: 17px;}
#showContactModal>.info_box>.qrcode>img{width: 100%;height: 100%;}
#showContactModal>.info_box>.tip{text-align: center;font-size: 14px;color: #464646;margin-bottom: 16px;}
#showContactModal>.info_box>.tip>.wx_number{color: #23A6FD;}
#showContactModal>.info_box>.copy{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 14px;color: #F9FDFF;background: linear-gradient(0deg, #4091FD 0%, #2EBEFF 100%);border-radius: 4px;}
:root {
    --animate-duration: 500ms;
    --animate-delay: 0.5s;
}
#loadingPopup{position: fixed;width: 100px;height: 100px;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;
    padding-bottom: 0px;background: rgba(0,0,0,.8);border-radius: 6px;display: none;text-align: center;padding: 10px;}
#loadingPopup span{font-size: 16px;height: 30px;line-height: 30px;text-align: center;color: #fff;}
#loadingPopup img{height: 60px;}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item>.icon>img.cover {
    left: 0;
    top: 0;
    z-index: 3;
    width: 180px;
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item>.icon>img.mid{
    left: 4px;
    top: 4px;
    z-index: 2;
    width: 172px;
    opacity: .3;
    filter: alpha(opacity=30);
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item>.icon>img.down{
    left: 8px;
    top: 8px;
    z-index: 1;
    width: 164px;
    opacity: .1;
    filter: alpha(opacity=10);
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item:hover img.cover{ left: 0; top: -8px; width: 180px; }
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item:hover img.mid{ left: 8px; top: 0; width: 164px;}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.cate_item:hover img.down{ left: 16px; top: 8px; width: 148px; }
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.hot_list {
    color: #999999;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.hot_list a {
    color: #999999;
}
#base_nav>.container>.user_nav_item.left>.nav_item>.cate_list>.hot_list>a:hover {
    color: #217fff;
}

.swiper-button-prev{left: 30px !important;}
.swiper-button-next{right: 30px !important;}
#hotCard{}
#hotCard>.head{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;margin-bottom: 20px;}
#hotCard>.head>.cate{width: 152px;}
#hotCard>.swiper{position: relative;z-index: 2;}
#hotCard>.swiper>.hotcard-swiper{overflow: hidden;margin: 0px 60px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-button-prev:after,
#hotCard>.swiper>.hotcard-swiper>.swiper-button-next:after{color: #D6D6D6;font-size: 24px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide{display: flex;justify-content: center;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate{width: 145px;height: 205px;background-color: #fff;
    border: 1px solid #E5E5E5;box-shadow: 0px 6px 31px 2px rgba(218, 227, 235, 0.34);cursor: pointer;
    border-radius: 8px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide:nth-of-type(6n+1)>.cate{box-shadow: none;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate>.logo{width: 76px;height: 76px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;border: 1px solid #E5E5E5;margin-bottom: 10px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate>.logo>img{max-width: 76px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate>.name{font-size: 14px;font-weight: 400;color: #000000;margin-bottom: 6px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate>.discount{font-size: 12px;background: linear-gradient(-270deg, #67EBE1 0%, #3BA7F7 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 24px;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide>.cate>.btn{transition: .3s;border-radius: 2px; width: 112px;height: 30px;font-size: 12px;text-align: center;line-height: 30px;color: #999999;border: 1px solid #E5E5E5;}
#hotCard>.swiper>.hotcard-swiper>.swiper-wrapper>.swiper-slide:hover .cate>.btn{background-color: #0097FF;color: #F8FCFF;border-color: transparent;}
/* 公告 */
#banner>.notice{position: absolute;left: 0px;right: 0px;bottom: 0px;height: 40px; z-index: 1;background-color: #0497FF;}
#banner>.notice>.container{display: flex;align-items: center;height: 100%;}
#banner>.notice>.container>.icon{width: 24px;margin-right: 7px;}
#banner>.notice>.container>.icon>img{display: block;width: 100%;}
#banner>.notice>.container>.title{font-size: 16px;color: #FFFFFF;margin-bottom: 0;margin-right: 28px;line-height: 40px;}
#banner>.notice>.container>.swiper-container-notice{overflow: hidden;flex: 1;height: 100%;}
#banner>.notice>.container>.swiper-container-notice .swiper-slide{background-color: transparent;text-align: left;color: #fff;width: 100%;line-height: 40px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#banner>.notice>.container>.more{background-color: transparent;font-size: 14px;color: #fff;margin-left: 30px;width: 100px;}
#banner>.indexBtn{
    position: absolute;
    transform: translate(-10%, -32%);
    z-index: 2;
    background-color: unset;
    width: 215px;
    height: 105px;
}
#banner>.indexBtn>.btn{
    border-radius: 50px;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #fff;
    color: #FFFFFF;
    transition: all 0.2s;
}
#banner>.indexBtn>.btn:hover{
    color: #FFFFFF;
    background: #0C9DFC;
    border-radius: 50px;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #0C9DFC;
}
#hotCard>.head>a>img{width: 100%;}
#hotCard>.head>a:hover img{
    transform: scale(1.1);
}

.layui-layer-title{
    padding: 0!important;
    border: none!important;
    background-color:#FFF;
    text-align: center;
}