.tabList { display: flex; align-items: center; width: 100%; background: #F9F9F9; padding: 30rpx 5rpx; } .tabItem { flex: 1; text-align: center; font-weight: 400; font-size: 28rpx; color: #555555; position: relative; } .active { font-weight: bold; font-size: 32rpx; color: #222222; position: relative; } .active::after { content: ''; filter: blur(10.899999618530273rpx); width: 368rpx; height: 10rpx; position: absolute; left: 50%; bottom: -30rpx; transform: translateX(-50%); background: #FF512A; } .active::before { content: ''; width: 368rpx; height: 10rpx; position: absolute; left: 50%; bottom: -30rpx; transform: translateX(-50%); background: #FF512A; } .line { width: 1rpx; height: 30rpx; background-color: #E6E6E6; } .drawTit { font-weight: bold; font-size: 28rpx; color: #222222; display: flex; align-items: center; margin-left: 20rpx; margin-top: 30rpx; } .drawTit image { width: 30rpx; height: 30rpx; margin-left: 10rpx; } .stride { display: flex; align-items: center; justify-content: space-between; padding: 0 26rpx; margin-top: 30rpx; } .strideItem { font-weight: 400; font-size: 28rpx; color: #222222; } .strideItem image { width: 100rpx; height: 100rpx; margin-bottom: 10rpx; } .stideIcon { width: 26rpx; height: 26rpx; margin-top: -30rpx; } .gray { margin-top: 30rpx; } .goodsItem_left { display: flex; } .goodsImg { width: 160rpx; height: 160rpx; border-radius: 30rpx 30rpx 30rpx 30rpx; overflow: hidden; } .goodsmsg { display: flex; flex-direction: column; justify-content: center; margin-left: 24rpx; } .name { font-weight: 400; font-size: 32rpx; color: #000000; } .num { font-weight: 400; font-size: 24rpx; color: #999999; margin-top: 8rpx; } .goodsItem_right { display: flex; flex-direction: column; justify-content: space-between; } .right_top { font-weight: 400; font-size: 28rpx; color: #999999; display: flex; align-items: center; } .right_top image { width: 15rpx; height: 28rpx; margin-left: 10rpx; } .goodsItem { display: flex; justify-content: space-between; margin: 30rpx 20rpx; } .right_bottom { font-weight: 400; font-size: 26rpx; color: #FFFFFF; width: 150rpx; height: 50rpx; background: #FF512A; border-radius: 100rpx 100rpx 100rpx 100rpx; display: flex; align-items: center; justify-content: center; } .drawMsg { padding: 30rpx 20rpx; width: 500rpx; } .drawMsg_tit { font-weight: 400; font-size: 30rpx; color: #000000; padding-bottom: 30rpx; border-bottom: 1rpx solid #F5F5F5; text-align: center; } .drawMsg_con { margin-top: 30rpx; font-weight: 400; font-size: 24rpx; color: #000000; line-height: 32rpx; } .drawMsg_con view { margin-top: 30rpx; } .vrawMsg_btn { font-weight: 400; font-size: 26rpx; color: #FFFFFF; width: 150rpx; height: 50rpx; background: #D5AC66; border-radius: 100rpx 100rpx 100rpx 100rpx; margin: 0 auto; margin-top: 60rpx; display: flex; align-items: center; justify-content: center; } .main { margin: 30rpx 18rpx 0 20rpx; } .item_header { margin-bottom: 30rpx; display: flex; } .item_left { width: 160rpx; height: 160rpx; margin-right: 24rpx; } .item_right { display: flex; align-items: center; width: 100%; } .right_left { flex: 1; } .shop_title { font-weight: 400; font-size: 32rpx; color: #000000; } .shop_num { margin-top: 8rpx; font-weight: 400; font-size: 24rpx; color: #999999; } .shop_time { font-weight: 400; font-size: 24rpx; color: #555555; margin-top: 23rpx; } .right_status { font-weight: 400; font-size: 28rpx; color: #FF512A; } .item_bottom { display: flex; justify-content: center; } .btn { font-weight: 400; font-size: 26rpx; color: #FFFFFF; background: #FF512A; border-radius: 100rpx 100rpx 100rpx 100rpx; padding: 10rpx 23rpx; margin-right: 40rpx; } .look { background: #999999; } .use { background: #D5AC66; margin-right: 0; }