.cl-overlay[data-v-736bfcb5]{background-color:#0009;height:100%;overflow:auto;z-index:2000}.cl-image-view__wrapper[data-v-736bfcb5],.cl-overlay[data-v-736bfcb5]{bottom:0;left:0;position:fixed;right:0;top:0}.cl-image-view__close[data-v-736bfcb5]{background:url(../img/close-circular.png) no-repeat;background-size:cover;border:none;cursor:pointer;height:24px;position:absolute;right:-38px;top:155px;width:24px}.cl-image-view__canvas[data-v-736bfcb5]{position:static;width:100%}.cl-image-view__canvas[data-v-736bfcb5],.cl-image-view__pic[data-v-736bfcb5]{align-items:center;display:flex;height:100%;justify-content:center}.cl-image-view__pic[data-v-736bfcb5]{position:relative}.cl-image-view__img[data-v-736bfcb5]{max-height:calc(100% - 334px);max-width:100%}.cl-fade-in-linear-enter-active[data-v-736bfcb5],.cl-fade-in-linear-leave-active[data-v-736bfcb5]{transition:opacity .3s linear}.cl-fade-in-linear-enter-from[data-v-736bfcb5],.cl-fade-in-linear-leave-to[data-v-736bfcb5]{opacity:0}.banner-wrap[data-v-7f6e20eb]{align-items:center;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column-reverse;height:100vh;position:relative;width:100%}.banner-wrap .banner-back[data-v-7f6e20eb]{background:url(../img/banner-monster-hunter.png) no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.banner-wrap .main-content[data-v-7f6e20eb]{background:url(../img/special-banner-back.svg) no-repeat;background-size:cover;height:100%;width:100%;z-index:2}.banner-wrap .game-pic-bg[data-v-7f6e20eb]{background:url(../img/special-banner-pic.svg) no-repeat 50%;background-size:cover;overflow:hidden;position:absolute;z-index:3}.banner-wrap .game-pic[data-v-7f6e20eb]{background:url(../img/banner-monster-hunter.png) no-repeat 50%;background-size:cover;border-radius:21px;overflow:hidden;position:absolute;z-index:3}.banner-wrap .download-btn[data-v-7f6e20eb]{background:url(../img/banner-download.svg) no-repeat 50%;background-size:cover;cursor:pointer;position:absolute;transition:transform .2s ease-out;z-index:4}@keyframes shake-7f6e20eb{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}to{transform:rotate(0)}}.banner-wrap .shaking[data-v-7f6e20eb]{animation:shake-7f6e20eb .5s ease-in-out}.banner-wrap .download-btn[data-v-7f6e20eb]:hover{animation:none;transform:scale(1.1)}.banner-wrap .text-content[data-v-7f6e20eb]{left:-100%;position:absolute;top:-100%;width:652px;z-index:3}.banner-wrap .text-content .title[data-v-7f6e20eb]{color:#fff;font-family:Source Han Sans;font-size:.3734rem;font-weight:700;line-height:.3734rem;margin-bottom:.3112rem}.banner-wrap .text-content .text-pic[data-v-7f6e20eb]{background:url(../img/special-banner-text-01.svg) no-repeat 50%;background-size:cover;height:auto;margin-bottom:.1867rem;overflow:hidden;width:100%;z-index:3}.banner-wrap .text-content .cert-pic[data-v-7f6e20eb]{align-items:center;display:flex}.banner-wrap .text-content .cert-pic .cert-pic-item[data-v-7f6e20eb]{cursor:pointer;height:1.195rem;margin-right:.2178rem;position:relative;width:.7966rem}.banner-wrap .text-content .cert-pic .cert-pic-item:hover .cert-pic-item-hover[data-v-7f6e20eb]{display:flex}.banner-wrap .text-content .cert-pic .cert-pic-item img[data-v-7f6e20eb]{height:100%;width:100%}.banner-wrap .text-content .cert-pic .cert-pic-item .cert-pic-item-hover[data-v-7f6e20eb]{align-items:center;background:#00000080;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.banner-wrap .text-content .cert-pic .cert-pic-item .cert-pic-item-hover span[data-v-7f6e20eb]{border:1px solid #fff;border-radius:177px;box-sizing:border-box;color:#fff;font-family:PingFang SC;font-size:14px;font-weight:400;height:32px;line-height:30px;text-align:center;width:77px}@media screen and (max-width:1023px){.banner-wrap[data-v-7f6e20eb]{height:8.08rem}.banner-wrap .content[data-v-7f6e20eb]{margin-bottom:36px}.banner-wrap .content .banner-title-intro[data-v-7f6e20eb]{margin-bottom:0}.banner-wrap .content .banner-title-intro .title[data-v-7f6e20eb]{font-size:22px}.banner-wrap .content .banner-title-intro .title span+span[data-v-7f6e20eb]{margin-left:10px}.banner-wrap .content .banner-title-intro .intro[data-v-7f6e20eb]{font-size:14px;line-height:22px;margin-top:10px}.banner-wrap .content .special-down-wrap[data-v-7f6e20eb]{display:none}}
