|
|
@@ -142,40 +142,35 @@ export default {
|
|
|
margin: 0 0 10px 0;
|
|
|
height: 225px;
|
|
|
.leftvideo {
|
|
|
- .video {
|
|
|
- padding: 5px 10px 10px 10px;
|
|
|
- height: 390px;
|
|
|
- overflow: hidden;
|
|
|
- video {
|
|
|
- width: 100%;
|
|
|
- height: 360px;
|
|
|
- background: #000;
|
|
|
- padding: 0px 0 15px 0px;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 225px;
|
|
|
+ background: #000;
|
|
|
+ padding: 0px 0 15px 0px;
|
|
|
+ }
|
|
|
+ .videointro {
|
|
|
+ background: url('~@/assets/directBack.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 15px;
|
|
|
+ height: 225px;
|
|
|
+ p:first-child {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ padding: 25% 0;
|
|
|
}
|
|
|
- .videointro {
|
|
|
- background: url('~@/assets/directBack.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- color: #fff;
|
|
|
- padding: 0 15px;
|
|
|
- height: 370px;
|
|
|
- p:first-child {
|
|
|
- text-align: center;
|
|
|
- font-size: 30px;
|
|
|
- padding: 25% 0;
|
|
|
- }
|
|
|
- p:last-child {
|
|
|
- padding: 0;
|
|
|
- padding-top: 30px;
|
|
|
- text-align: center;
|
|
|
- font-size: 30px;
|
|
|
- line-height: 35px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 7;
|
|
|
- word-break: break-all;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- }
|
|
|
+ p:last-child {
|
|
|
+ padding: 0;
|
|
|
+ padding-top: 30px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ line-height: 35px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 7;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
}
|
|
|
}
|
|
|
}
|
