From 746c82fa6528b2678fb047555ca1996d6af7309c Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Wed, 26 Sep 2018 18:46:27 +0800
Subject: [PATCH] 服务
---
css/services.css | 22 ++++++++++++----------
services.html | 2 +-
style.css | 4 ++++
3 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/css/services.css b/css/services.css
index 6605365..8a3e7f1 100644
--- a/css/services.css
+++ b/css/services.css
@@ -6,7 +6,6 @@
background-repeat: no-repeat;
}
.services-bannertit{
- width:600px;
height:50px;
line-height: 50px;
font-size:48px;
@@ -17,7 +16,6 @@
}
.services-bannertext{
- width:450px;
height:25px;
line-height:25px;
font-size:24px;
@@ -46,7 +44,7 @@
}
/*1 tab*/
.services-wrap-left-1{
- background: url("../images/services_saasIco.png") no-repeat;
+ background: url("../images/services_saasIco.png") no-repeat center center;
background-size:80% 100%;
height: 494px;
margin: 102px auto 0;
@@ -61,19 +59,20 @@
height: 168px;
/*width: 100%;*/
/*width: 543px;*/
- border-bottom: 2px solid rgba(228,229,229,1);;
+ border-bottom: 2px solid rgba(228,229,229,1);
+ display: flex;
}
.services-soft-wrap li {
+ flex: 1;
color: rgba(6,14,19,.8);
font-size:20px;
cursor: pointer;
height: 168px;
- width: 133px;
+ /*width: 133px;*/
}
.services-soft-wrap li:nth-of-type(1) {
padding-top: 114px;
background: url(../images/services_titico1.png) no-repeat center 0;
- margin-right: 72px;
}
.services-soft-wrap li:nth-of-type(1).active {
color: #3F9FFE;
@@ -85,6 +84,7 @@
padding-top: 114px;
background: url(../images/services_titico2.png) no-repeat center 0;
margin-right: 72px;
+ margin-left: 72px;
}
.services-soft-wrap li:nth-of-type(2).active {
color: #3F9FFE;
@@ -146,22 +146,22 @@
}
/*-------2---*/
.services-park-wrap{
+ display: flex;
height: 168px;
/*width: 543px;*/
/*width: 100%;*/
border-bottom: 2px solid rgba(228,229,229,1);;
}
.services-park-wrap li {
+ flex: 1;
color: rgba(6,14,19,.8);
font-size:20px;
cursor: pointer;
height: 168px;
- width: 133px;
}
.services-park-wrap li:nth-of-type(1) {
padding-top: 114px;
background: url(../images/services_titico4.png) no-repeat center 0;
- margin-right: 72px;
}
.services-park-wrap li:nth-of-type(1).active {
color: #3F9FFE;
@@ -173,6 +173,7 @@
padding-top: 114px;
background: url(../images/services_titico5.png) no-repeat center 0;
margin-right: 72px;
+ margin-left: 72px;
}
.services-park-wrap li:nth-of-type(2).active {
color: #3F9FFE;
@@ -202,7 +203,7 @@
/*margin-left: 10px;*/
}
.services-wrap-right-3{
- width: 543px;
+ /*width: 543px;*/
/*width: 100%;*/
height: 400px;
margin: 165px auto 0;
@@ -210,17 +211,18 @@
}
/*-------3---*/
.services-user-wrap{
+ display: flex;
height: 168px;
/*width: 543px;*/
/*width: 100%;*/
border-bottom: 2px solid rgba(228,229,229,1);;
}
.services-user-wrap li {
+ flex: 1;
color: rgba(6,14,19,.8);
font-size:20px;
cursor: pointer;
height: 168px;
- width: 133px;
}
.services-user-wrap li:nth-of-type(1) {
padding-top: 114px;
diff --git a/services.html b/services.html
index f40cf87..79a5620 100644
--- a/services.html
+++ b/services.html
@@ -26,7 +26,7 @@
-
+
diff --git a/style.css b/style.css
index 6a6cdb7..2bbcf85 100755
--- a/style.css
+++ b/style.css
@@ -2602,5 +2602,9 @@ a:hover{
.contactside-bg p:nth-of-type(1),.contactside-bg p:nth-of-type(2){
text-align: center;
}
+ .services-soft-wrap li,.services-park-wrap li,.services-user-wrap li{
+ font-size: 16px!important;
+ background-size: 60% 50%!important;
+ }
}
--
libgit2 0.21.4