body{ background-color: #F2F2F2; } .selection-item { position: relative; margin: 0.875rem 0.5%; width: 24%; } .selection-item .item-tip { position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; height: 4.375rem; font-size: 1.25rem; font-weight: 400; text-align: left; color: #ffffff; line-height: 4.375rem; padding-left: 1.25rem; box-sizing: border-box; background: linear-gradient(0deg,rgba(3,0,0,0.80) 0%, rgb(3 0 0 / 3%) 100%); } .selection-item-img { overflow: hidden; } .selection-item-img img { width: 100%; } .ins-box{ padding-bottom: 6.25rem; } .ins-box h5{ font-size: 2rem; font-weight: 700; color: #333333; padding: 1.875rem 0 3.125rem 0; text-align: center; } .ins-box .insb-content{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .move-page span{ display: inline-block; font-size: 1.25rem; font-weight: 400; color: #666666; } .move-page li{ display: inline-block; padding: 0.6875rem 1rem; font-size: 1.25rem; font-weight: 400; color: #666666; border: 0.0625rem solid #CCCCCC; margin: 0 0.625rem; border-radius: 0.25rem; } .move-page .active{ background: #f17e00; color: #FFFFFF !important; } .move-page .active span{ color: #FFFFFF !important; } .move-page{ padding: 40px 0 40px 0; text-align: right; } @media only screen and ( max-width:1000px) { .selection-item{ width: 100%; } }