308 lines
5.5 KiB
CSS
308 lines
5.5 KiB
CSS
.header{}
|
|
.center_navigation{
|
|
width: 100%;
|
|
height: 68px;
|
|
overflow: hidden;
|
|
}
|
|
.center_navigation>a{
|
|
display: block;
|
|
background: url(http://css.mafengwo.net/images/header-sprites15@2x.png) no-repeat;
|
|
height: 39px;
|
|
width: 136px;
|
|
background-size: 200px;
|
|
margin-top: 12px;
|
|
float: left;
|
|
}
|
|
.navigation_list{
|
|
width: 725.2px;
|
|
overflow: hidden;
|
|
float: left;
|
|
padding: 0 10px 0 25px;
|
|
line-height: 68px;
|
|
font-size: 16px;
|
|
color: #333;
|
|
box-sizing: border-box;
|
|
}
|
|
.navigation_list li{
|
|
float: left;
|
|
height: 100%;
|
|
margin-right: 30px;
|
|
}
|
|
.navigation_list li a{
|
|
color: #333;
|
|
font-size: 16px;
|
|
}
|
|
.navigation_list li .img{
|
|
background: url(http://css.mafengwo.net/images/mfwzx.png) no-repeat center;
|
|
background-size: 75px 30px;
|
|
width: 75px;
|
|
height: 68px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.navigation_right{
|
|
width: 181px;
|
|
height: 100%;
|
|
float: right;
|
|
padding: 21px 0;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.navigation_right>a{
|
|
margin-right: 2px;
|
|
width: 26px;
|
|
height: 26px;
|
|
background: url(http://css.mafengwo.net/images/header-sprites15@2x.png) no-repeat;
|
|
background-size: 200px;
|
|
display: inline-block;
|
|
}
|
|
.navigation_right .weibo_login{
|
|
/* background: url(http://css.mafengwo.net/images/header-sprites15@2x.png) no-repeat; */
|
|
background-position: 0 -50px!important;
|
|
/* display: inline-block; */
|
|
/* background-size: 200px; */
|
|
}
|
|
.navigation_right .qq_login{
|
|
/* background: url(http://css.mafengwo.net/images/header-sprites15@2x.png) no-repeat; */
|
|
/* display: inline-block; */
|
|
/* background-size: 200px; */
|
|
background-position: -30px -50px!important;
|
|
}
|
|
.navigation_right .weixin_login{
|
|
/* background: url(http://css.mafengwo.net/images/header-sprites15@2x.png) no-repeat; */
|
|
/* display: inline-block; */
|
|
/* background-size: 200px; */
|
|
/* background-position: -30px -50px!important; */
|
|
background-position: 0 -165px!important;
|
|
}
|
|
.showlogin_box{
|
|
float: right;
|
|
margin-top: 5px;
|
|
}
|
|
.showlogin_box a{
|
|
color: #ff9d00;
|
|
font-size: 14px;
|
|
|
|
}
|
|
.showlogin_box span{
|
|
display: inline-block;
|
|
margin: 0 6px;
|
|
width: 1px;
|
|
height: 10px;
|
|
background-color: #c9c9c9;
|
|
}
|
|
/* .center_banner{
|
|
margin-bottom: 19px;
|
|
}
|
|
.center_banner img{
|
|
display: block;
|
|
height: 506.4px;
|
|
margin-bottom: 19px;
|
|
}
|
|
.center_banner .date{
|
|
position: absolute;
|
|
top: -500px;
|
|
left: 50%;
|
|
margin-left: -500px;
|
|
color: #fff;
|
|
text-shadow: 0 1px 3px rgb(0 0 0 / 40%);
|
|
text-align: left;
|
|
text-shadow: 0 1px 3px rgb(0 0 0 / 90%);
|
|
}
|
|
.center_banner .month{
|
|
font-size: 38px;
|
|
color:#fff ;
|
|
}
|
|
.center_banner .year{
|
|
font: size 24px;
|
|
color:#fff ;
|
|
}
|
|
.center_2{
|
|
position: relative;
|
|
}
|
|
.center_2 .date p{
|
|
font-size: 26px;
|
|
color: #fff;
|
|
}
|
|
.center_2 .collection{
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 60px;
|
|
margin-left: -270px;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
}
|
|
.center_2 .img_right{
|
|
position: absolute;
|
|
right: 40px;
|
|
top: -297px;
|
|
margin-top: -145px;
|
|
width: 110px;
|
|
} */
|
|
|
|
|
|
.center_logo{
|
|
position: relative;
|
|
margin-bottom: 19px;
|
|
}
|
|
.center_logo img{
|
|
width: 100%;
|
|
}
|
|
.date{
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 50%;
|
|
margin-left: -500px;
|
|
color: #fff;
|
|
font-size: 26px;
|
|
text-shadow: 0 1px 3px rgb(0 0 0 / 40%);
|
|
text-align: left;
|
|
text-shadow: 0 1px 3px rgb(0 0 0 / 90%);
|
|
}
|
|
.date .moth{
|
|
font-size: 38px;
|
|
/* font-weight: ; */
|
|
color:#fff ;
|
|
}
|
|
.date .year{
|
|
font-size: 26px;
|
|
color: #fff;
|
|
}
|
|
.date p{
|
|
font-size: 26px;
|
|
color: #fff;
|
|
}
|
|
.img_right{
|
|
position: absolute;
|
|
right: 40px;
|
|
top: 45%;
|
|
margin-top: -166px;
|
|
width: 110px;
|
|
z-index: 2;
|
|
}
|
|
.img_right li{
|
|
height: 62px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.img_right img{}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.img_right img{
|
|
height: 62px;
|
|
}
|
|
.searchbar{
|
|
line-height: 26px;
|
|
padding: 15px;
|
|
background-color: rgba(0,0,0,.6);
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
right: 710px;
|
|
top: -155px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.center_1{
|
|
width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
.center_menu{
|
|
width: 100%;
|
|
margin-bottom: 19px;
|
|
white-space: nowrap;
|
|
}
|
|
.center_menu a{
|
|
display: block;
|
|
height: 47px;
|
|
width: 127px;
|
|
margin-left: 0px;
|
|
padding-top: 8px;
|
|
padding-left: 7px;
|
|
display: inline-block;
|
|
border-radius: 3px;
|
|
border: 1px solid #e5e5e5;
|
|
background-image: url(https://p3-q.mafengwo.net/s14/M00/73/0B/wKgE2l0HSGuAOI1tAAChEE0vNA4603.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 104px auto;
|
|
background-position-x: 59px;
|
|
background-position-y: -651px;
|
|
}
|
|
.center_menu .title{
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 22px;
|
|
color: #333;
|
|
}
|
|
.center_menu .text{
|
|
padding-top: 1px;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.center_left{
|
|
width: 260px;
|
|
height: 100%;
|
|
margin-right: 40px;
|
|
}
|
|
.center_left>img{
|
|
height: 100%;
|
|
width: 240px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.center_left ul{}
|
|
.center_left ul li{
|
|
padding-top: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
.center_left ul .recommend{
|
|
font-size: 18px;
|
|
color: #333;
|
|
margin-right: 115px;
|
|
}
|
|
.center_left ul .home{
|
|
color: #999;
|
|
font-size: 12px;
|
|
|
|
}
|
|
.center_left ul img{
|
|
display: block;
|
|
width: 260px;
|
|
margin-top: 19px;
|
|
}
|
|
.center_left ul p{
|
|
display: block;
|
|
font-size: 16px;
|
|
color: #333;
|
|
line-height: 26px;
|
|
margin: 10px 0 5px;
|
|
width: 260px;
|
|
}
|
|
|
|
.center_left ul .text{
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
|