80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
.menu{
|
|
width: 100%;
|
|
height:380px;
|
|
background:url(https://v.icbc.com.cn/userfiles/adresources/783700658196332544.jpg) -243px center no-repeat;
|
|
}
|
|
.center{
|
|
width: 1000px;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.center_left{
|
|
width: 280px;
|
|
height: 330px;
|
|
background: white;
|
|
padding: 25px 19px;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.center_left .title{
|
|
width: 100%;
|
|
height: 43px;
|
|
line-height: 43px;
|
|
background: rgb(207, 21, 21);
|
|
}
|
|
.title .icon-yonghu,
|
|
.title .icon-qiye,
|
|
.title .icon-gouwuche{
|
|
font-size: 23px;
|
|
color: white;
|
|
margin-left: 10px;
|
|
}
|
|
.title .icon-zhankai1{
|
|
font-size: 16px;
|
|
color: white;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.center_left .title a{
|
|
font-size:16px;
|
|
color:white ;
|
|
vertical-align: top;
|
|
}
|
|
.list {
|
|
width: 100%;
|
|
height: 55px;
|
|
padding: 6px;
|
|
box-sizing: border-box;
|
|
}
|
|
.list li{
|
|
float: left;
|
|
margin-right:19px ;
|
|
text-align: center ;
|
|
}
|
|
.list li a{
|
|
font-size:13px;
|
|
color:grey;
|
|
}
|
|
|
|
|
|
.center_righ {
|
|
position: absolute;
|
|
bottom: 11px;
|
|
right: 12px;
|
|
}
|
|
.center_righ li{
|
|
width: 50px;
|
|
height: 5px;
|
|
background: white;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.center_righ li:hover{
|
|
background: rgb(207, 21, 21);
|
|
}
|