181 lines
4.1 KiB
CSS
181 lines
4.1 KiB
CSS
.screen-module{
|
|
padding: 10px;
|
|
}
|
|
.module-title{
|
|
height: 25px;
|
|
line-height: 25px;
|
|
padding-left: 15px;
|
|
font-size: 16px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.module-title-red{
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.screen-one-1-1{
|
|
height: 310px;
|
|
background: url("../images/one/1x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-1-2{
|
|
height: 310px;
|
|
background: url("../images/one/1x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-1-3{
|
|
height: 310px;
|
|
background: url("../images/one/1x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-1-4{
|
|
height: 310px;
|
|
background: url("../images/one/1x4.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.screen-one-2-1{
|
|
height: 640px;
|
|
background: url("../images/one/2x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-2-2{
|
|
height: 640px;
|
|
background: url("../images/one/2x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-2-3{
|
|
height: 640px;
|
|
background: url("../images/one/2x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-2-4{
|
|
height: 640px;
|
|
background: url("../images/one/2x4.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.screen-one-3-1{
|
|
height: 970px;
|
|
background: url("../images/one/3x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-3-2{
|
|
height: 970px;
|
|
background: url("../images/one/3x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-3-3{
|
|
height: 970px;
|
|
background: url("../images/one/3x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-3-4{
|
|
height: 970px;
|
|
background: url("../images/one/3x4.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
|
|
|
|
.screen-two-1-1{
|
|
height: 290px;
|
|
background: url("../images/two/1x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-1-2{
|
|
height: 290px;
|
|
background: url("../images/two/1x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-1-3{
|
|
height: 290px;
|
|
background: url("../images/two/1x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-1-4{
|
|
height: 290px;
|
|
background: url("../images/two/1x3.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
|
|
.screen-two-2-1{
|
|
height: 600px;
|
|
background: url("../images/two/2x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-2-2{
|
|
height: 600px;
|
|
background: url("../images/two/2x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-2-3{
|
|
height: 600px;
|
|
background: url("../images/two/2x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-2-4{
|
|
height: 600px;
|
|
background: url("../images/two/2x4.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.screen-two-3-1{
|
|
height: 920px;
|
|
background: url("../images/two/3x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-3-2{
|
|
height: 920px;
|
|
background: url("../images/two/3x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-3-3{
|
|
height: 920px;
|
|
background: url("../images/two/3x3.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-two-3-4{
|
|
height: 920px;
|
|
background: url("../images/two/3x4.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.screen-red-1-1{
|
|
height: 310px;
|
|
background: url("../images/red/1x1.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-red-1-2{
|
|
height: 310px;
|
|
background: url("../images/red/1x2.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-red-2-2{
|
|
height: 640px;
|
|
background: url("../images/red/2x2.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
|
|
.screen-big{
|
|
height: 310px;
|
|
background: url("../images/red/big_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.screen-one-0-5{
|
|
height: 475px;
|
|
background: url("../images/red/0x5.png") no-repeat center/100% 100%;
|
|
}
|
|
.screen-one-video{
|
|
height: 970px;
|
|
background: url("../images/red/video.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.screen-one-2-2-map{
|
|
height: 720px;
|
|
background: url("../images/one/2x2.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.module-title-flex{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.module-title-flex-btn span{
|
|
padding: 0 15px;
|
|
font-size: 15px;
|
|
color: #cbdaff;
|
|
cursor: pointer;
|
|
}
|
|
.module-title-flex-btn span:hover{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.screen-three-3-2{
|
|
height: 720px;
|
|
background: url("../images/three/3x2.png") no-repeat center/100% 100%;
|
|
position: relative;
|
|
}
|
|
|