.box2 { height: 86px; cursor: pointer; border-radius: 4px; padding: 0px 30px 0px 30px; background-color: #fff; border-radius: 4px; border: 1px solid #e4ecf3; margin: 20px 0 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .box2:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .xe-comment-entry img { float: left; display: block; margin-right: 10px; } .xe-comment { transform: translateY(-50%); position: absolute; margin-left: 50px; top: 50%; } .xe-comment p { margin-bottom: 0px; margin-right: 15px; } .overflowClip_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .overflowClip_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .submit-tag{ margin-top: 50px; } .img-circle { padding: 7px 0; } /*滚动条样式 start*/ /* 滚动条宽度 */ ::-webkit-scrollbar{width:5px; height:5px;} /* 滚动条颜色 */ ::-webkit-scrollbar-thumb{ background: #33a9dc; background-image: linear-gradient(#ffffff, #aaaaaa, #555555, #000000); border-radius: 2em; } /* background: #33a9dc; background-image: linear-gradient(#6ecd56, #33a9dc, #cb6196, #c16290); border-radius: 2em; */