@charset "utf-8";

#quick_menu{width:10rem;background:#fff;box-shadow: 0 0 1rem rgba(0, 0, 0, .1);position:fixed;top:50%;right:-10rem;z-index:9999;transform:translateY(-50%);opacity:0;transition:all .3s}
#quick_menu .menu_btn{width:6.5rem;padding:.5rem 0;border-radius:.5rem .5rem 0 0;font-size:1.2rem;text-align:center;color:#fff;background:var(--pt-color);position:absolute;top:2rem;left:-4.5rem;transform:rotate(-90deg);cursor:pointer}
#quick_menu.on{right:1rem;opacity:1}
#quick_menu .quick_tit{padding:1rem 0;font-size:1.5rem;font-weight:700;color:var(--pt-color);text-align:center}
#quick_menu li{width:100%;padding:1rem 0;border-bottom:1px solid #ddd;text-align:center;background:#fff}
#quick_menu li a img{display:inline-block;margin-bottom:.8rem}
#quick_menu li a{display:block;width:100%;font-size:1.4rem;color:#333;transition:all .3s}
#quick_menu li a:hover{color:var(--pt-color)}
#quick_menu li.tel{border-bottom:0;background:var(--pt-color)}
#quick_menu li.tel a{display:block;width:100%;height:100%;font-size:1.6rem;font-weight:700;color:#fff;font-family:'Poppins'}
#quick_menu li.tel a p{position:relative}
#quick_menu li.tel a p:before{content:'';width:3px;height:3px;border-radius:3px;background:#fff;position:absolute;left:50%;bottom:-1px;transform:translateX(-50%)}
#quick_menu li.tel a p:last-child:before{display:none}

#quick_menu .top_btn{width:5rem;height:5rem;border-radius:5rem;background:var(--pt-color);font-size:1.3rem;line-height:100%;text-align:center;font-weight:700;color:#fff;position:absolute;bottom:-6rem;left:50%;transform:translateX(-50%);cursor:pointer;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;gap:.3rem;font-family:'Poppins'}
#quick_menu .top_btn i{width:100%;font-size:1rem}

#quick_menu.active{right:-10rem}



.quick_mneu_mobile{display:none;position:fixed;bottom:4rem;right:-5rem;z-index:100;transition:all .3s}
.quick_mneu_mobile.on{right:.5rem}
.quick_mneu_mobile li{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:var(--pt-color);box-shadow:0 0 .5rem rgba(0,0,0,.1);position:relative}
.quick_mneu_mobile li + li{margin-top:.5rem}
.quick_mneu_mobile li a{display:block;width:100%;height:100%;position:relative}
.quick_mneu_mobile li img{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.quick_mneu_mobile .quink_btn02{background:#f2dc00}
.quick_mneu_mobile .quink_btn03{background:var(--pt-color2)}
.quick_mneu_mobile .top_btn{background:#3f0065}


@media(max-width: 1024px) {
#quick_menu{display:none}
.quick_mneu_mobile{display:block}
}