|
@@ -63,7 +63,7 @@ export default {
|
|
border: 1px solid #ffffff;border-radius: 10px;padding: 10px;
|
|
border: 1px solid #ffffff;border-radius: 10px;padding: 10px;
|
|
box-sizing: border-box;position: relative;justify-content: space-between;
|
|
box-sizing: border-box;position: relative;justify-content: space-between;
|
|
display: flex;align-items: center;
|
|
display: flex;align-items: center;
|
|
- img{width: 100%;border-radius: 8px;z-index: 8;}
|
|
|
|
|
|
+ img{width: 330px;height:186px;border-radius: 8px;z-index: 8;}
|
|
p{
|
|
p{
|
|
color: #fdfdfd;font-size: 14px;display: flex;justify-content: space-between;
|
|
color: #fdfdfd;font-size: 14px;display: flex;justify-content: space-between;
|
|
left: 70px;right: -10px;bottom: -2px;z-index: 11;position: absolute;
|
|
left: 70px;right: -10px;bottom: -2px;z-index: 11;position: absolute;
|
|
@@ -81,6 +81,7 @@ export default {
|
|
@media (max-width: 768px){
|
|
@media (max-width: 768px){
|
|
.video-item-box{
|
|
.video-item-box{
|
|
width: 90%;margin: 0 auto 16px;
|
|
width: 90%;margin: 0 auto 16px;
|
|
|
|
+ img{width: 100%;}
|
|
.video-play-btn{width: 30%;height: 30%;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: contain;}
|
|
.video-play-btn{width: 30%;height: 30%;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: contain;}
|
|
p{font-size: 14px;left: 10px;right: 10px;bottom: 10px;padding: 6px 12px;
|
|
p{font-size: 14px;left: 10px;right: 10px;bottom: 10px;padding: 6px 12px;
|
|
background: #006cf8;border-radius: 0 0 8px 8px;box-sizing: border-box;}
|
|
background: #006cf8;border-radius: 0 0 8px 8px;box-sizing: border-box;}
|