198 lines
3.2 KiB
CSS
198 lines
3.2 KiB
CSS
.body{
|
|
width: 1200px;
|
|
height: 986px;
|
|
margin: 0 auto;
|
|
}
|
|
.content_text{
|
|
width: 1200px;
|
|
height: 60px;
|
|
margin: 0 auto;
|
|
}
|
|
.content_left{
|
|
width: 780px;
|
|
height: 986px;
|
|
float: left;
|
|
}
|
|
.content_right{
|
|
width: 400px;
|
|
height: 986px;
|
|
float: right;
|
|
}
|
|
.content{
|
|
background: #f5f5f5 none;
|
|
}
|
|
.content_aleft{
|
|
width: 780px;
|
|
height: 131px;
|
|
background-color: #FFF;
|
|
margin-bottom: 20px;
|
|
}
|
|
.content_aleft h2{
|
|
font-size: 20px;
|
|
padding: 20px 0px 30px 20px;
|
|
|
|
}
|
|
.content_aleftb{
|
|
width: 760px;
|
|
height: 30px;
|
|
background: white;
|
|
float: right;
|
|
line-height: 30px;
|
|
}
|
|
.content_aleftc{
|
|
width: 70px;
|
|
height: 30px;
|
|
background: red;
|
|
display: inline-block;
|
|
text-align: center;
|
|
color: white;
|
|
border-bottom-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
.content_alefa{
|
|
margin-right: 100px;
|
|
}
|
|
.content_bleft{
|
|
width: 780px;
|
|
height: 406px;
|
|
}
|
|
.content_bleft_l{
|
|
width: 380px;
|
|
height: 401px;
|
|
display: inline-block;
|
|
}
|
|
.content_bleft_l ul{
|
|
width: 380px;
|
|
height: 381px;
|
|
line-height: 42px;
|
|
font-size: 14px;
|
|
margin: 5px 0px 5px 15px;
|
|
}
|
|
.content_bleft_li{
|
|
color: #3d3d3d;
|
|
font-size: 18px;
|
|
font-weight: bolder;
|
|
}
|
|
.content_bright_l{
|
|
width: 380px;
|
|
height: 141px;
|
|
background: white;
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
.content_bright_l ul{
|
|
width: 380px;
|
|
height: 140px;
|
|
font-size: 14px;
|
|
line-height: 42px;
|
|
margin: 5px 0px 5px 15px;
|
|
}
|
|
.content_bright_li{
|
|
color: #3d3d3d;
|
|
font-size: 16px;
|
|
font-weight: bolder;
|
|
}
|
|
.content_bottom{
|
|
width: 380px;
|
|
height: 245px;
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
.content_brighta{
|
|
width: 380px;
|
|
height: 405px;
|
|
float: right;
|
|
}
|
|
.content_bottom li{
|
|
width: 184px;
|
|
height: 225px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
background: white;
|
|
}
|
|
.content_bottom li img{
|
|
width: 184px;
|
|
height: 106px;
|
|
}
|
|
.content_bottom li p{
|
|
margin: 10px 0px 20px 10px;
|
|
|
|
}
|
|
.content_bottom li i{
|
|
margin: 10px 0px 20px 10px;
|
|
font-size: 14px;
|
|
color: rgb(92, 89, 89);
|
|
|
|
}
|
|
.content_bbottoma{
|
|
width: 780px;
|
|
height: 245px;
|
|
margin-top: 20px;
|
|
|
|
}
|
|
.content_bbottomb{
|
|
width: 380px;
|
|
height: 225px;
|
|
float: right;
|
|
background: white;
|
|
}
|
|
.content_bbottomb ul{
|
|
width: 380px;
|
|
height: 224px;
|
|
margin: 5px 0px 5px 15px;
|
|
line-height: 45px;
|
|
font-size: 14px;
|
|
}
|
|
.content_last{
|
|
width: 780px;
|
|
height: 157px;
|
|
margin-top: 20px;
|
|
}
|
|
.content_last ul{
|
|
width: 780px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
}
|
|
.content_li{
|
|
float: left;
|
|
font-size: 16px;
|
|
margin-right: 16px;
|
|
}
|
|
.content_last_li{
|
|
font-weight: bold;
|
|
padding-left: 13px;
|
|
padding-right: 280px;
|
|
font-size: 30px;
|
|
float: left;
|
|
}
|
|
.content_righta{
|
|
width: 400px;
|
|
height: 714px;
|
|
background: white;
|
|
}
|
|
.content_rightb{
|
|
width: 400px;
|
|
height: 225px;
|
|
margin-top: 47px;
|
|
}
|
|
.content_righta li{
|
|
width: 380px;
|
|
height: 101px;
|
|
margin: 0 auto;
|
|
}
|
|
.content_righta li img{
|
|
width: 162px;
|
|
height: 90px;
|
|
float: left;
|
|
padding-right: 15px;
|
|
}
|
|
.content_righta li a{
|
|
background: red;
|
|
padding: 5px 10px 5px 10px;
|
|
color: white;
|
|
}
|
|
.content_righta li p{
|
|
padding: 5px 0px 20px 10px;
|
|
font-size: 14px;
|
|
} |