搜索条和导航头像

cmp-portal/css/common.css

header .headnav li{float:left;margin:0 4px; padding:14px 0;}
header .headnav li a{ color:#666; padding:14px 18px;}
header .headuserimg{position:relative;padding: 10px 0 10px 20px; width: 60px;height: 60px;}
header .headuser{overflow: hidden;border:1px solid #999; width: 40px;height: 40px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
header .headuser{overflow: hidden;border:1px solid #E5E5E5; width: 40px;height: 40px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
header .headuser img{max-width: 40px;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
header .headnavbtn{margin:14px 6px;}
header .headnavbtn a{color:#666;}

css/common.css

.topheader a:hover{color:#FFFFFF;}
.topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
.searchblock{ width:280px; height:39px;background:#fff;border:2px solid #d8d8d8;border-radius:6px;overflow: hidden; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-19.5px;}
.searchblock{ width:280px; height:39px;background:#fff;border:1px solid #d8d8d8;border-radius:6px;overflow: hidden; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-19.5px;}
.search-txt{ width:240px;line-height:35px; height:35px;border:none; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#444;}
.search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
header .headnav li{float:left;margin:0 4px; padding:14px 0;}
header .headnav li a{ color:#666; padding:14px 18px;}
header .headuserimg{position:relative;padding: 10px 0 10px 20px; width: 60px;height: 60px;}
header .headuser{overflow: hidden;border:1px solid #999; width: 40px;height: 40px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
header .headuser{overflow: hidden;border:1px solid #E5E5E5; width: 40px;height: 40px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
header .headuser img{max-width: 40px;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
header .headnavbtn{margin:14px 6px;}
header .headnavbtn a{color:#666;font-size:15px;}

css/index.css

.coulstbtn .shareWeixin{background: #52DA4D;}
.shareCode{background:#FFFFFF;border:6px solid rgba(0,0,0,.2);padding:8px;position: absolute;bottom:40px;left:0;display: none;width: 260px;}
.shareCode img{width:80px;height:80px;}
.shareCode .shareWord{width: 126px;margin:10px;color:#666666;text-align: left;}
.shareCode .shareWord{width: 126px;margin:10px;color:#666666;text-align: left;font-size: 14px; line-height: 20px;}
.coulstbtn .attentBtn{position:relative;padding-left:20px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
.coulstbtn .attentBtn em{position:absolute;top:50%;margin-top:-8px;left:34px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -32px no-repeat;background-size:100% auto;}
.coulstbtn .attentBtn i{font-style: normal;}