/**index.wxss**/
.scrollarea {
    flex: 1;
    overflow-y: hidden;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.scrollX {
    width: 100vw;
    padding-bottom: 10rpx;
}

.tab-box {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
}

.tab-item {
    display: flex;
    flex-direction: row;
    font-size: 32rpx;
    padding: 18rpx;
}

.tabs-box view {
    margin: 20rpx;
    font-size: 16px;
    border-bottom-width: 10rpx;
    border-bottom-color: khaki;
    border-bottom-style: solid;
}

.userinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #aaa;
    width: 80%;
}

.userinfo-avatar {
    overflow: hidden;
    width: 128rpx;
    height: 128rpx;
    margin: 20rpx;
    border-radius: 50%;
}

.usermotto {
    margin-top: 200px;
}

.avatar-wrapper {
    padding: 0;
    width: 56px !important;
    border-radius: 8px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.avatar {
    display: block;
    width: 56px;
    height: 56px;
}

.nickname-wrapper {
    display: flex;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    border-top: .5px solid rgba(0, 0, 0, 0.1);
    border-bottom: .5px solid rgba(0, 0, 0, 0.1);
    color: black;
}

.nickname-label {
    width: 105px;
}

.nickname-input {
    flex: 1;
}

.item-title {
    height: 300rpx;
    width: 100vw;
    background-color: aquamarine;
    display: flex;
    flex-direction: row;
    position: relative;
}

.item-box {
    width: 100rpx;
    height: 100rpx;
    background-color: wheat;
}

.item-box1 {
    width: 100rpx;
    height: 100rpx;
    position: relative;
    left: 30rpx;
    top: 30rpx;
    background-color: violet;
}

.fixed-title {
    position: fixed;
    top: 0;
    left: 0;
    height: 300rpx;
    z-index: 99;
    width: 100vw;
    background-color: aquamarine;
    display: flex;
    flex-direction: row;
    -webkit-overflow-scrolling: auto;
}