#q_banner_wrap {position: fixed; bottom:90px; right: 20px; z-index:10; width: 60px;}
/* #q_banner_wrap.main {opacity: 0; pointer-events: none; transition: opacity .3s; }
.scrolled #q_banner_wrap.main {opacity: 1; pointer-events: auto;} */
#q_banner_wrap ul li {margin-bottom: 13px; }
#q_banner_wrap ul li:last-child {margin-bottom: 0; }
#q_banner_wrap ul li a {position: relative; z-index: 1;  }
#q_banner_wrap ul li a .icon {display: flex; align-items: center; justify-content: center;  box-shadow: 0 0 5.4px 0.6px rgba(0, 0, 0, 0.2); border-radius: 0 0 15px 0; overflow: hidden; background-color: #3ab448; height: 60px; }
#q_banner_wrap ul li a .txt_box {position: absolute; top:50%; transform:translateY(-50%); left: -133px;  display: none; padding-right: 24px; white-space: nowrap;
font-size: 12px;}
#q_banner_wrap ul li a .txt_box > div {width: 120px; height: 28px; line-height: 28px; position: relative; background: #333; text-align: center;  font-size: 12px; font-weight:400; color:#fff; border-radius: 5px;}
#q_banner_wrap ul li a .txt_box img.tri {position: absolute ; right:-7px; top:50%; transform:translateY(-50%);}

#q_banner_wrap ul li.insta a .icon {background:url("../img/insta_bg.jpg") 50%/cover no-repeat;}
#q_banner_wrap ul li.insta a .txt_box { left: -87px;}
#q_banner_wrap ul li.insta a .txt_box > div {width: 74px; }

@media screen and (max-width: 1024px) {
    #q_banner_wrap {right: 10px; bottom: 75px; width: 50px; }
    #q_banner_wrap ul li {margin-bottom:7px; }
    #q_banner_wrap ul li a .icon {height: 50px; }
    #q_banner_wrap ul li a .icon img {width: 29px;}
}