/* pages/mine/mine.wxss */

.top {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.top-area {
    position: absolute;
   /* width: 1300rpx; */
   width: 100%;
   height: 368rpx;
   border-bottom-left-radius: 7%;
   border-bottom-right-radius: 7%;
    background-color: #495dfc;
}

.user {
    /* position: absolute; */
    margin-top: 300rpx;
    padding-left: 32rpx;
    padding-right: 32rpx;
    width: 646rx;
    height: 254rpx;
}

.user-msg,
.fun {
    width: 646rx;
    height: 254rpx;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    margin-bottom: 40rpx;
}

.head {
    width: 174rpx;
    height: 174rpx;
    background-color: #edeef5;
    border-radius: 50%;
    position: absolute;
    left: 252rpx;
    top: -83rpx;
}

.default-head {
    margin-top: 10rpx;
    margin-left: 20rpx;
}

.m-t {
    padding-top: 71rpx;
}

.please {
    display: block;
    text-align: center;
    /* font-weight: 600; */
    height: 68rpx;
    font-size: 40rpx;
}

.btn-area>button {
    background-color: #495dfc;
    color: #fff;
    height: 96rpx;
    line-height: 96rpx;
}

.bgc>button {
    background-color: #fff;
    color: #333;
}

.fun1 {
    margin-bottom: 24rpx;
    padding: 22rpx 24rpx;
    background-color: #fff;
}

.item {
    height: 96rpx;
    line-height: 96rpx;
    position: relative;
    /* border-bottom: 1rpx solid #f0f0f0; */
}

.item:first-child {
    border-bottom: 1rpx solid #f0f0f0;
}

.status {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
}

.arrow {
    display: inline-block;
    border: 4rpx solid #c2c0c0;
    width: 18rpx;
    height: 18rpx;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(-45deg);
    margin-left: 8rpx;
}