.banner { margin: auto; min-width: 1200px; } .banner .swiper-pagination-bullet { width: 30px; height: 3px; background: white !important; border-radius: 0; } .banner .banner_img { width: 100%; } .event_list { height: 230px; padding: 20px 50px; margin: 30px auto; transition: 0.5s all; } .event_list .img { width: 370px; height: 230px; float: left; text-align: center; line-height: 230px; } .event_list .img img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .event_list .info { width: 600px; height: 190px; padding: 20px; float: right; } .event_list .info .title { font-size: 20px; color: #333333; margin: 20px auto; } .event_list .info .time { font-size: 14px; color: #333333; margin: 20px auto; } .event_list .info .body { font-size: 14px; color: #333333; margin: 20px auto; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .event_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); } /* 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; } .event_info { padding: 10px 0; margin: 30px auto; } .event_info .title { font-size: 36px; text-align: center; color: #333333; margin: 30px; } .event_info .body { font-size: 18px; line-height: 2; color: #666666; } .event_info .next_prev { height: 60px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 40px auto; position: relative; } .event_info .next_prev .prev { width: 570px; height: 60px; line-height: 60px; font-size: 18px; text-indent: 10px; position: absolute; left: 0; top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .event_info .next_prev .next { width: 570px; height: 60px; line-height: 60px; font-size: 18px; text-indent: 10px; position: absolute; right: 0; top: 0; text-align: right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .event_info .next_prev .btn { width: 60px; height: 60px; position: absolute; text-align: center; line-height: 60px; left: 570px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .event_info .next_prev .btn img { display: inline-block; vertical-align: middle; } /*# sourceMappingURL=event.css.map */