.header { height: 41px; border-top: 3px solid #ff8500; border-bottom: 1px solid #edeef0; background-color: #fcfcfc; line-height: 41px; margin-bottom: 19px; } .header ul > li { float: left; padding: 0 9px 0 16px; font-size: 12px; color: #4c4c4c; position: relative; } .header ul>li a{ color: #4c4c4c; } .header ul > li:hover { border-color: #edeef0; background-color: #edeef0; color: #ff8400; } .header ul > li:hover>a { color: #ff8400; } .header ul > li:hover .dropmenu { display: block; } .header ul>li span{ cursor: pointer; } .header ul>li i{ color: #ff8400; vertical-align: middle; cursor: pointer; } .header .dropmenu{ position: absolute; width: 112px; background: #fff; border: 1px solid #ebbe7a; box-shadow: 3px 3px 3px rgb(0 0 0 / 10%); left: 0; display: none; z-index: 999; } .header .dropmenu li{ padding: 0 15px; border-bottom: 1px solid #fecc5b; width: 100%; box-sizing: border-box; line-height: 32px; } .header .dropmenu li:hover{ background: #fff5da; } .header .dropmenu li:hover a{ color: #e67902; } .right_menu li { float: left; } .logo { width: 100%; margin-bottom: 10px; } .logo .xl_logo{ width: 111px; height: 47px; margin-left: 19px; } .logo .search{ margin-left: 23px; margin-top: 6px; width: 407px; height: 38px; } .logo .search .search_left{ width: 74px; height: 100%; line-height: 33px; padding-left: 15px; box-sizing: border-box; border: 1px solid #c1c1c1; border-radius: 3px 0 0 3px; } .logo .search .search_left span{ font-size: 14px; color: #666; } .logo .search .search_left i{ color: #ff8400; font-size: 12px; } .logo .search .search_input{ height: 100%; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; box-sizing: border-box; padding-left: 14px; width: 244px; box-sizing: border-box; color: #666; font-size: 14px; } .logo .search .icon-sousuo{ width: 66px; height: 38px; display: inline-block; text-align: center; line-height: 38px; background: #ff8400; color: #fff; font-size: 20px; font-weight: bolder; } .menus { margin-bottom: 18px; } .menu_item { width: 182px; padding: 2px 5px 18px 0; position: relative; } .menu_item::after { content: ""; width: 1px; height: 70px; background: #e6e6e6; position: absolute; right: 0; top: 10px; } .menu_item li { float: left; width: 32px; margin-left: 13px; line-height: 26px; text-align: center; } .menu_item li:nth-child(4n+1) { font-weight: bolder; } .menu_item li a, .menu_items li a { font-size: 12px; color: #000; } .menu_items li { margin-left: 13px; line-height: 26px; text-align: center; } .news { width: 360px; } .news .news_title { height: 34px; border: 1px solid #dbdee1; line-height: 34px; margin-bottom: 19px; background: url("http://i2.sinaimg.cn/dy/deco/2013/0321/bg1px.png") 0 -33px repeat-x; } .news .news_title .active{ background-color: #fff; border-top: 3px solid #ff8400; border-right: 1px solid #dbdee1; border-left: 1px solid #dbdee1; height: 34px; line-height: 29px; } .no_bl { border-left: none !important; } .news .news_title li:nth-child(1) { border-left: none; } .news .news_title li{ float: left; width: 60px; padding: 0 12px; box-sizing: border-box; } .news .news_title li a{} .news .news_img{} .news .news_img li{ float: left; width: 105px; height: 90px; border: 1px solid #fff; font-size: 0; margin-left: 19px; margin-bottom: 12px; } .news .news_img li:nth-child(1) { margin-left: 0; } .news .news_img li img{ width: 105px; height: 70px; } .news .news_img li span{ width: 105px; display: inline-block; color: #fff; background: #000; font-size: 12px; text-align: center; height: 20px; line-height: 20px; } .news .news_list{} .news .news_list li{ padding-left: 10px; line-height: 26px; height: 26px; overflow: hidden; font-size: 14px; background: url("http://i0.sinaimg.cn/home/main/index2013/0403/icon.png") no-repeat 0 -880px; } .news .news_list li a{ background: url("http://i1.sinaimg.cn/dy/main/icon/photoNewsLeft2.gif") no-repeat 0 center; padding-left: 23px; color: #122e67; }