.header .nav,.header .nav .nav-list{float:left}.header .nav .nav-list,.header .user .user-panel .user-opera .user-opera-list,.main .sidebar .side-item .side-ul li{list-style:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{height:1%}.header{position:relative;z-index:1;height:200px;background-color:#296ad4;background-size:100% 100%;background-position:center}.header-container{position:relative;z-index:2;margin:0 auto;width:80%}.header .logo,.header .search{position:absolute;left:0;right:0;clear:both}.header .nav .nav-list .nav-item{display:block;line-height:40px;padding:0 30px;border-top:2px solid transparent;color:rgba(255,255,255,.75);text-decoration:none}.header .nav .nav-list .nav-item:hover{color:#fff}.header .nav .actived .nav-item{border-color:rgba(255,255,255,.75);color:#fff}.header .user{float:right}.header .user .user-panel{margin-top:2px;padding:0 5px 5px;border:1px solid transparent;border-top:none}.header .user .user-panel .user-name{display:block;width:120px;line-height:40px;border-top:2px solid transparent;color:rgba(255,255,255,.75);text-decoration:none;overflow:hidden}.header .user .user-panel .user-name .user-name-img{width:24px;height:24px;border-radius:12px;vertical-align:middle}.header .user .user-panel .user-name .user-name-text{vertical-align:middle}.header .user .user-panel .user-opera{display:none}.header .user .user-panel:hover{border-color:rgba(255,255,255,.3);background-color:rgba(0,0,0,.1)}.header .user .user-panel:hover .user-opera{display:block}.header .user .user-panel .user-opera .user-opera-list a{display:block;padding-left:26px;line-height:24px;font-size:13px;color:rgba(255,255,255,.75);text-decoration:none}.header .user .user-panel .user-opera .user-opera-list a:hover{color:#fff}.header .user .user-login{display:block;line-height:40px;color:rgba(255,255,255,.75);text-decoration:none}.header .user .user-login span{font-size:14px}.header .logo{top:50px;z-index:1;text-align:center}.header .logo h1{color:rgba(255,255,255,.95);font-size:40px;margin:10px 0}.header .logo span{color:rgba(255,255,255,.6)}.header .search{bottom:0;height:40px;background:rgba(255,255,255,.2)}.header .search-container{width:80%;margin:0 auto}.header .search .search-tips{float:left}.header .search .search-tips p{padding-left:10px;line-height:40px;color:rgba(0,0,0,.3);font-size:14px}.header .search .search-tips p a{color:rgba(0,0,0,.5)}.header .search .search-form{position:relative;float:right;padding:8px 0}.header .search .search-form input{padding:5px 15px;width:150px;background:rgba(255,255,255,.3);border:none;border-radius:20px;color:#fff;outline:0;-webkit-transition:.3s;transition:.3s}.header .search .search-form input:focus{background:rgba(255,255,255,.5);width:200px}.header .search .search-form i{position:absolute;right:8px;top:12px;color:rgba(255,255,255,.5)}.main{background:#fafafa}.main .main-container{width:80%;margin:0 auto}.main .content{padding-top:30px;margin-right:240px;overflow:hidden}.content .content-bread{padding-bottom:30px}.content .content-bread .bread-list{font-size:14px;color:rgba(0,0,0,.6);vertical-align:middle}.content .content-bread .bread-list a{color:rgba(0,0,0,.6);text-decoration:none}.content .content-bread .bread-arrow{color:rgba(0,0,0,.3)}.content .content-bread .bread-item{padding:0 5px}.content .content-article{margin-bottom:30px;margin-right:30px;min-height:200px;padding:20px;list-style:none;border:1px solid rgba(0,0,0,.04);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.03);border-radius:3px;background:#fff}.main .sidebar{float:right;width:240px}.main .sidebar .side-item{margin:20px 0}.main .sidebar .side-item .side-title{line-height:40px;color:rgba(0,0,0,.8);border-bottom:1px solid rgba(0,0,0,.05)}.main .sidebar .side-item-cate .side-ul li a{display:block;line-height:40px;text-decoration:none;font-size:14px;color:rgba(0,0,0,.8)}.main .sidebar .side-item-cate .side-ul li a i{color:rgba(0,0,0,.2);font-size:16px}.main .sidebar .side-item-cate .side-ul li a:hover,.main .sidebar .side-item-cate .side-ul li a:hover i{color:#296ad4}.main .sidebar .side-item-link .side-ul{padding:10px 0}.main .sidebar .side-item-link .side-ul li{display:inline-block;padding:5px}.main .sidebar .side-item-link .side-ul li a{display:inline-block;padding:10px;border:1px solid rgba(0,0,0,.1);font-size:14px;background:#fff;border-radius:2px;text-decoration:none;color:rgba(0,0,0,.5)}.main .sidebar .side-item-link .side-ul li a:hover{border-color:#296ad4;color:#296ad4}.main .sidebar .side-item-user .side-ul li{padding:10px 0}.main .sidebar .side-item-user .side-ul li a{clear:both;text-decoration:none}.main .sidebar .side-item-user .side-ul li a img{float:left;display:block;width:30px;height:30px;border:5px solid #fff;border-radius:20px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);box-shadow:0 0 1px rgba(0,0,0,.3)}.main .sidebar .side-item-user .side-ul li a span.item-nickname{display:block;margin-left:45px;font-size:16px;line-height:26px;color:rgba(0,0,0,.6)}.main .sidebar .side-item-user .side-ul li a span.item-blog{display:block;margin-left:45px;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.05);font-size:12px;color:rgba(0,0,0,.4)}.main .sidebar .side-item-user .side-ul li a:hover span.item-blog,.main .sidebar .side-item-user .side-ul li a:hover span.item-nickname{color:#296ad4}.footer{background:#2b3442;color:#e2eeff;font-size:14px}.footer-container{width:80%;margin:0 auto}.footer p{padding:20px 0}html.theme-3 .header{background-image:url(/static/blog/image/bg_3_s.jpg)}html.theme-4 .header{background-image:url(/static/blog/image/bg_4_s.jpg)}html.theme-5 .header{background-image:url(/static/blog/image/bg_5_s.jpg)}html.theme-6 .header{background-image:url(/static/blog/image/bg_6_s.jpg)}html.theme-7 .header{background-image:url(/static/blog/image/bg_7_s.jpg)}html.theme-8 .header{background-image:url(/static/blog/image/bg_8_s.jpg)}@media screen and (min-width:600px) and (max-width:1024px){.header{background-size:auto 100%}.footer-container,.header .search-container,.header-container,.main .main-container{width:90%}}@media screen and (max-width:600px){html.theme .header{background-image:none}.header .nav .nav-list .nav-item{padding:0 5px}.header .user .user-login{line-height:46px}.header .user .user-panel .user-name{width:auto}.header .user .user-panel .user-name .user-name-text{display:none}.header .user .user-panel .user-name .user-name-img{display:block;margin:6px}.header .logo h1{font-size:2em}.main .sidebar,.search .search-tips{display:none}.main .content{margin:0}.main .content .content-post .post-item{margin-right:0;padding:20px}.footer-container,.header .search-container,.header-container,.main .main-container{width:98%}}