page {

    background-color: #F2F3F5;
}

.my_head {
    position: relative;
    height: 436rpx;
    /* width: 750rpx; */
    /* padding: 32rpx; */
}

.my_head image {
    width: 100%;
    height: 436rpx;
    /* display: block; */
}

.my_headitem {
    position: absolute;
    left: 36%;
    /* bottom: 137rpx; */
    top: 46rpx;
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 32rpx;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    /* align-items: center; */
}

.my_headitemtop {
    display: flex;

}

.my_headitemimg {
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16rpx;
}

.my_headitemname {
    width: 260rpx;

}

.my_headitemimg image,
.my_headitemimg .avator {
    width: 132rpx;
    height: 132rpx;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}


.my_headitem .word {
    width: 100%;
    /* text-align: center; */
    margin-top: 10rpx;
    font-size: 32rpx;
    font-weight: bold;

}

.word1 {
    font-size: 28rpx;
}

.word1 image {
    width: 12rpx;
    height: 20rpx;
}

.my_activebox {
    padding: 0 80rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 36rpx;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 10rpx;
    right: 10rpx;
    top: 200rpx;
}

.my_active :nth-child(1) {
    font-size: 48rpx;
    margin-top: 8rpx;


}

.my_active :nth-child(2) {
    font-size: 24rpx;
    margin-top: 8rpx;
    color: #ceebd9;
}

.my_hint {
    display: flex;
    align-items: center;
    position: absolute;
    left: 36rpx;
    bottom: 44rpx;
    font-size: 24rpx;
    color: #ceebd9;


}

.my_hint image {
    width: 24rpx;
    height: 24rpx;
    margin-right: 8rpx;
}

.star_box {
    width: auto;
    height: auto;
    margin-top: 16rpx;
    display: flex;
    /* justify-content: space-between; */
}

.star_box image {
    width: 20rpx;
    height: 20rpx;
    padding-left: 10rpx;
    padding-right: 10rpx;
}

/* 礼品 */

.gift {
    margin: 24rpx 34rpx;
    padding: 24rpx;
    /* height: 288rpx; */
    background-color: #ffffff;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;

}

.gift image {
    width: 240rpx;
    height: 240rpx;
}

.gift_message {
    padding: 18rpx 0;
    width: 374rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.gift_introduce {
    font-size: 28rpx;
    color: #323232;
    /* overflow: hidden;
    text-overflow: ellipsis; */
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.gift_time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 28rpx;
    color: #969799;
}

.gift_exchange {
    width: 146rpx;
    height: 46rpx;
    line-height: 46rpx;
    color: #FF976A;
    text-align: center;
    border: 1px solid #FF976A;
    border-radius: 7px;
}
.gift_exchange_time{
    color: #21AE58;
}
.gift_exchange_time p{
    font-size: 44rpx;
}