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