/* pages/messages/messages.wxss */
page{background: #fff;}
.tab-box{width: 100%;padding:0 30rpx;border-bottom: 1px solid #ececec;height:40px ;line-height: 40px;align-items: center;}
.search-box{width: 65%;background-color: #ececec;display: flex;justify-content: flex-start;align-items: center;padding: 5rpx 20rpx;border-radius:50rpx;}
.input-box{background:none;width: calc(100% - 100rpx );padding-left:10rpx;font-size: 13px;color: #666;}
.icon{width: 40rpx;height: 40rpx;}
.box{width: 100%;flex-wrap: wrap;}
/* #left,#right{width: 49%;} */
#left,#right{
    width: 49%;
    float: left;
}
#left{
    margin-right: 2%;
    /* margin-left:24rpx; */
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.piece{width: 100%;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;position: relative;}
.con-box{padding:0 20rpx 20rpx;width: 100%;box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.06);margin-top: 20rpx;position: relative;}
.content{width: calc(100% - 270rpx);padding: 20rpx 0;flex-direction: column;justify-content: space-between;}
/* cate */
.cate-box {display: flex;justify-content: flex-start;align-items: start;flex-wrap: wrap;padding: 0 20rpx;}
.cate {padding: 14rpx 24rpx;background-color: #f6f6f6;color: #333;margin-right: 14rpx;margin-bottom: 14rpx;border-radius: 6rpx;}
.cate-active {color: #4f91ff !important;background-color: rgba(79, 145, 255, 0.2) !important;}
.mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 9998;background: rgba(0, 0, 0, 0.6);}
.mask .save-button{width: 600rpx;height: 90rpx;background: linear-gradient(to right, #ffd01e, #ff8917);border-radius: 50rpx;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 30rpx;margin-top: 50rpx;}