body{ background: #f8f8f8; } .lottery-title{ padding-left: .5rem; padding-right: 1rem; padding-top: .5rem; margin-bottom: .5rem; } .lottery-head{ height: 7rem; background: #FF7170; text-align: center; color: #ffffff; } .member_head{ width: 3.5rem; height: 3.5rem; border-radius: 90px; border: 2px #ffffff solid; margin-top: 1rem; } .title-left{ font-weight: bold; padding-left: .5rem; border-left: solid .2rem #FF6F6F; } .lottery-content{ position: relative; border-top: solid 1px #ccc; } .reward_item{ position: relative; display: flex; float: left; width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; margin-top: 0.5rem; margin-bottom: .5rem; border-bottom: 1px #ccc solid; } .reward_icon{ float: left; width: 15%; } .reward_icon img{ width: 2.5rem; height: 2.5rem; } .reward_content{ width: 60%; float: left; } .reward_btn{ width: 20%; float: left; text-align: center; } .btn-xs{ width: 4rem; height: 1.6rem; line-height: 1.5rem; }