.banner { margin: auto; min-width: 1200px; } .banner .swiper-pagination-bullet { width: 30px; height: 3px; background: #000000 !important; border-radius: 0; } .banner .banner_img { width: 100%; } .banner .swiper-button-next { width: 45px; height: 45px; background: url("/static/images/auction_03.png") no-repeat; background-size: 43px 43px; background-position: center center; } .banner .swiper-button-prev { width: 45px; height: 45px; background: url("/static/images/auction_03_1.png") no-repeat; background-size: 43px 43px; background-position: center center; } .banner .swiper-button-prev:after, .banner .swiper-container-rtl .swiper-button-next:after, .banner .swiper-button-next:after, .banner .swiper-container-rtl .swiper-button-prev:after { content: ""; display: none !important; } /* page */ #page { margin: 20px auto; color: #666; display: block; text-align: center; } #page li { display: inline-block; height: 35px; width: 35px; cursor: pointer; color: #666; font-size: 14px; line-height: 35px; background-color: white; /*border: 1px solid #dce0e0;*/ text-align: center; margin: 0 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #efefef solid; } .xl-nextPage, .xl-prevPage { min-width: 60px; color: #0073A9; height: 28px; } #page li.xl-disabled { opacity: 0.5; cursor: no-drop; min-width: 50px; } #page li.xl-disabled:hover { background-color: #f9f9f9 !important; /*border: 1px solid #dce0e0 !important;*/ color: #666 !important; } #page li.xl-active { background-color: #d84848; /*border-color: #0073A9;*/ color: #FFF; } #page li:hover { background-color: #d84848 !important; /*border-color: #0073A9;*/ color: #FFF; } #page li.xl-jumpText { display: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); opacity: 1; width: auto; } #page li.xl-jumpText:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; } #page li.xl-jumpButton { padding: 0 5px; display: none; } #xlJumpNum { width: 35px; margin: 0 3px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type="number"] { -moz-appearance: textfield; } .order { height: 40px; line-height: 40px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .order span { margin: auto 30px auto auto; } .auction_row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .auction_row .auction_list { width: 590px; height: 170px; margin: 20px 0; padding: 30px 0; transition: 0.5s all; position: relative; } .auction_row .auction_list:hover { -moz-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3); box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3); } .auction_row .auction_list .img { width: 270px; height: 170px; line-height: 170px; text-align: center; float: left; } .auction_row .auction_list .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .auction_row .auction_list .info { width: 280px; height: 170px; float: right; padding: 0 20px; } .auction_row .auction_list .info .title { font-size: 16px; margin: 15px auto; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .auction_row .auction_list .info .time_val { font-size: 14px; margin: 5px auto; } .auction_row .auction_list .info .time_val .label { color: #999999; } .auction_row .auction_list .info .time_val .red { color: #a42b2b; } .auction_row .auction_list .info .time_val .black { color: #333333; } .auction_row .auction_list .info .btn { font-size: 20px; margin: 15px auto auto auto; width: 100%; height: 45px; line-height: 45px; background: #d84848; border-radius: 5px; text-align: center; color: white; } .auction_row .auction_list .follow { width: 100px; height: 30px; line-height: 30px; font-size: 14px; position: absolute; top: 0; right: 0; text-align: center; } /*# sourceMappingURL=auction.css.map */