.tab-box[data-v-5d38b712]{padding:0 16px;margin-bottom:16px;width:100%;white-space:nowrap}.tab-box .tab-li[data-v-5d38b712]{position:relative;display:inline-block;width:128px;height:64px;background:#f5f7fa;margin:16px 32px 0 0;cursor:pointer;border-radius:4px}.tab-box .tab-li[data-v-5d38b712]:first-child{margin-left:0}.tab-box .tab-li .all-inner-box[data-v-5d38b712],.tab-box .tab-li .inner-box[data-v-5d38b712]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;border-radius:4px;padding:8px;background:#f5f7fa;transition:all .3s}.tab-box .tab-li:hover :not(.active).inner-box[data-v-5d38b712]{width:calc(100% + 8px);height:calc(100% + 8px);top:-4px;left:-4px;transition:all .3s;box-shadow:0 6px 16px rgba(0,57,119,.08)}.tab-box .tab-li:hover .all-inner-box[data-v-5d38b712]{box-shadow:0 6px 16px rgba(0,57,119,.08)}.tab-box .tab-li img[data-v-5d38b712]{margin-right:10px;display:inline-block;vertical-align:top}.tab-box .tab-li div[data-v-5d38b712]{display:inline-block}.tab-box .tab-li span[data-v-5d38b712]{font-size:14px;color:#666;line-height:1}.tab-box .tab-li i[data-v-5d38b712]{display:block;font-weight:700;color:#333;font-size:18px;line-height:1}.tab-box .active[data-v-5d38b712]{box-shadow:0 6px 16px rgba(0,57,119,.08)}.tab-box .active[data-v-5d38b712]:before{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:#1890ff;border-radius:0 0 2px 2px}.tab-box .active[data-v-5d38b712]:after{position:absolute;content:"";bottom:-8px;left:50%;margin-left:-7.5px;width:0;height:0;border-style:solid;border-width:7px 7.5px 0 7.5px;border-color:#188fff transparent transparent transparent}.tab-box .userpercent[data-v-5d38b712]{display:inline-block;height:64px;line-height:64px;position:relative;top:-32px}[data-v-5d38b712] .z-top-navigation{margin-bottom:0}