.content{ padding: 40rpx 20rpx; font-size: 32rpx; margin-bottom: 30rpx; } .content .article_head{ display: flex; flex-direction: row; align-items: center; } .content .article_head .left{ margin-right: 20rpx; width: 232rpx; height: 140rpx; background: #eee; border-radius: 10rpx; } .content .article_head .left image{ width: 100%; height: 100%; BORDER-RADIUS: 8rpx; box-shadow: 0rpx 0rpx 8rpx #999; } .content .article_head .right{ flex: 1; display: flex; flex-direction: column; justify-content: space-around; } .content .article_head .right .prize_name{ font-weight: 700; font-size: 38rpx; } .content .article_head .right .prize_instr{ font-size: 26rpx; color: #999999; } .content .article_body{ font-size: 26rpx; } .content .article_body .article_body_instr{ margin: 40rpx 0; } .content .article_body .article_body_pic{ border-radius: 10rpx; margin-bottom: 20rpx; text-align: center; } .content .article_body .article_body_pic image{ width: 100%; } .btn{ /* position: fixed; width: 100%; bottom: 0; */ } .btn button{ border-radius: 0; } /* --- 主题 --- */ /* 红色 */ .redContent .article_head .right .prize_name{color: #ff8382;} .redContent button{background-image: linear-gradient(to right, #ee3a43, #ff8483)} /* 蓝色 */ .blueContent .article_head .right .prize_name{color: #559fd4;} .blueContent button{background-image: linear-gradient(to right, #4998d2, #cde6e9)} /* 绿色 */ .greenContent .article_head .right .prize_name{color: #555f46;} .greenContent button{background-image: linear-gradient(to right, #658832, #96b26d)}