diff --git a/css/libCss/common.css b/css/libCss/common.css index 3e6406d..b2c0ddd 100644 --- a/css/libCss/common.css +++ b/css/libCss/common.css @@ -3,7 +3,7 @@ body{ background-color: #eef1f5; } body,html{ - overflow: hidden; + /*overflow: hidden;*/ width: 100%; height: 100%; } @@ -12,11 +12,25 @@ ul,li,ol{ margin-bottom: 0!important; list-style: none; } +.display-none{ + display: none; +} +.float-left{ + float: left; +} +.float-right{ + float: right; +} +.marginright32{ + margin-right: 32px; +} /*头部--------------------------------------------------*/ header{ + min-width: 1400px; height: 80px; width: 100%; background-color: #fff; + box-shadow: 0 1px 10px 0 rgba(50,50,50,.2); } .java-logo{ height: 80px; @@ -41,19 +55,86 @@ header{ } /*左侧栏--------------------------------------------------*/ nav{ - position: fixed; width: 200px; height: 100%; - left: 0; - top:0; - padding-top: 80px; } .nav-ul{ + box-shadow: 1px 0 10px 0 rgba(50,50,50,.2); background-color: #fff; height: 100%; } +.nav-ul li{ + height: 120px; + line-height: 120px; + text-align: center; + color: #1f2b3d; + font-size: 20px; +} +.nav-ul li:nth-of-type(1){ + box-shadow: 0 1px 10px 0 rgba(50,50,50,.2); + background-color: #f9f9f9; +} +.nav-ul li:nth-of-type(2){ + background-color: #fff; +} +.nav-ul li:nth-of-type(3){ + background-color: #f9f9f9; +} +.nav-ul li:nth-of-type(4){ + background-color: #fff; +} +.nav-ul li:hover{ + background-color: rgba(38,190,150,.1); +} +.nav-ul li.visitActive{ + background-color: #2abb9b; + color: #fff; +} /*内容--------------------------------------------------*/ section{ - width: 100%; - padding-left: 200px; + + overflow-x: auto; + overflow-y: auto; + height: calc(100% - 80px); + height: -webkit-calc(100% - 80px); + height: -moz-calc(100% - 80px); + width:calc(100% - 200px); + width:-webkit-calc(100% - 200px); + width:-moz-calc(100% - 200px); +} +.section-wrap{ + padding: 18px 32px 0; +} +.link-div{ + margin-left: -10px; +} +.link-div span{ + width: 176px; + height: 57px; + display: inline-block; + text-align: center; + line-height: 42px; + font-size: 18px; + color: #fff; + cursor: pointer; +} +.link-div span:nth-of-type(1){ + background:url("../../image/link-div-1.png"); +} +.link-div span:nth-of-type(2){ + background:url("../../image/link-div-2.png"); +} +.link-con-left{ + padding-right: 32px; + width: 734px; + box-sizing: content-box; +} +.link-con-left-wrap{ + width: 351px; + height: 245px; + background-color: #fff; + float: left; +} +.link-con-right{ + width: 336px; } \ No newline at end of file diff --git a/image/link-div-1.png b/image/link-div-1.png new file mode 100644 index 0000000..db08180 --- /dev/null +++ b/image/link-div-1.png diff --git a/image/link-div-2.png b/image/link-div-2.png new file mode 100644 index 0000000..11efa99 --- /dev/null +++ b/image/link-div-2.png diff --git a/index.html b/index.html index 94e1ae4..50d8489 100644 --- a/index.html +++ b/index.html @@ -18,23 +18,50 @@
- -
-
-