/*
*Description: hyy Theme CSS
*Author: PengTao
*Website: http://www.pengtao.net/
*Mail: okeu@qq.com
*Version: 5.0(2022-07-21)
*/
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#a8a8a8}::-webkit-scrollbar-thumb:vertical:active{background-color:#787878}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}
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,center,dl,dt,dd,ol,ul,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;font-size:100%;border:0;vertical-align:baseline}
body{font-size:16px;color:#333;font-family:Penrose,"PingFang SC","Hiragino Sans GB",Tahoma,Arial,"Lantinghei SC","Microsoft YaHei","simsun",sans-serif}
body[zoom='scale']:before{content:'\60a8\7684\6d4f\89c8\5668\5904\4e8e\7f29\653e\72b6\6001\ff0c\9875\9762\53ef\80fd\4f1a\51fa\73b0\9519\4f4d\ff0c\8bf7\8bbe\7f6e\31\30\30\25\5927\5c0f\663e\793a\3002';width:100%;font-size:12px;color:#fff;text-align:center;line-height:32px;background:rgba(50,57,65,0.6);position:fixed;bottom:0;left:0;z-index:99}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{color:#568ABE;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
a:hover{color:#568ABE;text-decoration:none}
i{font-style:normal}
ul,ol{list-style-type:none}
img{max-width:100%;height:auto;width:auto\9;border:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
input,textarea{font-size:16px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;outline:0}

.zoom{display:inline-block;vertical-align:top}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

@font-face{font-family:'iconfont';src:url('fonts/iconfont.woff2') format('woff2'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype');font-weight:normal;font-style:normal}

.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.08)}
.hide{display:none !important}
.wrap{width:60%;margin:0 auto;zoom:1}
.wrap::after{content:"";display:block;clear:both}
.wrapper{background:#f1f1f1;position:relative}

.head{padding-left:160px;position:relative;zoom:1}
.head::after{content:"";display:block;clear:both}
.header{background:#fff;box-shadow:0 1px 4px 0 rgba(238,238,238,0.5);position:relative;z-index:100}
.header .name{height:60px;float:left;display:inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:1}
.header .name a{font-size:22px;color:#333;line-height:60px}
.header .subname{float:left;display:inline;margin:30px 0 0 10px;font-size:16px;color:#333}
.header.fixed{border-bottom:1px solid #eee;position:fixed;top:0;width:100%;z-index:100}
.lazyline{height:2px;background-color:#0188fb;position:absolute;top:0;top:2px\0;left:0;z-index:2}
.lazynum{padding:0 10px;font-size:12px;color:#fff;line-height:20px;border-top-left-radius:10px;border-bottom-left-radius:10px;background:rgba(10,10,10,0.2);position:fixed;right:0;bottom:5px;z-index:100}
.logo{height:60px;float:left;padding-left:5px;display:inline;overflow:hidden;position:relative;z-index:99}
.logo a{width:100%;height:60px;display:table-cell;vertical-align:middle;transition:all ease .3s}
.logo a img{height:50px;vertical-align:middle}
.logo a img:first-child{display:none}
.logo a img:last-child{display:block}

@-webkit-keyframes shine{100%{left:125%}}
@keyframes shine{100%{left:125%}}

/*2022新版pc*/
.catalog{
    position: fixed;
    top: 70px;
    width:120px;
    left:20px;
    z-index: 101;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
}
.catalog h3{
    color: #111E2C;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #e4e8eb;
}

.catalog{font-size:14px;}
.catalog ul li span{color: #999;font-size:13px;margin-left:8px;}
.catalog ul li a,.catalog ul li a:visited{display: block;color: #49586a;padding: 10px 20px;height: 20px;line-height:20px;border-bottom: 1px solid #e8eef6;border-top: 0; font-size: 14px;}
.catalog ul li a:hover{text-decoration: none;background: #f8fbff;}
.catalog ul li a.active{color: #5698da;background: #f8fbff;border-left:2px solid #5698da;}

.index-content{
    font-size: 14px;
}
.index-content h3{
    margin: 0 0 10px;
    font-weight: 700;
}
.index-content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-content ul li{
    width: 48%;
    list-style: none;
    line-height: 28px;
    color:#5698da;
    border-bottom: 1px dashed #e2e2e2;
}
.index-content ul li p{
    margin: 5px 0;
    line-height: 24px; 
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.index-content ul li .sapn{
    color: #999; padding-left: 10px;
}

.index-content-box {
    margin-top: 30px;
    border-radius: 8px;
    background: #ffddc6;
    font-size: 14px;
    padding: 30px;
    border: 1px solid rgba(17, 30, 44, 0.08);
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
}

.Catalog-list{
    font-size: 14px;
}
.Catalog-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Catalog-list ul li{
    width: 100%;
    list-style: none;
    line-height: 28px;
    color:#5698da;
}
.Catalog-list ul li span{
    color: #999; padding-left: 10px;
}
.content.wide{width:100%}
.post{margin-bottom:20px;padding:20px 26px;word-break:break-all;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.post:last-child{margin-bottom:0;padding-bottom:0;border:0}
.post::after{content:"";display:block;clear:both}
.post h1{
    margin: 0 0 8px;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    line-height: 36px;
}
.post h1 span{
    font-size: 14px;
    color: #999;
    font-weight: normal;
    float: right;
    line-height: 36px;
}

.single{padding:20px 0 0;line-height:1.9;border-top:1px dotted #e4e8eb;height: auto;word-wrap:break-word;word-break:break-all;overflow:hidden;position: relative;}
.single .tagscloud li{margin:0 0 2% 2%}
.single .readers li{margin:0 0 3% 3%}
.single ul,.single ol{margin:0 0 20px 1.5em;list-style:disc outside}
.single ul li,.single ol li{margin-bottom:.5em}
.single ul p,.single ol p{display:inline}
.single p{margin-bottom:1em;text-align:justify;text-justify:inter-ideograph;position:relative}
.single p img.ue-image{margin:0 auto}
.single p img.ue-emoticon{vertical-align:middle}
.single p.ue-upload{padding:10px;border:1px dashed #e4e8eb}
.single p.ue-upload img{vertical-align:top !important}
.single p.ue-upload a{font-size:14px !important;color:#0188fb !important}
.single p .tagslink{margin:0 2px}
.single p .tagslink::after{content:"\e6e1";margin:0 -2px;font-family:iconfont;font-weight:bold;position:relative;top:-2px;display:inline-block;vertical-align:top;transform:scale(.8)}
.single h1,.single h2,.single h3,.single h4,.single h5,.single h6{margin:10px 0;line-height:1.5;position:relative;}
.single h1{font-size:22px;}
.single h2{font-size:20px;}
.single h3{font-size:18px;}
.single h4{font-size:16px;}
.single h5{font-size:14px;}
.single h6{font-size:12px;}
.single blockquote{margin-bottom:20px;padding:10px 20px 10px 50px;font-size:14px;color:#666;line-height:1.8;border:1px dotted #ccc;background:#f8f8f8;position:relative}
.single blockquote::before{content:"“";font-size:70px;color:#e4e8eb;font-family:arial;line-height:1;position:absolute;top:5px;left:14px}
.single blockquote p{margin:0}
.single table{margin-bottom:20px;font-size:14px;border-collapse:collapse;border-spacing:0}
.single .th{width:100px;background:#f5f5f5}
.single td{padding:5px 10px;color:#666;line-height:24px;word-break:break-all;border:1px solid #e4e8eb}
.single div.prism-show-language>div.prism-show-language-label[data-language]{font-size:14px}
.single span.prism-token{background:none !important}
.single code[class*="language-"],.single pre[class*="language-"]{color:inherit}
.single pre[class*="language-"]{margin-bottom:20px;font-size:14px}
.single.indent p,.single.indent ol,.single.indent ul{text-indent:2em}
.single.indent blockquote p{text-indent:0}
.single .archivelist{margin:10px 0;list-style:none}
.single .archivelist li{margin:0}
.tags{color: #568ABE;padding-bottom: 10px;border-bottom: 1px dashed #dddddd;}
.tags a{text-decoration: none;padding: 5px;line-height: 30px;}
.author{font-size: 12px; color: #dddddd;border-top: 1px dashed #dddddd;text-align: center;line-height: 30px;}

.posttitle {
    padding: 0 0 7px;
    line-height: 30px;
    border-bottom: 1px solid #e4e8eb;
}
/*2022新版css end*/

.nav{border-bottom:1px solid #ddd;border-image:-webkit-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;border-image:-moz-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;border-image:linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100}
.nav dl{padding-right:50px;line-height:35px;font-size:0;text-align:right}
.nav dl dd{margin:0 10px;font-size:14px;color:#333;display:inline-block;vertical-align:top}
.nav dl dd a{color:#333}.account{float:right;display:inline}
.sign{float:left;display:inline;font-size:14px;line-height:60px}
.sign span{margin:15px 0 0 10px;line-height:28px;overflow:hidden;display:inline-block;vertical-align:top}
.sign span a{margin:0 10px 0 0;padding:0 14px;font-size:14px;color:#0188fb;line-height:28px;border:1px solid #0188fb;border-radius:15px;display:inline-block}
.sign span a:hover{color:#fff;background:#0188fb}
.signuser{margin-left:10px;padding:13px 13px 0;font-size:0;line-height:45px;border-top:2px solid transparent;position:relative;display:inline-block;vertical-align:top}
.signuser .uimg{position:relative;display:inline-block;vertical-align:top}
.signuser .uimg img{width:30px;height:30px;border-radius:50%;display:inline-block;vertical-align:top}
.signuser .uimg i{width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;background:#ccc;position:absolute;right:-3px;top:20px;z-index:2}
.signuser .uimg i.vip{background:#0188fb}
.signuser .uimg i::after{content:"V";font-size:12px;color:#fff;font-family:iconfont}
.signuser .uname{max-width:70px;margin-left:8px;font-size:14px;color:#333;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:top}
.signuser.normal:hover{border-color:#0188fb;background:#fff}
.signuser.normal:hover .signuserpop{display:block}
.signuser.simple:hover{border-color:transparent}
.signuser.simple:hover .signuserpop{display:none}
.signusermenu{text-align:center;line-height:36px;position:relative;z-index:1}
.signusermenu a{padding:0 10px;font-size:14px;color:#333;display:block}
.signusermenu a:hover{color:#0188fb;background:#f0f0f0}
.signuserpop{width:100%;padding-top:0;box-shadow:0 2px 24px 0 rgba(0,0,0,0.08);user-select:none;background:#fff;position:absolute;top:56px;right:0;z-index:-1;display:none}

.menu{float:right;display:inline;line-height:60px;position:relative}
.menu ul{padding-right:35px;zoom:1}
.menu ul::after{content:"";display:block;clear:both}
.menu ul.nosch{padding:0}
.menu li{float:left;display:inline;margin:0 20px 0 0;position:relative}
.menu li a{font-size:16px;color:#333;position:relative;display:inline-block}
.menu li a:hover{color:#0188fb}
.menu li::before{content:"";width:0;height:3px;border-radius:3px 3px 0 0;opacity:.1;background:#0188fb;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.menu li:hover::before,.menu li.on::before{width:32px;margin-left:-16px;opacity:1}
.menu li:hover a,.menu li.on a{color:#0188fb}
.menu li .subnav{min-width:200px;padding:10px 0;line-height:40px;border-top:1px solid #0188fb;box-shadow:0 2px 2px 0 #ddd;background:#fff;position:absolute;top:60px;left:-20px;z-index:99;display:none;-webkit-animation:fadeInUp .3s 0s ease both;-moz-animation:fadeInUp .3s 0s ease both}
.menu li .subnav a{padding:0 20px;font-size:14px;border-bottom:1px solid #f5f5f5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.menu li .subnav a::after{content:"\e6a6";font-size:16px;color:#ccc;font-family:iconfont;font-weight:600;position:absolute;top:0;right:15px;vertical-align:top;-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}
.menu li .subnav a:hover::after{color:#0188fb}
.menu li .subnav a.on{color:#0188fb}
.menu li .subnav a.on::after{opacity:1}
.menu li .subnav a:last-child{border:0}
.menu li .subnav::before{content:"";width:0;height:0;margin:-21px 0 0 0;border:10px solid transparent;border-bottom-color:#0188fb;position:absolute;top:0;left:26px;z-index:3}
.menu li .subnav::after{content:"";width:0;height:0;margin:-20px 0 0 0;border:10px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left:26px;z-index:3}
.menu li.subcate:hover a{color:#0188fb}
.menu li.subcate:hover::before{display:none}
.menu li.subcate:hover .subnav{display:block}
.menu li.subcate:hover .subnav a:hover{color:#0188fb}
.menu li.subcate:hover .subnav a.on{color:#0188fb}
.menu li.subcate:hover .subnav a.on::after{color:#0188fb}
.menu li.subcate .subnav a{color:#333}
.menu.on{width:100%;float:left;display:inline;margin:0 -20px;padding:10px 20px 0;border-top:1px solid #e4e8eb;background:#fff;position:absolute;top:50px;z-index:9;display:block}
.menu.on li{width:100%;float:none;line-height:40px;border-bottom:1px dotted #e4e8eb;display:block}
.menu.on li a{display:block}
.menuico{width:38px;height:38px;float:right;border-radius:2px;cursor:pointer;position:relative;z-index:10;top:6px;display:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.menuico span{width:21px;height:2px;background-color:#0188fb;position:absolute;top:50%;left:50%;display:block;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.menuico span:first-child{margin-top:-6px}
.menuico span:last-child{margin-top:6px}
.menuico.on span:first-child{width:20px;margin-top:-8px;margin-left:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.menuico.on span:nth-child(2){opacity:0;width:2px;left:20px;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.menuico.on span{background-color:#333;-webkit-transform-origin:0;-moz-transform-origin:0;transform-origin:0}
.menuico.on span:last-child{width:20px;margin-top:6px;margin-left:-7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.fademask.on{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}
.sch{display:inline-block}
.schico{width:45px;height:60px;line-height:62px;text-align:center;cursor:pointer;position:absolute;top:0;right:0;transition:all ease .3s}
.schico a{height:60px;display:block}
.schico a::after{content:"\e6e1";font-size:30px;color:#888;font-weight:bold;font-family:iconfont}
.sch-m{line-height:0;position:relative;display:none}
.sch-m input{width:100%;height:50px;padding:0 18px;font-size:16px;color:#333;line-height:50px;border:0;outline:0;border-bottom:2px solid #0188fb;border-radius:3px;box-sizing:border-box;background:transparent}
.sch-m input:focus{color:#0188fb}
.sch-m button{width:30px;height:30px;padding:0;border:0;outline:0;cursor:pointer;background:transparent;position:absolute;bottom:10px;right:10px}
.sch-m button::after{content:"\e6e1";font-size:30px;color:#0188fb;font-family:iconfont;font-weight:600;display:inline-block;vertical-align:top}
.schfixed{width:262px;padding:20px;border-top:1px solid #0188fb;box-shadow:0 0 2px 0 #ddd;background:#fff;position:absolute;top:60px;right:0;z-index:10;display:none}
.schfixed::before{content:"";width:0;height:0;margin:-20px 0 0 0;border:10px solid transparent;border-bottom-color:#0188fb;position:absolute;top:0;right:14px;z-index:3}
.schfixed::after{content:"";width:0;height:0;margin:-19px 0 0 0;border:10px solid transparent;border-bottom-color:#fff;position:absolute;top:0;right:14px;z-index:3}
.schfixed form{position:relative;zoom:1}
.schfixed form::after{content:"";display:block;clear:both}
.schfixed input{width:100%;height:38px;float:left;display:inline;padding:0 38px 0 10px;font-size:14px;color:#333;line-height:36px;border:1px solid #e4e8eb;outline:0;border-radius:3px;box-sizing:border-box;background:#fff}
.schfixed input:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.schfixed button{width:38px;height:38px;padding:0;line-height:38px;border:0;border-radius:0 3px 3px 0;outline:0;cursor:pointer;background:#0188fb;position:absolute;top:0;right:0}
.schfixed button::after{content:"\e6e1";font-size:26px;color:#fff;font-family:iconfont;display:inline-block;vertical-align:top}
.schfixed.on{display:block}
.schbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11;display:none}
.schbox.on{display:block}
.schbg{background:rgba(0,0,0,0.9);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.schclose{font-size:40px;color:#0188fb;font-family:iconfont;cursor:pointer;position:absolute;top:0;right:40px;z-index:2}
.schform{width:600px;position:absolute;top:100px;left:50%;z-index:2;transform:translate(-50%, 0)}
.schform form{position:relative}
.schform input{width:100%;font-size:22px;color:#0188fb;line-height:50px;border:0;outline:0;border-bottom:2px solid #0188fb;border-radius:3px;background:transparent}
.schform input:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.schform button{width:39px;height:39px;border:0;outline:0;cursor:pointer;background:transparent;position:absolute;bottom:8px;right:0}
.schform button::after{content:"\e077";font-size:28px;color:#0188fb;font-family:iconfont;display:inline-block;vertical-align:top}
.schads{margin-top:30px}
.schads h3{margin:10px 0;font-size:15px;color:#e4e8eb;line-height:30px}
.schads a{margin-bottom:10px;display:block}
.schwords{width:100%;padding:0 16px;font-size:0;text-align:left;border:2px solid #ddd;border-top:0;border-radius:0 0 6px 6px;box-sizing:border-box;background:#fff;position:absolute;top:50px;left:0;z-index:3;display:none}
.schwords h5{font-size:14px;color:#333}
.schwords a{margin:8px 8px 0 0;padding:0 10px;font-size:14px;color:#333;line-height:26px;border-radius:2px;background:#ebedf0;display:inline-block;vertical-align:top}
.schwords a:hover{color:#0188fb}
.schwordsinfo{padding:15px 0;border-top:1px solid #eee}
.schitem{padding:15px 0;border-top:1px dotted #e4e8eb}
.schitem a{margin:0;padding:0;background:none;display:block;zoom:1}
.schitem a::after{content:"";display:block;clear:both}
.schitemcon{display:block}
.schitemcon strong{font-size:16px;color:#333;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.schitemcon em{margin-top:4px;font-size:14px;color:#888;line-height:1.6;font-style:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.schitemcon em mark{font-weight:600;color:#0188fb;background:none}
.schimg{width:100px;height:0;float:left;display:inline;margin-right:20px;padding-bottom:70px;text-align:center;border-radius:3px;overflow:hidden;position:relative;display:block}
.schimg img{min-width:100%;min-height:100%;position:absolute;top:0;left:0}
.schmore{margin-bottom:20px}
.schmore a{margin:8px 0 0;font-size:14px;font-weight:600;text-align:center;line-height:40px;display:block}
.schnull{padding:10px 0;font-size:14px;color:#333;font-weight:600;text-align:center;line-height:40px;border-top:1px dotted #e4e8eb;display:block}
.searchnull{padding:20% 0;color:#888;text-align:center}
.searchnull::before{content:"\e869";margin-bottom:10px;font-size:100px;color:#e4e8eb;font-family:iconfont;display:block}
.searchnull a{border-bottom:1px solid #0188fb}
.main{padding-bottom:20px;background:#f1f1f1}
.main .mask{margin-bottom:20px}
.main.fixed{padding-top:60px}
.main .block:last-child{margin-bottom:0}

.slide{width:100%;text-align:center;position:relative;overflow:hidden}
.slide a{text-align:center;display:block}
.slide a img{margin:0 auto;display:block}
.slide a span{display:none}
.slideurl{width:100%;height:100%;display:block}
.slideblock{margin-bottom:20px;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff;overflow:hidden}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px}
.swiper-pagination{transition:0s !important}
.swiper-pagination-bullet{width:20px;height:4px;margin:0 5px;padding:14px 0;border-radius:0;opacity:.8;background-color:rgba(255,255,255,0.6);background-clip:content-box;vertical-align:top}.swiper-pagination-bullet-active{background-color:#0188fb}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0}
.swiper-button-prev,.swiper-button-next{margin-top:-32px;padding:10px 16px;border-radius:5px;opacity:.5;background-color:rgba(68,68,68,0.5);background-size:30%;z-index:99}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity:.8;background-color:#444}

.banner{padding:0 18px;font-size:36px;color:#fff;text-align:center;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative;z-index:3}
.banner::before{content:"";width:100%;height:100%;background:none;position:absolute;top:0;left:0;z-index:1}
.hellotip{margin-bottom:20px;text-shadow:0 1px 5px #999;word-break:break-all;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}
.hellotip.alone::after{content:"";width:40px;height:2px;margin-left:-20px;background:#fff;position:absolute;left:50%;bottom:-20px}
.hellosch{width:650px;text-shadow:none;margin:30px auto 0;position:relative}
.hellosch form{border:2px solid #ddd;border-radius:6px;background:rgba(255,255,255,0.8);position:relative;z-index:3}
.helloschinput{width:100%;padding:12px 50px 12px 14px;color:#333;line-height:1.5;border:0;box-sizing:border-box;background:transparent;display:block}
.helloschbtn{height:100%;padding:0 12px;border:0;outline:0;cursor:pointer;background:transparent;position:absolute;top:0;right:0}
.helloschbtn::before{content:"";width:1px;height:24px;background:#ddd;position:absolute;top:50%;left:1px;transform:translate(0, -50%)}
.helloschbtn::after{content:"\e6e1";font-size:30px;color:#888;font-family:iconfont;font-weight:600}
.hellosch.on form{border-radius:6px 6px 0 0;background:#fff}
.hellosch.on .schwords{display:block}
.hellosch.alone{margin-top:0}
.display{background-size:cover}
.loader{width:50px;height:50px;margin:-25px 0 0 -25px;border-top:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08);border-left:1px solid rgba(0,0,0,0.5);border-radius:50%;position:absolute;top:50%;left:50%;z-index:20;-webkit-animation:loader 700ms infinite linear;animation:loader 700ms infinite linear}

@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.indexcon{padding-top:20px;background:#f1f1f1;position:relative;z-index:2}
.indexcon .hastitle .swiper-slide span{
    width:100%;height:50px;padding:0 60px 0 24px;color:#fff;text-align:left;
    line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;
    background:rgba(0,0,0,0.2);
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.4)));
    background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
    position:absolute;bottom:0;left:0;z-index:99;display:block
}
.indexcon .hastitle .swiper-pagination{width:auto;right:24px;bottom:10px !important;left:unset}
.indexcon .hastitle .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;padding:0;border-radius:50%}
.indexcon .swiper-container-horizontal>.swiper-pagination-bullets,.indexcon .swiper-pagination-custom,.indexcon .swiper-pagination-fraction{bottom:5px}
.indexcon .swiper-button-prev,.indexcon .swiper-button-next{margin-top:-22px;padding:0;border-radius:0;opacity:.3;background:#333}
.indexcon .swiper-button-prev::after,.indexcon .swiper-button-next::after{font-size:28px;color:#fff;font-family:iconfont;text-align:center;line-height:45px;display:block}
.indexcon .swiper-button-prev:hover,.indexcon .swiper-button-next:hover{opacity:1}
.indexcon .swiper-button-prev:hover::after,.indexcon .swiper-button-next:hover::after{background:#0188fb}
.indexcon .swiper-button-prev{left:0;border-radius:0 3px 3px 0}
.indexcon .swiper-button-prev::after{content:"\e6dc";border-radius:0 3px 3px 0}
.indexcon .swiper-button-next{right:0;border-radius:3px 0 0 3px}
.indexcon .swiper-button-next::after{content:"\e6a6";border-radius:3px 0 0 3px}
.sitemap{margin-bottom:5px;font-size:14px;color:#888;line-height:24px}
.sitemap a{font-size:14px;color:#888}
.sitemap a:hover{color:#0188fb}

.content{width:75%;float:left;display:inline;}
.content.wide{width:100%}
.listintro{margin-bottom:20px;padding:10px 15px;font-size:14px;color:#888;line-height:22px;border:1px dotted #ccc;border-radius:3px;background:#f8f8f8;overflow:hidden}
.block{margin-bottom:20px;padding:20px 26px;word-break:break-all;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.block .post:last-child{margin-bottom:0;padding-bottom:0;border:0}
.block .cmtsitem:last-child{padding-bottom:0;border-bottom:0}
.block#divCommentPost{margin-bottom:0}
.block.forum{padding:20px}
.block.forum .item{margin-bottom:2px;padding:15px;line-height:22px;border-radius:5px;position:relative}
.block.forum .item h2{padding-right:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.block.forum .item h2.istop a{color:#0188fb;font-weight:600}
.block.forum .item h2.istop a::before{color:#0188fb;font-weight:normal}
.block.forum .item h2.istop em{margin:2px 0 0 5px;padding:0 4px;font-size:12px;color:#fff;font-style:normal;line-height:18px;border-radius:2px;background:#0188fb;display:inline-block;vertical-align:top}
.block.forum .item h2 a{font-size:16px;color:#333}
.block.forum .item h2 a::before{content:"\e6e2";margin-right:4px;font-size:22px;color:#9e9e9e;font-family:iconfont;display:inline-block;vertical-align:top}
.block.forum .item h2 span{margin-top:1px;margin-right:5px;display:inline-block;vertical-align:top}
.block.forum .item h2 span::before{font-family:iconfont;font-weight:normal;vertical-align:top}
.block.forum .item h2 .istop{margin-right:-10px;color:#0188fb;vertical-align:top}
.block.forum .item h2 .istop::before{content:"\e67a";font-size:42px}
.block.forum .item h2 .zbaudio::before{content:"\e616";font-size:20px}
.block.forum .item h2 .video::before{content:"\e6dd";font-size:19px}
.block.forum .item .forumdate{font-size:13px;color:#9e9e9e;line-height:22px;position:absolute;top:16px;right:10px}
.block.forum .item:nth-child(odd){background:#f7f9fb}
.block.forum .item:hover{background:#f2f6f9}
.block.forum .item:hover h2 a{color:#0188fb}
.block.album{margin:0;padding:0;box-shadow:none;background:none}
.block.album .filternav{margin-top:20px}
.block.album .item{width:31.33%;margin:0 0 2% 2%;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);background:#fff;overflow:hidden;display:inline-block;vertical-align:top;transition:transform .3s}
.block.album .item:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.block.album .albumlist{margin:0 0 0 -2%;font-size:0}
.block.album .albumimg{position:relative}
.block.album .albumimg a{width:100%;height:0;padding-bottom:70%;text-align:center;overflow:hidden;position:relative;display:block}
.block.album .albumimg a em{padding:0 4px;font-size:12px;color:#fff;font-style:normal;line-height:18px;border-radius:2px;background:#0188fb;position:absolute;top:10px;left:10px;z-index:2}
.block.album .albumimg a span{padding:0 10px;font-size:12px;color:#fff;line-height:24px;border-radius:5px 0 0 0;background:rgba(0,0,0,0.4);position:absolute;right:0;bottom:0;z-index:2}
.block.album .albumimg a img{min-width:100%;min-height:100%;position:absolute;top:0;left:0;display:block}
.block.album .albumimg a img.lazyload{background:#dedede url(images/lazyload.gif) no-repeat center}
.block.album .albumimg.v a::before{content:"";width:32px;height:32px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}
.block.album .albumcon{padding:16px}
.block.album .albumcon a{font-size:16px;color:#333;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.block.album .albumcon a:hover{color:#0188fb}
.block.album .albumcon p{margin-top:8px;font-size:12px;color:#999;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.block.album .albuminfo{padding:0 16px;line-height:38px;border-top:1px solid #f1f1f1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.block.album .albuminfo a{display:inline-block;vertical-align:top}
.block.album .albuminfo img{width:22px;height:22px;margin-right:5px;line-height:1;border:1px solid #fff;border-radius:50%;display:inline-block;vertical-align:middle}
.block.album .albuminfo em{font-size:12px;color:#999;font-style:normal;display:inline-block;vertical-align:top}
.block.album .albuminfo span{font-size:12px;color:#999}
.block.sticker,.block.hotspot{padding:0;box-shadow:none;background:none}
.block.sticker .filternav,.block.hotspot .filternav{margin-top:20px}
.block.sticker .post,.block.hotspot .post{margin-bottom:20px;padding:20px 24px 15px;word-break:break-all;border-radius:3px;border:0;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.block.sticker .post h2 .istop,.block.hotspot .post h2 .istop{padding:0;font-size:0;background:none;position:absolute;top:3px;left:-7px}
.block.sticker .post h2 .istop::before,.block.hotspot .post h2 .istop::before{content:"\e67a";font-size:42px;color:#0188fb;font-family:iconfont}
.block.sticker .post:last-child,.block.hotspot .post:last-child{margin-bottom:0}
.block.hotspot .post{padding:20px}
.block.hotspot .post h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.block.hotspot .postimg{width:210px;float:left;display:inline;margin:0 20px 0 0}
.block.hotspot .post .intro{margin-bottom:15px;font-size:14px;line-height:1.8}
.block.hotspot .post .intro.isimg{height:75px}
.block.hotspot .post .info{margin:0}
.block.hotspot .hotspotinfo.noimg h2{height:auto;white-space:normal}

.large .postimg{width:160px}
.large .post .intro{max-height:110px;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box}
.auth{zoom:1}
.auth::after{content:"";display:block;clear:both}
.authimg{width:80px;height:80px;float:left;display:inline;border:3px solid rgba(0,0,0,0.1);border-radius:50%;position:relative}
.authimg img{width:80px;height:80px;border-radius:50%}
.authimg .sex{width:20px;height:20px;text-align:center;font-style:normal;line-height:20px;border:2px solid #0188fb;border-radius:50%;background:#fff;position:absolute;bottom:2px;right:2px}
.authimg .sex::before{content:"\e78d";font-size:20px;color:#0188fb;font-family:iconfont;vertical-align:middle}
.authimg .sex.female{border-color:#fb6c7f}
.authimg .sex.female::before{content:"\e78c";color:#fb6c7f}
.authinfo{padding-left:100px}
.authinfo h1{margin-bottom:5px;font-size:20px}
.authinfo h1 span{margin:6px 0 0 5px;padding:0 5px;font-size:12px;color:#fff;border-radius:2px;background:#0188fb;vertical-align:top}
.authinfo p{margin-bottom:10px;font-size:14px;color:#888;line-height:1.8}
.authinfo span{margin-right:10px;font-size:12px;color:#888;display:inline-block;vertical-align:top}
.authinfo span::before{font-size:18px;font-family:iconfont;display:inline-block;vertical-align:top}
.authinfo .cate:before{content:"\e6e2"}
.authinfo .view:before{content:"\e6a7"}
.authinfo .cmt:before{content:"\e6a8"}
.filternav{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e4e8eb}
.filternav h1{font-size:18px;display:inline-block;vertical-align:top}
.filternav ul{float:right;display:inline;font-size:0}
.filternav li{float:left;display:inline;padding:0 0 0 10px;font-size:16px;line-height:25px;cursor:pointer;position:relative}
.filternav li.active{color:#0188fb}
.filternav li.active i{display:inline}
.filternav li.active i::before{color:#0188fb;font-weight:600}
.filternav li i{width:16px;margin-right:3px;display:inline-block;vertical-align:top}
.filternav li i::before{content:"\e605";font-size:16px;font-family:iconfont}
.filternav li:hover{color:#0188fb}

.pagebar,.cmtpagebar{width:100%;margin:0 auto;padding:15px 0 10px;font-size:0;text-align:center;border-radius:3px;box-sizing:border-box;background:#fff}
.pagebar .now-page,.cmtpagebar .now-page{font-size:14px;color:#fff;font-weight:400;padding:5px 10px;margin:0 5px 5px;border:1px solid #0188fb;border-radius:2px;background:#0188fb;display:inline-block}
.pagebar a,.cmtpagebar a{margin:2px;padding:5px 10px;font-size:14px;color:#777;font-weight:400;border:1px solid #e2e2e2;border-radius:2px;background:#fff;display:inline-block}
.pagebar a:hover,.cmtpagebar a:hover{color:#fff;border:1px solid #0188fb;background:#0188fb}
.pagebar{box-shadow:0 1px 5px 0 rgba(0,0,0,0.05)}
.cmtpagebar{padding-bottom:0}
.pagination-loading{margin:0 0 20px;text-align:center;border-radius:2px;background:#ebebeb}
.pagination-loading a{padding:10px 0;border:1px solid #e4e8eb;display:block}
.ias_trigger,.ias_loader{margin-top:20px;font-size:16px;color:#888}
.ias_trigger a,.ias_loader a{padding:10px 0;font-size:16px;color:#666;text-align:center;border:1px solid #e4e8eb;border-radius:3px;background:#fff;display:block}
.ias_trigger a:hover,.ias_loader a:hover{color:#888;background:#e4e8eb}
.ias_loader{line-height:44px}
.friendlink{margin-top:20px;padding:20px 30px 10px;font-size:0;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.friendlink span{margin-bottom:10px;padding-bottom:10px;font-size:20px;color:#333;border-bottom:1px solid #e4e8eb;display:block}
.friendlink li{margin:0 20px 10px 0;display:inline-block;vertical-align:top}
.friendlink li a{font-size:14px;color:#333}
.friendlink li a:hover{color:#0188fb}
.contitle{margin-bottom:30px;line-height:38px;border-bottom:1px solid #e4e8eb;background:#fff}
.contitle h1,.contitle h2{margin-bottom:-1px;font-size:16px;border-bottom:1px solid #0188fb;display:inline-block;vertical-align:top}


.videowrap{overflow:hidden}
.videobox{width:100%;height:0;padding-bottom:56.25%;position:relative;display:block}
.videobox object,.videobox video,.videobox embed,.videobox iframe{width:100%;height:100%;outline:0;position:absolute;display:block}
.videobox object video,.videobox video video,.videobox embed video,.videobox iframe video{width:100%}
.videobox video{background:#292929}
.copynotice{
    width:100%;
    margin:20px 0;
    padding:10px 15px;font-size:14px;color:#888;text-indent:0;line-height:22px;
    border:1px dotted #ccc;border-radius:3px;
    box-sizing:border-box;background:#f8f8f8;overflow:hidden;display:flex;zoom:1;
    -webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;
    align-items:center;
}
.copynotice::after{content:"";display:block;clear:both}
.copynotice .qr,.copynotice canvas{width:70px;height:70px;float:left;display:inline;margin-right:15px;border:3px solid #fff;background:#fff}
.copynotice b,.copynotice strong{margin:0 5px;color:#333}.copynoticetxt{width:100%;word-break:break-all;vertical-align:middle}
.copynoticetxt p{margin:0}
.copynoticetxt a{color:#333}
.sharebox .label{font-size:14px;color:#999;line-height:30px;}
.sharebox .label,.sharebox .sharebtn{text-align: center;}

.pages{margin-top:20px;overflow:hidden;zoom:1}
.pages::after{content:"";display:block;clear:both}
.pages a{cfont-size: 14px;}
.pages a:hover{color:#568ABE;}
.pages p{height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pages span{color:#888}

a.backlist{float:right;display:inline;margin:10px 0 0;padding:5px 10px 5px 20px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block}
a.backlist::after{content:"\e6a6";margin-left:5px;font-family:iconfont}
a.backlist:hover{color:#0188fb;border-color:#0188fb}

.relate{padding:15px 0;border-top:1px dotted #e4e8eb;overflow:hidden;zoom:1}
.relate::after{content:"";display:block;clear:both}
.relatecon .relate:first-child{border:0}
.relatecon.onlyone{margin-top:15px}
.relatecon.diallel{margin-top:10px;zoom:1}
.relatecon.diallel::after{content:"";display:block;clear:both}
.relatecon.diallel .relatelist{width:47%;float:left;display:inline}
.relatecon.diallel .relatelist:nth-child(even){float:right;display:inline}
.relatecon.diallel .datetime{display:none}
.relatelist{margin-top:5px;padding-bottom:5px;font-size:12px;color:#999;line-height:27px;border-bottom:1px dotted #e4e8eb;position:relative}
.relatelist a{width:75%;margin-right:20px;font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top}
.relatelist a:hover{color:#0188fb}
.relatelist .posttime{font-size:14px;color:#bbb;position:absolute;top:0;right:0}
.relate:last-child{padding:15px 0 3px}
.relateinfo h3{margin:0 0 10px;color:#333;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.relateinfo h3 a{font-size:18px;color:#333;font-weight:700}
.relateinfo h3 a:hover{color:#0188fb}
.relateinfo p{max-height:47px;font-size:15px;color:#888;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.relateinfo p a{color:#888}.relateimg{width:120px;float:left;display:inline;margin-right:20px}
.relateimg a{width:100%;height:0;padding-bottom:70%;border-radius:3px;overflow:hidden;position:relative;display:block}
.relateimg a img{width:100%;min-height:100%;position:absolute;top:0;left:0}
.relateimg:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.cmtsitem{padding:18px 0 14px;border-bottom:1px dotted #e4e8eb;zoom:1}
.cmtsitem::after{content:"";display:block;clear:both}
.cmtsitem .avatar{width:48px;height:48px;float:left;display:inline;margin-right:10px;overflow:hidden}
.cmtsitem .avatar img{width:48px;height:48px;border-radius:3px}
.cmtsitem .cmtscon .avatar{display:none}
.cmtscon{margin-left:65px;zoom:1}
.cmtscon::after{content:"";display:block;clear:both}
.cmtscon>.cmtsitem{margin-top:15px;padding:0 0 0 20px;border-left:2px solid #e4e8eb}
.cmtscon>.cmtsitem .cmtscon{margin:0}
.cmtsdate{float:right;display:inline;font-size:14px;color:#bbb}
.cmtsname{font-size:14px;color:#333;display:inline-block}
.cmtsname a{font-size:14px;color:#333}
.cmtsname em{margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:16px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top}
.cmtsbody{margin-top:8px;line-height:26px;word-wrap:break-word;word-break:break-all}
.cmtsbody .cmtscon{margin:0;padding-left:20px;border-left:2px solid #e4e8eb}
.cmtsbody .cmtsfoot{display:none !important}
.cmtsreply{margin-top:15px;padding-left:20px;border-left:2px solid #e4e8eb}
.cmtsreplyname{font-size:12px;color:#888}
.cmtsreplyname em{margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:16px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top}
.cmtsreplyname a{font-size:14px;color:#333}
.cmtsreplycon{margin-top:8px;word-wrap:break-word;word-break:break-all}
.cmtsreplydate{margin-top:8px;font-size:14px;color:#bbb}
.cmtsfoot{margin-top:8px}
.cmtsfoot .reply{font-size:14px;color:#888}
.cmtsfoot .reply::before{content:"\e6a8";margin-right:3px;font-size:22px;color:#888;font-family:iconfont;vertical-align:top}
.cmtsfoot .reply:hover{color:#0188fb}
.cmtsfoot .reply:hover::before{color:#0188fb}
.cmts.nocmt{padding:15px 30px}
.cmts.nocmt::before{content:attr(data-content);width:100%;font-size:16px;color:#888;text-align:center;display:inline-block}
.reply-frm{border-left:2px solid #e4e8eb;padding:0 0 0 20px;margin-top:15px;box-shadow:none}
.reply-frm .cmtimg{display:none !important}
.reply-frm .cmtarea{padding:0}

#cancel-reply{height:26px;margin-left:20px;padding:0 10px 0 6px;font-size:14px;color:#0188fb;line-height:25px;border:2px solid #0188fb;outline:0;box-sizing:content-box;border-radius:20px;cursor:pointer;background:#fff;vertical-align:top;display:none}
#cancel-reply::before{content:"\e6db";margin-right:3px;font-size:23px;color:#0188fb;font-family:iconfont;vertical-align:sub}
.comment{margin-top:20px;zoom:1}
.comment::after{content:"";display:block;clear:both}
.cmtimg{width:48px;float:left;text-align:center}
.cmtimg img{width:48px;height:48px;border-radius:3px}
.cmtimg p{height:20px;font-size:12px;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cmtinfo{padding-left:70px;font-size:14px;word-break:break-all}
.cmtinfo a{color:#333}
.cmtinfo .cmt{margin:15px 0 0 -20px;padding-bottom:0}
.cmtinfo .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}
.cmtinfo .cmt .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}
.cmtinfo .cmtinfo{width:500px}
.cmtinfo .cmtinfo .cmtinfo{width:430px}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo{width:360px}
.cmttime,.cmttime a{font-size:12px;color:#888}
.cmtarea{padding-left:68px}
.cmtarea textarea{width:100%;margin:0 0 10px;padding:5px 15px;font-size:16px;color:#333;line-height:28px;border:1px solid #e4e8eb;outline:0;border-radius:3px;overflow:hidden;vertical-align:top;box-sizing:border-box;}
.cmtarea textarea:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.cmtsubmit button{height:36px;margin:0 10px 0 0;padding:0 20px;font-size:16px;color:#888;line-height:32px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff}
.cmtsubmit button::before{content:"\e69a";margin-right:3px;font-size:23px;color:#888;font-family:iconfont;vertical-align:top}
.cmtsubmit button:hover{color:#0188fb;border-color:#0188fb}
.cmtsubmit button:hover::before{color:#0188fb}
.cmtsubmit button:active{border-color:#0188fb;background:#f1f1f1}
.cmtsubmit span{font-size:14px;color:#888}
.cmtform{width:100%;float:left;margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #e4e8eb;display:none}
.cmtform p{width:49%;float:left;padding:5px 0}
.cmtform input{width:180px;height:27px;padding:2px 6px;color:#333;border:1px solid #e4e8eb;outline:0;border-radius:3px}
.cmtform input:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.cmtform input{*display:inline}
.cmtform label{padding:0 10px;line-height:27px;cursor:pointer}
.cmtform #inpVerify{width:100px}
.cmtform img.imgcode{width:68px;height:31px;margin-left:10px;border:1px solid #e4e8eb;cursor:pointer;vertical-align:top}

.sidebar{width:23.5%;float:right;display:inline;}
.sidebar ::marker{content:""}
.sidebar.fixed .sidebox.fixed{top:75px}
.sidebar.show{display:inline-block}
.sidebox{margin-bottom:20px;padding:20px;word-break:break-all;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.sidebox dd{line-height:30px}
.sidebox dd ul{overflow:hidden;zoom:1}
.sidebox dd ul::after{content:"";display:block;clear:both}
.sidebox dd li{border-bottom:1px dotted #e4e8eb}
.sidebox dd a{color:#333}
.sidebox dd a:hover{color:#0188fb}
.sidebox dd .sidelink a{color:#fff}
.sidebox dd .sidelink a:hover{color:#fff}
.sidebox dd .noimg .sidelink a{font-size:16px;color:#333}
.sidebox dd .noimg .sidelink a:hover{color:#0188fb}
.sidebox dd .sidecmtarticle{color:#888}
.sidebox dd .sidecmtarticle a{color:#888}
.sidebox dd .sidecmtarticle a:hover{color:#0188fb}
.sidebox dd .avatartitle{font-size:14px;color:#999}
.sidebox.fixed{position:fixed;top:0;-webkit-transform:translateZ(0)}
.sidebox.sticky{position:absolute}
.sidetitle{margin-bottom:10px;padding:0 0 10px;font-size:18px;border-bottom:1px solid #e4e8eb}
.sideitem{margin-bottom:10px;padding-bottom:8px;line-height:26px;border-bottom:1px dotted #e4e8eb;border-radius:3px;overflow:hidden;position:relative;zoom:1}
.sideitem::after{content:"";display:block;clear:both}
.sideitem:last-child{margin:0}
.sideitemimg{background:#333}
.sideitemimg a{width:100%;height:0;padding-bottom:70%;text-align:center;overflow:hidden;position:relative;display:block}
.sideitemimg a img{min-width:100%;min-height:100%;opacity:1;position:absolute;top:0;left:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.sideitem:hover .sideitemimg img{opacity:.8}
.sideitem:hover .sidelink{bottom:0}
.sideitem .itemtitle{max-height:52px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sideitem .hasimg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sideitem .hasimg a{display:inline}
.sideitem.noimg .itemtitle{color:#333}
.sideitem.noimg .sideinfo{color:#888}
.sideitem.noimg .sidelink{padding:0;background:none;position:static}
.sideimg{width:70px;float:left;display:inline;margin-right:10px;border-radius:3px;overflow:hidden}
.sideimg a{width:100%;height:0;padding-bottom:70%;text-align:center;overflow:hidden;position:relative;display:block}
.sideimg a img{min-width:100%;min-height:100%;opacity:1;position:absolute;top:0;left:0}
.sideimg:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.sidelink{padding:5px 10px 5px;color:#fff;background:rgba(0,0,0,0.3);position:absolute;top:auto;right:0;bottom:-25px;left:0;-webkit-transition:bottom .3s ease-in-out;-moz-transition:bottom .3s ease-in-out;-o-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}
.sidelink a{font-size:14px;line-height:22px;display:inline-block}
.sidelink .sideinfo{color:#e4e8eb}
.sideinfo{font-size:12px;color:#888;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;zoom:1}
.sideinfo::after{content:"";display:block;clear:both}
.sideinfo span,.sideinfo em{float:left;display:inline;margin-right:10px;font-style:normal}
.sideinfo span::before,.sideinfo em::before{margin-right:3px;font-size:18px;font-family:iconfont;vertical-align:top}
.sideinfo span.view:before,.sideinfo em.view:before{content:"\e6a7"}
.sideinfo span.cmt:before,.sideinfo em.cmt:before{content:"\e6a8"}
.sideinfo span.date:before,.sideinfo em.date:before{content:"\e69c"}
.sideinfo em span{float:none}

.sidecmtinfo{font-size:13px;color:#888;text-align:right;zoom:1}
.sidecmtinfo::after{content:"";display:block;clear:both}.sidecmtinfo em{float:left;display:inline;color:#333;font-style:normal}
.sidecmtinfo em::before{content:"\e6a9";font-size:17px;font-family:iconfont;vertical-align:top}
.sidecmtcon{max-height:44px;margin:5px 0;padding:5px 10px 4px;font-size:13px;color:#888;line-height:22px;border:1px solid #eee;border-radius:3px;background:#f7f7f7;position:relative;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.sidecmtarticle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sidecmtarticle a{font-size:13px;color:#0188fb}
.sidecmtarticle a::before{content:"\e6e2";font-size:18px;font-family:iconfont;vertical-align:bottom}

#hyy_RecArticle .sideitem{margin-bottom:10px;padding:0;border:0}
#hyy_RecArticle .sideitem:last-child{margin:0}
#hyy_RecArticle .noimg{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dotted #e4e8eb;border-radius:0}
#sticky .sidebox:last-child{margin-bottom:0}

#divTags ul{margin-left:-8px}
#divTags li{width:auto;float:left;display:inline;margin:10px 0 0 8px;padding:0;white-space:nowrap;border:0}
#divTags li a{padding:0 8px;font-size:14px;color:#333;line-height:28px;border-radius:3px;box-shadow:0 1px 1px 0 #f5f5f5;border:1px solid #e4e8eb;display:inline-block;vertical-align:top}
.tag-count{display:none}
#divTags ul li a:hover{text-decoration:none;color:#0188fb;border:1px solid #0188fb}
#divCalendar .function_t{display:none}
#divCalendar .function_c{width:232px;padding:0 4px 15px 4px}
#divCalendar table{width:100%;font-size:14px;table-layout:fixed}
#divCalendar caption{height:24px;margin:0 0 10px;padding:0;font-weight:bold;text-align:center}
#divCalendar caption a{padding:0 18px;color:#8a9ead}
#divCalendar th{height:26px;color:#fff;font-weight:normal;line-height:26px;text-transform:uppercase;border:1px solid #b6c5d0;background:#b6c5d0}
#divCalendar td{height:30px;color:#888;line-height:30px;text-align:center;border:1px solid #e4e8eb}
#divCalendar td.pad{background:none}
#divCalendar td a{line-height:30px;color:#0188fb;border:1px solid #0188fb;display:block}
#divCalendar #today{color:#0188fb;font-weight:bold}
#divAuthors .article-nums{display:none}
#divPrevious .article-date,#divNavBar .subnav{display:none}
#divCatalog ul.ul-subcates li a{padding-left:37px}
#divSearchPanel form{margin-top:20px;zoom:1}
#divSearchPanel form::after{content:"";display:block;clear:both}
#divSearchPanel input[type="text"]{width:70%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
#divSearchPanel input[type="text"]:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
#divSearchPanel input[type="submit"]{width:22%;height:36px;float:right;display:inline;font-size:14px;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff}#divSearchPanel input[type="submit"]:focus{background:#e4e8eb}
#divMisc ul li,#divFavorites ul li,#divStatistics ul li{width:50%;float:left;display:inline;overflow:hidden}
#divMisc li a{padding:5px 0;background:none;display:inline-block;vertical-align:top}
#divMisc li a img{display:block}
#divNavBar li,#divCatalog li,#divLinkage li,#divFavorites li,#divArchives li,#divAuthors li{width:50%;height:36px;float:left;line-height:36px;border-bottom:1px dotted #e4e8eb;overflow:hidden}#divCatalog li,#divPrevious li,#divLinkage li,#divNavBar li,#divComments li,#divAuthors li,#divFavorites li,#divStatistics li{height:36px;font-size:14px;line-height:36px;border-bottom:1px dotted #e4e8eb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#divCatalog li::before,#divPrevious li::before,#divLinkage li::before,#divNavBar li::before,#divComments li::before,#divAuthors li::before,#divFavorites li::before,#divStatistics li::before{content:"\e6a6";margin:0 5px 0 0;font-size:12px;color:#333;font-family:iconfont;display:inline-block;vertical-align:top}
#divContorPanel dd{text-align:center}
#divContorPanel .cp-hello{width:100%;margin-bottom:15px;padding:10px 0;border-bottom:1px dotted #e4e8eb;display:inline-block}
#divContorPanel .cp-hello::before{content:"\e6a9";margin-right:3px;font-size:22px;font-family:iconfont;display:inline-block;vertical-align:top}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{padding:0 16px 0 10px;font-size:14px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block}
#divContorPanel .cp-login a::before,#divContorPanel .cp-vrs a::before{font-size:20px;font-family:iconfont;vertical-align:top}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{color:#0188fb;border-color:#0188fb}
#divContorPanel .cp-login a:hover::before,#divContorPanel .cp-vrs a:hover::before{color:#0188fb}
#divContorPanel .cp-login a::before{content:"\e699"}
#divContorPanel .cp-vrs a::before{content:"\e6e2"}
#divContorPanel .sidecon div{padding:20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb}
#divArchives a{font-size:14px}
#hyy_User{padding:0}
#hyy_User dt{display:none}
#hyy_AvatarComment .sidetitle{margin-bottom:15px}
#hyy_AvatarComment li{margin-bottom:10px;padding-bottom:10px}
#hyy_AvatarComment li:last-child{margin:0;padding:0;border:0}
.avatarimg{width:40px;height:40px;float:left;display:inline;margin-right:10px}
.avatarimg span{border-radius:3px;overflow:hidden;display:block}.avatarimg img{width:40px;height:40px;display:block}.avatarinfo{font-size:12px;line-height:20px;overflow:hidden}.avatarinfo p{height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatarinfo p span{color:#999}.avatarinfo p em{font-size:14px;font-style:normal}.avatarname{margin-right:10px}.avatarname a{color:#0188fb}.avatartitle{margin:10px 0 0 0;font-size:12px}.avatarcon{margin:10px 0 0;padding:5px 10px;font-size:12px;color:#666;line-height:1.8;border:1px solid #eee;border-radius:3px;background:#fafafa;position:relative}.avatarcon::before{content:"";width:0;height:0;border:8px solid transparent;border-bottom-color:#eee;position:absolute;top:-16px;left:13px}.avatarcon::after{content:"";width:0;height:0;border:8px solid transparent;border-bottom-color:#fafafa;position:absolute;top:-14px;left:13px}.avatarcon i{-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}#hyy_Readers{padding-bottom:10px}#hyy_Readers ul{margin-left:-3%}#hyy_Readers li{width:22%;margin:0 0 3% 3%;padding-top:8px;text-align:center;line-height:1.5;border:0;display:inline-block;vertical-align:top}.readerimg{margin-bottom:5px;display:block}.readerimg img{width:48px;height:48px;margin:0 auto;border-radius:50%;display:block}.readername{font-size:14px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.readernum{font-size:12px;color:#999;line-height:20px;display:block}.readernum::before{content:"\e6a8";margin:0 3px 0 0;font-size:18px;color:#999;font-family:iconfont;display:inline-block;vertical-align:top}.readers ul{margin-left:-3%;font-size:0}.readers li{width:30.33%;margin:0 0 3% 3%;padding:10px;border:1px solid #f1f1f1;border-radius:5px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.08);overflow:hidden;position:relative;display:inline-block;vertical-align:top;zoom:1}.readers li::after{content:"";display:block;clear:both}.readers li a{display:block}.readers li a::after{content:"\e6e9";font-size:16px;color:#ccc;font-family:iconfont;position:absolute;top:-2px;right:5px}.readers li.top{padding:15px 10px 10px}.readers li.top .readersimg{float:none}.readers li.top .readersimg img{width:60px;height:60px;margin:0 auto}.readers li.top .readersinfo{margin-top:8px;padding:0;text-align:center}.readers li.top:nth-child(1) .honor{background:#df951a}.readers li.top:nth-child(2) .honor{background:#91a3a7}.readers li.top:nth-child(3) .honor{background:#d98a63}.readers li.top a::after{display:none}.readers li .honor{width:100px;height:22px;font-size:12px;color:#fff;text-align:center;line-height:22px;background:#0c60ee;position:absolute;top:10px;right:-29px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.readersimg{float:left;display:inline;margin-right:10px}.readersimg img{width:48px;height:48px;border-radius:50%;display:block}.readersinfo{padding-left:60px;font-size:12px;color:#888;line-height:25px;display:block}.readersinfo span{font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.sideuserhead{height:110px;margin-bottom:20px;border-radius:3px 3px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.sideusercon{text-align:center}.sideusercon .avatar{width:90px;height:90px;margin:-70px auto 5px;padding:5px;border-radius:50%;box-sizing:border-box;background:rgba(255,255,255,0.3);overflow:hidden}.sideusercon .avatar img{width:80px;height:80px;border-radius:50%}.sideusercon h4{padding:0 20px;font-size:18px;color:#333;font-weight:600}.sideusercon p{padding:0 20px;font-size:14px;color:#888;line-height:24px}

.sideuserlink{padding:20px;font-size:0}
.sideuserlink p{width:20%;padding:0;display:inline-block;vertical-align:top}
.sideuserlink p a{width:36px;height:36px;text-align:center;line-height:36px;border-radius:50%;position:relative;display:inline-block}
.sideuserlink p a::after{font-family:iconfont}
.sideuserlink p a.qq{border:1px solid #12b7f5}
.sideuserlink p a.qq::after{content:"\e60f";font-size:28px;color:#12b7f5}
.sideuserlink p a.wechat{border:1px solid #4cbf2a}
.sideuserlink p a.wechat span{width:120px;margin-left:-70px;padding:15px 10px 10px;border-top:2px solid #0188fb;box-shadow:0 0 2px 0 #bbb;background:#fff;position:absolute;bottom:50px;left:50%;z-index:30;display:none}
.sideuserlink p a.wechat span::before{content:"";width:0;height:0;margin:-21px 0 0 -10px;border:10px solid transparent;border-top-color:#e4e8eb;border-bottom-color:transparent;position:absolute;bottom:-20px;left:50%;z-index:3}
.sideuserlink p a.wechat span::after{content:"";width:0;height:0;margin:-20px 0 0 -10px;border:10px solid transparent;border-top-color:#fff;border-bottom-color:transparent;position:absolute;bottom:-18px;left:50%;z-index:3}
.sideuserlink p a.wechat span img{width:100%;display:block}
.sideuserlink p a.wechat::after{content:"\e610";font-size:32px;color:#4cbf2a}
.sideuserlink p a.email{border:1px solid #f9671c}
.sideuserlink p a.email::after{content:"\e617";font-size:20px;color:#f9671c}
.sideuserlink p a.weibo{border:1px solid #e6162d}
.sideuserlink p a.weibo::after{content:"\e612";font-size:32px;color:#e6162d}
.sideuserlink p a.group{border:1px solid #38638c}
.sideuserlink p a.group::after{content:"\e604";font-size:24px;color:#38638c}
.sideuserfoot{border-top:1px solid #e4e8eb;border-radius:0 0 3px 3px;background:#f8f8f8;zoom:1}
.sideuserfoot::after{content:"";display:block;clear:both}
.sideuserfoot p{width:33.333%;float:left;display:inline;padding:10px 0;line-height:20px;position:relative}
.sideuserfoot p:not(:last-child)::after{content:"";width:1px;height:40px;background:#e4e8eb;position:absolute;top:10px;right:0}
.sideuserfoot p strong{font-size:18px;color:#333;font-weight:normal}
.sideuserfoot p span{font-size:14px;color:#888;display:block}
.tagscloud{margin-left:-2%;font-size:0}
.tagscloud li{width:23%;border-radius:2px;background:#f5f5f5;position:relative;display:inline-block;vertical-align:top}
.tagscloud li a{width:100%;padding:0 50px 0 10px;font-size:14px;color:#333;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;transition:background-color 0s linear,color 0s linear}
.tagscloud li span{font-size:12px;color:#999;font-family:arial;line-height:28px;position:absolute;top:0;right:10px;z-index:1}
.tagscloud li:hover{color:#fff;background:#0188fb}
.tagscloud li:hover a,.tagscloud li:hover span{color:#fff}
.tagsnull{padding:10% 0;color:#888;text-align:center}
.tagsnull::before{content:"\e869";margin-bottom:10px;font-size:100px;color:#e4e8eb;font-family:iconfont;line-height:1;display:block}
.archivedate{font-size:16px;color:#333;line-height:50px;border-bottom:1px solid #e4e8eb;cursor:pointer;position:relative}
.archivedate::before{content:"\e69c";margin-right:5px;font-size:20px;font-family:iconfont;display:inline-block;vertical-align:top}
.archivedate::after{content:"\e69b";font-family:iconfont;position:absolute;top:0;right:10px}
.archivedate.on{color:#0188fb}
.archivedate.on::after{content:"\e6a4"}
.archivelist{margin:10px 0}
.archivelist li{line-height:32px;zoom:1}
.archivelist li::after{content:"";display:block;clear:both}
.archivelist h3{margin:0;padding:0;font-size:14px;line-height:inherit;border:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.archivelist h3 a{font-size:16px;color:#333}
.archivelist h3 a:hover{color:#0188fb}
.archivelist h3::after{display:none}
.archivetime{float:left;display:inline;margin-right:10px;font-size:14px;color:#999}
.archivenull{padding:20% 0;color:#888;text-align:center}
.archivenull::before{content:"\e869";margin-bottom:10px;font-size:100px;color:#e4e8eb;font-family:iconfont;line-height:1;display:block}
.fold .single .archivelist{margin:10px 0}
.footer{padding:20px 17px;font-size:14px;color:#999;text-align:center;line-height:24px;border-top:1px solid #dbe0e8;background:#e4e8eb}
.footer a{font-size:14px;color:#999}
.footer a:hover{color:#0188fb}
.edgebar{width:45px;position:fixed;_position:absolute;right:10px;bottom:30px;_bottom:30px;z-index:3}
.edgebar a{margin-bottom:5px;display:inline-block;vertical-align:top}
a.lang{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}
a.lang::after{content:"\e609";font-size:36px;color:#fff;font-family:iconfont}
a.lang.tw:after{content:"\e608"}
a.lang:hover{background:#0188fb}
a.backtotop{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}
a.backtotop i::after{content:"\e600";font-size:32px;color:#fff;font-family:iconfont}
a.backtotop:hover{background:#0188fb}
a.setnight{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}
a.setnight::after{content:"\e6e4";font-size:36px;color:#fff;font-family:iconfont}
a.setnight.black:after{content:"\e635"}
a.setnight:hover{background:#0188fb}
.errorpage{padding:100px 30px;text-align:center;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}
.errorpage h3{margin:0 0 10px;font-size:120px;line-height:120px;font-weight:bold;color:#333;text-shadow:rgba(61,61,61,0.3) 1px 1px,rgba(61,61,61,0.2) 2px 2px,rgba(61,61,61,0.3) 3px 3px}
.errorpage h4{margin:0 0 30px;font-size:30px;color:#333;line-height:35px}
.errorpage p{margin:0 0 20px;font-size:16px;color:#333}
.errorsearch{width:60%;margin:0 auto 20px;zoom:1}
.errorsearch::after{content:"";display:block;clear:both}
.errschtxt{width:75%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.errschtxt:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.errschbtn{width:24%;height:36px;float:right;display:inline;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff}
.errschbtn:focus{background:#e4e8eb}
.goback{height:36px;margin:0 10px 0 0;padding:0 10px 0 20px;font-size:16px;color:#888;line-height:36px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff;display:inline-block}
.goback::after{content:"\e6a6";font-size:23px;color:#888;font-family:iconfont;vertical-align:top}
.goback:hover{color:#0188fb;border-color:#0188fb}
.goback:hover::after{color:#0188fb}
.viewall{overflow:hidden;position:relative}
.teles,.telesmore{width:100%;height:150px;color:#0188fb;text-align:center;font-size:14px;text-indent:0;cursor:pointer;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%);position:absolute;left:0;bottom:0;display:block}
.telesmore i{margin:80px auto 0;line-height:36px;text-align:center;border:1px solid #0188fb;border-radius:3px;background:#fff;display:block}
.telesmore i:after{content:"\e69b";font-size:22px;font-family:iconfont;display:inline-block;vertical-align:top;-webkit-animation:telesmoreico .4s infinite alternate}
.teles i{margin:72px 0 20px;font-size:16px;font-style:normal;text-indent:0;line-height:28px;display:inline-block}
.teles i:after{content:"\e69b";width:33px;margin-left:-20px;font-size:30px;font-family:iconfont;position:absolute;bottom:24px;left:50%;-webkit-animation:telesico .4s infinite alternate;-ms-animation:telesico .4s infinite alternate}@-webkit-keyframes telesico{0%{-webkit-transform:translate(0, -2px)}100%{-webkit-transform:translate(0, 3px)}}@-webkit-keyframes telesmoreico{0%{-webkit-transform:translate(0, -2px)}100%{-webkit-transform:translate(0, 3px)}}@-webkit-keyframes arrow{from{-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);transform:translate3d(calc(-44%), 5px, 0)}to{-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);transform:translate3d(calc(-44%), 0, 0)}}@keyframes arrow{from{-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);transform:translate3d(calc(-44%), 5px, 0)}to{-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);transform:translate3d(calc(-44%), 0, 0)}}
.closepage{background:#f1f1f1}
.closesite{width:750px;margin:0 auto;padding:30px 40px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.08);background:#fff;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%)}
.closesite h1{margin:0 0 20px -40px;padding-left:33px;font-size:28px;color:#333;font-weight:600;border-left:5px solid #0188fb}
.closesitebg{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}
.closesitebg.bgmask::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:1}
.closelogo{margin-bottom:20px;font-size:16px;color:#999}
.closelogo img{width:100px}
.closecon{font-size:16px;color:#666;text-align:justify;line-height:1.9}

.night{background:#191919}
.night::-webkit-scrollbar{width:8px}
.night::-webkit-scrollbar-track{background:#222}
.night::-webkit-scrollbar-thumb{background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.night::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(255,255,255,0.3)}
.night::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(255,255,255,0.4)}
.night .wrapper{background:#191919}
.night .header{border-bottom:1px solid #222;box-shadow:0 1px 4px 0 #161616;background-color:#202020;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.night .header .name a{color:#ccc}
.night .logo img:first-child{display:block}
.night .logo img:last-child{display:none}
.night .logo.on a:before{content:'';position:absolute;top:0;left:-75%;z-index:2;display:block;width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(32,32,32,0) 0, rgba(32,32,32,0.5) 100%);background:linear-gradient(to right, rgba(32,32,32,0) 0, rgba(32,32,32,0.5) 100%);-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg)}
.night .signuser .uname{color:#ccc}
.night .signuser.normal:hover{background:#292929}
.night .signuserpop{background:#292929}
.night .signusermenu a{color:#ccc}
.night .signusermenu a:hover{color:#fff;background:#0188fb}
.night .menu li a{color:#ccc}
.night .menu li.subcate .subnav a{color:#ccc}
.night .menu li .subnav{box-shadow:0 0 2px 0 #151515;background:#292929}
.night .menu li .subnav a{border-color:#3a3a3a}
.night .menu li .subnav::after{color:#ccc;border-bottom-color:#292929}
.night .menuico.on span{background-color:#ccc}
.night .schico a::after{color:#ccc}
.night .schfixed{box-shadow:0 0 2px 0 #151515;background:#292929}
.night .schfixed input{color:#ccc;border-color:#3a3a3a;background:#202020}
.night .schfixed::after{border-bottom-color:#292929}
.night .schwords{border-color:#555;background:#222}
.night .schwords h5{color:#ccc}
.night .schwordsinfo{border-color:#555}
.night .schwordsinfo a{color:#ccc;background:#333}
.night .schwordsinfo a:hover{color:#0188fb}
.night .schitem{border-color:#3a3a3a}
.night .schitemcon strong{color:#ccc}
.night .schitemcon em{color:#999}
.night .schmore a{color:#ccc;background:#3a3a3a}
.night .schmore a:hover{color:#0188fb}
.night .schnull{color:#ccc;border-color:#3a3a3a}
.night .hellosch form{border-color:#555;background:rgba(34,34,34,0.8)}
.night .helloschinput{color:#ccc}
.night .helloschbtn::before{background:#555}
.night .helloschbtn::after{color:#ccc}
.night .hellosch.on form{background:#222}
.night .searchnull::before{color:#3a3a3a}
.night .main,.night .indexcon{background:#1b1b1b}

.night .catalog{background:#292929}
.night .post{background:#292929}

.night .single h1,.night .single h2,.night .single h3,.night .single h4,.night .single h5,.night .single h6{border-color:#3a3a3a}
.night .single p.ue-upload{border-color:#3a3a3a}
.night .single blockquote{color:#ccc;border-color:#444;background:#232323}
.night .single blockquote::before{color:#555}
.night .single td{color:#888;border-color:#3a3a3a}
.night .single code[class*="language-"],.night .single pre[class*="language-"]{text-shadow:0 1px #3a3a3a;background:#333}
.night .single div.prism-show-language>div.prism-show-language-label[data-language]{background:#666}
.night .single table{background:#232323}
.night .videobox video{background:#1b1b1b}
.night .copynotice{color:#999;border-color:#444;background:#232323}
.night .copynotice b,.night .copynotice strong{color:#999}
.night .copynotice a{color:#999}
.night .authimg{border-color:#3c3c3c}
.night .authinfo h1{color:#ccc}
.night .filternav{border-color:#3a3a3a}
.night .filternav h1,.night .filternav li{color:#ccc}
.night .filternav li.active{color:#0188fb}
.night .post{border-bottom:1px solid #3a3a3a}
.night .posttitle{border-color:#3a3a3a}
.night .posttitle h1,.night .posttitle h2,.night .posttitle h3,.night .posttitle h4,.night .posttitle h5,.night .posttitle h6{color:#ccc}
.night .post h1{color:#ccc}
.night .post h2{color:#ccc}
.night .post h2 a{color:#ccc}
.night .post h2 a:hover{color:#0188fb}
.night .post .intro{color:#999}
.night .post .readmore{border-color:#444;background:#232323}
.night .post .readmore:hover{border-color:#0188fb}
.night .post .single{color:#ccc;border-color:#3a3a3a}
.night .post .tags a{color:#888;border-color:#3a3a3a;background:none}
.night .post .ctrl a{background:#3a3a3a}
.night .telesmore i{background:#292929}
.night .teles,.night .telesmore{background:linear-gradient(to bottom, rgba(38,38,38,0), #292929 50%)}
.night .pagination-loading{background:#292929}
.night .ias_trigger a,.night .ias_loader a{border-color:#3a3a3a;background:#292929}
.night .pages{color:#888}
.night .pages a{color:#ccc}
.night .pages a:hover{color:#0188fb;border-color:#0188fb}
.night a.backlist{color:#888;border-color:#888}
.night .relate{border-color:#3a3a3a}
.night .relateinfo h3{color:#ccc}
.night .relateinfo h3 a{color:#ccc}
.night .relateinfo h3 a:hover{color:#0188fb}
.night .relatelist{border-color:#3a3a3a}
.night .relatelist a{color:#ccc}
.night .relatelist a:hover{color:#0188fb}
.night .relatelist span{color:#888}
.night .cmtform{border-color:#3a3a3a}
.night .cmtform label{color:#888}
.night .cmtform input{color:#ccc;border-color:#3a3a3a;background:#202020}
.night .cmtform input:focus{color:#0188fb}
.night .cmtform img.imgcode{border-color:#3a3a3a}
.night .cmtarea textarea{color:#ccc;border-color:#3a3a3a;background:#202020}
.night .cmtsubmit button{border-color:#888;background:none}
.night .cmtsubmit button:hover{border-color:#0188fb}
.night .cmtsname{color:#888}
.night .cmtsname a{color:#888}
.night .cmtsname em{border-color:#3a3a3a;background:#232323}
.night .cmtsdate{color:#888}
.night .cmtsbody{color:#ccc}
.night .cmtsreply{border-color:#3a3a3a}
.night .cmtsreplyname a{color:#888}
.night .cmtsreplyname em{border-color:#3a3a3a;background:#232323}
.night .cmtsreplycon{color:#ccc}
.night .cmtsreplydate{color:#888}
.night .cmtsitem{border-color:#3a3a3a}
.night .reply-frm{border-color:#3a3a3a}
.night #cancel-reply{color:#0188fb;border-color:#0188fb;background:none}
.night .tagscloud li{background:#3a3a3a}
.night .tagscloud li a{color:#ccc}
.night .tagscloud li:hover{background:#0188fb}
.night .tagscloud li:hover a{color:#fff}
.night .archivedate{color:#ccc;border-color:#3a3a3a}
.night .archivelist h3 a{color:#ccc}
.night .archivelist h3 a:hover{color:#0188fb}
.night .sidebox dd a{color:#ccc}
.night .sidebox dd .sideitem .itemtitle{color:#ccc}
.night .sidebox dd .sideitem .itemtitle:hover{color:#0188fb}
.night .sidebox dd .sidelink a{color:#ccc}
.night .sidebox dd .sidelink a:hover{color:#0188fb}
.night .sidebox dd .sidecmtcon a{color:#ccc}
.night .sidebox dd .sidecmtcon a:hover{color:#0188fb}
.night .sidebox dd .avatartitle{color:#888}
.night .sidebox dd .avatartitle:hover{color:#0188fb}
.night .sidetitle{color:#ccc;border-bottom:1px solid #3a3a3a}
.night .sideitem{border-color:#3a3a3a}
.night .sideitem .hasimg{color:#ccc}
.night .sidelink .sideinfo{color:#ccc}
.night .sidecmtinfo em{color:#ccc}
.night .sidecmtcon{border:1px solid #444;background:#232323}
.night #hyy_RecArticle .noimg,.night .sideuserfoot,.night .friendlink span{border-color:#3a3a3a}
.night #divCalendar caption a{color:#ccc}
.night #divCalendar th{color:#ccc;border-color:#3a3a3a;background-color:#3a3a3a}
.night #divCalendar td{color:#ccc;border-color:#3a3a3a}
.night #divContorPanel .cp-hello{color:#ccc;border-color:#3a3a3a}
.night #divContorPanel .cp-login a,.night #divContorPanel .cp-vrs a{color:#ccc;border-color:#888}
.night #divContorPanel .cp-login a:hover,.night #divContorPanel .cp-vrs a:hover{border-color:#0188fb}
.night #divCatalog li,.night #divPrevious li,.night #divLinkage li,.night #divNavBar li,.night #divComments li,.night #divAuthors li,.night #divFavorites li,.night #divArchives li,.night #divMisc li,.night #divStatistics li{color:#ccc;border-bottom:1px dotted #3a3a3a}
.night #divCatalog li::before,.night #divPrevious li::before,.night #divLinkage li::before,.night #divNavBar li::before,.night #divComments li::before,.night #divAuthors li::before,.night #divFavorites li::before,.night #divArchives li::before,.night #divMisc li::before,.night #divStatistics li::before{color:#888}
.night #divSearchPanel input[type="text"]{color:#ccc;border-color:#3a3a3a;background:#222}
.night #divSearchPanel input[type="text"]:focus{color:#ccc;border-color:#3a3a3a;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}
.night #divSearchPanel input[type="submit"]{color:#ccc;border-color:#3a3a3a;background:#3a3a3a}
.night #divSearchPanel input[type="submit"]:focus{background:#3a3a3a}
.night #divTags li a{color:#ccc;border-color:#3a3a3a;box-shadow:none}
.night .avatarname{color:#ccc}
.night .avatarcon{color:#ccc;border-color:#444;background:#232323}
.night .avatarcon::before{border-bottom-color:#444}
.night .avatarcon::after{border-bottom-color:#232323}
.night .sideusercon h4,.night .sideuserfoot p strong,.night .friendlink span,.night .friendlink li a{color:#ccc}
.night .block{background:#292929}
.night .block .listintro{color:#ccc;border-color:transparent;background:#333}
.night .block.forum .item:nth-child(odd){background:#2b2b2b}
.night .block.forum .item:hover{background:#333}
.night .block.forum .item h2 a{color:#ccc}
.night .block.forum .item h2 a:hover{color:#0188fb}
.night .block.forum .item h2.istop a{color:#0188fb}
.night .block.sticker,.night .block.hotspot{background:none}
.night .block.sticker .listintro,.night .block.hotspot .listintro{background:#292929}
.night .block.sticker .post,.night .block.hotspot .post{background:#292929}
.night .block.album{background:none}
.night .block.album .listintro{background:#292929}
.night .block.album .item{background:#292929}
.night .block.album .albumimg a span{color:#ccc}
.night .block.album .albumcon a{color:#ccc}
.night .block.album .albumcon a:hover{color:#0188fb}
.night .block.album .albuminfo{border-color:#3a3a3a}
.night .block.album .albuminfo span{color:#ccc}
.night .friendlink,.night .sidebox,.night .pagebar,.night .cmtpagebar,.night .sideuserfoot{background:#292929}
.night .sideuserfoot p:not(:last-child):after{background:#3a3a3a}
.night .readername{color:#ccc}
.night .readers li{border-color:#505050;background:#333}
.night .readers li a::after{color:#ccc}
.night .readersinfo span{color:#ccc}
.night .pagebar a,.night .cmtpagebar a{color:#ccc;border-color:#3a3a3a;background:none}
.night .footer{color:#999;border-top:1px solid #3a3a3a;background:#292929}
.night .footer a{color:#999}
.night .lazynum{color:#999}
.night a.backtotop,.night .setnight,.night .lang,.night .lazynum{background:rgba(68,68,68,0.8)}
.night a.backtotop:hover{background:#0188fb}.night .errorpage{background:#292929}
.night .errorpage h3,.night .errorpage h4,.night .errorpage p{color:#ccc}
.night .errorpage .errschtxt{color:#ccc;border-color:#3a3a3a;background:#202020}
.night .errorpage .errschtxt:focus{color:#0188fb}
.night .errorpage .errschbtn{color:#fff;border-color:#0188fb;background:#0188fb}
.night .errorpage .goback{color:#888;border-color:#888;background:none}
.night .errorpage .goback:hover{color:#0188fb;border-color:#0188fb}
.night .advice_content,.night .advice_contactcon,.night .advice_verifycode{border-color:#3a3a3a}
.night .advice_content textarea,.night .advice_contactcon input{color:#ccc;background:#202020;display:block}
.night .advice_verifycode{color:#ccc;background:#202020}



@media screen and (max-width:1920px){
    .wrap{width:1200px}
    .wrapper{width:100%;min-width:100%}
}
@media screen and (max-width:1200px){
    .wrap{width:auto;padding:0 20px}
    .header .wrap{padding:0}
    .header .name a{padding-left:18px}
    .logo{margin-left:20px}
    .head{padding:0}
    .schico{right:10px}
    .banner h2{width:80%}
    .edgebar{width:36px;bottom:24px}
    .edgebar a{margin-bottom:8px}
    a.lang{width:36px;height:36px;line-height:36px}
    a.lang::after{font-size:30px}
    a.backtotop{width:36px;height:36px;line-height:36px}
    a.backtotop i::after{font-size:26px}
    a.setnight{width:36px;height:36px;line-height:36px}
    a.setnight::after{font-size:30px}
}
@media screen and (max-width:1080px){
    .header .name{height:50px}
    .header .name a{font-size:20px;line-height:50px}
    .logo{height:50px;margin-left:20px}
    .logo a{height:50px}
    .logo a img{height:36px}
    .sign{line-height:50px}
    .sign span{margin-top:10px}
    .signuser{margin:0;padding-top:8px;line-height:40px}
    .signuserpop{top:48px}
    .menu{width:100%;height:auto;float:left;margin:0;border-top:1px solid #111;display:none}
    .menu ul{width:100%;padding-right:0;border-left:0}
    .menu ul li{width:100%;padding:0;color:#ddd;line-height:40px;border-bottom:1px solid #111;border-right:0}
    .menu ul li::before{display:none}
    .menu ul li a{padding:0 18px;font-size:16px;color:#333;border:0;display:block}
    .menu ul li.subcate:hover .subnav{display:none}
    .menu ul li.subcate>a:after{content:"\e69b";margin-left:10px;font-size:16px;color:#888;font-family:iconfont;font-weight:600;position:absolute;top:0;right:16px}
    .menu ul li.subcate.slidedown>a:after{content:"\e6a4";color:#0188fb}
    .menu ul li.subcate.slidedown .subnav{margin-bottom:-1px;padding:0;line-height:40px;border-top:1px solid #e4e8eb;border-bottom:1px solid #e4e8eb;box-shadow:none;background:#fafafa;position:static;display:block;-webkit-animation:fadeInUp 0s 0s ease both;-moz-animation:fadeInUp 0s 0s ease both}
    .menu ul li.subcate.slidedown .subnav::before,.menu ul li.subcate.slidedown .subnav::after{display:none}
    .menu ul li.subcate.slidedown .subnav a{padding:0 18px}
    .menu.on{width:100%;margin:0;padding:5px 0 0;display:block}
    .menuico{right:5px;display:block}
    .schico{display:none}
    .sch-m{display:block}
    .main.fixed{padding-top:50px}
    .banner{margin-bottom:20px}
    .indexcon{padding-top:0}
    .postimg{width:120px}
    .post .intro{max-height:85px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}
    .large .postimg{width:120px}
    .large .post .intro{max-height:85px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}
    .sidebar{width:100%;float:none;margin-top:20px;display:none}
    .sidebar.fixed .sidebox.fixed,.sidebar.fixed .sidebox.sticky{position:static}
    .content{width:100%}
    .night .menu.on{border-color:#3a3a3a;background:#292929}
    .night .menu.on li{border-color:#3a3a3a}
    .night .menu ul li.subcate.slidedown .subnav{border-color:#3a3a3a;background:#202020}
}
@media screen and (max-width:750px){
    .wrap{padding:0}
    .logo{margin-left:10px}
    .main{padding-bottom:10px}
    .main .mask{margin-bottom:10px}
    .banner{margin-bottom:10px;font-size:24px;line-height:32px}
    .banner h2{margin-bottom:10px}
    .banner h2::after{bottom:-10px}
    .schwords{top:42px}
    .schwordsinfo{padding:8px 0 15px}
    .schitem{padding:10px 0}
    .schitemcon strong{font-size:15px}
    .schitemcon em{font-size:13px;-webkit-line-clamp:1}
    .schimg{width:60px;margin-right:15px;padding-bottom:42px}
    .schmore{margin-bottom:15px}
    .hellotip{width:90%}
    .hellosch{width:100%;margin-top:10px}
    .helloschinput{padding:8px 50px 8px 14px}
    .slideblock{margin-bottom:0}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
    .swiper-pagination-bullet{width:14px;height:2px;padding:10px 0;border-radius:2px;opacity:1}
    .swiper-button-prev,.swiper-button-next{display:none}
    .indexcon{padding-top:0}
    .indexcon .swiper-container-horizontal>.swiper-pagination-bullets,.indexcon .swiper-pagination-custom,.indexcon .swiper-pagination-fraction{bottom:0}
    .indexcon .hastitle .swiper-slide span{height:45px;padding:0 60px 0 15px;font-size:14px;line-height:45px}
    .indexcon .hastitle .swiper-pagination{width:auto;right:15px;bottom:5px !important}
    .indexcon .hastitle .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}
    .sitemap{padding:0 18px}
    .authimg{width:80px;height:80px;float:none;margin:0 auto 10px;display:block}
    .authimg img{width:80px;height:80px}
    .authimg .sex{right:0;bottom:0}
    .authinfo{margin-bottom:6px;padding:0;text-align:center}
    .authinfo h1{font-size:20px}
    .authinfo p{-webkit-line-clamp:unset}
    .filter{width:100%}
    .filternav{margin-bottom:10px;zoom:1}
    .filternav::after{content:"";display:block;clear:both}
    .filternav h1{display:none}
    .filter li{width:33.33%;padding:0;line-height:18px;text-align:center}
    .filter li i{margin:0}
    .filter li.active::after{bottom:-11px}

    .album .listintro,.sticker .listintro,.hotspot .listintro{margin-bottom:10px}

    .block{margin-bottom:10px;padding:10px 18px}

    .block.forum{padding:16px 0}
    .block.forum .item{padding:15px 15px 10px}
    .block.forum .item h2{padding:0}
    .block.forum .item .forumdate{padding-left:27px;position:static}

    .block.sticker{margin:8px}

    .block.sticker .post{margin-bottom:10px;padding:14px 16px 10px}
    .block.sticker .post h2 .istop{top:1px}
    .block.sticker .post h2 .istop::before{font-size:32px}

    .block.album{margin:8px}
    .block.album .albumcon{padding:12px}
    .block.album .albumcon a{font-size:14px}
    .block.album .albuminfo{line-height:26px}
    .block.album .item{width:48%}

    .block.hotspot{margin-top:10px}
    .block.hotspot .post{margin-bottom:10px;padding:14px 16px 10px}
    .block.hotspot .postimg{width:110px;margin-right:10px}
    .block.hotspot .post h2{height:48px;margin-bottom:10px;line-height:20px;font-weight:normal;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
    .block.hotspot .post h2.istop{top:1px}
    .block.hotspot .post h2.istop::before{font-size:32px}
    .block.hotspot .post h2 a{font-size:16px;font-weight:normal}
    .block.hotspot .post h2 a span{display:inline;vertical-align:middle}
    .block.hotspot .post h2 a span::before{vertical-align:text-bottom}
    .block.hotspot .post .intro{display:none}
    .block.hotspot .post .info{font-size:12px}
    .block.hotspot .post .info span{margin-bottom:0}
    .block.hotspot .post .info span::before{font-size:16px}
    .post{margin-bottom:15px;padding-bottom:10px}
    .post h1,.post h2{font-size:20px;line-height:30px}
    .post h1 a,.post h2 a{font-size:18px}
    .post h1 em,.post h2 em{margin-top:6px}
    .post .info{margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .post .readmore{width:100%;padding:5px 0;text-align:center;display:none}

    .posttitle h1,.posttitle h2,.posttitle h3,.posttitle h4,.posttitle h5,.posttitle h6{font-size:18px}

    .post .user,.post .date,.post .cate,.post .view,.post .cmt,.post .edit,.post .del{margin-bottom:5px;line-height:20px;display:inline-block;vertical-align:top}
    .post .user::before,.post .date::before,.post .cate::before,.post .view::before,.post .cmt::before,.post .edit::before,.post .del::before{margin-right:2px}
    .post .datetime{display:none}
    .post.intro.isimg{height:auto}
    .post .ctrl{float:none}
    .post .ctrl a{margin:0 8px 0 0}
    .pagebar{padding-bottom:10px}
    .cmtpagebar{padding-bottom:0}
    .pagebar .now-page,.cmtpagebar .now-page{padding:0 5px}
    .pagebar .next-page,.cmtpagebar .next-page{display:inline-block}
    .pagebar .next-page a,.cmtpagebar .next-page a{display:inline-block}
    .pagebar a,.cmtpagebar a{margin:0 3px 5px;padding:1px 7px}
    .pagebar a.m,.cmtpagebar a.m{display:inline-block}
    .ias_trigger,.ias_loader{margin-top:10px}
    .sidebar{margin-top:10px}
    .sidebox{margin-bottom:10px}
    .copynotice{margin:10px 0;word-break:break-all;flex-direction:column;justify-content:space-between;align-items:center}
    .copynotice .qr,.copynotice canvas{float:none;margin:5px 0}
    a.backlist{width:99%;float:none;margin:0 0 20px;padding:0;line-height:36px;text-align:center;display:block}
    .single{padding-top:10px}
    .single blockquote{margin-bottom:1em}
    .single .tagscloud{margin:0 0 0 -2%}
    .single .tagscloud li{width:48%}
    .relate{padding:10px 0}
    .relate:last-child{padding:10px 0 5px}
    .relatecon.diallel .relatelist{width:100%;float:none;display:block}
    .relatecon.diallel .relatelist:nth-child(even){float:none;display:block}
    .relateimg{width:100px;margin-right:15px}
    .relateinfo h3{margin-bottom:5px}
    .relateinfo h3 a{font-size:16px}
    .relateinfo p{font-size:13px;line-height:1.8}
    .relatelist a{width:100%;margin:0;white-space:normal}
    .relatelist .posttime{position:static}
    .relatelist:last-child{border:0}
    .comment{margin-top:10px}
    .cmtsitem .avatar{width:38px;height:38px}
    .cmtsitem .avatar img{width:38px;height:38px}
    .cmtscon{margin-left:50px}
    .cmtshead{zoom:1}
    .cmtshead::after{content:"";display:block;clear:both}
    .cmtsname{width:100%;float:left;display:inline}
    .cmtsdate{float:left;display:inline}
    .cmtsbody,.cmtsreply{margin-left:-50px}
    .cmtsfoot{margin-left:-50px;text-align:right}
    .cmtarea{padding:0}
    .cmtform p{width:100%}
    .cmtform input{width:60%}
    .cmtform #inpVerify{width:30%}
    .cmtform img.imgcode{width:calc(30% - 12px);border-radius:3px}
    .cmtimg{display:none}
    .cmtsubmit{text-align:center}
    .cmtsubmit button{width:100%;height:40px;margin:0 0 10px 0}
    .reply-frm{margin-left:-50px}
    .friendlink{margin-top:10px;padding:15px 18px 10px}
    .friendlink span{font-size:18px}
    .friendlink ul{margin-left:-3%}
    .friendlink li{width:22%;margin:0 0 3% 3%;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .archivelist h3 a{font-size:14px}
    .readers ul{margin-bottom:0}
    .readers li{width:47%;padding:15px 10px 10px}
    .readers li img{width:60px;height:60px}
    .readersimg{float:none}
    .readersimg img{margin:0 auto}
    .readersinfo{margin-top:8px;padding:0;text-align:center;line-height:20px}
    .errorpage{padding:50px 18px}
    .errorpage h3{font-size:80px;line-height:80px}
    .errorpage h4{font-size:24px}
    .errorsearch{width:100%}
    .closepage{padding:1px 0}
    .closesite{width:90%;margin:5%;padding:20px;position:relative;top:auto;left:auto;transform:none}
    .closesite h1{margin:0 0 20px -20px;padding-left:15px;font-size:22px}
    .night .advice_content,.night .advice_contactcon,.night .advice_verifycode{border-color:#3a3a3a}
    .night .advice_content textarea,.night .advice_contactcon input{color:#ccc;background:#202020;display:block}
    .night .advice_verifycode{color:#ccc;background:#202020}
}