1 line
10 KiB
CSS
1 line
10 KiB
CSS
|
.head-search[data-v-45ffe377]{width:2.4rem;height:.8rem;border-radius:2.56rem;background-color:#ebebeb;color:#aaa;font-size:.3467rem;margin-right:.4rem}.head-search .head-search-icon[data-v-45ffe377]{width:.4rem;height:.4rem;margin-right:.14rem}.search-window[data-v-45ffe377]{display:none;position:fixed;top:0;left:0;width:100%;min-height:100vh;background-color:#f6f6f6;z-index:9}.search-window.searchShow[data-v-45ffe377]{display:block}.search-window .search-input[data-v-45ffe377]{padding:.27rem .32rem .27rem;justify-content:space-between}.search-window .search-input .search-icon[data-v-45ffe377]{width:.4rem;height:.4rem}.search-window .search-input .form[data-v-45ffe377]{width:90%;background-color:#ebebeb;height:1.12rem;line-height:1.12rem;border-radius:.56rem;padding-left:.4rem}.search-window .search-input input[data-v-45ffe377]{font-size:.4rem;border:none;outline:0;color:#000;padding-left:.34rem;height:1.12rem;background:transparent}.search-window .search-input .clear-text[data-v-45ffe377]{width:.4rem;height:.4rem;padding:.48rem}.search-window .search-input .search-close[data-v-45ffe377]{width:10%;font-size:.36rem;text-align:right}.search-window .search-content[data-v-45ffe377]{padding:.27rem .32rem .27rem;margin-top:.2rem}.search-window .search-content .search-text[data-v-45ffe377]{color:#7f7f7f;font-size:.32rem;margin-bottom:.32rem}.search-window .search-content .search-label[data-v-45ffe377]{display:flex;flex-direction:row;flex-wrap:wrap}.search-window .search-content .search-label span[data-v-45ffe377]{padding:0 .2rem;line-height:.96rem;background-color:#fff;border-radius:.16rem;color:#333;text-align:center;font-size:.36rem;margin-right:.2rem;margin-bottom:.24rem;word-break:break-word}.head-box[data-v-4e977c99]{z-index:1000;position:relative}.head-box .head[data-v-4e977c99]{padding:0 .2933rem;height:1.3rem;justify-content:space-between;position:fixed;top:0;width:9.4134rem;background-color:#f5f5f5;z-index:100}.head-box .head .left .head-title[data-v-4e977c99]{color:#000;font-weight:650;font-size:.48rem}.head-box .head .right .head-more[data-v-4e977c99]{position:relative}.head-box .head .right .head-more .head-more-icon[data-v-4e977c99]{width:.48rem;height:.4rem}.head-box .head .right .head-more .red-dot[data-v-4e977c99]{position:absolute;right:-.2rem;top:-.2rem;width:.16rem;height:.16rem;border-radius:.64rem;background-color:#fd3f5d}.head-box .head .head-arrows[data-v-4e977c99]{width:.1333rem;height:.1333rem;position:absolute;bottom:-.0133rem;right:-.5333rem;width:0;height:0;transform:translateX(50%);border:.24rem solid #000;border-top-color:transparent;border-bottom-color:#fff;border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all .2s}.head-box .head .head-arrows.animation[data-v-4e977c99]{animation:slide-in-left2-4e977c99 .5s ease-out forwards}.head-box .head .head-more-pop[data-v-4e977c99]{position:absolute;top:calc(100% - .0133rem);height:calc(100vh - 1.3rem);width:7.6rem;right:0;background-color:#fff;overflow:auto;transition:all .2s;right:-100%;opacity:0}.head-box .head .head-more-pop.animation[data-v-4e977c99]{animation:slide-in-left-4e977c99 .5s ease-out forwards}@keyframes slide-in-left-4e977c99{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes slide-in-left2-4e977c99{0%{right:-.5333rem;opacity:0}to{right:.5333rem;opacity:1}}.head-box .head .head-more-pop .head-more-userinfo[data-v-4e977c99]{height:2.88rem;margin-left:.64rem;margin-right:.72rem;box-sizing:border-box;border-bottom:.0133rem solid #ebebeb;justify-content:space-between}.head-box .head .head-more-pop .head-more-userinfo .head-more-left .head-more-userinfo-avatar[data-v-4e977c99]{margin-right:.24rem;width:1.28rem;height:1.28rem;border-radius:50%}.head-box .head .head-more-pop .head-more-userinfo .head-more-left .head-more-userinfo-username[data-v-4e977c99]{font-size:.36rem;color:#333}.head-box .head .head-more-pop .head-more-userinfo .head-more-right .information-box[data-v-4e977c99]{position:relative;width:.44rem;height:.44rem}.head-box .head .head-more-pop .head-more-userinfo .head-more-right .information-b
|