57 lines
4.0 KiB
CSS
57 lines
4.0 KiB
CSS
@charset "utf-8";
|
|
|
|
.rb_latest_event {box-sizing: border-box; width: 100%; background-color: #F3F3F3; padding-top: 50px; padding-bottom: 50px;}
|
|
.rb_latest_event .rb_latest_event_inner {position: relative; margin: 0 auto;}
|
|
.rb_latest_event dd {position: relative;}
|
|
.rb_latest_event dd:last-child {margin-bottom: 0px;}
|
|
.rb_latest_event .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
|
|
.rb_latest_event .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
|
|
.rb_latest_event .bbs_main_wrap_con_ul2 {width: 100%;}
|
|
.rb_latest_event .bbs_main_wrap_con_subj {font-size: 18px;}
|
|
.rb_latest_event .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
|
|
.rb_latest_event .bbs_main_wrap_con_cont a {color:#666;}
|
|
.rb_latest_event .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
|
|
.rb_latest_event .bbs_main_wrap_con_writer {margin-top: 20px;}
|
|
.rb_latest_event .bbs_main_wrap_con_writer span {display: inline-block;}
|
|
.rb_latest_event .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
|
|
.rb_latest_event .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
|
|
.rb_latest_event .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}
|
|
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 50px; color:#483729; letter-spacing: -2px;}
|
|
.rb_latest_event .icon_abs {position: absolute; right:10px; top:10px;}
|
|
.rb_latest_event .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
|
|
.rb_latest_event .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
|
|
.rb_latest_event .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
|
|
.rb_latest_event .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
|
|
.rb_latest_event .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
|
|
.rb_latest_event .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}
|
|
|
|
.rb_latest_event .rb_latest_event_item_date {display: flex; align-items: center; line-height: 24px; border-top:1px solid #ddd; padding-top: 15px; margin-top: 17px !important;}
|
|
.rb_latest_event .rb_latest_event_item_date_1 {}
|
|
.rb_latest_event .rb_latest_event_item_date_2 {margin-left: auto;}
|
|
.rb_latest_event .rb_latest_event_label {padding: 5px 10px; border-radius: 20px; font-size: 12px;}
|
|
.rb_latest_event .rb_latest_event_label.ev_label1 {background-color: #25282B; color:#fff;}
|
|
.rb_latest_event .rb_latest_event_label.ev_label2 {background-color: #fff}
|
|
.rb_latest_event .bbs_main_wrap_sub {margin-left: 30px; margin-top: 8px; font-size: 18px; color:#483729;}
|
|
|
|
.rb_latest_event_inner_btm {margin-top: 60px !important;}
|
|
.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
|
|
.theme_btns img {border:0px !important;}
|
|
.theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
|
|
|
|
@media all and (max-width:1024px) {
|
|
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
|
|
.rb_latest_event .rb_swiper_paging_btn {top:14px;}
|
|
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 34px;}
|
|
.rb_latest_event .bbs_main_wrap_sub {float:none; margin-left: 0px; font-size: 16px}
|
|
.rb_latest_event .bbs_main_wrap_tit_l {float:none;}
|
|
.rb_latest_event .rb-swiper-slide {width: 100%;}
|
|
.rb_latest_event .bbs_main_wrap_tit_r {margin-top: -86px;}
|
|
.rb_latest_event_inner_btm {margin-top: 30px !important;}
|
|
.rb_latest_event .rb-swiper-slide {width: 100% !important;}
|
|
.rb_latest_event bbs_main_wrap_thumb_top_con {width: 100% !important;}
|
|
}
|
|
@media all and (max-width:768px) {
|
|
.rb_latest_event .rb_latest_event_item_date {display:block;}
|
|
.rb_latest_event .rb_latest_event_item_date_1 {font-size: 12px;}
|
|
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
|
|
} |