.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; }