.topBar-container.scrollUp{animation:slideDown .3s ease;background-color:#ffffffb3;height:60px;left:0;position:fixed;top:0}.topBar-container.scrollUp a,.topBar-container.scrollUp a:hover{color:#404040}.topBar-container.scrollUp .pull-right .menu span{background-color:#404040}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.topBar-container{background-color:#fff0;height:60px;left:0;position:absolute;top:0;width:100%;z-index:999}.topBar-container .author{font-size:16px}.topBar-container a{color:#fff;font-family:-apple-system,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,WenQuanYi Micro Hei,SimSun,sans-serif;font-size:12px;font-weight:800;height:60px;letter-spacing:1px;line-height:20px;padding:20px;text-decoration:none;text-transform:uppercase}.topBar-container a:hover{color:#fffc}.topBar-container .pull-left{height:60px;width:240px}.topBar-container .pull-right{display:flex;justify-content:right}.topBar-container .pull-right .menu{background-color:transparent;border:none;border-radius:50%;height:52px;margin-top:4px;outline:none;width:52px}.topBar-container .pull-right .menu span{background-color:#fff;display:block;height:2px;margin:4px auto;width:18px}.topBar-container .menuList{background-color:#fff;border-radius:5px;height:0;position:absolute;right:15px;top:55px;transition:all .3s ease;width:0}.topBar-container .menuList ul.menuShow{opacity:1}.topBar-container .menuList ul{height:100%;opacity:0;transition:all .3s ease}.topBar-container .menuList ul li{height:20%}.topBar-container .menuList ul li a{color:#777;display:block;height:100%;line-height:52px;padding:0 0 0 20px;width:100%}.topBar-container .menuList ul li a:hover{color:#000}.topBar-container .menuList.menuShow{height:225px;width:170px}.banner-container{background:url(img/home.webp) no-repeat 50%;background-size:cover;height:457px;margin-bottom:20px;min-width:320px;position:relative}.banner-container .title{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:330px;z-index:99}.banner-container .title h1{font-size:40px;font-weight:800;text-align:center}@media screen and (max-width:992px){.banner-container{height:288px}}.mainLeft-container{padding:20px 40px 40px 20px}.mainLeft-container a{text-decoration:none}.mainLeft-container .article-box{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:15px}.mainLeft-container .article-box .article-content{display:block}.mainLeft-container .article-box .article-content h1{font-size:26px;font-weight:700}.mainLeft-container .article-box .article-author .address{color:coral;float:right;font-size:16px;font-style:italic;font-weight:700}.mainLeft-container .article-content:hover .content,.mainLeft-container .article-content:hover .title{color:#0085a1}.mainLeft-container .content{color:#a3a3a3;font-size:14px}.mainLeft-container .author{color:gray;font-size:18px;font-style:italic}.mainLeft-container .tag a{border:1px solid gray;border-radius:13px;color:gray;display:inline-block;font-size:12px;height:26px;line-height:24px;margin-bottom:5px;margin-right:7px;padding:0 10px}.mainLeft-container .tag a:hover{border:1px solid #0085a1;color:#0085a1}.mainRight-container{padding-top:10px}.mainRight-container .myTags{border-bottom:1px solid #eee;padding-bottom:15px}.mainRight-container .myTags a{text-decoration:none}.mainRight-container .myTags header{height:30px;margin-bottom:10px}.mainRight-container .myTags header a{color:gray;display:block;font-size:14px;font-weight:700;height:100%;line-height:30px}.mainRight-container .myTags header a:hover{color:#0085a1}.mainRight-container .myTags .tags-body a{border:1px solid #bfbfbf;border-radius:13px;color:#bfbfbf;display:inline-block;font-size:12px;height:26px;line-height:24px;margin-bottom:5px;margin-right:7px;padding:0 10px}.mainRight-container .myTags .tags-body a:hover{border:1px solid #0085a1;color:#0085a1}.v-enter-from,.v-leave-to{opacity:0}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.toTop-container.fly{transition:all .6s cubic-bezier(.6,.04,.98,.335)}.toTop-container{background:url(img/ironman.png) no-repeat top;bottom:50px;cursor:pointer;height:43px;position:fixed;right:50px;width:42px}.toTop-container.fly,.toTop-container:hover{background-position:50% -44px}.app-container{overflow:hidden;padding-bottom:50px;position:relative}.app-container footer{color:#777;font-size:14px;text-align:center}@media screen and (min-width:768px){.m-container{width:750px}}@media screen and (min-width:992px){.m-container{width:970px}}@media screen and (min-width:1200px){.m-container{width:1170px}}
