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.
69 lines
1.0 KiB
69 lines
1.0 KiB
5 years ago
|
.wrap{
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
color: #fff;
|
||
|
|
background: url('assets/bg.jpg') no-repeat fixed top;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.wrap .bg-left{
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: auto;
|
||
|
|
left: 10px;
|
||
|
|
top: 16px;
|
||
|
|
width: 12px;
|
||
|
|
height: 96%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .bg-top{
|
||
|
|
width: 97%;
|
||
|
|
margin: 0 auto;
|
||
|
|
height: 116px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .bg-top .animation{
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .bg-top .animation span{
|
||
|
|
position: absolute;
|
||
|
|
left: 651px;
|
||
|
|
top: 1px;
|
||
|
|
width: 610px;
|
||
|
|
height: 66px;
|
||
|
|
perspective: 610px;
|
||
|
|
font-family: '站酷酷黑体';
|
||
|
|
font-size: 50px;
|
||
|
|
font-weight: normal;
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
text-align: center;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
overflow: hidden;
|
||
|
|
cursor: pointer;
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .bg-right{
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: auto;
|
||
|
|
left: 1900px;
|
||
|
|
top: 16px;
|
||
|
|
width: 12px;
|
||
|
|
height: 96%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .bg-bottom{
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: auto;
|
||
|
|
left: 34px;
|
||
|
|
top: 96%;
|
||
|
|
width: 96%;
|
||
|
|
height: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap .pic{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|