138 lines
1.9 KiB
CSS
138 lines
1.9 KiB
CSS
/* 头部菜单css */
|
|
body,p,h1,h2,h3,h4{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
a{
|
|
text-decoration: none;
|
|
font-family: PingFangSC-Medium,poppin,Tahoma,Arial,sans-serif;
|
|
}
|
|
li{
|
|
list-style: none;
|
|
}
|
|
|
|
|
|
/* 头部宽度 */
|
|
.menus{
|
|
width: 100%;
|
|
}
|
|
.menus_top{
|
|
width: 100%;
|
|
/* margin-top: 27px; */
|
|
height: 95px;
|
|
|
|
}
|
|
.menus_content{
|
|
width: 1200px;
|
|
height: 95px;
|
|
display: flex;
|
|
margin: 0 auto;
|
|
align-items: center;
|
|
}
|
|
|
|
/* logo */
|
|
.logo_box{}
|
|
.logo_box img{
|
|
width: 123;
|
|
height: 41px;
|
|
}
|
|
/* 头上部菜单 */
|
|
.menus_box{}
|
|
.menus_box ul{
|
|
display: flex;
|
|
}
|
|
.menus_box ul li{
|
|
padding: 2px 17px 7px;
|
|
list-style: none;
|
|
|
|
}
|
|
.change_block{
|
|
color: #858585;
|
|
}
|
|
.change_block:hover{
|
|
color: #000;
|
|
}
|
|
.block{
|
|
color: #000;
|
|
margin:0px 20px;
|
|
}
|
|
|
|
|
|
|
|
/* 搜索 */
|
|
|
|
.search_box{}
|
|
.search_box [placeholder="请输入歌名、歌词、歌手或专辑"]{
|
|
border-radius: 8px;
|
|
width: 320px;
|
|
height: 34px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #e4e4e4;
|
|
padding-left: 15px;
|
|
font-size: 15px;
|
|
}
|
|
.login_box{
|
|
display: flex;
|
|
width: 106px;
|
|
height: 35px;
|
|
align-items: center;
|
|
margin-left: 50px;
|
|
}
|
|
.login_box a{
|
|
color: #333;
|
|
font-size: 14px;
|
|
}
|
|
.login_box a:hover{
|
|
color: #e13228;
|
|
}
|
|
.login_box li{
|
|
|
|
color: #d8d8d8;
|
|
margin: 0px 20px;
|
|
|
|
|
|
height: 15px;
|
|
}
|
|
.login_box li a{
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 头部下部分 */
|
|
|
|
.menus_bottom{
|
|
width: 100%;
|
|
/* height: ; */
|
|
background: #fafafa;
|
|
|
|
}
|
|
.menus_bottom_content{
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
.menus_bottom_content ul{
|
|
display: flex;
|
|
height: 38px;
|
|
margin:0 auto;
|
|
width: 910px;
|
|
}
|
|
.menus_bottom_content ul li{
|
|
width: 130px;
|
|
|
|
}
|
|
.menus_bottom_content ul li a{
|
|
font-size: 16px;
|
|
color: #333;
|
|
font-family: PingFangSC-Regular,poppin,Tahoma,Arial,sans-serif;
|
|
line-height: 38px;
|
|
font-weight: 400;
|
|
}
|
|
.menus_bottom_content ul li a:hover{
|
|
color:#e13228;
|
|
}
|
|
.red{
|
|
color: #e13228 !important;
|
|
} |