.luck-draw__container { .am-tabs { width: 330px; margin: 0 auto; color: #fff; .am-tabs-tab-bar-wrap { height: 33px; border: 1px solid rgba(255, 246, 4, 1); border-radius: 0 0 6px 6px; .am-tabs-default-bar { .am-tabs-default-bar-tab:nth-of-type(3) { &::after { display: none; } } .am-tabs-default-bar-tab { height: auto; line-height: 1; &::after { content: ""; display: block; position: absolute; right: 0; left: unset; top: 50%; margin-top: -7px; width: 1px !important; height: 14px; background: #fff604; transform: none; } } .am-tabs-default-bar-tab-active { background: #fff604; border-radius: 0 0 6px 6px; } } } } } .tab__body { padding-bottom: 19px; } .prize__label { display: flex; align-items: center; justify-content: center; width: 125px; height: 24px; margin: 20px auto 0; border-radius: 12px; font-size: 12px; font-weight: 500; color: #fff; background: linear-gradient( 269deg, rgba(7, 240, 255, 1) 0%, rgba(0, 153, 255, 1) 100% ); } .prize__label-icon { width: 12px; height: 14px; margin-right: 7px; background-image: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/icon-clock.png"); background-size: cover; } .prize__content { display: flex; flex-wrap: nowrap; padding: 10px 7px 0 0; overflow-y: auto; } .prize__image { width: 100px; height: 78px; margin: 0 3px 10px; padding: 2px; background-image: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/prize-border.png"); background-size: cover; overflow: hidden; img { display: block; width: 100%; height: 100%; } } .prize__desc { width: 100px; font-size: 12px; color: #fff; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 15px; overflow: hidden; }