jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
public/frontend/web/css/subject/socket.css Executable file
View File

@@ -0,0 +1,59 @@
.socket_banner_title{position: relative; top:16.04vw; width:28.959%;}
.socket_banner .link{position: absolute; width:100%; bottom: 0;}
.socket_banner .link span{background-color:#00ba31; width:10.4%; margin-right:2.15%; padding-top:0.3vw; padding-bottom: 0.3vw; display: inline-block}
.socket_banner .link a:nth-child(4) span{margin-right: 0;}
.socket_banner .link a{color:#FFF;}
.socket_banner .link a:hover span{background-color:#009527;}
.socket_one{width:100%; margin-top:6vw; margin-bottom: 6vw; overflow: hidden;}
.socket_one .left{width:26%; float: left; margin-right: 4.9027%; padding-top:5vw;}
.socket_one .left p:last-child{line-height: 2rem;}
.socket_one .right{width:69.0973%; float: left;}
.font-18{line-height: 2rem;}
.socket_left{line-height: 2rem; margin-top:16vw;}
.three{width:26%;}
.five{width:39.5%;}
.seven{width:30%;}
.nine{width:38%;}
.nine p:last-child{width:90%;}
/*两列列表*/
.socket_two_list{width:100%; overflow: hidden;}
.socket_two_list .left, .socket_two_list .right{width:50%; float: left; position: relative;}
.socket_two_list .right .line, .socket_two_list .left .line{height: 1px; background-color:#00ba31; position: absolute; top:15.5%; width:7%;}
.socket_two_list .right .line{left: 4%;}
.socket_two_list .left .line{right: 4%;}
.socket_two_list .right .title, .socket_two_list .left .title{position: absolute; top:12%;}
.socket_two_list .right .title{left: 13.5%;}
.socket_two_list .left .title{right: 13.5%;}
.socket_two_list .buy{position: absolute; bottom: 11%; text-align: center; width:100%;}
.socket_two_list .buy a{padding:0 5%; border:1px solid #5c5c5c; display: inline-block; margin-left:30px; margin-right: 30px; color:#333; height: 2em; line-height: 2em}
.socket_two_list .buy a:hover{border: 1px solid #00ba31; background-color:#00ba31; color:#FFF;}
.socket_two_list span{padding:0 5%; border:1px solid #939393; color:#939393; height: 2em; line-height: 2em}
/*第十一屏*/
.socket_eleven{width:100%; margin-top:2.6vw; margin-bottom: 4.5vw; overflow: hidden;}
.socket_eleven li{width:49.3%; margin-right: 1.4%; float: left; position: relative;}
.socket_eleven li:nth-child(2n){margin-right: 0;}
.socket_eleven_right{position: absolute; top:3.5vw; left:56%; text-align: left; width:40%;}
/*第十三屏*/
.socket_thirteen{width:100%; margin-top:3vw; margin-bottom: 4.5vw; overflow: hidden;}
.socket_thirteen li{width:24.32%; float: left; margin-right: 0.9%; background-color:#f5f5f5;}
.socket_thirteen li:last-child{margin-right: 0;}
@media screen and (max-width:1400px){
.font-60{font-size: 3em;}
.font-32{font-size: 1.75em;}
.font-38{font-size: 1.875em;}
}
@media screen and (max-width:1280px){
.socket_two_list .right .line, .socket_two_list .left .line{top:16.5%;}
}
@media screen and (max-width:1200px){
.three{width:35%;}
.five{width:46%;}
.seven{width:40%;}
.nine{width:45%;}
.socket_one .left{width:30%; margin-right: 0.9027%;}
}