.trendingpage{width:100%;height:100%;display:flex;gap:20px;justify-content:center;align-items:center;flex-direction:column}.trendingpage .page-upper{display:flex;width:90%;height:100%;flex:4;margin-bottom:30px}.trendingpage .page-upper .titlebar{display:flex;flex-direction:column;width:100%;height:100px;align-items:center;justify-content:center}.trendingpage .page-upper .titlebar .titlebar-top{display:flex;height:100%;width:100%;align-items:center;background-color:#fff;gap:10px}.trendingpage .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}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-left .icn{margin:10px;display:flex;height:20px;width:20px;justify-content:center;align-items:center}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-left:hover{transition:.8s;border:1px solid gray}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-right{height:100%;width:100%;align-items:center;font-size:45px;font-weight:500;display:flex}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-right .newstxt{color:gray;font-weight:300}.trendingpage .page-upper .titlebar .titlebar-down{height:3px;width:90%;background-color:red}.trendingpage .page-mid{display:flex;width:90%;height:-moz-fit-content;height:fit-content;gap:20px}.trendingpage .page-mid .pagemid-left{display:flex;flex:8;height:100%;flex-direction:column;justify-content:center;align-items:center}.trendingpage .page-mid .pagemid-left .seemore{display:flex;width:-moz-fit-content;width:fit-content;height:25px;gap:12px;font-size:12px;font-weight:600;transition:.8s;justify-content:center;align-items:center;cursor:pointer}.trendingpage .page-mid .pagemid-left .seemore:hover{transition:.8s;color:#ff4500}.trendingpage .page-mid .pagemid-left .seemore:hover .icn{color:#ff4500}.trendingpage .page-mid .pagemid-left .seemore .icn{transition:.8s;display:flex;width:20px;height:20px;color:#cacaca}.trendingpage .page-mid .pagemid-right{display:flex;max-width:300px;height:100%;flex-direction:column;gap:15px}.trendingpage .page-lower{display:flex;width:90%;background-color:gray;flex:4}@media screen and (max-width:695px){.trendingpage{gap:10px}.trendingpage .page-upper{display:flex;width:90%;height:100%;flex:4;margin-bottom:15px}.trendingpage .page-upper .titlebar{display:flex;flex-direction:column;width:100%;height:100px;align-items:center;justify-content:center}.trendingpage .page-upper .titlebar .titlebar-top{display:flex;height:100%;width:100%;align-items:center;background-color:#fff;gap:10px}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-left .icn{margin:10px;display:flex;height:15px;width:15px;justify-content:center;align-items:center}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-left:hover{transition:.8s;border:1px solid gray}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-right{height:100%;width:100%;align-items:center;font-size:28px;font-weight:500;display:flex}.trendingpage .page-upper .titlebar .titlebar-top .titlebar-right .newstxt{color:gray;font-weight:300}.trendingpage .page-upper .titlebar .titlebar-down{height:3px;width:95%;background-color:red}.trendingpage .page-mid{flex-direction:column}}