.web { background: #FFF; padding: 1.4rem 1rem; padding-bottom: 1.2rem; } .web .left { width: 40%; height: 5rem; overflow: hidden; } .web .left img { display: block; width: 100%; min-height: 100%; } .web .right { width: 54%; } .web .right .titleh3 { background: #FFF; font-weight: normal; font-size: 0.75rem; line-height: 1.3rem; margin-top: -0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .web .right .titleh3 em { font-style: normal; color: #20c4ab; } .web .btn { float: left; width: 100%; margin-top: 1rem; } .web .btn a { float: left; display: block; width: calc( ( 100% - 5.5% ) / 2 ); text-align: center; height: 1.8rem; line-height: 1.7rem; background: #20c4ab; color: #FFF; border: 1px solid #20c4ab; font-size: 0.65rem; border-radius: 1px; } .web .btn a:nth-child(2n) { margin-left: 5.5%; background: none; color: #20c4ab; } .titles h3 { font-size: 0.75rem; } .intro { background: #FFF; padding: 0.8rem 1rem; margin-top: 0.4rem; position: relative; } .intro p { font-size: 0.7rem; line-height: 1.4rem; margin-top: 0.5rem; color: #909090; overflow: hidden; } .intro .openText { position: absolute; bottom: 0.8rem; left: 0; width: 100%; height: 2.8rem; line-height: 2.8rem; font-size: 0.7rem; color: #8b8b8b; text-align: center; font-weight: normal; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), white); } .zhe { background: #FFF; padding: 0.8rem 1rem; margin-top: 0.4rem; } .zhe #sentiment { height: 10rem; } .x-c-t-tooltip { padding: 0; margin: 0; width: 200px; } .x-c-t-tooltip dt { background-color: #20c4ab; padding: 5px 10px; color: #fff; font-size: 12px; margin-bottom: 0; font-weight: normal; } .x-c-t-tooltip dd { padding: 5px 10px; color: #666; max-height: 200px; overflow: auto; } .x-c-t-tooltip dd > div { margin: 0 -10px; padding: 0 10px; min-width: 100px; overflow: hidden; font-size: 12px; } .x-c-t-tooltip dd strong { color: #20c4ab; font-weight: normal; } .other { background: #FFF; padding: 0.8rem 1rem; margin-top: 0.4rem; } .other .web_list { margin-top: 0.2rem; } .other .web_list li { width: 100%; padding: 0.8rem 0; } .other .web_list li:nth-last-child(1) { margin-bottom: 0; } .other .web_list li a { display: block; } .other .web_list li a .img { float: left; width: 6.5rem; height: 2.5rem; line-height: 2.5rem; overflow: hidden; } .other .web_list li a .img img { max-width: 75%; vertical-align: middle; margin-top: -3px; } .other .web_list li a p { display: block; margin: 0; width: calc(100% - 7rem); float: right; font-size: 0.6rem; color: #b3b3b3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2rem; line-height: 1rem; margin-top: 0.25rem; } .web-info {margin-top: 0.8rem;margin-bottom: 0.9rem;} .web-info li { float: left; width: 100%; margin-bottom: 1rem; } .web-info li:nth-last-child(1){ margin-bottom:0; } .web-info li > h3 { display: block; font-size: 0.7rem; height: 1.2rem; line-height: 1.2rem; font-weight: normal; float: left; color: #333; width: 4rem; } .web-info li > span { max-width: calc(100% - 5rem); display: block; font-size: 0.7rem; height: 1.2rem; line-height: 1.2rem; float: right; text-align: right; overflow: hidden; color: #909090; text-overflow: ellipsis; white-space: nowrap; } .web-info li > span a { color: #555555; } .web-info li > span .star { vertical-align: middle; margin-top: -3px; height: 0.7rem; } .web-info li > span .br { display: block; } .web-info li > span .br img { vertical-align: middle; margin-top: -3px; height: 1rem; }