/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.lecture-list-wrapper{max-width:1200px;margin:0 auto;}.lecture-list-wrapper .block-title{font-size:18px;font-weight:400;color:#333;margin-bottom:12px;position:relative;padding-left:20px;}.lecture-list-wrapper .block-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#0158d9;border-radius:2px;}.lecture-list-wrapper .views-element-container > div{display:flex;flex-wrap:wrap;margin:0 -10px;}.lecture-list-wrapper .views-row{width:50%;padding:0 10px;margin-bottom:12px;box-sizing:border-box;min-height:200px;}.lecture-list-wrapper .views-field,.lecture-list-wrapper .lecture-container{width:100%;background:rgb(245,245,245);}.lecture-list-wrapper .lecture-card{width:100%;height:200px;border-radius:4px;background-image:url('https://dpcms.sysu.edu.cn/sai-prod/sites/default/files/lectuer_bg@2x.png');background-repeat:no-repeat;background-position:left bottom;background-size:auto 60%;overflow:hidden;position:relative;}.lecture-list-wrapper .lecture-date{width:80px;height:200px;float:left;color:#000;text-align:center;padding-top:20px !important;padding-left:0;padding-right:0;box-sizing:border-box;position:relative;z-index:1;}.lecture-list-wrapper .lecture-date::before{content:'';position:absolute;top:20px;left:15%;right:15%;height:2px;background-color:rgb(62,198,255);}.lecture-list-wrapper .lecture-date::after{content:'';position:absolute;top:22px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgb(62,198,255);}.lecture-list-wrapper .date-month{font-size:16px;font-weight:normal !important;color:#000 !important;margin:0 auto;padding:8px 0;background-color:#ffffff;border-radius:0;display:block;width:70%;box-sizing:border-box;}.lecture-list-wrapper .date-year{font-size:14px;font-weight:normal;background-color:rgb(24,102,225) !important;color:#fff !important;padding:10px 0;border-radius:0 !important;display:block;margin:0 auto;width:70%;}.lecture-list-wrapper .lecture-content{width:auto;height:200px;display:flex;flex-direction:column;justify-content:space-between;margin-left:80px;padding:15px 20px 10px 5px;box-sizing:border-box;overflow:hidden;z-index:1;position:relative;}.lecture-list-wrapper .lecture-title{font-size:16px;font-weight:400;color:#333;line-height:1.4;max-height:44px;margin-bottom:8px;overflow:hidden !important;position:relative;display:block;}.lecture-list-wrapper .lecture-title::after{content:none !important;}.lecture-list-wrapper .lecture-info{font-size:12px;color:#6b7280 !important;line-height:1.5;font-weight:normal !important;max-height:36px;margin-bottom:6px;overflow:hidden !important;position:relative;display:block;}.lecture-list-wrapper .lecture-info span:first-child,.lecture-list-wrapper .lecture-info strong,.lecture-list-wrapper .lecture-info b{font-weight:bold !important;color:#000 !important;}.lecture-list-wrapper .lecture-info a{color:#6b7280 !important;}.lecture-list-wrapper .lecture-info a,.lecture-list-wrapper .lecture-info time,.lecture-list-wrapper .lecture-info span:not(:first-child){font-weight:normal !important;color:#6b7280 !important;}.lecture-list-wrapper .lecture-info::after{content:none !important;}.lecture-list-wrapper .lecture-content a{color:#000;text-decoration:none;}.lecture-list-wrapper .lecture-content a:hover{color:rgb(115,138,181) !important;}@media screen and (max-width:768px){.lecture-list-wrapper .views-element-container > div{margin:0;}.lecture-list-wrapper .views-row{width:100%;min-height:auto;background-size:auto 60%;background-position:left bottom;padding:0;margin-bottom:20px;}.lecture-list-wrapper .lecture-card{height:auto;}.lecture-list-wrapper .lecture-date{width:70px;height:auto;padding-top:20px;padding-bottom:10px;}.lecture-list-wrapper .lecture-content{margin-left:70px;height:auto;}}