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; padding: 0;
margin: 0; margin: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
ul { ul {
list-style: none; list-style: none;
} }
a { a {
color: unset; color: unset;
text-decoration: none; text-decoration: none;

12
css/responsive.css
View File

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

12
css/responsive.less
View File

@ -231,7 +231,7 @@
height: auto; height: auto;
margin-top: 10px; margin-top: 10px;
padding: 20px; 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 { .title {
@ -338,7 +338,7 @@
.cm-desc { .cm-desc {
width: 339px; width: 339px;
border: 1px solid #DDDDDD; 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 { .logo {
width: 127px; width: 127px;
@ -542,7 +542,7 @@
.section.business-cont { .section.business-cont {
.title { .title {
font-size: 0px; font-size: 0;
h2 { h2 {
font-size: @xt; font-size: @xt;
@ -645,7 +645,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
padding: 20px 0; 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; border-radius: 10px;
} }
} }
@ -660,7 +660,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
border: 1px solid #DDDDDD; 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 { .icon-cont {
@ -703,7 +703,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
border: 1px solid #DDDDDD; 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 { .desc {

21
css/style.css
View File

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

19
css/style.less
View File

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