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.
28 lines
1.4 KiB
28 lines
1.4 KiB
3 years ago
|
@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;}
|