.option1 .option.selected{background: #398EC9;color: #fff;border-radius: 22px;} .option1 .option{ padding:0 18px; line-height: 29px; margin-bottom: 4px; width: 25%; box-sizing: border-box; margin-right: 0;} .listfaculty .datalist li .zhiw { margin-top: 8px; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #D8D8D8; } .listfaculty .datalist li .tel{margin-top: 26px;} .listfaculty .datalist li .zd{line-height: 30px;} .listfaculty .datalist li{ box-shadow: 0 3px 6px rgb(0 0 0 / 16%);} .listfaculty.xyld .datalist li { width: 100%; } .listfaculty.xyld .col_news_list { display: flex; justify-content: space-between; } .listfaculty.xyld .col_news_list .datalist { width: 49%; } .listfaculty.xyld .col_news_list .datalist .tt { font-size: 24px; line-height: 31px; font-weight: bold; padding-bottom: 13px; display: block; border-bottom: 1px solid #9D9D9D; margin-bottom: 24px; } @media screen and (max-width: 1350px){ .option1 .option{width:33.3%;} } @media screen and (max-width: 1120px){ .option1 .option{width:50%;} } @media screen and (max-width: 767px){ .listfaculty .datalist li .tel{margin-top:5px} .listfaculty .datalist li .zd1,.listfaculty .datalist li .zd{font-size:14px;line-height:22px} .listfaculty.xyld .col_news_list{ flex-direction: column; } .listfaculty.xyld .col_news_list .datalist{ width: 100%; } } @media screen and (max-width: 479px){ .option1 .option{width:100%;} }