You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.4 KiB
27 lines
1.4 KiB
@charset "utf-8"; |
|
|
|
/*header*/ |
|
#header{border-bottom:1px solid #f4f4f4;background:rgba(255,255,255,0.5);position:fixed;z-index:999;width:100%;} |
|
#header .header-wrap{width:100%;height:100px;padding:0 20px;display:flex;align-items: center;justify-content: space-between;} |
|
#header .logo h1 a{width:100%;height:100%;display:block;} |
|
#header .logo h1 img{width:200px;} |
|
#header .nav{width:calc(100% - 250px);} |
|
#header .nav > ul{display: flex;justify-content: flex-end;align-items: center;} |
|
#header .nav > ul > li{max-width:180px;width:25%;height:100px;line-height:100px;text-align:center;position: relative;} |
|
#header .nav > ul > li > a{font-size:1.125em;font-weight:500;width:100%;display:block;height:100%; |
|
-webkit-transition: all .25s ease; |
|
-moz-transition: all .25s ease; |
|
-ms-transition: all .25s ease; |
|
-o-transition: all .25s ease; |
|
transition: all .25s ease; |
|
} |
|
#header .nav ul.submenu {opacity:0;position: absolute;z-index: 99;top:100px;visibility: hidden;width:100%;background:#f4f4f4;} |
|
#header .nav ul.submenu li{width:100%;height:60px;line-height:60px;} |
|
#header .nav ul.submenu li a{width:100%;display:block;} |
|
#header .nav li:hover ul.submenu {opacity: 1;visibility: visible;} |
|
#header .nav li:hover ul.submenu a:hover {background: #ddd;} |
|
#submenu a {background-color:#000000;} |
|
|
|
.main-v{height:calc(100vh - 200px);background:green} |
|
.swiper-container{height:100%;} |
|
.slide-box{display:flex;justify-content:center;align-items:center;font-size:100px;}
|
|
|