header{ width: 100%; height: 45px; background-color: #282828;}
header .logo{ width: 87px; height: 23px; float: left; margin-left: 10px; margin-top: 11px;}
header span{ width: 22px; height: 22px; float: right; margin-left: 15px; margin-top: 11px;}
header span.search,header span.login-not{ background: url('http://n.sinaimg.cn/97973pic/sprite1.png') no-repeat; background-size: 200% 200%;}
header span.search{ background-position: -22px 0; margin-right: 10px;}
header span.search:active{ background-position: -22px -22px;}
header span.login-not{ background-position: 0 0;}
header span.login-not:active{ background-position: 0 -22px;}
header span.login-in img{ width: 22px; height: 22px; border-radius: 11px;}
header .topsearchwp{width: 135px;height: 27px;float: right;margin-top: 10px;position: relative;}
header .topsearch{width: 135px;height: 27px;border-radius: 13.5px;background: #4b4b4b;border: none;color: #a9a9a9;text-indent: 15px;}
header .topsearchbtn{width:35px;height: 27px;background: url("http://n.sinaimg.cn/97973pic/topsearch.png") no-repeat top center;background-size:77.14% 100%;position: absolute;right:0px;top: 0;border: none;border-radius: 50%;}
header .topsearchbtn:active{background-color:#f42d2d;background-image: url("http://n.sinaimg.cn/97973pic/topsearchh.png");background-size:77.14% 100%;}

header .topsearchbtn {left:100px}
header span.login-in img {
    border-radius: 11px;
    height: 22px;
    width: 22px;
}
header p {
    color: #fff;
    display: inline;
    float: right;
    line-height: 45px;
    padding-left: 12px;
}
header p i {
    color: #f42d2d;
    font-style: normal;
    padding: 0 2px;
}
header span {
    margin-right: 8px;
    margin-top: 13px;
}