<div class="header">    <div class="wrap">        <div class="logo">            <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/">                <img src=http://www.mamicode.com/"http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_logo.png"                alt="" />            </a>        </div>        <div class="cssmenu">            <ul id="nav">                <li class="active">                    <a href=http://www.mamicode.com/"javascript:;">                        关于我                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/category/566234.html">                        android开发                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/category/564765.html">                        小飒随笔                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/category/567563.html">                        前端开发                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/category/567380.html">                        设计                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://www.cnblogs.com/qiuge227/article/rss">                        RSS订阅                    </a>                </li>                <li>                    <a href=http://www.mamicode.com/"http://i.cnblogs.com/">                        博主管理                    </a>                </li>            </ul>        </div>        <div class="clear">        </div>    </div></div><div class="banner-icons">    <div class="banner-icon">        <a href=http://www.mamicode.com/"single.html">            <img src=http://www.mamicode.com/"http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_weibo.png"            alt="" />        </a>    </div>    <div class="clear">    </div></div>

/* reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {    margin:0;    padding:0;    border:0;    font-size:100%;    font:inherit;    vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    display:block;}ol,ul {    list-style:none;    margin:0;    padding:0;}blockquote,q {    quotes:none;}blockquote:before,blockquote:after,q:before,q:after {    content:‘‘;    content:none;}table {    border-collapse:collapse;    border-spacing:0;}/* start editing from here */a {    text-decoration:none;}.wrap {    width:80%;    margin:0 auto;    -moz-transition:all .2s linear;    -webkit-transition:all .2s linear;    -o-transition:all .2s linear;    -ms-transition:all .2s linear;}.header {    background:url(http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_header-bg.jpg);    padding:39px 0;}.logo {    float:left;}.banner-icons {    width:49%;    max-width:125px;    margin:0 auto;    padding:40px 0 80px;    position:absolute;    left:50px;}.banner-icon {    display:inline-block;    background:#CC4281;    width:60px;    height:60px;    margin:0 auto;    text-align:center;    border-radius:100px;    -webkit-border-radius:100px;    -moz-border-radius:100px;    -o-border-radius:100px;}.banner-icon img {    padding-top:13px;}/*--menu--*/.cssmenu {    float:right;    margin-top:16px;}.cssmenu > ul > li {    display:inline-block;}.cssmenu > ul > li.active a,.cssmenu > ul > li a:hover {    color:#fff;    background:#282828;    border-radius:20px;    -webkit-border-radius:20px;    -moz-border-radius:20px;    -o-border-radius:20px;}.cssmenu > ul > li > a {    color:#fff;    text-align:display:block;    padding:10px 20px;    letter-spacing:1px;    font-size:0.8125em;}/*****************************/#EntryTag {    margin-top:20px;    font-size:9pt;    color:gray;}.topicListFooter {    text-align:right;    margin-right:10px;    margin-top:10px;}#divRefreshComments {    text-align:right;    margin-right:10px;    margin-bottom:5px;    font-size:9pt;}* {    margin:0;    padding:0;}html {    height:100%;}body {    color:#000;    font-family:Verdana,Arial,Helvetica,sans-serif;    font-size:13px;    min-height:101%;    background:#fff;}table {    border-collapse:collapse;    border-spacing:0;}fieldset,img {    border:0;}ul {    word-break:break-all;}li {    list-style:none;}a {    color:#D34786;}a:hover {    color:#CB4180;}h1,h2,h3,h4,h5,h6 {    font-size:100%;    font-weight:normal;}.clear {    clear:both;}#home {    margin:0 auto;}#header {    background:url(http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_banner-bg.png);    padding:9.5% 0 8%;    background-position:center;    background-size:100% 100%;}#blogTitle {    height:60px;    clear:both;}#blogTitle h1 {    width:25%;    background:#CB4180;    color:#FFF;    margin:0 auto;    font-size:1.5em;    padding:10px;    text-align:center;    text-transform:uppercase;}#blogTitle h2 {    background:#CB4180;    color:#FFF;    text-align:center;    text-transform:uppercase;    padding:15px;    margin:0 auto;    width:60%;}#blogTitle h1 a,#blogTitle h2 a {    color:#FFF;    font-family:"微软雅黑";}#blogLogo {    float:right;}#navigator {    background-color:#333;    height:60px;    clear:both;    margin-top:60px;    position:relative;}#navList {    min-height:30px;    float:left;    margin-left:30px;}#navList li {    float:left;}#navList a {    margin:18px 10px 0 0;    padding:0 10px;    font:14px/1.5em "微软雅黑";    display:block;}#navList a:link,#navList a:visited,#navList a:active {    color:#fff;    text-shadow:3px 3px 3px #000;}#navList a:hover {    text-decoration:underline;}#navList .aHeaderXML {    display:none;}.blogStats {    float:right;    color:#ccc;    margin-top:20px;    margin-right:2px;    text-align:right;    visibility:hidden;}.themeSelect {    position:absolute;    right:20px;    top:20px;}.themeSelect .box-color {    width:15px;    height:15px;    background-color:#ccc;    float:left;    display:inline;    margin-left:10px;}/**@media(min-width:768px) {    .lead {    font-size:21px}}*/#main {    min-width:980px;    text-align:left;    clear:both;}#mainContent .forFlow {    float:none;    width:auto;}#mainContent {    position:relative;    min-height:1px;}@media(min-width:992px) {    #main {    width:970px;    margin:0 auto;    background:#F8F8F8;}#mainContent {    float:left;    width:75%;}#sideBar {    float:left;    width:25%;}}@media (max-width:480px) {    #main {    width:480px;}#mainContent {    width:100%;}#sideBar {    width:100%;}}.day {    min-height:10px;    _height:10px;    margin-bottom:20px;    padding-bottom:5px;    margin-left:20px;    margin-top:1em;    margin-right:2em;}.dayTitle {    color:#666;    font-weight:bold;    line-height:1.5em;    font-size:110%;    margin-top:3px;    margin-bottom:10px;    float:right;    position:relative;    top:40px;}.postTitle {    font-size:14px;    font-weight:bold;    padding:0 100px 10px 20px;    border-bottom:1px solid #e0e0e0;    line-height:1.5em;    clear:both;    border-left:5px solid #E866A2;    font-family:"微软雅黑";}.postTitle a:link,.postTitle a:visited,.postTitle a:active {    color:#000;}.postTitle a:hover {    color:#1c7791;    text-decoration:none;}.postCon {    float:right;    line-height:1.5em;    width:95%;    clear:both;    padding:10px 0;}.postDesc {    float:none;    clear:both;    text-align:right;    padding-right:5px;    color:#a3a3a3;}.postDesc a:link,.postDesc a:visited,.postDesc a:active {    color:#a3a3a3;}.postDesc a:hover {    color:#f60;    text-decoration:none;}.postSeparator {    clear:both;    height:1px;    clear:both;    float:right;    margin:0 auto 5em auto;}.topicListFooter {    margin-top:5em;}#sideBar {    position:relative;    min-height:1px;}.newsItem .catListTitle {    text-align:left;    padding:5px 10px;    border:1px solid #ccc;    background:#f0f0f0;}.newsItem {    padding:0 0 5px 0;    margin-bottom:2em;}#calendar {    width:229px;    margin-bottom:2em;}#calendar .Cal {    width:96%;    line-height:1.5em;}.Cal {    border:none;    color:#666;}.Cal td {    padding:3px 0;}#calendar table a:link,#calendar table a:visited,#calendar table a:active {    font-weight:bold;}#calendar table a:hover {    color:#fff;    text-decoration:none;    background-color:#f60;}.CalTodayDay {    color:#f60;}#calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited,#calendar .CalNextPrev a:active {    font-weight:bold;    background-color:#fff;}.CalDayHeader {    border-bottom:1px solid #ccc;}.CalTitle {    width:100%;    background:#fff;    color:#000;    border-bottom:1px solid #666;}.catListTitle {    font-weight:bold;    line-height:1.5em;    font-size:110%;    margin-top:15px;    margin-bottom:10px;    border-bottom:1px solid #000;    text-align:center;}.catListComment {    line-height:1.5em;}.divRecentComment {    text-indent:2em;    color:#666;}#sideBarMain {    margin-top:45px;}#sideBarMain ul {    line-height:1.5em;}.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListArticleArchive,.catListImageCategory,.mySearch,.catListComment,.catListView,.catListFeedback {    margin-bottom:2em;}.catListEssay h3,.catListLink h3,.catListNoteBook h3,.catListTag h3,.catListPostCategory h3,.catListPostArchive h3,.catListArticleArchive h3,.catListImageCategory h3,.mySearch h3,.catListComment h3,.catListView h3,.catListFeedback h3,#blog-sidecolumn .catListTitle {    text-align:left;    padding:5px 10px;    background:#f0f0f0;    border-bottom:none;    border:1px solid #ccc;}.catListEssay ul,.catListLink ul,.catListNoteBook ul,.catListTag ul,.catListPostCategory ul,.catListPostArchive ul,.catListArticleArchive ul,.catListImageCategory ul,.mySearch ul,.catListComment ul,.catListView ul,.catListFeedback ul {    padding-left:1em;}.catListEssay ul li,.catListLink ul li,.catListNoteBook ul li,.catListTag ul li,.catListPostCategory ul li,.catListPostArchive ul li,.catListArticleArchive ul li,.catListImageCategory ul li,.mySearch ul li,.catListComment ul li,.catListView ul li,.catListFeedback ul li {    margin:.5em;}#blog-sidecolumn .catList ul,#blog-sidecolumn .catListBlogRank ul,#blog-sidecolumn .catListArticleCategory ul {    margin-left:15px;}.divRecentCommentAticle {    margin-top:1.5em;}.divRecentComment {    margin-top:.5em;}#topics {    min-height:200px;    padding:1em;}#topics .postTitle {    font-size:110%;    font-weight:bold;    border-bottom:1px solid #999;    line-height:1.5em;    padding-left:5px;}.postBody {    padding:5px 2px 5px 5px;    line-height:1.5;    color:#000;    border-bottom:1px solid #000;}#EntryTag {    color:#666;}#EntryTag a {    margin-left:5px;}#EntryTag a:link,#EntryTag a:visited,#EntryTag a:active {    color:#666;}#EntryTag a:hover {    color:#f60;}#topics .postDesc {    float:none;    text-align:right;    padding-right:5px;    color:#666;    margin-top:5px;}.feedback_area_title {    font-weight:bold;    border-bottom:1px solid #333;    font-size:1.2em;    margin-top:20px;    margin:20px 10px 0;    padding:0 0 5px 8px;}.louzhu {    background:transparent url(‘images/icoLouZhu.gif‘) no-repeat scroll right top;    padding-right:16px;}.feedbackListSubtitle {    color:#666;}.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active {    color:#666;    font-weight:normal;}.feedbackListSubtitle a:hover {    color:#f60;    text-decoration:none;}.feedbackManage {    width:200px;    text-align:right;    float:right;    margin-right:10px;}.feedbackCon {    border-bottom:1px solid #ccc;    background:url(‘images/comment.gif‘) no-repeat 5px 0;    padding:15px 0 10px 40px;    min-height:35px;    _height:35px;    margin-bottom:1em;    line-height:1.5em;    margin-right:10px;}#divRefreshComments {    text-align:right;    margin-bottom:10px;}.commenttb {    width:320px;}.entrylistTitle,.PostListTitle,.thumbTitle {    font-size:110%;    font-weight:bold;    border-bottom:1px solid #000;    text-align:right;    padding:1em;    font-size:1.3em;    color:#1c7791;    border-bottom:1px solid #e0e0e0;}.entrylistDescription {    color:#666;    text-align:right;    padding-top:5px;    padding-bottom:5px;    padding-right:10px;    margin-bottom:10px;}.entrylistItem {    min-height:20px;    _height:20px;    margin-bottom:30px;    padding-bottom:5px;}.entrylistPosttitle {    font-size:110%;    font-weight:bold;    border-left:5px solid #1fa6e6;    border-bottom:1px solid #e0e0e0;    padding:0 0 10px 20px;    line-height:1.5em;    padding-left:5px;}.entrylistPosttitle a {    margin-left:10px;}.entrylistPosttitle a:hover {    text-decoration:none;}.entrylistPostSummary {    margin-top:5px;    padding-left:5px;    margin-bottom:5px;    margin-left:20px;}.entrylistItemPostDesc {    text-align:right;    color:#666;}.entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited,.entrylistItemPostDesc a:active {    color:#666;}.entrylistItemPostDesc a:hover {    color:#f60;}.entrylist .postSeparator {    clear:both;    font-size:0;    line-height:0;    margin:0;    padding:0;    height:0;    border:none;}.pager {    text-align:right;    margin-right:10px;}.PostList {    border-bottom:1px solid #e0e0e0;    clear:both;    min-height:1.5em;    _height:1.5em;    padding-top:10px;    padding-left:5px;    padding-right:5px;    margin-bottom:5px;    margin-top:1em;}.postTitl2 {    float:left;}.postDesc2 {    color:#666;    float:right;}.postText2 {    clear:both;    color:#666;}.pfl_feedback_area_title {    text-align:right;    line-height:1.5em;    font-weight:bold;    border-bottom:1px solid #666;    margin-bottom:10px;}.pfl_feedbackItem {    border-bottom:1px solid #000;    margin-bottom:20px;}.pfl_feedbacksubtitle {    border-bottom:1px dotted #666;    height:1.5em;}.pfl_feedbackname {    float:left;}.pfl_feedbackManage {    float:right;}.pfl_feedbackCon {    color:#000;    padding-top:5px;    padding-bottom:5px;}.pfl_feedbackAnswer {    color:#f40;    text-indent:2em;}.tdSentMessage {    text-align:right;}.errorMessage {    width:300px;    float:left;}.mySearch .input_my_zzk {    height:1.4em;    width:175px;}.feedbackItem {    margin:1em 0 1em 1em;}.commentform {    padding:0 5px 0 2em;}#commentform_title {    font-size:16px;}#commentform_user {    font-size:1.2em;    margin-top:1em;}#commentform_user input {    margin-left:1em;    padding:.1em;}.commentbox_main {    margin-top:.5em;}.commentbox_title_left {    font-size:1.2em;    margin-bottom:.4em;}.commentbox_opt {    }#btn_comment_submit {    padding:.2em;    margin-top:.5em;}.Pager {    margin-left:5px;    margin-right:20px;    font-weight:bold;}.Pager a:link,.Pager a:active,.Pager a:visited {    }#myposts {    margin-left:1em;    margin-right:20px;}.entrylist {    margin-left:1em;    margin-right:20px;}.divPhoto {    border:1px solid #ccc;    padding:2px;    margin-right:10px;}.thumbDescription {    color:#666;    text-align:right;    padding-top:5px;    padding-bottom:5px;    padding-right:10px;    margin-bottom:10px;}.gallery {    margin-left:1em;}.divPhoto:hover {    border-color:#08c;    box-shadow:3px 3px 3px rgba(0,0,0,.3);}#footer {    background:#343434;    padding:3% 0;    color:#FFF;    font-size:0.85em;    text-align:center;}.personInfo {    margin-bottom:20px;    margin-top:1em;}.pages {    text-align:right;}#profile {    margin-left:1em;}.pfl_feedback_area_title {    margin-bottom:1em;}.pfl_answer,.pfl_feedbackCon {    margin:.5em;}#Profile1_panelAdd div {    margin-top:.5em;}#Profile1_panelAdd div b {    float:left;    width:8em;}#Profile1_panelAdd div input.submitComment {    padding:.2em;    display:block;    margin-left:7.5em;    margin-top:1em;}.postBody p,.postCon p {    text-indent:2em;    margin:0 auto 1em auto;}.postBody h2 {    font-size:150%;    margin:15px auto 2px auto;    font-weight:bold;}.postBody h3 {    font-size:120%;    margin:15px auto 2px auto;    font-weight:bold;}.postBody h4 {    font-size:110%;    margin:15px auto 2px auto;    font-weight:bold;    color:#333;}.postBody h5 {    font-size:100%;    margin:15px auto 2px auto;    font-weight:bold;    color:#333;}.postBody a:link,.postBody a:visited,.postBody a:active {    text-decoration:underline;}.postCon a:link,.postCon a:visited,.postCon a:active {    text-decoration:underline;}.postBody ul,.postCon ul {    margin-left:2em;}.postBody li,.postCon li {    list-style-type:disc;    margin-bottom:1em;}.postBody blockquote {    background:url(‘images/comment.gif‘))no-repeat 25px 0;    padding:10px 60px 5px 60px;    min-height:35px;    _height:35px;    line-height:1.6em;    color:#333;}.myposts_title {    margin:20px 0;    font-weight:bold;    text-align:center;}.c_b_p_desc {    text-indent:0;}#blog-news {    margin-left:15px;}.blog_comment_body {    font-size:13px;}.blog_comment_body a:link {    text-decoration:underline;}/*delete ad*/#navigator,#ad_under_post_holder,#blog_news_kb,#HistoryToday {    display:none;}