body{ color: var(--text-color); /* background: #101010; */ padding: 20px; } .s1{ padding-bottom: 10px; } .s1,.s2{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0px auto 10px; } .s-title{ display: flex; justify-content: space-between; width: 100%; } .s-title .tag{ color: var(--sub-text-color); font-size: 14px; padding: 2px; border: 1px solid var(--sub-text-color); } .s1 .s1-title{ margin-top: 15px; font-size: 16px; } .s1 .s1-title span{ color: #fd8f0f; font-weight: bold; } .s1 .tag{ width: 100%; } .drow-bar{ height: 50px; width: 100%; margin-top: 10px; display: flex; align-items: center; padding: 0 25px; justify-content: space-between; position: relative; } .drow-bar .d-title{ font-size: 18px; font-weight: bold; color: #00B5EE; z-index: 999; } .d-arrow{ width: 20px; z-index: 999; } .d-arrow img{ width: 100%; } .drow-bar .d-mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } .b1{ background: url("../images/b1.jpg") top center no-repeat; } .b2{ background: url("../images/b2.jpg") top center no-repeat; } .b3{ background: url("../images/b3.jpg") top center no-repeat; } .b4{ background: url("../images/b4.jpg") top center no-repeat; } .b5{ background: url("../images/b5.jpg") top center no-repeat; } .b6{ background: url("../images/b6.jpg") top center no-repeat; } .b1,.b2,.b3,.b4,.b5,.b6{ background-size: 100% 100%; } .drow-show{ /* height: 600px; */ /* overflow-y: scroll; */ display: flex; flex-wrap: wrap; background: rgba(0, 0, 0, 0.3); } .d-show{ width: 50%; } .d-show .d-img{ width: 100%; padding: 10px; } .d-show .d-img img{ width: 100%; } .d-show .d-show-title{ display: flex; justify-content: space-between; align-items: center; } .d-show .d-show-title .d-show-l div:first-child{ font-size: 16px; font-weight: bold; margin: 10px 0; } .d-show .d-show-title .d-show-l div:last-child{ font-size: 14px; } .d-show .d-show-title .d-show-r span{ background: #00B5EE; font-size: 14px; padding: 5px 20px; border-radius: 4px; }