body:after { content: ""; position: fixed; /*top: -10px;*/ bottom: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1); /*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -o-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/ z-index: 100; } .oc_logo { /*width: 67.5px;*/ height: 16.5px; position: absolute; margin: 0 auto; left: 0; right: 0; top: 13.75px; } .top { width: 100%; height: 16px; background: white; } .con { width: 100%; padding: 0 2%; transform: translateY(-16px); } #timer_swiper .swiper-slide { color: #101010; font-size: 13px; float: left; padding: 9px 0; height: 40px; } .nav .r{ float: right; } .con .recommend{ padding: 5px 0; } #timer_swiper .lxy0 .on p{ color: #00d793; border-bottom: 4px solid #01de92; } #timer_swiper .lxy1 .on p{ color: #5f26e6; border-bottom: 4px solid #64ed13; } .t_con p{ font-size: 13px; color: #000; } .t_con { width: 100%; background: #fff; } #timer_swiper { width: 100%; } #timer_swiper .swiper-wrapper .swiper-slide img{ padding: 3px; border-radius: 7px; } .t_con .swiper-container { width: 800px; } .t_con .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .on p{ color: #ee344a; border-bottom: 3px solid #EE344A; } #timer_swiper .swiper-slide { position: relative; } #timer_swiper .swiper-slide img {} #timer_swiper .swiper-slide p { /*position: absolute;*/ } .con_block { margin-top: 1px; width: 100%; height: 170px; background: white; position: relative; } .con_block .img { width: 109px; height: 109px; position: absolute; top: 30px; left: 2%; } .con_block .p1 { width: calc(100% - 130px); right: 2%; color: #101010; font-size: 13px; position: absolute; top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .con_block .p2 { color: #fff; font-size: 10px; position: absolute; background: -moz-linear-gradient(left, #ff0000, #ff0066); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0000), to(#ff0066)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #ff0000, #ff0066); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #ff0000, #ff0066); /*Opera11*/ border-radius: 3px; padding: 0px 2px; top: 65px; right: calc(100% - 171px); } .pect{ color: #fff; font-size: 10px; position: absolute; background: -moz-linear-gradient(left, #6600ff, #a200ff); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#6600ff), to(#a200ff)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #6600ff, #a200ff); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #6600ff, #a200ff); /*Opera11*/ border-radius: 3px; padding: 0px 2px; top: 65px; right: calc(100% - 220px); } .con_block .p3 { color: #ec3449; font-size: 15px; position: absolute; width: calc(100% - 130px); right: 2%; top: 105px; } .con_block .p3 o { font-size: 13px; } .con_block del { color: #808080; font-size: 14px; position: absolute; width: calc(100% - 130px); right: 2%; top: 120px; } .con_block del o { font-size: 12px; } .con_block button { color: white; background: #ED374C; font-size: 13px; padding: 5px 15px; border-radius: 5px; position: absolute; right: 2%; bottom: 35px; border: none; } .con_block .p4 { color: #808080; font-size: 10px; position: absolute; bottom: 10px; right: 80px; } .con_block progress { width: 70px; height: 9px; border-radius: 10px; position: absolute; right: 2%; bottom: 16px; background: white; } ::-ms-fill { background: #ED374C; } ::-moz-progress-bar { background: #ED374C; } ::-webkit-progress-bar { background: white; border: 1px solid #ED374C; border-radius: 10px; } ::-webkit-progress-value { background: #ED374C; border-radius: 0 5px 5px 0; }