.hello-enter[data-v-1fdeb81c],.hello-leave-to[data-v-1fdeb81c]{transform:translateY(-100%)}.hello-enter-active[data-v-1fdeb81c],.hello-leave-active[data-v-1fdeb81c]{transition:.5s linear}.hello-enter-to[data-v-1fdeb81c],.hello-leave[data-v-1fdeb81c]{transform:translateY(0)}#dropdown[data-v-1fdeb81c]{width:100%;cursor:pointer}#dropdown .title[data-v-1fdeb81c]{font-size:20px;color:#000;line-height:30px;text-align:center;position:relative}#dropdown .title .com-text[data-v-1fdeb81c]{position:relative}#dropdown .title .com-text[data-v-1fdeb81c]:after{width:4px;height:4px;position:absolute;top:50%;right:-17px;margin-top:-8px;border:3px solid;border-color:transparent transparent #dcdee0 #dcdee0;transform:rotate(-45deg);opacity:.8;content:""}#dropdown .title .com-text .affterActive[data-v-1fdeb81c] :after{border-color:transparent transparent red #ff02c8!important;margin-top:-1px;transform:rotate(135deg)}#dropdown .title .activeEffect[data-v-1fdeb81c]{position:relative}#dropdown .title .activeEffect[data-v-1fdeb81c]:after{width:4px;height:4px;position:absolute;top:50%;right:-17px;margin-top:-2px;border:3px solid;border-color:transparent transparent #fb1e1e #ff5100;transform:rotate(135deg);opacity:1;content:""}#dropdown .active[data-v-1fdeb81c]{color:red}#dropdown .btn[data-v-1fdeb81c]{width:100%;height:30px;margin:0 auto;background-color:#ff3c3c;color:#fff;border:none;border-radius:15px}.menu-box[data-v-1fdeb81c]{width:100%;border:1px solid #00f;display:flex;flex-wrap:wrap;padding:10px}.menu-item[data-v-1fdeb81c]{width:30%;height:35px;line-height:35px;border:1px solid rgba(63,112,248,.8);border-radius:13px;text-align:center;font-size:16px;margin:10px 5px}.menu-item.active[data-v-1fdeb81c]{background-color:#062bfb;color:#fff!important}