82 lines
3.3 KiB
CSS
Executable File
82 lines
3.3 KiB
CSS
Executable File
.ssd_banner{top:8vw; width:100%; left:0;}
|
|
.ssd_02{width:60%; margin:auto; }
|
|
.ssd_02 video{width:52.04vw; max-width:996px; margin-left:auto; margin-right: auto; }
|
|
@media screen and (min-width:1481px){
|
|
.ssd_02_des{width:60%; margin-left:auto; margin-right: auto;}
|
|
}
|
|
.ssd_left{width:38%; float: left;}
|
|
.ssd_right{width:38%; float: right;}
|
|
.ssd_button{background-color: #fff; display: inline-block; padding:0.5vw 2vw;}
|
|
.ssd_02 span{border-bottom:1px solid #333; display: inline-block; padding-bottom: 0.5vw; }
|
|
.ssd_p ul{width:102%; overflow: hidden;}
|
|
.ssd_p ul li{width:24.25%; float: left; margin-right: 1%; max-width:348px; }
|
|
.ssd_p ul li img{width:100%;}
|
|
.ssd_p ul li:last-child{margin-right: 0;}
|
|
.ssd_p .title{width:96%; top:6%;left:2%;}
|
|
.ssd_p .capacity{text-align: center; top:82%; width:100%}
|
|
@media screen and (min-width:1480px){
|
|
.ssd_p .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; width:15%; font-size: 0.875em;}
|
|
}
|
|
@media screen and (max-width:1479px){
|
|
.ssd_p .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; padding-left:1%; padding-right: 1%; font-size: 0.875em;}
|
|
}
|
|
.ssd_buy_button{width:100%; margin-top:1.2vw;}
|
|
.ssd_buy_button a{padding-left: 5%;padding-right: 5%;height: 2em;margin-left: 2%;margin-right: 4%;border: 1px solid #5c5c5c;display: inline-block;line-height: 2em;color: #333;font-size: 1em;}
|
|
.ssd_buy_button a:hover{background-color:#009fe0; color:#FFF; border:1px solid transparent; }
|
|
.ssd_08{background:url("../../../web/images/ssd/ssd_08.jpg") 100% 100%;}
|
|
.ssd_08 i{border-bottom: 2px solid #333; padding-bottom: 0.2vw; }
|
|
.font-48{line-height: 1.35em;}
|
|
.font-18{line-height: 1.75em;}
|
|
|
|
/*SSD外置产品列表*/
|
|
.ssd_p_three ul{width:102%; overflow: hidden;}
|
|
.ssd_p_three ul li{width:31.875%; float: left; margin-right: 2.1875%; margin-bottom: 2.1875%; max-width:460px;}
|
|
.ssd_p_three ul li img{width:100%;}
|
|
.ssd_p_three ul li:nth-child(3n){margin-right: 0;}
|
|
.ssd_p_three .font-30{line-height: 1.2em;}
|
|
.ssd_p_three .title{width:96%; top:3.3vw;left:2%;}
|
|
.ssd_p_three .capacity{text-align: center; top:72%; width:100%}
|
|
.ssd_p_three .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; width:15%; font-size: 0.875em;}
|
|
@media screen and (max-width:1480px){
|
|
.ssd_02{width:80%;}
|
|
.ssd_02_des{width:80%; margin-left:auto; margin-right: auto;}
|
|
}
|
|
@media screen and (max-width:1280px){
|
|
.padding-t-80{padding-top:3vw;}
|
|
.margin-t-50{margin-top:2vw;}
|
|
.ssd_left{width:50%; float: left;}
|
|
.ssd_right{width:40%; float: right;}
|
|
.margin-t-66{margin-top:1.5vw;}
|
|
}
|
|
.ssd_p ul li:hover, .ssd_p_three ul li:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.2)}
|
|
|
|
/*外置SSD视频*/
|
|
.ssd_video{position: absolute; left:0; width:100%;}
|
|
.ssd_video .left{width:35%; float: left; margin-right:3%; }
|
|
.ssd_video .right{width:62%; float: right;}
|
|
@media screen and (min-width:1460px){
|
|
.ssd_video{position: absolute; top:50%; left:0; width:100%;}
|
|
.ssd_video .swt-Container{margin-top:-251px;}
|
|
}
|
|
@media screen and (max-width:1459px){
|
|
.ssd_video{position: absolute; top:4vw; left:0; width:100%;}
|
|
}
|
|
@media screen and (max-width:990px){
|
|
.ssd_video{position: absolute; top:2.5vw; left:0; width:100%;}
|
|
}
|
|
.font-48{font-size: 2.75em;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|