.main_content .article_right { width: 670px; margin-top: 0; } .Department_right { width: 270px; background: #fff; float: right; } .video_list li { /* float: left; */ width: 300px; /* height: 190px; */ /* margin-right: 30px; */ position: relative; /* margin-bottom: 30px; */ } .video_list li:nth-child(2n+2) { margin-right: 0; } .video_list .video_img { width: 100%; height: 100%; display: block; overflow: hidden; } .video_list li img { width: 100%; transition: all .5s; } .video_list li .video_img::after { width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; } .video_list li .video_btn { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); background: url(/Sites/Uploaded/UserUpLoad/20201207/20201207174127.png) no-repeat center center; background-size: 100% 100%; width: 50px; height: 50px; } .video_list li h2 { /* position: absolute; */ /* width: 100%; */ /* left: 0; */ /* bottom: 0; */ /* background: rgba(0, 0, 0, .5); */ /* padding: 15px 20px; */ /* box-sizing: border-box; */ } .video_list li h2 a { /* color: #fff; */ /* font-size: 16px; */ } .department p { padding: 10px 0px; line-height: 26px; color: #666; } .department .dep_tit { background: #a40000; line-height: 44px; color: #fff; /* background: #86bdeb url(/Content/Areas/Common/images/video/shouqi.png) no-repeat 260px center; */ font-size: 18px; padding-left: 10px; } .department h2.gd_tit { background: #264658; position: absolute; bottom: 0px; line-height: 32px; /* background: #000; */ width: 100%; opacity: 0.7; color: #fff; font-size: 16px; padding-left: 10px; } .kzr_doc .doct_con p { padding: 0; line-height: 26px; } .doctor .doc_tit, .dise_tit { background: #a40000; color: #fff; font-size: 18px; line-height: 44px; margin-bottom: 1px; padding-left: 10px; /* background: #575757; */ } .department .dep_list { border-top: none; border: 1px solid #ccc; } .pd20 { padding: 20px; } .Com_l { float: left; margin-right: 10px; width: 96px; height: 120px; border: 1px solid #ccc; padding: 4px; position: relative; z-index: 1; box-sizing: border-box; } .doct_con { height: auto; position: relative; } .about_doc.pd20 { border: 1px solid #ccc; } .department a.img_box { display: block; width: 100%; height: 130px; overflow: hidden; position: relative; } ul.article_list.col_list { margin: 0px 16px; border-top: 1px solid #ddd; padding: 10px 0; } .department .col_list li { float: left; width: 42%; padding-left: 15px; background: url(../images/ico4.jpg) no-repeat 0px center; line-height: 32px; } .department .col_list li a { color: #666; } .dise_img { margin-right: 15px; float: left; width: 90px; border: 1px solid #e5e5e5; padding: 1px; } .dise_img img { width: 100%; /* height: 95px; */ } h2.dise_name { font-size: 16px; /* line-height: 32px; */ } .Com_l img { width: 100%; height: 100%; } .department a.img_box img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width:768px) { .Department_right { width: 100%; background: #fff; } .article_right { width: 100%; } .article_right .pd20 { padding: 0; } .video_list li { float: left; width: 100%; height: auto; margin-right: 0; position: relative; margin-bottom: 0.2rem; } } @media screen and (max-width:420px) { .video_list li { height: auto; } }