/* 材料头部 */ .exammakingshead { width: 100%; height: 80rpx; background-color: #49dae0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .headleft { width: 580rpx; overflow: hidden; } .headleft text { color: white; font-size: 30rpx; margin-left: 40rpx; } .headright text { color: white; font-size: 30rpx; margin-right: 50rpx; } .van-tabs__line { background-color: #49dae0 !important; } .makingscontent { margin: 0 40rpx; } .makingscontent text { margin: 0 40rpx; font-size: 30rpx; } .makingscontentdown { margin-top: 20rpx; height: 20rpx; background-color: #eef0f0; } .makingscontentdownanswer { height: 80rpx; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .itemleft { margin-left: 30rpx; width: 50rpx; height: 50rpx; } .itemleft image { width: 47rpx; height: 47rpx; } .itemmiddle { margin-left: 30rpx; width: 500rpx; height: 50rpx; } .itemmiddle text { font-size: 30rpx; font-weight: 400; color: black; } .itemright { margin-right: 60rpx; width: 50rpx; height: 50rpx; } .itemright image { width: 20rpx; height: 20rpx; } .answercontent { margin: 0 40rpx; } .answercontent2{ display: none; } .answercontent text { font-size: 30rpx; } /* 材料头部 */ /* 材料底部 */ .makingsfooter { width: 100%; height: 100rpx; border-top: 2rpx solid #e5e7e7; margin-top: 20rpx; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; background-color: #f5f5f5; opacity: 1; } .footerleft { width: 160rpx; height: 50rpx; line-height: 50rpx; background-color: #dad8d8; text-align: center; } .footerleft text { color: white; } .footerright { width: 160rpx; height: 50rpx; line-height: 50rpx; background-color: #1ccfd6; text-align: center; margin-left: 50rpx; } .footerright text { color: white; } .van-tabs__line{ left:10%; } /* 材料底部 */