.viewcount{display:flex;width:-moz-fit-content;width:fit-content;color:gray;font-size:12px;gap:5px;justify-content:center;align-items:center;height:100%}.viewcount .icn{color:#cacaca}.viewpage-container{width:100%;height:100%;display:flex;gap:20px;justify-content:center;align-items:center;flex-direction:column}.viewpage-container .page-upper{display:flex;width:95%;height:100%;flex:4;margin-bottom:10px;flex-direction:column}.viewpage-container .page-upper .vignetteLoad .wholescreen{background:hsla(0,3%,7%,.5);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:210;text-align:center;display:grid;place-items:center;font-size:.9rem}.viewpage-container .page-upper .vignetteLoad .wholescreen .centerbox{background:#fff;border-radius:5px;padding:1.6rem;flex-direction:row;display:grid;width:auto}.viewpage-container .page-upper .titlebar{display:flex;flex-direction:column;width:100%;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center}.viewpage-container .page-upper .titlebar .titlebar-top{display:flex;height:-moz-fit-content;height:fit-content;width:100%;align-items:center;background-color:#fff;gap:10px}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left{display:flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;border-radius:50%;border:1px solid #fff;transition:.8s;cursor:pointer}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left .icn{margin:10px;display:flex;height:20px;width:20px;justify-content:center;align-items:center}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left:hover{transition:.8s;border:1px solid gray}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-right{height:-moz-fit-content;height:fit-content;width:100%;min-height:60px;align-items:center;font-size:35px;font-weight:900;display:flex;margin-bottom:15px}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-right .newstxt{color:gray;font-weight:300}.viewpage-container .page-upper .titlebar .titlebar-down{height:3px;width:90%;background-color:red}.viewpage-container .page-upper .viewcount{display:flex;width:-moz-fit-content;width:fit-content;color:gray;font-size:13px;gap:5px;justify-content:center;margin-top:10px}.viewpage-container .page-mid{display:flex;width:90%;height:-moz-fit-content;height:fit-content;gap:30px}.viewpage-container .page-mid .pagemid-left{display:flex;flex:8;height:100%;flex-direction:column;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod .meta{height:-moz-fit-content;height:fit-content;width:90%;border-radius:20px;display:flex;gap:30px;align-items:center;margin-bottom:20px}.viewpage-container .page-mid .pagemid-left .articlepod .meta .slash{height:10px;width:1px;display:flex;background-color:#a1a1a1}.viewpage-container .page-mid .pagemid-left .articlepod .meta .count{display:flex;height:100%}.viewpage-container .page-mid .pagemid-left .articlepod .meta .category{padding:5px 8px;text-transform:uppercase;background-color:#ff4500;border-radius:8px;color:#fff;font-weight:400}.viewpage-container .page-mid .pagemid-left .articlepod .meta .time{display:flex;gap:4px;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod .meta .time .icn{color:#cacaca;font-size:20}.viewpage-container .page-mid .pagemid-left .articlepod .meta .author{font-size:13px;display:flex;gap:4px;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod .meta .author .icn{color:#cacaca;font-size:20}.viewpage-container .page-mid .pagemid-left .articlepod .introimg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlesource{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:8px;width:90%;color:#ff4500;cursor:pointer;padding:8px;overflow:hidden;word-wrap:break-word;word-break:break-all;border:1px solid #bdbdbd;margin:8px}.viewpage-container .page-mid .pagemid-left .seemore{display:flex;width:-moz-fit-content;width:fit-content;height:25px;gap:12px;font-weight:600;transition:.8s;justify-content:center;align-items:center;cursor:pointer}.viewpage-container .page-mid .pagemid-left .seemore:hover{transition:.8s;color:#ff4500}.viewpage-container .page-mid .pagemid-left .seemore:hover .icn{color:#ff4500}.viewpage-container .page-mid .pagemid-left .seemore .icn{transition:.8s;display:flex;width:20px;height:20px;color:#cacaca}.viewpage-container .page-mid .pagemid-right{display:flex;flex:3;height:100%;flex-direction:column;gap:15px}.viewpage-container .page-lower{display:flex;width:100%;background-color:gray;flex:4}@media screen and (max-width:695px){.viewpage-container{gap:10px}.viewpage-container .page-upper{display:flex;width:90%;height:100%;flex:4;margin-bottom:10px}.viewpage-container .page-upper .titlebar .titlebar-top{flex-direction:column;justify-content:center;align-items:flex-start}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left{display:flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;border-radius:50%;border:1px solid #fff;transition:.8s;cursor:pointer}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left .icn{margin:10px;display:flex;height:12px;width:12px;justify-content:center;align-items:center}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-left:hover{transition:.8s;border:1px solid gray}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-right{height:-moz-fit-content;height:fit-content;width:100%;min-height:60px;align-items:center;font-size:20px;font-weight:900;display:flex;margin-bottom:15px}.viewpage-container .page-upper .titlebar .titlebar-top .titlebar-right .newstxt{color:gray;font-weight:300}.viewpage-container .page-upper .titlebar .titlebar-down{height:3px;width:100%;background-color:red}.viewpage-container .page-mid,.viewpage-container .page-mid .pagemid-left{flex-direction:column;width:100%;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left{display:flex;height:100%}.viewpage-container .page-mid .pagemid-left .articlepod{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod .meta{height:-moz-fit-content;height:fit-content;width:90%;border-radius:20px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.viewpage-container .page-mid .pagemid-left .articlepod .meta .slash{height:10px;width:1px;display:flex;background-color:#a1a1a1}.viewpage-container .page-mid .pagemid-left .articlepod .meta .category{display:flex;padding:3px 5px;text-transform:uppercase;background-color:#ff4500;border-radius:8px;color:#fff;font-weight:400;font-size:10px}.viewpage-container .page-mid .pagemid-left .articlepod .meta .time{display:flex;gap:4px;justify-content:center;font-size:10px;align-items:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.viewpage-container .page-mid .pagemid-left .articlepod .meta .time .icn{color:#cacaca;font-size:16}.viewpage-container .page-mid .pagemid-left .articlepod .meta .author{display:flex;font-size:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.viewpage-container .page-mid .pagemid-left .articlepod .meta .author .icn{color:#cacaca;font-size:20}.viewpage-container .page-mid .pagemid-left .articlepod .meta .count{flex-direction:column;font-size:10px}.viewpage-container .page-mid .pagemid-left .articlepod .introimg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.viewpage-container .page-mid .pagemid-left .articlepod .articletxt{width:90%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:23px;font-size:15px;text-align:justify;margin-bottom:15px}.viewpage-container .page-mid .pagemid-left .articlepod .articlesource{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:8px;width:90%;color:#000;cursor:pointer;padding:8px;overflow:hidden;word-wrap:break-word;word-break:break-all;border:1px solid #bdbdbd;margin:8px}.viewpage-container .page-mid .pagemid-left .seemore{display:flex;width:-moz-fit-content;width:fit-content;height:25px;gap:12px;font-weight:600;transition:.8s;justify-content:center;align-items:center;cursor:pointer}.viewpage-container .page-mid .pagemid-left .seemore:hover{transition:.8s;color:#ff4500}.viewpage-container .page-mid .pagemid-left .seemore:hover .icn{color:#ff4500}.viewpage-container .page-mid .pagemid-left .seemore .icn{transition:.8s;display:flex;width:20px;height:20px;color:#cacaca}.viewpage-container .page-mid .pagemid-right{flex:0;height:-moz-fit-content;height:fit-content;width:90%;justify-content:center;align-items:center}}