@charset "UTF-8";
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}
/* 全局 */
a,body{color:#333}
.eyMain,.eyNtitle h3{padding:10px 0}
.eyBlack,.eyComico,header .eySearch form{background:rgba(0,0,0,.5)}
.eyBlack,.eyComBox form button,.eyComico,.eyPn a,footer,footer a,header,header .eySearch form button,header a,nav ul li a{color:#fff}
.eyComBox form button,.eyPn a,footer,header,header .eySearch form button,nav{background:#3887d0}
.eyBox{overflow:hidden;margin:0 auto;max-width:640px}
.eyBg{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:rgba(0,0,0,.1)}
header .eySearch,nav,nav ul ul{transition:all .35s;-o-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-webkit-transition:all .35s}
.eyWximg img{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:none;margin:auto;width:200px}
.eyIbox ul,.eyPbox .eyPboxDiv,footer .eyFooter,header .eyHeader{display:box;display:-o-box;display:-moz-box;display:-ms-box;display:-webkit-box;text-align:center;align-items:center;-o-align-items:center;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center}
.eyBanner .ey-hd ul li,.eyBlack,.eyComico,.eyPbox .ey-hd li,.eyRadius ul li img{border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%}
.eyBanner .ey-bd,.eyBanner ul,.eyComment ul li .eyCdiv span,.eyPbox .ey-hd ul{font-size:0}
.eyLpbox ul li p,.eyPagebox .eyPageTxt{display:box;display:-o-box;display:-moz-box;display:-ms-box;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;box-orient:vertical;-o-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-box-orient:vertical}
.eyComBox form input,.eyIbox ul li,.eyLbox,.eyLpbox ul,.eyPagebox .eyNpage,.eyPagebox .eyPageTxt,.eyPbox .eyPboxDiv ul li,header .eySearch form input{padding:0 2%}
.eyNpage {line-height:200%;}
.eyBlack{bottom:110px;display:none}
.eyBlack,.eyComico{position:fixed;right:5px;padding:15px}
.eyComico{bottom:160px}
.eyComment ul li .eyCdiv span,.eyIbox ul li img,.eyLoading a,.eyPbox .eyPboxDiv ul li img,.eyTitle span,footer a,footer span,header a,header span,nav ul li a{display:block}
.eyPbox .eyPboxDiv ul li p,.eyTitle{padding:15px 0}
header .eySearch,nav ul ul{overflow:hidden;height:0;transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0)}
header .eySearchShow,nav ul .eyNavulShow{overflow:visible;height:auto;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}
.eyAll,.eyComBox form,header .eySearch form{padding:2%}
.eyComBox form input,.eyNtitle h3,header .eySearch form input{font-size:14px}
.eyLbox ul li,.eyLpbox ul li{border-bottom:1px dotted #eee}
.eyComment i,.eyLbox ul li i,.eyNtitle i{padding-right:5px}
.eyComment ul li .eyCdiv span,.eyNtitle,.eySbanner{margin-bottom:10px}
.eyComment ul li .eyCdiv span,.eyShow{padding-bottom:10px}
.eyComment ul li .eyCdiv span,.eyNtitle,.eyPn,.eyShow{border-bottom:1px solid #eee}
.eyShow p {line-height:200%;}
.eyComBox,.eyPbox .ey-hd li,.eyTitle span{background:#eee}
.eyBanner .ey-hd ul .on,.eyTitle h3{background:#fff}
.eyComBox,.eyComment ul li{margin-top:10px}
.eyComBox form input,header .eySearch form input{width:82%;height:40px}
.eyComBox form button,header .eySearch form button{width:14%;vertical-align:top;line-height:40px}
.eyBanner,.eyComment ul li,.eyContainer,.eyTitle,.eyTitle h3{position:relative}
.eyTitle h3,header i{padding:0 15px}
.eyBanner .ey-hd ul li,.eyPbox .ey-hd li,.eyPn a,.eyTitle h3{display:inline-block}

/* 头部 底部 导航 */
footer,header{position:fixed;z-index:9998;width:100%;font-size:25px}
header{top:0}
footer{bottom:0}
footer .eyFooter,header .eyHeader{overflow:hidden;height:45px;line-height:45px}
header h1{width:50%;font-size:18px}
footer span,header span{width:25%}
footer p{display:inline;padding-left:5px;vertical-align:5px;font-size:15px}
header .eySearch{position:absolute;top:45px;right:0;left:0}
nav{position:fixed;top:0;right:0;z-index:9999;overflow:auto;width:200px;height:100%}
nav.eyNavshow{transform:translate(200px,0);-o-transform:translate(200px,0);-moz-transform:translate(200px,0);-ms-transform:translate(200px,0);-webkit-transform:translate(200px,0)}
nav ul li{border-top:1px solid #3277b7}
nav ul li:first-child{}
nav ul li a{padding:5% 20px}
nav ul li i{position:absolute;right:20px;margin-top:3px}
nav ul ul li{text-indent:15px}

/* 内容 幻灯 标题 */
.eyContainer{margin:45px 0;opacity:0}
.eyBanner .ey-hd{position:absolute;bottom:8px;width:100%}
.eyBanner .ey-hd ul li{margin:0 2px;width:10px;height:10px;background:rgba(255,255,255,.5)}
.eyTitle {margin-top:10px;}
.eyTitle h3{z-index:1}
.eyTitle span{position:absolute;top:50%;width:100%;height:1px}

/* 单页 */
.eyPagebox .eyPageTxt{line-height:200%;line-clamp:3;-o-line-clamp:3;-moz-line-clamp:3;-ms-line-clamp:3;-webkit-line-clamp:3}

/* 图标 */
.eyIbox ul{flex-flow:row wrap;-o-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:center;-o-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-justify-content:center}
.eyIbox ul li{width:21%}
.eyIbox ul li p{padding-top:15px}
.eyIbox ul li:nth-child(1) img{background:#0cf}
.eyIbox ul li:nth-child(2) img{background:#fc3}
.eyIbox ul li:nth-child(3) img{background:#f33}
.eyIbox ul li:nth-child(4) img{background:#390}

/* 图片 */
.eyPbox .eyPboxDiv ul{margin-bottom:-15px}
.eyPbox .eyPboxDiv ul li{float:left;width:46%;margin-bottom:2%;}
.eyPbox .ey-hd li{margin:0 2px;width:10px;height:10px}
.eyPbox .ey-hd .on{background:#bbb}

/* 图文 */
.eyLpbox ul li{float:left;margin-bottom:15px;padding-bottom:15px;width:100%;height:85px}
.eyLpbox ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.eyLpbox ul li img{float:left;overflow:hidden;margin-right:15px;width:113px;height:85px}
.eyLpbox ul li p{line-clamp:2;-o-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-webkit-line-clamp:2}
.eyLpbox ul li .eyCon{padding-top:10px}

/* 列表 */
.eyLbox ul{margin-top:-10px}
.eyLbox ul li{overflow:hidden;height:35px;line-height:35px}
.eyLbox ul li:last-child{border-bottom:0}
.eyLbox ul li .eyCnt{float:left;margin-right:80px;width:80%}
.eyLbox ul li .eyDate{float:right;margin-left:-80px;color:#ccc}

/* 加载 */
.eyLoading a{margin-top:15px}
.eyLoading img{width:25px}

/* 描述 评论 */
.eyPn a{margin:10px 0;padding:10px 15px}
.eyPn a.eyNo{background:#ccc}
.eyComment ul li{border:1px solid #eee}
.eyComment ul li.eyAdmin{color:#f33}
.eyComment ul li .eyCdiv{padding:10px}
.eyComment ul li .eyCdiv h3,.eyComment ul li .eyCdiv h4{position:absolute;top:10px}
.eyComment ul li .eyCdiv h3{left:70px}
.eyComment ul li .eyCdiv h4{right:10px}

/* 瀑布流 */
.eyPbl .grid-sizer{width:49%}
.eyPbl .gutter-sizer{width:2%}
.eyPbl .item{text-align:center;width:49%;margin-bottom:2%;line-height:0;}
.eyPbl .item p{line-height:2}

.ey-404 i{background:#F33;color:#FFF;margin-bottom:15px;-webkit-border-radius:50%;display:inline-block;width:120px;height:120px;line-height:120px}
.ey-padding15{padding:15px 0}
.ey-pt15{padding-top:15px}

/* 响应 */
@media screen and (max-width:639px){.eyContainer{margin:45px 0}
.eyWximg img{width:50%}
}