topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

更新css

This commit is contained in:
TOP糯米 2023-10-11 20:08:44 +08:00
parent 3f0472517d
commit 9333b94238
5 changed files with 43 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/reset.css
View File

@ -1,11 +1,13 @@
* {
padding: 0;
margin: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul {
list-style: none;
}
a {
color: unset;
text-decoration: none;

12
css/responsive.css
View File

@ -164,7 +164,7 @@
height: auto;
margin-top: 10px;
padding: 20px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.section.idx-culture .title {
margin-bottom: 14px;
@ -248,7 +248,7 @@
.section.contact-map .cm-desc {
width: 339px;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.section.contact-map .cm-desc .logo {
width: 127px;
@ -400,7 +400,7 @@
box-sizing: border-box;
}
.section.business-cont .title {
font-size: 0px;
font-size: 0;
}
.section.business-cont .title h2 {
font-size: 18px;
@ -482,7 +482,7 @@
width: 100%;
height: auto;
padding: 20px 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.s-content.g2 li {
@ -493,7 +493,7 @@
width: 100%;
height: auto;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.s-content.g2 .icon-cont {
height: auto;
@ -529,7 +529,7 @@
width: 100%;
height: auto;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.s-content.g3 .desc,
.s-content.g4 .desc {

12
css/responsive.less
View File

@ -231,7 +231,7 @@
height: auto;
margin-top: 10px;
padding: 20px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.title {
@ -338,7 +338,7 @@
.cm-desc {
width: 339px;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
.logo {
width: 127px;
@ -542,7 +542,7 @@
.section.business-cont {
.title {
font-size: 0px;
font-size: 0;
h2 {
font-size: @xt;
@ -645,7 +645,7 @@
width: 100%;
height: auto;
padding: 20px 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
}
@ -660,7 +660,7 @@
width: 100%;
height: auto;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.icon-cont {
@ -703,7 +703,7 @@
width: 100%;
height: auto;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.desc {

21
css/style.css
View File

@ -73,7 +73,7 @@
}
.header.style2 {
background-color: #FFFFFF;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.header.style2 .menu .link {
color: #666666;
@ -103,11 +103,15 @@
align-items: center;
justify-content: space-between;
}
.header .logo {
font-size: 0;
}
.header .logo img {
max-height: 50px;
}
.header .menu .menu-group {
display: flex;
font-size: 0;
}
.header .menu .item {
margin-left: 50px;
@ -263,7 +267,7 @@
height: 156px;
background: rgba(248, 248, 248, 0);
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 20px;
box-sizing: border-box;
padding: 30px;
@ -412,7 +416,7 @@
width: 1045px;
display: flex;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
margin: 0 auto;
}
@ -585,6 +589,7 @@
display: flex;
justify-content: space-around;
align-items: center;
font-size: 0;
}
.section.business-nav .nav li {
display: inline-block;
@ -604,6 +609,7 @@
.section.business-cont .title {
width: 100%;
text-align: center;
font-size: 0;
}
.section.business-cont .title h2 {
font-size: 30px;
@ -616,6 +622,7 @@
width: 58px;
height: 3px;
background: #E72A3A;
margin-top: 18px;
}
.s-section .s-title {
font-size: 24px;
@ -650,6 +657,7 @@
}
.business-cont.s3 .mid-box {
margin-top: 50px;
font-size: 0;
}
.business-cont.s3 .mid-box li {
display: flex;
@ -698,7 +706,7 @@
height: 303px;
background: rgba(229, 0, 32, 0);
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 20px;
display: flex;
flex-direction: column;
@ -747,7 +755,7 @@
height: 349px;
background: #FFFFFF;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
.s-content.g2 .icon-cont {
@ -829,7 +837,7 @@
width: 420px;
background: #FFFFFF;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
.s-content.g3 .icon-cont,
@ -887,6 +895,7 @@
}
.s-content.g5 .item {
width: 310px;
font-size: 0;
}
.s-content.g5 .item img {
width: 65px;

19
css/style.less
View File

@ -97,7 +97,7 @@
.header.style2 {
background-color: #FFFFFF;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
.menu {
.link {
@ -136,6 +136,7 @@
}
.logo {
font-size: 0;
img {
max-height: 50px;
}
@ -144,6 +145,7 @@
.menu {
.menu-group {
display: flex;
font-size: 0;
}
.item {
@ -343,7 +345,7 @@
height: 156px;
background: rgba(248, 248, 248, 0);
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 20px;
box-sizing: border-box;
padding: 30px;
@ -532,7 +534,7 @@
width: 1045px;
display: flex;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
margin: 0 auto;
@ -754,6 +756,7 @@
display: flex;
justify-content: space-around;
align-items: center;
font-size: 0;
li {
display: inline-block;
@ -779,6 +782,7 @@
.title {
width: 100%;
text-align: center;
font-size: 0;
h2 {
font-size: 30px;
@ -793,6 +797,7 @@
width: 58px;
height: 3px;
background: #E72A3A;
margin-top: 18px;
}
}
@ -837,6 +842,7 @@
.mid-box {
margin-top: 50px;
font-size: 0;
li {
display: flex;
@ -897,7 +903,7 @@
height: 303px;
background: rgba(229, 0, 32, 0);
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 20px;
display: flex;
flex-direction: column;
@ -958,7 +964,7 @@
height: 349px;
background: #FFFFFF;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
@ -1058,7 +1064,7 @@
width: 420px;
background: #FFFFFF;
border: 2px solid #DDDDDD;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
@ -1120,6 +1126,7 @@
.item {
width: 310px;
font-size: 0;
img {
width: 65px;