body{ background: #f8f8f8; } .lottery-title{ padding-left: .5rem; padding-right: 1rem; margin-bottom: 5px; } .title-left{ font-weight: bold; padding-left: .5rem; border-left: solid .2rem #FF6F6F; } .title-right{ color: #676767; float: right; } .lottery-content{ position: relative; border-top: solid 1px #ccc; } .lottery-item{ position: relative; display: flex; width: 100%; padding:0.3rem 0 0; padding-right: 1rem; } .item-icon{ padding-left: 1rem; width: 20%; height:3rem; text-align: left; } .item-icon img{ height: 2.3rem; } .item-content{ padding-left: 0.5rem; width: 50%; height:3rem; text-align: left; border-bottom: solid 1px #ccc; } .item-title{ font-weight: bold; } .item-time{ color: #a8a8a8; } .item-btn{ width: 25%; height:3rem; padding-left: .5rem; border-bottom: solid 1px #ccc; } .btn-xs{ height: 1.6rem; line-height: 1.5rem; } .lottery-empty{ padding-top: 5rem; text-align: center; }