.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%; display: block; } .banner .swiper-button-next { width: 44px; height: 88px; background: url("/static/images/personal_04_06.png") no-repeat; background-size: 11px 21px; background-position: center center; background-color: rgba(255, 255, 255, 0.3); } .banner .swiper-button-prev { width: 44px; height: 88px; background: url("/static/images/personal_04_06_1.png") no-repeat; background-size: 11px 21px; background-position: center center; background-color: rgba(255, 255, 255, 0.3); } .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; } .session_row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .session_row .zc_list { width: 595px; height: 345px; margin: 30px 0; background: #00F7DE; position: relative; } .session_row .zc_list:nth-child(odd) { background: url("/static/images/index_47.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; } .session_row .zc_list:nth-child(even) { background: url("/static/images/index_47_1.jpg"); background-size: auto; background-repeat: no-repeat; background-position: center center; } .session_row .zc_list .ks_btn { width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: white; background: #d84848; border-radius: 15px; position: absolute; top: 20px; right: 20px; } .session_row .zc_list .zc_img { width: 160px; height: 345px; line-height: 345px; text-align: center; float: left; margin-left: 40px; } .session_row .zc_list .zc_img img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .session_row .zc_title { width: 360px; height: 345px; float: right; margin-right: 10px; color: white; } .session_row .zc_title .z_title { font-size: 35px; margin-top: 80px; text-align: center; } .session_row .zc_title .z_info { font-size: 22px; margin-top: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .session_row .zc_title .z_time { font-size: 22px; margin-top: 30px; text-align: center; } /* 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; } .session_title { margin: 50px auto; font-size: 30px; font-weight: bold; text-align: center; color: #333333; } .session_body { padding: 30px 20px; margin: 30px auto; border: 1px solid #eeeeee; font-size: 14px; line-height: 2; } .producr_list_row { width: 1200px; padding: 0; margin: 30px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .producr_list_row .product { width: 580px; height: 230px; padding: 30px 0; background: white; border-radius: 5px; } .producr_list_row .product .border_div { width: 580px; height: 150px; padding: 40px 0; transition: 0.5s all; position: relative; } .producr_list_row .product .border_div .follow { width: 100px; height: 30px; line-height: 30px; font-size: 14px; position: absolute; top: 0; right: 0; text-align: center; } .producr_list_row .product .border_div:hover { -moz-box-shadow: 0px 0px 20px #999999; -webkit-box-shadow: 0px 0px 20px #999999; box-shadow: 0px 0px 20px #999999; } .producr_list_row .product .product_img { width: 250px; height: 150px; line-height: 150px; text-align: center; float: left; } .producr_list_row .product .product_img img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; margin: auto; } .producr_list_row .product .product_name { width: 300px; padding: 10px; float: right; } .producr_list_row .product .product_name .name { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .producr_list_row .product .value { width: 300px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 22px; color: #a42b2b; } .producr_list_row .product .value .shopping_car { width: auto; height: 25px; float: right; margin-top: 7.5px; margin-left: 10px; } /*# sourceMappingURL=special_session.css.map */