@charset "utf-8"; /*------------------- *Description: By www.yiwuku.com *Website: https://app.zblogcn.com/?id=7240 *Author: 尔今 erx@qq.com *update: 2020-05-11(Last:2020-08-15) -------------------*/ /* -- erx:全局 -- */ *{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} i, em{font-style:normal;} ol, ul{list-style:none;} img{border:0;max-width:100%;} input, textarea, button{outline:none;vertical-align:middle;} body{color:#222;font-size:14px;font-family:"Microsoft YaHei","STHeiti Light","Trebuchet MS", Tahoma, Arial, sans-serif;background-color:#f2f6f9;} a{color:#333;text-decoration:none;transition:all .3s linear;} a:hover{color:#f60;} .clearfix:before, .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;} .erx-wrap{width:1280px;max-width:96%;margin:0 auto;} .red{color:#f33;} .b{font-weight:bold;} .tac{text-align:center;} .mbox{margin-bottom:1px;background:#fff;padding:20px;} .fontico:before{display:inline-block;margin-right:3px;font-weight:normal;font-family:FontAwesome;} .nowrap{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /* -- erx:Head -- */ .topnav{position:relative;margin-bottom:30px;background:#fff;z-index:1999;} .topnav .erx-wrap{position:relative;z-index:999;} .erx-logo{float:left;max-width:200px;font-size:32px;font-weight:bold;padding:9px 0 0;overflow:hidden;} .erx-nav-box{float:right;min-width:25%;text-align:right;background:#fff;} .erx-menu, .nav-tools{display:inline-block;vertical-align:middle;} .erx-menu > li{position:relative;float:left;height:68px;line-height:68px;padding:0 5px;} .erx-menu > li:last-child{margin-right:0;} .erx-menu > li > a{position:relative;display:inline-block;font-size:18px;} .erx-menu > li > a > .fa{margin-right:3px;opacity:.88;} .erx-menu > li > a > .fa-angle-down{margin:-2px 0 0 4px;font-size:12px;vertical-align:middle;opacity:.58;} .erx-menu > li > a:hover > i{border-top-color:rgba(255,255,255,.48);} .erx-menu > li.cu > a:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:3px;background:#f60;} .erx-menu li ul, .message-box{display:none;position:absolute;top:100%;left:0;width:100%;line-height:38px;background:#fff;border:1px #ddd solid;border-radius:5px;} .erx-menu li ul:before, .erx-menu li ul:after, .message-box:before, .message-box:after{position:absolute;top:-14px;left:50%;content:'';display:block;width:0;height:0;margin-left:-7px;border:7px transparent solid;} .erx-menu li ul:before, .message-box:before{border-bottom-color:#ccc;} .erx-menu li ul:after, .message-box:after{top:-13px;border-bottom-color:#fff;} .erx-menu li li a{display:block;font-size:14px;text-align:center;border-bottom:1px rgba(0,0,0,.1) solid;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .erx-menu li li:first-child a{border-radius:5px 5px 0 0;} .erx-menu li li:last-child a{border-bottom:0;border-radius:0 0 5px 5px;} .erx-menu li li a:hover{background:#f8f8f8;} .nav-tools{margin-left:12px;height:68px;line-height:68px;} .nav-tools:before{content:'';display:inline-block;width:0;height:30px;margin-top:-5px;border-left:1px #eee solid;vertical-align:middle;} .nav-tools > span{display:none;margin-left:15px;} .nav-tools > span em{display:none;} .nav-tools > span:before{margin:0;color:#bbb;font-size:20px;cursor:pointer;transition:all .3s linear} .nav-tools .s, .nav-tools .msg, .nav-tools .dark{display:inline-block;} .nav-tools .s:before{content:'\f002';} .nav-tools .dark:before{content:'\f186';} .nav-tools .default:before{content:'\f185';} .nav-tools .msg:before{content:'\f0a2';} .nav-tools > span:hover:before{color:inherit;} .nav-tools .msg{position:relative;} .nav-tools .msg div{position:absolute;top:9%;left:0;width:100%;line-height:14px;cursor:pointer;} .nav-tools .msg div i{display:inline-block;height:14px;color:#fff;font-size:12px;font-family:Verdana;background:#f30;border-radius:10px;padding:0 4px;} .message-box{left:auto;right:0;width:300px;font-size:12px;padding:0;box-sizing:border-box;box-shadow:0 2px 3px rgba(0,0,0,.28);} .message-box:before, .message-box:after{left:auto;right:68px;margin-left:0;} .message-box ul{max-height:50vh;overflow-y:auto;} .message-box li{position:relative;line-height:1.5;border-bottom:1px #bbb dotted;padding:11px 20px 11px 30px;text-align:justify;word-break:break-all;} .message-box li:last-child{border-bottom:0;} .message-box li:hover{background:#f9f9f9;} .message-box li.nomsg{text-align:center;padding:30px 0;} .message-box li.acted > .fa, .message-box li.acted .read{opacity:.48;} .message-box li.acted .read{cursor:default;} .message-box li > .fa{position:absolute;top:15px;left:13px;} .message-box li > a{display:block;} .message-box li > a > b{margin-right:3px;} .message-box li > a > span{font-weight:bold;} .message-box li.acted > a > span, .message-box li.acted > a > b{font-weight:normal;} .message-box li .i{position:relative;color:#bbb;padding-top:4px;} .message-box li .act{position:absolute;right:0;bottom:0;opacity:.68;} .message-box li .act .fa{color:#888;margin:0 2px 0 12px;} .message-box li .fontico:before{margin:-1px 3px 0} .message-box li .fontico.a:before{content:'\f0f6';color:#1499f8;} .message-box li .fontico.c:before{content:'\f0e6';color:#a5c6cc;} .message-box .ctrl{border-top:1px #fff solid;background:#f6f6f6;border-radius:0 0 5px 5px;} .message-box .ctrl a{margin:0 9px;} .message-box .ctrl .nomore{opacity:.48;cursor:not-allowed;} .message-box .ctrl .fa{margin-right:3px;opacity:.58;} .message-box .ctrl .next .fa{margin:0 0 0 3px;} .search-box{position:absolute;top:-100%;right:0;width:300px;background:rgba(0,0,0,.68);padding:15px;box-sizing:border-box;border-radius:0 0 8px 8px;opacity:0;transition:all .3s linear;z-index:-1;} .search-box.erxact{top:100%;opacity:1;} .search-box .sin{width:100%;height:34px;border:0;padding:0 15px;box-sizing:border-box;border-radius:20px;} .search-box .sbtn{position:absolute;top:16px;right:16px;height:32px;border:0;padding:0 9px;border-radius:0 20px 20px 0;cursor:pointer;color:#fff;background:#aaa;} .search-box .sbtn:hover{background:#888;} .main-top{margin-bottom:20px;} .top-head{position:relative;background:#004795;background-position:50% 0;background-repeat:no-repeat;background-size:cover;overflow:hidden;color:#fff;padding:30px 30% 30px 30px;z-index:9;} .top-head:after{position:absolute;top:0;left:0;content:'';display:none;width:100%;height:100%;background:rgba(0,0,0,.18);background:linear-gradient(90deg, rgba(0,0,0,.28) 60%, rgba(0,0,0,.08) 100%);z-index:0;} .top-head > *{position:relative;z-index:2;} .top-head h1{font-size:20px;} .top-head h1:before{margin-right:3px;font-size:18px;opacity:.68;} .category .top-head h1:before, .tag .top-head h1:before{content:'#';} .author .top-head h1:before{content:"@";} .top-head p{max-height:66px;line-height:22px;margin-top:5px;overflow:hidden;opacity:.78;} .top-head p .des{margin-right:6px;opacity:.68;} .top-head p .des a{color:#ddd;} .top-head p .ofm em{margin-right:8px;} .top-head p .ofm em:before{content:'@';margin-right:1px;font-size:12px;opacity:.68;} .top-data{font-size:12px;padding:12px 20px;background:#fff;} .top-data span{margin-right:20px;} .main-content{margin-bottom:25px;} .main-left{float:left;width:75%;} .erx-sidebar{float:right;width:25%;padding-left:20px;box-sizing:border-box;} .main-content > .erx-fs{margin-bottom:20px;} /* -- erx:List -- */ .sub-cate{margin:-5px 0 8px;} .sub-cate li{display:inline-block;margin:0 5px 6px 0;} .sub-cate li a{display:inline-block;font-size:12px;border:1px #ddd solid;padding:3px 12px;opacity:.68;} .sub-cate li.cu a{background:#f6f6f6;opacity:1;} .list-hat{border-bottom:1px #eee solid;padding:15px 20px 0;background:#fff;} .list-hat li{display:inline-block;line-height:30px;margin:0 0 0 20px;cursor:pointer;opacity:.58;} .list-hat li.cu{margin-bottom:-2px;font-weight:bold;border-bottom:3px #f60 solid;opacity:1;} .erx-list-con .items.tit{margin-bottom:25px;color:#bbb;padding-top:0;border-bottom:1px #eee solid;border-radius:0;} .index .erx-list-con .items.tit{margin:-5px 0 0;border-bottom:0;} .all-list .erx-list-con{min-height:500px;} .all-list .erx-list-con .items.tit{padding:0 15px 11px 45px;} .erx-list-con .items.tit > div{text-align:center;} .erx-list-con .items.tit .m{text-align:left;font-size:12px;} .erx-list-con .items.tit .r{top:0;margin-top:2px;} .erx-list-con .items.tit:hover{background:none;} .my-reply-list .erx-list-con .items.tit, .my-regard-list .erx-list-con .items.tit{margin-bottom:0;border-bottom:0;} .erx-list-con .items{position:relative;margin-bottom:2px;font-size:12px;padding:11px 15px 11px 45px;border-radius:6px;box-sizing:border-box;} .all-list .erx-list-con .items{padding:18px 15px 18px 45px;} .erx-list-con .items:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .erx-list-con .items:nth-child(even){background:#f7f9fb;} .erx-list-con .items:hover{background:#f2f6f9;} .erx-list-con .items > div{display:inline-block;vertical-align:middle;} .erx-list-con .items .m{position:relative;width:62%;margin-right:8px;font-size:16px;padding-right:1em;box-sizing:border-box;} .erx-list-con .items .m .t:before{position:absolute;top:0;right:100%;margin:3px 10px 0 0;content:"\f0f6";color:#bbb;font-size:18px;} .erx-list-con .items.new .m a:before, .erx-list-con .items.new .u .time, .erx-list-con .items .r.new .time{color:#f60;} .erx-list-con .items .m .ask:before{content:"\f29c";} .erx-list-con .items .m .film:before{content:"\f1c8";} .erx-list-con .items .m .wealth:before{content:"\f024";} .erx-list-con .items .m .music:before{content:"\f001";} .erx-list-con .items .m .code:before{content:"\f1c9";} .search .erx-list-con .items .m .t strong{color:#f33;} .erx-list-con .items .m i.fontico{margin-left:6px;font-size:14px;} .erx-list-con .items .m .up{color:#f90;} .erx-list-con .items .m .up:before{content:'\f176';} .erx-list-con .items .m .hasp{color:#a5c6cc;} .erx-list-con .items .m .hasp:before{content:'\f03e';} .erx-list-con .items .m .hot:before{content:'\f2c7';} .erx-list-con .items .m .marrow:before{content:'\f219';color:#1499f8;background-image:linear-gradient(120deg, #1499f8, #1499f8 80%, #fff 98%, #1499f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:200% 100%;animation:masked-animation 3s linear infinite;animation-direction:alternate;} @keyframes masked-animation {0% {background-position: 0 0;} 100% {background-position: -100% 0;}} .erx-list-con .items .c{margin-left:6px;font-size:14px;opacity:.58;} .erx-list-con .items .c:before{content:'#';} .erx-list-con .items .tags .c{display:inline-block;margin-top:-3px;font-size:12px;vertical-align:middle;} .erx-list-con .items .u{width:150px;line-height:16px;margin-right:8px;} .erx-list-con .items .u img{float:left;width:36px;height:36px;margin-right:8px;border-radius:50%;} .erx-list-con .items .u .nowrap{max-width:70%;} .erx-list-con .items .n i{color:#bbb;font-weight:normal;} .erx-list-con .items .r{position:absolute;top:50%;right:20px;min-width:60px;max-width:90px;line-height:16px;margin-top:-18px;text-align:right;} .erx-list-con .items .rush{display:none;margin-top:7px;color:#fff;background:#f90;padding:2px 8px;border-radius:5px;} .erx-list-con .items:hover .rush{display:inline-block;} .erx-list-con .items .time{color:#bbb;} .erx-list-con .items .r-time{position:absolute;top:50%;right:15px;margin-top:-8px;} .erx-list-con .items .nowrap, .article-hat .u .name, .reply-items .u .commentname{display:inline-block;} .no-item{min-height:300px;color:#fcc4d2;padding:150px 0 0;} .posto{color:#fff;background:#004795;transition:all .3s linear;} .posto:before{content:"\f044";margin-right:5px;} .posto:hover{color:#fff;} .pagebar li{display:inline} .erx-pagebar{margin:20px 0;text-align:right;} .erx-pagebar .page, .erx-pagebar .now-page{display:inline-block;height:26px;line-height:26px;color:#666;padding:0 10px;margin:0 0 4px 4px;border:1px solid #ddd;background:#fff;transition:all .3s linear} .erx-pagebar .now-page{font-weight:bold;color:#fff;background:#004795;border-color:#004795;} .erx-pagebar a:hover .page{color:#f60;border:1px solid #f60;} .erx-pagebar .posto{float:left;display:inline-block;height:28px;line-height:28px;padding:0 15px;} .erx-pagebar .posto .fa{margin-right:5px;} .posto:hover, .user-btn > a:hover{opacity:.8;} .erx-fs{overflow:hidden;} .erx-fs > a > img, .erx-fs > img{display:block;width:100%;} /* -- erx:Side -- */ .erx-sidebar .posto{display:block;height:46px;line-height:46px;margin-bottom:20px;font-size:18px;text-align:center;} .erx-sidebar .posto:before{font-size:20px;vertical-align:middle;} .side-box > h3, .flinks h3{margin-bottom:9px;font-size:14px;border-bottom:1px #eee solid;padding:0 0 9px;} .side-box > p{line-height:1.68;font-size:12px;} .user-box{position:relative;} .user-box .logout{position:absolute;top:22px;right:20px;} .user-btn > a{display:inline-block;width:45%;height:34px;line-height:34px;margin-bottom:15px;color:#fff;text-align:center;background:#f90;} .user-btn .login-btn:before{margin-right:6px;content:"\f090";} .user-btn .reg-btn{width:50%;margin-left:5%;background:#80ad41;} .user-btn > a .fa{margin:0 6px 0 0;} .user-data{margin-bottom:8px;padding-top:5px;} .user-data li{float:left;width:50%;line-height:34px;margin-top:-2px;color:#888;font-size:12px;border:2px #fff solid;padding:0 0 0 16px;background:#f7f9fb;box-sizing:border-box;} .user-data li:nth-child(even){border-left:0;} .user-data li > a{font-weight:bold;font-size:14px;} .user-data li > a .fa, .user-box p .fa{margin-right:5px;opacity:.58;} .user-data .my-btn{color:#f60;} .user-data .my-btn:hover{color:#1499f8;} .user-data a em{display:inline-block;margin:-5px 3px 0 0;font-weight:normal;font-size:12px;opacity:.58;vertical-align:middle;} .side-tlist li{padding:8px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px #eee dotted;} .side-tlist li:last-child{border-bottom:0;padding-bottom:0;} .side-tlist li i{display:inline-block;width:15px;height:15px;line-height:15px;margin-right:5px;text-align:center;color:#fff;font-size:12px;background:#ccc;border-radius:2px;} .side-tlist li:nth-child(-n+3) i{background:#fb0;} /* -- erx:Article -- */ .pagenow a:first-child:before{display:inline-block;content:"\f015";margin:-2px 9px 0 0;font-size:20px;font-family:FontAwesome;vertical-align:middle;} .pagenow .fa{margin:0 8px;opacity:.68;} .erx-article{padding:12px;} .erx-article h1{margin-bottom:13px;font-size:24px;} .erx-page h1{font-size:28px;} .article-hat{position:relative;margin-bottom:1px;padding-left:120px;border-bottom:1px #ddd dashed;} .erx-page .article-hat{padding-left:0;} .article-hat .i{font-size:12px;padding:0 0 15px;} .article-hat .i > span{margin-right:20px;color:#999;} .article-hat .i > span em{margin-left:5px;color:#666;} .article-hat .i > span.views:before{content:'';display:inline-block;width:1px;height:10px;margin:-2px 8px 0 -12px;background:#bbb;vertical-align:middle;} .article-hat .i .ctrl{position:absolute;right:0;bottom:13px;font-size:14px;} .article-hat .i .ctrl a{margin-left:12px;} .article-hat .i .ctrl .a .fa{opacity:.58;} .article-hat .u, .reply-items .u{position:absolute;top:0;left:0;width:100px;font-size:12px;border:1px transparent solid;border-right-color:#eee;box-sizing:border-box;} .article-hat .u.has-floor, .reply-items .u.has-floor{padding-left:20px;} .article-hat .u img, .reply-items .u img{width:40px;height:40px;border-radius:50%;} .article-hat .u .name, .reply-items .u .commentname{opacity:.58;} .has-ucard .data{display:none;position:absolute;top:100%;left:-1px;width:100%;background:#fff;padding:5px 0 15px;border:1px #1499f8 solid;border-top:0;box-shadow:1px 1px 0 #fff;} .has-ucard .data li{text-align:right;padding:4px 11px 4px 0;} .has-ucard .data li em{margin-right:4px;opacity:.68;} .has-ucard .data .hat{color:#1499f8;} .has-ucard .data .hat:before{content:'\f2c3';} .has-ucard:hover{border:1px #1499f8 solid;z-index:9;} .has-ucard:hover .data{display:block;} .erx-floor{position:absolute;top:0;left:0;} .erx-floor:after{content:'';position:absolute;top:0;left:0;width:0;height:0;border-right:40px transparent solid;border-top:40px #1499f8 solid;z-index:0;} .erx-floor em{position:absolute;top:6px;left:-17px;display:block;width:60px;color:#fff;text-align:center;z-index:2;transform:rotate(-45deg);} .erx-article .t{line-height:1.88;font-size:16px;text-align:justify;word-break:break-all;overflow:hidden;} .erx-article .t.ht{min-height:20vh;} .erx-article .t p{margin-bottom:1em;} .erx-article .t iframe, .erx-article .t video{width:100%;} .erx-article .t > *{max-width:100%;} .erx-article .t > h2, .erx-article .t > h3, .erx-article .t > h4, .erx-article .t > h5, .erx-article .t > h6{font-size:18px;margin:1em 0;padding:6px 12px;background:#f2f6f9;background:linear-gradient(90deg, #f2f6f9 0, #f2f6f9 68%, transparent 100%);} .erx-article .t > h2:before, .erx-article .t > h3:before, .erx-article .t > h4:before, .erx-article .t > h5:before, .erx-article .t > h6:before{margin-right:8px;content:'\f005';color:#999;font: normal normal normal 16px/1 FontAwesome;} .erx-article .t > h4, .erx-article .t > h5, .erx-article .t > h6{font-size:15px;} .erx-article .t > h4:before, .erx-article .t > h5:before, .erx-article .t > h6:before{font-size:16px;content:'\f13a';} .erx-article .t > h2 > *, .erx-article .t > h3 > *, .erx-article .t > h4 > *, .erx-article .t > h5 > *, .erx-article .t > h6 > *{margin-left:1em;font-weight:normal;font-size:.8em;} .erx-article .t blockquote{position:relative;margin-bottom:1em;font-size:14px;background:#f7f9fb;border:1px #bbb dashed;padding:15px 15px 15px 35px;border-radius:3px;} .erx-article .t blockquote:before{content:'\f10d';position:absolute;top:8px;left:8px;font: normal normal normal 18px/1 FontAwesome;opacity:.3;} .erx-article .t blockquote p{margin:0;font-size:inherit;} .erx-article .t a{color:#f60;margin:0 3px} .erx-article .t > table{width:100%;margin:1em auto;} .erx-article .t > table th, .erx-article .t > table td{line-height:2.2;font-size:14px;border:1px #666 solid;padding:3px 5px 3px 9px;} .erx-article .t > table p{margin:0;font-size:inherit;} .erx-article .t pre{font-size:12px;} .erx-article .user-closure{padding:50px 0;} .article-digg{font-size:18px;margin:20px 0 0;} .digg-a-btn{position:relative;display:inline-block;height:32px;line-height:32px;color:#ff433e;border:1px solid #ff433e;padding:0 18px;border-radius:20px;cursor:pointer;transition:all .3s linear;} .digg-a-btn:hover{color:#fff;background:#ff433e;} .digg-a-btn:before{content:"\f004";} .digg-a-btn em{display:inline-block;line-height:100%;margin:-3px 0 0 3px;font-size:16px;font-family:Arial;vertical-align:middle;} .digg-a-btn i{position:absolute;bottom:100%;left:50%;margin-left:-13px;} .digg-a-btn:hover i{color:#f60;} .article-tags{margin:20px 0 -12px;text-align:right;} .article-tags a{margin-left:1em;opacity:.58;} .article-tags a:before{content:'#';} .author-sign{position:relative;line-height:1.68;margin:30px 0 0;font-size:12px;border-top:2px #f3f3f3 solid;padding:9px 0 0 22px;} .author-sign:before{position:absolute;top:8px;left:0;content:'\f040';color:#bbb;font-size:14px;} .author-sign a{opacity:.58;} .article-bot{position:relative;margin:30px 0 -5px;border-top:1px #eee dashed;padding:9px 0 0;} .article-bot .reply{display:inline-block;border:1px #ddd solid;padding:3px 8px;border-radius:4px;} .article-bot .reply:before{content:"\f045";} .article-bot .p{float:right;} .article-bot .p a{margin-left:20px;font-size:18px;} .article-bot .p a em, .article-bot .p .ca{display:none;} .article-bot .p a:before{opacity:.48;} .article-bot .p .qrcode:before{content:"\f029";opacity:.28;} .article-bot .p .share:before{content:"\f1e0";opacity:.28;} .article-bot .p .prev:before{content:"\f060";} .article-bot .p .next:before{content:"\f061";} .article-bot .p .back:before{content:"\f07c";} /* -- erx:Reply -- */ .user-closure{font-size:12px;background:#FFF5FA;padding:6px 0;} .reply-bar h3{font-size:14px;} .reply-bar h3 span{margin-left:5px;font-weight:normal;opacity:.58;} .reply-bar h3 em{margin-left:3px;color:#1499f8;} .reply-items{border:1px transparent solid;} .reply-items .c{position:relative;padding:10px 0 10px 120px;} .reply-items .u{top:5px;} .reply-items .u a{font-weight:bold;} .reply-items .msgarticle{line-height:1.8;margin:-5px 0 16px;font-size:16px;text-align:justify;word-break:break-all;overflow:hidden;} .reply-items .reply-items .msgarticle{margin-bottom:12px;} .reply-items .i{font-size:12px;} .reply-items .i > *{margin-right:15px;} .reply-items .i a{opacity:.68;} .reply-items .i a:hover{opacity:1;} .reply-items .i a .fa{margin-right:2px;} .reply-items .i .reply-btn:before{content:"\f112";opacity:.58;transform:rotate(30deg);} .reply-items .time{color:#999;} .c-floor:after{border-top-color:#a5c6cc;} .reply-items .author-sign{margin-top:15px;} .reply-items .has-ucard:hover, .reply-items .has-ucard:hover .data{border-color:#a5c6cc;} .reply-items .reply-items{margin:15px 0 0;background:rgba(0,0,0,.025);} .reply-items .reply-items .c{padding:0 0 0 100px;} .reply-items .reply-items .u{top:0;width:80px;} .reply-best{position:relative;} .reply-best > .reply-items{border-color:#f70;} .reply-best .s-tip{position:absolute;top:0;right:20px;color:#fff;font-size:12px;background:#f70;padding:3px 12px;border-radius:0 0 5px 5px;} .reply-items .user-closure:after{position:absolute;top:0;left:0;content:'';display:none;width:100%;height:100%;background:rgba(255,255,255,.28);z-index:9;} .reply-close-tip{color:#fcc4d2;border-top:2px #ddd dashed;} .reply-items .msgarticle > i, .comm-content i{font-style:italic;} .reply-items .msgarticle > img, .comm-content img{margin:-3px 3px 0;vertical-align:middle;} .reply-items .msgarticle > a, .comm-content a{margin:0 1px;color:#f80;} .reply-items .msgarticle > a:hover, .comm-content a:hover{color:#0136ba;} .reply-post{position:relative;margin-bottom:50px;} .reply-post textarea, .comm-content{width:100%;height:180px;line-height:20px;margin-bottom:12px;border:1px #ddd solid;padding:10px;box-sizing:border-box;resize:none;} .reply-p-tools{position:relative;border:1px #ddd solid;border-bottom:0;background:#fafafa;padding:6px 0;} .reply-p-tools > .fa{margin:3px 0 3px 18px;color:#bbb;font-size:18px;cursor:pointer;transition:all .2s linear;} .reply-p-tools > .fa:hover{color:inherit;} .tools-wrap{display:none;position:absolute;top:100%;left:0;width:100%;height:180px;pointer-events:none;} .tools-wrap:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .tools-panel{display:none;line-height:100%;background:#fff;border:1px #eee solid;padding:12px;border-radius:5px;vertical-align:middle;box-shadow:0 0 18px #ddd;pointer-events:auto;} .tools-panel.erxact{display:inline-block;} .face-list{max-width:260px;} .face-list img{margin:3px;} .color-list{max-width:176px;} .color-list .colors{display:inline-block;width:18px;height:18px;margin:2px;background:#ddd;vertical-align:middle;} .image-post{max-width:100%;text-align:left;} .image-post h5{font-size:12px;padding:0 0 5px;} .image-post .int{width:240px;max-width:100%;height:28px;line-height:28px;border:1px #bbb solid;padding:0 5px;border-radius:3px;} .image-post p{text-align:right;padding:5px 0 0;} .image-post p button{margin-left:8px;font-size:12px;color:#fff;background:#09c;border:0;padding:3px 8px;cursor:pointer;border-radius:3px;} .image-post p .cancel{background:#888;} .editor-info{line-height:18px;text-align:left;color:#888;font-size:12px;} .editor-info a{margin:0 2px;color:#09f;} .reply-p-input{float:left;width:480px;max-width:100%;} .reply-p-input.w{width:80%;line-height:34px;color:#999;} .reply-p-input.w .avatar{width:34px;height:34px;margin:-2px 12px 0 0;vertical-align:middle;border-radius:50%;} .reply-p-input.w .logout{margin-left:30px;font-size:12px;opacity:.68;} .reply-p-input label{position:relative;display:block;width:100%;margin-bottom:8px;} .reply-p-input input{width:100%;border:1px solid #ddd;line-height:34px;height:34px;padding:0 10px;box-sizing:border-box;} .reply-p-input .uimg, .reply-p-input .getqq, .reply-clear-info{position:absolute;top:0;left:100%;width:34px;height:34px;margin-left:8px;border-radius:50%;} .reply-p-input .vimg{position:absolute;top:2px;right:2px;cursor:pointer;} .reply-p-input .getqq{display:none;line-height:34px;color:#eee;font-size:12px;background:#1499f8;cursor:pointer;transition:all .3s linear;} .reply-p-input .getqq.erxact{display:block;} .reply-p-input .getqq:hover{color:#fff;background:#004795;} .reply-clear-info{margin:8px 0 0 18px;opacity:.38;cursor:pointer;} .reply-p-btn{float:right;} .reply-p-btn .posto{height:34px;font-size:14px;border:0;padding:0 30px;cursor:pointer;border-radius:30px;} .digg-c-btn{position:relative;cursor:pointer;transition:all .3s linear;} .digg-c-btn:hover{color:#ff433e;} .digg-c-up:before{content:"\f087";} .digg-c-down:before{content:"\f088";} .digg-c-btn i{position:absolute;bottom:100%;left:50%;margin-left:-8px;} #cancel-reply{display:none;position:absolute;top:14px;right:15px;font-size:12px;opacity:.68;z-index:999;} #cancel-reply .fa{margin-right:3px;opacity:.68;} div.reply-frm{margin:8px 0 0;min-width:300px;font-size:14px;background:#f2f6f9;padding:8px;} .comm-content{background:#fff;outline:none;overflow:auto;} .comm-content + textarea{display:none;} /* -- erx:Foot -- */ .flinks{margin-bottom:35px;} .flinks h3:before{content:"\f0c1";margin-right:6px;} .flinks li{display:inline-block;white-space:nowrap;margin:0 8px;font-size:12px;} .flinks ul.p{margin:12px 0 0;} .footer{line-height:1.88;margin:30px 0 0;color:#999;font-size:12px;background:rgba(0,0,0,.06);padding:20px 0;} .footer a{color:#999;} .footer a:hover{text-decoration:underline;} a.erx-gotop{display:none;position:fixed;right:50%;bottom:20%;width:40px;height:40px;line-height:40px;margin-right:-700px;color:#fff;font-family:Arial;font-size:18px;background:#ccc;border:3px #eee solid;border-radius:50%;} a.erx-gotop.active{display:inline-block;} a.erx-gotop:hover{background:#bbb;text-decoration:none;} /* -- erx:DarkMode -- */ .dark-mode{color:#bbb;background:#52585e;} .dark-mode a{color:#bbb;} .dark-mode a:hover{color:#f50;} .dark-mode .red{color:#c00;} .dark-mode .topnav, .dark-mode .erx-nav-box, .dark-mode .erx-menu li ul, .dark-mode .message-box, .dark-mode .top-data, .dark-mode .mbox, .dark-mode .list-hat{background:#313942;} .dark-mode .erx-menu li ul:before, .dark-mode .message-box:before{border-bottom-color:rgba(255,255,255,.08);} .dark-mode .erx-menu li ul:after, .dark-mode .message-box:after{top:-13px;border-bottom-color:#313942;} .dark-mode .erx-menu li ul, .dark-mode .message-box{border-color:rgba(255,255,255,.08);} .dark-mode .erx-menu li li a{border-color:rgba(255,255,255,.08);} .dark-mode .message-box{box-shadow:0 2px 3px rgba(255,255,255,.28);} .dark-mode .message-box .ctrl{border-color:#52585e;} .dark-mode .message-box li:hover, .dark-mode .erx-menu li li a:hover{background:#52585e;} .dark-mode .message-box li .time{opacity:.58;} .dark-mode .erx-list-con .items:nth-child(even){background:#272f38;} .dark-mode .message-box .ctrl, .dark-mode .erx-list-con .items:hover:not(.tit), .dark-mode .erx-list-con .items:hover:nth-child(even){background:#222a33;} .dark-mode .erx-list-con .items.tit, .dark-mode .erx-list-con .items .time{color:#777;} .dark-mode .nav-tools:before, .dark-mode .list-hat, .dark-mode .erx-list-con .items.tit, .dark-mode .side-box > h3, .dark-mode .flinks h3, .dark-mode .side-tlist li, .dark-mode .article-hat, .dark-mode .article-bot, .dark-mode .message-box li{border-color:#3a4b5b;} .dark-mode .top-head:after{background:linear-gradient(90deg, rgba(0,0,0,.5) 60%, rgba(0,0,0,.3) 100%);} .dark-mode .user-data li{border-color:#313942;background:#272f38;} .dark-mode .side-tlist li i{background:#222a33;} .dark-mode .side-tlist li:nth-child(-n+3) i{background:#b76026;} .dark-mode .article-hat .u, .dark-mode .reply-items .u{border-right-color:#3a4b5b;} .dark-mode .has-ucard .data{background:#313942;box-shadow:1px 1px 0 #52585e;} .dark-mode .author-sign{border-color:rgba(0,0,0,.12);} .dark-mode .has-ucard:hover{border-color:#1499f8;} .dark-mode .reply-items .has-ucard:hover{border-color:#a5c6cc;} .dark-mode .reply-items .reply-items{margin:15px 0 0;background:rgba(255,255,255,.025);} .dark-mode .posto, .dark-mode .erx-pagebar .now-page{background:#1a297a;} .dark-mode .posto:hover{color:#eee;} .dark-mode .erx-pagebar .page{background:#313942;border-color:#222a33;} .dark-mode .erx-pagebar .now-page{background:#1a297a;border-color:#1a297a;} .dark-mode a.erx-gotop{background:#3a4b5b;border-color:rgba(255,255,255,.06);} .dark-mode .article-bot .reply{opacity:.58;} .dark-mode .user-btn > a{color:#eee;} .dark-mode div.reply-frm{background:rgba(255,255,255,.08);} .dark-mode .reply-p-tools{background:#222a33;border-color:#222a33;} .dark-mode .reply-post textarea, .dark-mode .comm-content, .dark-mode .reply-p-input input{background:#313942;border-color:#222a33;} .dark-mode .reply-p-tools > .fa{color:#666;} .dark-mode .reply-p-tools > .fa:hover{color:#ddd;} .dark-mode .reply-p-input input{color:#bbb;} .dark-mode #mypost-box, .dark-mode .apost-tips{border-color:#3a4b5b;} /* -- erx:Responsive -- */ .erx-mb-nav-ctrl{display:none;} @media screen and (max-width:1280px) { .erx-mb-nav-ctrl{position:relative;display:inline-block;width:28px;height:28px;margin-top:1px;vertical-align:middle;} .erx-mb-nav-ctrl i{position:absolute;top:50%;left:50%;display:block;width:100%;height:2px;margin:-1px 0 0 -50%;background-color:rgba(12,24,30,.68);transition:background-color 0.3s;} .erx-mb-nav-ctrl.erxact i{background-color:transparent;} .erx-mb-nav-ctrl i:before,.erx-mb-nav-ctrl i:after{position:absolute;left:0;width:100%;height:100%;background:rgba(12,24,30,.68);content:'';transition:transform 0.3s;} .erx-mb-nav-ctrl i:before{transform:translateY(-400%);} .erx-mb-nav-ctrl i:after{transform:translateY(400%);} .erx-mb-nav-ctrl.erxact i:before{transform:translateY(0) rotate(45deg);} .erx-mb-nav-ctrl.erxact i:after{transform:translateY(0) rotate(-45deg);} .erx-menu > li.cu:after{left:0;width:100%;margin:0;} .erx-menu{position:fixed;top:0;left:-100%;height:100%;background:rgba(242,246,249,.98);z-index:9999;transition:all .3s linear;} .erx-menu.erxact{left:0;box-shadow:20px 0 20px rgba(0,0,0,.38);} .erx-menu > li{float:none;height:48px;line-height:48px;border-bottom:1px rgba(0,0,0,.05) solid;} .erx-menu > li > a{font-size:16px;} .erx-menu li ul{top:0;left:100%;border-radius:0 5px 5px 0;overflow:hidden;} .erx-list-con .items .m{width:calc(100% - 160px);margin-right:0;box-sizing:border-box;} .erx-list-con .items .n, .erx-list-con .items .r{display:none;} .all-list .erx-list-con .items.tit .r{display:inline-block;} .erx-list-con .items .u{margin-right:0;} .user-data li{width:100%;} .dark-mode .erx-mb-nav-ctrl i, .dark-mode .erx-mb-nav-ctrl i:before, .dark-mode .erx-mb-nav-ctrl i:after{background-color:rgba(255,255,255,.38);} .dark-mode .erx-mb-nav-ctrl.erxact i{background:transparent;} .dark-mode .erx-menu{background:#222a33;} .dark-mode .erx-menu > li{border-color:rgba(255,255,255,.08);} } @media screen and (max-width:900px) { .top-head{padding:20px;} .main-left, .erx-sidebar{float:none;width:100%;padding-left:0;} .erx-list-con .items .m{width:calc(100% - 90px);} .erx-list-con .items .u{width:80px;text-align:right;} .erx-list-con .items .u img{display:none;} .user-data li{width:50%;} } @media screen and (max-width:480px) { .mbox{padding:15px 9px;} .search-box{width:100vw;margin-right:-2%;background:rgba(0,0,0,.78);z-index:9} .top-head h1{font-size:18px;} .top-head p{font-size:12px;} .top-data{padding:8px 12px;} .top-data span{margin-right:15px;} .top-data span:last-child{display:block;margin:6px 0 0;border-top:1px #eee dotted;padding:3px 0 0;} .erx-list-con .items{padding-left:38px;} .erx-list-con .items .m{width:auto;padding-right:0;} .erx-list-con .items.tit, .erx-list-con .items .u, .erx-list-con .items .r-time{display:none;} .erx-pagebar{text-align:center;} .erx-article .t{padding:0 5px;} .article-hat, .reply-items .c, .reply-items .reply-items .c{padding:55px 0 0;} .article-hat .u, .reply-items .u{top:0;width:100%;border-right-color:transparent;border-bottom-color:#eee;padding-bottom:10px;text-align:left;} .article-hat .u:hover, .reply-items .u:hover{border-color:transparent;border-bottom-color:#eee;} .has-ucard:hover .data{display:none;} .article-hat .u.has-floor, .reply-items .u.has-floor{padding-left:0;} .reply-items .reply-items .u{width:100%;} .article-hat .u img, .reply-items .u img{width:30px;height:30px;margin-right:8px;vertical-align:middle;} .article-hat .u .name, .reply-items .u .commentname, .erx-floor{vertical-align:middle;} .erx-pagebar .posto, .has-floor br, .reply-items .u br, .article-hat .i .ctrl, .erx-floor:after{display:none;} .erx-article h1{font-size:20px;} .article-hat .i > span{margin-right:12px;} .article-hat .i > span.views:before{margin-left:-6px;} .erx-page .article-hat{padding:0;} .erx-floor{left:auto;right:0;display:inline-block;margin-top:6px;} .erx-floor em{position:static;width:auto;color:#1499f8;transform:none;} .erx-floor em:before{content:'#';margin-right:2px;opacity:.68;} .c-floor em{color:#a5c6cc;} .reply-best .s-tip{right:50%;margin-right:-38px;} .reply-p-input .uimg, .reply-p-input .getqq, .reply-clear-info{top:2px;right:2px;left:auto;width:30px;height:30px;line-height:30px;} .reply-clear-info{width:auto;height:auto;margin-right:8px;} .reply-p-tools{padding-right:50px;} .dark-mode .top-data span:last-child{border-color:#3a4b5b;} .dark-mode .article-hat .u, .dark-mode .reply-items .u{border-right-color:transparent;border-bottom-color:#3a4b5b;} }