@-webkit-keyframes -webkit-fadeIn{from{opacity:0}to{opacity:1}}@keyframes -webkit-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}html,body{width:100%;height:100%}body{line-height:2;font-size:14px;font-family:Whitney,"Microsoft Yahei","PingFang SC","HanHei SC","Helvetica Neue","Helvetica","STHeitiSC-Light","Arial",sans-serif;color:#444;background:#f6f8f9}ul,ol,li{list-style:none}html,body,h1,h2,h3,h4,h5,h6,ul,li,ol,blockquote,pre,p,table,tbody,th,td,tr,span{margin:0;padding:0;border-radius:0px}img{border:none;outline:none}input[type=text],input[type=text]:focus,input[type=text]:active,input[type=email],input[type=email]:focus,input[type=email]:active,input[type=number],input[type=number]:focus,input[type=number]:active,input[type=password],input[type=password]:focus,input[type=password]:active,textarea,textarea:active,textarea:focus,button,button:active,button:focus,button:invalid,a:active,a:visited,a:link{outline:0;outline-color:transparent;-webkit-appearance:none}a:link,a:visited{text-decoration:none}a:hover{color:#08a}a{color:#369;transition:color 150ms linear;cursor:pointer}@font-face{font-family:"Whitney";src:url("../font/Whitney-Medium.eot");src:url("../font/Whitney-Medium.eot#iefix") format("embedded-opentype"),url("../font/Whitney-Medium.ttf") format("truetype"),url("../font/Whitney-Medium.woff") format("woff"),url("../font/Whitney-Medium.svg") format("svg");font-weight:500}@font-face{font-family:"Whitney";src:url("../font/Whitney-Semibold.eot");src:url("../font/Whitney-Semibold.eot#iefix") format("embedded-opentype"),url("../font/Whitney-Semibold.ttf") format("truetype"),url("../font/Whitney-Semibold.woff") format("woff"),url("../font/Whitney-Semibold.svg") format("svg");font-weight:700}*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:normal}.fl{float:left}.fr{float:right}.clear,.divTags .side-content ul,.divStatistics .side-content ul,.divAuthors .side-content ul,.divMisc .side-content ul,.divArchives ul,.divCatalog ul,.divLinkage .side-content ul,.divFavorites .side-content ul,.link-list-mode,.clear::before,.divTags .side-content ul::before,.divStatistics .side-content ul::before,.divAuthors .side-content ul::before,.divMisc .side-content ul::before,.divArchives ul::before,.divCatalog ul::before,.divLinkage .side-content ul::before,.divFavorites .side-content ul::before,.link-list-mode::before,.clear::after,.divTags .side-content ul::after,.divStatistics .side-content ul::after,.divAuthors .side-content ul::after,.divMisc .side-content ul::after,.divArchives ul::after,.divCatalog ul::after,.divLinkage .side-content ul::after,.divFavorites .side-content ul::after,.link-list-mode::after{clear:both}.clear::before,.divTags .side-content ul::before,.divStatistics .side-content ul::before,.divAuthors .side-content ul::before,.divMisc .side-content ul::before,.divArchives ul::before,.divCatalog ul::before,.divLinkage .side-content ul::before,.divFavorites .side-content ul::before,.link-list-mode::before,.clear::after,.divTags .side-content ul::after,.divStatistics .side-content ul::after,.divAuthors .side-content ul::after,.divMisc .side-content ul::after,.divArchives ul::after,.divCatalog ul::after,.divLinkage .side-content ul::after,.divFavorites .side-content ul::after,.link-list-mode::after{content:"";display:table}.tran-thumb{position:relative;overflow:hidden}.tran-thumb img{display:block;position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%, -50%)}.ver-thumb{position:relative;overflow:hidden}.ver-thumb img{display:block;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}.load-more{display:block;width:100%;height:40px;padding:10px;font-size:0;text-align:center}.load-more .load-icon{display:inline-block;width:20px;height:20px;margin-right:5px;background:url(./img/loading-cube.gif) 50% 50% no-repeat;background-size:cover;vertical-align:middle}.load-more .name{display:inline-block;height:20px;line-height:20px;font-size:12px;color:#888;vertical-align:middle}.navbar{height:100px;background:#fff;box-shadow:0 1px 4px rgba(50,50,50,.05)}.navbar .nav-container{width:1080px;margin:0 auto}@media screen and (max-width: 1080px){.navbar .nav-container{width:100%;padding:0 20px}}.navbar .logo-image{width:200px;height:70px;margin:15px 0;font-size:0;overflow:hidden}.navbar .logo-image img{display:block;height:100%}.navbar .site-name{line-height:100px;font-size:36px;font-weight:normal;color:#000}.navbar .site-name a{color:#000}.navbar .nav-menu>li{position:relative;float:left;margin-left:32px;line-height:100px;font-size:16px;font-weight:normal}.navbar .nav-menu>li.active>a{display:block;color:#f63}.navbar .nav-menu>li.active>a:hover{color:#369}.navbar .nav-menu>li>a{display:block;color:#000}.navbar .nav-menu>li>a:hover{color:#369}.navbar .nav-menu>li:hover>ul{display:block}.navbar .nav-menu>li>ul{position:absolute;top:80px;left:50%;padding:5px;background:#fff;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all 150ms linear;transform:translate(-50%, -10px);display:none}.navbar .nav-menu>li>ul li{display:block;height:40px;line-height:40px;font-size:16px}.navbar .nav-menu>li>ul li>a{display:block;padding:0 15px;color:#333;white-space:nowrap}.navbar .nav-menu>li>ul li>a:hover{color:#369}.navbar.mini{height:70px}.navbar.mini .logo-image{margin:0}.navbar.mini .site-name{line-height:70px}.navbar.mini .nav-menu>li{position:relative;float:left;margin-left:32px;line-height:70px;font-size:16px;font-weight:normal}.navbar.mini .nav-menu>li.active>a{display:block;color:#f63}.navbar.mini .nav-menu>li.active>a:hover{color:#369}.navbar.mini .nav-menu>li>a{display:block;color:#000}.navbar.mini .nav-menu>li>a:hover{color:#369}.navbar.mini .nav-menu>li:hover>ul{display:block}.navbar.mini .nav-menu>li>ul{position:absolute;top:56px;left:50%;padding:5px;background:#fff;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all 150ms linear;transform:translate(-50%, -10px);display:none}.navbar.mini .nav-menu>li>ul li{display:block;height:40px;line-height:40px;font-size:16px}.navbar.mini .nav-menu>li>ul li>a{display:block;padding:0 15px;color:#333;white-space:nowrap}.navbar.mini .nav-menu>li>ul li>a:hover{color:#369}.list-container{width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.list-container .list-main{width:730px}@media screen and (max-width: 1080px){.list-container{width:100%;padding:0 20px}.list-container .list-main{width:640px}}.list-article-item{position:relative;margin-top:30px;padding:30px;background:#fff;overflow:hidden;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.list-article-item .item-cover{display:block;position:relative;width:730px;height:292px;margin:-30px -30px 30px;overflow:hidden}@media screen and (max-width: 1080px){.list-article-item .item-cover{width:640px;height:256px}}.list-article-item .item-cover img{display:block;width:100%;transition:all 200ms ease-in-out;-webkit-filter:blur(2px);filter:blur(2px)}.list-article-item:hover .item-cover img{-webkit-filter:blur(0);filter:blur(0)}.list-article-item .item-thumb{display:block;max-width:320px;max-height:320px;overflow:hidden}.list-article-item .item-thumb img{display:block;width:100%}.list-article-item .article-title{margin-bottom:10px;line-height:1.5;font-size:24px;font-weight:normal;color:#222;letter-spacing:2px}.list-article-item .article-title a{color:#222}.list-article-item .article-title a:hover{color:#f63}.list-article-item .article-info{margin-top:10px;line-height:32px;font-size:16px;color:#888}.list-article-item .article-info .cmt-nums{margin-left:10px}.list-article-item .article-intro{max-height:90px;margin-bottom:10px;line-height:30px;font-size:16px;text-align:justify;color:#555;overflow:hidden}.list-article-item .article-tags{font-size:0}.list-article-item .article-tags .name{display:inline-block;margin-right:5px;line-height:26px;font-size:14px;color:#888}.list-article-item .article-tags .tag-item{display:inline-block;margin-right:5px;line-height:26px;font-size:14px;color:#222}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:none}}.footer{margin-top:30px;padding:50px 0 30px;background:#fff}.footer .footer-container{width:1080px;margin:0 auto;text-align:center;color:#555}@media screen and (max-width: 1080px){.footer .footer-container{width:100%}}.footer .support{font-size:12px;color:#888}.no-scroll{position:relative}.no-scroll .footer{position:absolute;bottom:0;left:0;right:0}.global-tools{position:fixed;left:50%;bottom:30px;margin-left:570px;width:48px;z-index:9999}@media screen and (max-width: 1200px){.global-tools{right:10px;bottom:10px;left:auto;margin-left:initial}}.global-tools .tool-item{display:block;width:48px;height:48px;margin-top:10px;line-height:48px;text-align:center;font-size:24px;color:#888;border-radius:4px;background:#fff;cursor:pointer;transition:all 200ms linear}.global-tools .tool-item:hover{color:#000}.global-tools .go-top{opacity:0}.global-tools .go-top.active{opacity:1}.global-tools .show-qrcode{position:relative}.global-tools .show-qrcode .qrcode-box{display:none;position:absolute;bottom:-60px;left:-210px;width:200px;height:200px;padding:20px;border-radius:8px;box-shadow:0 3px 9px rgba(170,170,170,.2);background:#fff}.global-tools .show-qrcode .qrcode-box img{display:block;width:100%}.global-tools .show-qrcode:hover .qrcode-box{display:block}.link-mode{width:100%;padding:20px 30px;margin-top:30px;background:#fff;overflow:hidden}.link-mode .title{position:relative;height:36px}.link-mode .title h3{line-height:36px;font-size:18px;font-weight:bold;color:#123}.link-mode .title .apply{line-height:36px;font-size:14px;color:#666}.link-mode .title .apply a{color:#666}.link-mode .title .apply a:hover{color:#3a6ea5}.link-mode .link-list li{float:left;line-height:30px;margin-right:1em}.link-mode .link-list li a{color:#123}.link-mode .link-list li a:hover{color:#3a6ea5}.article-container{width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}@media screen and (max-width: 1080px){.article-container{width:100%;padding:0 20px}}.article-container .article-main{width:730px}@media screen and (max-width: 1080px){.article-container .article-main{width:640px}}.article-container .article-main .prev-article,.article-container .article-main .next-article{position:fixed;top:50%;width:120px;height:180px;margin-top:-90px;line-height:180px;font-size:90px;text-align:center;color:#ddd}.article-container .article-main .prev-article:hover,.article-container .article-main .next-article:hover{color:#222}.article-container .article-main .prev-article{left:50%;margin-left:-670px}.article-container .article-main .next-article{right:50%;margin-right:-670px}.article-body{position:relative;margin-top:30px;padding:30px;background:#fff;overflow:hidden}.article-body .article-cover{display:block;position:relative;width:730px;height:292px;margin:-30px -30px 30px;overflow:hidden}@media screen and (max-width: 1080px){.article-body .article-cover{width:640px;height:256px}}.article-body .article-cover img{display:block;width:100%}.article-body .article-title{margin-bottom:10px;line-height:1.5;font-size:28px;font-weight:normal;color:#222;letter-spacing:2px}.article-body .article-info{margin-bottom:10px;line-height:32px;font-size:16px;color:#888}.article-body .article-info .cate-name{margin-left:10px}.article-body .article-info .cate-name a{color:#222}.article-body .article-info .cmt-nums{margin-left:10px}.article-body .article-content{line-height:2;font-size:16px;color:#333}.article-body .article-content p,.article-body .article-content blockquote{word-wrap:break-word;word-break:break-all}.article-body .article-content pre{font-size:14px;word-wrap:break-word;word-break:break-all;box-sizing:content-box}.article-body .article-content pre *{box-sizing:content-box}.article-body .article-content pre::-webkit-scrollbar{height:10px;cursor:pointer}.article-body .article-content pre::-webkit-scrollbar-thumb{border-radius:.3em;background:#888}.article-body .article-content pre::-webkit-scrollbar-track{background:transparent}.article-body .article-content p{margin-bottom:.5em}.article-body .article-content pre[class*=language-]{margin:0 0 .5em}.article-body .article-content img{max-width:100%;font-size:12px;color:#888}.article-body .article-content blockquote{margin:5px 0;padding:10px 15px;border-radius:8px;background:#f9f9f9;box-shadow:0 .5px 1px #eee}.article-body .article-content blockquote p{margin-bottom:0}.article-body .article-content.justify{text-align:justify}.article-body .article-update-tips{margin-bottom:20px;padding:15px;line-height:1.5;font-size:15px;border:2px dashed #ddd;border-radius:4px;color:#000;background:#ffffe5}.article-body .article-notice{margin-bottom:20px;padding:8px 15px;line-height:24px;border-radius:4px;background:#f5f5f5}.article-body .article-notice .article-author{color:#f63}.article-body .article-notice .site-name{color:#000}.article-body .article-tags{margin-bottom:10px;font-size:0}.article-body .article-tags .name{display:inline-block;margin-right:5px;line-height:26px;font-size:14px;color:#888}.article-body .article-tags .tag-item{display:inline-block;margin-right:5px;line-height:26px;font-size:14px;color:#222}.article-body .reward-btn-group{font-size:0;text-align:center}.article-body .reward-btn-group .reward-item{display:inline-block;width:40px;height:40px;margin:0 5px;line-height:40px;font-size:20px;text-align:center;color:#fff;border-radius:4px;background:#f9a80c;cursor:pointer}.article-related{margin-top:30px;padding:20px 30px;background:#fff}.article-related .title{height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#222}.article-related .related-list h2{line-height:30px;font-size:16px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-related .related-list h2 a{color:#222}.article-related .related-list h2 a:hover{color:#f63}.share-popup{position:absolute;padding:12px;border-radius:4px;background:#fff;box-shadow:0px 0px 5px 0px rgba(0,0,0,.12);z-index:999;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.share-popup::before{content:"";position:absolute;top:-22px;right:10px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid transparent;border-bottom:11px solid #ecebeb}.share-popup::after{content:"";position:absolute;top:-20px;right:11px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid #fff}.share-popup .title{font-size:12px;color:#000}.share-popup .sns-list{margin-top:10px}.share-popup .sns-item{float:left;position:relative;display:block;width:64px;text-align:center;cursor:pointer}.share-popup .sns-item:hover{opacity:.9}.share-popup .sns-item .sns-icon{display:block;width:36px;height:36px;margin:0 auto;background:50% 50% no-repeat;background-size:cover}.share-popup .sns-item .name{line-height:20px;font-size:12px;color:#1a1a1a}.share-popup .sns-item.weibo .sns-icon{background-image:url(../images/sns/weibo.png)}.share-popup .sns-item.qq .sns-icon{background-image:url(../images/sns/qq.png)}.share-popup .sns-item.douban .sns-icon{background-image:url(../images/sns/douban.png)}.share-popup .sns-item.qzone .sns-icon{background-image:url(../images/sns/qzone.png)}.share-popup .sns-item.facebook .sns-icon{background-image:url(../images/sns/facebook.png)}.share-popup .sns-item.twitter .sns-icon{background-image:url(../images/sns/twitter.png)}.share-popup .sns-item.wechat:hover{opacity:1}.share-popup .sns-item.wechat .sns-icon{background-image:url(../images/sns/weixin.png)}.share-popup #wechat-qrcode{position:absolute;top:-165px;left:-45px;width:150px;height:150px;padding:15px;background:#fff;border-radius:4px;box-shadow:0px 0px 3px 0px rgba(0,0,0,.12);z-index:999;display:none;opacity:0;transition:all 200ms;transform:translate3d(0, 20px, 0)}.share-popup #wechat-qrcode img{display:block;width:100%}.share-popup #wechat-qrcode::before{content:"";position:absolute;bottom:-22px;left:50%;margin-left:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid transparent;border-top:11px solid #ecebeb}.share-popup #wechat-qrcode::after{content:"";position:absolute;bottom:-20px;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid #fff}.share-popup #wechat-qrcode.show{display:block}.share-popup #wechat-qrcode.active{opacity:1;transform:none}@-webkit-keyframes fadeInDown{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fadeInDown{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.qrcode-popup{position:fixed;top:50%;left:50%;width:280px;height:328px;margin:-164px 0 0 -140px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);overflow:hidden;z-index:100;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.qrcode-popup .title{position:relative;height:48px;padding:0 20px;line-height:48px;font-size:16px;color:#123;background:#f6f7f8}.qrcode-popup .close-btn{position:absolute;top:0;right:0;width:48px;height:48px;line-height:48px;font-size:18px;text-align:center;color:#666;cursor:pointer}.qrcode-popup .close-btn:hover{color:#333}.qrcode-popup .qrcode-main{position:relative;width:240px;padding:20px 0;margin:0 auto}.qrcode-popup .qrcode-main img{display:block;width:100%}.qrcode-popup .qrcode-main::after{content:"";font-family:iconfont;position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;line-height:40px;font-size:32px;text-align:center;color:#123;background:#fff}.code-copy-btn{display:inline-block;position:absolute;bottom:auto;left:auto;top:0;width:auto;height:auto;padding:0 .5em;font-size:.9em;color:#000;border-radius:0 0 5px 5px;text-shadow:none;background-color:#cfcfcf;z-index:1;cursor:pointer}.page-container{width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between}@media screen and (max-width: 1080px){.page-container{width:100%;padding:0 20px}}.page-container .page-main{width:850px}@media screen and (max-width: 1080px){.page-container .page-main{width:750px}}.page-container .page-full-main{width:100%}.page-container .page-nav{width:200px}.page-container .page-nav-menu{position:-webkit-sticky;position:sticky;top:0;margin-top:30px;padding:15px 20px;background:#fff}.page-container .page-nav-menu li{position:relative;padding-right:30px;height:40px;line-height:40px;font-size:16px;overflow:hidden}.page-container .page-nav-menu li a{display:block;color:#222}.page-container .page-nav-menu li a:hover{color:#f63}.page-container .page-nav-menu li::after{display:none;content:"";position:absolute;top:50%;right:0;width:30px;height:30px;margin-top:-15px;line-height:30px;font-size:18px;font-family:iconfont;text-align:right;color:#3a6ea5}.page-container .page-nav-menu li.active a{color:#3a6ea5}.page-container .page-nav-menu li.active::after{display:block}.page-body{position:relative;margin-top:30px;padding:30px;background:#fff;overflow:hidden}.page-body .page-title{margin-bottom:20px;line-height:2;font-size:28px;font-weight:normal;color:#000}.page-body .page-content{line-height:2;font-size:16px;color:#333}.page-body .page-content p,.page-body .page-content blockquote{word-wrap:break-word;word-break:break-all}.page-body .page-content pre{font-size:14px;word-wrap:break-word;word-break:break-all;box-sizing:content-box}.page-body .page-content pre *{box-sizing:content-box}.page-body .page-content pre::-webkit-scrollbar{height:10px;cursor:pointer}.page-body .page-content pre::-webkit-scrollbar-thumb{border-radius:.3em;background:#888}.page-body .page-content pre::-webkit-scrollbar-track{background:transparent}.page-body .page-content p{margin-bottom:.5em}.page-body .page-content pre[class*=language-]{margin:0 0 .5em}.page-body .page-content img{max-width:100%;font-size:12px;color:#888}.page-body .page-content blockquote{margin:5px 0;padding:10px 15px;border-radius:4px;background:#f9f9f9;box-shadow:0 .5px 1px #eee}.page-body .page-content blockquote p{margin-bottom:0}.link-list-mode{margin-top:30px}.link-list-mode>ul>li{float:left}.link-list-mode h3{line-height:1.5;margin-bottom:10px;font-size:18px;font-weight:normal;color:#f63;border-bottom:1px dashed #ddd}.link-list-mode.module-to-link>ul>li,.link-list-mode.module-to-favorite>ul>li{width:25%;line-height:28px;font-size:14px}.link-list-mode.module-to-link>ul>li a,.link-list-mode.module-to-favorite>ul>li a{color:#123}.link-list-mode.module-to-link>ul>li a:hover,.link-list-mode.module-to-favorite>ul>li a:hover{color:#3a6ea5}.link-list-mode.module-to-misc{margin-bottom:20px}.link-list-mode.module-to-misc>ul>li{width:88px;height:31px;margin:10px 10px 0 0;overflow:hidden}.link-list-mode.module-to-misc>ul>li img{display:block;width:100%}.page-archive-container h3{margin-bottom:10px;line-height:1.5;font-size:18px;font-weight:normal;color:#f9a80c;border-bottom:1px solid #ddd}.page-archive-container .page-archive-item{margin-top:30px;margin-bottom:10px}.page-archive-container .page-archive-list li{position:relative;padding-left:60px;line-height:28px}.page-archive-container .page-archive-list .post-date{position:absolute;top:0;left:0;width:60px;color:#888}.page-archive-container .page-archive-list h2{line-height:28px;font-size:14px;color:#333;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-archive-container .page-archive-list h2 a{color:#333}.page-archive-container .page-archive-list h2:hover a{color:#123;text-decoration:underline}.sidebar{width:320px}.sidebar .follow-sidebar{position:-webkit-sticky;position:sticky}.side-item{margin-top:30px;padding:10px 20px;background:#fff}.side-item .side-title{height:42px;font-size:18px;color:#222;border-bottom:2px solid #eee}.side-item .side-title h3{position:relative;display:inline-block;line-height:40px;font-size:18px;font-weight:bold;color:#3a6ea5}.side-item .side-title h3::after{content:"";position:absolute;top:40px;left:0;width:100%;height:2px;border-bottom:2px solid #3a6ea5}.side-item .side-content{padding:10px 0}.side-new-comment-item .side-comment-item{position:relative;padding:10px 0 10px 48px;border-bottom:1px dashed #eee}.side-new-comment-item .side-comment-item:last-child{padding-bottom:0;border-bottom:none}.side-new-comment-item .side-comment-item .avatar{position:absolute;top:15px;left:0;width:36px;height:36px}.side-new-comment-item .side-comment-item .avatar img{border-radius:0}.side-new-comment-item .side-comment-item .avatar .cmt-user-text-avatar{display:block;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#fff;background:#3a6ea5}.side-new-comment-item .side-comment-item .post-time{display:block;line-height:20px;font-size:12px;color:#222}.side-new-comment-item .side-comment-item .nickname-info{display:block;line-height:20px;font-size:14px;color:#888}.side-new-comment-item .side-comment-item .nickname-info .nickname{margin-right:2px;color:#222}.side-new-comment-item .side-comment-item .nickname-info .reply-nickname{margin-left:2px;color:#222}.side-new-comment-item .side-comment-item .content{padding:3px 0;line-height:20px;font-size:14px;text-align:justify;color:#555}.side-new-comment-item .side-comment-item .title{display:block;line-height:20px;font-size:12px;color:#999;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-new-article-item .side-content{padding-top:5px}.side-new-article-item .article-info{display:block;line-height:20px;font-size:12px}.side-new-article-item .article-info .post-date{margin-right:10px;color:#888}.side-new-article-item li{padding:10px 0;border-bottom:1px dashed #eee}.side-new-article-item li:last-child{padding-bottom:0;border-bottom:none}.side-new-article-item li h2{line-height:24px;font-size:16px}.side-new-article-item li h2 a{color:#222}.side-new-article-item li h2 a:hover{color:#f63}.side-hot-view-item .side-content,.side-hot-cmt-item .side-content{padding-top:5px}.side-hot-view-item .article-info,.side-hot-cmt-item .article-info{display:block;line-height:20px;font-size:12px}.side-hot-view-item li,.side-hot-cmt-item li{padding:10px 0;border-bottom:1px dashed #eee}.side-hot-view-item li:last-child,.side-hot-cmt-item li:last-child{padding-bottom:0;border-bottom:none}.side-hot-view-item li h2,.side-hot-cmt-item li h2{line-height:24px;font-size:16px}.side-hot-view-item li h2 a,.side-hot-cmt-item li h2 a{color:#222}.side-hot-view-item li h2 a:hover,.side-hot-cmt-item li h2 a:hover{color:#f63}.side-hot-view-item .article-info .view-nums{margin-right:10px}.side-hot-view-item .article-info .view-nums .fi{color:#f63}.side-hot-cmt-item .article-info .cmt-nums{margin-right:10px}.side-hot-cmt-item .article-info .cmt-nums .fi{color:#000}.side-tui-article-item .side-pics-article-item{position:relative;height:60px;margin-top:10px;padding-left:90px}.side-tui-article-item .side-pics-article-item .thumb{position:absolute;top:0;left:0;width:80px;height:60px;background:#f5f5f5}.side-tui-article-item .side-pics-article-item h2{display:table;height:60px;font-size:14px}.side-tui-article-item .side-pics-article-item a{display:table-cell;line-height:1.3;color:#123;vertical-align:middle}.side-tui-article-item .side-pics-article-item a:hover{color:#f63}.divSearchPanel .side-content{padding:10px 0}.divSearchPanel .side-content .search-form,.divSearchPanel .side-content [name=search]{position:relative}.divSearchPanel .side-content [name=q],.divSearchPanel .side-content .form-control{width:100%;height:48px;padding:10px;padding-right:100px;line-height:26px;font-size:16px;border:1px solid #eee;border-radius:4px}.divSearchPanel .side-content [type=submit],.divSearchPanel .side-content .btn{position:absolute;top:0;right:0;width:90px;height:48px;line-height:48px;font-size:16px;color:#fff;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#f9a80c;outline:0;outline-color:transparent;-webkit-appearance:none;cursor:pointer}.divLinkage .side-content ul,.divFavorites .side-content ul{margin:5px -5px}.divLinkage .side-content li,.divFavorites .side-content li{float:left;width:33.33%;height:30px;padding:0 5px;line-height:30px;overflow:hidden}.divLinkage .side-content a,.divFavorites .side-content a{color:#123}.divLinkage .side-content a:hover,.divFavorites .side-content a:hover{color:#369}.divLinkage .side-content .link-6,.divFavorites .side-content .link-6{width:66.66%}.divLinkage .side-content .link-12,.divFavorites .side-content .link-12{width:100%}.divCalendar .side-content table{width:100%;border-collapse:collapse}.divCalendar .side-content table,.divCalendar .side-content tr,.divCalendar .side-content th,.divCalendar .side-content td{border:1px solid #eee}.divCalendar .side-content caption{line-height:36px;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}.divCalendar .side-content caption a{font-size:15px;color:#123}.divCalendar .side-content thead{background:#f6f7f8}.divCalendar .side-content th{height:36px}.divCalendar .side-content td{height:36px;text-align:center}.divCalendar .side-content td a{font-weight:700;color:#123}.divCalendar .side-content td a:hover{color:#f63}.divNavBar{display:none}.divCatalog ul{margin:0 -5px}.divCatalog li{float:left;width:50%;line-height:30px;padding:0 5px}.divCatalog li a{color:#123}.divCatalog li a:hover{color:#f63}.divCatalog li a::before{content:"";font-family:iconfont;margin-right:2px}.divArchives ul{margin:0 -5px}.divArchives li{float:left;width:50%;line-height:30px;padding:0 5px}.divArchives li a{color:#123}.divArchives li a:hover{color:#f63}.divArchives li a::before{content:"";font-family:iconfont;margin-right:2px}.divComments ul li{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divComments ul li a{color:#123}.divComments ul li a:hover{color:#f63}.divComments ul li a::before{content:"";font-family:iconfont;margin-right:2px}.divPrevious ul li{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divPrevious ul li a{color:#123}.divPrevious ul li a:hover{color:#f63}.divPrevious ul li a::before{content:"";font-family:iconfont;margin-right:2px}.divMisc .side-content{padding-top:20px}.divMisc .side-content ul{margin:0 -5px}.divMisc .side-content li{float:left;width:33.33%;padding:0 5px;margin-bottom:10px;overflow:hidden}.divMisc .side-content li img{display:block;max-width:100%}.divAuthors .side-content ul{margin:0 -5px}.divAuthors .side-content li{float:left;width:50%;line-height:30px;padding:0 5px}.divAuthors .side-content li a{color:#123}.divAuthors .side-content li a:hover{color:#f63}.divAuthors .side-content li a::before{content:"";font-family:iconfont;margin-right:2px}.divStatistics .side-content ul{margin:0 -5px}.divStatistics .side-content li{float:left;width:50%;line-height:26px;padding:0 5px}.divTags .side-content li{float:left;height:20px;line-height:20px;font-size:14px;margin-right:5px}.divTags .side-content li a{color:#333}.divTags .side-content li a:hover{text-decoration:underline}.divTags .side-content li:nth-child(5n) a{color:#28dc64}.divTags .side-content li:nth-child(5n+1) a{color:#a0dc28}.divTags .side-content li:nth-child(5n+2) a{color:#5db7e5}.divTags .side-content li:nth-child(5n+3) a{color:#edb091}.divTags .side-content li:nth-child(5n+4) a{color:#28a0dc}.comment-group{margin-top:30px;padding:20px 30px 0;background:#fff}.comment-group .title{height:40px;line-height:40px}.comment-group .title h3{font-size:18px;font-weight:bold;color:#222}.comment-group .title .comm-nums{font-size:12px;color:#555}.comment-group .pagebar{height:52px;margin-top:20px;padding-bottom:20px;font-size:0}.comment-group .page-item{display:inline-block;line-height:32px;font-size:16px}.comment-group .page-item a{display:block;padding:0 8px;color:#222}.comment-group .page-item:hover a{color:#f63}.comment-group .page-now{padding:0 8px;color:#3a6ea5}.comment-post{padding-bottom:30px}.comment-post .welcome-user{display:block;height:32px;font-size:0;color:#000}.comment-post .welcome-user>span{display:inline-block;line-height:32px;font-size:16px;vertical-align:baseline}.comment-post .welcome-user .nickname{color:#f63}.comment-post .welcome-user .update-info{opacity:0;margin-left:10px;font-size:12px;color:#888;transition:all 200ms;cursor:pointer}.comment-post .welcome-user:hover .update-info{opacity:1}.comment-post .comment-editor{width:100%}.comment-post .comment-editor .input-textarea{display:block;margin-bottom:10px;max-width:100%;min-width:100%;min-height:120px;line-height:25px;font-size:15px;padding:9px 12px;border:1px solid #eee;resize:none;transition:all 200ms}.comment-post .comment-editor .input-textarea:focus{border-color:#aaa}.comment-post .comment-user-input{position:relative}.comment-post .comment-user-input.has-avatar{padding-left:100px;min-height:100px}.comment-post .comment-user-input.has-avatar.info-len-1,.comment-post .comment-user-input.has-avatar.info-len-2{padding-left:50px;min-height:50px}.comment-post .comment-user-input.has-avatar.info-len-1 .user-avatar-box,.comment-post .comment-user-input.has-avatar.info-len-2 .user-avatar-box{width:40px;height:40px;margin-top:-25px}.comment-post .comment-user-input.has-avatar.info-len-1 .user-avatar-box .null-avatar,.comment-post .comment-user-input.has-avatar.info-len-2 .user-avatar-box .null-avatar{line-height:40px;font-size:24px}.comment-post .comment-user-input.has-avatar.info-len-1 .user-avatar-box .text-avatar,.comment-post .comment-user-input.has-avatar.info-len-2 .user-avatar-box .text-avatar{line-height:40px;font-size:24px}.comment-post .comment-user-input.userinfo-input{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.comment-post .comment-user-input .user-avatar-box{position:absolute;top:50%;left:0;width:90px;height:90px;margin-top:-50px;background:#eee}.comment-post .comment-user-input .user-avatar-box.avatar-type-1{cursor:pointer}.comment-post .comment-user-input .user-avatar-box .null-avatar{position:absolute;width:100%;height:100%;line-height:90px;text-align:center;font-size:45px;color:#fff;z-index:1}.comment-post .comment-user-input .user-avatar-box .text-avatar{position:relative;display:block;width:100%;height:100%;line-height:90px;text-align:center;font-size:48px;color:#fff;background:#3a6ea5;z-index:10}.comment-post .comment-user-input .user-avatar-box .img-avatar{position:relative;display:block;width:100%;height:100%;z-index:10}.comment-post .comment-user-input .user-input-item{position:relative;width:calc(50% - 5px);height:40px;margin-bottom:10px;padding-left:50px;font-size:14px;transition:all 200ms}.comment-post .comment-user-input .user-input-item label{position:absolute;top:0;left:0;width:50px;height:40px;line-height:40px;text-align:center;color:#555;background:#eee}.comment-post .comment-user-input .user-input-item.focus{border-color:#ccc}.comment-post .comment-user-input .input-text{width:100%;height:40px;padding:5px 12px;line-height:28px;font-size:14px;border:1px solid #eee}.comment-post .comment-post-footer{height:40px}.comment-post .comment-post-footer .verify-group{width:240px}.comment-post .comment-post-footer .verify-input{width:140px;height:40px;padding:0 10px;line-height:28px;border:1px solid #eee}.comment-post .comment-post-footer .verify-image{display:block;width:90px;height:30px;margin:5px 0;cursor:pointer}.comment-post .comment-post-footer .submit-form{width:120px;height:40px;line-height:40px;font-size:16px;margin:0;padding:0;border:none;color:#fff;background:#f9a80c;cursor:pointer}.comment-post .comment-post-footer .cancel-reply-btn{display:block;height:40px;line-height:40px;margin-right:20px;color:#666;cursor:pointer}.comment-post .comment-post-footer .cancel-reply-btn:hover{color:#123}.comment-item{position:relative;padding:20px 0 26px 60px;margin-bottom:-1px;min-height:48px;border-top:1px solid #f5f5f5;border-bottom:1px solid transparent;transition:all 200ms}.comment-item:hover{margin:0 -30px -1px;padding:20px 30px 26px 90px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#f0f0f0}.comment-item:hover>.avatar,.comment-item:hover>.cmt-user-text-avatar{left:30px}.comment-item:hover .comment-parent-content{background:#e0e0e0}.comment-item>.avatar{position:absolute;top:20px;left:0;width:48px;height:48px;transition:all 200ms}.comment-item>.avatar>.cmt-user-text-avatar{display:block;width:48px;height:48px;line-height:48px;text-align:center;font-size:24px;color:#fff;background:#3a6ea5}.comment-item .comment-user-info{line-height:1.5;margin-bottom:5px;font-size:14px}.comment-item .comment-user-info .nickname{margin-right:10px;color:#3a6ea5}.comment-item .comment-user-info .post-time{margin-right:10px;color:#666}.comment-item .comment-user-info .comment-floor{float:right;color:#888}.comment-item .comment-user-device-info{position:absolute;bottom:60px;left:0;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.25);z-index:100;display:none;opacity:0;transition:all 200ms}.comment-item .comment-user-device-info::before,.comment-item .comment-user-device-info::after{content:"";position:absolute}.comment-item .comment-user-device-info::before{bottom:-20px;left:14px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid #ddd}.comment-item .comment-user-device-info::after{bottom:-17px;left:15px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid transparent;border-top:9px solid #fff}.comment-item .comment-user-device-info>span{display:block;line-height:24px;white-space:nowrap}.comment-item .comment-user-device-info.active{opacity:1}.comment-item .comment-user-device-info.show{display:block}.comment-item .comment-user-device-info .query-ip{font-size:12px;color:#123;cursor:pointer}.comment-item .comment-parent-content{padding:8px;margin-bottom:5px;color:#888;font-size:13px;border-radius:4px;background:#f9f9f9;transition:all 200ms}.comment-item .comment-parent-content>.parent-nickname{color:#3a6ea5}.comment-item .comment-content p{line-height:1.5;font-size:15px;margin-bottom:5px;color:#333;word-wrap:break-word;word-break:break-word;overflow:hidden}.comment-item .comment-content{cursor:pointer}.comment-item .comment-post{margin-top:20px}.avatar-select-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:10000;display:none}.avatar-select-bg.active{display:block}.avatar-select-group{position:absolute;top:50%;left:50%;width:660px;height:480px;margin:-240px 0 0 -330px;background:#fff}.avatar-select-group .head{height:40px;background:#f5f5f5}.avatar-select-group .title{padding:0 20px;line-height:40px;font-size:14px;color:#000}.avatar-select-group .close-btn{width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;color:#333;cursor:pointer}.avatar-select-group .avatar-select-box{width:100%;height:440px;padding:20px 20px 10px;overflow-x:hidden;overflow-y:auto}.avatar-select-group .avatar-select-box::-webkit-scrollbar{width:10px;cursor:pointer}.avatar-select-group .avatar-select-box::-webkit-scrollbar-thumb{border-radius:5px;background:#555}.avatar-select-group .avatar-select-box::-webkit-scrollbar-track{border-radius:5px;background:#aaa}.avatar-select-group .avatar-item{width:90px;height:90px;margin:0 10px 10px 0;cursor:pointer}.avatar-select-group .avatar-item img{display:block;width:90px;height:90px}.search-container{width:1080px;margin:30px auto;padding:30px 150px;background:#fff}.search-container h1{line-height:1.5;font-size:24px;color:#000}.search-container .search-form-group{position:relative;height:48px;margin-bottom:20px}.search-container .search-form-group .form-input{width:100%;height:48px;padding:10px 12px;line-height:26px;font-size:16px;border:1px solid #eee;transition:all 200ms ease-in-out}.search-container .search-form-group .form-input:focus{border-color:#f9a80c}.search-container .search-form-group .form-btn{position:absolute;top:0;right:0;width:48px;height:48px;line-height:48px;font-size:24px;text-align:center;color:#fff;border:none;background-color:#f9a80c;cursor:pointer}.search-container .pagebar{height:52px;margin-top:20px;padding-bottom:20px;font-size:0}.search-container .page-item{display:inline-block;line-height:32px;font-size:16px}.search-container .page-item a{display:block;padding:0 8px;color:#222}.search-container .page-item:hover a{color:#f63}.search-container .page-now{padding:0 8px;color:#3a6ea5}.search-article-item{display:block;padding:20px 0;border-bottom:1px dashed #eee}.search-article-item .article-title{display:block;margin-bottom:10px;line-height:1.5;font-size:18px;color:#222}.search-article-item .article-intro{line-height:1.5;font-size:14px;color:#888}.search-article-item .high-word{font-weight:bold;color:#f63}.error-page{background:#fff}.error-container{padding:20px 0}.error-container .minions-bg{width:600px;height:500px;margin:0 auto;background:url(../images/minions_bg.jpg) 50% 50% no-repeat;background-size:cover}.error-container .error-info{margin:20px 0;text-align:center;font-weight:300}.error-container .error-info h2{line-height:120px;font-size:60px;font-weight:300;color:#222}.error-container .error-info .tips{line-height:36px;font-size:18px;color:#4c7481}.error-container .error-info .tips-info{line-height:20px;font-size:13px;color:#999}@media screen and (max-width: 600px){.error-container .error-info h2{line-height:72px;font-size:36px}.error-container .error-info .tips{line-height:32px;font-size:16px}}.list-container .pagebar{margin-top:30px;font-size:0;text-align:center}.list-container .pagebar .page-item{display:inline-block;line-height:36px;margin:0 5px;font-size:14px;background:#fff}.list-container .pagebar .page-item a{display:block;padding:0 15px;color:#222}.list-container .pagebar .page-item:hover a{color:#f63}.list-container .pagebar .page-now{padding:0 15px;color:#3a6ea5}.list-container .pagebar-more-group{margin-top:30px}.list-container .pagebar-more-group a{display:block;width:100%;height:48px;line-height:48px;margin:0 auto;font-size:16px;text-align:center;border-radius:4px;color:#333;background:#fff;overflow:hidden}body{min-width:1024px}img{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.avatar{display:block}.avatar img{display:block;width:100%}