| 1 |
- .header-wrap[data-v-44fb458c]{width:100%;height:3.146667rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:500;background-color:#fff}.header-wrap-tab-list-none[data-v-44fb458c]{height:2.133333rem;padding-bottom:.266667rem}.header[data-v-44fb458c]{width:100%;height:1.173333rem;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:999;padding:0 .4rem;position:relative;box-sizing:border-box}.return-img[data-v-44fb458c]{position:absolute;left:.4rem;top:50%;transform:translateY(-50%);width:.533333rem}.header-title[data-v-44fb458c]{color:#333;font-size:.48rem;font-weight:700}.search-box[data-v-44fb458c]{width:100%;display:flex;align-items:center;padding:0 .4rem;box-sizing:border-box}.search-box .cancel[data-v-44fb458c]{padding-left:.4rem;font-size:.4rem}.search-bar[data-v-44fb458c]{flex:1;height:.96rem;background-color:#f3f3f3;border-radius:2.666667rem;display:flex;align-items:center;padding:0 .4rem;box-sizing:border-box}.search-icon[data-v-44fb458c]{width:.373333rem;margin-right:.213333rem}.search-input[data-v-44fb458c]{flex:1;font-size:.373333rem}.search-input[data-v-44fb458c]::placeholder{color:#7f7f7f}.tab-list>li[data-v-44fb458c]{flex:1;display:flex;justify-content:center;align-items:center;height:1.013333rem;line-height:1.013333rem;font-size:.426667rem;color:#555;position:relative}.tab-list>li.active[data-v-44fb458c]{font-size:.48rem;font-weight:700;color:#222}.tab-list>li.active[data-v-44fb458c]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#2a63f3,#81b8ff);border-radius:.053333rem;width:.48rem;height:.106667rem}.sub-tab-list[data-v-44fb458c]{width:100%;height:1.013333rem;display:flex;align-items:center}.sub-tab-list>li[data-v-44fb458c]{flex:1;display:flex;justify-content:center;align-items:center;height:1.013333rem;line-height:1.013333rem;font-size:.373333rem;color:#555;position:relative}.sub-tab-list>li.active[data-v-44fb458c]{font-weight:700;color:#222}.sub-tab-list>li.active[data-v-44fb458c]:after{content:"";width:.48rem;height:.106667rem;background:linear-gradient(90deg,#2a63f3,#81b8ff);border-radius:.053333rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tab-icon[data-v-44fb458c]{width:.16rem;margin-left:.053333rem}.wrap[data-v-44fb458c]{width:100%;height:calc(100vh - 3.14667rem);display:flex;flex-direction:row;margin:3.146667rem 0 0;box-sizing:border-box;background-color:#f4f4f4;overflow-y:auto}.wrap-tab-list-none[data-v-44fb458c]{height:calc(100vh - 2.4rem);margin:2.4rem 0 0}.sub-list[data-v-44fb458c]{width:100%;display:flex;flex-direction:column;padding:.32rem .4rem;box-sizing:border-box;overflow:auto}.sub-list>li[data-v-44fb458c]{width:100%;display:flex;align-items:center;background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem;margin-bottom:.32rem;padding:.266667rem;box-sizing:border-box;position:relative}.sub-list>li[data-v-44fb458c]:last-child{margin-bottom:0}.float-box[data-v-44fb458c]{position:fixed;left:50%;transform:translate(-50%);bottom:1.066667rem;z-index:499}.float-box>button[data-v-44fb458c]{min-width:4.666667rem;height:1.173333rem;line-height:1.173333rem;display:flex;justify-content:center;align-items:center;background-color:#2a63f3;border-radius:2.666667rem;color:#fff;font-size:.48rem;font-weight:700}.list[data-v-44fb458c]{padding:.32rem .4rem}.list>li[data-v-44fb458c],.list[data-v-44fb458c]{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.list>li[data-v-44fb458c]{background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem;margin-bottom:.32rem;padding:0 .266667rem}.item-top[data-v-44fb458c]{width:100%;padding:.266667rem 0;border-bottom:.026667rem solid #f2f2f2;box-sizing:border-box;display:flex;flex-direction:column}.top-between[data-v-44fb458c]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.186667rem}.font-1[data-v-44fb458c]{color:#222;font-size:.426667rem;font-weight:700}.font-2[data-v-44fb458c]{color:#ff3535;font-size:.373333rem;font-weight:700}.tag-list[data-v-44fb458c]{width:100%;max-height:1.173333rem;overflow:hidden;display:flex;flex-wrap:wrap}.tag-list>li[data-v-44fb458c]{color:#2a63f3;font-size:.266667rem;height:.426667rem;line-height:.426667rem;padding:0 .106667rem;margin-bottom:.16rem;background-color:#f3f3f3;margin-right:.16rem;border-radius:.08rem}.msg[data-v-44fb458c]{width:100%;color:#666;font-size:.32rem;margin-top:.053333rem}.item-bottom[data-v-44fb458c]{width:100%;padding:.266667rem 0;justify-content:space-between}.item-bottom-left[data-v-44fb458c],.item-bottom[data-v-44fb458c]{display:flex;align-items:center}.avarar[data-v-44fb458c]{width:.533333rem;height:.533333rem;border-radius:50%;margin-right:.16rem}.user-name[data-v-44fb458c]{font-size:.266667rem;color:#888}.item-bottom-right[data-v-44fb458c]{display:flex;align-items:center;color:#999;font-size:.266667rem}.location-icon[data-v-44fb458c]{width:.266667rem;margin-right:.16rem}.normal-box-small[data-v-44fb458c]{width:100%;display:flex;flex-direction:column;align-items:center;font-size:.373333rem;color:#999992;padding:3.2rem 0}.normal-box-small>img[data-v-44fb458c]{width:4rem;margin-bottom:.24rem}
|
