.projectBox .articleText { padding: 60rpx 30rpx; border: 5rpx solid #00C7C6; border-radius: 20rpx; } .title .boutique { display: inline-block; color: red; border-radius: 4rpx; border: 2rpx solid red; padding: 0 5rpx; transform: translateY(-8rpx); margin-right: 6rpx; } .title .maintitle { font-size: 52rpx; } .head { margin-top: 30rpx; height: 80rpx; } .head .left { float: left; color: #646464; } .headImg { width: 80rpx; height: 80rpx; margin-right: 20rpx; border-radius: 50%; display: inline-block; vertical-align: middle; } .head .right { float: right; color: #323232; height: 40px; line-height: 40px; } .headTextImg { width: 30rpx; height: 30rpx; margin: -4rpx 8rpx 0; display: inline-block; vertical-align: middle; } .cont { color: #646464; font-size: 31rpx; padding: 30rpx 0 60rpx; line-height: 1.8; } .thumbs-up { width: 196rpx; height: 68rpx; line-height: 68rpx; color: #323232; border: 2rpx solid #323232; border-radius: 34rpx; margin: 0 auto; text-align: center; margin-bottom: 30rpx; } .thumbs-up-sel { width: 196rpx; height: 68rpx; line-height: 68rpx; color: #1D89FF; border: 2rpx solid #1D89FF; border-radius: 34rpx; margin: 0 auto; text-align: center; margin-bottom: 30rpx; } .thumbsUpImg { width: 35rpx; height: 35rpx; margin: -6rpx 8rpx 0; /* border-radius: 50%; */ display: inline-block; vertical-align: middle; } .do-exercise button { color: #fff; background-color: #c7c7c7; } video { width: 100%; height: 426rpx; } .desc_border { padding: 60rpx 40rpx; position: relative; } .desc_borderImg { position: absolute; height: 100rpx; width: 300rpx; top: 6rpx; left: 50%; transform: translate(-50%); }