#q_banner_wrap {position: fixed; top: 50%;  transform: translateY(-50%); left: 50px; z-index:10; width: 46px;}
/* #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: 28px; }
#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 12.2px 0.8px rgba(25, 4, 0, 0.15); border-radius: 7px; overflow: hidden;}
#q_banner_wrap ul li a .txt_box {position: absolute; top:50%; transform:translateY(-50%); right: -124px;  display: none; padding-left: 24px;}
#q_banner_wrap ul li a .txt_box > div {width: 102px; height: 38px; line-height: 38px; position: relative; background: #f8b62c; text-align: center;  font-size: 15px; font-weight:400; color:#fff; border-radius: 5px;}
#q_banner_wrap ul li a .txt_box img.tri {position: absolute ; left:-9px; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 1700px) {
    #q_banner_wrap  {left: 20px;}
}