181 lines
2.7 KiB
CSS
181 lines
2.7 KiB
CSS
.header {
|
|
height: 80px;
|
|
box-shadow: 0 2px 10px 0 rgb(52 52 52 / 10%);
|
|
background: #fff;
|
|
}
|
|
.logo {
|
|
line-height: 80px;
|
|
}
|
|
.logo img {
|
|
margin-top: 20px;
|
|
margin-right: 40px;
|
|
}
|
|
.logo ul {}
|
|
|
|
.logo .active {
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.logo .active a{
|
|
color: #000;
|
|
font-weight: 600;
|
|
}
|
|
.logo ul li {
|
|
float: left;
|
|
margin: 0 13px;
|
|
height: 79px;
|
|
}
|
|
.logo ul li:hover a {
|
|
color: #000;
|
|
}
|
|
.logo ul li a {
|
|
font-size: 16px;
|
|
color: #909399;
|
|
}
|
|
|
|
.search {}
|
|
.search_wrap {
|
|
width: 320px;
|
|
height: 40px;
|
|
background: #f8f8f8;
|
|
margin-top: 20px;
|
|
}
|
|
.search_wrap input {
|
|
background: #f8f8f8;
|
|
width: 270px;
|
|
height: 100%;
|
|
padding-left: 15px;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
|
|
}
|
|
.search_wrap i {
|
|
font-size: 30px;
|
|
color: #333;
|
|
margin-top: 5px;
|
|
float: left;
|
|
}
|
|
.login_text {
|
|
line-height: 80px;
|
|
margin-left: 30px;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.banner {
|
|
height: 300px;
|
|
margin-top: 30px;
|
|
}
|
|
.icon-htmal5icon39,
|
|
.icon-htmal5icon39-copy {
|
|
width: 65px;
|
|
height: 65px;
|
|
text-align: center;
|
|
line-height: 65px;
|
|
border-radius: 100%;
|
|
color: #fff;
|
|
font-size: 26px;
|
|
background: #00000030;
|
|
top: 50%;
|
|
margin-top: calc(-65px / 2);
|
|
display: none;
|
|
}
|
|
.icon-htmal5icon39 {
|
|
left: -80px;
|
|
}
|
|
|
|
.icon-htmal5icon39-copy {
|
|
right: -80px;
|
|
}
|
|
.center:hover .iconfont{
|
|
display: inline-block;
|
|
}
|
|
.l_img,
|
|
.r_img {
|
|
height: 250px;
|
|
top: 50%;
|
|
margin-top: calc(-250px / 2);
|
|
}
|
|
.banner .l_img {
|
|
left: 0;
|
|
}
|
|
.banner .r_img {
|
|
right: 0;
|
|
}
|
|
.banner .c_img {
|
|
left: 50%;
|
|
margin-left: calc(-750px / 2);
|
|
}
|
|
|
|
.hot {
|
|
margin-top: 30px;
|
|
}
|
|
.hot ul {}
|
|
.hot ul li {
|
|
float: left;
|
|
padding: 0 30px;
|
|
background: #f8f8f8;
|
|
height: 40px;
|
|
border-radius: 40px;
|
|
line-height: 40px;
|
|
margin-right: 10px;
|
|
}
|
|
.hot ul li a {
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.more {
|
|
font-size: 14px;
|
|
color: #909399;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.issue {
|
|
margin-top: 30px;
|
|
}
|
|
.issue .issue_title {
|
|
margin-bottom: 30px;
|
|
}
|
|
.issue .issue_title h2 {
|
|
color: #000;
|
|
font-size: 28px;
|
|
line-height: 28px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.issue_list {}
|
|
.issue_list li {
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
.issue_list li .name{
|
|
font-size: 16px;
|
|
color: #303133;
|
|
line-height: 22px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.issue_list li .text {
|
|
margin-bottom: 6px;
|
|
}
|
|
.issue_list li .text,
|
|
.issue_list li .time{
|
|
font-size: 14px;
|
|
color: #909399;
|
|
}
|
|
|
|
.issue_list .top_img {
|
|
height: 192px;
|
|
position: relative;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.top_img .top {
|
|
width: 192px;
|
|
height: 192px;
|
|
}
|
|
.top_img .bottom {
|
|
width: 180px;
|
|
height: 180px;
|
|
z-index: -1;
|
|
top: 50%;
|
|
margin-top: -90px;
|
|
right: 22px;
|
|
} |