ul { list-style: none; } .conten { max-width: 1290px; margin: 0 auto; } .crumbs { height: 42px; overflow: hidden; width: 100%; } .crumbs li { float: left; } .crumbs a, .crumbs span { color: #666; height: 42px; line-height: 42px; } .leftlist { float: left; width: 870px; } .rightlist { width: 300px; float: right; } .region { width: 100%; overflow: hidden; } .region h3 { height: 20px; line-height: 20px; font-size: 18px; color: #333; padding-left: 10px; border-left: 4px solid #e60012; font-weight: 600; } .region .lista a { display: inline-block; padding: 6px 7px; margin-bottom: 5px; } .hot { width: 100%; overflow: hidden; } .hot h3 { height: 20px; line-height: 20px; font-size: 18px; color: #333; padding-left: 10px; border-left: 4px solid #e60012; font-weight: 600; } .boxdiv { width: 100%; overflow: hidden; } .lefth1 { font-size: 26px; color: #333; line-height: 30px; text-align: center; overflow: hidden; margin-bottom: 20px; } .dtlsmsg { color: #999; text-align: center; margin-top: 20px; } .dtlsmsgtime { padding-left: 20px; } .dtlsmsgp1 { margin: 0 20px; } .dtlsmsgp1 { margin: 0 20px; } .dtlsmsg .listread { display: inline-block; color: #999; padding-left: 25px; position: relative; } .leftcnt p { text-indent: 2em; color: #333; font-size: 16px; line-height: 30px; } .leftcnt img { display: block; max-width: 90%; margin: 20px auto; } .hot ul li { overflow: hidden; } .hot ul li h6 { display: block; } .hot ul li h6 hot-ranking { color: #e60012; } .hot ul li h6 .phb-hot-title { width: 273px; margin-left: 5px; } .hot ul li h6 a { display:block; font-weight: 400; height: 23px; line-height: 23px; overflow: hidden; color: #333; font-size: 15px; } .hot ul li h6 span{ color: #999; font-size: 12px; } .hot ul li dl dt { position: relative; float: left; } .hot ul li dl dt span { display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; color: #fff; background-color: #e60012; text-align: center; } .hot ul li dl dt img { width: 107px; height: 60px; } .hot ul li .col1 { width: 180px; float: right; height: 50px; line-height: 25px; color: #333; font-size: 15px; margin-top: -5px; overflow: hidden; } .hot ul li .col2 span { float: right; padding-left: 15px; color: #999; font-size: 12px; } .phd-sdc-h-on { display: none !important; } .hot-details-on { display: block; } .pages{ overflow: hidden; margin: 25px 0; } .pre{ float: left; width: 50%; } .next{ float: right; width: 50%; } .listby .list-tit{ height: 20px; line-height: 20px; font-size: 18px; color: #333; padding-left: 10px; border-left: 4px solid #e60012; font-weight: 600; margin: 10px 0; } .leftcnt h2,.leftcnt h3{ height: 20px; line-height: 20px; font-size: 18px; color: #333; padding-left: 10px; border-left: 4px solid #e60012; font-weight: 600; margin: 10px 0; } .leftcnt h3 { border: 0; text-indent: 1em; background: rgb(255, 255, 255); padding: 10px; } .listul{ overflow: hidden; } .listul p { width: 50%; text-indent: 0; line-height: 32px; overflow: hidden; position: relative; float: left; margin: 0; } .listul a{ display: inline-block; font-size: 15px; overflow: hidden; color: #2965b1; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listul span.listTime { float: right; font-size: 12px; color: #bebbbb; background: #fff; padding-left: 6px; } .rightdiv.on{ position: fixed; top: 0; width: 300px; background: #fff; } .rightdiv.on .region,.disnone{ display: none; } p.disnone { margin: 0; }.leftcnt { font-family: 'Arial', sans-serif; max-width: 800px; margin: 20px auto; padding: 20px; background-color: #f9f9f9; border: 1px solid #eaeaea; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .leftcnt h2 { color: #333; border-bottom: 2px solid #eaeaea; padding-bottom: 5px; margin-bottom: 20px; } .leftcnt p { color: #666; line-height: 1.6; /* margin-bottom: 15px; */ } .leftcnt a { color: #3498db; text-decoration: none; transition: color 0.3s ease; } .leftcnt a:hover { color: #2980b9; } .leftcnt .icon { fill: #3498db; vertical-align: middle; } .disnone { display: none; } .wordSpan { color: #fff; /* padding: 2px 6px; */ border-radius: 3px; } .leftcnt h3 { color: #333; margin-top: 20px; } /* Responsive design for small screens */ @media (max-width: 768px) { .leftcnt { margin: 10px; padding: 10px; } } .leftcnt p { /*font-family: 'Times New Roman', Times, serif; */ font-size: 16px; /* 澧炲姞瀛椾綋澶у皬 */ color: #333; /* 娣辫壊瀛椾綋鎻愪緵鏇村ソ鐨勫彲璇绘€ */ /* line-height: 1.6; */ /* 琛岄珮澧炲姞锛屽鍔犻槄璇昏垝閫傚害 */ text-align: justify; /* 涓ょ瀵归綈鏂囨湰 */ /* margin-bottom: 1em; */ /* 娈佃惤涔嬮棿鐨勯棿璺 */ padding: 0 10px; /* 娈佃惤鍐呴儴鐨勯棿璺 */ border-left: 4px solid #007BFF; /* 宸︿晶杈规涓鸿摑鑹 */ background-color: #f8f8f8; /* 鑳屾櫙鑹蹭负娴呯伆锛屽鍔犲姣斿害 */ margin-bottom: 15px; } /* 鍙互涓虹涓€涓拰鏈€鍚庝竴涓钀芥坊鍔犵壒娈婄殑鏍峰紡 */ p:first-of-type { /* margin-top: 1em; */ /* 澧炲姞绗竴涓钀界殑椤堕儴闂磋窛 */ } p:last-of-type { margin-bottom: 1em; /* 澧炲姞鏈€鍚庝竴涓钀界殑搴曢儴闂磋窛 */ }