|
|
@@ -1827,8 +1827,18 @@ a.x_gray_text.x_more{
|
|
|
float: left;
|
|
|
max-width: 272px;
|
|
|
overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
+ /*height: 24px;*/
|
|
|
+ -o-text-overflow: ellipsis; /* for Opera */
|
|
|
+ text-overflow: ellipsis; /* for IE */
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.x_hot .x_left a {
|
|
|
+ position: relative;
|
|
|
+ margin-left: 12px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
.x_hot .x_gray_text{
|
|
|
float: right;
|
|
|
@@ -1918,7 +1928,7 @@ a.x_gray_text.x_more{
|
|
|
background: #e41f2b;
|
|
|
}
|
|
|
.x_item_list li a {
|
|
|
- display: inline-block;
|
|
|
+ /*display: inline-block;*/
|
|
|
margin-left: 6px;
|
|
|
color: #000;
|
|
|
}
|
|
|
@@ -2018,7 +2028,10 @@ a.x_gray_text.x_more{
|
|
|
}
|
|
|
.hot_info_list dt p {
|
|
|
margin: 0 0 6px;
|
|
|
- padding: 10px;
|
|
|
+ width: 54px;
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ text-align: center;
|
|
|
background: #ddd;
|
|
|
border-radius: 4px;
|
|
|
font-size: 20px;
|
|
|
@@ -2026,6 +2039,7 @@ a.x_gray_text.x_more{
|
|
|
.hot_info_list dd {
|
|
|
text-align: left;
|
|
|
margin-left: 16px;
|
|
|
+ width: 285px;
|
|
|
}
|
|
|
.hot_info_list dd a {
|
|
|
font-size: 14px;
|
|
|
@@ -2043,16 +2057,19 @@ a.x_gray_text.x_more{
|
|
|
color: #fff;
|
|
|
}
|
|
|
.hot_info_list dd p.x_gray_overflow{
|
|
|
- width: 285px;
|
|
|
- word-break: break-all;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
+ /*width: 285px;*/
|
|
|
+ /*white-space: nowrap;*/
|
|
|
+ /*word-wrap:break-word;*/
|
|
|
+ /*word-break: break-all;*/
|
|
|
+ /*text-overflow: ellipsis;*/
|
|
|
+ /*display: -webkit-box;*/
|
|
|
+ /*display: -moz-box;*/
|
|
|
+ /*-webkit-box-orient: vertical;*/
|
|
|
+ /*-webkit-line-clamp: 2;*/
|
|
|
+ /*overflow: hidden;*/
|
|
|
}
|
|
|
.hot_info_list dd p {
|
|
|
- margin-top: 10px;
|
|
|
+ /*margin-top: 10px;*/
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -2326,4 +2343,42 @@ a.x_gray_text.x_more{
|
|
|
}
|
|
|
#sidebar .sidebar-content li.go-top span {
|
|
|
padding-bottom: 18px;
|
|
|
+}
|
|
|
+.ellipsis {
|
|
|
+ overflow: hidden;
|
|
|
+ max-height: 50px;/***** 设置几行出现省略点 ... 根据line-height *****/
|
|
|
+ line-height: 25px;
|
|
|
+ /*margin: 10px;*/
|
|
|
+}
|
|
|
+.ellipsis:before {
|
|
|
+ content:"";
|
|
|
+ float: left;
|
|
|
+ width: 5px;
|
|
|
+ height: 50px;/***** 跟ellipsis height 一样 *****/
|
|
|
+}
|
|
|
+.ellipsis > *:first-child {
|
|
|
+ float: right;
|
|
|
+ width: 100%;
|
|
|
+ margin-left: -5px;
|
|
|
+}
|
|
|
+.ellipsis-after {
|
|
|
+ content: "\02026";
|
|
|
+ box-sizing: content-box;
|
|
|
+ -webkit-box-sizing: content-box;
|
|
|
+ -moz-box-sizing: content-box;
|
|
|
+ float: right;
|
|
|
+ position: relative;
|
|
|
+ top: -25px;
|
|
|
+ left: 100%;
|
|
|
+ width: 8em;
|
|
|
+ margin-left: -8em;
|
|
|
+ padding-right: 5px;
|
|
|
+ text-align: right;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);*/
|
|
|
+ /*background: -webkit-gradient(linear, left top, right top,from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));*/
|
|
|
+ /*background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
|
|
|
+ /*background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
|
|
|
+ /*background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
|
|
|
+ /*background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
|
|
|
}
|
shenjunjie