*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:321px){.container{max-width:321px}}@media (min-width:401px){.container{max-width:401px}}@media (min-width:481px){.container{max-width:481px}}@media (min-width:801px){.container{max-width:801px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\!-right-10{right:-2.5rem!important}.\!-right-2{right:-.5rem!important}.\!left-0{left:0!important}.\!left-1\/2{left:50%!important}.\!top-20{top:5rem!important}.-left-\[50\%\]{left:-50%}.-right-\[50\%\]{right:-50%}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-5{left:1.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-4{top:1rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.\!ml-0{margin-left:0!important}.\!mr-0{margin-right:0!important}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[178\/206\]{aspect-ratio:178/206}.aspect-\[258\/168\]{aspect-ratio:258/168}.\!h-12{height:3rem!important}.h-12{height:3rem}.h-9{height:2.25rem}.h-\[155px\]{height:155px}.h-\[173px\]{height:173px}.h-\[175px\]{height:175px}.h-\[219px\]{height:219px}.h-\[26px\]{height:26px}.h-\[305px\]{height:305px}.h-\[50vh\]{height:50vh}.h-\[70px\]{height:70px}.h-\[80px\]{height:80px}.h-\[84px\]{height:84px}.h-\[auto\],.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-12{max-height:3rem}.min-h-\[95px\]{min-height:95px}.\!w-auto{width:auto!important}.w-1\/2{width:50%}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[245px\]{width:245px}.w-\[418px\]{width:418px}.w-\[56px\]{width:56px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-60{min-width:15rem}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-80{max-width:20rem}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.\!-translate-x-1\/2{--tw-translate-x:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[40px\]{gap:40px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-6{row-gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#FFE2F2\]{--tw-border-opacity:1;border-color:rgb(255 226 242/var(--tw-border-opacity,1))}.border-blue-40{--tw-border-opacity:1;border-color:rgb(209 230 255/var(--tw-border-opacity,1))}.border-gray-30{--tw-border-opacity:1;border-color:rgb(234 237 244/var(--tw-border-opacity,1))}.border-b-gray-90{--tw-border-opacity:1;border-bottom-color:rgb(92 102 123/var(--tw-border-opacity,1))}.\!bg-blue-100{--tw-bg-opacity:1!important;background-color:rgb(49 90 233/var(--tw-bg-opacity,1))!important}.\!bg-gray-30{--tw-bg-opacity:1!important;background-color:rgb(234 237 244/var(--tw-bg-opacity,1))!important}.bg-\[\#0C2280\]{--tw-bg-opacity:1;background-color:rgb(12 34 128/var(--tw-bg-opacity,1))}.bg-\[\#FAFAFC\]{--tw-bg-opacity:1;background-color:rgb(250 250 252/var(--tw-bg-opacity,1))}.bg-\[\#FFF5FB\]{--tw-bg-opacity:1;background-color:rgb(255 245 251/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(49 90 233/var(--tw-bg-opacity,1))}.bg-blue-20{--tw-bg-opacity:1;background-color:rgb(243 247 255/var(--tw-bg-opacity,1))}.bg-blue-30{--tw-bg-opacity:1;background-color:rgb(233 243 255/var(--tw-bg-opacity,1))}.bg-blue-40{--tw-bg-opacity:1;background-color:rgb(209 230 255/var(--tw-bg-opacity,1))}.bg-gray-10{--tw-bg-opacity:1;background-color:rgb(250 250 252/var(--tw-bg-opacity,1))}.bg-gray-30{--tw-bg-opacity:1;background-color:rgb(234 237 244/var(--tw-bg-opacity,1))}.bg-gray-40{--tw-bg-opacity:1;background-color:rgb(215 220 229/var(--tw-bg-opacity,1))}.bg-gray-70{--tw-bg-opacity:1;background-color:rgb(132 145 167/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-3{padding:.75rem}.p-4{padding:1rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[64px\]{padding-top:64px;padding-bottom:64px}.\!pb-10{padding-bottom:2.5rem!important}.\!pr-4{padding-right:1rem!important}.\!pt-10{padding-top:2.5rem!important}.\!pt-5{padding-top:1.25rem!important}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pr-2{padding-right:.5rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[43px\]{padding-top:43px}.text-left{text-align:left}.text-center{text-align:center}.\!text-\[10px\]{font-size:10px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.\!text-gray-50{--tw-text-opacity:1!important;color:rgb(180 192 211/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#3d92de\]{--tw-text-opacity:1;color:rgb(61 146 222/var(--tw-text-opacity,1))}.text-\[\#FF61B0\]{--tw-text-opacity:1;color:rgb(255 97 176/var(--tw-text-opacity,1))}.text-\[\#FF72C9\]{--tw-text-opacity:1;color:rgb(255 114 201/var(--tw-text-opacity,1))}.text-\[\#f464b6\]{--tw-text-opacity:1;color:rgb(244 100 182/var(--tw-text-opacity,1))}.text-\[\#f47e66\]{--tw-text-opacity:1;color:rgb(244 126 102/var(--tw-text-opacity,1))}.text-\[\#ff8f27\]{--tw-text-opacity:1;color:rgb(255 143 39/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(49 90 233/var(--tw-text-opacity,1))}.text-blue-50{--tw-text-opacity:1;color:rgb(148 181 252/var(--tw-text-opacity,1))}.text-blue-70{--tw-text-opacity:1;color:rgb(81 137 250/var(--tw-text-opacity,1))}.text-blue-80{--tw-text-opacity:1;color:rgb(72 118 239/var(--tw-text-opacity,1))}.text-gray-10{--tw-text-opacity:1;color:rgb(250 250 252/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(71 80 103/var(--tw-text-opacity,1))}.text-gray-120{--tw-text-opacity:1;color:rgb(41 46 65/var(--tw-text-opacity,1))}.text-gray-50{--tw-text-opacity:1;color:rgb(180 192 211/var(--tw-text-opacity,1))}.text-gray-60{--tw-text-opacity:1;color:rgb(150 160 181/var(--tw-text-opacity,1))}.text-gray-70{--tw-text-opacity:1;color:rgb(132 145 167/var(--tw-text-opacity,1))}.text-gray-80{--tw-text-opacity:1;color:rgb(103 115 142/var(--tw-text-opacity,1))}.text-gray-90{--tw-text-opacity:1;color:rgb(92 102 123/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--main_color:#315ae9;--deep_color:#2d3a58;--white:#fff;--black:#000;--gray10:#fafafc;--gray20:#f4f6fa;--gray30:#eaedf4;--gray40:#d7dce5;--gray50:#b4c0d3;--gray60:#96a0b5;--gray70:#8491a7;--gray80:#67738e;--gray90:#5c667b;--gray100:#475067;--gray110:#373f57;--gray120:#292e41;--gray130:#1f2333;--blue10:#f7fafe;--blue20:#f3f7ff;--blue30:#e9f3ff;--blue40:#d1e6ff;--blue50:#94b5fc;--blue70:#5189fa;--blue80:#4876ef;--blue100:#315ae9;--red20:#fff5f7;--red30:#fce6e6;--red40:#ffd1d1;--red80:#ff6d6a;--red90:#ff5656;--red100:#eb413f;--yellow20:#fffcf5;--yellow30:#fff7dd;--yellow40:#fef1c5;--yellow50:#feeaa3;--yellow60:#ffdb7e;--yellow70:#ffcb66;--yellow80:#fcb938;--yellow90:#fba43d;--yellow100:#f89500;--sky20:#f0f9ff;--sky30:#e0f2fe;--sky40:#b9e6fe;--sky60:#36bffa;--sky70:#0ba5ec;--sky80:#0086c9;--sky90:#026aa2;--sky100:#065986;--bg01:#fafafc;--swiper-theme-color:#315ae9!important}.loader{position:relative;animation:loader-uba7e1836 .5s ease infinite alternate;animation-delay:.18s;top:50%;margin:0 auto}.loader,.loader:after,.loader:before{width:14px;height:14px;border-radius:50%}.loader:after,.loader:before{content:"";position:absolute;animation:loader-uba7e1836 .5s ease infinite alternate}.loader:before{left:-20px;animation-delay:0s}.loader:after{right:-20px;animation-delay:.36s}@keyframes loader-uba7e1836{0%{box-shadow:0 14px 0 -14px #0052ec;opacity:0}to{box-shadow:0 14px 0 #0052ec;opacity:1}}.mgl0{margin-left:0}.mgl1{margin-left:1px}.mgl2{margin-left:2px}.mgl3{margin-left:3px}.mgl4{margin-left:4px}.mgl5{margin-left:5px}.mgl6{margin-left:6px}.mgl7{margin-left:7px}.mgl8{margin-left:8px}.mgl9{margin-left:9px}.mgl10{margin-left:10px}.mgl11{margin-left:11px}.mgl12{margin-left:12px}.mgl13{margin-left:13px}.mgl14{margin-left:14px}.mgl15{margin-left:15px}.mgl16{margin-left:16px}.mgl17{margin-left:17px}.mgl18{margin-left:18px}.mgl19{margin-left:19px}.mgl20{margin-left:20px}.mgl25{margin-left:25px}.mgl30{margin-left:30px}.mgl35{margin-left:35px}.mgl40{margin-left:40px}.mgl45{margin-left:55px}.mgl50{margin-left:50px}.mgl55{margin-left:55px}.mgl60{margin-left:60px}.mgr0{margin-right:0}.mgr1{margin-right:1px}.mgr2{margin-right:2px}.mgr3{margin-right:3px}.mgr4{margin-right:4px}.mgr5{margin-right:5px}.mgr6{margin-right:6px}.mgr7{margin-right:7px}.mgr8{margin-right:8px}.mgr9{margin-right:9px}.mgr10{margin-right:10px}.mgr11{margin-right:11px}.mgr12{margin-right:12px}.mgr13{margin-right:13px}.mgr14{margin-right:14px}.mgr15{margin-right:15px}.mgr16{margin-right:16px}.mgr17{margin-right:17px}.mgr18{margin-right:18px}.mgr19{margin-right:19px}.mgr20{margin-right:20px}.mgr25{margin-right:25px}.mgr30{margin-right:30px}.mgr35{margin-right:35px}.mgr40{margin-right:40px}.mgr45{margin-right:55px}.mgr50{margin-right:50px}.mgr55{margin-right:55px}.mgr60{margin-right:60px}.mgt0{margin-top:0}.mgt1{margin-top:1px}.mgt2{margin-top:2px}.mgt3{margin-top:3px}.mgt4{margin-top:4px}.mgt5{margin-top:5px}.mgt6{margin-top:6px}.mgt7{margin-top:7px}.mgt8{margin-top:8px}.mgt9{margin-top:9px}.mgt10{margin-top:10px}.mgt11{margin-top:11px}.mgt12{margin-top:12px}.mgt13{margin-top:13px}.mgt14{margin-top:14px}.mgt15{margin-top:15px}.mgt16{margin-top:16px}.mgt17{margin-top:17px}.mgt18{margin-top:18px}.mgt19{margin-top:19px}.mgt20{margin-top:20px}.mgt25{margin-top:25px}.mgt30{margin-top:30px}.mgt35{margin-top:35px}.mgt40{margin-top:40px}.mgt45{margin-top:55px}.mgt50{margin-top:50px}.mgt55{margin-top:55px}.mgt60{margin-top:60px}.mgb0{margin-bottom:0}.mgb1{margin-bottom:1px}.mgb2{margin-bottom:2px}.mgb3{margin-bottom:3px}.mgb4{margin-bottom:4px}.mgb5{margin-bottom:5px}.mgb6{margin-bottom:6px}.mgb7{margin-bottom:7px}.mgb8{margin-bottom:8px}.mgb9{margin-bottom:9px}.mgb10{margin-bottom:10px}.mgb11{margin-bottom:11px}.mgb12{margin-bottom:12px}.mgb13{margin-bottom:13px}.mgb14{margin-bottom:14px}.mgb15{margin-bottom:15px}.mgb16{margin-bottom:16px}.mgb17{margin-bottom:17px}.mgb18{margin-bottom:18px}.mgb19{margin-bottom:19px}.mgb20{margin-bottom:20px}.mgb25{margin-bottom:25px}.mgb30{margin-bottom:30px}.mgb35{margin-bottom:35px}.mgb40{margin-bottom:40px}.mgb45{margin-bottom:55px}.mgb50{margin-bottom:50px}.mgb55{margin-bottom:55px}.mgb60{margin-bottom:60px}.pdl0{padding-left:0}.pdl1{padding-left:1px}.pdl2{padding-left:2px}.pdl3{padding-left:3px}.pdl4{padding-left:4px}.pdl5{padding-left:5px}.pdl6{padding-left:6px}.pdl7{padding-left:7px}.pdl8{padding-left:8px}.pdl9{padding-left:9px}.pdl10{padding-left:10px}.pdl11{padding-left:11px}.pdl12{padding-left:12px}.pdl13{padding-left:13px}.pdl14{padding-left:14px}.pdl15{padding-left:15px}.pdl16{padding-left:16px}.pdl17{padding-left:17px}.pdl18{padding-left:18px}.pdl19{padding-left:19px}.pdl20{padding-left:20px}.pdl25{padding-left:25px}.pdl30{padding-left:30px}.pdl35{padding-left:35px}.pdl40{padding-left:40px}.pdl45{padding-left:55px}.pdl50{padding-left:50px}.pdl55{padding-left:55px}.pdl60{padding-left:60px}.pdr0{padding-right:0}.pdr1{padding-right:1px}.pdr2{padding-right:2px}.pdr3{padding-right:3px}.pdr4{padding-right:4px}.pdr5{padding-right:5px}.pdr6{padding-right:6px}.pdr7{padding-right:7px}.pdr8{padding-right:8px}.pdr9{padding-right:9px}.pdr10{padding-right:10px}.pdr11{padding-right:11px}.pdr12{padding-right:12px}.pdr13{padding-right:13px}.pdr14{padding-right:14px}.pdr15{padding-right:15px}.pdr16{padding-right:16px}.pdr17{padding-right:17px}.pdr18{padding-right:18px}.pdr19{padding-right:19px}.pdr20{padding-right:20px}.pdr25{padding-right:25px}.pdr30{padding-right:30px}.pdr35{padding-right:35px}.pdr40{padding-right:40px}.pdr45{padding-right:55px}.pdr50{padding-right:50px}.pdr55{padding-right:55px}.pdr60{padding-right:60px}.pdt0{padding-top:0}.pdt1{padding-top:1px}.pdt2{padding-top:2px}.pdt3{padding-top:3px}.pdt4{padding-top:4px}.pdt5{padding-top:5px}.pdt6{padding-top:6px}.pdt7{padding-top:7px}.pdt8{padding-top:8px}.pdt9{padding-top:9px}.pdt10{padding-top:10px}.pdt11{padding-top:11px}.pdt12{padding-top:12px}.pdt13{padding-top:13px}.pdt14{padding-top:14px}.pdt15{padding-top:15px}.pdt16{padding-top:16px}.pdt17{padding-top:17px}.pdt18{padding-top:18px}.pdt19{padding-top:19px}.pdt20{padding-top:20px}.pdt25{padding-top:25px}.pdt30{padding-top:30px}.pdt35{padding-top:35px}.pdt40{padding-top:40px}.pdt45{padding-top:55px}.pdt50{padding-top:50px}.pdt55{padding-top:55px}.pdt60{padding-top:60px}.pdb0{padding-bottom:0}.pdb1{padding-bottom:1px}.pdb2{padding-bottom:2px}.pdb3{padding-bottom:3px}.pdb4{padding-bottom:4px}.pdb5{padding-bottom:5px}.pdb6{padding-bottom:6px}.pdb7{padding-bottom:7px}.pdb8{padding-bottom:8px}.pdb9{padding-bottom:9px}.pdb10{padding-bottom:10px}.pdb11{padding-bottom:11px}.pdb12{padding-bottom:12px}.pdb13{padding-bottom:13px}.pdb14{padding-bottom:14px}.pdb15{padding-bottom:15px}.pdb16{padding-bottom:16px}.pdb17{padding-bottom:17px}.pdb18{padding-bottom:18px}.pdb19{padding-bottom:19px}.pdb20{padding-bottom:20px}.pdb25{padding-bottom:25px}.pdb30{padding-bottom:30px}.pdb35{padding-bottom:35px}.pdb40{padding-bottom:40px}.pdb45{padding-bottom:55px}.pdb50{padding-bottom:50px}.pdb55{padding-bottom:55px}.pdb60{padding-bottom:60px}.tgnl{text-align:left}.tgnc{text-align:center}.tgnr{text-align:right}.marker\:text-gray-50 ::marker{color:#b4c0d3}.marker\:text-gray-50::marker{color:#b4c0d3}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:\!right-8:before{content:var(--tw-content);right:2rem!important}.before\:\!right-\[104px\]:before{content:var(--tw-content);right:104px!important}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-\[3px\]:before{content:var(--tw-content);height:3px}.before\:w-\[3px\]:before{content:var(--tw-content);width:3px}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-gray-60:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(150 160 181/var(--tw-bg-opacity,1))}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.hover\:bg-gray-20:hover{--tw-bg-opacity:1;background-color:rgb(244 246 250/var(--tw-bg-opacity,1))}@media (min-width:401px){.sm\:min-w-80{min-width:20rem}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:pb-0{padding-bottom:0}.sm\:pt-12{padding-top:3rem}}@media (min-width:481px){.mb\:ml-0{margin-left:0}.mb\:ml-2{margin-left:.5rem}.mb\:mt-0{margin-top:0}.mb\:block{display:block}.mb\:h-\[106px\]{height:106px}.mb\:h-\[306px\]{height:306px}.mb\:h-\[89px\]{height:89px}.mb\:w-\[91px\]{width:91px}.mb\:w-auto{width:auto}.mb\:flex-row{flex-direction:row}.mb\:items-center{align-items:center}.mb\:gap-4{gap:1rem}.mb\:p-5{padding:1.25rem}.mb\:py-4{padding-top:1rem;padding-bottom:1rem}.mb\:text-base{font-size:1rem;line-height:1.5rem}.mb\:text-lg{font-size:1.125rem;line-height:1.75rem}.mb\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:801px){.fold\:-left-\[28\%\]{left:-28%}.fold\:-right-\[28\%\]{right:-28%}.fold\:mt-10{margin-top:2.5rem}.fold\:mt-14{margin-top:3.5rem}.fold\:mt-4{margin-top:1rem}.fold\:mt-5{margin-top:1.25rem}.fold\:hidden{display:none}.fold\:aspect-\[320\/368\]{aspect-ratio:320/368}.fold\:aspect-\[480\/300\]{aspect-ratio:480/300}.fold\:h-\[232px\]{height:232px}.fold\:h-\[265px\]{height:265px}.fold\:h-\[272px\]{height:272px}.fold\:h-\[48px\]{height:48px}.fold\:w-1\/2{width:50%}.fold\:w-\[380px\]{width:380px}.fold\:w-\[640px\]{width:640px}.fold\:w-auto{width:auto}.fold\:flex-row{flex-direction:row}.fold\:gap-14{gap:3.5rem}.fold\:gap-\[56px\]{gap:56px}.fold\:gap-\[60px\]{gap:60px}.fold\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.fold\:gap-y-10{row-gap:2.5rem}.fold\:px-1{padding-left:.25rem;padding-right:.25rem}.fold\:px-40{padding-left:10rem;padding-right:10rem}.fold\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.fold\:py-3{padding-top:.75rem;padding-bottom:.75rem}.fold\:py-\[120px\]{padding-top:120px;padding-bottom:120px}.fold\:py-\[64px\]{padding-top:64px;padding-bottom:64px}.fold\:pb-14{padding-bottom:3.5rem}.fold\:pt-20{padding-top:5rem}.fold\:pt-\[84px\]{padding-top:84px}.fold\:text-left{text-align:left}.fold\:text-2xl{font-size:1.5rem;line-height:2rem}.fold\:text-\[32px\]{font-size:32px}.fold\:text-\[40px\]{font-size:40px}.fold\:text-\[56px\]{font-size:56px}.fold\:text-base{font-size:1rem;line-height:1.5rem}.fold\:text-sm{font-size:.875rem;line-height:1.25rem}.fold\:text-xl{font-size:1.25rem;line-height:1.75rem}}.\[\&\:nth-child\(1\)\]\:mt-0:first-child{margin-top:0}@font-face{font-family:Pretendard;font-weight:200;src:url(/font/Pretendard-ExtraLight.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;src:url(/font/Pretendard-Regular.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;src:url(/font/Pretendard-Medium.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;src:url(/font/Pretendard-Medium.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:700;src:url(/font/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;src:url(/font/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:900;src:url(/font/Pretendard-Black.woff) format("woff")}*{margin:0;padding:0}body{font-family:Pretendard,sans-serif;font-feature-settings:"tnum";font-size:14px;color:var(--gray120);background-color:#fff;font-weight:400;padding-right:0!important}.notScroll{overflow:hidden;width:100%;height:100vh;touch-action:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}label{font-family:Pretendard,sans-serif!important;font-size:15px!important;color:var(--gray90)!important}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-track{background:#eceff3}html::-webkit-scrollbar-thumb{background:#a1acbb}html::-webkit-scrollbar-thumb:hover{background:#7e94b4}body,dl,dt,li,ol,ul{margin:0;padding:0;list-style-type:none}a{text-decoration:none;color:var(--gray120)}.fend{clear:both}img{vertical-align:top;border:0;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}input,pre,select,textarea{font-family:Pretendard,sans-serif;color:var(--gray120);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=radio].default{display:none}input[type=radio].default+label{position:relative;display:inline-block;height:18px;padding-left:28px;cursor:pointer}input[type=radio].default+label:before{content:"";position:absolute;top:calc(50% - 9px);left:0;width:18px;height:18px;border-radius:18px;border:1px solid var(--gray40)}input[type=radio].default:checked~label:before{border:1px solid var(--blue100)}input[type=radio].default:checked~label:after{content:"";position:absolute;top:calc(50% - 4px);left:5px;width:10px;height:10px;border-radius:10px;background-color:var(--blue100)}input[type=search]::-webkit-search-cancel-button{display:none}button{border:0;background-color:transparent;cursor:pointer;font-family:Pretendard,sans-serif;font-size:inherit;font-weight:inherit;color:inherit}.radioList{display:flex;align-items:center;height:36px}.loadingLayer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;animation:showLoading 0s .2s forwards;opacity:0}.loadingLayer .spinner{position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#206ed4 95%,#0000) 50% 1px/13px 13px no-repeat,radial-gradient(farthest-side,#0000 calc(100% - 16px),rgba(32,110,212,.1) 0);animation:spinner-aur408 .7s linear .2s infinite}@keyframes spinner-aur408{to{transform:rotate(1turn)}}@keyframes showLoading{to{opacity:1}}.skeletonStyle{background:linear-gradient(120deg,#f9f9fb 30%,#fff 38%,#fff 40%,#f9f9fb 48%);background-size:200% 100%;background-position:100% 0;animation:skeletonMv 1s infinite}@keyframes skeletonMv{to{background-position:-100% 0}}.moveTop{position:fixed;width:64px;bottom:20px;right:10px;z-index:750;transition:.5s}.moveTop .mbtn{display:none;opacity:0}.moveTop img{width:64px;cursor:pointer}.moveTop .down{transform:rotate(180deg);margin-top:8px}.moveTop .kakao{margin-bottom:8px}.topWrap{background-color:#fff}.topWrap .naviDc{position:relative;width:1200px;margin:0 auto}.topWrap .naviDc .navi{display:flex;align-items:center;justify-content:flex-end;height:16px;padding:14px 0 0}.topWrap .naviDc .navi ul{font-size:13.4px;font-weight:500;color:var(--gray90);line-height:17px;padding:0 8px;margin-left:4px;cursor:pointer}.topWrap .top{display:flex;align-items:center;position:relative;width:1200px;height:76px;margin:0 auto}.topWrap .top .logo{cursor:pointer}.topWrap .top .section{display:flex;font-size:24px;font-weight:600;margin-left:2px}.topWrap .top .section ul{line-height:36px;padding:0 4px;margin:0 0 0 22px;color:var(--gray120);cursor:pointer}.topWrap .top .section ul.on{color:var(--blue100)}.topWrap .top .pc{position:absolute;top:16px;right:0;display:flex;align-items:center}.topWrap .top .pc .search{position:relative;width:36px;text-align:center;height:48px;align-items:center}.topWrap .top .pc .search .inp{position:absolute;top:0;right:180px;width:500px;height:44px;border:1px solid var(--blue100);background-color:#fff;border-radius:8px;z-index:100;display:none}.topWrap .top .pc .search .inp.visible{display:block}.topWrap .top .pc .search .inp input{position:absolute;top:0;left:0;width:calc(100% - 36px);height:44px;font-size:16px;background-color:transparent;border:0;border-radius:8px;outline:none;text-indent:12px}.topWrap .top .pc .search .inp input::-moz-placeholder{color:var(--gray50)}.topWrap .top .pc .search .inp input::placeholder{color:var(--gray50)}.topWrap .top .pc .search .inp .clickSearch{position:absolute;top:8px;right:12px;line-height:32px;text-align:center;cursor:pointer}.topWrap .top .pc .searched{position:absolute;top:0;right:0;width:284px;height:calc(100% - 4px);z-index:200;display:none}.topWrap .top .pc .searched .bg{position:absolute;top:6px;left:2px;width:calc(100% - 52px);height:calc(100% - 8px);border-radius:8px;background-color:#fff;text-align:left}.topWrap .top .pc .searched .bg .keyword{background-color:var(--gray30);border-radius:4px;display:inline-flex;line-height:24px;padding:0 6px 0 8px;align-items:center;font-size:12px;color:var(--gray90);font-weight:600}.topWrap .top .pc .searched .bg .keyword img{width:16px;margin:0 0 0 4px;cursor:pointer}.topWrap .top .pc .search .openSearch{margin:6px 8px 0 0;cursor:pointer;display:none}.topWrap .top .pc .search .suggestion{position:absolute;top:40px;right:0;padding:4px;width:278px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814;z-index:750;transition:.3s}.topWrap .top .pc .search .suggestion ul{padding:8px 16px;text-align:left;cursor:pointer}.topWrap .top .pc .search .suggestion ul:hover{background-color:var(--gray10)}.topWrap .top .pc .search .suggestion ul li:first-child{color:var(--gray90);line-height:21px}.topWrap .top .pc .search .suggestion ul li:nth-child(2){font-size:11px;line-height:16px;font-weight:500;color:var(--gray50)}.topWrap .top .pc .btn{display:flex;align-items:center;padding:0 10px 0 8px;margin:0 0 0 8px;height:36px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.topWrap .top .pc .btn img{margin-right:0;width:16px}.topWrap .top .pc .btn.point{background-color:var(--yellow40);color:#ed7a00;cursor:pointer}.topWrap .top .pc .myVote{display:flex;align-items:center;padding:0 12px;margin:0 0 0 16px;height:34px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.topWrap .top .pc .myVote span{color:var(--gray120);margin-left:4px}.topWrap .top .pc .login,.topWrap .top .pc .logout{padding:8px 12px;color:var(--gray100);font-weight:600;line-height:20px;margin-left:0;cursor:pointer}.moTopCommon,.moTopCommon .logo_mo{display:none}.topWrap .menuBox{border-top:1px solid var(--gray30)}.topWrap .menuBox .dep1{border-bottom:1px solid var(--gray30)}.topWrap .menuBox .dep1 .menu{width:1200px;margin:0 auto;display:flex;height:48px}.topWrap .menuBox .dep1 li dl{position:relative;line-height:48px;font-size:20px;font-weight:600;margin-right:32px;cursor:pointer}.topWrap .menuBox .dep1 li dl.point{position:relative;color:#ff7a00;padding:0 0 0 28px}.topWrap .menuBox .dep1 li dl.point:after{content:"";position:absolute;top:16px;left:0;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ranknews_off.svg)}.topWrap .menuBox .dep1 li dl.on{color:var(--blue100)}.topWrap .menuBox .dep1 li dl.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blue100)}.topWrap .menuBox .dep1 li dl.on.point:after{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ranknews_on.svg)}.topWrap .menuBox .dep2{background-color:var(--blue100)}.topWrap .menuBox .dep2 .menu{width:1200px;margin:0 auto;height:46px}.topWrap .menuBox .dep2 li dl{display:none;cursor:pointer}.topWrap .menuBox .dep2 li dl.on{display:flex}.topWrap .menuBox .dep2 li dl dt{font-size:16px;line-height:46px;margin-right:40px;font-weight:500;color:var(--blue50)}.topWrap .menuBox .dep2 li dl dt.on{color:#fff;font-weight:700}.topWrap .menuBox .dep2 li dl dt:hover{color:#fff}.newsSubMenu{padding:0 20px;width:calc(100% - 40px);background-color:var(--blue100)}.newsSubMenu .menu{width:1200px;display:flex;margin:0 auto;height:46px;align-items:center}.newsSubMenu ul li.list{display:none}.newsSubMenu ul li.list.on{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.newsSubMenu ul li.list.on::-webkit-scrollbar{display:none}.newsSubMenu ul li.list dl{line-height:56px;font-size:16px;font-weight:500;color:var(--blue50);cursor:pointer;padding:0;margin-right:40px}.newsSubMenu ul li.list dl.on{color:#fff;font-weight:700}.newsSubMenu ul li.list dl:hover{font-weight:600;color:#fff}.rankSubMenu{padding:0 20px;width:calc(100% - 40px);background-color:var(--blue100)}.rankSubMenu .menu{width:1200px;display:flex;margin:0 auto;height:56px;align-items:center}.rankSubMenu ul li.list{display:none}.rankSubMenu ul li.list.on{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.rankSubMenu ul li.list.on::-webkit-scrollbar{display:none}.rankSubMenu ul li.list dl{line-height:56px;font-size:16px;font-weight:500;color:var(--blue50);cursor:pointer;padding:0;margin-right:40px}.rankSubMenu ul li.list dl.on{color:#fff;font-weight:700}.rankSubMenu ul li.list dl:hover{font-weight:600;color:#fff}.stickyWrap{position:fixed;top:-65px;left:0;width:100%;height:60px;background-color:#fff;border-bottom:1px solid var(--gray30);z-index:700;transition:.3s}.stickyWrap.on{top:0}.stickyWrap .inBox{position:relative;display:flex;align-items:center;width:1200px;height:60px;margin:0 auto}.stickyWrap .inBox .logo{padding:0 0 6px;cursor:pointer}.stickyWrap .inBox .menu{display:none}.stickyWrap .inBox .menu.on{display:flex;overflow-x:auto;width:100%}.stickyWrap .inBox .menu::-webkit-scrollbar{display:none}.stickyWrap .inBox .menu ul{font-size:18px;font-weight:600;color:var(--gray90);line-height:28px;margin-left:32px;cursor:pointer;flex-shrink:0}.stickyWrap .inBox .menu ul a{color:var(--gray90)}.stickyWrap .inBox .menu ul.on a{color:var(--blue100)}.stickyWrap .inBox .articleTitle{width:100%;text-align:center;font-size:18px;font-weight:600}.stickyWrap .scrollProcess{position:absolute;bottom:-4px;left:0;height:4px;background-color:var(--blue100);transition:.3s}.stickyWrap .inBox .pc{margin-left:auto;display:flex;align-items:center;flex-shrink:0}.stickyWrap .inBox .pc .search{position:relative;width:36px;text-align:center;height:36px;align-items:center}.stickyWrap .inBox .pc .search .inp{position:absolute;top:0;right:0;width:284px;height:32px;border:1px solid var(--gray30);background-color:#fff;border-radius:8px;z-index:100;display:none}.stickyWrap .inBox .pc .search .inp.visible{display:block}.stickyWrap .inBox .pc .search .inp input{position:absolute;top:0;left:0;width:calc(100% - 36px);height:32px;background-color:transparent;border:0;border-radius:8px;outline:none;text-indent:8px}.stickyWrap .inBox .pc .search .inp input::-moz-placeholder{color:var(--gray50)}.stickyWrap .inBox .pc .search .inp input::placeholder{color:var(--gray50)}.stickyWrap .inBox .pc .search .inp:focus{border:1px solid var(--blue100)}.stickyWrap .inBox .pc .search .inp .clickSearch{position:absolute;top:6px;right:8px;width:18px;line-height:32px;text-align:center;cursor:pointer}.stickyWrap .inBox .pc .search .openSearch{margin:6px 8px 0 0;cursor:pointer}.stickyWrap .inBox .pc .searched{position:absolute;top:0;right:0;width:284px;height:calc(100% - 4px);z-index:200;display:none}.stickyWrap .inBox .pc .searched .bg{position:absolute;top:6px;left:2px;width:calc(100% - 52px);height:calc(100% - 8px);border-radius:8px;background-color:#fff;text-align:left}.stickyWrap .inBox .pc .searched .bg .keyword{background-color:var(--gray30);border-radius:4px;display:inline-flex;line-height:24px;padding:0 6px 0 8px;align-items:center;font-size:12px;color:var(--gray90);font-weight:600}.stickyWrap .inBox .pc .searched .bg .keyword img{width:16px;margin:0 0 0 4px;cursor:pointer}.stickyWrap .inBox .pc .btn{display:flex;align-items:center;padding:0 10px 0 8px;margin:0 0 0 8px;height:36px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.stickyWrap .inBox .pc .btn.point{background-color:var(--yellow40);color:#ed7a00}.stickyWrap .inBox .pc .btn img{margin-right:0;width:16px}.stickyWrap .inBox .pc .myVote{display:flex;align-items:center;padding:0 12px;margin:0 0 0 16px;height:34px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.stickyWrap .inBox .pc .myVote span{color:var(--gray120);margin-left:4px}.stickyWrap .inBox .pc .login,.stickyWrap .inBox .pc .logout{padding:8px 12px;color:var(--gray100);font-weight:600;line-height:20px;margin-left:16px;cursor:pointer}.stickyWrap .inBox .mo{display:none}.stickyArticleWrap{position:fixed;top:-65px;left:0;width:100%;height:60px;background-color:#fff;border-bottom:1px solid var(--gray30);z-index:700;transition:.3s}.stickyArticleWrap.on{top:0}.stickyArticleWrap .inBox{position:relative;display:flex;align-items:center;width:1200px;height:60px;margin:0 auto}.stickyArticleWrap .inBox .logo{padding:0 0 6px;cursor:pointer}.stickyArticleWrap .inBox .articleTitle{width:100%;text-align:left;font-size:18px;font-weight:600}.stickyArticleWrap .scrollProcess{position:absolute;bottom:-4px;left:0;height:4px;background-color:var(--blue100)}.stickyArticleWrap .scrollProcess .txtBox{position:absolute;top:calc(50% - 12px);min-width:106px;font-weight:300;right:0;line-height:24px;color:#fff;font-size:12px;background-color:var(--blue100);border-radius:8px;padding:0 6px}.stickyArticleWrap .scrollProcess .txtBox span{font-weight:600}.stickyArticleWrap .inBox .comment{display:inline-flex;align-items:center;font-weight:600;margin:0 16px 0 0;cursor:pointer}.stickyArticleWrap .inBox .comment img{margin:0 2px 0 0}.stickyArticleWrap .inBox .sideMenu{margin:0 0 0 8px;cursor:pointer}.stickyArticleWrap .inBox .menuBox{position:absolute;top:46px;right:0;width:112px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:2px;z-index:100;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814}.stickyArticleWrap .inBox .menuBox .ul{display:flex;align-items:center;line-height:44px;font-size:14px;color:var(--gray90);border-radius:4px;cursor:pointer}.stickyArticleWrap .inBox .menuBox .ul:hover{background-color:var(--gray10)}.stickyArticleWrap .inBox .menuBox .ul img{margin:0 8px 0 16px;width:20px}.stickyArticleWrap .inBox .pc{margin-left:auto;display:flex;align-items:center;flex-shrink:0}.stickyArticleWrap .inBox .pc ul{cursor:pointer}.stickyArticleWrap .inBox .pc .search{width:36px;text-align:center;height:36px;align-items:center;display:none}.stickyArticleWrap .inBox .pc .search img{margin:6px 8px 0 0}.stickyArticleWrap .inBox .pc .btn{display:flex;align-items:center;padding:0 12px;margin:0 0 0 16px;height:36px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.stickyArticleWrap .inBox .pc .btn img{margin-right:4px}.stickyArticleWrap .inBox .pc .myVote{display:flex;align-items:center;padding:0 12px;margin:0 0 0 16px;height:34px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.stickyArticleWrap .inBox .pc .myVote span{color:var(--gray120);margin-left:4px}.stickyArticleWrap .inBox .pc .login,.stickyArticleWrap .inBox .pc .logout{padding:8px 12px;color:var(--gray100);font-weight:600;line-height:20px;margin-left:24px}.stickyArticleWrap .inBox .mo{display:none}.footer{padding:40px 0;border-top:1px solid var(--gray30);text-align:center;font-size:12px;margin-top:40px;background-color:#fff}.footer .items{display:flex;justify-content:center;align-items:center;font-weight:500}.footer .items li{position:relative;line-height:18px;margin:0 12px;cursor:pointer}.footer .items li:after{content:"";position:absolute;top:3px;right:-12px;width:1px;height:12px;background-color:var(--gray30)}.footer .items li:last-child:after{display:none}.footer .items li span{font-weight:700}.footer .copyright{color:var(--gray70);padding:12px 0 0}.footer .info{font-size:12px;line-height:18px;color:var(--gray70);padding:16px 0 0}.footer .info a{text-decoration:underline}.footer .info a,.footer .info2{font-weight:600;color:var(--gray70)}.footer .info2{font-size:12px;line-height:18px;padding:16px 0 0}.footer .btnBox{display:none}.footer .tdi{display:flex;flex-wrap:wrap;width:1200px;margin:0 auto;justify-content:center;padding:4px 0 8px;font-size:12px;line-height:18px;font-weight:400;color:var(--gray50)}.footer .tdi li{position:relative;margin:12px 24px 0 0}.footer .tdi li .btn{display:inline-flex;border:1px solid var(--gray30);border-radius:8px;font-size:11px;padding:0 8px;margin-left:8px;cursor:pointer}.footer .tdi li a{color:var(--gray90)}.footer .tdi li:before{content:"";position:absolute;top:3px;right:-12px;width:1px;height:12px;background-color:var(--gray30)}.footer .tdi li:last-child:before{display:none}.slideMenu{position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:#fff;transition:.5s;z-index:760}.slideMenu.on{right:0}.slideMenu .top{display:flex;align-items:center;width:calc(100% - 40px);padding:0 20px;height:56px}.slideMenu .top .logo img{height:18px}.slideMenu .top .close{margin-left:auto}.slideMenu .info{display:flex;width:calc(100% - 40px);padding:0 20px;height:36px;align-items:center;margin-bottom:24px}.slideMenu .info .login{position:relative;font-size:18px;line-height:27px;font-weight:600;color:var(--gray70)}.slideMenu .info .login .signIn{display:flex;align-items:center}.slideMenu .info .login .name{color:var(--gray100);display:flex}.slideMenu .info .login .name .arw{transform:rotate(90deg);margin:2px 0 0 4px}.slideMenu .info .login .name.on .arw{transform:rotate(-90deg)}.slideMenu .info .login .myMenu{position:absolute;top:32px;left:0;width:160px;background-color:#fff;border-radius:8px;z-index:100;border:1px solid var(--gray30);box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814}.slideMenu .info .login .myMenu ul{display:flex;align-items:center;font-size:16px;font-weight:400;height:48px;padding:0 0 0 16px}.slideMenu .info .login .myMenu ul img{margin-right:4px}.slideMenu .info .login .myMenu a{color:var(--gray70)}.slideMenu .info .vote{display:inline-flex;margin-left:auto}.slideMenu .info .vote .myVote{display:flex;align-items:center;padding:0 12px;height:34px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.slideMenu .info .vote .myVote span{color:var(--gray120);margin-left:4px}.slideMenu .info .vote .btn{display:flex;align-items:center;padding:0 12px;margin:0 0 0 12px;height:36px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.slideMenu .info .vote .btn img{margin-right:4px}.slideMenu .scroll{position:absolute;top:116px;left:0;height:calc(100% - 192px);width:calc(100% - 40px);padding:0 20px;overflow-y:auto}.slideMenu .searchSlide{position:relative}.slideMenu .searchSlide .suggestion{position:absolute;top:52px;right:0;padding:4px;width:calc(100% - 10px);background-color:#fff;border:1px solid var(--gray30);border-radius:8px;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814;z-index:750;transition:.3s}.slideMenu .searchSlide .suggestion ul{padding:8px 16px;text-align:left;cursor:pointer}.slideMenu .searchSlide .suggestion ul:hover{background-color:var(--gray10)}.slideMenu .searchSlide .suggestion ul li:first-child{color:var(--gray90);line-height:21px}.slideMenu .searchSlide .suggestion ul li:nth-child(2){font-size:11px;line-height:16px;font-weight:500;color:var(--gray50)}.slideMenu .search{display:flex;align-items:center;height:48px;border-radius:8px;background-color:var(--gray20);overflow:hidden;margin-bottom:24px}.slideMenu .search img{margin:0 8px 0 0}.slideMenu .search input{margin-left:auto;height:48px;border:0;width:calc(100% - 40px);background:transparent;font-size:16px;line-height:40px;font-weight:500;outline:none;text-indent:8px}.slideMenu .search input::-moz-placeholder{color:var(--gray50)}.slideMenu .search input::placeholder{color:var(--gray50)}.slideMenu .tab{display:flex;width:100%;border-bottom:1px solid var(--gray30)}.slideMenu .tab ul{position:relative;width:100%;font-size:18px;line-height:27px;font-weight:600;padding:0 0 12px;text-align:center}.slideMenu .tab ul.on{color:var(--blue100)}.slideMenu .tab ul.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blue100)}.slideMenu .menu{padding:0 0 24px}.slideMenu .menu ul{margin-bottom:32px}.slideMenu .menu ul:last-child{margin-bottom:0}.slideMenu .menu ul li a{display:flex}.slideMenu .menu ul li:first-child{display:inline-flex;align-items:center;font-size:18px;line-height:27px;font-weight:700}.slideMenu .menu ul li:first-child .arw{margin:2px 0 0 4px}.slideMenu .menu ul li:nth-child(2){display:flex;flex-wrap:wrap;margin-top:16px}.slideMenu .menu ul li:nth-child(2) dl{width:50%;font-size:16px;line-height:32px;color:var(--gray100);margin-top:10px}.slideMenu .menu ul li:nth-child(2) dl:first-child,.slideMenu .menu ul li:nth-child(2) dl:nth-child(2){margin-top:0}.slideMenu .logout{position:absolute;bottom:0;left:0;width:calc(100% - 40px);padding:20px}.slideMenu .logout .btn{display:inline-flex;height:40px;align-items:center;cursor:pointer}.slideMenu .logout .btn img{margin-right:8px}.botMenu{display:none}.dcMenu{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid var(--gray30);background-color:#fff;z-index:500}.dcMenu .navi{display:flex;flex-wrap:wrap;padding:16px 8px;justify-content:center}.dcMenu .navi a ul{position:relative;font-size:13px;font-weight:500;line-height:18px;color:var(--gray70);padding:0 8px 4px}.dcMenu .navi a ul:before{content:"";position:absolute;top:4px;right:0;width:1px;height:10px;background-color:var(--gray40)}.dcMenu .navi a:last-child ul:before{display:none}@media(max-width:800px){.moveTop{position:fixed;width:48px;bottom:20px;right:10px;z-index:750;transition:.5s}.moveTop .mbtn{display:block;opacity:0}.moveTop img{width:48px;cursor:pointer}.moveTop .down{transform:rotate(180deg);margin-top:8px}.moveTop .kakao{margin-bottom:8px}.topWrap{border-bottom:0 solid var(--gray30)}.topWrap .naviDc{display:none}.topWrap .top{position:relative;width:calc(100% - 40px);padding:0 20px;height:56px}.topWrap .top .logo,.topWrap .top .pc{display:none}.moTopCommon{display:flex;align-items:center;position:absolute;top:10px;right:12px;width:calc(100% - 24px);height:38px;line-height:30px}.moTopCommon .ham{width:24px;display:none}.moTopCommon .myVote{display:flex;align-items:center;padding:0 8px;margin:0 12px 0 0;height:26px;font-size:12px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.moTopCommon .myVote span{color:var(--gray120);margin-left:4px}.moTopCommon .btn{display:flex;align-items:center;justify-content:center;width:54px;margin:0 0 0 8px;height:28px;font-size:12px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.moTopCommon .btn img{margin-right:0;width:16px}.moTopCommon .btn.point{background-color:var(--yellow40);color:#ed7a00}.moTopCommon .my{margin:0 0 0 6px;padding:6px 0 0}.moTopCommon .logo_mo{display:block;margin:4px 0 0}.moTopCommon .inp{position:relative;flex-grow:1;height:36px;border:1px solid var(--blue100);background-color:#fff;border-radius:8px;margin:0 24px}.moTopCommon .inp.visible{display:block}.moTopCommon .inp input{position:absolute;top:0;left:0;width:calc(100% - 36px);height:36px;font-size:14px;background-color:transparent;border:0;border-radius:8px;outline:none;text-indent:12px}.moTopCommon .inp input::-moz-placeholder{color:var(--gray50)}.moTopCommon .inp input::placeholder{color:var(--gray50)}.moTopCommon .inp .clickSearch{position:absolute;width:18px;top:8px;right:12px;line-height:36px;text-align:center;cursor:pointer}.topWrap .menuBox{border-top:0}.topWrap .menuBox .dep1{display:none}.topWrap .menuBox .dep1 .menu{width:calc(100% - 40px);padding:0 20px;margin:0 auto;display:flex;height:40px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.topWrap .menuBox .dep1 .menu::-webkit-scrollbar{display:none}.topWrap .menuBox .dep1 li dl{position:relative;line-height:40px;font-size:18px;font-weight:600;margin-right:40px;white-space:nowrap;cursor:pointer}.topWrap .menuBox .dep1 li a:last-child dl{margin-right:0}.topWrap .menuBox .dep2{background-color:var(--blue100);border-bottom:1px solid var(--blue100)}.topWrap .menuBox .dep2 .menu{width:calc(100% - 40px);padding:0 20px;margin:0 auto;height:48px}.topWrap .menuBox .dep2 li dl{display:none;cursor:pointer;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.topWrap .menuBox .dep2 li dl::-webkit-scrollbar{display:none}.topWrap .menuBox .dep2 li dl.on{display:flex}.topWrap .menuBox .dep2 li dl dt{position:relative;font-size:16px;line-height:48px;margin-right:32px;font-weight:600;color:var(--blue50);white-space:nowrap}.topWrap .menuBox .dep2 li dl a:last-child dt{margin-right:0}.topWrap .menuBox .dep2 li dl dt.on{color:#fff;font-weight:600}.topWrap .menuBox .dep2 li dl dt.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blue100)}.newsSubMenu{width:100%;padding:0;background-color:var(--blue100);border-bottom:1px solid var(--blue100)}.newsSubMenu .menu{width:100%;margin:0 auto;height:48px}.newsSubMenu ul li.list{display:none}.newsSubMenu ul li.list.on{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.newsSubMenu ul li.list.on::-webkit-scrollbar{display:none}.newsSubMenu ul li.list dl:first-child{margin-left:16px}.newsSubMenu ul li.list dl{position:relative;font-size:15px;line-height:48px;font-weight:600;color:var(--blue50);white-space:nowrap;margin-right:24px}.newsSubMenu ul li.list dl.on{color:#fff;font-weight:600}.newsSubMenu ul li.list dl.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blue100)}.rankSubMenu{width:100%;padding:0;background-color:var(--blue100);border-bottom:1px solid var(--blue100)}.rankSubMenu .menu{width:100%;margin:0 auto;height:48px}.rankSubMenu ul li.list{display:none}.rankSubMenu ul li.list.on{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.rankSubMenu ul li.list.on::-webkit-scrollbar{display:none}.rankSubMenu ul li.list dl:first-child{margin-left:24px}.rankSubMenu ul li.list dl{position:relative;font-size:16px;line-height:48px;font-weight:600;color:var(--blue50);white-space:nowrap;margin-right:32px}.rankSubMenu ul li.list dl.on{color:#fff;font-weight:600}.rankSubMenu ul li.list dl.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blue100)}.stickyWrap{position:fixed;top:-56px;left:0;width:100%;height:56px;background-color:#fff;border-bottom:1px solid var(--gray30);z-index:700;transition:.3s}.stickyWrap .inBox{position:relative;display:flex;align-items:center;width:calc(100% - 40px);padding:0 20px;height:56px;margin:0 auto}.stickyWrap .inBox .logo{display:none}.stickyWrap .inBox .logo img{height:18px}.stickyWrap .inBox .menu ul{font-size:14px;font-weight:600;color:var(--gray90);line-height:21px;margin-left:0;margin-right:8px;cursor:pointer}.stickyWrap .inBox .menu ul.on{color:var(--blue100)}.stickyWrap .inBox .pc{display:none}.stickyWrap .inBox .mo{display:flex;align-items:center;position:absolute;top:12px;right:20px;height:30px;line-height:30px}.stickyWrap .inBox .ham{width:24px}.stickyWrap .inBox .myVote{display:flex;align-items:center;padding:0 8px;margin:0 12px 0 0;height:26px;font-size:12px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.stickyWrap .inBox .myVote span{color:var(--gray120);margin-left:4px}.stickyWrap .inBox .btn{display:flex;align-items:center;justify-content:center;width:54px;margin:0 0 0 4px;height:28px;font-size:12px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.stickyWrap .inBox .btn img{margin-right:0;width:16px}.stickyWrap .inBox .btn.point{background-color:var(--yellow40);color:#ed7a00}.stickyArticleWrap{position:fixed;top:-60px;left:0;width:100%;height:56px;background-color:#fff;border-bottom:0 solid var(--gray30);z-index:700;transition:.3s}.stickyArticleWrap .inBox{position:relative;display:flex;align-items:center;width:calc(100% - 40px);padding:0 20px;height:56px;margin:0 auto}.stickyArticleWrap .inBox .logo{display:none}.stickyArticleWrap .inBox .articleTitle{width:100%;font-size:16px;font-weight:600;text-align:left;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.stickyArticleWrap .scrollProcess{position:absolute;bottom:-4px;left:0;height:4px;background-color:var(--blue100)}.stickyArticleWrap .inBox .pc{display:none}.stickyArticleWrap .inBox .mo{display:inline-flex;margin-left:auto}.stickyArticleWrap .inBox .mo img{margin-left:16px}.stickyArticleWrap .scrollProcess .txtBox{position:absolute;top:calc(50% - 12px);min-width:96px;font-weight:300;right:0;line-height:24px;color:#fff;font-size:11px;background-color:var(--blue100);border-radius:8px;padding:0 6px}.footer{padding:24px 0 0;border-top:1px solid var(--gray30);text-align:center;font-size:12px;margin-top:40px}.footer .items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-weight:500;padding:0 24px}.footer .items li{position:relative;line-height:18px;margin:0 12px 8px;color:var(--gray70);cursor:pointer}.footer .items li:after{content:"";position:absolute;top:3px;right:-12px;width:1px;height:12px;background-color:var(--gray30)}.footer .items li.mx{display:none}.footer .items li span{font-weight:600}.footer .copyright{color:var(--gray70);padding:8px 0 0}.footer.tdi .copyright{padding:8px 0 70px}.footer .btnBox{display:flex;justify-content:center;margin-bottom:20px}.footer .btnBox li{padding:4px 8px;border:1px solid var(--gray40);border-radius:4px;font-size:12px;line-height:18px;font-weight:500;color:var(--gray90);cursor:pointer}.footer .btnBox li.pc{margin:0 12px}.footer .info{padding:24px 24px 70px;margin-top:24px;background-color:var(--gray10)}.footer .tdi{display:flex;flex-wrap:wrap;width:calc(100% - 60px);margin:0 auto;justify-content:center;padding:4px 0 8px;font-size:12px;line-height:18px;font-weight:400;color:var(--gray50)}.botMenu{position:fixed;bottom:0;left:0;width:100%;height:64px;box-shadow:0 0 12px 0 #1018281f;z-index:700;display:none;transition:.3s}.botMenu .inBox{display:flex;justify-content:space-between}.botMenu .inBox ul{display:inline-flex;flex-wrap:wrap;justify-content:center;width:25%;height:56px;padding:8px 0 0}.botMenu .inBox ul li{color:#fff;font-size:11px;text-align:center}.botMenu .inBox ul li:first-child{width:32px;height:32px;margin:0 auto}.botMenu .inBox ul li:nth-child(2) dl:first-child{line-height:16px;padding:2px 0 0}.botMenu .inBox ul.on li dl:first-child{display:none}.botMenu .inBox ul.on li dl:nth-child(2){width:6px;height:6px;border-radius:6px;background-color:#fff;margin:4px auto 0}.botMenu.gray{display:block}.botMenu.gray,.botMenu.gray .inBox ul.on{background-color:var(--gray120)}.botMenu.gray .inBox ul.news li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_news_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.ranking li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_rank_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.vote li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_vote_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.game li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_game_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.event li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_event_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.starshop li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_starshop_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.fan li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_fan_off.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.anni li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_anni_off.svg?v=2);background-size:contain}.botMenu.gray .inBox ul.news.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_news_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.ranking.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_rank_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.vote.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_vote_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.game.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_game_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.event.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_event_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.starshop.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_starshop_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.fan.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_fan_on.svg?v=1);background-size:contain}.botMenu.gray .inBox ul.anni.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_gray_anni_on.svg?v=2);background-size:contain}.botMenu.blue{background-color:var(--blue100);display:block}.botMenu.blue .inBox ul.on{background-color:#2748ba}.botMenu.blue .inBox ul.news li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_news_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.ranking li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_rank_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.vote li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_vote_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.game li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_game_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.event li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_event_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.starshop li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_starshop_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.fan li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_fan_off.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.anni li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_anni_off.svg?v=2);background-size:contain}.botMenu.blue .inBox ul.news.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_news_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.ranking.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_rank_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.vote.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_vote_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.game.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_game_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.event.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_event_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.starshop.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_starshop_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.fan.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_fan_on.svg?v=1);background-size:contain}.botMenu.blue .inBox ul.anni.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_blue_anni_on.svg?v=2);background-size:contain}.botMenu.orange{background-color:var(--red80);display:block}.botMenu.orange .inBox ul.on{background:linear-gradient(180deg,#f23e3a,#f96461 48%,#ff6d6a)}.botMenu.orange .inBox ul.news li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_news_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.ranking li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_rank_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.vote li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_vote_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.game li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_game_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.event li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_event_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.starshop li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_starshop_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.fan li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_fan_off.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.anni li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_anni_off.svg?v=2);background-size:contain}.botMenu.orange .inBox ul.news.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_news_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.ranking.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_rank_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.vote.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_vote_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.game.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_game_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.event.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_event_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.starshop.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_starshop_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.fan.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_fan_on.svg?v=1);background-size:contain}.botMenu.orange .inBox ul.anni.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_orange_anni_on.svg?v=2);background-size:contain}.botMenu.purple{display:block;background:linear-gradient(90deg,#5465ff,#dd56ff)}.botMenu.purple .inBox ul.on{background:linear-gradient(180deg,rgba(0,17,255,.4),rgba(0,17,255,0))}.botMenu.purple .inBox ul.news li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_news_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.ranking li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_rank_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.vote li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_vote_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.game li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_game_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.event li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_event_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.starshop li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_starshop_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.fan li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_fan_off.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.anni li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_anni_off.svg?v=2);background-size:contain}.botMenu.purple .inBox ul.news.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_news_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.ranking.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_rank_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.vote.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_vote_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.game.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_game_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.event.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_event_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.starshop.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_starshop_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.fan.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_fan_on.svg?v=1);background-size:contain}.botMenu.purple .inBox ul.anni.on li:first-child{background:url(https://cdn.trend.rankify.best/dctrend/front/images/botMenu_purple_anni_on.svg?v=2);background-size:contain}}@media(max-width:480px){.stickyWrap .inBox .menu.on{display:flex;overflow-x:auto;width:calc(100% - 40px)}.topWrap .menuBox .dep2 li dl dt{font-size:16px}.moTopCommon{display:flex;align-items:center;position:absolute;top:10px;right:12px;width:calc(100% - 24px);height:38px;line-height:30px}.moTopCommon .ham{width:24px}.moTopCommon .myVote{display:flex;align-items:center;padding:0 8px;margin:0 12px 0 0;height:26px;font-size:12px;border-radius:8px;color:var(--gray90);border:1px solid var(--gray30);text-align:center;font-weight:600}.moTopCommon .myVote span{color:var(--gray120);margin-left:4px}.moTopCommon .btn{display:flex;align-items:center;justify-content:center;width:60px;margin:0 0 0 4px;height:28px;font-size:12px;border-radius:8px;color:var(--blue100);background-color:var(--blue30);text-align:center;font-weight:600}.moTopCommon .btn img{margin-right:0;width:16px}.moTopCommon .logo_mo{display:block;margin:4px 0 0}.moTopCommon .inp{position:relative;flex-grow:1;height:36px;border:1px solid var(--blue100);background-color:#fff;border-radius:8px;margin:0 4px 0 12px}.moTopCommon .inp.visible{display:block}.moTopCommon .inp input{position:absolute;top:0;left:0;width:calc(100% - 36px);height:36px;font-size:13px;background-color:transparent;border:0;border-radius:8px;outline:none;text-indent:8px}.moTopCommon .inp input::-moz-placeholder{color:var(--gray50)}.moTopCommon .inp input::placeholder{color:var(--gray50)}.moTopCommon .inp .clickSearch{position:absolute;width:16px;top:9px;right:8px;line-height:36px;text-align:center;cursor:pointer}.stickyArticleWrap .inBox .comment{display:inline-flex;align-items:center;font-weight:600;margin:0 8px 0 0;cursor:pointer}.stickyArticleWrap .inBox .sideMenu{margin:0 0 0 4px;cursor:pointer}.stickyArticleWrap .inBox{position:relative;display:flex;align-items:center;width:calc(100% - 8px);padding:0 0 0 8px;height:56px;margin:0 auto}}.newsSubMenu ul li.list dl{font-size:15px;display:inline-flex;align-items:center}.notFoundWrap{text-align:center;padding:80px 0 0}.notFoundWrap .ani{width:300px;height:300px;margin:0 auto}.notFoundWrap .title{font-weight:600;font-size:46px}.notFoundWrap .tit{font-size:22px}.notFoundWrap .txt{padding:30px 0 0;font-size:16px;opacity:.5}.newsSubMenu ul li.list dl .point{background-color:#fef1c5;color:#ed7a00}.newsSubMenu ul li.list dl .point,.newsSubMenu ul li.list dl .point.on{position:relative;display:inline-flex;align-items:center;height:26px;line-height:26px;font-size:14px;font-weight:700;border-radius:8px;padding:0 6px 0 20px}.newsSubMenu ul li.list dl .point.on{background-color:#f89500;color:#fff}.newsSubMenu ul li.list dl .point:before{content:"";position:absolute;top:5px;left:3px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rewardPoint.svg) no-repeat;background-size:contain}.newsSubMenu ul li.list dl .point.on:before{content:"";position:absolute;top:5px;left:3px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rewardPoint_white.svg) no-repeat;background-size:contain}.newsSubMenu ul li.list dl .btn{position:relative;display:inline-flex;align-items:center;background-color:var(--blue10);height:26px;line-height:26px;color:var(--blue100);font-size:13px;font-weight:700;border-radius:6px;padding:0 8px 0 26px}.newsSubMenu ul li.list dl .btn:before{content:"";position:absolute;top:5px;left:5px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg) no-repeat;background-size:contain}@media(max-width:800px){.notFoundWrap .ani{width:250px;height:250px;margin:0 auto}.notFoundWrap .title{font-size:40px}.notFoundWrap .tit{font-size:18px}.notFoundWrap .txt{padding:30px 0 0;font-size:14px;opacity:.5}}.contentsWrap{width:1200px;min-height:calc(100vh - 600px);margin:0 auto}.arw{width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg);background-size:contain}.arw.s16{width:16px;height:16px}.arw.s20{width:20px;height:20px}.arwBlue{width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw_blue.svg);background-size:contain}.arwBlue.s16{width:16px;height:16px}.arwRank{width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_arw.svg) no-repeat 50%;background-size:contain}.arwRank.s16{width:16px;height:16px}.listMoreWrap{text-align:center}.btnListMore{display:inline-flex;width:390px;height:64px;align-items:center;justify-content:center;background-color:var(--gray110);color:#fff;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer}.btnListMore img{margin-left:4px}@media(max-width:800px){.contentsWrap{width:100%;margin:0 auto}}@media(max-width:480px){.listMoreWrap{text-align:center;padding:30px 20px 0}.btnListMore{display:inline-flex;width:100%;height:56px;align-items:center;justify-content:center;background-color:var(--gray110);color:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.btnListMore img{margin-left:4px}}.trendNewsWrap{display:flex;flex-wrap:wrap;margin:10px 0 0}.trendNewsWrap .mainNews{position:relative;width:860px;height:516px;min-height:516px}.trendNewsWrap .mainNews .main{position:absolute;top:0;right:0;width:532px;border-radius:8px;overflow:hidden;cursor:pointer}.trendNewsWrap .mainNews .main .title .head{text-align:center;width:58px;height:24px;line-height:24px;background-color:var(--blue100);color:#fff;border-radius:16px;font-size:12px;font-weight:600;margin:16px 0 8px}.trendNewsWrap .mainNews .main .title .in{font-size:24px;font-weight:700;line-height:34px}.trendNewsWrap .mainNews .main .title .in,.trendNewsWrap .mainNews .main .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .mainNews .main .txt{font-size:16px;line-height:24px;color:var(--gray100);margin-top:8px}.trendNewsWrap .mainNews .main .thumb{position:relative;width:100%;height:329px;border-radius:8px;overflow:hidden}.trendNewsWrap .mainNews .main .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;z-index:100}.trendNewsWrap .mainNews .main .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:120}.trendNewsWrap .mainNews .main:hover .title{text-decoration:underline}.trendNewsWrap .mainNews .main .title .in .skeletonStyle{height:30px;margin-bottom:4px}.trendNewsWrap .mainNews .main .txt .skeletonStyle{height:20px;margin-bottom:4px}.trendNewsWrap .sideNewsTitle{display:none}.trendNewsWrap .sideNews{position:relative;width:288px;height:516px}.trendNewsWrap .sideNews ul:first-child{margin-bottom:24px;cursor:pointer}.trendNewsWrap .sideNews ul:first-child .thumb{position:relative;width:100%;height:179px;border-radius:8px;overflow:hidden;margin-bottom:16px}.trendNewsWrap .sideNews ul:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;z-index:100}.trendNewsWrap .sideNews ul:first-child .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:120}.trendNewsWrap .sideNews ul:first-child .title{margin-bottom:8px;font-size:18px;font-weight:700;line-height:27px;-webkit-line-clamp:2}.trendNewsWrap .sideNews ul:first-child .title,.trendNewsWrap .sideNews ul:first-child .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:first-child .txt{font-size:15px;line-height:23px;color:#5c667b;margin-top:10px;-webkit-line-clamp:3}.trendNewsWrap .sideNews ul:hover .title{text-decoration:underline}.trendNewsWrap .sideNews ul:nth-child(2){display:flex;align-items:center;position:relative;height:56px;cursor:pointer;margin-bottom:32px}.trendNewsWrap .sideNews ul:nth-child(2) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.trendNewsWrap .sideNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;z-index:100}.trendNewsWrap .sideNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:120}.trendNewsWrap .sideNews ul:nth-child(2) .title{margin-right:98px;font-size:16px;font-weight:600;height:48px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(2) .txt{display:none}.trendNewsWrap .sideNews ul:nth-child(2):before{content:"";position:absolute;bottom:-16px;left:0;width:100%;height:1px;background-color:var(--gray30)}.trendNewsWrap .sideNews ul:nth-child(3){display:flex;align-items:center;position:relative;height:56px;cursor:pointer}.trendNewsWrap .sideNews ul:nth-child(3) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.trendNewsWrap .sideNews ul:nth-child(3) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;z-index:100}.trendNewsWrap .sideNews ul:nth-child(3) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:120}.trendNewsWrap .sideNews ul:nth-child(3) .title{margin-right:98px;font-size:16px;font-weight:600;height:48px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(3) .txt{display:none}.trendNewsWrap .sideNews ul:first-child .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul:nth-child(2) .title,.trendNewsWrap .sideNews ul:nth-child(3) .title{width:calc(100% - 110px)}.trendNewsWrap .sideNews ul:nth-child(2) .title .skeletonStyle,.trendNewsWrap .sideNews ul:nth-child(3) .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul:first-child .txt .skeletonStyle{height:20px;margin-bottom:3px}.trendNewsWrap .rtNewsTitle{display:flex;align-items:center;font-size:24px;font-weight:700;line-height:36px;margin:0 0 10px;padding:16px 0 0;border-top:1px solid var(--gray30)}.trendNewsWrap .rtNewsTitle .arw{margin-left:4px;cursor:pointer}.trendNewsWrap .rtNews{position:relative;height:240px;min-height:240px}.trendNewsWrap .rtNews ul{position:relative;cursor:pointer}.trendNewsWrap .rtNews ul:first-child,.trendNewsWrap .rtNews ul:nth-child(2){width:288px;height:255px}.trendNewsWrap .rtNews ul:first-child .thumb,.trendNewsWrap .rtNews ul:nth-child(2) .thumb{position:relative;height:179px;border-radius:8px;overflow:hidden;margin-bottom:12px}.trendNewsWrap .rtNews ul:first-child .thumb:before,.trendNewsWrap .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:first-child .thumb img,.trendNewsWrap .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.trendNewsWrap .rtNews ul:first-child .title,.trendNewsWrap .rtNews ul:nth-child(2) .title{font-size:18px;line-height:27px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:first-child .txt,.trendNewsWrap .rtNews ul:nth-child(2) .txt{display:none}.trendNewsWrap .rtNews ul:first-child{position:absolute;top:0;left:0}.trendNewsWrap .rtNews ul:nth-child(2){position:absolute;top:0;left:304px}.trendNewsWrap .rtNews ul:nth-child(3),.trendNewsWrap .rtNews ul:nth-child(4){width:252px;height:100px}.trendNewsWrap .rtNews ul:nth-child(3) .thumb,.trendNewsWrap .rtNews ul:nth-child(4) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden;margin-bottom:16px}.trendNewsWrap .rtNews ul:nth-child(3) .thumb:before,.trendNewsWrap .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:nth-child(3) .thumb img,.trendNewsWrap .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.trendNewsWrap .rtNews ul:nth-child(3) .title,.trendNewsWrap .rtNews ul:nth-child(4) .title{padding:3px 0 0;font-size:16px;line-height:24px;font-weight:700;width:146px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3) .txt,.trendNewsWrap .rtNews ul:nth-child(4) .txt{padding:14px 0 0;font-size:14px;line-height:21px;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3){position:absolute;top:0;right:0}.trendNewsWrap .rtNews ul:nth-child(3):before{content:"";position:absolute;bottom:-24px;left:0;width:100%;height:1px;background-color:var(--gray30)}.trendNewsWrap .rtNews ul:nth-child(4){position:absolute;bottom:0;right:0}.trendNewsWrap .rtNews ul:hover .title{text-decoration:underline}.dcTrend{margin-left:40px;width:300px}.dcTrend .dcTitle{position:relative;line-height:36px;font-size:24px;font-weight:700;color:#292e41}.dcTrend .dcTitle .arw{position:absolute;top:6px;right:0;cursor:pointer}.dcTrend ul{border:1px solid var(--gray30);border-radius:8px;margin-top:16px;overflow:hidden}.dcTrend ul .thumb{position:relative;height:186px;overflow:hidden}.dcTrend ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcTrend ul .info{position:relative;padding:16px}.dcTrend ul .info .date{font-size:12px;line-height:18px;font-weight:400;color:var(--gray70)}.dcTrend ul .info .title{width:calc(100% - 60px);font-size:16px;line-height:24px;font-weight:600;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.dcTrend ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.dcTrend .swiper-slide{height:auto}.trendNewsWrap .trendWidgetWrap{width:100%;padding:40px 0 0}@media(max-width:800px){.trendNewsWrap{display:flex;flex-wrap:wrap;margin:0}.trendNewsWrap .mainNews{position:relative;width:100%;height:auto;min-height:1140px}.trendNewsWrap .mainNews .main{position:relative;top:0;right:0;width:100%;border-radius:0;overflow:hidden;cursor:pointer}.trendNewsWrap .mainNews .main .title{z-index:200;position:absolute;bottom:16px;left:16px;width:calc(100% - 32px)}.trendNewsWrap .mainNews .main .title .head{width:58px;height:24px;line-height:24px;background-color:var(--blue100);color:#fff;border-radius:16px;font-size:12px;font-weight:600;margin:16px 0 8px}.trendNewsWrap .mainNews .main .title .in{color:#fff;font-size:24px;font-weight:700;line-height:36px;display:-webkit-box;-webkit-line-clamp:1}.trendNewsWrap .mainNews .main .title .in,.trendNewsWrap .mainNews .main .txt{overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.trendNewsWrap .mainNews .main .txt{font-size:16px;line-height:24px;color:var(--gray100);margin-top:8px;display:none;-webkit-line-clamp:3}.trendNewsWrap .mainNews .main .thumb{position:relative;width:100%;height:417px;border-radius:0;overflow:hidden}.trendNewsWrap .mainNews .main .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .mainNews .main:hover .txt{text-decoration:none}.trendNewsWrap .mainNews .main .mask{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(180deg,#00000000,#000);z-index:100}.trendNewsWrap .mainNews .main .thumb.skeletonStyle:before{display:none}.trendNewsWrap .mainNews .main .title .in .skeletonStyle{height:30px;margin-bottom:4px;display:none}.trendNewsWrap .mainNews .main .txt .skeletonStyle{height:20px;margin-bottom:4px;display:none}.trendNewsWrap .mainNews .main.skt .title .head{display:none}.trendNewsWrap .sideNewsTitle{display:block;width:58px;height:24px;line-height:24px;font-size:12px;text-align:center;border-radius:16px;background:var(--blue30);color:var(--blue100);font-weight:600;margin:10px 0 10px 20px}.trendNewsWrap .sideNews{position:relative;width:calc(100% - 40px);height:auto;padding:0 20px}.trendNewsWrap .sideNews ul:first-child{position:relative;min-height:91px;padding-bottom:10px;border-bottom:1px solid var(--gray30);margin-bottom:10px;cursor:pointer}.trendNewsWrap .sideNews ul:first-child .thumb{position:absolute;top:0;right:0;width:147px;height:91px;border-radius:8px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:first-child .title{padding:10px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:160px;-webkit-line-clamp:1}.trendNewsWrap .sideNews ul:first-child .txt{margin-top:4px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:first-child:hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:nth-child(2){display:block;position:relative;min-height:91px;padding-bottom:10px;border-bottom:1px solid var(--gray30);margin-bottom:10px;cursor:pointer}.trendNewsWrap .sideNews ul:nth-child(2) .thumb{position:absolute;top:0;right:0;width:147px;height:91px;border-radius:8px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:nth-child(2) .title{height:24px;padding:10px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:160px;-webkit-line-clamp:1}.trendNewsWrap .sideNews ul:nth-child(2) .txt{margin-top:4px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(2):hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:nth-child(2):before{display:none}.trendNewsWrap .sideNews ul:nth-child(3){display:block;position:relative;min-height:91px;padding-bottom:10px;border-bottom:0 solid var(--gray30);margin-bottom:10px;cursor:pointer}.trendNewsWrap .sideNews ul:nth-child(3) .thumb{position:absolute;top:0;right:0;width:147px;height:91px;border-radius:8px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:nth-child(3) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:nth-child(3) .title{height:24px;padding:10px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:160px;-webkit-line-clamp:1}.trendNewsWrap .sideNews ul:nth-child(3) .txt{margin-top:4px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(3):hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:first-child .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul:first-child .title .skeletonStyle:last-child{display:none}.trendNewsWrap .sideNews ul:nth-child(2) .title .skeletonStyle{height:20px;margin-bottom:3px}.trendNewsWrap .sideNews ul:nth-child(2) .txt .skeletonStyle,.trendNewsWrap .sideNews ul:nth-child(3) .txt .skeletonStyle{height:17px;margin-bottom:4px}.trendNewsWrap .sideNews ul.skt:nth-child(2) .title,.trendNewsWrap .sideNews ul.skt:nth-child(3) .title{width:calc(100% - 160px)}.trendNewsWrap .sideNews ul:nth-child(2) .title .skeletonStyle,.trendNewsWrap .sideNews ul:nth-child(3) .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul.skt:nth-child(2) .txt,.trendNewsWrap .sideNews ul.skt:nth-child(3) .txt{width:calc(100% - 160px);margin-top:16px}.trendNewsWrap .rtNewsTitle{position:relative;width:calc(100% - 40px);padding:16px 20px 0;display:flex;align-items:center;font-size:20px;font-weight:700;line-height:30px;margin:8px 0}.trendNewsWrap .rtNewsTitle .arw{position:absolute;top:3px;right:20px;margin-left:4px;cursor:pointer}.trendNewsWrap .rtNews{position:relative;height:auto!important;min-height:450px;width:calc(100% - 40px);padding:0 20px}.trendNewsWrap .rtNews ul:first-child,.trendNewsWrap .rtNews ul:nth-child(2){width:100%;height:auto;min-height:91px;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px}.trendNewsWrap .rtNews ul:first-child .thumb,.trendNewsWrap .rtNews ul:nth-child(2) .thumb{position:absolute;top:0;right:0;width:147px;height:91px;border-radius:8px;overflow:hidden;margin-bottom:0}.trendNewsWrap .rtNews ul:first-child .thumb:before,.trendNewsWrap .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:first-child .thumb img,.trendNewsWrap .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trendNewsWrap .rtNews ul:first-child .title,.trendNewsWrap .rtNews ul:nth-child(2) .title{padding:10px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:160px;-webkit-line-clamp:1}.trendNewsWrap .rtNews ul:first-child .txt,.trendNewsWrap .rtNews ul:nth-child(2) .txt{display:block;margin-top:4px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:first-child,.trendNewsWrap .rtNews ul:nth-child(2){position:relative;top:0;left:0}.trendNewsWrap .rtNews ul:nth-child(3),.trendNewsWrap .rtNews ul:nth-child(4){width:100%;height:auto;min-height:91px;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px}.trendNewsWrap .rtNews ul:nth-child(3) .thumb,.trendNewsWrap .rtNews ul:nth-child(4) .thumb{position:absolute;top:0;right:0;width:147px;height:91px;border-radius:8px;overflow:hidden;margin-bottom:0}.trendNewsWrap .rtNews ul:nth-child(3) .thumb:before,.trendNewsWrap .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:nth-child(3) .thumb img,.trendNewsWrap .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trendNewsWrap .rtNews ul:nth-child(3) .title,.trendNewsWrap .rtNews ul:nth-child(4) .title{width:auto;padding:10px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3) .txt,.trendNewsWrap .rtNews ul:nth-child(4) .txt{padding:0;margin-top:4px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3){position:relative;top:0;right:0}.trendNewsWrap .rtNews ul:nth-child(3):before{display:none}.trendNewsWrap .rtNews ul:nth-child(4){position:relative;bottom:0;right:0;border-bottom:0}.trendNewsWrap .rtNews ul:nth-child(3):hover .txt,.trendNewsWrap .rtNews ul:nth-child(4):hover .txt{text-decoration:underline}.dcTrend{margin-left:0;width:100%;padding:0}.dcTrend .dcTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:var(--gray100);padding-left:20px}.dcTrend .dcTitle .arw{position:absolute;top:3px;right:20px;cursor:pointer}.dcTrend ul{width:280px;border:1px solid var(--gray30);border-radius:8px;margin-top:16px;overflow:hidden}.dcTrend ul .thumb{position:relative;height:186px;overflow:hidden}.dcTrend ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcTrend ul .info{position:relative;padding:16px}.dcTrend ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.dcTrend ul .info .title{font-size:16px;line-height:24px;font-weight:600;color:var(--gray110)}.dcTrend ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.dcTrend .swiper-slide{height:auto;width:auto}.dcTrend .swiper-slide:first-child{margin-left:20px}.dcTrend .swiper-slide:last-child{margin-right:20px}.trendNewsWrap .trendWidgetWrap{width:calc(100% - 40px);padding:16px 20px 0}}@media(max-width:480px){.trendNewsWrap{display:flex;flex-wrap:wrap;margin:0}.trendNewsWrap .mainNews{position:relative;width:100%;height:auto}.trendNewsWrap .mainNews .main{position:relative;top:0;right:0;width:100%;border-radius:0;overflow:hidden;cursor:pointer}.trendNewsWrap .mainNews .main .title{z-index:200;position:absolute;bottom:16px;left:16px;width:calc(100% - 32px)}.trendNewsWrap .mainNews .main .title .head{width:58px;height:24px;line-height:24px;background-color:var(--blue100);color:#fff;border-radius:16px;font-size:12px;font-weight:600;margin:16px 0 8px}.trendNewsWrap .mainNews .main .title .in{color:#fff;font-size:20px;font-weight:700;line-height:26px;display:-webkit-box;-webkit-line-clamp:2}.trendNewsWrap .mainNews .main .title .in,.trendNewsWrap .mainNews .main .txt{overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.trendNewsWrap .mainNews .main .txt{font-size:16px;line-height:24px;color:var(--gray100);margin-top:8px;display:none;-webkit-line-clamp:3}.trendNewsWrap .mainNews .main .thumb{position:relative;width:100%;height:232px;border-radius:0;overflow:hidden}.trendNewsWrap .mainNews .main .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .mainNews .main:hover .txt{text-decoration:none}.trendNewsWrap .mainNews .main .mask{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(180deg,#00000000,#000);z-index:100}.trendNewsWrap .sideNewsTitle{display:none;width:58px;height:24px;line-height:24px;font-size:12px;text-align:center;border-radius:16px;background:var(--blue30);color:var(--blue100);font-weight:600;margin:32px 0 16px 20px}.trendNewsWrap .sideNews{position:relative;width:calc(100% - 40px);height:auto;padding:10px 20px 0}.trendNewsWrap .sideNews ul:first-child{position:relative;min-height:91px;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px;cursor:pointer}.trendNewsWrap .sideNews ul:first-child .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:4px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:first-child .title{height:48px;padding:4px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:110px;-webkit-line-clamp:2}.trendNewsWrap .sideNews ul:first-child .txt{margin-top:14px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:first-child:hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:nth-child(2){position:relative;min-height:auto;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px;cursor:pointer}.trendNewsWrap .sideNews ul:nth-child(2) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:4px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:nth-child(2) .title{height:48px;padding:4px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:110px;-webkit-line-clamp:2}.trendNewsWrap .sideNews ul:nth-child(2) .txt{margin-top:14px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:0;overflow:hidden;display:none;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(2):hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:nth-child(3){position:relative;min-height:auto;padding-bottom:8px;border-bottom:0 solid var(--gray30);margin-bottom:0;cursor:pointer}.trendNewsWrap .sideNews ul:nth-child(3) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:4px;overflow:hidden;margin-bottom:0}.trendNewsWrap .sideNews ul:nth-child(3) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:100}.trendNewsWrap .sideNews ul:nth-child(3) .title{height:48px;padding:4px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:110px;-webkit-line-clamp:2}.trendNewsWrap .sideNews ul:nth-child(3) .txt{margin-top:14px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:0;overflow:hidden;display:none;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .sideNews ul:nth-child(3):hover .txt{text-decoration:underline}.trendNewsWrap .sideNews ul:first-child .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul:first-child .title .skeletonStyle:last-child{display:block}.trendNewsWrap .sideNews ul:nth-child(2) .title .skeletonStyle{height:20px;margin-bottom:3px}.trendNewsWrap .sideNews ul.skt:nth-child(2),.trendNewsWrap .sideNews ul.skt:nth-child(3){min-height:108px}.trendNewsWrap .sideNews ul:nth-child(2) .txt .skeletonStyle,.trendNewsWrap .sideNews ul:nth-child(3) .txt .skeletonStyle{height:17px;margin-bottom:4px}.trendNewsWrap .sideNews ul.skt:nth-child(2) .title,.trendNewsWrap .sideNews ul.skt:nth-child(3) .title{width:calc(100% - 110px)}.trendNewsWrap .sideNews ul:nth-child(2) .title .skeletonStyle,.trendNewsWrap .sideNews ul:nth-child(3) .title .skeletonStyle{height:23px;margin-bottom:4px}.trendNewsWrap .sideNews ul.skt:nth-child(2) .txt,.trendNewsWrap .sideNews ul.skt:nth-child(3) .txt{width:calc(100%);margin-top:16px;display:-webkit-box}.trendNewsWrap .rtNews ul:first-child,.trendNewsWrap .rtNews ul:nth-child(2){width:100%;height:auto;min-height:91px;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px}.trendNewsWrap .rtNews ul:first-child .thumb,.trendNewsWrap .rtNews ul:nth-child(2) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:4px;overflow:hidden;margin-bottom:0}.trendNewsWrap .rtNews ul:first-child .thumb:before,.trendNewsWrap .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:first-child .thumb img,.trendNewsWrap .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trendNewsWrap .rtNews ul:first-child .title,.trendNewsWrap .rtNews ul:nth-child(2) .title{height:48px;padding:4px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:110px;-webkit-line-clamp:2}.trendNewsWrap .rtNews ul:first-child .txt,.trendNewsWrap .rtNews ul:nth-child(2) .txt{display:block;margin-top:14px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:first-child,.trendNewsWrap .rtNews ul:nth-child(2){position:relative;top:0;left:0}.trendNewsWrap .rtNews ul:nth-child(3),.trendNewsWrap .rtNews ul:nth-child(4){width:100%;height:auto;min-height:91px;padding-bottom:8px;border-bottom:1px solid var(--gray30);margin-bottom:8px}.trendNewsWrap .rtNews ul:nth-child(3) .thumb,.trendNewsWrap .rtNews ul:nth-child(4) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:4px;overflow:hidden;margin-bottom:0}.trendNewsWrap .rtNews ul:nth-child(3) .thumb:before,.trendNewsWrap .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.trendNewsWrap .rtNews ul:nth-child(3) .thumb img,.trendNewsWrap .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trendNewsWrap .rtNews ul:nth-child(3) .title,.trendNewsWrap .rtNews ul:nth-child(4) .title{height:48px;width:auto;padding:4px 0 0;font-size:16px;line-height:24px;font-weight:600;margin-right:110px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3) .txt,.trendNewsWrap .rtNews ul:nth-child(4) .txt{padding:0;margin-top:14px;font-size:14px;line-height:21px;color:var(--gray100);margin-right:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.trendNewsWrap .rtNews ul:nth-child(3){position:relative;top:0;right:0}.trendNewsWrap .rtNews ul:nth-child(3):before{display:none}.trendNewsWrap .rtNews ul:nth-child(4){position:relative;bottom:0;right:0;border-bottom:0}.trendNewsWrap .rtNews ul:nth-child(3):hover .txt,.trendNewsWrap .rtNews ul:nth-child(4):hover .txt{text-decoration:underline}.dcTrend{margin-left:0;width:calc(100% - 40px);padding:0 20px;overflow:auto;-webkit-overflow-scrolling:touch}.dcTrend .dcTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:var(--gray100);padding-left:0}.dcTrend .dcTitle .arw{position:absolute;top:3px;right:0;cursor:pointer}.dcTrend ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;margin-top:16px;overflow:hidden}.dcTrend ul .thumb{position:relative;height:186px;overflow:hidden}.dcTrend ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcTrend ul .info{position:relative;padding:16px}.dcTrend ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.dcTrend ul .info .title{font-size:16px;line-height:24px;font-weight:600;color:var(--gray110)}.dcTrend ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.dcTrend .swiper-slide{height:auto;width:auto}.dcTrend .swiper-slide:first-child{margin-left:0}.dcTrend .swiper-slide:last-child{margin-right:0}}.sectionTitle{position:relative;width:100%;padding:16px 0 0;margin:16px 0 10px;border-top:1px solid var(--gray20)}.sectionTitle .title{height:36px;line-height:36px;font-size:24px;font-weight:700}.sectionTitle .more{display:flex;align-items:center;position:absolute;top:16px;right:0;line-height:36px;font-weight:600;color:var(--gray90);cursor:pointer}.sectionTitle .more .arw{margin-left:4px}.sectionTitleSub{position:relative;width:100%;margin:20px 0}.sectionTitleSub .title{height:36px;line-height:36px;font-size:24px;font-weight:700}.sectionTitleSub .more{display:flex;align-items:center;position:absolute;top:0;right:0;line-height:36px;font-weight:600;color:var(--gray90);cursor:pointer}.sectionTitleSub .more .arw{margin-left:4px}.inScrollRank{position:relative;width:100%}.rankingNewsTitle{width:1200px;margin:0 auto;padding:10px 0 0;font-size:32px;line-height:48px;font-weight:700}.rankChart{display:flex;flex-wrap:wrap}.rankChart .rankBox{width:calc(33.333333333333336% - 16px);margin-left:24px}.rankChart .rankBox:first-child{margin-left:0}.rankChart .outWrap{width:calc(33.333333333333336% - 11px)}.rankChart .rankBox.skeletonStyle{height:510px;border-radius:16px}.rankChart .rankTitle{display:inline-flex;align-items:center;font-size:18px;line-height:27px;font-weight:600;margin-bottom:16px;cursor:pointer}.rankChart .rankTitle .arw{cursor:pointer}.rankChart .box{border:1px solid var(--gray30);border-radius:8px;overflow:hidden;box-shadow:0 4px 2px 0 #10182805;margin-bottom:10px}.rankChart .box .rank{position:relative;height:56px;background-color:var(--blue10);overflow:hidden}.rankChart .box .rank ul{position:absolute;top:56px;left:0;width:calc(100% - 32px);display:flex;height:56px;align-items:center;padding:0 16px;transition:.5s;opacity:0;cursor:pointer}.rankChart .box .rank ul.on{top:0;opacity:1}.rankChart .box .rank ul.off{top:-48px;opacity:0}.rankChart .box .rank ul .num{width:12px;text-align:center;font-size:18px;line-height:24px;font-weight:700;color:var(--blue100);margin-right:16px}.rankChart .box .rank ul .thumb{position:relative;margin-right:8px;width:24px;height:24px;border-radius:8px;overflow:hidden}.rankChart .box .rank ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankChart .box .rank ul .title{font-size:16px;font-weight:600}.rankChart .box .rank ul .vote{margin-left:auto;font-size:16px;font-weight:700;color:#221e1f}.rankChart .box .news ul{position:relative;display:flex;align-items:center;height:86px;margin:0 16px;border-bottom:1px solid var(--gray20);cursor:pointer}.rankChart .box .news a:last-child ul{border-bottom:0}.rankChart .box .news ul .num{width:12px;text-align:center;font-size:18px;font-weight:700;color:var(--gray70);margin-right:16px}.rankChart .box .news ul.on .num{color:var(--blue100)}.rankChart .box .news ul .infoBox{margin-right:106px}.rankChart .box .news ul .title{font-size:15px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rankChart .box .news ul .pressName{font-size:12px;line-height:18px;color:var(--gray70)}.rankChart .box .news ul .thumb{position:absolute;top:16px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.rankChart .box .news ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.rankChart .box .news ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rankChart .box .news ul:hover .title{text-decoration:underline}.rankChartWarp{padding:0}.rankChartWarp .rankChart .rankBox{width:calc(33.333333333333% - 11px);margin:16px 0 0 16px}.rankChartWarp .rankChart .rankBox:nth-child(3n+1){margin:16px 0 0}.newsCategory{display:flex}.newsCategory ul{width:100%;margin-left:16px;cursor:pointer}.newsCategory ul:first-child{margin-left:0}.newsCategory ul .thumb{position:relative;height:179px;border-radius:8px;margin-bottom:16px;overflow:hidden}.newsCategory ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.newsCategory ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsCategory ul .title{margin-bottom:8px;font-size:18px;line-height:28px;font-weight:700}.newsCategory ul .title,.newsCategory ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.newsCategory ul .txt{font-size:15px;line-height:23px;color:#5c667b}.newsCategory ul:hover .title{text-decoration:underline}.newsCategory .swiper-slide{width:calc(25% - 12px)}.keywordRank{width:100%}.keywordRank .keyword{width:100%;height:39px}.keywordRank .keyword .items ul{border:1px solid var(--gray30);color:var(--gray70);padding:8px 12px;border-radius:8px;font-size:14px;line-height:21px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keywordRank .keyword .items ul.on{background-color:var(--blue100);border:1px solid var(--blue100);color:#fff}.keywordRank .keyword .swiper-slide{width:auto;height:auto}.keywordRank .result{margin:20px 0 0;height:242px}.keywordRank .result ul{width:180px;height:240px;border:1px solid var(--gray30);border-radius:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keywordRank .result ul:hover{border:1px solid var(--blue100)}.keywordRank .result ul .thumb{position:relative;width:74px;height:74px;border-radius:30px;background-color:var(--gray20);overflow:hidden;margin:20px auto 12px}.keywordRank .result ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.keywordRank .result ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:30px;border:1px solid rgba(0,0,0,.08);z-index:100}.keywordRank .result ul .info{display:flex;font-size:16px;line-height:24px;font-weight:600;align-items:center;justify-content:center}.keywordRank .result ul .info .rank{position:relative;color:var(--blue100);font-weight:700;margin:0 4px 0 0;padding:0 0 0 12px}.keywordRank .result ul .info .rank.up:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_up.svg) no-repeat 50%;background-size:contain}.keywordRank .result ul .info .rank.same:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_same.svg) no-repeat 50%;background-size:contain}.keywordRank .result ul .info .rank.down:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_down.svg) no-repeat 50%;background-size:contain}.keywordRank .result ul .cate{font-size:12px;font-weight:500;color:var(--gray60);margin-bottom:4px}.keywordRank .result ul .vote{font-size:14px;font-weight:600;line-height:20px;color:var(--gray90);margin-bottom:12px}.keywordRank .result ul .btn{width:80px;line-height:36px;border-radius:8px;background-color:var(--gray20);font-size:14px;font-weight:600;color:var(--gray90);margin:0 auto;cursor:pointer}.keywordRank .result .swiper-slide{width:auto;text-align:center;background-color:#fff}.keywordRank .result .more{display:flex;justify-content:center;align-items:center;border:1px solid #fff}.keywordRank .result .more:hover{border:1px solid #fff}.keywordRank .result .more .all{display:flex;height:24px;align-items:center;justify-content:center;color:var(--blue100);font-weight:600;cursor:pointer}.keywordRank .swiper-button-next{right:5px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next.svg);background-size:contain}.keywordRank .swiper-button-next,.keywordRank .swiper-button-prev{position:absolute;top:50%;width:40px;height:40px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.keywordRank .swiper-button-prev{left:5px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev.svg);background-size:contain}.keywordRank .swiper-button-next.swiper-button-disabled,.keywordRank .swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.keywordRank .swiper-button-next:after,.keywordRank .swiper-button-prev:after{display:none}@media(max-width:800px){.sectionTitle{position:relative;width:calc(100% - 40px);padding:16px 20px 0;margin:0 0 10px;border-top:0}.sectionTitle .title{height:30px;line-height:30px;font-size:20px;font-weight:700}.sectionTitle .more{display:flex;align-items:center;position:absolute;top:14px;right:20px;line-height:30px;font-weight:600;color:var(--gray90);cursor:pointer}.sectionTitle .more .arw{margin-left:4px}.sectionTitleSub{position:relative;width:calc(100% - 40px);padding:0 20px;margin:16px 0 20px}.sectionTitleSub .title{height:30px;line-height:30px;font-size:20px;font-weight:700}.sectionTitleSub .more{display:flex;align-items:center;position:absolute;top:0;right:20px;line-height:30px;font-weight:600;color:var(--gray90);cursor:pointer}.sectionTitleSub .more .arw{margin-left:4px}.inScrollRank{position:relative;width:100%;overflow-x:auto}.inScrollRank::-webkit-scrollbar{display:none}.rankChart{width:1340px}.rankChart,.rankChart.no700{display:flex;flex-wrap:wrap;padding:0}.rankChart.no700{width:100%}.rankChart .rankBox{width:417px;margin-left:24px}.rankChart .rankBox:first-child,.rankChart .swiper-slide:first-child{margin-left:20px}.rankChart .swiper-slide:last-child{margin-right:20px}.rankingNewsTitle{width:calc(100% - 40px);margin:0 auto;padding:20px 0 0;font-size:24px;line-height:36px;font-weight:700}.rankChartWarp{padding:20px 20px 0}.rankChartWarp .rankChart .rankBox{width:calc(50% - 8px);margin:0 0 32px 16px}.rankChartWarp .rankChart .rankBox:last-child,.rankChartWarp .rankChart .rankBox:nth-child(3n+1),.rankChartWarp .rankChart .rankBox:nth-child(odd){margin:0}.rankChartWarp .rankChart .box .news ul{position:relative;display:flex;align-items:center;height:78px;margin:0 16px;border-bottom:1px solid var(--gray20);cursor:pointer}.rankChartWarp .rankChart .box .news a:last-child ul{border-bottom:0}.rankChartWarp .rankChart .box .news ul .num{width:12px;text-align:center;font-size:18px;line-height:24px;font-weight:700;color:var(--gray70);margin-right:16px}.rankChartWarp .rankChart .box .news ul.on .num{color:var(--blue100)}.rankChartWarp .rankChart .box .news ul .infoBox{margin-right:93px}.rankChartWarp .rankChart .box .news ul .title{font-size:15px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rankChartWarp .rankChart .box .news ul .thumb{position:absolute;top:15px;right:0;width:77px;height:48px;border-radius:8px;overflow:hidden}.newsCategory{display:flex;width:100%;padding:0 0 10px}.newsCategory ul .title{margin-bottom:4px;font-size:18px;line-height:27px;font-weight:600}.newsCategory ul .title,.newsCategory ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.newsCategory ul .txt{font-size:16px;line-height:24px;color:#4e5058}.newsCategory .swiper-slide{width:280px}.newsCategory .swiper-slide:first-child{margin-left:20px}.newsCategory .swiper-slide:last-child{margin-right:20px}.keywordRank,.keywordRank.noPd{width:100%;padding:0}.keywordRank.noPd .swiper-wrapper{width:calc(100% - 40px);padding:0 0 0 20px}.keywordRank.noPd .result .swiper-wrapper .swiper-slide:last-child{margin-right:40px}.keywordRank .result{margin:20px 0 0;height:242px}.keywordRank.noPd .result{margin:20px 0 40px}.keywordRank .swiper-button-next,.keywordRank .swiper-button-prev{display:none}.keywordRank .swiper-slide:first-child{margin-left:20px}.keywordRank .swiper-slide:last-child{margin-right:20px}}@media(max-width:480px){.rankChart .swiper-wrapper{display:block;width:100%}.rankChart{display:block;flex-wrap:wrap}.rankChart,.rankChart.no700{width:calc(100% - 40px);padding:0 20px}.rankChart .swiper-slide:first-child{margin-left:0}.rankChart .swiper-slide:last-child{margin-right:0}.inScrollRank{position:relative;width:100%;overflow-x:auto}.inScrollRank::-webkit-scrollbar{display:none}.rankChart .rankBox{width:100%;margin-left:0;margin-bottom:24px}.rankChart .rankBox:first-child{margin-left:0}.rankChart .rankBox:last-child{margin-bottom:0}.rankChartWarp{padding:20px 0 0}.rankChartWarp .rankChart .rankBox{width:100%;margin:0 0 32px}.rankChartWarp .rankChart .rankBox:nth-child(3n+1){margin:0 0 32px}.rankChartWarp .rankChart .rankBox:last-child{margin:0}.rankChartWarp .rankChart .box .news ul{position:relative;display:flex;align-items:center;height:78px;margin:0 16px;border-bottom:1px solid var(--gray20);cursor:pointer}.rankChartWarp .rankChart .box .news a:last-child ul{border-bottom:0}.rankChartWarp .rankChart .box .news ul .num{width:12px!important;text-align:center;font-size:18px;line-height:24px;font-weight:700;color:var(--gray70);margin-right:16px}.rankChartWarp .rankChart .box .news ul.on .num{color:var(--blue100)}.rankChartWarp .rankChart .box .news ul .infoBox{margin-right:96px}.rankChartWarp .rankChart .box .news ul .title{font-size:15px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rankChartWarp .rankChart .box .news ul .thumb{position:absolute;top:15px;right:0;width:77px;height:48px;border-radius:8px;overflow:hidden}}.newsLayout{display:flex;padding:10px 0 0}.newsLayout .leftWrap{width:836px}.newsLayout .leftWrap .newsTitle{position:relative;height:48px;padding-bottom:15px;border-bottom:1px solid var(--gray120)}.newsLayout .leftWrap .newsTitle .title{font-size:32px;line-height:48px;font-weight:700;color:#000}.newsLayout .leftWrap .newsTitle .category{position:absolute;display:inline-flex;bottom:15px;right:0}.newsLayout .leftWrap .newsTitle .category ul{line-height:35px;margin-left:24px;font-size:18px;font-weight:600;color:var(--gray90);cursor:pointer}.newsLayout .leftWrap .newsTitle .category ul.on{color:var(--blue100)}.newsList .list{padding:0}.newsList .list ul{display:flex;flex-wrap:wrap;align-items:center;position:relative;height:80px;margin-bottom:16px;cursor:pointer}.newsList .list ul:last-child{margin-bottom:0}.newsList .list ul:last-child:before{display:none}.newsList .list ul:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:var(--gray20)}.newsList .list ul .thumb{position:absolute;top:0;left:0;width:130px;height:80px;border-radius:8px;overflow:hidden}.newsList .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.newsList .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsList .list ul .noLink,.newsList .list ul a{width:calc(100% - 150px);margin-left:auto}.newsList .list ul .cate{font-size:13px;color:var(--blue70);padding:0 0 2px}.newsList .list ul .tit{font-size:18px;line-height:28px;font-weight:700;color:var(--gray120);-webkit-line-clamp:1}.newsList .list ul .tit,.newsList .list ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.newsList .list ul .txt{font-size:15px;line-height:23px;color:#5c667b;-webkit-line-clamp:2;margin:4px 0}.newsList .list ul .info{display:flex;align-items:center;line-height:21px;color:var(--gray60)}.newsList .list ul .info dl{position:relative;display:inline-flex;align-items:center;margin-right:16px}.newsList .list ul .info dl:before{content:"";position:absolute;top:6px;right:-8px;width:1px;height:10px;background-color:var(--gray30)}.newsList .list ul .info dl.comment{color:var(--blue100)}.newsList .list ul .info dl:last-child:before{display:none}.newsList .list ul .info dl img{margin-right:4px}.newsList .list ul:hover .txt{text-decoration:underline}.newsLayout .paging{margin:32px 0 0}.newsList.reward .list ul .thumb{position:absolute;top:0;left:0;width:80px;height:80px;border-radius:8px;overflow:hidden}.newsList.reward .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.newsList.reward .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsList.reward .list ul a{width:calc(100% - 100px);margin-left:auto}.newsLayout .rightWrap{width:300px;margin-left:auto}.newsLayout .rightWrap .rightSticky .stickyTitle{font-size:20px;line-height:30px;font-weight:700;color:#000;margin-bottom:10px}.newsLayout .rightWrap .rightSticky .stickyTitle span{color:var(--blue100)}.newsLayout .rightWrap .rightSticky .dcTrend{margin-left:0;width:100%;margin-bottom:40px}.newsLayout .rightWrap .rightSticky .dcTrend .dcTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:var(--gray120)}.newsLayout .rightWrap .rightSticky .dcTrend .dcTitle .arw{position:absolute;top:6px;right:0;cursor:pointer}.newsLayout .rightWrap .rightSticky .dcTrend .swiper-wrapper{height:auto!important}.rankNews{position:relative}.rankChartRight{display:flex;flex-wrap:wrap}.rankChartRight .rankTitle{display:flex;align-items:center;font-size:16px;line-height:48px;font-weight:700;padding:0 16px 0 0}.rankChartRight .rankTitle span{cursor:pointer}.rankChartRight .rankTitle .arw{position:absolute;top:12px;right:8px;cursor:pointer}.rankChartRight .box{border:1px solid var(--gray30);border-radius:8px;min-height:400px;overflow:hidden;padding-bottom:36px}.rankChartRight .box .rank{position:relative;height:48px;background-color:var(--blue10);overflow:hidden}.rankChartRight .box .rank ul{position:absolute;top:48px;left:0;width:calc(100% - 32px);display:flex;height:48px;align-items:center;padding:0 16px;transition:.5s;opacity:0;cursor:pointer}.rankChartRight .box .rank ul.on{top:0;opacity:1}.rankChartRight .box .rank ul.off{top:-48px;opacity:0}.rankChartRight .box .rank ul .num{width:12px;text-align:center;font-size:16px;line-height:24px;font-weight:700;color:var(--blue100);margin-right:16px}.rankChartRight .box .rank ul .thumb{position:relative;margin-right:8px;width:24px;height:24px;border-radius:8px;overflow:hidden}.rankChartRight .box .rank ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankChartRight .box .rank ul .title{font-size:14px;font-weight:600}.rankChartRight .box .rank ul .vote{margin-left:auto;font-size:14px;font-weight:700;color:#221e1f}.rankChartRight .box .news ul{position:relative;display:flex;align-items:center;height:70px;margin:0 16px;border-bottom:1px solid var(--gray20);cursor:pointer}.rankChartRight .box .news ul:last-child{border-bottom:0}.rankChartRight .box .news ul .num{width:12px;line-height:21px;text-align:center;font-size:16px;font-weight:700;color:var(--gray70);margin-right:16px}.rankChartRight .box .news ul .title{font-size:14px;line-height:18px;font-weight:600;margin-right:90px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rankChartRight .box .news ul .pressName{font-size:12px;line-height:18px;color:var(--gray70);margin-top:4px}.rankChartRight .box .news ul .thumb{position:absolute;top:11px;right:0;width:77px;height:48px;border-radius:8px;overflow:hidden}.rankChartRight .box .news ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.rankChartRight .box .news ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rankChartRight .box .news ul:hover .title{text-decoration:underline}.rankChartRight .box .news ul.on .num{color:var(--blue100)}.rankChartRight .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:16px!important}.rankChartRight .swiper-button-next{right:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next2.svg);background-size:contain}.rankChartRight .swiper-button-next,.rankChartRight .swiper-button-prev{position:absolute;top:calc(100% - 14px);width:24px;height:24px;z-index:50;cursor:pointer;display:flex;align-items:center;justify-content:center}.rankChartRight .swiper-button-prev{left:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev2.svg);background-size:contain}.rankChartRight .swiper-button-next.swiper-button-disabled,.rankChartRight .swiper-button-prev.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.rankChartRight .swiper-button-next:after,.rankChartRight .swiper-button-prev:after{display:none}.popularNewsRight{margin-bottom:16px}.popularNewsRight ul{display:flex;align-items:center;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid var(--gray20);cursor:pointer}.popularNewsRight ul li:first-child{width:12px;text-align:center;font-size:16px;font-weight:700;color:var(--blue100);padding:0 16px 0 0}.popularNewsRight ul li:nth-child(2){width:calc(100% - 122px)}.popularNewsRight ul li:nth-child(2) dl:first-child{font-size:14px;line-height:19px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.popularNewsRight ul li:nth-child(2) dl:nth-child(2){display:inline-flex;align-items:center;font-size:12px;line-height:14px;margin:2px 0 0;color:var(--gray60)}.popularNewsRight ul li:nth-child(2) dl:nth-child(2) .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.popularNewsRight ul li:nth-child(2) dl:nth-child(2) .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.popularNewsRight ul li:nth-child(2) dl:nth-child(2) .comment{color:var(--blue100)}.popularNewsRight ul li:nth-child(2) dl:nth-child(2) .comment img{margin:0 4px 0 0}.popularNewsRight ul li:nth-child(3){position:relative;width:77px;height:48px;border-radius:8px;overflow:hidden;margin-left:auto}.popularNewsRight ul li:nth-child(3) img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.popularNewsRight ul li:nth-child(3):before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.popularNewsRight ul:hover li:nth-child(2){text-decoration:underline}.popularNewsRight a:last-child ul{border-bottom:0;margin-bottom:0;padding-bottom:0}.rtNewsRight,.rtNewsRight .botBox{display:flex;flex-wrap:wrap}.rtNewsRight ul{width:calc(50% - 4px);height:143px;cursor:pointer}.rtNewsRight ul:nth-child(odd){margin:0 8px 0 0}.rtNewsRight ul:nth-child(3),.rtNewsRight ul:nth-child(4){margin-top:20px}.rtNewsRight ul li:first-child{position:relative;width:100%;height:91px;border-radius:8px;overflow:hidden}.rtNewsRight ul li:first-child img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.rtNewsRight ul li:first-child:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rtNewsRight ul li:nth-child(2){font-weight:600;line-height:21px;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rtNewsRight ul:hover li:nth-child(2){text-decoration:underline}.newsLayout .leftWrap .trendWidgetWrap{width:100%;padding:0}@media(max-width:800px){.newsLayout{display:flex;flex-wrap:wrap;padding:0}.newsLayout .leftWrap{width:100%}.newsLayout .leftWrap .articleWrap{padding:10px 20px 0}.newsLayout .leftWrap .newsTitle{position:relative;height:36px;padding-bottom:15px;margin-left:20px;margin-right:20px;border-bottom:1px solid var(--gray120)}.newsLayout .leftWrap .newsTitle .title{font-size:24px;line-height:36px;font-weight:700;color:#000}.newsLayout .leftWrap .newsTitle .category{position:absolute;display:inline-flex;bottom:15px;right:0}.newsLayout .leftWrap .newsTitle .category ul{line-height:35px;margin-left:24px;font-size:18px;font-weight:600;color:var(--gray90);cursor:pointer}.newsLayout .leftWrap .newsTitle .category ul.on{color:var(--blue100)}.newsList .list{padding:10px 20px 0}.newsList .list.full,.newsList .list.np{padding:24px 0 0}.newsList .list ul{display:flex;flex-wrap:wrap;align-items:center;position:relative;height:64px;margin-bottom:16px;cursor:pointer}.newsList .list ul:last-child:before{display:none}.newsList .list ul:before{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:1px;background-color:var(--gray20)}.newsList .list ul .thumb{position:absolute;top:4px;left:0;width:104px;height:64px;border-radius:8px;overflow:hidden}.newsList .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.newsList .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsList .list ul .noLink,.newsList .list ul a{width:calc(100% - 124px);margin-left:124px}.newsList .list ul .tit{font-size:16px;line-height:24px;font-weight:600;color:var(--gray120);-webkit-line-clamp:1}.newsList .list ul .tit,.newsList .list ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.newsList .list ul .txt{font-size:14px;line-height:21px;color:#4e5058;-webkit-line-clamp:2}.newsList .list ul .info{line-height:21px;color:var(--gray60)}.newsList .list ul:hover .txt{text-decoration:underline}.newsList.reward .list ul{display:flex;flex-wrap:wrap;align-items:center;position:relative;height:72px;margin-bottom:16px;cursor:pointer}.newsList.reward .list ul .thumb{position:absolute;top:4px;left:0;width:72px;height:72px;border-radius:8px;overflow:hidden}.newsList.reward .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.newsList.reward .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsList.reward .list ul a{width:calc(100% - 84px);margin-left:84px}.newsLayout .rightWrap{width:100%;padding:20px 0 0;margin-left:auto}.newsLayout .rightWrap .rightSticky .stickyTitle{font-size:20px;line-height:30px;font-weight:700;color:#000;margin-bottom:10px;padding:0 20px}.rankChartRight{display:flex;flex-wrap:wrap;padding:0 20px}.popularNewsRight{padding:0 20px}.rankChartRight .swiper-button-next{right:calc(50% - 150px)}.rankChartRight .swiper-button-prev{left:calc(50% - 150px)}.newsLayout .rightWrap .rightSticky .dcTrend .swiper-wrapper .swiper-slide:last-child{margin-right:20px}.newsLayout .rightWrap .rightSticky .dcTrend .dcTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:var(--gray120)}.newsLayout .rightWrap .rightSticky .dcTrend .dcTitle .arw{position:absolute;top:3px;right:20px;cursor:pointer}.rtNewsRight{display:flex;flex-wrap:wrap;margin:0 20px}.rtNewsRight ul{width:calc(25% - 12px);height:auto;cursor:pointer;margin-left:16px}.rtNewsRight ul:nth-child(odd){margin:0 0 0 16px}.rtNewsRight ul:first-child{margin-left:0}.rtNewsRight ul:nth-child(3),.rtNewsRight ul:nth-child(4){margin-top:0}.rtNewsRight ul li:first-child{position:relative;width:100%;height:91px;border-radius:8px;overflow:hidden}.rtNewsRight ul li:first-child img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rtNewsRight ul li:first-child:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rtNewsRight ul li:nth-child(2){font-weight:600;line-height:21px;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rtNewsRight ul:hover li:nth-child(2){text-decoration:underline}.newsLayout .leftWrap .trendWidgetWrap{width:calc(100% - 40px);padding:16px 20px 0}}@media(max-width:480px){.newsLayout{display:flex;flex-wrap:wrap;padding:0}.newsLayout .leftWrap .newsTitle{position:relative;height:auto;padding-bottom:8px;border-bottom:1px solid var(--gray120)}.newsLayout .leftWrap .newsTitle .title{font-size:24px;line-height:36px;font-weight:700;color:#000;margin-bottom:8px}.newsLayout .leftWrap .newsTitle .category{position:relative;display:inline-flex;bottom:0;right:0}.newsLayout .leftWrap .newsTitle .category ul{line-height:35px;margin-left:0;margin-right:24px;font-size:18px;font-weight:600;color:var(--gray90);cursor:pointer}.newsLayout .leftWrap .newsTitle .category ul.on{color:var(--blue100)}.newsList .list{padding:10px 20px 0}.newsList .list.full{padding:24px 0 0}.newsList .list ul{display:block;flex-wrap:wrap;position:relative;height:auto;margin-bottom:16px;cursor:pointer}.newsList .list ul:last-child:before{display:none}.newsList .list ul:before{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:1px;background-color:var(--gray20)}.newsList .list ul .thumb{position:absolute;top:2px;left:0;width:80px;height:56px;border-radius:8px;overflow:hidden}.newsList .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.newsList .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.newsList .list ul .noLink,.newsList .list ul a{width:100%;margin-left:0}.newsList .list ul .cate{width:calc(100% - 96px);margin-left:96px;font-size:11px;color:var(--blue70);padding:0 0 2px}.newsList .list ul .tit{width:calc(100% - 96px);height:34px;margin-left:96px;padding:0 0 4px;font-size:15px;line-height:18px;font-weight:600;color:var(--gray120)}.newsList .list ul .tit,.newsList .list ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.newsList .list ul .txt{margin-top:2px;font-size:14px;line-height:21px;color:#4e5058}.newsList .list ul .info{width:calc(100% - 96px);margin-top:0;margin-left:96px;font-size:11px;line-height:21px;color:var(--gray60)}.newsList .list ul:hover .txt{text-decoration:underline}.newsList .list ul .info dl{position:relative;display:inline-flex;align-items:center;margin-right:10px}.newsList .list ul .info dl:before{content:"";position:absolute;top:6px;right:-5px;width:1px;height:10px;background-color:var(--gray30)}.rankChartRight .swiper-button-next{right:calc(50% - 100px)}.rankChartRight .swiper-button-prev{left:calc(50% - 100px)}.newsLayout .rightWrap .rightSticky{padding:20px 0 0}.newsLayout .rightWrap .rightSticky .dcTrend{width:calc(100% - 40px);padding:0 20px}.newsLayout .rightWrap .rightSticky .dcTrend .swiper-wrapper .swiper-slide:last-child{margin-right:0}.newsLayout .rightWrap .rightSticky .dcTrend .dcTitle .arw{position:absolute;top:3px;right:0;cursor:pointer}.newsList.reward .list ul a{width:100%;margin-left:0}.newsList.reward .list ul .thumb{position:absolute;top:4px;left:0;width:56px;height:56px;border-radius:8px;overflow:hidden}.newsList.reward .list ul .cate,.newsList.reward .list ul .info,.newsList.reward .list ul .tit{width:calc(100% - 68px);margin-left:68px}.rtNewsRight{display:flex;flex-wrap:wrap;margin:0 20px}.rtNewsRight ul{width:calc(50% - 4px);height:auto;cursor:pointer;margin-left:0}.rtNewsRight ul:nth-child(odd){margin:0 8px 0 0}.rtNewsRight ul:first-child{margin-left:0}.rtNewsRight ul:nth-child(3),.rtNewsRight ul:nth-child(4){margin-top:16px}}.articleWrap .category{height:24px;line-height:24px;color:var(--gray100);font-weight:700}.articleWrap .articleTitle{font-weight:700;color:#000;line-height:130%;margin:8px 0 0}.articleWrap .ftSz12{font-size:12px}.articleWrap .ftSz14{font-size:14px}.articleWrap .ftSz16{font-size:16px}.articleWrap .ftSz18{font-size:18px}.articleWrap .ftSz20{font-size:20px}.articleWrap .ftSz32{font-size:32px}.articleWrap .ftSz34{font-size:34px}.articleWrap .ftSz36{font-size:36px}.articleWrap .ftSz38{font-size:38px}.articleWrap .info{display:flex;height:40px;align-items:center;border-bottom:1px solid #e9eaed}.articleWrap .info .publisher{position:relative;line-height:24px;font-weight:700;color:var(--gray90);margin-right:13px}.articleWrap .info .publisher:before{content:"";position:absolute;top:5px;right:-8px;width:1px;height:14px;background-color:#e2e3e6}.articleWrap .info .date{position:relative;font-size:12px;line-height:24px;color:var(--gray70)}.articleWrap .info .btn{margin-left:auto}.articleWrap .info .btn .pc{display:inline-flex;align-items:center}.articleWrap .info .btn img{margin-left:16px;cursor:pointer}.articleWrap .info .btn .cmt{display:inline-flex;align-items:center;font-weight:600;cursor:pointer}.articleWrap .info .btn .cmt img{margin-right:2px}.articleWrap .content{padding:24px 0 40px;line-height:170%;color:#000;border-bottom:2px solid #d3d5db;min-height:600px}.articleWrap .content p{margin-bottom:24px}.articleWrap .content h2{position:relative;padding:0 0 0 20px;margin:0 0 30px}.articleWrap .content h2:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#000}.articleWrap .content h2 p{margin-bottom:0;line-height:32px;font-size:18px;font-weight:700}.articleWrap .content img{max-width:100%;height:auto!important}.articleWrap .content figcaption{padding:10px 0;color:var(--gray70)}.articleWrap .publisherBot{font-size:18px;line-height:32px}.articleWrap .tag{display:flex;flex-wrap:wrap;margin-top:16px}.articleWrap .tag ul{line-height:30px;padding:0 10px;border-radius:4px;background-color:#ebeef1;color:#5f646f;margin:0 8px 8px 0;cursor:pointer}.newsVote{display:flex;justify-content:center;align-items:center;margin:0;height:140px}.newsVote ul{width:96px;text-align:center;margin:0 0 0 40px;cursor:pointer}.newsVote ul:first-child{margin:0}.newsVote ul li{margin-bottom:8px}.newsVote ul li:nth-child(2){font-weight:600;line-height:20px;color:var(--gray70)}.newsVote ul li:nth-child(3){font-weight:700;font-size:16px;line-height:24px;color:#000}.newsVote ul.voted li:nth-child(2),.newsVote ul.voted li:nth-child(3){color:var(--blue100)}.articleWrap .layerBox{position:relative}.articleWrap .layerBox .box{position:fixed;left:calc(50% - 180px);top:calc(50% - 80px);width:312px;padding:22px 24px 20px;border-radius:16px;background-color:#fff;box-shadow:0 0 20px 0 #00000033;z-index:300}.articleWrap .layerBox .box .tit{font-size:18px;font-weight:700;line-height:28px}.articleWrap .layerBox .box .close{position:absolute;top:20px;right:24px;cursor:pointer}.articleWrap .layerBox .box.share .cont{display:flex;align-items:center;justify-content:center;height:80px;margin-top:10px}.articleWrap .layerBox .box.share .cont ul{text-align:center;cursor:pointer;padding:16px;border-radius:8px}.articleWrap .layerBox .box.share .cont ul .icoUrl{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_url.svg) no-repeat 50%;background-size:contain}.articleWrap .layerBox .box.share .cont ul .icoKakao{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_kakao.svg) no-repeat 50%;background-size:contain}.articleWrap .layerBox .box.share .cont ul:first-child{margin-right:40px}.articleWrap .layerBox .box.share .cont ul li:nth-child(2){font-weight:600;line-height:20px;color:var(--gray100);padding-top:8px}.articleWrap .layerBox .box.share .cont ul:hover{background-color:var(--gray20)}.articleWrap .layerBox .box.font .cont{display:flex;align-items:center;justify-content:center;height:84px;margin-top:20px}.articleWrap .layerBox .box.font .cont ul{width:32%;text-align:center;cursor:pointer}.articleWrap .layerBox .box.font .cont ul li:first-child{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:54px;border:1px solid var(--gray40);font-weight:600}.articleWrap .layerBox .box.font .cont ul:first-child li:first-child{font-size:16px}.articleWrap .layerBox .box.font .cont ul:nth-child(2) li:first-child{font-size:20px}.articleWrap .layerBox .box.font .cont ul:nth-child(3) li:first-child{font-size:24px}.articleWrap .layerBox .box.font .cont ul li:nth-child(2){font-weight:600;line-height:20px;color:var(--gray100);margin-top:8px}.articleWrap .layerBox .box.font .cont ul.on li:first-child{border:1px solid var(--blue100);background-color:var(--blue100);color:#fff}[data-jodit-temp="1"]{position:relative;width:100%!important;padding-top:56%!important;height:auto!important}[data-jodit-temp="1"] iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}@media(max-width:800px){.newsVote{display:flex;justify-content:center;align-items:center;margin:20px 0 0;height:130px}.articleWrap .layerBox .box{position:fixed;right:20px;top:80px;width:312px;padding:22px 24px 20px;border-radius:16px;background-color:#fff;box-shadow:0 0 20px 0 #00000033;z-index:700}.articleWrap .info .btn{display:none}.articleWrap .ftSz12{font-size:12px}.articleWrap .ftSz14{font-size:14px}.articleWrap .ftSz16{font-size:16px}.articleWrap .ftSz18{font-size:18px}.articleWrap .ftSz20{font-size:20px}.articleWrap .ftSz32,.articleWrap .ftSz34,.articleWrap .ftSz36,.articleWrap .ftSz38{font-size:24px}}@media(max-width:480px){.newsVote{display:flex;justify-content:center;align-items:center;margin:20px 0 0;height:120px}.newsVote ul{width:25%;text-align:center;margin:0;cursor:pointer}.newsVote ul:first-child{margin:0}.newsVote ul li{margin-bottom:8px}.newsVote ul li:first-child img{width:48px}.newsVote ul li:nth-child(2){font-weight:600;line-height:20px;color:var(--gray70)}.newsVote ul li:nth-child(3){font-weight:700;font-size:16px;line-height:24px;color:#000}.articleWrap .layerBox .box{position:fixed;right:20px;top:80px;width:calc(100% - 40px);padding:22px 0 20px;border-radius:16px;background-color:#fff;box-shadow:0 0 20px 0 #00000033;z-index:700}.articleWrap .layerBox .box .tit{padding-left:20px}.articleWrap .info .btn{display:none}}.searchResult{margin:12px 0 0}.searchResult .resultTitle{line-height:48px;font-weight:700;font-size:32px;margin-bottom:24px}.searchResult .resultTitle span{margin-right:8px;color:var(--blue100)}.searchResult .profileTitle{font-size:24px;line-height:36px;font-weight:700;margin-bottom:16px}.searchResult .profileBox{display:flex}.searchResult .profileBox .thumb{position:relative;width:208px;height:208px;border-radius:8px;overflow:hidden}.searchResult .profileBox .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.searchResult .profileBox .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.searchResult .profileBox .info{flex-grow:1;margin-left:24px}.searchResult .profileBox .info .name{font-size:20px;line-height:30px;font-weight:700;color:var(--gray100);margin-bottom:8px}.searchResult .profileBox .info li{display:flex;margin-bottom:4px}.searchResult .profileBox .info li dl:first-child{font-size:14px;line-height:21px;font-weight:600;color:var(--gray70);width:64px;margin-right:8px}.searchResult .profileBox .info li dl:nth-child(2){font-size:14px;line-height:21px;color:var(--gray90)}.searchResult .profileBox .info .source{font-size:12px;line-height:18px;color:var(--gray50);padding-top:4px}.searchResult .another{margin:16px 0 0;padding:0;border-bottom:1px solid var(--gray20)}.searchResult .another ul{display:flex;width:209px;border-radius:12px;border:1px solid var(--gray30);padding:8px;cursor:pointer}.searchResult .another ul.on{border:1px solid var(--blue80)}.searchResult .another ul .thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden}.searchResult .another ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.searchResult .another ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.searchResult .another ul li:nth-child(2){padding:10px 0 0 12px}.searchResult .another ul li:nth-child(2) dl:first-child{width:130px;line-height:21px;height:21px;color:var(--gray60);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.searchResult .another ul li:nth-child(2) dl:nth-child(2){font-size:16px;font-weight:600;line-height:24px;height:24px;color:var(--gray90)}.searchResult .another .swiper-slide{width:auto;height:auto}.searchResult .another .swiper-wrapper{height:auto!important}.searchResult .relationVoteSh{position:relative;padding:16px 0 44px}.searchResult .relationVoteSh .tit{font-size:18px;line-height:27px;font-weight:700;color:var(--gray90);padding:24px 0 8px}.searchResult .relationVoteSh .tit span{margin-left:8px;font-weight:400}.searchResult .relationVoteSh .list{display:flex}.searchResult .relationVoteSh .list ul{width:calc(50% - 10px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:8px 0 0!important}.searchResult .relationVoteSh .list ul:first-child{margin:8px 16px 0 0!important}.searchResult .relationVoteSh .list ul .thumb{position:relative;height:240px;overflow:hidden}.searchResult .relationVoteSh .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.searchResult .relationVoteSh .list ul .info{position:relative;padding:16px}.searchResult .relationVoteSh .list ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.searchResult .relationVoteSh .list ul .info .title{width:calc(100% - 50px);font-size:16px;line-height:24px;font-weight:600;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.searchResult .relationVoteSh .list ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.searchResult .relationVoteSh .more .moreBtn{position:absolute;bottom:0;right:0;display:inline-flex;align-items:center;line-height:28px;color:var(--gray90);font-weight:600;cursor:pointer}.searchResult .relationVoteSh .more .moreBtn .arw{margin-left:4px}.searchResult .relationVoteSh .swiper-slide{width:auto;height:auto}.searchResult .relationVoteSh .swiper-wrapper{height:auto!important}@media(max-width:800px){.searchResult{margin:24px 0 0}.searchResult .resultTitle{line-height:36px;font-weight:700;font-size:24px;margin-bottom:24px;padding-left:20px}.searchResult .resultTitle span{margin-right:8px;color:var(--blue100)}.searchResult .profileTitle{font-size:20px;line-height:30px;font-weight:700;margin-bottom:24px;padding-left:20px}.searchResult .profileBox{display:flex;padding:0 0 0 20px}.searchResult .another{margin:24px 0 0;padding:0 0 24px 20px;border-bottom:0 solid var(--gray20)}.searchResult .relationVoteSh .tit{font-size:18px;line-height:27px;font-weight:700;color:var(--gray90);padding:0 0 16px 20px}.searchResult .relationVoteSh .list{padding:0 20px}.searchResult .relationVoteSh .list ul{width:calc(50% - 10px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0!important}.searchResult .relationVoteSh .list ul:first-child{margin:0 16px 0 0!important}.searchResult .relationVoteSh .list ul .thumb{position:relative;height:175px;overflow:hidden}.searchResult .relationVoteSh .list .swiper-wrapper .swiper-slide:last-child{margin-right:20px}.searchResult .relationVoteSh .more .moreBtn{right:20px}}@media(max-width:480px){.searchResult .profileBox{display:block;padding:0 20px}.searchResult .profileBox .thumb{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden}.searchResult .profileBox .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.searchResult .profileBox .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.searchResult .profileBox .info{display:flex;flex-wrap:wrap;flex-grow:1;margin-left:0;margin-top:16px}.searchResult .profileBox .info .name{width:100%;font-size:20px;line-height:30px;font-weight:700;color:var(--gray100);margin-bottom:8px}.searchResult .profileBox .info li{display:flex;margin-bottom:4px;width:50%}.searchResult .profileBox .info li dl:first-child{font-size:14px;line-height:21px;font-weight:600;color:var(--gray70);width:64px!important;margin-right:4px}.searchResult .profileBox .info li dl:nth-child(2){width:calc(100% - 68px);font-size:14px;line-height:21px;color:var(--gray90);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.searchResult .profileBox .info .source{width:100%;font-size:12px;line-height:18px;color:var(--gray50);padding-top:4px}.searchResult .relationVoteSh{position:relative;padding:20px 0 0}.searchResult .relationVoteSh .tit{font-size:18px;line-height:27px;font-weight:700;color:var(--gray90);padding:0 0 16px 20px}.searchResult .relationVoteSh .list{display:flex;flex-wrap:wrap;padding:0 20px}.searchResult .relationVoteSh .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:8px 0 0!important}.searchResult .relationVoteSh .list ul:first-child{margin:0!important}.searchResult .relationVoteSh .list ul .thumb{position:relative;height:175px;overflow:hidden}.searchResult .relationVoteSh .list .swiper{width:100%}.searchResult .relationVoteSh .list .swiper-wrapper{display:flex}.searchResult .relationVoteSh .swiper-slide{width:100%;height:auto}.searchResult .relationVoteSh .list .swiper-wrapper .swiper-slide:last-child{margin-right:0}.searchResult .relationVoteSh .more .moreBtn{bottom:auto;top:20px;right:20px}}.relationNews{position:relative;padding:24px 0 0}.relationNews .newsTitle{position:relative;line-height:36px;font-size:24px;font-weight:700;margin-bottom:16px}.relationNews .tab{display:flex;border-bottom:1px solid var(--gray30);margin-bottom:24px}.relationNews .tab ul{position:relative;display:flex;line-height:44px;font-weight:600;font-size:16px;cursor:pointer;margin-right:32px}.relationNews .tab ul:last-child{margin-right:0}.relationNews .tab ul li:nth-child(2){font-weight:400;margin-left:4px;color:var(--gray90)}.relationNews .tab ul.on,.relationNews .tab ul.on li:nth-child(2){color:var(--blue100)}.relationNews .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}.relationNews .tab ul:hover,.relationNews .tab ul:hover li:nth-child(2){color:var(--blue100)}.sortBox{position:absolute;top:0;right:0}.sortBox .sort{display:inline-flex;align-items:center;padding:0 12px;line-height:34px;border:1px solid var(--gray30);border-radius:8px;font-weight:600;color:var(--gray90);cursor:pointer}.sortBox .sort .arw{margin-left:4px;transform:rotate(90deg)}.sortBox .sortSelect{position:absolute;top:40px;right:0;width:156px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:4px;z-index:300;box-shadow:0 4px 12px -4px #10182808;display:none}.sortBox .sortSelect ul{position:relative;line-height:48px;text-indent:16px;color:var(--gray90);border-radius:4px;cursor:pointer}.sortBox .sortSelect ul:hover{background-color:var(--gray10)}.sortBox .sortSelect ul.on div{position:absolute;top:calc(50% - 12px);right:16px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_check.svg) no-repeat}@media(max-width:800px){.relationNews{position:relative;padding:16px 20px 0}.relationNews .newsTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;margin-bottom:0}.relationNews .tab{display:flex;border-bottom:1px solid var(--gray30);margin-bottom:0}.relationNews .tab ul{position:relative;display:flex;line-height:36px;font-weight:600;font-size:14px;cursor:pointer;margin-right:32px}.relationNews .tab ul li:nth-child(2){font-weight:600;margin-left:4px;color:var(--gray90)}.relationNews .tab ul.on,.relationNews .tab ul.on li:nth-child(2){color:var(--blue100)}.relationNews .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}.relationNews .tab ul:hover,.relationNews .tab ul:hover li:nth-child(2){color:var(--blue100)}}@media(max-width:480px){.relationNews .tab{display:flex;justify-content:space-between;border-bottom:1px solid var(--gray30)}.relationNews .tab ul{position:relative;display:flex;line-height:36px;font-weight:600;font-size:13px;cursor:pointer;margin-right:0}.relationNews .tab ul li:nth-child(2){font-weight:600;margin-left:4px;color:var(--gray90);display:none}.relationNews .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--blue100)}}.rankMark{display:inline-flex;position:relative;font-size:11px;height:11px;line-height:11px!important;font-weight:600;color:var(--gray70);padding:0 0 0 12px}.rankMark.new{padding:0 0 0 4px;color:var(--red90)}.rankMark.up:before{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_up.svg) no-repeat 50%;background-size:contain}.rankMark.same:before,.rankMark.up:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%}.rankMark.same:before{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_same.svg) no-repeat 50%;background-size:contain}.rankMark.down:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_rank_down.svg) no-repeat 50%;background-size:contain}.rankingMain .mainTitle{display:flex;flex-wrap:wrap;align-items:flex-end;margin-top:10px}.rankingMain .mainTitle .tit{font-size:32px;line-height:48px;font-weight:700}.rankingMain .mainTitle .hiddenInfo{display:none}.rankingMain .mainTitle .update{animation:updateView1 .8s ease-out forwards;color:var(--gray70);line-height:34px;padding-left:16px;opacity:1}@keyframes updateView{0%{opacity:0}50%{opacity:0}to{opacity:1}}.rankingMain .mainTitle .info{display:flex;width:100%;margin-top:8px;color:var(--gray70);line-height:24px;align-items:center}.rankingMain .mainTitle .info img{margin-right:8px}.rankingMain .rankingBox{display:flex;flex-wrap:wrap;margin-top:24px;margin-bottom:48px}.rankingMain .rankingBox .box{width:calc(33.3333333333333% - 45px);position:relative;border-radius:8px;box-shadow:0 6px 20px -4px #1018280a;border:1px solid var(--gray30);padding:16px;margin:0 0 32px 16px;overflow:hidden}.rankingMain .rankingBox .box.skeletonStyle{height:530px}.rankingMain .rankingBox .box:nth-child(3n+1){margin-left:0}.rankingMain .rankingBox .box .top{display:flex}.rankingMain .rankingBox .box .top .tit{font-size:18px;line-height:30px;font-weight:700}.rankingMain .rankingBox .box .top .sort{display:flex;margin-left:auto}.rankingMain .rankingBox .box .top .sort li{position:relative;line-height:30px;margin-left:16px;font-weight:600;color:var(--gray50);cursor:pointer}.rankingMain .rankingBox .box .top .sort li.on{color:var(--blue100)}.rankingMain .rankingBox .box .top .sort li.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--blue100)}.rankingMain .rankingBox .box .list{margin-top:8px;height:404px}.rankingMain .rankingBox .box .list ul{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--gray20)}.rankingMain .rankingBox .box .list ul:last-child{border-bottom:0}.rankingMain .rankingBox .box .list ul .rank{width:32px;text-align:center;margin-right:12px}.rankingMain .rankingBox .box .list ul .rank dl:first-child{font-size:16px;line-height:27px;font-weight:700;color:var(--gray100)}.rankingMain .rankingBox .box .list ul:first-child .rank dl:first-child,.rankingMain .rankingBox .box .list ul:nth-child(2) .rank dl:first-child,.rankingMain .rankingBox .box .list ul:nth-child(3) .rank dl:first-child{color:var(--blue100)}.rankingMain .rankingBox .box .list ul .info{display:flex}.rankingMain .rankingBox .box .list ul .info .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px}.rankingMain .rankingBox .box .list ul .info .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankingMain .rankingBox .box .list ul .info .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rankingMain .rankingBox .box .list ul .info .txt .cate{display:flex;align-items:center;font-size:11px;line-height:16px;font-weight:500;color:var(--gray60);margin-top:6px}.rankingMain .rankingBox .box .list ul .info .txt .cate .dot{width:8px;height:8px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_dot.svg);margin:0 4px 2px}.rankingMain .rankingBox .box .list ul .info .txt .name{font-size:14px;line-height:21px;font-weight:600}.rankingMain .rankingBox .box .list ul .score{display:inline-flex;margin-left:auto;font-weight:600;color:var(--gray90)}.rankingMain .rankingBox .box .list ul .score .arw{margin-left:4px}.rankingMain .rankingBox .box .btn{display:flex;margin-top:16px}.rankingMain .rankingBox .box .btn ul:first-child{flex-grow:1}.rankingMain .rankingBox .box .btn .more{height:56px;line-height:56px;border-radius:8px;text-align:center;background-color:var(--blue100);color:#fff;font-size:16px;font-weight:600;margin-bottom:12px;cursor:pointer}.rankingMain .rankingBox .box .btn .vote{margin-left:12px;width:104px;height:54px;line-height:54px;border:1px solid var(--gray40);border-radius:8px;text-align:center;background-color:#fff;color:var(--gray70);font-size:16px;font-weight:600;cursor:pointer}.rankingMain .tab{display:flex;margin:24px 0}.rankingMain .tab ul{position:relative;font-size:18px;font-weight:600;line-height:46px;margin-right:32px}.rankingMain .tab ul.on{color:var(--blue100)}.rankingMain .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}.rankingMain .rankSort{display:flex}.rankingMain .rankSort .sort{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;line-height:36px;border-radius:8px;border:1px solid var(--gray30);margin-right:8px;cursor:pointer}.rankingMain .rankSort .sort:before{content:"";position:absolute;top:6px;left:6px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_sort.svg)}.rankingMain .rankSort .sort.on:before{;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_sort_on.svg)}.rankingMain .rankSort .sort.on:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:6px;background-color:var(--blue100)}.rankingMain .rankSort .category{display:flex}.rankingMain .rankSort .category ul{line-height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--gray30);font-weight:600;color:var(--gray90);margin-left:8px;cursor:pointer}.rankingMain .rankSort .category ul.on{color:#fff;border:1px solid var(--blue100);background-color:var(--blue100)}.voteTitle{position:relative;line-height:36px;font-size:24px;font-weight:700}.voteTitle .arw{position:absolute;top:6px;right:0;cursor:pointer}.voteBox{margin-top:24px}.voteBox ul{border:1px solid var(--gray30);border-radius:8px;overflow:hidden}.voteBox ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteBox ul .thumb{position:relative;height:240px;overflow:hidden}.voteBox ul .thumb .circle,.voteBox ul .thumb .linebg{display:none}.voteBox ul .thumb.line .circle{display:block;top:calc(50% - 65px);box-shadow:0 -1px 5px rgba(0,0,0,.2)}.voteBox ul .thumb.line .bg,.voteBox ul .thumb.line .circle{position:absolute;left:calc(50% - 55px);width:110px;height:110px;border-radius:8px;z-index:150}.voteBox ul .thumb.line .bg{top:calc(50% + 46px);transform:scaleY(-1);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6),transparent,transparent,transparent);mask:linear-gradient(0deg,rgba(0,0,0,.6),transparent,transparent,transparent);opacity:.5}.voteBox ul .thumb.line .linebg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.voteBox ul .thumb.line .linebg img{z-index:70}.voteBox ul .thumb.line .linebg .colorbg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#a1abb6;z-index:50}.voteBox ul .thumb.line .linebg .colorbg.rd1{background-color:#a1abb6}.voteBox ul .thumb.line .linebg .colorbg.rd2{background-color:#a1b6b5}.voteBox ul .thumb.line .linebg .colorbg.rd3{background-color:#b6a9a1}.voteBox ul .thumb.line .linebg .colorbg.rd4{background-color:#b0a1b6}.voteBox ul .thumb.line .linebg .colorbg.rd5{background-color:#beac99}.voteBox ul .thumb.line .cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:120}.voteBox ul .thumb.line .blur{position:absolute;top:-10%;left:-10%;width:120%;height:120%;-o-object-fit:cover;object-fit:cover;filter:blur(20px);z-index:80}.voteBox ul .info{position:relative;padding:16px}.voteBox ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.voteBox ul .info .title{width:calc(100% - 50px);font-size:16px;line-height:24px;font-weight:600;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.voteBox ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.voteBox .swiper-slide,.voteBox .swiper-wrapper{height:auto}.rankingMain .blank{height:40px}.rankSortWrap{display:flex;margin:40px 0 0}.sortItemBox{position:relative;margin-right:16px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortItemBox .itemBox{display:flex;align-items:center;height:40px;border:1px solid var(--gray30);border-radius:8px;padding:0 44px 0 12px;background-color:#fff;cursor:pointer}.sortItemBox .itemBox:before{content:"";position:absolute;right:12px;top:14px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:contain;transform:rotate(90deg)}.sortItemBox .itemBox.on:before{transform:rotate(-90deg)}.sortItemBox .itemBox .tit{position:relative;color:var(--gray70);margin-right:12px;padding-right:12px}.sortItemBox .itemBox .tit:before{content:"";position:absolute;top:4px;right:0;width:1px;height:10px;background-color:var(--gray30)}.sortItemBox .selectList{position:absolute;top:50px;left:0;width:calc(100% - 10px);background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:4px;z-index:300;box-shadow:0 4px 12px -4px #10182808}.sortItemBox .selectList ul{position:relative;line-height:40px;text-indent:16px;color:var(--gray90);border-radius:4px;cursor:pointer}.sortItemBox .selectList ul:hover{background-color:var(--gray10)}.sortItemBox .selectList ul.on:before{content:"";position:absolute;top:calc(50% - 12px);right:16px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_check.svg) no-repeat}.sortItemBox.on .itemBox{border:1px solid var(--blue100)}.sortItemBox.on .selectList{display:block}.rankAllTable{margin:24px 0 0}.rankAllTable.blur{margin:0;position:relative}.rankAllTable.blur .list{filter:blur(8px);opacity:.5}.rankAllTable.blur .cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.rankAllTable.blur .cover .txt{width:100%;text-align:center;padding:80px 0 32px;font-size:16px;font-weight:600}.rankAllTable.blur .cover .btn{width:140px;margin:0 auto;line-height:40px;text-align:center;border-radius:8px;font-weight:600;color:#fff;background-color:var(--blue100);cursor:pointer}.rankAllTable ul{display:flex}.rankAllTable ul li{text-align:center}.rankAllTable ul .rank{width:164px}.rankAllTable ul .rank .inTxt{padding-right:44px}.rankAllTable ul .thumb{width:92px}.rankAllTable ul .name{flex-grow:1;text-align:left;padding-left:16px;cursor:pointer}.rankAllTable ul .name .inName{display:inline-flex;align-items:center}.rankAllTable ul .name .inName .arw{margin-left:4px}.rankAllTable ul .cate{width:120px}.rankAllTable ul .gender,.rankAllTable ul .group,.rankAllTable ul .index{width:150px;text-align:right}.rankAllTable ul .index{padding-right:16px}.rankAllTable ul .btnBox{width:130px}.rankAllTable .head{background-color:var(--gray20);height:54px;align-items:center;border-radius:8px;color:var(--gray70)}.rankAllTable .tr{height:80px;border-bottom:1px solid var(--gray30);align-items:center;font-size:16px}.rankAllTable .tr .rank{display:flex;align-items:center;justify-content:center}.rankAllTable .tr .rank .num{font-weight:600;width:40px;line-height:24px;text-align:center}.rankAllTable .tr .rank .rankMark{font-size:12px;line-height:24px;width:38px}.rankAllTable .tr .rank .rankMark.new{width:46px}.rankAllTable .tr .thumb .img{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin:0 auto}.rankAllTable .tr .thumb .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankAllTable .tr .thumb .img:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rankAllTable .tr .name .inCate,.rankAllTable .tr .name .inIndex{display:none}.rankAllTable .tr .index{font-weight:600}.rankAllTable .tr .index .arw{margin-left:4px}.rankAllTable .tr .index .btn{display:inline-flex;align-items:center}.rankAllTable .tr .btnBox .btn{width:66px;height:32px;line-height:32px;border-radius:8px;font-size:12px;font-weight:500;background-color:var(--gray110);color:#fff;margin:0 auto;cursor:pointer}@media(max-width:800px){.rankingMain .mainTitle{display:flex;flex-wrap:wrap;align-items:flex-end;margin-top:20px;padding:0 20px}.rankingMain .mainTitle .tit{display:inline-flex;align-items:center;font-size:24px;line-height:36px;font-weight:700}.rankingMain .mainTitle .hiddenInfo{display:inline-table;margin-left:8px}.rankingMain .mainTitle .update{width:100%;color:var(--gray70);line-height:21px;padding-left:0;padding-bottom:2px}.rankingMain .mainTitle .info{display:none;width:100%;margin-top:8px;color:var(--gray70);line-height:21px;align-items:center}.rankingMain .rankingBox{display:flex;flex-wrap:wrap;margin:24px 20px}.rankingMain .rankingBox .box{flex-grow:1;width:calc(100% - 34px);position:relative;border-radius:8px;box-shadow:0 6px 20px -4px #1018280a;border:1px solid var(--gray30);padding:16px;margin-left:0;overflow:hidden;margin-bottom:32px}.rankingMain .rankingBox .box:first-child{margin-left:0}.rankingMain .tab{display:flex;margin:16px 0 16px 20px}.rankingMain .rankSort{display:flex;margin-left:20px}.voteTitle{position:relative;line-height:36px;font-size:24px;font-weight:700;padding:0 20px}.voteBox{margin-top:24px}.voteBox ul{width:278px;border:1px solid var(--gray30);border-radius:8px;overflow:hidden}.voteBox ul .thumb{position:relative;height:174px;overflow:hidden}.voteBox .swiper-slide{width:auto;height:auto}.voteBox .swiper-slide:first-child{margin-left:20px}.voteBox .swiper-slide:last-child{margin-right:20px}.rankingMain .blank{height:56px}.rankSortWrap{display:flex;margin:24px 0 0;padding-left:20px}.sortItemBox{position:relative;margin-right:16px;flex-shrink:0}.sortItemBox .itemBox{display:flex;align-items:center;height:43px;border:1px solid var(--gray30);border-radius:8px;padding:0 44px 0 12px;background-color:#fff;cursor:pointer}.sortItemBox .itemBox:before{content:"";position:absolute;right:12px;top:14px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:contain;transform:rotate(90deg)}.sortItemBox .itemBox .tit{display:none;position:relative;color:var(--gray70);margin-right:12px;padding-right:12px}.sortItemBox .selectList{position:absolute;top:50px;left:0;width:calc(100% - 10px);background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:4px;z-index:300;box-shadow:0 4px 12px -4px #10182808}.sortItemBox:first-child .selectList{width:130px}.sortItemBox:nth-child(2) .selectList{width:170px}.sortItemBox:nth-child(3) .selectList,.sortItemBox:nth-child(4) .selectList{width:120px}.rankAllTable{margin:24px 20px 0}.rankAllTable.blur{margin:0 20px}.rankAllTable ul{display:flex}.rankAllTable ul li{text-align:center}.rankAllTable ul .rank{width:64px}.rankAllTable ul .rank .inTxt{padding-right:0}.rankAllTable ul .thumb{width:48px}.rankAllTable ul .name{flex-grow:1;text-align:left;padding-left:12px}.rankAllTable ul .cate{display:none}.rankAllTable ul .gender,.rankAllTable ul .group{width:100px;text-align:right}.rankAllTable ul .index{width:120px;text-align:right}.rankAllTable ul .btnBox{width:88px}.rankAllTable .head{background-color:var(--gray20);height:54px;align-items:center;border-radius:8px;color:var(--gray70)}.rankAllTable .tr .rank{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.rankAllTable .tr .num{width:100%}.rankAllTable .tr .rank .num{font-weight:600;padding-right:0;line-height:24px;width:100%}.rankAllTable .tr .rank .rankMark{font-size:12px;line-height:24px;text-align:center;width:auto}.rankAllTable .tr .rank .rankMark.new{width:auto}}@media(max-width:480px){.voteTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;padding:0 20px}.voteBox{margin-top:0;padding:0 20px}.voteBox ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin-top:16px}.voteBox ul .thumb{position:relative;height:208px;overflow:hidden}.voteBox .swiper-slide:first-child{margin-left:0}.voteBox .swiper-slide:last-child{margin-right:0}.rankingMain .blank{height:40px}.rankSortWrap{display:flex;flex-wrap:wrap;margin:16px 0 0;padding:0 20px}.sortItemBox{position:relative;width:calc(50% - 4px);margin-right:8px;flex-shrink:0}.sortItemBox:nth-child(2n+2){margin-right:0}.sortItemBox:first-child,.sortItemBox:nth-child(2){margin-bottom:8px}.sortItemBox .itemBox{display:flex;align-items:center;height:35px;border:1px solid var(--gray30);border-radius:8px;padding:0 32px 0 8px;font-size:13px;background-color:#fff;cursor:pointer}.sortItemBox .itemBox:before{content:"";position:absolute;right:8px;top:10px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:contain;transform:rotate(90deg)}.sortItemBox .itemBox .tit{display:none;position:relative;color:var(--gray70);margin-right:12px;padding-right:12px}.sortItemBox .selectList{position:absolute;top:40px;left:0;width:calc(100% - 10px);background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:4px;z-index:300;box-shadow:0 4px 12px -4px #10182808}.sortItemBox:first-child .selectList,.sortItemBox:nth-child(2) .selectList,.sortItemBox:nth-child(3) .selectList,.sortItemBox:nth-child(4) .selectList{width:calc(100% - 10px)}.sortItemBox .selectList ul{position:relative;line-height:40px;font-size:13px;text-indent:8px;color:var(--gray90);border-radius:4px;cursor:pointer}.sortItemBox .selectList ul:hover{background-color:var(--gray10)}.sortItemBox .selectList ul.on:before{content:"";position:absolute;top:calc(50% - 12px);right:8px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_check.svg) no-repeat}.sortItemBox.on .itemBox{border:1px solid var(--blue100)}.sortItemBox.on .selectList{display:block}.rankAllTable{margin:24px 20px 0}.rankAllTable ul{display:flex}.rankAllTable ul li{text-align:center}.rankAllTable ul .rank{width:52px}.rankAllTable ul .thumb{width:48px}.rankAllTable ul .name{flex-grow:1;text-align:left;padding-left:12px}.rankAllTable ul .cate{width:64px;display:none}.rankAllTable ul .group{display:none}.rankAllTable ul .gender{width:64px;display:none}.rankAllTable ul .index{width:120px;text-align:right;display:none}.rankAllTable ul .btnBox{width:82px}.rankAllTable .tr{height:96px}.rankAllTable .tr .name .inCate{display:block;font-size:12px;color:var(--gray60)}.rankAllTable .tr .name .inName{line-height:28px}.rankAllTable .tr .name .inIndex{display:block;font-weight:600}.rankAllTable .tr .name .inIndex .btn{display:inline-flex;align-items:center}.rankAllTable .tr .name .inIndex .arw{margin-left:4px}.rankAllTable.blur .cover .txt{font-size:14px;font-weight:500}}.chartWrap{width:calc(100% - 48px);height:230px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;margin-top:16px;padding:24px}.chartWrap #top10{width:100%;height:100%}.chartTable{background-color:#fff;border:1px solid var(--gray30);border-radius:8px;margin-top:16px;overflow:hidden}.chartTable .tr{display:flex;border-bottom:1px solid var(--gray30)}.chartTable .tr:last-child{border-bottom:0}.chartTable .tr li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;line-height:56px;text-align:center;color:var(--gray100)}.chartTable.addImg .tr li{line-height:53px}.chartTable .tr.head{background-color:var(--gray20)}.chartTable .tr.head li{font-weight:600;color:var(--gray90);line-height:24px;padding:16px 0}.chartTable .tr.head li.rank{width:calc(12% - 32px);justify-content:left;padding:0 0 0 32px}.chartTable .tr li.rank{width:12%;font-weight:600}.chartTable .tr li.rank .num{width:65%}.chartTable .tr li.rank .rankMark{width:35%}.chartTable .tr li.name{width:20%;justify-content:left}.chartTable.addImg .tr li.rank{width:8%}.chartTable.addImg .tr li.thumb{width:70px}.chartTable.addImg .tr li.thumb .img{position:relative;width:32px;height:32px;border-radius:8px;overflow:hidden;margin:0 auto}.chartTable.addImg .tr li.thumb .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chartTable.addImg .tr li.thumb .img:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.chartTable.addImg .tr li.name{width:calc(26% - 70px)}.chartTable.addImg .tr li.name div{width:100%;text-align:left;padding-left:16px}.chartTable .tr li.cate{width:15%}.chartTable .tr li.cate.bl{color:var(--blue100);font-weight:600}.chartTable .tr li.index,.chartTable .tr li.participation{width:15%}.chartTable .tr li.chart{width:12%}.chartTable .tr li.btnBox{width:13%}.chartTable .tr li .rt1,.chartTable .tr li .rt2{display:none}.chartTable .tr li .btn{width:66px;height:32px;line-height:32px;background-color:var(--gray110);color:#fff}.chartTable .tr li .btn,.chartTable .tr li .btn_report{border-radius:8px;font-size:12px;font-weight:500;cursor:pointer}.chartTable .tr li .btn_report{width:74px;height:30px;line-height:30px;background-color:#fff;color:var(--gray90);border:1px solid var(--gray30)}.chartTable .tr li .miniChart{width:102px;height:26px}.chartTable .tr li .miniChart canvas{width:100%;height:100%}.chartTable .tr li .drop{width:24px;height:24px;border:1px solid var(--gray30);border-radius:4px;margin-left:8px;cursor:pointer;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:70%;transform:rotate(90deg)}.chartTable .tr li .drop.open{transform:rotate(-90deg)}.chartTable .tr li .drop.awards{display:none}.chartTable .tr li .moveSpan{display:inline-flex;align-items:center;cursor:pointer;color:var(--gray100)!important}.chartTable .tr li .moveSpan .arwRank{margin-left:4px}.chartTable .detail .layerTitle{display:none}.chartTable .detail .close{display:none;position:absolute;top:16px;right:16px;width:24px;height:24px}.chartTable .detail .inBox{display:flex;background-color:var(--gray30);padding:16px}.chartTable .detail .left{width:752px;height:273px;background-color:#fff;border-radius:8px;padding:16px}.chartTable .detail .left .openChart{width:100%;height:230px;margin-top:10px}.chartTable .detail .left .openChart canvas{width:100%;height:100%}.chartTable .detail .right{flex-grow:1;margin-left:16px}.chartTable .detail .right .box{padding:16px;background-color:#fff;border-radius:8px}.chartTable .detail .right .box:first-child{margin-bottom:16px}.chartTable .detail .tit{font-size:16px;line-height:24px;font-weight:600}.chartTable .detail .gender{display:flex;margin-top:10px}.chartTable .detail .gender dl{display:flex;flex-grow:1;line-height:45px;border-radius:8px;padding:0 16px;font-weight:600}.chartTable .detail .gender dl.male{margin-right:12px;background-color:var(--blue20);color:var(--blue100)}.chartTable .detail .gender dl.female{background-color:var(--red20);color:var(--red90)}.chartTable .detail .gender dl dt:nth-child(2){margin-left:auto}.chartTable .detail .age{display:flex;flex-wrap:wrap;border-top:1px solid var(--gray120);margin-top:10px}.chartTable .detail .age dl{display:flex;width:50%}.chartTable .detail .age dl dt{width:50%;line-height:36px;text-align:center;border-bottom:1px solid var(--gray30)}.chartTable .detail .age dl dt:first-child{background-color:var(--gray10);color:var(--gray70);border-right:1px solid var(--gray30)}.chartTable .detail .age dl dt:nth-child(2){color:var(--gray90)}.chartTable .detail .age dl:nth-child(odd) dt:nth-child(2){border-right:1px solid var(--gray30)}@media(max-width:800px){.chartWrap{width:calc(100% - 88px);height:230px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;margin-top:10px;padding:24px;margin-left:20px}.chartTable{width:calc(100% - 42px);background-color:transparent;border:0 solid var(--gray30);border-radius:0;margin-top:16px;margin-left:20px;margin-right:20px}.chartTable .tr.head{display:none}.chartTable .tr{display:block;border:1px solid var(--gray30);background-color:#fff;border-radius:8px;margin-bottom:12px}.chartTable .tr:last-child{border:1px solid var(--gray30)}.chartTable .tr li{display:block;align-items:normal;justify-content:normal;flex-grow:0;flex-shrink:0;line-height:16px!important;border-left:0 solid var(--gray30);text-align:left;color:var(--gray100)}.chartTable .tr li.rank .rt1{display:inline-table;color:var(--gray120)}.chartTable .tr li.rank .rt1 span{color:var(--blue100)}.chartTable .tr li.rank{position:relative;width:100%!important;font-weight:600;color:var(--blue100);font-size:16px}.chartTable .tr li.rank .num{width:auto;line-height:24px;text-align:center;font-size:16px;display:inline-table;padding:16px 0 16px 16px}.chartTable .tr li.rank .rankMark{position:absolute;top:22px;left:auto;right:16px;transform:translate(0);width:auto;line-height:11px;text-align:right}.chartTable.addImg .tr li.thumb{display:none}.chartTable.addImg .tr li.name{width:100%;display:none}.chartTable .tr li .rt2{display:block}.chartTable .tr li.name{width:100%;display:none}.chartTable .tr li.cate,.chartTable .tr li.chart,.chartTable .tr li.index,.chartTable .tr li.participation{width:calc(100% - 32px);padding:0 16px 8px;position:relative;line-height:21px;text-align:right}.chartTable .tr li.chart{height:21px}.chartTable .tr li.btnBox{width:100%;padding:16px 0}.chartTable .tr li .rt2{position:absolute;top:0;left:16px;font-weight:600;color:var(--gray70)}.chartTable .tr li .btn{width:calc(100% - 32px);height:40px;line-height:40px;border-radius:8px;font-size:14px;font-weight:600;background-color:var(--gray110);color:#fff;text-align:center;margin-left:16px;cursor:pointer}.chartTable .tr li .btn_report{display:none}.chartTable .tr li .miniChart{position:absolute;top:0;right:48px;width:150px;height:20px}.chartTable .tr li .miniChart canvas{width:100%;height:100%}.chartTable .tr li .drop{display:block;position:absolute;top:0;right:16px;width:24px;height:24px;border:1px solid var(--gray30);border-radius:4px;margin-left:0;cursor:pointer;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:70%;transform:rotate(0)}.chartTable .tr li .drop.open{transform:rotate(0deg)}.chartTable .tr li .drop.awards{display:block}.chartTable .detail .inBox{display:flex;flex-wrap:wrap;background-color:var(--gray30);padding:16px}.chartTable .detail .left{width:calc(100% - 32px);height:auto;background-color:#fff;border-radius:8px;padding:16px}.chartTable .detail .left .openChart{width:100%;height:200px;margin-top:10px}.chartTable .detail .left .openChart canvas{width:100%;height:100%}.chartTable .detail .right{display:flex;flex-grow:1;margin-left:0;margin-top:16px}.chartTable .detail .right .box{padding:16px;background-color:#fff;border-radius:8px}.chartTable .detail .right .box:first-child{margin-bottom:0;margin-right:16px;width:30%}.chartTable .detail .right .box:nth-child(2){width:calc(70% - 16px)}.chartTable .detail .gender{display:flex;flex-wrap:wrap;margin-top:10px}.chartTable .detail .gender dl{display:flex;flex-grow:1;width:100%;line-height:40px;border-radius:8px;padding:0 16px;font-weight:600}.chartTable .detail .gender dl.male{margin-right:0;margin-bottom:8px;background-color:var(--blue20);color:var(--blue100)}.chartTable .detail .gender dl.female{background-color:var(--red20);color:var(--red90)}.chartTable .detail .gender dl dt:nth-child(2){margin-left:auto}.chartTable .detail .age{display:flex;flex-wrap:wrap;border-top:1px solid var(--gray120);margin-top:10px}.chartTable .detail .age dl{display:flex;width:33.3333333333%}.chartTable .detail .age dl dt{width:50%;line-height:42px;text-align:center;border-bottom:1px solid var(--gray30)}.chartTable .detail .age dl dt:first-child{background-color:var(--gray10);color:var(--gray70);border-right:1px solid var(--gray30)}.chartTable .detail .age dl dt:nth-child(2){color:var(--gray90);border-right:1px solid var(--gray30)}.chartTable .detail .age dl:nth-child(3n+3) dt:nth-child(2){border-right:0 solid var(--gray30)!important}}@media(max-width:480px){.chartWrap{width:calc(100% - 60px);height:460px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;margin-top:10px;padding:24px 10px}.chartTable .tr li .miniChart{position:absolute;top:0;right:48px;width:70px;height:20px}.chartTable .detail{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000}.chartTable .detail .layerBox{position:absolute;top:100px;left:16px;width:calc(100% - 32px);height:calc(100% - 200px);background-color:#fff;border-radius:16px;overflow:hidden}.chartTable .detail .layerTitle{display:block;padding:16px 0 16px 16px;line-height:24px;font-size:16px;font-weight:600}.chartTable .detail .layerTitle span{color:var(--blue100);margin-right:4px}.chartTable .detail .close{display:block;position:absolute;top:16px;right:16px;width:24px;height:24px}.chartTable .detail .scrollBox{position:absolute;top:56px;left:0;width:100%;height:calc(100% - 56px);overflow-y:auto}.chartTable .detail .inBox{display:flex;background-color:#fff;padding:0 16px}.chartTable .detail .left{width:calc(100% - 34px);height:auto;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:16px}.chartTable .detail .right .box{border:1px solid var(--gray30)}.chartTable .detail .right{display:flex;flex-wrap:wrap;flex-grow:1;margin-left:0;margin-top:16px}.chartTable .detail .right .box{padding:16px;background-color:#fff;border-radius:8px}.chartTable .detail .right .box:first-child{margin-bottom:16px;margin-right:0;width:100%}.chartTable .detail .right .box:nth-child(2){width:calc(100%);margin-bottom:16px}.chartTable .detail .age dl{display:flex;width:50%}.chartTable .detail .age dl dt{width:50%;line-height:42px;text-align:center;border-bottom:1px solid var(--gray30)}.chartTable .detail .age dl dt:first-child{background-color:var(--gray10);color:var(--gray70);border-right:1px solid var(--gray30)}.chartTable .detail .age dl dt:nth-child(2){color:var(--gray90);border-right:1px solid var(--gray30)}.chartTable .detail .age dl:nth-child(3n+3) dt:nth-child(2){border-right:1px solid var(--gray30)!important}.chartTable .detail .age dl:nth-child(2n+2) dt:nth-child(2){border-right:0 solid var(--gray30)!important}}.relationVote{padding:16px 0 0}.relationVote .rvTitle{font-size:24px;line-height:36px;font-weight:700}.relationVote .rvTitle span{color:var(--blue100);margin-right:8px}.relationVote .list{display:flex;flex-wrap:wrap;margin-top:8px}.relationVote .list ul{width:calc(33.3333333333% - 13px);height:316px;border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:16px 0 0 16px}.relationVote .list ul:nth-child(3n+1){margin:16px 0 0}.relationVote .list ul .thumb{position:relative;height:240px;overflow:hidden}.relationVote .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.relationVote .list ul .info{position:relative;padding:16px}.relationVote .list ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.relationVote .list ul .info .title{width:calc(100% - 56px);font-size:16px;line-height:24px;font-weight:600;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.relationVote .list ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.relationVote .list .swiper-wrapper{width:100%}@media(max-width:800px){.relationVote{padding:20px 20px 0}.relationVote .rvTitle{font-size:20px;line-height:30px;font-weight:700}.relationVote .rvTitle span{color:var(--blue100);margin-right:8px}.relationVote .list{display:flex;flex-wrap:wrap;margin-top:0}.relationVote .list ul{width:calc(50% - 10px);height:266px;border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:16px 0 0 16px}.relationVote .list ul:nth-child(3n+1){margin:16px 0 0 16px}.relationVote .list ul:nth-child(odd){margin:16px 0 0}.relationVote .list ul .thumb{position:relative;height:190px;overflow:hidden}}@media(max-width:480px){.relationVote .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:16px 0 0}.relationVote .list ul:nth-child(3n+1),.relationVote .list ul:nth-child(odd){margin:16px 0 0}.relationVote .list ul .thumb{position:relative;height:190px;overflow:hidden}}.loginLayer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:950}.loginLayer .box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;border-radius:16px;padding-bottom:32px}.loginLayer .box .close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:32px;background-color:var(--gray30);text-align:center;cursor:pointer}.loginLayer .box .close img{vertical-align:middle;margin-top:4px}.loginLayer .box .logo{text-align:center;padding:64px 0 0}.loginLayer .box .title{font-size:18px;line-height:27px;font-weight:600;text-align:center;padding:24px 0 40px}.loginLayer .box .btn{text-align:center}.loginLayer .box .btn ul{margin-bottom:12px}.loginLayer .box .btn img{cursor:pointer}.loginLayer .box .info{padding:28px 32px 0;line-height:21px;color:var(--gray70)}.loginLayer .box .info ul{position:relative;padding:0 0 0 10px;margin-bottom:4px}.loginLayer .box .info ul:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.loginLayer .box .info ul:last-child{margin-bottom:0}.loginPage .box{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:400px;background-color:#fff;border-radius:16px}.loginPage .box .close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:32px;background-color:var(--gray30);text-align:center;cursor:pointer}.loginPage .box .close img{vertical-align:middle;margin-top:4px}.loginPage .box .logo{text-align:center;padding:0}.loginPage .box .title{font-size:18px;line-height:27px;font-weight:600;text-align:center;padding:16px 0 24px}.loginPage .box .btn{text-align:center}.loginPage .box .btn .infoKakao img{width:312px;margin-bottom:4px}.loginPage .box .btn ul{margin-bottom:12px}.loginPage .box .btn img{cursor:pointer}.loginPage .box .info{padding:28px 32px 0;line-height:18px;color:var(--gray70)}.loginPage .box .info ul{position:relative;padding:0 0 0 10px;margin-bottom:4px;font-size:12px}.loginPage .box .info ul a{text-decoration:underline}.loginPage .box .info ul a,.loginPage .box .info ul span{font-weight:600;color:var(--gray100)}.loginPage .box .info ul:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.loginPage .box .info ul:last-child{margin-bottom:0}.loginPage .agreeBox{border:1px solid var(--gray30);border-radius:8px;margin-bottom:24px;padding:30px 24px}.loginPage .agreeBox .all{border-bottom:1px solid var(--gray30);padding-bottom:16px}.loginPage .agreeBox .all .ant-checkbox-inner{width:24px;height:24px;border-radius:8px}.loginPage .agreeBox .all .ant-checkbox-inner:after{inset-inline-start:35%}.loginPage .agreeBox .all label{font-size:18px!important;line-height:24px;font-weight:600!important;color:var(--gray120)!important}.loginPage .agreeBox .all .txt{padding:4px 0 0 32px;font-size:14px;line-height:21px;color:var(--gray70)}.loginPage .agreeBox .list{padding:16px 0}.loginPage .agreeBox .list ul{display:flex;align-items:center;margin-bottom:16px}.loginPage .agreeBox .list ul:last-child{margin-bottom:0}.loginPage .agreeBox .list ul label{flex-grow:1}.loginPage .agreeBox .list ul label .type{margin-right:4px;font-weight:600;color:var(--gray90)}.loginPage .agreeBox .list ul label .type.req{color:var(--red90)}.loginPage .agreeBox .list ul .view{padding:4px;cursor:pointer}.loginPage .agreeBox button{width:100%;line-height:56px;border:0;border-radius:8px;background-color:var(--blue100);font-size:16px;font-family:Pretendard,sans-serif;font-weight:600;color:#fff;cursor:pointer}.loginPage .agreeBox button:disabled{background-color:var(--gray30);color:var(--gray50);cursor:default}.loginPage .agreeInfo{text-align:center;font-size:12px;line-height:18px;color:var(--gray70)}.loginPage .agreeBox .list ul .ant-checkbox-inner{width:20px;height:20px;border-radius:6px}.loginPage .agreeBox .list ul .ant-checkbox-inner:after{inset-inline-start:30%}.loginPage .agreeBox .list ul label{line-height:20px}@media(max-width:480px){.loginLayer .box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);background-color:#fff;border-radius:16px;padding-bottom:32px}.loginLayer .box .btn{padding:0 20px}.loginLayer .box .btn img{width:100%}.loginLayer .box .info{padding:28px 20px 0;line-height:18px;color:var(--gray70)}.loginPage .box{width:calc(100% - 40px)}.loginPage .box .btn{padding:0 20px}.loginPage .box .btn img{width:100%}.loginPage .box .btn .infoKakao img{width:100%;margin-bottom:4px}.loginPage .box .info{padding:28px 20px 0;line-height:21px;color:var(--gray70)}}.voteList{width:592px;margin:0 auto;padding:16px 0 0;text-align:center}.voteList .box11{border:1px solid var(--gray30);border-radius:16px;overflow:hidden;background-color:#fff}.voteList .box .top{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 0 20px;border-radius:16px;overflow:hidden}.btnShareVote{right:16px}.btnPushVote,.btnShareVote{position:absolute;top:16px;width:24px;height:24px;z-index:200;cursor:pointer}.btnPushVote{right:48px}.voteList .box .top .info{position:relative;color:#fff;z-index:100}.voteList .box .info li{width:100%;height:auto;text-align:center}.voteList .box .info .cate{padding:0 0 12px}.voteList .box .info .cate div{display:inline-flex;line-height:32px;color:#fff;background-color:var(--blue100);font-size:14px;font-weight:600;padding:0 12px;border-radius:8px}.voteList .box .info .date{line-height:21px;color:hsla(0,0%,100%,.7);margin-top:4px}.voteList .box .info .title{width:calc(100% - 100px);font-size:28px;line-height:34px;font-weight:700;padding:0 50px}.voteList .box .info .week{padding:0 0 8px;font-weight:300;font-size:15px;color:var(--blue50)}.voteList .box .info .countdown{width:180px!important;display:inline-flex;align-items:center;justify-content:center;line-height:28px;height:28px;margin:8px 0 0;border-radius:8px;color:#fff;background-color:var(--red90)}.voteList .box .info .countdown img{margin-right:4px}.voteList .box .info .countdown.fixed{position:fixed;top:61px;left:0;width:100%!important;margin:0;border-radius:0}.voteList .box .top .mask{background-color:transparent;z-index:20}.voteList .box .top .bg,.voteList .box .top .mask{position:absolute;top:0;left:0;width:100%;height:100%}.voteList .box .top .bg{z-index:10}.voteList .box .top .bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteList .box .listBox{background:#fff;border-radius:16px;border:1px solid var(--gray30);margin:16px 0 0}.voteList .box .list{min-height:240px;padding:0}.voteList .box .list ul{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray20);margin:0 20px}.voteList .box .list ul:last-child{border-bottom:0}.voteList .box .list ul .rank{width:60px;display:inline-flex;align-items:center;text-align:center;margin-right:0;font-size:18px;line-height:27px;font-weight:700;color:var(--gray100)}.voteList .box .list ul .rank .num{width:50px}.voteList .box .list ul .rank .rankMark{width:38px;text-align:left}.voteList .box .list ul .info{display:flex;align-items:center;flex-grow:1}.voteList .box .list ul .info .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:16px}.voteList .box .list ul .info .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteList .box .list ul .info .thumb.contain img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.voteList .box .list ul .info .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteList .box .list ul .info .txt{text-align:left}.voteList .box .list ul .info .txt .cate{display:flex;align-items:center;font-size:11px;line-height:16px;font-weight:500;color:var(--gray60);margin-top:6px}.voteList .box .list ul .info .txt .cate .dot{width:8px;height:8px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_dot.svg);margin:0 4px 2px}.voteList .box .list ul .info .txt .name{display:inline-table;align-items:center;font-size:14px;line-height:21px;color:#101828;font-weight:600;text-align:left}.voteList .box .list ul .info .txt .scoreIn{color:var(--gray90);text-align:left;font-weight:600;display:none}.voteList .box .list ul .score{margin-left:auto;font-weight:600;color:var(--gray90)}.voteList .box .list ul .trophy{position:relative;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.voteList .box .list ul .trophy:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_trophy.svg) no-repeat;background-size:contain;cursor:pointer}.voteList .box .list ul .chart{display:inline-flex}.voteList .box .list ul .anni,.voteList .box .list ul .chart{position:relative;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.voteList .box .list ul .anni{cursor:pointer}.voteList .box .list ul .anni img{position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);width:16px;filter:grayscale(100%);opacity:.4}.voteList .box .list ul .anni.on img{filter:grayscale(0);opacity:.6;animation:anniOn 1s infinite}.voteList .box .list ul .anni.act img{opacity:1;top:calc(50% - 6px);animation:anniAct 1s infinite}@keyframes anniOn{0%{top:calc(50% - 8px);left:calc(50% - 8px);width:16px}25%{top:calc(50% - 12px);left:calc(50% - 12px);width:24px}to{top:calc(50% - 8px);left:calc(50% - 8px);width:16px}}@keyframes anniAct{0%{top:calc(50% - 6px);left:calc(50% - 8px);width:16px}25%{top:calc(50% - 10px);left:calc(50% - 12px);width:24px}to{top:calc(50% - 6px);left:calc(50% - 8px);width:16px}}.voteList .box .list ul .anni .dday{position:absolute;top:-6px;left:-4px;width:calc(100% + 8px);height:12px;border-radius:24px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-size:9px;background-color:#dd006f;color:#fff}.voteList .box .list ul .chart:before{content:"";position:absolute;top:7px;left:7px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_chart.svg) no-repeat;background-size:contain;cursor:pointer}.voteList .box .list ul .btn{width:56px;height:34px;line-height:34px;border-radius:8px;text-align:center;border:1px solid var(--gray30);font-weight:600;color:var(--gray90);cursor:pointer;margin-left:8px}.voteList .box .list .bn5{border-radius:8px;padding:12px 0;margin:8px 16px;font-size:16px;line-height:21px}.voteList .box .list .bn5,.voteList .box .list .bnReward{background-color:var(--blue100);color:#fff;text-align:center;cursor:pointer}.voteList .box .list .bnReward{position:relative;display:flex;align-items:center;border:1px solid var(--blue100);border-radius:4px;padding:4px 0 4px 12px;margin:8px 16px 2px;font-size:13px;line-height:18px}.voteList .box .list .bnReward:before{content:"";position:absolute;top:-8px;left:82px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--blue100)}.voteList .box .list .bnReward .rBtn{margin-left:auto;padding:0 6px 0 0}.voteList .box .list .bnReward span{color:var(--blue50);margin:0 2px 0 12px}.voteList .another{display:inline-table;padding:16px 20px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray70);margin-top:16px}.commentInfo{text-align:left;cursor:pointer}.commentInfo,.commentInfo.rank{display:flex;align-items:center;height:48px;background-color:var(--blue20);border:1px solid var(--blue20);border-radius:8px;margin:16px 0 0}.commentInfo.rank{overflow:hidden}.commentInfo.line{border:1px solid var(--blue40)}.commentInfo img{margin:0 8px 0 16px}.commentInfo .tit{position:relative;width:calc(100% - 150px);height:48px;line-height:48px;font-size:14px;color:var(--blue100);font-weight:600}.commentInfo .tit .inTitle{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentInfo .tit a{color:var(--blue100)}.commentInfo .cnt{margin-left:auto}.commentInfo span{display:inline-flex;align-items:center;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px}.commentInfo span .arw{opacity:.5}.commentInfo .swiper-slide,.commentInfo .swiper-wrapper{height:48px!important}.voteCommentWrap{display:flex;flex-wrap:wrap}.voteCommentWrap .title{display:flex;align-items:center;width:100%;font-size:28px;font-weight:700;line-height:40px;padding:32px 0 24px}.voteCommentWrap .title img{margin:0 16px 0 0;cursor:pointer}.voteCommentWrap .commentSection{width:860px}.voteCommentWrap .commentSection .boxIn{border:1px solid var(--gray30);background-color:#fff;border-radius:16px;padding:20px 20px 24px}.voteCommentWrap .commentSection .commentWrap{margin-top:0}.voteCommentWrap .rankSection{width:354px;margin-left:auto}.voteCommentWrap .rankSection .boxIn{border:1px solid var(--gray30);background-color:#fff;border-radius:16px;padding:20px 16px 20px 8px}.voteCommentWrap .rankSection .boxIn .tit{font-size:24px;line-height:36px;font-weight:700;padding:0 0 8px 16px}.voteCommentWrap .rankSection .info{flex-grow:1}.voteCommentWrap .rankSection .list ul{display:flex;align-items:center;padding:16px 0}.voteCommentWrap .rankSection .list ul:last-child{border-bottom:0}.voteCommentWrap .rankSection .list ul .rank{width:50px;display:inline-flex;align-items:center;text-align:center;margin-right:0;font-size:16px;line-height:24px;font-weight:700;color:var(--gray100)}.voteCommentWrap .rankSection .list ul .rank .num{width:50px}.voteCommentWrap .rankSection .list ul .rank .rankMark{width:38px;text-align:left}.voteCommentWrap .rankSection .list ul .info{display:flex;align-items:center}.voteCommentWrap .rankSection .list ul .info .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:16px}.voteCommentWrap .rankSection .list ul .info .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteCommentWrap .rankSection .list ul .info .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteCommentWrap .rankSection .list ul .info .txt .cate{margin-top:0}.voteCommentWrap .rankSection .list ul .info .txt .cate .dot{width:8px;height:8px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_dot.svg);margin:0 4px 2px}.voteCommentWrap .rankSection .list ul .info .txt .name{display:inline-flex;align-items:center;font-size:14px;line-height:21px;color:#101828;font-weight:600;text-align:left;cursor:pointer}.voteCommentWrap .rankSection .list ul .info .txt .name span{max-width:110px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.voteCommentWrap .rankSection .list ul .info .txt .name .arw{margin:0 0 0 2px}.voteCommentWrap .rankSection .list ul .info .txt .scoreIn{display:block;font-size:14px;font-weight:400}.voteCommentWrap .rankSection.rank .list ul .info .txt .scoreIn{font-weight:600;color:var(--blue100)}.voteCommentWrap .rankSection .list ul .score{display:none}.voteCommentWrap .rankSection.rank .list ul .btn{border-radius:8px;background-color:var(--gray120);border:1px solid var(--gray120);color:#fff}.voteCommentWrap .rankSection .list ul .btn,.voteCommentWrap .rankSection.rank .list ul .btn{width:66px;height:34px;line-height:34px;font-size:12px;text-align:center;font-weight:600;cursor:pointer;margin-left:12px}.voteCommentWrap .rankSection .list ul .btn{border-radius:8px;border:1px solid var(--gray30);color:var(--gray90)}.voteCommentWrap .rankSection .list ul a{margin-left:auto}@media(max-width:800px){.voteList{width:592px}.voteList .box .top{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 0 16px}.voteList .box .info .title{width:calc(100% - 40px);font-size:20px;line-height:24px;font-weight:600;padding:0 20px}.voteList .box .info .countdown.fixed{position:fixed;top:57px;left:0;width:100%!important;margin:0;border-radius:0}.voteList .box .list ul .rank{width:40px;display:inline-flex;flex-wrap:wrap;align-items:center;text-align:center;margin-right:12px;font-size:18px;line-height:27px;font-weight:700;color:var(--gray100)}.voteList .box .list ul .rank .num{width:40px}.voteList .box .list ul .rank .rankMark{width:auto;margin:0 auto;text-align:center}.voteCommentWrap{display:flex;flex-wrap:wrap;margin:0 20px}.voteCommentWrap .title{display:flex;align-items:center;width:100%;font-size:20px;font-weight:700;line-height:30px;padding:24px 0 16px}.voteCommentWrap .title img{margin:0 8px 0 0;cursor:pointer}.voteCommentWrap .commentSection{width:calc(100% - 2px);margin-bottom:24px}.voteCommentWrap .commentSection .boxIn{border:1px solid var(--gray40);background-color:#fff;border-radius:16px;padding:20px 0 48px}.voteCommentWrap .rankSection{width:calc(100% - 2px)}.voteCommentWrap .rankSection .list ul .info .txt .scoreIn{display:none;font-size:14px;font-weight:400}.voteCommentWrap .rankSection .list ul .score{display:block}.voteList .box .list .bnReward:before{content:"";position:absolute;top:-8px;left:72px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--blue100)}}@media(max-width:480px){.voteList .box .top{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.voteList .box .info .cate div{display:inline-flex;line-height:30px;color:#fff;background-color:var(--blue100);font-size:12px;font-weight:600;padding:0 12px;border-radius:8px}.voteList{width:calc(100% - 24px);margin:0 auto;padding:10px 0 0;text-align:center}.voteList .box .list ul .rank{width:50px;display:inline-flex;align-items:center;text-align:center;margin-right:0;font-size:18px;line-height:27px;font-weight:700;color:var(--gray100)}.voteList .box .list ul .rank .num{width:40px}.voteList .box .info{flex-grow:1}.voteList .box .list ul{position:relative;display:flex;align-items:center;padding:8px 0 40px;border-bottom:1px solid var(--gray20);margin:0 8px}.voteList .box .list ul .info .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:8px}.voteList .box .list ul .info .txt{max-width:105px}.voteList .box .list ul .info .txt.wide{max-width:145px}.voteList .box .list ul .info .txt .cate{margin-top:0}.voteList .box .list ul .info .txt .scoreIn{display:block;font-size:13px;font-weight:400}.voteList .box .list ul .score{display:none}.voteList .box .list ul .trophy{position:absolute;bottom:8px;right:0;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.voteList .box .list ul .trophy:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_trophy.svg) no-repeat;background-size:contain;cursor:pointer}.voteList .box .list ul .anni,.voteList .box .list ul .chart{position:absolute;bottom:8px;right:0;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.voteList .box .list ul .chart:before{content:"";position:absolute;top:7px;left:7px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_chart.svg) no-repeat;background-size:contain;cursor:pointer}.voteList .box .list ul .btn{width:40px;height:34px;line-height:34px;border-radius:8px;text-align:center;border:1px solid var(--gray30);font-weight:600;color:var(--gray90);cursor:pointer;margin-left:6px}.voteList .box .list ul a{margin-left:auto}.voteList .box .list .bn5{background-color:var(--blue100);color:#fff;border-radius:8px;text-align:center;padding:8px 0;margin:8px;font-size:13px;line-height:21px;cursor:pointer}.commentInfo{display:flex;align-items:center;height:48px;background-color:var(--blue30);border-radius:8px;margin:24px 8px 0}.voteCommentWrap .title{display:flex;align-items:center;width:100%;font-size:18px;font-weight:700;line-height:26px;padding:24px 0 16px}.voteCommentWrap .title img{margin:0 16px 0 0}.voteCommentWrap .rankSection .list ul .info .txt .scoreIn{display:block;font-size:14px;font-weight:400}.voteCommentWrap .rankSection .list ul .score{display:none}.voteList .box .list .bnReward{margin:8px 8px 2px}.voteList .box .list .bnReward:before{content:"";position:absolute;top:-8px;left:66px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--blue100)}}.voteWrap{width:592px;margin:0 auto;padding:16px 0 0}.voteWrap .box{border:1px solid var(--gray30);border-radius:16px;background-color:#fff;padding:20px}.voteWrap .box .voteInfo .category{display:flex;align-items:center;line-height:16px;color:var(--gray70)}.voteWrap .box .voteInfo .title{font-size:20px;line-height:30px;padding:12px 0 0;font-weight:700}.voteWrap .box .voteInfo .date{display:inline-flex;align-items:center;height:21px;color:var(--gray70)}.voteWrap .box .voteInfo .date .dayTypeIco{display:inline-flex;align-items:center;height:18px;border:1px solid var(--gray30);border-radius:18px;padding:0 8px;font-size:12px;margin-right:4px}.voteWrap .box .voteInfo .item{display:flex;margin-top:20px;border:1px solid var(--gray30);border-radius:8px;padding:8px}.voteWrap .box .voteInfo .item .thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;margin-right:12px}.voteWrap .box .voteInfo .item .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteWrap .box .voteInfo .item .thumb.contain img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.voteWrap .box .voteInfo .item .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteWrap .box .voteInfo .item ul:nth-child(2){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:8px 0}.voteWrap .box .voteInfo .item ul:nth-child(2) li{width:100%}.voteWrap .box .voteInfo .item .cate{line-height:21px;color:var(--gray60)}.voteWrap .box .voteInfo .item .name{font-size:16px;line-height:24px;font-weight:600;color:var(--gray90)}.voteWrap .box .ticket{margin-top:32px}.voteWrap .box .ticket .myTicket{display:flex}.voteWrap .box .ticket .myTicket .my{line-height:36px;font-size:16px;font-weight:400;color:var(--gray60);margin-right:16px}.voteWrap .box .ticket .myTicket .my span{color:var(--blue100);font-weight:700}.voteWrap .box .ticket .myTicket .btn{display:flex;align-items:center;border-radius:8px;border:1px solid var(--gray30);line-height:34px;color:var(--gray90);font-weight:600;padding:0 6px 0 12px;cursor:pointer}.voteWrap .box .ticket .myTicket .info{position:relative;height:36px;width:160px;margin:0 0 0 16px}.voteWrap .box .ticket .ticketUse{display:flex;margin-top:20px}.voteWrap .box .ticket .ticketUse .inpBox{display:flex;align-items:center;width:calc(100% - 112px);height:56px;border-radius:8px;background-color:var(--gray20);margin-right:16px}.voteWrap .box .ticket .ticketUse .inpBox .tit{padding:0 0 0 16px;line-height:56px;font-size:16px;color:var(--gray90);font-weight:600}.voteWrap .box .ticket .ticketUse .inpBox .inp{margin-left:auto;width:100px}.voteWrap .box .ticket .ticketUse .inpBox .inp input{border:0;width:100%;line-height:56px;background-color:transparent;outline:none;text-align:right;font-size:16px;font-weight:600;color:var(--blue100)}.voteWrap .box .ticket .ticketUse .inpBox .unit{font-size:16px;line-height:56px;font-weight:600;color:var(--blue100);padding:0 16px 0 4px}.voteWrap .box .ticket .ticketUse .btn{flex-grow:1;background-color:var(--gray110);border-radius:8px;line-height:56px;text-align:center;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.voteWrap .box .ticket .all{margin-top:16px;text-align:right}.voteWrap .box .ticket .kakaoChat{margin:24px 0 32px;text-align:center;font-size:16px;color:var(--gray70)}.voteWrap .box .ticket .bntVote{line-height:56px;border-radius:8px;text-align:center;color:#fff;background-color:var(--blue100);font-size:16px;font-weight:600;cursor:pointer;margin-top:16px}.voteWrap .box .voteResult{margin-top:32px}.voteWrap .box .voteResult .title{font-size:20px;line-height:30px;font-weight:700;text-align:center;padding:16px 0 8px}.voteWrap .box .voteResult .txt{font-size:16px;line-height:24px;text-align:center}.voteWrap .box .voteResult .txt span{font-weight:600;color:var(--blue100);margin:0 4px}.voteWrap .box .voteResult .list{padding:36px 0 48px}.voteWrap .box .voteResult .list ul{position:relative;display:flex;align-items:center;padding:0 12px;width:374px;height:60px;border:1px solid var(--gray30);border-radius:8px;margin:0 auto 8px}.voteWrap .box .voteResult .list ul:last-child{margin-bottom:0}.voteWrap .box .voteResult .list .rank{width:24px;text-align:center;font-size:16px;font-weight:700;color:var(--gray70);margin-right:16px}.voteWrap .box .voteResult .list .thumb{position:relative;width:32px;height:32px;border-radius:8px;overflow:hidden;margin-right:12px}.voteWrap .box .voteResult .list .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteWrap .box .voteResult .list .thumb.contain img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.voteWrap .box .voteResult .list .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteWrap .box .voteResult .list .info .cate{display:flex;align-items:center;font-size:11px;color:var(--gray60)}.voteWrap .box .voteResult .list .info .cate .dot{width:8px;height:8px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_dot.svg);margin:0 2px 2px}.voteWrap .box .voteResult .list .info .name{font-weight:600;color:var(--gray100)}.voteWrap .box .voteResult .list .score{margin-left:auto;font-weight:600;color:var(--gray90)}.voteWrap .box .voteResult .btnBox{display:flex}.voteWrap .box .voteResult .btnBox a,.voteWrap .box .voteResult .btnBox span{width:calc(50% - 6px)}.voteWrap .box .voteResult .btnBox ul{width:50%;line-height:56px;border-radius:8px;text-align:center;font-weight:600;font-size:16px;color:var(--gray90);background-color:var(--gray20);cursor:pointer}.voteWrap .box .voteResult .btnBox .report{display:flex;justify-content:center;margin-left:12px;background-color:var(--blue100);color:#fff}.voteWrap .box .voteResult .btnBox .report img{margin:0 4px 0 0}.voteWrap .box .voteResult .list ul.on .score{margin-left:auto;font-weight:600;color:var(--blue100)}.voteWrap .box .voteResult .list ul.on:before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid var(--blue100);border-radius:8px}.voteWrap .backVote{display:inline-table;padding:16px 20px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray70);margin-top:16px;cursor:pointer}@media(max-width:800px){.voteWrap .box .ticket .myTicket{display:flex;flex-wrap:wrap}.voteWrap .box .ticket .myTicket .info{margin:0 0 0 12px}.voteWrap{width:592px;margin:0 auto;padding:16px 0 0}.voteWrap .box .voteResult .list ul{position:relative;display:flex;align-items:center;padding:0 12px;width:calc(100% - 26px);height:60px;border:1px solid var(--gray30);border-radius:8px;margin:0 auto 8px}}@media(max-width:480px){.voteWrap{width:calc(100% - 24px);margin:0 auto;padding:12px 0 0}.voteWrap .box{padding:16px 12px}.voteWrap .box .ticket{position:relative}.voteWrap .box .ticket .ticketUse{display:flex;flex-wrap:wrap;margin-top:20px}.voteWrap .box .ticket .ticketUse .inpBox{display:flex;align-items:center;width:100%;height:56px;border-radius:8px;background-color:var(--gray20);margin-right:0}.voteWrap .box .ticket .ticketUse .inpBox .tit{padding:0 0 0 16px;width:140px!important;line-height:56px;font-size:16px;color:var(--gray90);font-weight:600}.voteWrap .box .ticket .ticketUse .inpBox .inp{margin-left:auto;width:80px}.voteWrap .box .ticket .ticketUse .inpBox .inp input{border:0;width:100%;line-height:56px;background-color:transparent;outline:none;text-align:right;font-size:16px;font-weight:600;color:var(--blue100)}.voteWrap .box .ticket .ticketUse .inpBox .unit{font-size:16px;line-height:56px;font-weight:600;color:var(--blue100);padding:0 16px 0 4px}.voteWrap .box .ticket .ticketUse .btn{flex-grow:0;width:102px;margin-left:auto;margin-top:12px;background-color:var(--gray110);border-radius:8px;line-height:48px;text-align:center;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.voteWrap .box .ticket .all{position:absolute;top:170px;left:0;margin-top:16px;text-align:right}.voteWrap .box .ticket .bntVote{line-height:56px;border-radius:8px;text-align:center;color:#fff;background-color:var(--blue100);font-size:16px;font-weight:600;cursor:pointer}.voteWrap .box .voteResult .title{font-size:20px;line-height:30px;font-weight:600;text-align:center;padding:0 0 8px}.voteWrap .box .voteResult .list{padding:36px 0;height:200px}.voteWrap .box .voteResult .list ul{position:relative;display:flex;align-items:center;padding:0 12px;width:calc(100% - 26px);height:60px;border:1px solid var(--gray30);border-radius:8px;margin:0 auto 8px}.voteWrap .box .voteResult .btnBox ul{width:100%;line-height:56px;border-radius:8px;text-align:center;font-weight:600;font-size:14px;color:var(--gray90);background-color:var(--gray20);cursor:pointer}.voteWrap .box .ticket .kakaoChat{margin:60px 0;text-align:center;font-size:16px;color:var(--gray70)}}.voteWrap .targetVote{display:flex}.voteWrap .targetVote .thumb{position:relative;width:77px;height:48px;border-radius:4px;overflow:hidden;margin-right:12px}.voteWrap .targetVote .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteWrap .targetVote .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteWrap .targetVote .info .title{font-size:16px;line-height:24px;font-weight:600;padding:4px 0 0}.voteWrap .targetVote .info .date{font-size:12px;line-height:18px;color:var(--gray70)}.voteWrap .anotherSearch .title{text-align:center;font-size:24px;line-height:36px;font-weight:700;padding:20px 0 0}.voteWrap .anotherSearch .txt{text-align:center;font-size:16px;line-height:24px;color:var(--gray90)}.voteWrap .anotherSearch .inpBox{display:flex;padding:40px 0 16px}.voteWrap .anotherSearch .inpBox .inp{position:relative;flex-grow:1;display:flex;height:48px;border-radius:8px;background-color:var(--gray20)}.voteWrap .anotherSearch .inpBox .inp img{width:24px;margin:0 8px 0 16px}.voteWrap .anotherSearch .inpBox .inp input{flex-grow:1;border:0;outline:none;line-height:48px;font-size:16px;font-weight:500;background-color:transparent}.voteWrap .anotherSearch .inpBox .inp input::-moz-placeholder{font-size:16px;font-weight:500;color:var(--gray50)}.voteWrap .anotherSearch .inpBox .inp input::placeholder{font-size:16px;font-weight:500;color:var(--gray50)}.voteWrap .anotherSearch .inpBox .btn{width:76px;line-height:48px;text-align:center;border-radius:8px;background-color:var(--blue100);margin-left:8px;color:#fff;font-size:16px;font-weight:600}.voteWrap .anotherSearch .inpBox .inp .searchKeyword{position:absolute;display:inline-flex;top:8px;left:56px;height:30px;line-height:30px;border-radius:30px;border:1px solid var(--gray30);font-weight:600;color:var(--gray90);align-items:center;background-color:#fff;padding:0 10px 0 12px}.voteWrap .anotherSearch .inpBox .inp .searchKeyword img{width:16px;margin:6px 0 0}.voteWrap .anotherSearch .inpBox .inp .searchKeyword ul:nth-child(2){padding:0 0 0 4px;cursor:pointer}.voteWrap .anotherResult .item{display:flex;align-items:center;border:1px solid var(--gray30);border-radius:8px;padding:8px 16px 8px 8px;margin-bottom:8px;cursor:pointer}.voteWrap .anotherResult .item .thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;margin-right:12px}.voteWrap .anotherResult .item .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteWrap .anotherResult .item .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteWrap .anotherResult .item .info{padding:4px 0 0}.voteWrap .anotherResult .item .info .cate{font-size:14px;line-height:21px;color:var(--gray60)}.voteWrap .anotherResult .item .info .name{font-size:16px;line-height:24px;font-weight:600;color:var(--gray90);padding:4px 0 0}.voteWrap .anotherResult .item .check{position:relative;width:56px;height:36px;margin-left:auto;border-radius:8px;background-color:var(--blue30);display:none}.voteWrap .anotherResult .item .check:before{content:"";position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/another_check.svg)}.voteWrap .anotherResult .item .check.on{display:block}.voteWrap .anotherResult .btn{line-height:56px;border-radius:8px;text-align:center;color:#fff;background-color:var(--blue100);font-size:16px;font-weight:600;cursor:pointer;margin-top:40px}.voteWrap .anotherResult .btn.disabled{background-color:var(--gray50);cursor:default}.voteWrap .anotherResultNone{padding:48px 0 32px;text-align:center}.voteWrap .anotherResultNone ul:first-child{font-size:16px;line-height:24px;font-weight:600;color:var(--gray70);padding-bottom:8px}.voteWrap .anotherResultNone ul:nth-child(2){line-height:21px;color:var(--gray70)}@media(max-width:480px){.voteWrap .anotherSearch .title{text-align:center;font-size:20px;line-height:30px;font-weight:700;padding:20px 0 0}.voteWrap .anotherSearch .txt{text-align:center;font-size:14px;line-height:21px;color:var(--gray90)}.voteWrap .anotherSearch .inpBox{display:flex;padding:32px 0 16px}.voteWrap .anotherSearch .inpBox .inp{display:flex;width:calc(100% - 72px);height:48px;border-radius:8px;background-color:var(--gray20)}.voteWrap .anotherSearch .inpBox .inp img{width:24px;margin:0 8px}.voteWrap .anotherSearch .inpBox .inp input{flex-grow:1;border:0;outline:none;line-height:48px;font-size:14px;font-weight:500;background-color:transparent}.voteWrap .anotherSearch .inpBox .inp input::-moz-placeholder{font-size:14px;font-weight:500;color:var(--gray50)}.voteWrap .anotherSearch .inpBox .inp input::placeholder{font-size:14px;font-weight:500;color:var(--gray50)}.voteWrap .anotherSearch .inpBox .btn{width:64px!important;line-height:48px;text-align:center;border-radius:8px;background-color:var(--blue100);margin-left:8px;color:#fff;font-size:14px;font-weight:600}.voteWrap .anotherResult .item .thumb{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;margin-right:12px}.voteWrap .anotherSearch .inpBox .inp .searchKeyword{left:40px}}.reportWrap{padding:40px 0 0}.reportWrap .top{margin-bottom:32px}.reportWrap .top .navi{font-size:14px;height:24px;line-height:24px;font-weight:600;color:var(--blue100);margin-bottom:8px}.reportWrap .top .navi .date{display:inline-flex}.reportWrap .top .title{display:flex;align-items:center}.reportWrap .top .title .tit{font-size:32px;line-height:48px;font-weight:700;margin-right:10px}.reportWrap .top .title .tit.skeletonStyle{height:48px;width:400px}.reportWrap .top .title .rank{background-color:var(--blue100);line-height:30px;border-radius:6px;padding:0 8px;color:var(--blue40);font-size:14px}.reportWrap .top .title .rank span{font-weight:600;color:#fff}.reportWrap .topIndex{margin-bottom:20px}.reportWrap .topIndex ul{height:88px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px}.reportWrap .topIndex ul li:first-child{padding:16px 0 0 20px;font-size:16px;font-weight:600;line-height:24px;color:var(--gray70);margin-bottom:4px}.reportWrap .topIndex ul li:nth-child(2){padding:0 20px 16px 0;text-align:right;font-size:20px;line-height:30px;font-weight:600;color:var(--gray100)}.reportWrap .topIndex .swiper-wrapper{height:auto}.reportWrap .topIndex .swiper-slide{height:auto;width:auto}.reportWrap .topIndex .swiper-wrapper .swiper-slide:first-child ul{background-color:var(--blue20);border:1px solid var(--blue40)}.reportWrap .topIndex .swiper-wrapper .swiper-slide:first-child ul li:first-child{color:var(--blue80)}.reportWrap .topIndex .swiper-wrapper .swiper-slide:first-child ul li:nth-child(2){color:var(--blue100)}.reportWrap .trend{display:flex}.reportWrap .trend .left{position:relative;display:flex;flex-wrap:wrap;width:792px;margin-right:20px}.reportWrap .trend .right{width:386px}.reportWrap .dbox{position:relative;background-color:#fff;border:1px solid var(--gray30);border-radius:12px;padding:20px}.reportWrap .dbox .stit{font-size:20px;line-height:30px;font-weight:600}.reportWrap .dbox .base{position:absolute;top:20px;right:20px;height:30px;display:inline-flex;align-items:center;font-size:14px;color:var(--gray70)}.reportWrap .dbox .base img{height:18px;margin:0 4px 0 0}.reportWrap .trend .chart{width:100%;margin-bottom:20px}.reportWrap .trend .chart .chartBox{width:100%;height:240px;margin-top:24px}.reportWrap .trend.origin .chart .chartBox{width:100%;height:340px;margin-top:24px}.reportWrap .trend .chart .chartBox canvas{width:100%;height:100%}.reportWrap .trend .chart .dateSelect{position:absolute;top:20px;right:20px;display:flex}.reportWrap .trend .chart .dateSelect .tab{display:flex;padding:4px;border-radius:7px;margin-right:4px;background-color:var(--gray20)}.reportWrap .trend .chart .dateSelect .tab ul{line-height:32px;padding:0 12px;font-weight:400;color:var(--gray70);border-radius:4px;cursor:pointer}.reportWrap .trend .chart .dateSelect .tab ul.on{background-color:#fff;color:var(--gray100);box-shadow:0 0 4px 0 #5c667b1f}.reportWrap .trend .chart .dateSelect .picker{position:relative;display:flex;align-items:center;color:var(--gray50);background-color:var(--gray20);border-radius:8px;height:38px;border:1px solid var(--gray40);padding-left:8px}.reportWrap .trend .chart .dateSelect .picker.on{background-color:#fff}.reportWrap .trend .chart .dateSelect .picker input{color:var(--gray90)}.reportWrap .trend .index{height:120px;margin:0 0 20px}.reportWrap .trend .index.search{width:243px}.reportWrap .trend .index.viral{width:243px;margin:0 20px 20px}.reportWrap .trend .index.news{width:138px}.reportWrap .trend .index .list{margin-top:14px}.reportWrap .trend .index .list ul{display:flex;line-height:21px;margin-bottom:8px}.reportWrap .trend .index .list ul:last-child{margin-bottom:0}.reportWrap .trend .index .list ul li:first-child{color:var(--gray70)}.reportWrap .trend .index .list ul li:nth-child(2){margin-left:auto;font-weight:600;color:var(--gray100)}.reportWrap .trend .index .list ul:nth-child(3) li:first-child{color:#6e778d;font-weight:600}.reportWrap .trend .index .list ul:nth-child(3) li:nth-child(2){color:var(--blue100)}.reportWrap .trend .keyword{width:243px;height:468px}.reportWrap .trend .keyword .list{margin-top:24px}.reportWrap .trend .keyword .list ul{display:flex;margin-bottom:16px;font-size:16px;line-height:26px;cursor:pointer}.reportWrap .trend .keyword .list ul:last-child{margin-bottom:0}.reportWrap .trend .keyword .list ul li:first-child{width:24px;margin-right:8px;text-align:center;font-weight:600;color:var(--blue100)}.reportWrap .trend .keyword .list ul li:nth-child(2){flex-grow:1;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.reportWrap .trend .gender{width:444px;height:108px;margin-left:20px}.reportWrap .trend .gender .list{display:flex;margin-top:20px}.reportWrap .trend .gender .list ul{display:flex;align-items:center;width:calc(50% - 6px);height:46px;border-radius:8px;font-weight:600}.reportWrap .trend .gender .list ul:first-child{margin-right:12px;border:1px solid var(--blue40);background-color:var(--blue20);color:var(--blue100)}.reportWrap .trend .gender .list ul:nth-child(2){border:1px solid var(--red40);background-color:var(--red20);color:var(--red90)}.reportWrap .trend .gender .list ul li:first-child{padding-left:16px}.reportWrap .trend .gender .list ul li:nth-child(2){margin-left:auto;padding-right:16px}.reportWrap .trend .age{position:absolute;bottom:0;right:0;width:445px;height:298px}.reportWrap .trend .age .list{margin-top:20px;border-top:2px solid var(--blue100)}.reportWrap .trend .age .list ul{display:flex;height:50px;border-bottom:1px solid var(--gray30)}.reportWrap .trend .age .list ul:first-child{margin-top:4px}.reportWrap .trend .age .list ul:last-child{border-bottom:0}.reportWrap .trend .age .list ul li{width:50%;text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:600;color:var(--gray100)}.reportWrap .trend .age .list ul li:first-child{border-right:1px solid var(--gray30);color:var(--gray70)}.reportWrap .trend .rankVote{height:824px}.reportWrap .trend.origin .rankVote{height:924px}.reportWrap .trend .rankVote .rvCate{line-height:21px;color:var(--gray70);margin-bottom:8px}.reportWrap .trend .rankVote .rvDate{line-height:21px;color:var(--gray70);margin-top:4px}.reportWrap .trend .rankVote .list{margin-top:12px}.reportWrap .trend .rankVote .list ul{position:relative;display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray20)}.reportWrap .trend .rankVote .list ul:last-child{border-bottom:0}.reportWrap .trend .rankVote .list ul .rank{width:40px;text-align:center;margin-right:12px}.reportWrap .trend .rankVote .list ul .rank dl:first-child{font-size:16px;line-height:27px;font-weight:700;color:var(--gray100)}.reportWrap .trend .rankVote .list ul:first-child .rank dl:first-child,.reportWrap .trend .rankVote .list ul:nth-child(2) .rank dl:first-child,.reportWrap .trend .rankVote .list ul:nth-child(3) .rank dl:first-child{color:var(--blue100)}.reportWrap .trend .rankVote .list ul .info{display:flex;align-items:center}.reportWrap .trend .rankVote .list ul .info .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px}.reportWrap .trend .rankVote .list ul .info .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .trend .rankVote .list ul .info .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .trend .rankVote .list ul .info .txt .cate{display:flex;align-items:center;font-size:11px;line-height:16px;font-weight:500;color:var(--gray60);margin-top:6px}.reportWrap .trend .rankVote .list ul .info .txt .cate .dot{width:8px;height:8px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_dot.svg);margin:0 4px 2px}.reportWrap .trend .rankVote .list ul .info .txt .name{font-size:14px;line-height:21px;font-weight:600;max-width:130px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.reportWrap .trend .rankVote .list ul .score{display:inline-flex;margin-left:auto;font-weight:600;color:var(--gray90);cursor:pointer}.reportWrap .trend .rankVote .list ul .score .arw{margin-left:4px}.reportWrap .trend .rankVote .list ul:last-child .info .txt .name,.reportWrap .trend .rankVote .list ul:last-child .rank dl:first-child,.reportWrap .trend .rankVote .list ul:last-child .score{color:var(--blue100)}.reportWrap .trend .rankVote .list ul:last-child:before{content:"";position:absolute;top:-1px;left:-21px;width:calc(100% + 38px);height:calc(100% - 2px);border:2px solid var(--blue100);border-radius:8px}.reportWrap .trend .rankVote .btn{font-size:16px;line-height:56px;font-weight:600;text-align:center;background-color:var(--blue100);color:#fff;border-radius:8px;margin-top:24px;cursor:pointer}.reportWrap .trend .rankVote .btn.end{background-color:var(--gray50);cursor:default}.reportWrap .contents{margin-top:20px}.reportWrap .contents .stit{font-size:20px;line-height:30px;font-weight:600}.reportWrap .contents .more{position:absolute;display:flex;top:20px;right:20px;height:30px;align-items:center;cursor:pointer}.reportWrap .contents .more .arw{margin-left:4px;margin-top:1px}.reportWrap .contents .news{position:relative;padding:20px;border-radius:12px;background-color:#fff;border:1px solid var(--gray30)}.reportWrap .contents .news .list{margin-top:20px}.reportWrap .contents .news .list ul{height:132px;padding:16px 0;border-bottom:1px solid var(--gray20);justify-content:center;cursor:pointer;text-align:center}.reportWrap .contents .news .list ul:last-child{border-bottom:0;padding:16px 0 0}.reportWrap .contents .news .list ul li:nth-child(2){width:calc(100% - 240px);text-align:left;padding:6px;margin:0 0 0 230px}.reportWrap .contents .news .list ul .thumb{position:absolute;width:212px!important;height:132px;border-radius:8px;overflow:hidden;margin:0 24px 0 0!important}.reportWrap .contents .news .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .news .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .contents .news .list ul .title{text-align:left;font-size:20px;line-height:30px;font-weight:700;-webkit-line-clamp:1}.reportWrap .contents .news .list ul .title,.reportWrap .contents .news .list ul .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.reportWrap .contents .news .list ul .txt{font-size:16px;line-height:24px;height:48px;color:#4e5058;margin:6px 0;-webkit-line-clamp:2}.reportWrap .contents .news .list ul .info{display:flex;align-items:center;line-height:21px;color:var(--gray60)}.reportWrap .contents .news .list ul .info dt{position:relative;display:inline-flex;align-items:center;margin-right:16px}.reportWrap .contents .news .list ul .info dt:before{content:"";position:absolute;top:6px;right:-8px;width:1px;height:10px;background-color:var(--gray30)}.reportWrap .contents .news .list ul .info dt:last-child:before{display:none}.reportWrap .contents .relationVoteIn{position:relative;padding:20px;border-radius:12px;background-color:#fff;border:1px solid var(--gray30);margin-bottom:20px}.reportWrap .contents .relationVoteIn .list{margin-top:20px;display:flex}.reportWrap .contents .relationVoteIn .list ul{width:calc(33.3333333333% - 13px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 0 16px}.reportWrap .contents .relationVoteIn .list ul:first-child{margin-left:0}.reportWrap .contents .relationVoteIn .list ul .topBox{display:flex;align-items:center;height:88px;background-color:var(--blue10);border-bottom:1px solid var(--gray30)}.reportWrap .contents .relationVoteIn .list ul .topBox .thumb{position:relative;width:56px!important;height:56px;border-radius:8px;overflow:hidden;margin-right:16px;margin-left:16px}.reportWrap .contents .relationVoteIn .list ul .topBox .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .relationVoteIn .list ul .topBox .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .contents .relationVoteIn .list ul .topBox .info{width:calc(100% - 32px);margin-left:16px}.reportWrap .contents .relationVoteIn .list ul .topBox .info dl:first-child{font-size:12px;font-weight:500;line-height:18px;color:var(--blue100);margin-bottom:2px}.reportWrap .contents .relationVoteIn .list ul .topBox .info dl:nth-child(2){font-size:16px;font-weight:600;line-height:20px;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.reportWrap .contents .relationVoteIn .list ul .topBox .info dl:nth-child(3){font-size:12px;font-weight:500;line-height:18px;color:var(--gray70);margin-top:2px}.reportWrap .contents .relationVoteIn .list ul .topBox .arw{margin-right:16px}.reportWrap .contents .relationVoteIn .list ul .topBox:hover .info dl:nth-child(2){text-decoration:underline}.reportWrap .contents .relationVoteIn .list ul .rank{padding:0 16px}.reportWrap .contents .relationVoteIn .list ul .rank li{display:flex;align-items:center;padding:7px 0;height:40px;border-bottom:1px solid var(--gray20)}.reportWrap .contents .relationVoteIn .list ul .rank li:last-child{border-bottom:0}.reportWrap .contents .relationVoteIn .list ul .rank li .num{width:16px;margin-right:12px;font-size:16px;font-weight:700;color:var(--gray100);text-align:center}.reportWrap .contents .relationVoteIn .list ul .rank li:first-child .num{color:var(--blue100)}.reportWrap .contents .relationVoteIn .list ul .rank li .thumb{position:relative;width:24px;height:24px;border-radius:8px;overflow:hidden;margin-right:8px}.reportWrap .contents .relationVoteIn .list ul .rank li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .relationVoteIn .list ul .rank li .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .contents .relationVoteIn .list ul .rank li .name{font-weight:600;flex-grow:1}.reportWrap .contents .relationVoteIn .list ul .rank li .score{color:var(--gray90);font-weight:600}.reportWrap .contents .relationVoteIn .list ul .rank li .btn{font-size:12px;color:var(--gray90);font-weight:600;margin-left:8px;width:44px;height:32px;line-height:32px;border-radius:8px;border:1px solid var(--gray30);text-align:center;cursor:pointer}.reportWrap .contents .blogCafe{position:relative;width:344px;height:420px;padding:20px;border-radius:12px;background-color:#fff;border:1px solid var(--gray30);margin:0 0 0 20px}.reportWrap .contents .blogCafe .list{margin-top:20px}.reportWrap .contents .blogCafe .list ul{cursor:pointer;position:relative;padding-left:48px;font-size:16px;font-weight:400;color:var(--gray100);height:60px;line-height:60px;border-bottom:1px solid var(--gray20);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.reportWrap .contents .blogCafe .list ul.BLOG:before{content:"";position:absolute;top:14px;left:0;width:32px;height:32px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_blog.svg)}.reportWrap .contents .blogCafe .list ul.CAFE:before{content:"";position:absolute;top:14px;left:0;width:32px;height:32px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_cafe.svg)}.reportWrap .contents .blogCafe .list ul:last-child{border-bottom:0}.reportWrap .contents .youtube{position:relative;width:calc(100% - 2px);height:424px;border-radius:12px;background-color:#fff;border:1px solid var(--gray30);margin:20px 0 0}.reportWrap .contents .youtube .stit{padding:20px 0 0 20px}.reportWrap .contents .youtube .list{position:relative;margin-top:20px}.reportWrap .contents .youtube .list ul{position:relative;width:183px;height:327px;border-radius:8px;overflow:hidden;cursor:pointer}.reportWrap .contents .youtube .list ul img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .youtube .swiper{position:relative}.reportWrap .contents .youtube .swiper-slide{width:auto;height:auto}.reportWrap .contents .youtube .swiper-wrapper{height:auto}.reportWrap .contents .youtube .swiper-slide:first-child{margin-left:20px}.reportWrap .contents .youtube .swiper-slide:last-child{margin-right:20px}.reportWrap .contents .youtube .swiper-button-next{position:absolute;top:22px;right:0;width:100px;height:100%;z-index:10;background:linear-gradient(270deg,#fff 25%,transparent 75%);cursor:pointer}.reportWrap .contents .youtube .swiper-button-prev{position:absolute;top:22px;left:0;width:100px;height:100%;z-index:10;background:linear-gradient(90deg,#fff 25%,transparent 75%);cursor:pointer}.reportWrap .contents .youtube .swiper-button-next.swiper-button-disabled,.reportWrap .contents .youtube .swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.reportWrap .contents .youtube .swiper-button-next:after,.reportWrap .contents .youtube .swiper-button-prev:after{display:none}.reportWrap .contents .youtube .swiper-button-next:before{content:"";position:absolute;top:calc(50% - 24px);right:5px;width:48px;height:48px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next.svg);background-size:contain}.reportWrap .contents .youtube .swiper-button-prev:before{content:"";position:absolute;top:calc(50% - 24px);left:5px;width:48px;height:48px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev.svg);background-size:contain}@media(max-width:800px){.reportWrap{padding:20px 0 0}.reportWrap .top{margin-bottom:24px;padding:0 0 0 20px}.reportWrap .top .navi{font-size:14px;line-height:21px;font-weight:700;color:var(--blue100);margin-bottom:8px}.reportWrap .top .title{display:flex;align-items:center}.reportWrap .top .title .tit{font-size:20px;line-height:30px;font-weight:700;margin-right:10px}.reportWrap .top .title .tit.skeletonStyle{height:30px;width:400px}.reportWrap .top .title .rank{background-color:var(--blue100);line-height:28px;border-radius:6px;padding:0 8px;color:var(--blue40);font-size:12px}.reportWrap .top .title .rank span{font-weight:600;color:#fff}.reportWrap .topIndex{padding:0 20px}.reportWrap .topIndex ul{height:86px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px}.reportWrap .topIndex ul li:first-child{padding:16px 0 0 20px;font-size:14px;font-weight:600;line-height:21px;color:var(--gray70);margin-bottom:4px}.reportWrap .topIndex ul li:nth-child(2){padding:0 20px 16px 0;text-align:right;font-size:20px;line-height:30px;font-weight:600;color:var(--gray100)}.reportWrap .trend,.reportWrap .trend .left{display:flex;flex-wrap:wrap}.reportWrap .trend .left{position:relative;width:calc(100% - 40px);margin-right:0;margin-left:20px}.reportWrap .trend .index.search{width:calc(33.333333333333% - 14px)}.reportWrap .trend .index.viral{margin:0 20px 20px}.reportWrap .trend .index.news,.reportWrap .trend .index.viral{width:calc(33.333333333333% - 76px)}.reportWrap .trend .keyword{width:calc(33.333333333333% - 14px);height:466px}.reportWrap .trend .gender{width:calc(66.6666666666666% - 90px);height:108px;margin-left:20px}.reportWrap .trend .age{position:absolute;bottom:0;right:0;width:calc(66.6666666666666% - 90px);height:298px}.reportWrap .trend .right{width:calc(100% - 40px);margin:20px 0 0 20px}.reportWrap .contents .news{margin:0 20px}.reportWrap .contents .news .list{margin-top:0}.reportWrap .contents .news .list ul{position:relative;height:90px;padding:16px 0;border-bottom:1px solid var(--gray20);justify-content:center;cursor:pointer;text-align:center}.reportWrap .contents .news .list ul:last-child{border-bottom:0;padding:16px 0 0}.reportWrap .contents .news .list ul li:nth-child(2){width:calc(100% - 180px);text-align:left;padding:6px;margin:0}.reportWrap .contents .news .list ul .thumb{position:absolute;top:16px;right:0;width:148px!important;height:90px;border-radius:8px;overflow:hidden;margin:0!important}.reportWrap .contents .news .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .news .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .contents .news .list ul .title{text-align:left;font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.reportWrap .contents .news .list ul .txt{font-size:14px;line-height:21px;height:42px;color:#4e5058;margin:6px 0}.reportWrap .contents .news .list ul .info{display:flex;align-items:center;line-height:21px;color:var(--gray60)}.reportWrap .contents .news .list ul .info dt{position:relative;display:inline-flex;align-items:center;margin-right:16px}.reportWrap .contents .news .list ul .info dt:before{content:"";position:absolute;top:6px;right:-8px;width:1px;height:10px;background-color:var(--gray30)}.reportWrap .contents .news .list ul .info dt:last-child:before{display:none}.reportWrap .contents .relationVoteIn{margin:0 20px 20px}.reportWrap .contents .relationVoteIn .list{margin-top:20px;display:flex}.reportWrap .contents .relationVoteIn .list ul{width:calc(50% - 10px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 0 16px}.reportWrap .contents .relationVoteIn .list ul:first-child{margin-left:0}.reportWrap .contents .blogCafe{width:calc(50% - 72px);height:410px;padding:20px;margin:0 0 0 20px}.reportWrap .contents .blogCafe,.reportWrap .contents .youtube{position:relative;border-radius:12px;background-color:#fff;border:1px solid var(--gray30)}.reportWrap .contents .youtube{width:calc(100% - 42px);height:308px;margin:20px 0 0 20px}.reportWrap .contents .youtube .list ul{position:relative;width:120px;height:216px;border-radius:8px;overflow:hidden}.reportWrap .contents .youtube .swiper-button-next:before{content:"";position:absolute;top:calc(50% - 20px);right:5px;width:40px;height:40px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next.svg);background-size:contain}.reportWrap .contents .youtube .swiper-button-prev:before{content:"";position:absolute;top:calc(50% - 20px);left:5px;width:40px;height:40px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev.svg);background-size:contain}}@media(max-width:480px){.reportWrap .top .navi{height:auto}.reportWrap .top .navi .date{display:block;margin-bottom:8px}.reportWrap .top .title{display:flex;flex-wrap:wrap;align-items:center}.reportWrap .top .title .tit{width:100%;margin-bottom:4px}.reportWrap .topIndex{padding:0}.reportWrap .topIndex ul{width:150px;height:86px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px}.reportWrap .topIndex ul li:first-child{padding:16px 0 0 16px;font-size:14px;font-weight:600;line-height:21px;color:var(--gray70);margin-bottom:4px}.reportWrap .topIndex ul li:nth-child(2){padding:0 16px 16px 0;text-align:right;font-size:20px;line-height:30px;font-weight:600;color:var(--gray100)}.reportWrap .topIndex .swiper-slide:first-child{margin-left:20px}.reportWrap .topIndex .swiper-slide:last-child{margin-right:20px}.reportWrap .trend .chart{width:100%;margin-bottom:20px}.reportWrap .trend .chart .chartBox{width:100%;height:240px;margin-top:20px}.reportWrap .trend .chart .chartBox canvas{width:100%;height:100%}.reportWrap .trend .chart .dateSelect{position:relative;top:0;right:0;display:flex;flex-wrap:wrap;margin-top:8px}.reportWrap .trend .chart .dateSelect .tab{display:flex;width:100%;padding:4px;border-radius:7px;margin-right:0;background-color:var(--gray20)}.reportWrap .trend .chart .dateSelect .tab ul{line-height:32px;padding:0;text-align:center;width:25%;font-size:13px;font-weight:600;color:var(--gray70);border-radius:4px;cursor:pointer}.reportWrap .trend .chart .dateSelect .tab ul.on{background-color:#fff;color:var(--gray100);box-shadow:0 0 4px 0 #5c667b1f}.reportWrap .trend .chart .dateSelect .picker{width:100%;margin-top:8px}.reportWrap .trend .index{height:auto;margin:0 0 20px}.reportWrap .trend .index.search{width:100%}.reportWrap .trend .index.viral{width:100%;margin:0 0 20px}.reportWrap .trend .index.news{width:100%}.reportWrap .trend .keyword{width:100%;height:460px}.reportWrap .trend .gender{width:100%;height:93px;margin:20px 0}.reportWrap .trend .age{position:relative;bottom:0;right:0;width:100%;height:287px}.reportWrap .contents .relationVoteIn{margin:0 20px 20px}.reportWrap .contents .relationVoteIn .list{margin-top:20px;display:flex;flex-wrap:wrap}.reportWrap .contents .relationVoteIn .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 16px}.reportWrap .contents .relationVoteIn .list ul:last-child{margin-bottom:0}.reportWrap .contents .news{position:relative;width:calc(100% - 82px);height:auto;padding:20px;border-radius:12px;background-color:#fff;border:1px solid var(--gray30);margin-left:20px;margin-bottom:20px}.reportWrap .contents .news .list{margin-top:0}.reportWrap .contents .news .list ul{position:relative;height:130px;padding:16px 0;border-bottom:1px solid var(--gray20);justify-content:center;cursor:pointer;text-align:center}.reportWrap .contents .news .list ul:last-child{border-bottom:0;padding:16px 0 0}.reportWrap .contents .news .list ul li:nth-child(2){width:calc(100%);text-align:left;padding:6px;margin:0}.reportWrap .contents .news .list ul .thumb{position:absolute;top:16px;right:0;width:90px!important;height:56px;border-radius:8px;overflow:hidden;margin:0!important}.reportWrap .contents .news .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reportWrap .contents .news .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.reportWrap .contents .news .list ul .title{width:calc(100% - 100px);text-align:left;font-size:16px;line-height:24px;height:48px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.reportWrap .contents .news .list ul .txt{font-size:14px;line-height:21px;height:42px;color:#4e5058;margin:12px 0 6px}.reportWrap .contents .news .list ul .info{display:flex;align-items:center;line-height:21px;color:var(--gray60)}.reportWrap .contents .news .list ul .info dt{position:relative;display:inline-flex;align-items:center;margin-right:16px}.reportWrap .contents .news .list ul .info dt:before{content:"";position:absolute;top:6px;right:-8px;width:1px;height:10px;background-color:var(--gray30)}.reportWrap .contents .news .list ul .info dt:last-child:before{display:none}.reportWrap .contents .blogCafe{width:calc(100% - 82px);height:410px;padding:20px;margin:0 0 0 20px}.reportWrap .contents .blogCafe,.reportWrap .contents .youtube{position:relative;border-radius:12px;background-color:#fff;border:1px solid var(--gray30)}.reportWrap .contents .youtube{width:calc(100% - 42px);height:308px;margin:20px 0 0 20px}.reportWrap .contents .youtube .list ul{position:relative;width:120px;height:216px;border-radius:8px;overflow:hidden}}.myPage{width:592px;margin:0 auto;padding:16px 0 0}.myPage .topTitle{font-size:32px;line-height:48px;font-weight:700;margin-bottom:16px}.myPage .ticketInfo{display:flex;margin-bottom:16px}.myPage .ticketInfo .total{width:calc(33.33333333% - 2px);padding:12px 16px;border:1px solid var(--blue30);background-color:var(--blue10);border-radius:8px}.myPage .ticketInfo .total.order{margin-bottom:0;margin-top:16px}.myPage .ticketInfo .total ul:first-child{font-size:16px;line-height:24px;margin-bottom:8px;font-weight:600;color:var(--gray120)}.myPage .ticketInfo .total ul:nth-child(2){display:flex;justify-content:right;align-items:center;font-size:16px;height:36px;line-height:36px;color:var(--blue100);font-weight:600}.myPage .ticketInfo .total ul:nth-child(2) span{position:relative;font-size:24px;color:var(--blue100);margin-right:2px}.myPage .ticketInfo .total ul:nth-child(2) span:before{content:"";position:absolute;top:5px;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .ticketInfo .detail{display:flex;width:calc(66.66666666% - 14px);border:1px solid var(--gray30);border-radius:8px;margin:0 0 0 12px}.myPage .ticketInfo .detail ul{position:relative;width:50%;padding:12px 16px}.myPage .ticketInfo .detail ul:first-child:before{content:"";position:absolute;top:12px;right:0;width:1px;height:calc(100% - 24px);background-color:var(--gray30)}.myPage .ticketInfo .detail li:first-child{font-size:14px;line-height:19.6px;font-weight:600;color:var(--gray70);margin:0 0 14px}.myPage .ticketInfo .detail li:nth-child(2){display:flex;align-items:center;justify-content:right;font-size:14px;height:30px;line-height:30px;font-weight:600;color:var(--gray100)}.myPage .ticketInfo .detail li:nth-child(2) span{font-size:20px;margin-right:4px}.myPage .ticketInfoBox{margin-bottom:16px}.myPage .ticketInfoBox .total{display:flex;align-items:center;width:calc(100% - 34px);padding:6px 16px;border:1px solid var(--blue30);background-color:var(--blue10);border-radius:8px}.myPage .ticketInfoBox .total.order{margin-bottom:0;margin-top:16px}.myPage .ticketInfoBox .total ul:first-child{font-size:16px;line-height:24px;margin-bottom:0;font-weight:600;color:var(--gray120)}.myPage .ticketInfoBox .total ul:nth-child(2){display:flex;justify-content:right;align-items:center;margin-left:auto;font-size:16px;height:36px;line-height:36px;color:var(--blue100);font-weight:600}.myPage .ticketInfoBox .total ul:nth-child(2) span{position:relative;font-size:20px;color:var(--blue100);margin-right:2px}.myPage .ticketInfoBox .total ul:nth-child(2) span:before{content:"";position:absolute;top:5px;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .ticketInfoBox .detail{display:flex;width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;margin:8px 0 0}.myPage .ticketInfoBox .detail ul{position:relative;width:50%;padding:12px 16px 8px}.myPage .ticketInfoBox .detail ul:before{content:"";position:absolute;top:12px;right:0;width:1px;height:calc(100% - 24px);background-color:var(--gray30)}.myPage .ticketInfoBox .detail ul:last-child:before{display:none}.myPage .ticketInfoBox .detail li:first-child{font-size:14px;line-height:19.6px;font-weight:600;color:var(--gray70);margin:0 0 2px}.myPage .ticketInfoBox .detail ul:first-child li:first-child{display:inline-flex;align-items:center;color:var(--gray120);font-weight:600}.myPage .ticketInfoBox .detail ul:first-child li:first-child img{margin-left:4px}.myPage .ticketInfoBox .detail li:nth-child(2){display:flex;align-items:center;justify-content:right;font-size:14px;height:30px;line-height:30px;font-weight:600;color:var(--gray100)}.myPage .ticketInfoBox .detail li:nth-child(2) span{font-size:16px;margin-right:4px}.myPage .ticketInfoBox .op{opacity:0;animation:view404 .5s ease-out forwards}@keyframes op{0%{opacity:0}50%{opacity:0}to{opacity:1}}.myPage .tab{display:flex;height:36px;border-bottom:1px solid var(--gray30);margin-bottom:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.myPage .tab::-webkit-scrollbar{display:none}.myPage .tab ul{position:relative;font-size:16px;line-height:24px;font-weight:600;margin-right:32px;padding-bottom:12px;cursor:pointer}.myPage .tab ul.on{color:var(--blue100)}.myPage .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}.myPage .tab ul:last-child{margin-right:0}.myPage .orderTicket .tit{font-size:20px;line-height:30px;font-weight:600}.myPage .orderTicket .list{display:flex;flex-wrap:wrap;margin-bottom:12px;border-bottom:1px solid var(--gray30);padding-bottom:12px}.myPage .orderTicket .list ul{display:flex;align-items:center;width:calc(50% - 11px);height:54px;background-color:var(--gray10);border:1px solid var(--gray30);border-radius:12px;margin:8px 0 0 16px;cursor:pointer}.myPage .orderTicket .list ul:nth-child(odd){margin:8px 0 0}.myPage .orderTicket .list ul li:first-child{position:relative;padding:0 0 0 44px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray100)}.myPage .orderTicket .list ul li:nth-child(2){margin-left:auto;font-size:15px;font-weight:600;color:var(--blue100);padding-right:16px}.myPage .orderTicket .list ul li:first-child:before{content:"";position:absolute;top:0;left:16px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .orderTicket .list ul:hover{background-color:var(--gray30)}.myPage .useInfo{background-color:var(--gray10);border-radius:8px;padding:0 20px 20px;margin:24px 0 0}.myPage .useInfo ul{padding:20px 0 0}.myPage .useInfo ul li:first-child{font-size:16px;line-height:24px;font-weight:600;color:var(--gray90);margin-bottom:8px}.myPage .useInfo ul li:nth-child(2) dl{position:relative;line-height:21px;color:var(--gray70);margin-bottom:8px;padding-left:11px}.myPage .useInfo ul li:nth-child(2) dl:last-child{margin-bottom:0}.myPage .useInfo ul li:nth-child(2) dl:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.myPage .useInfo .agree{font-weight:600;color:var(--gray70);line-height:21px}.myPage .useInfo .agree a{color:var(--gray100);text-decoration:underline}.myPage .withdraw{height:32px;display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--gray90);margin-top:24px;cursor:pointer}.myPage .ticketOrder{margin-bottom:64px}.myPage .ticketOrder .detail{border:1px solid var(--gray30);border-radius:8px}.myPage .ticketOrder ul{display:flex;align-items:center;height:62px}.myPage .ticketOrder ul:first-child{border-bottom:1px solid #f4f6fa}.myPage .ticketOrder ul li:first-child{padding:0 0 0 20px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray70)}.myPage .ticketOrder ul li:nth-child(2){position:relative;display:inline-flex;align-items:center;margin-left:auto;padding-right:20px;font-size:16px;line-height:28px;font-weight:600;color:var(--gray90)}.myPage .ticketOrder ul li:nth-child(2):before{content:"";position:absolute;top:0;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .ticketOrder ul li:nth-child(2) div{position:relative;padding-left:8px;margin-left:8px}.myPage .ticketOrder ul li:nth-child(2) div:before{content:"";position:absolute;top:8px;left:0;width:1px;height:12px;background-color:var(--gray30)}.myPage .ticketOrder ul li:nth-child(2) span{font-size:20px;margin-right:4px}.myPage .ticketOrder ul.price{border:1px solid var(--blue30);background-color:var(--blue10);margin-top:16px;border-radius:8px}.myPage .ticketOrder ul.price.order{margin-bottom:0;margin-top:16px}.myPage .ticketOrder ul.price li:first-child{font-size:18px;color:var(--gray120)}.myPage .ticketOrder ul.price li:nth-child(2){position:relative;font-size:16px;color:var(--blue100)}.myPage .ticketOrder ul.price li:nth-child(2) span{font-size:24px;color:var(--blue100)}.myPage .ticketOrder ul.price li:nth-child(2):before{display:none}.myPage .ticketOrder .btn{line-height:56px;border-radius:8px;background-color:var(--blue100);color:#fff;font-size:16px;font-weight:600;text-align:center;margin-top:40px;cursor:pointer}.myPage .votedList{position:relative}.myPage .votedList .topInfo{position:absolute;top:16px;right:8px}.myPage .votedList .tit{font-size:20px;line-height:30px;font-weight:600}.myPage .votedList .sortBox{position:absolute;top:0;right:0}.myPage .votedList .list{margin-top:16px;margin-bottom:64px}.myPage .votedList .list ul{position:relative;padding:16px 20px;background-color:var(--gray10);border-radius:8px;margin-bottom:12px}.myPage .votedList .list ul:last-child{margin-bottom:0}.myPage .votedList .list ul .date{font-size:12px;line-height:18px;font-weight:400;color:var(--gray70);margin-bottom:4px}.myPage .votedList .list ul .cate{font-size:16px;line-height:24px;font-weight:600;color:var(--gray100);margin-bottom:8px;width:calc(100% - 100px)}.myPage .votedList .list ul .info{display:flex;align-items:center;font-size:14px;line-height:21px;font-weight:600}.myPage .votedList .list ul .info .voted{color:var(--blue100)}.myPage .votedList .list ul .info .ticket{display:inline-flex;align-items:center;position:relative;color:var(--gray70);margin-left:8px;padding-left:8px}.myPage .votedList .list ul .info .ticket span{color:var(--gray100)}.myPage .votedList .list ul .info .ticket .resv{font-size:11px;font-weight:400;background-color:#fff;border:1px solid var(--gray30);color:var(--gray60);border-radius:20px;padding:0 8px;margin:0 0 0 6px}.myPage .votedList .list ul .info .ticket:before{content:"";position:absolute;top:5px;left:0;width:1px;height:12px;background-color:var(--gray40)}.myPage .votedList .list ul .download{position:absolute;top:calc(50% - 18px);right:12px;text-align:right}.myPage .votedList .list ul .download div{display:inline-table;line-height:36px;border-radius:8px;background-color:var(--gray40);color:var(--gray70);font-size:13px;font-weight:600;text-align:center;padding:0 8px;cursor:pointer}.myPage .orderList{position:relative}.myPage .orderList .tit{font-size:20px;line-height:30px;font-weight:600}.myPage .orderList .list{margin-top:16px;margin-bottom:56px}.myPage .orderList .list ul{display:flex;align-items:center;padding:16px 20px;background-color:var(--gray10);border-radius:8px;margin-bottom:12px}.myPage .orderList .list ul .date{width:120px;color:var(--gray70);line-height:21px}.myPage .orderList .list ul .date .ticket{display:none}.myPage .orderList .list ul .item{flex-grow:1;font-size:16px;font-weight:600;color:var(--gray100)}.myPage .orderList .list ul .item div{font-size:14px;font-weight:600;color:var(--gray70);padding-top:4px}.myPage .orderList .list ul .price{width:160px;text-align:right;font-size:16px;font-weight:600;color:var(--blue100);padding-right:20px}.myPage .orderList .list ul .state{width:76px;text-align:center;font-weight:600;color:var(--gray50)}.myPage .orderList .list ul .state.cancel{border:1px solid var(--gray10);border-radius:8px;line-height:38px;color:var(--red90)}.myPage .orderList .list ul .state .btn{border:1px solid var(--gray30);border-radius:8px;line-height:38px;background-color:#fff;color:var(--gray90);cursor:pointer}.refundBox{width:368px}.refundBox .refundInfo{border:1px solid var(--gray30);border-radius:8px;padding-top:16px}.refundBox .refundInfo ul{display:flex;align-items:center;padding:0 16px}.refundBox .refundInfo ul li:first-child{line-height:21px;font-weight:600;color:var(--gray70)}.refundBox .refundInfo ul li:nth-child(2){margin-left:auto;line-height:21px;color:var(--gray90)}.refundBox .refundInfo ul:nth-child(2){margin:12px 0 16px}.refundBox .refundInfo ul .item{display:inline-flex;font-weight:600;color:var(--gray90)}.refundBox .refundInfo ul .item .qty{position:relative}.refundBox .refundInfo ul .item .qty:before{content:"";position:absolute;top:-2px;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.refundBox .refundInfo ul .item .price{position:relative;padding-left:8px;margin-left:8px}.refundBox .refundInfo ul .item .price:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background-color:var(--gray40)}.refundBox .refundInfo ul:nth-child(3){background-color:var(--blue10);border-top:1px solid var(--blue30);height:64px;font-size:16px;font-weight:600}.refundBox .refundInfo ul:nth-child(3) li:first-child{color:var(--gray120)}.refundBox .refundInfo ul:nth-child(3) li:nth-child(2){color:var(--blue100);display:inline-flex;align-items:center}.refundBox .refundInfo ul:nth-child(3) li:nth-child(2) span{font-size:20px;margin-right:4px}.refundBox .botInfo{background-color:var(--gray10);border-radius:8px;padding:16px;margin-top:16px}.refundBox .botInfo .tit{font-weight:600;line-height:21px;color:var(--gray90)}.refundBox .botInfo .txt ul{position:relative;font-size:12px;line-height:18px;color:var(--gray70);margin-top:4px;padding-left:11px}.refundBox .botInfo .txt ul:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.withdrawBox .rBox{background-color:#fff;border-radius:16px;border:1px solid var(--gray30);padding:20px 20px 24px;margin-bottom:24px}.withdrawBox .rBox .title{font-size:20px;line-height:30px;font-weight:600;margin-bottom:16px}.withdrawBox .rBox .title .req{display:inline-table;font-size:16px;line-height:30px;color:var(--red90);margin-left:8px}.withdrawBox .rBox.form ul{margin-bottom:16px}.withdrawBox .rBox.form ul:last-child{margin-bottom:0}.withdrawBox .rBox.form ul li:first-child{font-size:16px;line-height:24px;font-weight:600;color:var(--gray100)}.withdrawBox .rBox.form ul li:nth-child(2) dl{margin-top:16px;line-height:24px}.withdrawBox .rBox.info .feedback{display:flex;align-items:center;line-height:21px;color:var(--gray70);padding:16px 0 0}.withdrawBox .rBox.info .feedback img{margin-right:4px}.withdrawBox .rBox.info .agree .req{display:inline-table;font-size:16px;line-height:30px;color:var(--red90);margin-left:0;padding:16px 0 0}.withdrawBox input[type=checkbox]{width:18px;height:18px;border:1px solid var(--gray40)!important;border-radius:6px;vertical-align:middle;margin:0 8px 2px 0}.withdrawBox label{font-size:16px;line-height:24px;color:var(--gray90)}.withdrawBox .btnBox{padding-top:16px;display:flex}.withdrawBox .btnBox a,.withdrawBox .btnBox button{width:calc(50% - 6px);line-height:56px;border-radius:8px;text-align:center;background-color:var(--blue100);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.withdrawBox .btnBox button{margin-right:12px;background-color:var(--gray110);border:0}.withdrawBox .btnBox button:disabled{background-color:var(--gray30);color:var(--gray50);cursor:default}.withdrawBox .nickCheck input{width:calc(100% - 2px);height:48px;line-height:48px;border-radius:8px;border:1px solid var(--gray40);margin:16px 0 0;text-indent:16px;font-size:15px}.withdrawBox .nickCheck input::-moz-placeholder{color:var(--gray70)}.withdrawBox .nickCheck input::placeholder{color:var(--gray70)}@media(max-width:800px){.myPage{width:calc(100% - 40px);margin:0 auto;padding:20px 0 0}.myPage .topTitle{font-size:24px;line-height:36px;font-weight:700;margin-bottom:24px}.myPage .ticketInfo{display:flex;margin-bottom:48px}.myPage .orderList .list ul .date{width:84px;color:var(--gray70)}.myPage .orderList .list ul .price{width:100px;text-align:right;font-size:16px;font-weight:600;color:var(--blue100);padding-right:20px}}@media(max-width:480px){.myPage{width:calc(100% - 40px);margin:0 auto;padding:20px 0 0}.myPage .topTitle{font-size:24px;line-height:36px;font-weight:700;margin-bottom:8px}.myPage .ticketInfo{display:flex;flex-wrap:wrap;margin-bottom:48px}.myPage .ticketInfo .total{display:flex;align-items:center;width:calc(100% - 34px);padding:12px 16px;margin:0 0 12px;border:1px solid var(--blue30);background-color:var(--blue10);border-radius:8px}.myPage .ticketInfo .total.order{margin-bottom:0;margin-top:16px}.myPage .ticketInfo .total ul:first-child{font-size:16px;line-height:24px;margin-bottom:0;font-weight:600;color:var(--gray120)}.myPage .ticketInfo .total ul:nth-child(2){margin-left:auto;display:flex;justify-content:right;align-items:center;font-size:14px;height:36px;line-height:36px;color:var(--blue100);font-weight:600}.myPage .ticketInfo .total ul:nth-child(2) span{position:relative;font-size:18px;color:var(--blue100);margin-right:2px}.myPage .ticketInfo .total ul:nth-child(2) span:before{content:"";position:absolute;top:5px;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .ticketInfo .detail{display:flex;width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;margin:0}.myPage .ticketInfo .detail ul{position:relative;width:50%;padding:12px 16px}.myPage .ticketInfo .detail ul:first-child:before{content:"";position:absolute;top:12px;right:0;width:1px;height:calc(100% - 24px);background-color:var(--gray30)}.myPage .ticketInfo .detail li:first-child{font-size:14px;line-height:19.6px;font-weight:600;color:var(--gray70);margin:0 0 4px}.myPage .ticketInfo .detail li:nth-child(2){display:flex;align-items:center;justify-content:right;font-size:14px;height:26px;line-height:26px;font-weight:600;color:var(--gray100)}.myPage .ticketInfo .detail li:nth-child(2) span{font-size:18px;margin-right:4px}.myPage .ticketInfoBox{margin-bottom:12px}.myPage .ticketInfoBox .total{display:flex;align-items:center;width:calc(100% - 26px);padding:6px 12px;border:1px solid var(--blue30);background-color:var(--blue10);border-radius:8px}.myPage .ticketInfoBox .total.order{margin-bottom:0;margin-top:16px}.myPage .ticketInfoBox .total ul:first-child{font-size:14px;line-height:24px;margin-bottom:0;font-weight:600;color:var(--gray120)}.myPage .ticketInfoBox .total ul:nth-child(2){display:flex;justify-content:right;align-items:center;margin-left:auto;font-size:14px;height:36px;line-height:36px;color:var(--blue100);font-weight:600}.myPage .ticketInfoBox .total ul:nth-child(2) span{position:relative;font-size:18px;color:var(--blue100);margin-right:2px}.myPage .ticketInfoBox .total ul:nth-child(2) span:before{content:"";position:absolute;top:5px;left:-30px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .ticketInfoBox .detail{display:flex;flex-wrap:wrap;width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;margin:8px 0 0}.myPage .ticketInfoBox .detail ul{display:flex;align-items:center;position:relative;width:calc(100% - 24px);border-bottom:1px dashed var(--gray30);padding:6px 12px}.myPage .ticketInfoBox .detail ul:last-child{border-bottom:0}.myPage .ticketInfoBox .detail ul:before{content:"";position:absolute;top:12px;right:0;width:1px;height:calc(100% - 24px);background-color:var(--gray30);display:none}.myPage .ticketInfoBox .detail ul:last-child:before{display:none}.myPage .ticketInfoBox .detail li:first-child{font-size:13px;line-height:20px;font-weight:600;color:var(--gray70);margin:0}.myPage .ticketInfoBox .detail ul:first-child li:first-child{display:inline-flex;align-items:center;color:var(--gray120);font-weight:600}.myPage .ticketInfoBox .detail ul:first-child li:first-child img{margin-left:4px}.myPage .ticketInfoBox .detail li:nth-child(2){margin-left:auto;display:inline-flex;align-items:center;justify-content:right;font-size:13px;height:20px;line-height:20px;font-weight:600;color:var(--gray100)}.myPage .ticketInfoBox .detail li:nth-child(2) span{font-size:15px;margin-right:4px}.myPage .ticketInfoBox .op{opacity:0;animation:view404 .5s ease-out forwards}.myPage .orderTicket .list{display:flex;flex-wrap:wrap}.myPage .orderTicket .list ul{display:flex;align-items:center;width:calc(100% - 2px);height:54px;background-color:var(--gray10);border:1px solid var(--gray30);border-radius:12px;margin:16px 0 0;cursor:pointer}.myPage .orderTicket .list ul:nth-child(odd){margin:16px 0 0}.myPage .orderTicket .list ul li:first-child{position:relative;padding:0 0 0 44px;font-size:16px;line-height:24px;font-weight:600;color:var(--gray100)}.myPage .orderTicket .list ul li:nth-child(2){margin-left:auto;font-size:16px;font-weight:600;color:var(--blue100);padding-right:16px}.myPage .orderTicket .list ul li:first-child:before{content:"";position:absolute;top:0;left:16px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg)}.myPage .orderTicket .list ul:hover{background-color:var(--gray30)}.myPage .orderList .list{margin-top:16px}.myPage .orderList .list ul{position:relative;display:flex;align-items:center;padding:16px 20px 48px;background-color:var(--gray10);border-radius:8px;margin-bottom:12px}.myPage .orderList .list ul .date{display:flex;position:absolute;bottom:14px;left:20px;width:calc(100% - 20px);color:var(--gray70)}.myPage .orderList .list ul .date .ticket{position:relative;display:block;font-weight:600;margin-left:8px;padding-left:8px}.myPage .orderList .list ul .date .ticket:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background-color:var(--gray40)}.myPage .orderList .list ul .date .time{margin-left:4px}.myPage .orderList .list ul .item{flex-grow:1;font-size:16px;font-weight:600;color:var(--gray100)}.myPage .orderList .list ul .item div{font-size:14px;font-weight:600;color:var(--gray70);padding-top:4px}.myPage .orderList .list ul .item .ticket{display:none}.myPage .orderList .list ul .price{width:100px;text-align:right;font-size:16px;font-weight:600;color:var(--blue100);padding-right:10px}.myPage .orderList .list ul .state{width:76px;text-align:center;font-weight:600;color:var(--gray50)}.myPage .orderList .list ul .state.cancel{border:1px solid var(--gray10);border-radius:8px;line-height:38px;color:var(--red90)}.myPage .orderList .list ul .state .btn{border:1px solid var(--gray30);border-radius:8px;line-height:38px;background-color:#fff;color:var(--gray90);cursor:pointer}.refundBox{width:100%}.myPage .votedList .list ul .cate{font-size:16px;line-height:24px;font-weight:600;color:var(--gray100);margin-bottom:8px;width:100%}.myPage .votedList .list ul .download{position:relative;top:0;right:0;text-align:right}.myPage .votedList .list ul .download div{display:inline-table;line-height:36px;border-radius:8px;background-color:var(--gray40);color:var(--gray70);font-size:13px;font-weight:600;text-align:center;padding:0 8px;cursor:pointer}}.gatherVote .infoWrap{display:inline-flex;padding:18px 0 0}.gatherVote .toptip{margin:0}.gatherVote .infoWrap .layer{left:0;top:24px;width:340px}.gatherVote .infoWrap .layer span{color:var(--gray70)}.gatherVote .tab{display:flex;margin:16px 0 40px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.gatherVote .tab::-webkit-scrollbar{display:none}.gatherVote .sortFix{position:relative;height:30px}.gatherVote .tab.ended{margin:24px 0 0;border-bottom:1px solid var(--gray30)}.gatherVote .tab ul{position:relative;height:36px;line-height:24px;margin-right:32px;font-size:16px;font-weight:600;cursor:pointer}.gatherVote .tab ul.on{color:var(--blue100)}.gatherVote .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}.gatherVote .divideLine{margin:40px 0;width:100%;height:1px;background-color:var(--gray20)}.gatherVote .gatherList{position:relative;padding:56px 0 0}.gatherVote .gatherList.np{padding:0}.gatherVote .gatherList .sortBox{top:0}.gatherVote .gatherList .list{display:flex;flex-wrap:wrap;margin-top:40px;padding-bottom:16px}.gatherVote .gatherList .list.ended ul{cursor:pointer}.gatherVote .gatherList .list ul{width:calc(33.333333333333% - 12.7px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 40px 16px}.gatherVote .gatherList .list ul:nth-child(3n+1){margin:0 0 40px 16px;background-color:#444}.gatherVote .gatherList .list ul .thumb{position:relative;height:240px;overflow:hidden}.gatherVote .gatherList .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gatherVote .gatherList .list ul .thumb .circle,.gatherVote .gatherList .list ul .thumb .linebg{display:none}.gatherVote .gatherList .list ul .thumb.line .circle{display:block;position:absolute;top:calc(50% - 65px);left:calc(50% - 55px);width:110px;height:110px;border-radius:8px;z-index:150;box-shadow:0 -1px 5px rgba(0,0,0,.2)}.gatherVote .gatherList .list ul .thumb.line .bg{position:absolute;top:calc(50% + 46px);left:calc(50% - 55px);width:110px;height:110px;border-radius:8px;z-index:150;transform:scaleY(-1);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6),transparent,transparent,transparent);mask:linear-gradient(0deg,rgba(0,0,0,.6),transparent,transparent,transparent);opacity:.5}.gatherVote .gatherList .list ul .thumb.line .linebg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.gatherVote .gatherList .list ul .thumb.line .linebg img{z-index:70}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#a1abb6;z-index:50}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg.rd1{background-color:#a1abb6}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg.rd2{background-color:#a1b6b5}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg.rd3{background-color:#b6a9a1}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg.rd4{background-color:#b0a1b6}.gatherVote .gatherList .list ul .thumb.line .linebg .colorbg.rd5{background-color:#beac99}.gatherVote .gatherList .list ul .thumb.line .cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:120}.gatherVote .gatherList .list ul .thumb.line .blur{position:absolute;top:-10%;left:-10%;width:120%;height:120%;-o-object-fit:cover;object-fit:cover;filter:blur(20px);z-index:80}.gatherVote .gatherList .list ul .info{position:relative;padding:16px}.gatherVote .gatherList .list ul .info .date{font-size:12px;line-height:18px;font-weight:500;color:var(--gray70)}.gatherVote .gatherList .list ul .info .title{width:calc(100% - 56px);font-size:16px;line-height:24px;font-weight:600;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.gatherVote .gatherList .list ul .info .btn{position:absolute;top:calc(50% - 18px);right:16px;border-radius:8px;background-color:var(--gray20);width:49px;height:36px;line-height:36px;text-align:center;font-weight:600;color:var(--gray90);cursor:pointer}.gatherVote .gatherList .list ul .result{display:flex;align-items:center;margin:0 16px;padding:16px 0;border-top:1px solid var(--gray20)}.gatherVote .gatherList .list ul .result .rank{font-size:16px;font-weight:700;color:var(--blue100);margin-right:12px}.gatherVote .gatherList .list ul .result .rankThumb{position:relative;width:24px;height:24px;border-radius:8px;overflow:hidden;margin-right:8px}.gatherVote .gatherList .list ul .result .rankThumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gatherVote .gatherList .list ul .result .rankThumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.gatherVote .gatherList .list ul .result .name{font-weight:600}.gatherVote .gatherList .list ul .result .score{margin-left:auto;font-weight:600;color:var(--gray90)}.gatherVote .gatherList .endedList{display:flex;flex-wrap:wrap;margin-top:16px;padding-bottom:16px}.gatherVote .gatherList .endedList ul{width:calc(33.333333333333% - 14px);border:1px solid var(--gray30);border-radius:8px;margin:0 0 16px 16px}.gatherVote .gatherList .endedList ul:nth-child(3n+1){margin:0 0 16px}.gatherVote .gatherList.ing .endedList ul:nth-child(3n+1){margin:0 0 16px 16px}.gatherVote .gatherList.ing .endedList ul.pc{margin:0 0 16px}.gatherVote .gatherList .endedList ul .top{display:flex;align-items:center;height:88px;background-color:var(--blue10);border-bottom:1px solid var(--gray30);border-radius:8px 8px 0 0;cursor:pointer}.gatherVote .gatherList .endedList ul .top .thumb{position:relative;width:56px!important;height:56px;border-radius:8px;overflow:hidden;margin-right:16px;margin-left:16px}.gatherVote .gatherList .endedList ul .top .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gatherVote .gatherList .endedList ul .top .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.gatherVote .gatherList .endedList ul .top .info{width:calc(100% - 32px);margin-left:16px}.gatherVote .gatherList .endedList ul .top .info dl:first-child{font-size:12px;font-weight:500;line-height:18px;color:var(--blue100);margin-bottom:2px}.gatherVote .gatherList .endedList ul .top .info dl:nth-child(2){font-size:16px;font-weight:600;line-height:20px;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.gatherVote .gatherList .endedList ul .top .info dl:nth-child(3){font-size:12px;font-weight:500;line-height:18px;color:var(--gray70);margin-top:2px}.gatherVote .gatherList .endedList ul .top .info dl:nth-child(3) .end{display:inline-flex;font-size:9px;line-height:14px;padding:0 4px;color:var(--red90);background-color:var(--red20);margin:0 0 0 4px;font-weight:700}.gatherVote .gatherList .endedList ul .top .arw{margin-right:16px}.gatherVote .gatherList .endedList ul .top:hover .info dl:nth-child(2){text-decoration:underline}.gatherVote .gatherList .endedList ul .rank{padding:0 16px}.gatherVote .gatherList .endedList ul .rank li{display:flex;align-items:center;padding:4px 0;height:40px;border-bottom:1px solid var(--gray20)}.gatherVote .gatherList .endedList ul .rank li:last-child{border-bottom:0}.gatherVote .gatherList .endedList ul .rank li .num{width:24px;margin-right:4px;font-size:16px;font-weight:700;color:var(--gray100);text-align:center}.gatherVote .gatherList .endedList ul .rank li:first-child .num{color:var(--blue100)}.gatherVote .gatherList .endedList ul .rank li .thumb{position:relative;width:24px;height:24px;border-radius:8px;overflow:hidden;margin-right:8px}.gatherVote .gatherList .endedList ul .rank li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gatherVote .gatherList .endedList ul .rank li .thumb.contain img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gatherVote .gatherList .endedList ul .rank li .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.gatherVote .gatherList .endedList ul .rank li .name{font-weight:600;flex-grow:1}.gatherVote .gatherList .endedList ul .rank li .score{color:var(--gray90);font-weight:600}.gatherVote .gatherList .endedList ul .rank li .btn{font-size:12px;color:var(--gray90);font-weight:600;margin-left:8px;width:44px;height:32px;line-height:32px;border-radius:8px;border:1px solid var(--gray30);text-align:center;cursor:pointer}.gatherVote .gatherList .endedList ul .botBtn{border-top:1px solid var(--gray30);height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--gray100);cursor:pointer}.gatherVote .gatherList .endedList ul .botBtn .arw{margin:0 0 0 4px}.awardsTop{position:relative;margin:40px 0 0;border-radius:16px;overflow:hidden}.awardsTop,.awardsTop .swiper{height:295px}.awardsTop .item{position:relative;display:flex;height:100%;color:#fff}.awardsTop .item .left{width:50%;height:100%;margin-right:32px;z-index:200;text-align:right}.awardsTop .item .left .box{display:inline-flex;flex-wrap:wrap;width:160px;height:160px;margin-top:48px}.awardsTop .item .left .thumb{position:relative;width:160px;height:160px;border-radius:16px;overflow:hidden;margin-bottom:12px}.awardsTop .item .left .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsTop .item .left .txt{display:inline-flex;align-items:center;line-height:27px;font-size:16px;color:var(--gray10);margin:0 auto}.awardsTop .item .left .txt div{margin:0 2px}.awardsTop .item .left .txt div.b{font-weight:700}.awardsTop .item .right{width:50%;height:100%;margin-left:32px;z-index:200;margin-top:64px}.awardsTop .item .right .date{line-height:14px;color:hsla(0,0%,100%,.6)}.awardsTop .item .right .title{font-size:28px;line-height:40px;font-weight:700;color:#fff;margin-bottom:12px}.awardsTop .item .right .info{display:flex;line-height:24px}.awardsTop .item .right .info .rank{border-radius:24px;width:36px;text-align:center;background-color:#fff;color:var(--blue100);font-weight:600;margin-right:12px}.awardsTop .item .right .info .name{font-size:16px;font-weight:700;margin-right:12px}.awardsTop .item .right .info .score{font-size:16px}.awardsTop .item .right .btn{color:#fff;width:112px;height:40px;line-height:40px;text-align:center;border-radius:8px;background-color:var(--blue100);font-size:14px;font-weight:600;margin-top:24px;cursor:pointer}.awardsTop .item .mask{z-index:110;background-color:rgba(0,0,0,.6);margin-bottom:12px}.awardsTop .item .bg,.awardsTop .item .mask{position:absolute;top:0;left:0;width:100%;height:100%}.awardsTop .item .bg{z-index:100;overflow:hidden}.awardsTop .item .bg img{position:absolute;top:-5%;left:-5%;width:110%;height:110%;filter:blur(20px);-o-object-fit:cover;object-fit:cover}.awardsTop .swiper-button-next,.awardsTop .swiper-button-prev{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.awardsTop .swiper-button-next:after,.awardsTop .swiper-button-prev:after{font-size:24px}.awardsTop .swiper-pagination-fraction{bottom:24px;left:auto;right:24px;width:50px;border-radius:28px;line-height:28px;background-color:rgba(0,0,0,.6);color:hsla(0,0%,100%,.4);font-size:12px}.awardsTop .swiper-pagination-fraction span{color:#fff}@media(max-width:800px){.gatherVote .sortFix{position:relative;height:30px;margin:0 20px}.gatherVote .tab{display:flex;margin:16px 0 40px 20px}.gatherVote .tab.ended{margin:24px 20px 0;border-bottom:1px solid var(--gray30)}.gatherVote .gatherList .list{display:flex;flex-wrap:wrap;margin-top:24px;padding:0 20px 16px}.gatherVote .gatherList .endedList.np{padding:0 0 16px}.gatherVote .gatherList .list ul{width:calc(50% - 10px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 32px 16px}.gatherVote .gatherList .list ul:nth-child(3n+1){margin:0 0 32px 16px}.gatherVote .gatherList .list ul:nth-child(odd){margin:0 0 32px}.gatherVote .gatherList .list ul .thumb{position:relative;height:192px;overflow:hidden}.gatherVote .gatherList .endedList{display:flex;flex-wrap:wrap;margin-top:16px;padding:0 20px 16px 4px}.gatherVote .gatherList .endedList ul{width:calc(50% - 18px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 16px 16px}.gatherVote .gatherList .endedList ul:nth-child(3n+1),.gatherVote .gatherList .endedList ul:nth-child(odd),.gatherVote .gatherList.ing .endedList ul.fold,.gatherVote .gatherList.ing .endedList ul.pc,.gatherVote .gatherList.ing .endedList ul:nth-child(3n+1){margin:0 0 16px 16px}.awardsTop{margin:20px 20px 0;border-radius:16px;overflow:hidden}.awardsTop,.awardsTop .swiper{height:280px}.awardsTop .item{position:relative;display:flex;height:100%;color:#fff}.awardsTop .item .left{width:45%;height:100%;margin-right:16px;z-index:200;text-align:right}.awardsTop .item .left .box{display:inline-flex;flex-wrap:wrap;width:160px;height:160px;margin-top:48px}.awardsTop .item .left .thumb{position:relative;width:160px;height:160px;border-radius:16px;overflow:hidden;margin-bottom:12px}.awardsTop .item .left .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsTop .item .left .txt{display:inline-flex;align-items:center;line-height:27px;font-size:14px;color:var(--gray10);margin:0 auto}.awardsTop .item .right{width:55%;height:100%;margin-left:16px;z-index:200;margin-top:48px}.awardsTop .item .right .date{line-height:21px;color:hsla(0,0%,100%,.6)}.awardsTop .item .right .title{font-size:20px;line-height:30px;font-weight:700;color:#fff;margin-bottom:12px}}@media(max-width:480px){.gatherVote .infoWrap{margin:0 0 0 20px}.gatherVote .divideLine{margin:20px 0;width:100%;height:1px;background-color:#fff}.gatherVote .gatherList{position:relative;padding:32px 0 0}.gatherVote .sortBox{top:0}.gatherVote .gatherList .list{display:flex;flex-wrap:wrap;margin-top:24px;padding:0 20px 16px}.gatherVote .gatherList .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 10px}.gatherVote .gatherList .list ul:nth-child(3n+1),.gatherVote .gatherList .list ul:nth-child(odd){margin:0 0 10px}.gatherVote .gatherList .list ul .thumb{position:relative;height:208px;overflow:hidden}.gatherVote .gatherList .endedList{display:flex;flex-wrap:wrap;margin-top:10px;padding:0 20px 16px}.gatherVote .gatherList .endedList.np{padding:0 0 16px}.gatherVote .gatherList .endedList ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 10px}.gatherVote .gatherList .endedList ul:nth-child(3n+1),.gatherVote .gatherList .endedList ul:nth-child(odd),.gatherVote .gatherList.ing .endedList ul.fold,.gatherVote .gatherList.ing .endedList ul.pc,.gatherVote .gatherList.ing .endedList ul:nth-child(3n+1){margin:0 0 10px}.awardsTop{margin:20px 20px 0;border-radius:16px;overflow:hidden}.awardsTop,.awardsTop .swiper{height:300px}.awardsTop .item{position:relative;display:flex;flex-wrap:wrap;height:100%;color:#fff}.awardsTop .item .left{width:100%;height:80px!important;margin-right:0;z-index:200;text-align:center}.awardsTop .item .left .box{display:inline-flex;flex-wrap:wrap;width:80px;height:80px;margin-top:20px}.awardsTop .item .left .thumb{position:relative;width:80px;height:80px;border-radius:16px;overflow:hidden;margin-bottom:0}.awardsTop .item .left .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsTop .item .left .txt{display:none}.awardsTop .item .right{width:100%;height:auto;margin-left:0;z-index:200;margin-top:0;text-align:center}.awardsTop .item .right .date{font-size:12px;line-height:21px;color:hsla(0,0%,100%,.6)}.awardsTop .item .right .title{font-size:20px;line-height:30px;font-weight:700;color:#fff;margin-bottom:12px}.awardsTop .item .right .info{display:inline-flex;line-height:24px}.awardsTop .item .right .info .rank{border-radius:24px;width:36px;text-align:center;background-color:#fff;color:var(--blue100);font-weight:600;margin-right:12px}.awardsTop .item .right .info .name{font-size:16px;font-weight:700;margin-right:12px}.awardsTop .item .right .info .score{font-size:16px}.awardsTop .item .right .btn{width:130px;height:48px;line-height:48px;text-align:center;border-radius:8px;background-color:var(--blue100);font-size:16px;font-weight:600;margin:24px auto 0;cursor:pointer}.awardsTop .swiper-pagination-fraction{bottom:auto;top:8px;left:auto;right:8px;width:50px;border-radius:28px;line-height:28px;background-color:rgba(0,0,0,.6);color:hsla(0,0%,100%,.4);font-size:12px}}.awardsDetail{padding:40px 0 0}.awardsDetail.v2{width:592px;margin:0 auto;padding:10px 0 0}.awardsDetail .top{display:flex;flex-wrap:wrap;align-items:flex-end}.awardsDetail .top .stit{width:100%;font-size:16px;font-weight:700;color:var(--blue100);line-height:24px;margin-bottom:8px}.awardsDetail .top .title{font-size:32px;line-height:48px;font-weight:700}.awardsDetail .top .date{display:inline-flex;padding:0 0 8px 10px;color:var(--gray70)}.awardsDetail .top .date ul:first-child{position:relative;font-weight:600;margin-right:8px;padding-right:8px}.awardsDetail .top .date ul:first-child:before{content:"";position:absolute;top:4px;right:0;height:10px;width:1px;background-color:var(--gray30)}.awardsDetail .topV2{position:relative;height:180px;border-radius:16px;overflow:hidden}.awardsDetail .info{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;z-index:100}.awardsDetail .info .date{opacity:.7;font-weight:300}.awardsDetail .info .title{font-size:28px;font-weight:700;line-height:34px;padding:6px 24px 8px}.awardsDetail .info .btn{width:88px;line-height:32px;border-radius:32px;background-color:var(--red90);margin:0 auto}.awardsDetail .topV2 .cover{background-color:transparent;z-index:50}.awardsDetail .topV2 .cover,.awardsDetail .topV2 img{position:absolute;top:0;left:0;width:100%;height:100%}.awardsDetail .topV2 img{-o-object-fit:cover;object-fit:cover;z-index:20}.awardsDetail .chartWrap{border-radius:16px;height:200px}.awardsDetail .listBox{background:#fff;border-radius:16px;border:1px solid var(--gray30);margin:16px 0 0}.awardsDetailList{margin:0;padding:4px 24px}.awardsDetailList ul{position:relative;display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray20)}.awardsDetailList ul:last-child{border-bottom:0}.awardsDetailList ul .rank{width:48px;margin-right:8px;text-align:center;font-size:16px;font-weight:700}.awardsDetailList ul .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-left:0}.awardsDetailList ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsDetailList ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.awardsDetailList ul .rt{display:flex;align-items:center;flex-grow:1}.awardsDetailList ul .name{font-size:16px;font-weight:600;margin:0 0 0 16px}.awardsDetailList ul .name span{display:inline-flex;align-items:center;cursor:pointer}.awardsDetailList ul .name .arwRank{margin:0 0 0 4px}.awardsDetailList ul .index{font-weight:600;color:var(--gray90);margin-left:auto}.awardsDetailList ul .trophy{position:relative;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.awardsDetailList ul .trophy:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_trophy.svg) no-repeat;background-size:contain;cursor:pointer}.awardsDetailList ul .chart{position:relative;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.awardsDetailList ul .chart:before{content:"";position:absolute;top:7px;left:7px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_chart.svg) no-repeat;background-size:contain;cursor:pointer}.awardsDetailList ul .btn{width:76px;line-height:36px;height:36px;font-weight:600;text-align:center;border-radius:8px;background-color:var(--blue30);color:var(--blue100);cursor:pointer;margin:0 0 0 8px}.awardsDetail .top10{position:relative;margin:24px 0 40px}.awardsDetail .top10 .swiper-slide{height:auto;width:auto}.awardsDetail .top10 ul{position:relative;width:225px;background-color:#fff;border:1px solid var(--gray30);border-radius:16px;overflow:hidden}.awardsDetail .top10 ul .rank{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:8px;background-color:var(--gray120);color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:32px;z-index:100}.awardsDetail .top10 .swiper-slide:first-child .rank{background-color:var(--blue100)}.awardsDetail .top10 ul .thumb{position:relative;height:226px;overflow:hidden}.awardsDetail .top10 ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsDetail .top10 ul .info{padding:16px}.awardsDetail .top10 ul .info .cate{font-size:11px;font-weight:500;line-height:16px;color:var(--gray60)}.awardsDetail .top10 ul .info .name{font-size:16px;font-weight:700;line-height:24px}.awardsDetail .top10 .swiper-button-next{right:-20px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next.svg);background-size:contain}.awardsDetail .top10 .swiper-button-next,.awardsDetail .top10 .swiper-button-prev{position:absolute;top:50%;width:40px;height:40px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.awardsDetail .top10 .swiper-button-prev{left:-20px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev.svg);background-size:contain}.awardsDetail .top10 .swiper-button-next.swiper-button-disabled,.awardsDetail .top10 .swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.awardsDetail .top10 .swiper-button-next:after,.awardsDetail .top10 .swiper-button-prev:after{display:none}@media(max-width:800px){.awardsDetail{padding:20px 0 0}.awardsDetail .top{display:flex;flex-wrap:wrap;align-items:flex-end;padding:0 20px}.awardsDetail .top .stit{width:100%;font-size:13px;font-weight:700;color:var(--blue100);line-height:24px;margin-bottom:0}.awardsDetail .top .title{font-size:20px;line-height:30px;font-weight:700}.awardsDetail .info .title{font-size:24px;font-weight:700;line-height:28px;padding:6px 24px 8px}.awardsDetail .top .date{display:inline-flex;padding:0 0 4px 10px;color:var(--gray70);font-size:13px}.awardsDetail .top .date ul:first-child{position:relative;font-weight:600;margin-right:8px;padding-right:8px}.awardsDetail .top .date ul:first-child:before{content:"";position:absolute;top:4px;right:0;height:10px;width:1px;background-color:var(--gray30)}.awardsDetail .chartWrap{border-radius:16px;height:200px;width:calc(100% - 50px);margin-left:0}.awardsDetail .top10 .swiper-button-next{right:0}.awardsDetail .top10 .swiper-button-prev{left:0}.awardsDetail .top10 ul{position:relative;width:152px;background-color:#fff;border:1px solid var(--gray30);border-radius:16px;overflow:hidden}.awardsDetail .top10 .swiper-slide:first-child{margin-left:20px}.awardsDetail .top10 .swiper-slide:last-child{margin-right:20px}.awardsDetail .top10 ul .rank{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:8px;background-color:var(--gray120);color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:32px;z-index:100}.awardsDetail .top10 ul .thumb{position:relative;height:152px;overflow:hidden}.awardsDetail .top10 ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsDetail .top10 ul .info{padding:16px}.awardsDetail .top10 ul .info .cate{font-size:11px;font-weight:500;line-height:16px;color:var(--gray60)}.awardsDetail .top10 ul .info .name{font-size:14px;font-weight:700;line-height:21px}.awardsDetailList ul{position:relative;display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray20);line-height:normal}}@media(max-width:480px){.awardsDetail.v2{width:calc(100% - 40px);margin:0 auto;padding:10px 0 0}.awardsDetail .top .date{padding:0 0 8px}.awardsDetail .top .date ul:first-child{display:none}.awardsDetail .topV2{position:relative;height:160px;border-radius:16px;overflow:hidden}.awardsDetail .info{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;z-index:100}.awardsDetail .info .date{opacity:.7;font-weight:300}.awardsDetail .info .title{font-size:20px;font-weight:700;line-height:28px;padding:6px 24px 8px}.awardsDetail .info .btn{width:88px;line-height:32px;border-radius:32px;background-color:var(--red90);margin:0 auto}.awardsDetail .topV2 .cover{background-color:transparent;z-index:50}.awardsDetail .topV2 .cover,.awardsDetail .topV2 img{position:absolute;top:0;left:0;width:100%;height:100%}.awardsDetail .topV2 img{-o-object-fit:cover;object-fit:cover;z-index:20}.awardsDetail .chartWrap{border-radius:16px;height:300px;width:calc(100% - 22px)}.awardsDetailList{padding:4px 8px}.awardsDetailList ul{position:relative;display:flex;align-items:center;padding:8px 0 40px;border-bottom:1px solid var(--gray20)}.awardsDetailList ul .rank{width:32px;margin-right:0;text-align:center;font-size:16px;font-weight:700}.awardsDetailList ul .thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin-left:8px}.awardsDetailList ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsDetailList ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.awardsDetailList ul .rt{display:flex;flex-wrap:wrap;flex-grow:1;width:calc(100% - 180px);margin-left:8px}.awardsDetailList ul .name{font-size:14px;font-weight:600;margin:0;flex-grow:0;width:100%;line-height:24px}.awardsDetailList ul .name span{display:inline-flex;align-items:center;cursor:pointer}.awardsDetailList ul .name .arw{margin:0 0 0 4px}.awardsDetailList ul .index{font-weight:600;color:var(--gray90);width:100%;line-height:24px}.awardsDetailList ul .btn{margin:0 0 0 8px}.awardsDetailList ul .btn,.awardsDetailList ul .btn.up{width:64px;font-size:13px;line-height:36px;height:36px;font-weight:600;text-align:center;border-radius:8px;background-color:var(--blue30);color:var(--blue100);cursor:pointer}.awardsDetailList ul .btn.up{margin:0 0 10px 8px}.awardsDetailList ul .chart,.awardsDetailList ul .trophy{position:absolute;bottom:10px;right:0;display:inline-flex;width:30px;height:30px;border-radius:8px;border:1px solid var(--gray30);margin-left:10px}.awardsDetail .top10 .swiper-slide:first-child{margin-left:0}.awardsDetail .top10 .swiper-slide:last-child{margin-right:0}.awardsDetail .top10{margin:24px 20px 0;background-color:#fff;border-radius:16px;padding:0 20px}.awardsDetail .top10 ul{position:relative;display:flex;align-items:center;width:100%;height:72px;background-color:#fff;border:0;border-bottom:1px solid var(--gray30);border-radius:0;overflow:hidden}.awardsDetail .top10 .swiper-slide:last-child ul{border-bottom:0}.awardsDetail .top10 ul .rank{position:relative;top:0;left:0;width:20px;height:32px;border-radius:0;background-color:#fff;color:var(--gray100);font-size:16px;font-weight:700;text-align:center;line-height:32px;z-index:100}.awardsDetail .top10 ul .thumb{position:relative;height:40px;width:40px;border-radius:8px;overflow:hidden;margin-left:12px}.awardsDetail .top10 ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.awardsDetail .top10 ul .info{padding:0;margin-left:12px}.awardsDetail .top10 ul .info .cate{font-size:11px;font-weight:500;line-height:16px;color:var(--gray60)}.awardsDetail .top10 ul .info .name{font-size:14px;font-weight:700;line-height:21px}.awardsDetail .top10 .swiper-slide:first-child .rank,.awardsDetail .top10 .swiper-slide:nth-child(2) .rank,.awardsDetail .top10 .swiper-slide:nth-child(3) .rank{background-color:#fff;color:var(--blue100)}}.policy{position:relative;padding:40px 0 0}.policy .title{position:relative;font-size:32px;line-height:48px;font-weight:700;margin:0 0 16px}.policy .title .policySelect{position:absolute;top:0;right:0;font-size:13px}.policy .title span{font-size:18px;margin:0 0 0 8px}.policy .subTitle{font-size:20px;line-height:30px;font-weight:700;margin-bottom:8px}.policy .subText{font-size:16px;line-height:26px}.policy .box ul{margin-top:32px}.policy .box ul li:first-child{font-size:18px;line-height:27px;font-weight:700;color:var(--gray120);margin-bottom:8px}.policy .box ul li:nth-child(2) dl{display:flex;font-size:16px;line-height:28px;margin-bottom:16px}.policy .box ul li:nth-child(2) dl span{font-size:11px;margin-right:8px}.policy .box ul li:nth-child(2) dl:last-child{margin-bottom:0}.policy .box ul li:nth-child(2) dl dd{width:100%}.policy .index{padding:16px 32px 32px;border:1px solid var(--gray30);border-radius:16px;margin:32px 0 0}.policy .index ul{display:flex;flex-wrap:wrap}.policy .index ul li{width:33.333333%;margin:16px 0 0;font-size:16px;cursor:pointer;font-weight:700}.policy .index ul li:hover{text-decoration:underline}.policy .stit{font-size:16px;font-weight:700;padding:0 0 8px}.policy .subtit{font-size:15px;font-weight:700;padding:8px 0 0;color:var(--gray70)}.policy .table1{width:100%;padding:0;border-collapse:collapse;font-size:15px;border-top:2px solid #000;border-left:1px solid var(--gray30);margin:16px 0}.policy .table1 tr td{border-bottom:1px solid var(--gray30);border-right:1px solid var(--gray30);padding:8px;vertical-align:top}.policy .table1 tr.header td{background-color:var(--gray20);text-align:center;font-weight:700}.policy .table2{width:100%;padding:0;border-collapse:collapse;font-size:15px;border-top:2px solid #000;border-left:1px solid var(--gray30);margin:16px 0}.policy .table2 tr td{border-bottom:1px solid var(--gray30);border-right:1px solid var(--gray30);padding:8px;vertical-align:middle}.policy .table2 tr td:first-child{background-color:var(--gray20);font-weight:700}.policy a{text-decoration:underline;color:#000}.policy .tab{display:flex;margin-bottom:40px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.policy .tab::-webkit-scrollbar{display:none}.policy .tab ul{position:relative;line-height:44px;font-size:16px;font-weight:600;margin-left:32px}.policy .tab ul:first-child{margin-left:0}.policy .tab ul a{text-decoration:none}.policy .tab ul.on a{color:var(--blue100)}.policy .tab ul.on:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--blue100)}@media(max-width:800px){.policy{padding:20px 0 0;width:calc(100% - 40px);margin:0 auto}.policy .title{font-size:24px;line-height:36px;font-weight:700}.policy .box ul{margin-top:16px}.policy .box ul li:first-child{font-size:16px;line-height:24px;font-weight:600;color:var(--gray100);margin-bottom:8px}.policy .box ul li:nth-child(2) dl{display:flex;font-size:14px;line-height:24px;margin-bottom:16px;color:var(--gray100)}.policy .box ul li:nth-child(2) dl span{font-size:11px;margin-right:8px}.policy .box ul li:nth-child(2) dl:last-child{margin-bottom:0}.policy .box ul li:nth-child(2) dl dd{width:100%}.policy .index{padding:0 16px 16px;border:1px solid var(--gray30);border-radius:16px;margin:32px 0 0}.policy .index ul li{width:100%;margin:16px 0 0;font-size:16px;cursor:pointer;font-weight:700}}@media(max-width:480px){.policy{padding:20px 0 0;width:calc(100% - 40px);margin:0 auto}}.layerDefault{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:2000}.layerDefault .inbox{background-color:#fff;border-radius:16px;padding:16px}.layerDefault .inbox .top,.layerDefault .inbox .top_in{line-height:30px;font-size:20px;font-weight:700}.layerDefault .inbox .top_in{padding-bottom:24px}.layerDefault .inbox .close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:32px;background-color:var(--gray30);display:flex;align-items:center;justify-content:center;cursor:pointer}.layerDefault .inbox .bot{display:flex;padding-top:24px;background-color:#fff}.layerDefault .inbox .bot ul{width:calc(50% - 6px);line-height:48px;border-radius:8px;background-color:var(--gray20);color:var(--gray90);font-size:16px;font-weight:600;text-align:center;cursor:pointer}.layerDefault .inbox .bot ul.confirm{background-color:var(--blue100);color:#fff;margin-left:12px}.layerDefault .inbox .bot ul.wide{margin-left:0;width:100%}.modalLayout{border:none}.modalLayout .content{overflow-y:auto}.layerDefault .confirmWrap{height:100%;min-width:300px;overflow:hidden}.layerDefault .confirmWrap button{width:100%;height:100%;color:inherit;font-weight:inherit;display:inline-block;font-size:inherit}.modalLayout .inbox{gap:20px;max-height:calc(100% - 40px);display:flex;flex-direction:column}@media(max-width:480px){.layerDefault .inbox{position:relative;background-color:#fff;border-radius:16px;padding:16px;width:calc(100% - 72px)!important}.layerDefault .confirmWrap{min-width:auto;width:100%;padding-top:32px}}.commentWrap{margin:16px 0 0}.commentWrap .totalCnt{line-height:28px;font-size:18px;font-weight:600;color:var(--gray100);margin-bottom:12px}.commentWrap .totalCnt span{color:var(--gray120)}.commentWrap .writeBox{margin:12px 0 0}.commentWrap .writeBox .loginFalse{display:flex;margin-bottom:12px}.commentWrap .writeBox .loginFalse input{line-height:46px;border:1px solid var(--gray40);border-radius:8px;width:calc(50% - 6px);font-size:16px;text-indent:16px;font-weight:500;color:var(--gray100)}.commentWrap .writeBox .loginFalse input:focus{border:1px solid var(--blue100)}.commentWrap .writeBox .loginFalse input::-moz-placeholder{font-weight:400;color:var(--gray50)}.commentWrap .writeBox .loginFalse input::placeholder{font-weight:400;color:var(--gray50)}.commentWrap .writeBox .loginFalse input:first-child{margin:0 12px 0 0}.commentWrap .textareaBox{border:1px solid var(--gray40);border-radius:8px;padding:8px 16px;background-color:#fff}.commentWrap .textareaBox.active{border:1px solid var(--blue100)}.commentWrap .textareaBox .loginTrue{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.commentWrap .textareaBox textarea{border:0;width:100%;min-height:50px;resize:none;margin-bottom:0;line-height:24px;font-size:16px;font-family:Pretendard,sans-serif;outline:none}.commentWrap .textareaBox textarea::-moz-placeholder{color:var(--gray50);white-space:pre-line;font-weight:300}.commentWrap .textareaBox textarea::placeholder{color:var(--gray50);white-space:pre-line;font-weight:300}.commentWrap .textareaBox .bot{display:flex;height:40px;align-items:center}.commentWrap .textareaBox .bot ul.limit{flex-grow:1;text-align:right;padding:0 16px 0 0;color:var(--gray50);font-size:12px;font-weight:500}.commentWrap .textareaBox .bot button{width:66px;line-height:40px;text-align:center;border:0;border-radius:8px;background-color:var(--blue100);margin-left:auto;font-weight:600;color:#fff;font-family:Pretendard,sans-serif;cursor:pointer}.commentWrap .textareaBox .bot button:disabled{background-color:var(--gray30);color:var(--gray50);cursor:default}.commentWrap .tab{margin:12px 0 0;display:flex;padding-bottom:8px;border-bottom:1px solid var(--gray120)}.commentWrap .tab ul{line-height:24px;margin:0 24px 0 0;font-size:16px;font-weight:600;color:var(--gray70);cursor:pointer}.commentWrap .tab ul.on{color:var(--gray120)}.commentWrap .commentList{border-bottom:1px solid var(--gray30)}.commentWrap .commentList .none{text-align:center;padding:48px 0;line-height:21px;color:var(--gray70)}.commentWrap .commentList .none img{margin-bottom:8px}.commentWrap .commentList .list{position:relative;padding:8px 0 12px;border-bottom:1px solid var(--gray30)}.commentWrap .commentList .list:last-child{border-bottom:0}.commentWrap .commentList .list .dep1{position:relative}.commentWrap .commentList .list .dep2{position:relative;padding:0 16px 10px;background-color:var(--gray10);margin:14px 0 0;border-top:1px solid var(--gray30)}.commentWrap .commentList .list .dep2 .writeBox{margin:12px 0 0}.commentWrap .commentList .list .dep2 .inList{position:relative;padding:10px 0 30px;border-bottom:1px solid var(--gray30)}.commentWrap .commentList .list .dep2 .inList:last-child{border-bottom:0}.commentWrap .commentList .list .info{display:inline-flex;line-height:24px;align-items:center}.commentWrap .commentList .list .info .name{font-weight:600;color:#222}.commentWrap .commentList .list .info .date{position:relative;color:var(--gray60);padding:0 0 0 8px;margin:0 0 0 8px;font-size:13px;font-weight:400}.commentWrap .commentList .list .info .date:before{content:"";position:absolute;top:6px;left:0;width:1px;height:12px;background-color:var(--gray30)}.commentWrap .commentList .list .menu{position:absolute;top:0;right:0;cursor:pointer}.commentWrap .commentList .list .dep2 .inList .menu{top:10px}.commentWrap .commentList .list .menu .menuLayer{position:absolute;top:28px;right:0;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;padding:2px;z-index:100;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814}.commentWrap .commentList .list .menu .menuLayer .btn{width:58px;line-height:36px;text-align:center;border-radius:8px;color:var(--gray90)}.commentWrap .commentList .list .menu .menuLayer .btn:hover{background-color:var(--gray10)}.commentWrap .commentList .list .cont{padding:2px 0 6px;font-size:16px;line-height:24px}.commentWrap .commentList .list .cont.block{position:relative;color:var(--gray50);padding:8px 0 8px 32px;font-size:14px}.commentWrap .commentList .list .cont.block:before{content:"";position:absolute;top:8px;left:0;width:24px;height:24px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_info.svg)}.commentWrap .commentList .list .reply{display:inline-flex;align-items:center;line-height:21px;font-weight:600;color:var(--gray70);cursor:pointer}.commentWrap .commentList .list .reply span{color:var(--gray90);margin-left:4px}.commentWrap .commentList .list .reply .arw{transform:rotate(90deg);margin-left:2px}.commentWrap .commentList .list .reply .arw.open{transform:rotate(-90deg)}.commentWrap .commentList .list .vote{position:absolute;bottom:0;right:0;line-height:21px;display:inline-flex;align-items:center}.commentWrap .commentList .list .dep2 .inList .vote{bottom:10px}.commentWrap .commentList .list .dep2 .noReplies{text-align:center;color:var(--gray70);padding:48px 0 24px}.commentWrap .commentList .list .dep2 .noReplies ul{padding:0 0 16px}.commentWrap .commentList .list .vote dl img{margin:0 8px 0 0;cursor:pointer}.commentWrap .commentList .list .vote dl.good{color:var(--blue100);margin-right:20px;font-weight:600}.commentWrap .commentList .list .vote dl.bad{color:var(--red90);font-weight:600}.commentWrap .commentList .list .vote dl.bad.block img,.commentWrap .commentList .list .vote dl.good.block img{cursor:default}.commentWrap .commentList .noComment{text-align:center;padding:40px 0;color:var(--gray70)}.commentWrap .commentList .noComment ul{padding:0 0 16px}.commentWrap .btnMore{margin:12px 0 24px;text-align:center}.commentWrap .btnMore .in{display:inline-flex;height:48px;line-height:48px;align-items:center;font-size:16px;font-weight:600;color:var(--gray90);cursor:pointer}.commentWrap .btnMore .in .arw{transform:rotate(90deg);margin-left:2px}.commentWrap .replyClose{text-align:center;padding:8px 0 0}.commentWrap .replyClose .in{display:inline-flex;align-items:center;line-height:36px;cursor:pointer}.commentWrap .replyClose .in .arw{transform:rotate(-90deg);margin-left:2px}.commentPassword{width:360px;text-align:center;padding:24px 0}.commentPassword .tit{font-size:16px;line-height:24px;color:var(--blue100);font-weight:600;margin-bottom:8px}.commentPassword .txt{font-size:16px;line-height:24px;color:var(--gray100);margin-bottom:24px}.commentPassword .inp{position:relative;margin:0 auto;width:308px;height:50px}.commentPassword .inp img{position:absolute;top:10px;left:16px;width:24px}.commentPassword .inp input{line-height:48px;width:calc(100% - 2px);border:1px solid var(--gray40);border-radius:8px;text-indent:46px;font-size:16px;font-weight:600}.commentPassword .inp input:focus{border-color:var(--blue100)}.commentPassword .inp input::-moz-placeholder{color:var(--gray50);font-weight:500}.commentPassword .inp input::placeholder{color:var(--gray50);font-weight:500}.commentNotify{width:360px}.commentNotify .tit{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.commentNotify .list textarea{margin:16px 0 0;padding:16px;border:1px solid var(--gray40);border-radius:8px;resize:none;width:calc(100% - 34px);height:100px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;outline:none}.commentNotify .list textarea:focus{border:1px solid var(--blue100)}.commentNotify .list textarea::-moz-placeholder{color:var(--gray50);font-weight:400}.commentNotify .list textarea::placeholder{color:var(--gray50);font-weight:400}.commentNotify .list .limit{text-align:right;font-size:12px;line-height:18px;color:var(--gray70);font-weight:600;padding:8px 0 0}.commentModifyIn{width:360px}.commentModifyIn textarea{margin:0;padding:16px;border:1px solid var(--gray40);border-radius:8px;resize:none;width:calc(100% - 34px);height:100px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;outline:none}.commentModifyIn textarea:focus{border:1px solid var(--blue100)}.commentModifyIn textarea::-moz-placeholder{color:var(--gray50);font-weight:400}.commentModifyIn textarea::placeholder{color:var(--gray50);font-weight:400}.commentModifyIn .limit{text-align:right;font-size:12px;line-height:18px;color:var(--gray70);font-weight:600;padding:8px 0 0}@media(max-width:800px){.commentWrap{margin:8px 20px 0}}@media(max-width:480px){.commentWrap .textareaBox textarea{min-height:74px}.commentPassword{width:100%}.commentPassword .inp{margin:0 auto;width:calc(100% - 30px)}.commentModifyIn,.commentNotify{width:100%}}.feedBack{width:590px;margin:0 auto;padding:40px 0 0}.feedBack .title{font-size:32px;line-height:48px;font-weight:700}.feedBack .box{background-color:#fff;border-radius:16px;border:1px solid var(--gray30);padding:20px;margin:24px 0 0}.feedBack .box.noTop{margin:16px 0 0}.feedBack .box .boxTitle{font-size:20px;line-height:30px;font-weight:600;margin-bottom:16px}.feedBack .box .boxTitle.noBOt{margin-bottom:4px}.feedBack .box .formBd ul{margin-bottom:24px}.feedBack .box .formBd ul:last-child{margin-bottom:0}.feedBack .box .formBd ul .stit{font-weight:600;line-height:21px;color:var(--gray70);margin-bottom:8px}.feedBack .box .formBd ul input[type=text]{width:calc(100% - 2px);line-height:48px;border:1px solid var(--gray40);border-radius:8px;text-indent:16px;font-size:16px;font-weight:500;color:var(--gray90)}.feedBack .box .formBd ul input[type=text]::-moz-placeholder{color:var(--gray50)}.feedBack .box .formBd ul input[type=text]::placeholder{color:var(--gray50)}.feedBack .box .formBd ul input[type=text]:focus{border:1px solid var(--blue100)}.feedBack .box .formBd ul input[type=text]:disabled{background-color:#fff}.feedBack .box .formBd ul .textarea{width:calc(100% - 2px);border:1px solid var(--gray40);border-radius:8px;overflow:hidden}.feedBack .box .formBd ul .textarea textarea{width:calc(100% - 32px);border:0;padding:16px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;color:var(--gray90);height:100px;resize:none;outline:none}.feedBack .box .formBd ul .textarea textarea::-moz-placeholder{color:var(--gray50)}.feedBack .box .formBd ul .textarea textarea::placeholder{color:var(--gray50)}.feedBack .box .formBd .inpFile{display:flex}.feedBack .box .formBd .inpFile .btnFile{width:92px;line-height:48px;border-radius:8px;text-align:center;background-color:var(--gray20);color:var(--gray90);font-size:16px;font-weight:600;cursor:pointer;margin:0 0 0 10px}.feedBack .box .formBd .inpFile input{width:calc(100% - 106px)!important}.feedBack .box .tab{display:flex;margin-bottom:16px}.feedBack .box .tab ul{width:calc(50% - 8px)}.feedBack .box .tab ul:first-child{margin-right:12px}.feedBack .box .tab ul input[type=radio]{display:none}.feedBack .box .tab ul label{display:flex;align-items:center;justify-content:center;height:56px;text-align:center;border:1px solid var(--gray40);width:calc(100% - 2px);border-radius:8px;background-color:#fff;font-size:16px;color:var(--gray70)!important;font-weight:600;cursor:pointer}.feedBack .box .tab ul [type=radio]:checked~label{background:var(--gray100);border:1px solid var(--gray100);color:#fff!important}.feedBack .box .copyInfo{text-align:right}.feedBack .box .infoText{position:relative;font-size:12px;font-weight:500;color:var(--gray70);line-height:18px;padding:8px 0 0 20px}.feedBack .box .infoText:before{content:"";position:absolute;top:9px;left:0;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_info.svg);background-size:contain}.feedBack .box .addFileText{line-height:21px;color:var(--gray70)}.feedBack .box .addFileArea{background-color:var(--gray10);border:2px dashed var(--gray30);border-radius:8px;padding:24px 0;margin-top:24px;cursor:pointer}.feedBack .box .addFileArea ul{display:flex;align-items:center;width:100%;justify-content:center}.feedBack .box .addFileArea ul div{margin-left:4px}.feedBack .box .addFileArea ul:first-child{font-weight:600;line-height:24px;color:var(--gray90);font-size:16px}.feedBack .box .addFileArea ul:first-child img{margin-right:8px}.feedBack .box .addFileArea ul:nth-child(2){line-height:21px;color:var(--gray70)}.feedBack .box .addFileList{margin:16px 0 0}.feedBack .box .addFileList ul{position:relative;line-height:56px;border:1px solid var(--gray30);border-radius:8px;padding:0 0 0 16px;margin-bottom:8px;font-size:16px;color:var(--gray70)}.feedBack .box .addFileList ul:last-child{margin-bottom:0}.feedBack .box .addFileList ul li:nth-child(2){position:absolute;top:16px;right:16px;opacity:.5;cursor:pointer}.feedBack .termsTitle{font-size:20px;line-height:30px;font-weight:600;margin:24px 0 0}.feedBack .box .terms{font-size:16px;line-height:24px;color:var(--gray100)}.feedBack .box .terms ul{margin-bottom:20px}.feedBack .box .terms ul:last-child{margin-bottom:0}.feedBack .box .terms .part li:first-child{font-size:16px;line-height:24px;font-weight:600;color:var(--gray100);margin-bottom:4px}.feedBack .box .terms .part li:nth-child(2) dl{position:relative;margin-bottom:8px;font-size:14px;font-weight:400;line-height:21px;color:var(--gray90);padding:0 0 0 11px}.feedBack .box .terms .part li:nth-child(2) dl:before{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.feedBack .box .terms .part li:nth-child(2) span{font-weight:600;margin-right:8px}.feedBack .agree{margin:16px 0 64px}.feedBack .agree .req{display:inline-table;font-size:16px;line-height:30px;color:var(--red90);margin-left:8px}.feedBack .agree input[type=checkbox]{width:18px;height:18px;border:1px solid var(--gray40)!important;border-radius:6px;vertical-align:middle;margin:0 8px 2px 0}.feedBack .agree label{font-size:16px;line-height:24px;color:var(--gray90)}.feedBack button{height:56px;border:0;border-radius:8px;background-color:var(--blue100);color:#fff;width:100%;font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;cursor:pointer}.feedBack button:disabled{background-color:var(--gray30);color:var(--gray50);cursor:default}.fullLoader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500}.fullLoader .inBox{position:absolute;width:100%;height:40px;top:calc(50% - 20px);left:0}@media(max-width:480px){.feedBack{width:calc(100% - 40px);margin:0 auto;padding:20px 20px 0}.feedBack .title{font-size:20px;line-height:30px;font-weight:700}.feedBack .box{background-color:#fff;border-radius:16px;border:1px solid var(--gray30);padding:20px;margin:16px 0 0}.feedBack .box .boxTitle{font-size:18px;line-height:27px;font-weight:600;margin-bottom:16px}.feedBack .box .tab{display:flex;margin-bottom:16px}.feedBack .box .tab ul{width:calc(50% - 8px)}.feedBack .box .tab ul:first-child{margin-right:12px}.feedBack .box .tab ul input[type=radio]{display:none}.feedBack .box .tab ul label{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:56px;text-align:center;border:1px solid var(--gray40);width:calc(100% - 2px);border-radius:8px;background-color:#fff;font-size:16px;color:var(--gray70)!important;font-weight:600;cursor:pointer}.feedBack .box .tab ul:nth-child(2) label{padding-top:10px;height:46px}.feedBack .box .tab ul label div{width:100%;font-size:12px;margin-bottom:10px}.feedBack .box .addFileArea{background-color:var(--gray10);border:2px dashed var(--gray30);border-radius:8px;padding:24px 0;margin-top:24px;cursor:pointer}.feedBack .box .addFileArea ul{display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:center}.feedBack .box .addFileArea ul div{margin-left:4px}.feedBack .box .addFileArea ul:first-child{font-weight:600;line-height:24px;color:var(--gray90);font-size:16px}.feedBack .box .addFileArea ul:first-child img{margin-right:8px}.feedBack .box .addFileArea ul:nth-child(2){font-size:12px;line-height:18px;color:var(--gray70);padding:8px 0 0}.feedBack .agree{margin:16px 0 40px}}.errNewsDetail{animation:view404 .3s ease-out forwards;width:300px;margin:0 auto;padding:150px 0 0;text-align:center;opacity:0}.errNewsDetail .title{font-size:24px;font-weight:700;padding:0 0 8px;color:var(--gray100)}.errNewsDetail .txt{font-size:16px;line-height:21px;color:var(--gray70);margin-bottom:24px}.errNewsDetail .btn{width:100px;line-height:46px;border-radius:8px;background-color:var(--blue100);color:#fff;margin:0 auto;cursor:pointer}@keyframes view404{0%{opacity:0}30%{opacity:0}to{opacity:1}}@media(max-width:480px){.errNewsDetail .img{width:200px;margin:0 auto}.errNewsDetail .title{font-size:20px;font-weight:700;padding:0 0 8px;color:var(--gray100)}.errNewsDetail .txt{font-size:14px;line-height:16px;color:var(--gray70);margin-bottom:24px}}.agreeTxt{width:572px;padding:0 20px 0 0;max-height:500px;overflow-y:auto}.agreeTxt::-webkit-scrollbar{width:5px}.agreeTxt::-webkit-scrollbar-track{background:#eceff3}.agreeTxt::-webkit-scrollbar-thumb{background:#a1acbb}.agreeTxt::-webkit-scrollbar-thumb:hover{background:#7e94b4}.agreeTxt .tit{font-size:18px;line-height:27px;font-weight:700;margin-bottom:24px}.agreeTxt ul{margin-top:24px}.agreeTxt ul:first-child{margin-top:0}.agreeTxt ul li:first-child{font-size:18px;line-height:27px;font-weight:700;color:var(--gray120);margin-bottom:8px}.agreeTxt ul li:nth-child(2) dl{display:flex;font-size:16px;line-height:26px;margin-bottom:16px;color:var(--gray100)}.agreeTxt ul li:nth-child(2) dl span{font-size:11px;margin-right:8px}.agreeTxt ul li:nth-child(2) dl:last-child{margin-bottom:0}.agreeTxt ul li:nth-child(2) dl dd{width:100%}.agreeTxt .subtit{font-size:16px;font-weight:700;padding:8px 0 0}@media(max-width:480px){.agreeTxt{width:calc(100% - 20px);padding:0 20px 0 0;max-height:500px;overflow-y:auto}}.rankOption{width:400px}.rankOption .inBox{height:420px;padding-bottom:24px;overflow-y:auto}.rankOption .inBox::-webkit-scrollbar{width:5px}.rankOption .inBox::-webkit-scrollbar-track{background:#eceff3}.rankOption .inBox::-webkit-scrollbar-thumb{background:#a1acbb}.rankOption .inBox::-webkit-scrollbar-thumb:hover{background:#7e94b4}.rankOption .inBox ul{margin-top:24px}.rankOption .inBox ul:first-child{margin-top:0}.rankOption .inBox ul li:first-child{font-size:16px;font-weight:600;line-height:27px;padding:0 0 8px}.rankOption .inBox ul li:nth-child(2){display:flex;flex-wrap:wrap}.rankOption .inBox ul li:nth-child(2) dl{border:1px solid var(--gray30);border-radius:8px;line-height:38px;text-align:center;margin:8px 0 0 8px;color:var(--gray90);font-weight:600;cursor:pointer}.rankOption .inBox ul li:nth-child(2) dl.on{border:1px solid var(--blue30);background-color:var(--blue30);color:var(--blue100)}.rankOption .inBox ul li:nth-child(2).box3 dl{width:calc(33.3333333333% - 8px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.rankOption .inBox ul li:nth-child(2).box3 dl:nth-child(3n+1){margin:8px 0 0}.rankOption .inBox ul li:nth-child(2).box2 dl{width:calc(50% - 10px)}.rankOption .inBox ul li:nth-child(2).box2 dl:nth-child(odd){margin:8px 0 0}.rankOption .inBox ul.disabled li:nth-child(2) dl{cursor:not-allowed;background-color:var(--gray10)}.rankOption .inBox ul.disabled li:nth-child(2) dl.on{background-color:var(--blue30)}@media(max-width:480px){.rankOption{width:100%}}.ytViewLayer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:1500}.ytViewLayer .top{position:relative;height:70px;line-height:70px;background-color:#000}.ytViewLayer .top .title{padding:0 0 0 24px;color:#fff;font-size:18px;font-weight:700}.ytViewLayer .top .close{position:absolute;top:15px;right:16px;width:64px;height:40px;line-height:40px;border-radius:8px;background-color:var(--blue100);color:#fff;text-align:center;cursor:pointer}.ytViewLayer .inBox{position:absolute;top:70px;left:0;width:100%;height:calc(100% - 70px)}@media(max-width:800px){.ytViewLayer .top .title{padding:0 0 0 16px;color:#fff;font-size:16px;font-weight:700;width:calc(100% - 96px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.ytViewLayer .top .close{width:56px}}.listNoneDefault{line-height:120px;color:var(--gray70);font-size:16px}.listNoneDefault,.noResulWrap{width:100%;text-align:center}.noResulWrap .ul:first-child img{width:64px}.noResulWrap .ul:nth-child(2){font-size:24px;line-height:36px;font-weight:700;text-align:center;padding-bottom:8px;padding-top:8px}.noResulWrap .ul:nth-child(2) span{color:var(--blue100)}.noResulWrap .ul:nth-child(3){font-size:16px;line-height:24px;color:var(--gray90)}@media(max-width:800px){.noResulWrap{width:100%;text-align:center}.noResulWrap .ul:first-child img{width:64px}.noResulWrap .ul:nth-child(2){font-size:20px;line-height:30px;font-weight:700;text-align:center;padding-bottom:8px;padding-top:8px}.noResulWrap .ul:nth-child(2) span{color:var(--blue100)}.noResulWrap .ul:nth-child(3){font-size:16px;line-height:24px;color:var(--gray90)}}.topDep3{border-bottom:1px solid var(--gray30)}.topDep3 .inBox{display:flex;align-items:center;height:54px;width:1200px;margin:0 auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.topDep3 .inBox ul{font-size:14px;font-weight:600;color:var(--gray90);height:36px;line-height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--gray30);margin:0 8px 0 0;cursor:pointer}.topDep3 .inBox ul.on{border:1px solid var(--blue100);background-color:var(--blue100);color:#fff}.topDep3 .inBox::-webkit-scrollbar{display:none}.topDep4 .inBox{display:flex;align-items:center;height:54px;width:1200px;margin:0 auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.topDep4 .inBox ul{font-size:15px;font-weight:600;color:var(--gray90);height:40px;line-height:40px;padding:0 16px;border-radius:40px;margin:0 8px 0 0;cursor:pointer}.topDep4 .inBox ul.on{background-color:var(--blue30);color:var(--blue100)}.topDep4 .inBox::-webkit-scrollbar{display:none}@media(max-width:800px){.topDep3{border-bottom:1px solid var(--gray30)}.topDep3 .inBox{display:flex;align-items:center;height:48px;width:100%;margin:0 auto}.topDep3 .inBox ul{font-size:14px;font-weight:600;color:var(--gray90);height:34px;line-height:34px;padding:0 16px;border-radius:8px;border:1px solid var(--gray30);margin:0 8px 0 0;cursor:pointer}.topDep3 .inBox ul:first-child{margin:0 8px 0 12px}.topDep3 .inBox ul.on{border:1px solid var(--blue100);background-color:var(--blue100);color:#fff}.topDep4 .inBox{display:flex;align-items:center;height:56px;width:100%;margin:0 auto}.topDep4 .inBox ul{font-size:14px;font-weight:600;color:var(--gray90);height:34px;line-height:34px;padding:0 16px;border-radius:36px;margin:0 8px 0 0;cursor:pointer}.topDep4 .inBox ul:first-child{margin:0 8px 0 20px}.topDep4 .inBox ul:last-child{margin:0 20px 0 0}.topDep4 .inBox ul.on{background-color:var(--blue30);color:var(--blue100)}}.rankingCustomWrap{padding:8px 0 0}.rankingCustomWrap .top,.rankingCustomWrap .top .info{position:relative;align-items:center}.rankingCustomWrap .top .info{display:flex;width:100%;margin-top:8px;color:var(--gray70);min-height:36px;line-height:36px}.toptip{position:relative;margin:0 0 0 16px;color:var(--gray90);font-weight:600;cursor:pointer}.toptip .layer{position:absolute;left:calc(50% - 140px);width:260px;background-color:#fff;border-radius:8px;border:1px solid var(--gray30);line-height:21px;text-align:left;padding:16px;z-index:500;box-shadow:0 6px 20px -4px #1018280a,0 4px 2px 0 #10182805}.toptip .layer span{color:var(--blue100);font-weight:600}.toptip_mo{display:none}.rankingCustomWrap .list{padding:10px 0 0}.rankingCustomWrap .list .head{display:flex;align-items:center;background-color:var(--gray20);border-radius:8px}.rankingCustomWrap .list .head li{line-height:54px;color:var(--gray70);text-align:center}.rankingCustomWrap .list ul .rank{width:84px;padding:0 0 0 24px;text-align:left;margin-left:24px}.rankingCustomWrap .list ul .thumb{position:relative;width:70px;margin-left:24px}.rankingCustomWrap .list ul .thumb:hover .preview-image{display:block}.rankingCustomWrap .list ul .mo{display:flex;flex-wrap:wrap;flex-grow:1}.rankingCustomWrap .list ul .name{flex-grow:1;text-align:left;padding-left:24px}.rankingCustomWrap .list ul .popular{width:118px;text-align:right;padding-right:56px}.rankingCustomWrap .list ul .news,.rankingCustomWrap .list ul .search,.rankingCustomWrap .list ul .viral{width:118px;text-align:right;padding-right:8px}.rankingCustomWrap .list ul .active,.rankingCustomWrap .list ul .participate{width:118px;text-align:right;padding-right:56px}.rankingCustomWrap .list ul .btnBox{width:106px}.rankingCustomWrap .list .tr .default{display:flex;align-items:center;height:64px;border-bottom:1px solid var(--gray20)}.rankingCustomWrap .list .tr:hover{background-color:var(--blue10)}.rankingCustomWrap .list .tr li{font-size:15px}.rankingCustomWrap .list .tr .rank{width:92px;display:flex;align-items:center;justify-content:center;padding:0 0 0 16px}.rankingCustomWrap .list .tr .rank .num{font-weight:600;width:40px;line-height:24px;text-align:center}.rankingCustomWrap .list .tr .rank .rankMark{font-size:12px;line-height:24px;width:38px;margin:0 0 0 8px}.rankingCustomWrap .list .tr .rank .rankMark.new{width:46px}.rankingCustomWrap .list .tr .thumb .thumbBox{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;margin:0 auto}.rankingCustomWrap .list .tr .thumb .thumbBox img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rankingCustomWrap .list .tr .thumb .thumbBox:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rankingCustomWrap .list .tr .name span{display:inline-flex;align-items:center;cursor:pointer}.rankingCustomWrap .list .tr .name .arwRank{margin-left:4px}.rankingCustomWrap .list .tr .popular{font-weight:700}.rankingCustomWrap .list ul .btnBox .btn{width:66px;line-height:32px;font-size:12px;font-weight:400;background-color:var(--gray120);color:#fff;border-radius:8px;margin:0 auto;text-align:center;cursor:pointer}.rankingCustomWrap .moList{background-color:var(--gray10);border-bottom:1px solid var(--gray20);padding:16px}.rankingCustomWrap .moList div{display:flex}.rankingCustomWrap .moList div dt{line-height:29px}.rankingCustomWrap .moList div dt:first-child{font-weight:600;color:var(--gray70);display:inline-flex;align-items:center}.rankingCustomWrap .moList div dt:nth-child(2){margin-left:auto;color:var(--gray100)}.rankingCustomWrap .moList div:first-child dt:first-child{font-weight:700;color:var(--gray100)}.rankingCustomWrap .moList div:first-child dt:nth-child(2){font-weight:700;margin-left:auto;color:var(--gray100)}.rankingCustomWrap .list ul .search{display:none}.rankingCustomWrap .list ul .search.show{display:block}.rankingCustomWrap .moList .searched{display:none}@media(max-width:800px){.rankingCustomWrap{padding:8px 20px 0}.toptip{display:none}.toptip_mo{display:block;margin:0 0 0 16px;color:var(--gray90);font-weight:600;cursor:pointer}.rankingCustomWrap .top{position:relative;align-items:center}.rankingCustomWrap .list ul .rank{width:84px;padding:0 0 0 24px;text-align:left;margin-left:0}.rankingCustomWrap .list ul .thumb{width:70px;margin-left:8px}.rankingCustomWrap .list ul .name{flex-grow:1;text-align:left;padding-left:8px}.rankingCustomWrap .list ul .name .nameBox{max-width:180px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.rankingCustomWrap .list ul .popular{width:118px;text-align:right;padding-right:24px}.rankingCustomWrap .list .active,.rankingCustomWrap .list .news,.rankingCustomWrap .list .participate,.rankingCustomWrap .list .search,.rankingCustomWrap .list .viral{display:none}.rankingCustomWrap .list .tr .popular{display:flex;align-items:center}.rankingCustomWrap .list .tr .popular span{flex-grow:1}.rankingCustomWrap .list .tr .popular .drop{width:24px;height:24px;border:1px solid var(--gray30);border-radius:4px;margin-left:8px;cursor:pointer;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg) no-repeat 50%;background-size:70%;transform:rotate(90deg)}.rankingCustomWrap .list .tr .popular .drop.open{transform:rotate(-90deg)}.rankingCustomWrap .list .tr:hover{background-color:#fff}.rankingCustomWrap .list ul .search.show,.rankingCustomWrap .moList .searched{display:none}.rankingCustomWrap .moList .searched.show{display:flex}}@media(max-width:480px){.rankingCustomWrap .top .info{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-top:8px;color:var(--gray70);min-height:36px;line-height:16px}.toptip{display:none}.toptip_mo{display:block;width:100%;margin:0;text-decoration:underline;color:var(--gray90);font-weight:600;cursor:pointer}.rankingCustomWrap .list .head .popular{display:none}.rankingCustomWrap .list .head .name{flex-grow:1}.rankingCustomWrap .list .tr li{font-size:14px}.rankingCustomWrap .list ul .mo{flex-grow:0;width:calc(100% - 160px)}.rankingCustomWrap .list ul .rank{width:44px;padding:0;text-align:center}.rankingCustomWrap .list .tr .rank{width:44px!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0}.rankingCustomWrap .list .tr .rank .num{font-weight:600;width:100%;line-height:24px;text-align:center}.rankingCustomWrap .list .tr .rank .rankMark{font-size:12px;line-height:24px;width:auto;margin:0}.rankingCustomWrap .list .tr .rank .rankMark.new{width:50px}.rankingCustomWrap .list ul .thumb{width:40px}.rankingCustomWrap .list .tr .thumb{margin-left:8px}.rankingCustomWrap .list .tr .thumb .thumbBox{position:relative;width:40px;height:40px;border-radius:8px;overflow:hidden;margin:0 auto}.rankingCustomWrap .list .tr .popular{display:flex;align-items:center;width:auto}.rankingCustomWrap .list .tr .popular span{flex-grow:0;padding-left:12px}.rankingCustomWrap .list .tr .name{width:calc(100% - 12px);padding-left:12px;margin-bottom:4px;flex-grow:0}.rankingCustomWrap .list ul .btnBox{width:76px}}.adBoxNewsDetailFloatLeft{position:fixed;top:242px;left:calc(50% - 780px);width:160px;height:600px}.defaultAdBoxMo{display:none}@media(max-width:800px){.adBoxNewsDetailFloatLeft,.defaultAdBoxPc{display:none}.defaultAdBoxMo{display:block}.MoAdBox32050{height:50px}.MoAdBox320100,.MoAdBox32050{position:absolute;top:0;left:calc(50% - 160px);width:320px}.MoAdBox320100{height:100px}#adBoxNewsDetailTop{position:relative;width:320px;margin:0 auto}}.voteBoxDefault{width:300px;min-height:824px;margin-left:40px}.voteBoxDefault .voteBoxDefaultTitle{position:relative;line-height:36px;font-size:24px;font-weight:700;color:#292e41;margin-bottom:16px}.voteBoxDefault .voteBoxDefaultTitle .arw{position:absolute;top:6px;right:0;cursor:pointer}.voteBoxDefault .list{display:flex;flex-wrap:wrap}.voteBoxDefault .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;margin:0 0 12px}.voteBoxDefault .list ul .top{display:flex;align-items:center;height:88px;background-color:var(--blue10);border-bottom:1px solid var(--gray30);border-radius:8px 8px 0 0;cursor:pointer}.voteBoxDefault .list ul .top .thumb{position:relative;width:56px!important;height:56px;border-radius:8px;overflow:hidden;margin-right:16px;margin-left:16px}.voteBoxDefault .list ul .top .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteBoxDefault .list ul .top .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteBoxDefault .list ul .top .info{width:calc(100% - 32px);margin-left:16px}.voteBoxDefault .list ul .top .info dl:first-child{font-size:12px;font-weight:500;line-height:18px;color:var(--blue100);margin-bottom:2px}.voteBoxDefault .list ul .top .info dl:nth-child(2){font-size:16px;font-weight:600;line-height:20px;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.voteBoxDefault .list ul .top .info dl:nth-child(3){font-size:12px;font-weight:500;line-height:18px;color:var(--gray70);margin-top:2px}.voteBoxDefault .list ul .top .arw{margin-right:16px}.voteBoxDefault .list ul .top:hover .info dl:nth-child(2){text-decoration:underline}.voteBoxDefault .list ul .rank{padding:0 16px;background-color:#fff;border-radius:0 0 8px 8px}.voteBoxDefault .list ul .rank li{display:flex;align-items:center;padding:4px 0;height:40px;border-bottom:1px solid var(--gray20)}.voteBoxDefault .list ul .rank li:last-child{border-bottom:0}.voteBoxDefault .list ul .rank li .num{width:16px;margin-right:12px;font-size:16px;font-weight:700;color:var(--gray100);text-align:center}.voteBoxDefault .list ul .rank li:first-child .num{color:var(--blue100)}.voteBoxDefault .list ul .rank li .thumb{position:relative;width:24px;height:24px;border-radius:8px;overflow:hidden;margin-right:8px}.voteBoxDefault .list ul .rank li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteBoxDefault .list ul .rank li .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteBoxDefault .list ul .rank li .name{font-weight:600;flex-grow:1}.voteBoxDefault .list ul .rank li .score{color:var(--gray90);font-weight:600}.voteBoxDefault .list ul .rank li .btn{font-size:12px;color:var(--gray90);font-weight:600;margin-left:8px;width:44px;height:32px;line-height:32px;border-radius:8px;border:1px solid var(--gray30);text-align:center;cursor:pointer}.voteBoxDefault .bnBox{border-radius:8px;overflow:hidden;background-color:#e6ffe0;text-align:center}@media(max-width:800px){.mainVoteBox{width:calc(100% - 40px)}.voteBoxDefault{width:100%;min-height:auto;margin-left:20px}.voteCommentWrap .voteBoxDefault{width:100%;min-height:auto;margin-left:0}.voteBoxDefault .voteBoxDefaultTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:#292e41;margin-bottom:16px}.voteBoxDefault .voteBoxDefaultTitle .arw{position:absolute;top:3px;right:0;cursor:pointer}.voteBoxDefault .list{display:flex;flex-wrap:wrap}.voteBoxDefault .list ul{width:calc(50% - 10px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 8px}.voteBoxDefault .list ul:first-child{margin:0 16px 8px 0}.voteBoxDefault .list ul .rank li{display:flex;align-items:center;padding:4px 0;height:40px;border-bottom:1px solid var(--gray20)}}@media(max-width:480px){.voteBoxDefault{width:100%;margin-left:20px}.voteCommentWrap .voteBoxDefault{width:100%;min-height:auto;margin-left:0}.voteBoxDefault .list{display:flex;flex-wrap:wrap}.voteBoxDefault .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 8px}.voteBoxDefault .list ul:first-child{margin:0 0 8px}}.voteBoxSlide{position:relative;width:300px}.voteBoxSlide .voteBoxSlideTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:#292e41;margin-bottom:16px}.voteBoxSlide .voteBoxSlideTitle .arw{position:absolute;top:3px;right:0;cursor:pointer}.voteBoxSlide .list{display:flex;flex-wrap:wrap}.voteBoxSlide .list ul{border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 16px;padding:0 0 48px}.voteBoxSlide .list ul .top{display:flex;align-items:center;height:88px;background-color:var(--blue10);border-bottom:1px solid var(--gray30);cursor:pointer}.voteBoxSlide .list ul .top .thumb{position:relative;width:56px!important;height:56px;border-radius:8px;overflow:hidden;margin-right:16px;margin-left:16px}.voteBoxSlide .list ul .top .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteBoxSlide .list ul .top .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteBoxSlide .list ul .top .info{width:calc(100% - 32px);margin-left:16px}.voteBoxSlide .list ul .top .info dl:first-child{font-size:12px;font-weight:500;line-height:18px;color:var(--blue100);margin-bottom:2px}.voteBoxSlide .list ul .top .info dl:nth-child(2){font-size:16px;font-weight:600;line-height:20px;color:var(--gray110);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.voteBoxSlide .list ul .top .info dl:nth-child(3){font-size:12px;font-weight:500;line-height:18px;color:var(--gray70);margin-top:2px}.voteBoxSlide .list ul .top .arw{margin-right:16px}.voteBoxSlide .list ul .top:hover .info dl:nth-child(2){text-decoration:underline}.voteBoxSlide .list ul .rank{padding:0 16px}.voteBoxSlide .list ul .rank li{display:flex;align-items:center;padding:7px 0;height:40px;border-bottom:1px solid var(--gray20)}.voteBoxSlide .list ul .rank li:last-child{border-bottom:0}.voteBoxSlide .list ul .rank li .num{width:16px;margin-right:12px;font-size:16px;font-weight:700;color:var(--gray100);text-align:center}.voteBoxSlide .list ul .rank li:first-child .num{color:var(--blue100)}.voteBoxSlide .list ul .rank li .thumb{position:relative;width:24px;height:24px;border-radius:8px;overflow:hidden;margin-right:8px}.voteBoxSlide .list ul .rank li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voteBoxSlide .list ul .rank li .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteBoxSlide .list ul .rank li .name{font-weight:600;flex-grow:1}.voteBoxSlide .list ul .rank li .score{color:var(--gray90);font-weight:600}.voteBoxSlide .list ul .rank li .btn{font-size:12px;color:var(--gray90);font-weight:600;margin-left:8px;width:44px;height:32px;line-height:32px;border-radius:8px;border:1px solid var(--gray30);text-align:center;cursor:pointer}.voteBoxSlide .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:32px!important}.voteBoxSlide .swiper-button-next{right:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next2.svg);background-size:contain}.voteBoxSlide .swiper-button-next,.voteBoxSlide .swiper-button-prev{position:absolute;top:calc(100% - 28px);width:24px;height:24px;z-index:50;cursor:pointer;display:flex;align-items:center;justify-content:center}.voteBoxSlide .swiper-button-prev{left:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev2.svg);background-size:contain}.voteBoxSlide .swiper-button-next.swiper-button-disabled,.voteBoxSlide .swiper-button-prev.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.voteBoxSlide .swiper-button-next:after,.voteBoxSlide .swiper-button-prev:after{display:none}@media(max-width:800px){.voteBoxSlide{position:relative;width:calc(100% - 40px);margin-left:20px}.voteBoxSlide .voteBoxSlideTitle{position:relative;line-height:30px;font-size:20px;font-weight:700;color:#292e41;margin-bottom:16px}.voteBoxSlide .voteBoxSlideTitle .arw{position:absolute;top:3px;right:0;cursor:pointer}.voteBoxSlide .list{display:flex;flex-wrap:wrap}.voteBoxSlide .list ul{width:300px;border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 16px;padding:0}.voteBoxSlide .swiper-button-next,.voteBoxSlide .swiper-button-prev,.voteBoxSlide .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{display:none}.voteBoxSlide .swiper-slide{width:auto!important}}@media(max-width:480px){.voteBoxSlide .list ul{width:calc(100% - 2px);border:1px solid var(--gray30);border-radius:8px;overflow:hidden;margin:0 0 16px;padding:0 0 48px}.voteBoxSlide .swiper-button-next,.voteBoxSlide .swiper-button-prev,.voteBoxSlide .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{display:block}.voteBoxSlide .swiper-slide{width:100%!important}}.taboolaWrap{margin:24px 0 0}@media(max-width:800px){.taboolaWrap{margin:24px 20px 0}}.voteBoxNone{border-radius:8px;background-color:var(--gray10);line-height:250px;text-align:center;color:var(--gray70);margin-bottom:24px}.voteBoxNone.main{line-height:774px}.icoInfoRank{display:inline-flex;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_Info_tr.svg);vertical-align:middle;margin:0 0 2px 4px}.toptipDefaultPc{position:relative;cursor:pointer}.toptipDefaultPc .toptipDefaultPcLayer{display:none;position:absolute;top:24px;background-color:#fff;border-radius:8px;border:1px solid var(--gray30);line-height:21px;text-align:center;padding:16px 0;z-index:500;box-shadow:0 6px 20px -4px #1018280a,0 4px 2px 0 #10182805}.toptipDefaultPc .toptipDefaultPcLayer span{color:var(--blue100);font-weight:600}.toptipDefaultPc:hover .toptipDefaultPcLayer{display:block}.toptipDefaultMo{display:none}@media(max-width:800px){.toptipDefaultPc{display:none}.toptipDefaultMo{display:inline;cursor:pointer}}.houseBannerTop{margin:0 0 16px}.houseBannerTop.in{margin:16px 0 0}.houseBannerTop .pc{display:block}.houseBannerTop .fold,.houseBannerTop .mo{display:none}@media(max-width:800px){.houseBannerTop{margin:0 0 16px}.houseBannerTop.in{margin:10px 0 0}.houseBannerTop .pc{display:none}.houseBannerTop .fold{display:block;text-align:center;margin-left:16px}.houseBannerTop .fold img{width:100%}.houseBannerTop.in .fold img{width:auto}.houseBannerTop .mo{display:none}.houseBannerTop.type2{margin:0 16px 0 0}}@media(max-width:480px){.houseBannerTop{margin:0 0 10px}.houseBannerTop.in{margin:10px 0 0}.houseBannerTop .fold,.houseBannerTop .pc{display:none}.houseBannerTop .mo{display:block}.houseBannerTop .mo img{width:100%}.houseBannerTop.in .mo{margin:0 10px}.houseBannerTop.type2{margin:0 16px}}.preview-image{position:absolute;width:250px;height:250px;border-radius:12px;overflow:hidden;z-index:1000;background-color:#fff;pointer-events:none;display:none}.preview-image img{-o-object-fit:cover;object-fit:cover}.preview-image img,.preview-image.contain img{position:absolute;top:0;left:0;width:100%;height:100%}.preview-image.contain img{-o-object-fit:contain;object-fit:contain}.preview-image:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:12px;border:1px solid rgba(0,0,0,.08);z-index:100}.hoverWrap{position:relative}.hoverWrap:hover .preview-image{display:block}@media(max-width:800px){.preview-image{display:none!important}}#trend-widget-container{height:168px;margin-bottom:24px}.trendWidgetWrap{width:100%;margin:16px 0 0}.mainWrap{display:flex;flex-wrap:wrap}.mainWrap .topNewsBox{width:860px;min-height:880px}.mainWrap .topNewsBox .newsBox{display:flex}.mainWrap .topNewsBox .newsBox ul{width:calc(33.33333333333333% - 13px)}.mainWrap .topNewsBox .newsBox ul li{position:relative;padding:12px 0 11px;min-height:64px;border-bottom:1px solid var(--gray30);cursor:pointer}.mainWrap .topNewsBox .newsBox ul li .thumb{position:absolute;top:15px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden;margin-right:8px}.mainWrap .topNewsBox .newsBox ul li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .newsBox ul li .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .newsBox ul li .category{display:none}.mainWrap .topNewsBox .newsBox ul li .title{width:calc(100% - 106px);font-size:15px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li .txt{display:none}.mainWrap .topNewsBox .newsBox ul li .info{display:inline-flex;align-items:center;font-size:12px;line-height:18px;margin:4px 0 0;color:var(--gray60)}.mainWrap .topNewsBox .newsBox ul li .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .newsBox ul li .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .newsBox ul li .info .comment{color:var(--blue100)}.mainWrap .topNewsBox .newsBox ul li .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .newsBox ul li:hover .title{text-decoration:underline}.mainWrap .topNewsBox .newsBox ul li:first-child{min-height:276px}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb{position:relative;top:0;width:100%;height:160px;border-radius:8px;overflow:hidden;margin-right:8px}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .newsBox ul li:first-child .category{display:inline-flex;margin:12px 0 4px;padding:0 8px;line-height:24px;border-radius:24px;font-size:12px;color:var(--blue100);font-weight:600;background-color:var(--blue30)}.mainWrap .topNewsBox .newsBox ul li:first-child .title{width:100%;font-size:18px;line-height:27px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li:first-child .info{display:inline-flex;align-items:center;margin:4px 0 0;color:var(--gray60)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .comment{color:var(--blue100)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child{margin-bottom:0;border-bottom:0;padding:0}.mainWrap .topNewsBox .newsBox ul:nth-child(2){margin:0 16px}.mainWrap .topNewsBox .rtNewsTitle{display:flex;align-items:center;font-size:24px;font-weight:700;line-height:36px;margin:0 0 8px;padding:16px 0 0}.mainWrap .topNewsBox .rtNewsTitle .arw{margin-left:4px;cursor:pointer}.mainWrap .topNewsBox .rtNews{position:relative;min-height:280px}.mainWrap .topNewsBox .rtNews ul{position:relative;cursor:pointer}.mainWrap .topNewsBox .rtNews ul:first-child,.topNewsBox .rtNews ul:nth-child(2){width:288px;height:290px}.mainWrap .topNewsBox .rtNews ul:first-child .thumb,.topNewsBox .rtNews ul:nth-child(2) .thumb{position:relative;height:179px;border-radius:8px;overflow:hidden;margin-bottom:16px}.mainWrap .topNewsBox .rtNews ul:first-child .thumb:before,.topNewsBox .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:first-child .thumb img,.topNewsBox .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:first-child .title,.topNewsBox .rtNews ul:nth-child(2) .title{font-size:18px;line-height:27px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:first-child .txt,.topNewsBox .rtNews ul:nth-child(2) .txt{display:none}.mainWrap .topNewsBox .rtNews ul:first-child{position:absolute;top:0;left:0}.mainWrap .topNewsBox .rtNews ul:nth-child(2){position:absolute;top:0;left:304px}.mainWrap .topNewsBox .rtNews ul:nth-child(3),.topNewsBox .rtNews ul:nth-child(4){width:252px}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb,.topNewsBox .rtNews ul:nth-child(4) .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden;margin-bottom:16px}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb:before,.topNewsBox .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb img,.topNewsBox .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .title,.topNewsBox .rtNews ul:nth-child(4) .title{min-height:48px;padding:3px 0 0;font-size:16px;line-height:24px;font-weight:700;width:146px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .txt,.topNewsBox .rtNews ul:nth-child(4) .txt{padding:14px 0 0;font-size:14px;line-height:21px;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:nth-child(3){position:absolute;top:0;right:0}.mainWrap .topNewsBox .rtNews ul:nth-child(3):before{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:1px;background-color:var(--gray30)}.mainWrap .topNewsBox .rtNews ul:nth-child(4){position:absolute;bottom:0;right:0}.mainWrap .topNewsBox .rtNews ul:hover .title{text-decoration:underline}.mainWrap .topNewsBox .rtNews ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60)}.mainWrap .topNewsBox .rtNews ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .rtNews ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .rtNews ul .info .comment{color:var(--blue100)}.mainWrap .topNewsBox .rtNews ul .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .info,.mainWrap .topNewsBox .rtNews ul:nth-child(4) .info{font-size:12px;font-weight:500}.voteBoxDefault .btnVoteMore{display:flex;align-items:center;justify-content:center;line-height:48px;border-radius:8px;background-color:var(--blue100);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.commentNewsBox{width:100%;border-top:1px solid var(--gray30);padding:16px 0 0;margin:16px 0 0;overflow:hidden}.commentNewsBox .title{font-size:24px;line-height:36px;font-weight:700}.commentNewsBox .list{position:relative;width:calc(100%);display:flex;flex-wrap:wrap;margin:16px 0 0;padding:0 0 0 384px}.commentNewsBox .list ul{position:relative;width:calc(33.333333333% - 16px);border-bottom:1px solid var(--gray30);height:84px;margin:0 0 16px 24px;cursor:pointer}.commentNewsBox .list ul .rank{position:absolute;top:0;left:0;width:28px;height:28px;line-height:28px;text-align:center;border-radius:8px;background-color:var(--gray120);color:#fff}.commentNewsBox .list ul .thumb{position:absolute;top:0;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.commentNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.commentNewsBox .list ul .infoBox{padding:0 100px 0 40px}.commentNewsBox .list ul .infoBox .tit{font-size:16px;line-height:24px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.commentNewsBox .list ul .infoBox .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60)}.commentNewsBox .list ul .infoBox .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.commentNewsBox .list ul .infoBox .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.commentNewsBox .list ul .infoBox .info .comment{color:var(--blue100)}.commentNewsBox .list ul .infoBox .info .comment img{margin:0 4px 0 0}.commentNewsBox .list ul:first-child{position:absolute;top:0;left:0;width:384px;margin:0}.commentNewsBox .list ul:first-child .rank{background-color:var(--blue100);z-index:100;top:8px;left:8px}.commentNewsBox .list ul:first-child .thumb{position:relative;top:0;right:0;width:100%;height:216px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul:first-child .infoBox{padding:0}.commentNewsBox .list ul:first-child .infoBox .tit{margin:10px 0 0;font-size:18px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentNewsBox .list ul:nth-child(6),.commentNewsBox .list ul:nth-child(7){border-bottom:0}.commentNewsBox .list ul:hover .tit{text-decoration:underline}.categoryNewsBox{position:relative;width:100%;border-top:1px solid var(--gray30);padding:16px 0 0;margin:0}.categoryNewsBox .title{font-size:24px;line-height:36px;font-weight:700}.categoryNewsBox .more{display:flex;align-items:center;position:absolute;top:16px;right:0;line-height:36px;font-weight:600;color:var(--gray90);cursor:pointer}.categoryNewsBox .more .arw{margin-left:4px}.categoryNewsBox .list{display:flex;flex-wrap:wrap}.categoryNewsBox .list ul{width:calc(25% - 12px);margin:16px 0 16px 16px;cursor:pointer}.categoryNewsBox .list ul:nth-child(4n+1){margin:16px 0}.categoryNewsBox .list ul:last-child{border-bottom:0}.categoryNewsBox .list ul .thumb{position:relative;width:100%;height:179px;border-radius:8px;overflow:hidden}.categoryNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.categoryNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.categoryNewsBox .list ul .tit{font-size:18px;font-weight:600;line-height:24px;margin:10px 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.categoryNewsBox .list ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60)}.categoryNewsBox .list ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.categoryNewsBox .list ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.categoryNewsBox .list ul .info .comment{color:var(--blue100)}.categoryNewsBox .list ul .info .comment img{margin:0 4px 0 0}.categoryNewsBox .list ul:hover .tit{text-decoration:underline}@media(max-width:800px){.trendWidgetWrap.main{width:calc(100% - 40px);margin:30px 0 0 20px}.mainWrap{display:flex;flex-wrap:wrap}.mainWrap .topNewsBox{width:calc(100% - 40px);margin:10px 0 0 20px;min-height:880px}.mainWrap .topNewsBox .newsBox{display:flex;flex-wrap:wrap}.mainWrap .topNewsBox .newsBox ul{width:calc(100% - 2px)}.mainWrap .topNewsBox .newsBox ul li{display:flex;align-items:center;position:relative;min-height:auto;padding:10px 0;border-bottom:1px solid var(--gray30);cursor:pointer}.mainWrap .topNewsBox .newsBox ul li .category,.mainWrap .topNewsBox .newsBox ul li .thumb{display:none}.mainWrap .topNewsBox .newsBox ul li .title{width:calc(100% - 60px);font-size:14px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li .txt{display:none}.mainWrap .topNewsBox .newsBox ul li .info{display:inline-flex;align-items:center;font-size:12px;line-height:18px;color:var(--gray60);margin:0 0 0 auto}.mainWrap .topNewsBox .newsBox ul li .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0;display:none}.mainWrap .topNewsBox .newsBox ul li .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .newsBox ul li .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .newsBox ul li:hover .title{text-decoration:underline}.mainWrap .topNewsBox .newsBox ul li:first-child{display:block;position:relative;min-height:90px}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb{display:block;position:absolute;top:12px;right:0;width:146px;height:90px;border-radius:8px;overflow:hidden;margin-right:0}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .newsBox ul li:first-child .category{display:none}.mainWrap .topNewsBox .newsBox ul li:first-child .title{font-size:18px;line-height:27px;font-weight:700;display:-webkit-box;-webkit-line-clamp:1}.mainWrap .topNewsBox .newsBox ul li:first-child .title,.mainWrap .topNewsBox .newsBox ul li:first-child .txt{width:calc(100% - 156px);overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li:first-child .txt{display:block;margin:4px 0 0;font-size:14px;font-weight:400;line-height:18px;color:var(--gray100);display:-webkit-box;-webkit-line-clamp:2}.mainWrap .topNewsBox .newsBox ul li:first-child .info{display:inline-flex;align-items:center;margin:4px 0 0;color:var(--gray60)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName{display:block;position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child{margin-bottom:0;border-bottom:0;padding:12px 0;border-bottom:1px solid var(--gray30);cursor:pointer}.mainWrap .topNewsBox .newsBox ul:nth-child(2){margin:0}.mainWrap .topNewsBox .rtNewsTitle{display:flex;align-items:center;font-size:20px;font-weight:700;line-height:30px;margin:0;padding:16px 0 0}.mainWrap .topNewsBox .rtNewsTitle .arw{margin-left:4px;cursor:pointer}.mainWrap .topNewsBox .rtNews{position:relative;min-height:auto;margin:0 0 24px}.mainWrap .topNewsBox .rtNews ul{position:relative;cursor:pointer;border-bottom:1px solid var(--gray30)}.mainWrap .topNewsBox .rtNews ul:first-child,.topNewsBox .rtNews ul:nth-child(2){width:100%;height:56px;padding:10px 0}.mainWrap .topNewsBox .rtNews ul:first-child .thumb,.topNewsBox .rtNews ul:nth-child(2) .thumb{position:absolute;top:10px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden;margin-bottom:0}.mainWrap .topNewsBox .rtNews ul:first-child .thumb:before,.topNewsBox .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:first-child .thumb img,.topNewsBox .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:first-child .title,.topNewsBox .rtNews ul:nth-child(2) .title{padding:4px 0 0;width:calc(100% - 100px);font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:first-child .txt,.topNewsBox .rtNews ul:nth-child(2) .txt{display:none}.mainWrap .topNewsBox .rtNews ul:first-child,.mainWrap .topNewsBox .rtNews ul:nth-child(2){position:relative;top:0;left:0}.mainWrap .topNewsBox .rtNews ul:first-child{padding:4px 0 10px}.mainWrap .topNewsBox .rtNews ul:first-child .thumb{top:4px}.mainWrap .topNewsBox .rtNews ul:nth-child(3),.topNewsBox .rtNews ul:nth-child(4){width:100%;height:56px;padding:10px 0}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb,.topNewsBox .rtNews ul:nth-child(4) .thumb{position:absolute;top:10px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden;margin-bottom:16px}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb:before,.topNewsBox .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb img,.topNewsBox .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .title,.topNewsBox .rtNews ul:nth-child(4) .title{min-height:auto;width:calc(100% - 100px);padding:4px 0 0;font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .txt,.topNewsBox .rtNews ul:nth-child(4) .txt{display:none}.mainWrap .topNewsBox .rtNews ul:nth-child(3){position:relative;top:0;right:0}.mainWrap .topNewsBox .rtNews ul:nth-child(3):before{display:none}.mainWrap .topNewsBox .rtNews ul:nth-child(4){position:relative;bottom:0;right:0}.mainWrap .topNewsBox .rtNews ul:hover .title{text-decoration:underline}.mainWrap .topNewsBox .rtNews ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.mainWrap .topNewsBox .rtNews ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .rtNews ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .rtNews ul .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .info,.mainWrap .topNewsBox .rtNews ul:nth-child(4) .info{font-size:12px;font-weight:500}.commentNewsBox{width:calc(100% - 40px);border-top:1px solid var(--gray30);padding:16px 0 0;margin:16px 0 0 20px}.commentNewsBox .title{font-size:20px;line-height:30px;font-weight:700}.commentNewsBox .list{position:relative;width:100%;display:flex;flex-wrap:wrap;margin:4px 0 0;padding:0}.commentNewsBox .list ul{position:relative;width:calc(100%);border-bottom:1px solid var(--gray30);height:56px;margin:0;padding:10px 0}.commentNewsBox .list ul .rank{position:absolute;top:0;left:0;width:28px;height:28px;line-height:28px;text-align:center;border-radius:8px;background-color:var(--gray120);color:#fff}.commentNewsBox .list ul .thumb{position:absolute;top:10px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.commentNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.commentNewsBox .list ul .infoBox{padding:4px 100px 0 40px}.commentNewsBox .list ul .infoBox .tit{font-size:16px;line-height:24px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentNewsBox .list ul .infoBox .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.commentNewsBox .list ul .infoBox .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.commentNewsBox .list ul .infoBox .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.commentNewsBox .list ul .infoBox .info .comment img{margin:0 4px 0 0}.commentNewsBox .list ul:first-child{position:relative;top:0;left:0;width:100%;margin:0}.commentNewsBox .list ul:first-child .rank{background-color:var(--blue100);z-index:100;top:calc(50% - 14px);left:0}.commentNewsBox .list ul:first-child .thumb{position:absolute;top:10px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul:first-child .infoBox{padding:4px 100px 0 40px}.commentNewsBox .list ul:first-child .infoBox .tit{margin:0;font-size:16px;line-height:24px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentNewsBox .list ul:nth-child(6),.commentNewsBox .list ul:nth-child(7){border-bottom:0}.commentNewsBox .list ul .rank{background-color:#fff!important;color:var(--blue100);font-size:16px;font-weight:700;top:calc(50% - 14px)}.categoryNewsBox{position:relative;width:calc(100% - 40px);border-top:1px solid var(--gray30);padding:16px 0 0;margin:0 0 0 20px}.categoryNewsBox .title{font-size:20px;line-height:30px;font-weight:700}.categoryNewsBox .more{display:flex;align-items:center;position:absolute;top:16px;right:0;line-height:36px;font-weight:600;color:var(--gray90);cursor:pointer}.categoryNewsBox .more .arw{margin-left:4px}.categoryNewsBox .list{display:flex;flex-wrap:wrap}.categoryNewsBox .list ul{position:relative;width:100%;border-bottom:1px solid var(--gray30);height:56px;margin:0;padding:10px 0}.categoryNewsBox .list ul:nth-child(4n+1){margin:0}.categoryNewsBox .list ul .thumb{position:absolute;top:10px;right:0;width:90px;height:56px;border-radius:8px;overflow:hidden}.categoryNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.categoryNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.categoryNewsBox .list ul .tit{width:calc(100% - 100px);font-size:16px;font-weight:600;line-height:24px;margin:6px 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.categoryNewsBox .list ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.categoryNewsBox .list ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.categoryNewsBox .list ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.categoryNewsBox .list ul .info .comment img{margin:0 4px 0 0}}@media(max-width:480px){.mainWrap{display:flex;flex-wrap:wrap}.mainWrap .topNewsBox{width:calc(100% - 40px);margin:0 0 0 20px;min-height:880px}.mainWrap .topNewsBox .newsBox{display:flex;flex-wrap:wrap}.mainWrap .topNewsBox .newsBox ul{width:100%}.mainWrap .topNewsBox .newsBox ul li:first-child{display:block;position:relative;min-height:90px}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb{display:block;position:absolute;top:12px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden;margin-right:0}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .newsBox ul li:first-child .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .newsBox ul li:first-child .category{display:none}.mainWrap .topNewsBox .newsBox ul li:first-child .title{width:calc(100% - 90px);min-height:48px;font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li:first-child .txt{display:block;width:calc(100%);margin:4px 0 0;font-size:14px;font-weight:400;line-height:18px;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .newsBox ul li:first-child .info{display:inline-flex;align-items:center;margin:4px 0 0;color:var(--gray60)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName{display:block;position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .newsBox ul li:first-child .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .newsBox ul li:first-child{margin-bottom:0;border-bottom:0;padding:12px 0;border-bottom:1px solid var(--gray30);cursor:pointer}.mainWrap .topNewsBox .newsBox ul:nth-child(2){margin:0}.mainWrap .topNewsBox .rtNewsTitle{display:flex;align-items:center;font-size:20px;font-weight:700;line-height:30px;margin:0 0 8px;padding:16px 0 0}.mainWrap .topNewsBox .rtNews ul{position:relative;cursor:pointer;border-bottom:1px solid var(--gray30)}.mainWrap .topNewsBox .rtNews ul:first-child,.topNewsBox .rtNews ul:nth-child(2){width:100%;height:auto;padding:10px 0}.mainWrap .topNewsBox .rtNews ul:first-child .thumb,.topNewsBox .rtNews ul:nth-child(2) .thumb{position:absolute;top:10px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden;margin-bottom:0}.mainWrap .topNewsBox .rtNews ul:first-child .thumb:before,.topNewsBox .rtNews ul:nth-child(2) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:first-child .thumb img,.topNewsBox .rtNews ul:nth-child(2) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:first-child .title,.topNewsBox .rtNews ul:nth-child(2) .title{padding:0;width:calc(100% - 80px);font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:first-child .txt,.topNewsBox .rtNews ul:nth-child(2) .txt{display:none}.mainWrap .topNewsBox .rtNews ul:first-child,.mainWrap .topNewsBox .rtNews ul:nth-child(2){position:relative;top:0;left:0}.mainWrap .topNewsBox .rtNews ul:first-child{padding:4px 0 10px}.mainWrap .topNewsBox .rtNews ul:first-child .thumb{top:4px}.mainWrap .topNewsBox .rtNews ul:nth-child(3),.topNewsBox .rtNews ul:nth-child(4){width:100%;height:auto;padding:10px 0}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb,.topNewsBox .rtNews ul:nth-child(4) .thumb{position:absolute;top:10px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden;margin-bottom:16px}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb:before,.topNewsBox .rtNews ul:nth-child(4) .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .thumb img,.topNewsBox .rtNews ul:nth-child(4) .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .title,.topNewsBox .rtNews ul:nth-child(4) .title{width:calc(100% - 80px);padding:0;font-size:16px;line-height:24px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .txt,.topNewsBox .rtNews ul:nth-child(4) .txt{display:none}.mainWrap .topNewsBox .rtNews ul:nth-child(3){position:relative;top:0;right:0}.mainWrap .topNewsBox .rtNews ul:nth-child(3):before{display:none}.mainWrap .topNewsBox .rtNews ul:nth-child(4){position:relative;bottom:0;right:0}.mainWrap .topNewsBox .rtNews ul:hover .title{text-decoration:underline}.mainWrap .topNewsBox .rtNews ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.mainWrap .topNewsBox .rtNews ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.mainWrap .topNewsBox .rtNews ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.mainWrap .topNewsBox .rtNews ul .info .comment img{margin:0 4px 0 0}.mainWrap .topNewsBox .rtNews ul:nth-child(3) .info,.mainWrap .topNewsBox .rtNews ul:nth-child(4) .info{font-size:12px;font-weight:500}.commentNewsBox{width:calc(100% - 40px);border-top:1px solid var(--gray30);padding:16px 0 0;margin:16px 0 0 20px}.commentNewsBox .title{font-size:20px;line-height:30px;font-weight:700}.commentNewsBox .list{position:relative;width:100%;display:flex;flex-wrap:wrap;margin:4px 0 0;padding:0}.commentNewsBox .list ul{position:relative;width:calc(100%);border-bottom:1px solid var(--gray30);height:auto;margin:0;padding:10px 0}.commentNewsBox .list ul .rank{position:absolute;top:0;left:0;width:20px;height:28px;line-height:28px;text-align:center;border-radius:8px;background-color:var(--gray120);color:#fff}.commentNewsBox .list ul .thumb{position:absolute;top:10px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.commentNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.commentNewsBox .list ul .infoBox{padding:0 80px 0 30px}.commentNewsBox .list ul .infoBox .tit{font-size:14px;line-height:18px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.commentNewsBox .list ul .infoBox .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.commentNewsBox .list ul .infoBox .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.commentNewsBox .list ul .infoBox .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.commentNewsBox .list ul .infoBox .info .comment img{margin:0 4px 0 0}.commentNewsBox .list ul:first-child{position:relative;top:0;left:0;width:100%;margin:0}.commentNewsBox .list ul:first-child .rank{background-color:var(--blue100);z-index:100}.commentNewsBox .list ul:first-child .thumb{position:absolute;top:10px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden}.commentNewsBox .list ul:first-child .infoBox{padding:0 80px 0 30px}.commentNewsBox .list ul:first-child .infoBox .tit{margin:0;font-size:14px;line-height:18px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.commentNewsBox .list ul:nth-child(6),.commentNewsBox .list ul:nth-child(7){border-bottom:0}.commentNewsBox .list ul .rank{background-color:#fff!important;color:var(--blue100);font-size:16px;font-weight:700;top:calc(50% - 14px)}.categoryNewsBox{position:relative;width:calc(100% - 40px);border-top:1px solid var(--gray30);padding:16px 0 0;margin:0 0 0 20px}.categoryNewsBox .title{font-size:20px;line-height:30px;font-weight:700}.categoryNewsBox .more{display:flex;align-items:center;position:absolute;top:16px;right:0;line-height:36px;font-weight:600;color:var(--gray90);cursor:pointer}.categoryNewsBox .more .arw{margin-left:4px}.categoryNewsBox .list{display:flex;flex-wrap:wrap}.categoryNewsBox .list ul{position:relative;width:100%;border-bottom:1px solid var(--gray30);height:auto;margin:0;padding:10px 0}.categoryNewsBox .list ul:nth-child(4n+1){margin:0}.categoryNewsBox .list ul .thumb{position:absolute;top:10px;right:0;width:70px;height:46px;border-radius:8px;overflow:hidden}.categoryNewsBox .list ul .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.categoryNewsBox .list ul .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.categoryNewsBox .list ul .tit{width:calc(100% - 80px);font-size:14px;font-weight:600;line-height:18px;margin:6px 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.categoryNewsBox .list ul .info{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gray60);font-size:12px;font-weight:500}.categoryNewsBox .list ul .info .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.categoryNewsBox .list ul .info .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.categoryNewsBox .list ul .info .comment img{margin:0 4px 0 0}}.payType{padding:24px 0 0}.payType .tit{font-size:18px;font-weight:700}.payType .type{display:flex;margin:16px 0 0}.payType .type dl,.payType .type.n4 dl{position:relative;width:calc(25% - 10px);border:1px solid var(--gray30);border-radius:8px;line-height:80px;text-align:center;margin:0 0 0 10px;color:var(--gray70);cursor:pointer}.payType .type dl:first-child{margin:0}.payType .type dl.on{color:var(--blue100);border:1px solid var(--blue100)}@media(max-width:480px){.payType .type{display:flex;flex-wrap:wrap;margin:16px 0 0}.payType .type dl{width:calc(50% - 6px);border:1px solid var(--gray30);border-radius:8px;line-height:40px;text-align:center;margin:0 0 8px 8px;color:var(--gray70);cursor:pointer}.payType .type dl:first-child,.payType .type dl:nth-child(odd){margin:0 0 8px}}#trend-widget-roll{margin-bottom:16px}.newsWidgetBox{background-color:var(--gray20);border-radius:8px;margin:0;padding:12px}.newsWidgetBox .widgetTitle{font-size:16px;font-weight:500;color:var(--gray70);margin:0 0 2px}.newsWidgetBox .list{display:flex;flex-wrap:wrap}.newsWidgetBox .list ul{width:calc(50% - 22px);padding:0 8px;background-color:#fff;border-radius:8px;margin:8px 0 0 8px;border:1px solid var(--gray30);cursor:pointer}.newsWidgetBox .list ul:nth-child(odd){margin:8px 0 0}.newsWidgetBox .list ul li:first-child{font-size:14px;font-weight:700;line-height:32px;color:var(--gray70);border-bottom:1px dashed var(--gray30);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.newsWidgetBox .list ul li:nth-child(2){position:relative;height:32px;overflow:hidden}.newsWidgetBox .list ul li:nth-child(2) dl{position:absolute;top:32px;left:0;display:flex;width:100%;align-items:center;opacity:0;transition:.5s}.newsWidgetBox .list ul li:nth-child(2) dl.on{top:0;opacity:1}.newsWidgetBox .list ul li:nth-child(2) dl.off{top:-32px;opacity:0}.newsWidgetBox .list ul li:nth-child(2) dl dt:first-child{width:16px!important;padding:0 4px 0 0}.newsWidgetBox .list ul li:nth-child(2) dl dt:first-child img{width:16px!important;vertical-align:middle;margin-bottom:2px}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(2){color:var(--blue100);width:calc(100% - 82px);font-size:15px;height:32px;line-height:32px;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(3){position:absolute;top:0;right:0;display:inline-flex;align-items:center;font-weight:700;font-size:12px;margin-left:4px}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(3) img{width:14px}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(3) .like{color:var(--blue100);margin:0 4px 0 0}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(3) .bad{color:var(--red90)}@media(max-width:480px){.newsWidgetBox{background-color:var(--gray20);border-radius:8px;margin:0;padding:12px 6px 8px}.newsWidgetBox .widgetTitle{font-size:15px;font-weight:500;color:var(--gray70);margin:0 0 2px 4px}.newsWidgetBox .list ul{width:calc(100% - 18px);padding:0 8px;background-color:#fff;border-radius:8px;margin:4px 0 0;border:1px solid var(--gray30)}.newsWidgetBox .list ul:nth-child(odd){margin:4px 0 0}.newsWidgetBox .list ul li:first-child{line-height:28px}.newsWidgetBox .list ul li:nth-child(2) dl dt:nth-child(2){font-size:14px;height:28px;line-height:28px}}.commentTopRoll{background-color:var(--blue20);border:1px solid #e9f3ff;border-radius:8px;margin:16px 0 0;padding:0 16px}.commentTopRoll ul{display:flex;height:46px;align-items:center;cursor:pointer}.commentTopRoll ul .ico{margin:0 8px 0 0}.commentTopRoll ul .comment{font-weight:600;width:calc(100% - 70px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentTopRoll ul .reply{margin-left:auto;color:var(--gray70)}.commentTopRoll ul .reply span{margin:0 0 0 2px;color:var(--gray90);font-weight:600}.commentTopRoll .swiper{height:46px}@media(max-width:480px){.commentTopRoll{background-color:var(--blue20);border:1px solid #e9f3ff;border-radius:8px;margin:16px 0 0;padding:0 8px}.commentTopRoll ul .ico{margin:0 4px 0 0}.commentTopRoll ul .comment{font-weight:600;width:calc(100% - 70px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.commentTopRoll ul .reply{margin-left:auto;color:var(--gray70);font-size:13px}}.newListRightSwipe{position:relative}.newListRightSwipe .botBox{padding:0 0 56px}.newListRightSwipe .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:16px!important}.newListRightSwipe .swiper-button-next{right:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_next2.svg);background-size:contain}.newListRightSwipe .swiper-button-next,.newListRightSwipe .swiper-button-prev{position:absolute;top:calc(100% - 14px);width:24px;height:24px;z-index:50;cursor:pointer;display:flex;align-items:center;justify-content:center}.newListRightSwipe .swiper-button-prev{left:10px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/btn_page_prev2.svg);background-size:contain}.newListRightSwipe .swiper-button-prev.swiper-button-disabled,.rankChartRight .swiper-button-next.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.newListRightSwipe .swiper-button-next:after,.newListRightSwipe .swiper-button-prev:after{display:none}.botCommentNews{padding:0 0 12px}.botCommentNews .tit{font-size:24px;line-height:36px;font-weight:700}.botCommentNews .list{display:flex;flex-wrap:wrap;margin:12px 0 0}.botCommentNews .list ul{position:relative;display:flex;align-items:center;width:calc(50% - 8px);line-height:24px;margin:0 0 8px;cursor:pointer}.botCommentNews .list ul:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;border-radius:4px;background-color:var(--gray70)}.botCommentNews .list ul:nth-child(odd){margin-right:16px}.botCommentNews .list ul li:first-child{flex-grow:1;font-size:16px;font-weight:600;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.botCommentNews .list ul li:first-child span{color:var(--blue100);margin:0 6px 0 12px;font-size:14px}.botCommentNews .list ul li:nth-child(2){display:inline-flex;margin-left:auto;align-items:center;font-size:12px;color:var(--gray90);font-weight:600}.botCommentNews .list ul li:nth-child(2) img{width:16px;height:16px;margin:0 2px 0 0}.botCommentNews .list ul:hover li:first-child{text-decoration:underline}@media(max-width:800px){.botCommentNews{padding:20px 20px 0}.botCommentNews .tit{font-size:20px;line-height:30px;font-weight:700}}@media(max-width:480px){.botCommentNews{padding:20px 20px 0}.botCommentNews .tit{font-size:20px;line-height:30px;font-weight:700}.botCommentNews .list{display:flex;flex-wrap:wrap;margin:12px 0 0}.botCommentNews .list ul{position:relative;display:flex;align-items:center;width:100%;line-height:24px;margin:0 0 8px;cursor:pointer}.botCommentNews .list ul:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;border-radius:4px;background-color:var(--gray70)}.botCommentNews .list ul:nth-child(odd){margin-right:0}}.botPointNews{padding:0 0 24px}.botPointNews .tit{font-size:24px;line-height:36px;font-weight:700}.botPointNews .list{display:flex;flex-wrap:wrap;margin:12px 0 0}.botPointNews .list ul{position:relative;display:flex;align-items:center;width:calc(50% - 8px);line-height:24px;margin:0 0 8px;cursor:pointer}.botPointNews .list ul:nth-child(odd){margin-right:16px}.botPointNews .list ul li:first-child{flex-grow:1;font-size:16px;font-weight:600;color:var(--gray100);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis}.botPointNews .list ul li:first-child .rewardPoint{font-weight:400;margin-right:6px}.botPointNews .list ul li:first-child .rewardPoint img{margin-right:2px}.botPointNews .list ul li:nth-child(2){display:inline-flex;margin-left:auto;align-items:center;font-size:12px;color:var(--gray90);font-weight:600}.botPointNews .list ul li:nth-child(2) img{width:16px;height:16px;margin:0 2px 0 0}.botPointNews .list ul:hover li:first-child{text-decoration:underline}@media(max-width:800px){.botPointNews{padding:20px 20px 0}.botPointNews .tit{font-size:20px;line-height:30px;font-weight:700}}@media(max-width:480px){.botPointNews{padding:20px 20px 0}.botPointNews .tit{font-size:20px;line-height:30px;font-weight:700}.botPointNews .list{display:flex;flex-wrap:wrap;margin:12px 0 0}.botPointNews .list ul{position:relative;display:flex;align-items:center;width:100%;line-height:24px;margin:0 0 8px;cursor:pointer}.botPointNews .list ul:nth-child(odd){margin-right:0}}.TrendNewsRight{margin:0 0 16px}.TrendNewsRight .tit{font-size:20px;line-height:30px;font-weight:700}.TrendNewsRight .tab{display:flex;margin:8px 0 4px}.TrendNewsRight .tab ul{width:calc(50% - 5px);height:34px;line-height:34px;text-align:center;border:1px solid var(--gray30);border-radius:8px;color:var(--gray70);cursor:pointer}.TrendNewsRight .tab ul:first-child{margin:0 8px 0 0}.TrendNewsRight .tab ul.on{background-color:var(--blue100);color:#fff;border:1px solid var(--blue100)}.TrendNewsRight .list ul{display:flex;align-items:center;margin-top:11px;padding-bottom:11px;border-bottom:1px solid var(--gray20);cursor:pointer}.TrendNewsRight .list ul li:nth-child(2){width:calc(100% - 93px)}.TrendNewsRight .list ul li:nth-child(2) dl:first-child{font-size:14px;line-height:19px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.TrendNewsRight .list ul li:nth-child(2) dl:nth-child(2){display:inline-flex;align-items:center;font-size:12px;line-height:14px;margin:2px 0 0;color:var(--gray60)}.TrendNewsRight .list ul li:nth-child(2) dl:nth-child(2) .pressName{position:relative;padding:0 9px 0 0;margin:0 8px 0 0}.TrendNewsRight .list ul li:nth-child(2) dl:nth-child(2) .pressName:before{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background-color:var(--gray30)}.TrendNewsRight .list ul li:nth-child(2) dl:nth-child(2) .comment{color:var(--blue100)}.TrendNewsRight .list ul li:nth-child(2) dl:nth-child(2) .comment img{margin:0 4px 0 0}.TrendNewsRight .list ul li:first-child{position:relative;width:77px;height:48px;border-radius:8px;overflow:hidden;margin-right:16px}.TrendNewsRight .list ul li:first-child img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.TrendNewsRight .list ul li:first-child:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.TrendNewsRight .list ul:hover li:nth-child(2){text-decoration:underline}.weekSelectBox{display:flex;height:32px;align-items:center;justify-content:center;margin:24px 0 20px}.weekSelectBox .prev{transform:rotate(180deg);margin:0 0 0 50px}.weekSelectBox .arw{cursor:pointer}.weekSelectBox .arw.disabled{opacity:.3;cursor:default}.weekSelectBox .txt{display:inline-flex;align-items:center;justify-content:center;font-size:26px;line-height:30px;font-weight:700;width:260px;text-align:center}.weekSelectBox.anniversaryEnd .txt{width:200px}.weekSelectBox .reset{font-size:12px;color:var(--gray90);height:30px;line-height:30px;width:44px;border:1px solid var(--gray30);border-radius:8px;text-align:center;margin:0 0 0 16px;cursor:pointer}.weekSelectBox .hiddenPicker{width:0;height:20px;padding:0;border:0}.weekSelectBox .btnCalendar{width:20px;height:20px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_calendar.svg) no-repeat;background-size:contain;margin-left:16px;cursor:pointer}@media(max-width:800px){.TrendNewsRight{margin:0 20px 16px}.weekSelectBox{display:flex;height:32px;align-items:center;margin:24px 20px 20px}}@media(max-width:480px){.weekSelectBox{display:flex;height:32px;align-items:center;margin:16px 20px}.weekSelectBox.anniversaryEnd{display:inline-flex;margin:16px 20px 0 0}.weekSelectBox .prev{transform:rotate(180deg);margin:0}.weekSelectBox .txt{font-size:18px;line-height:30px;font-weight:700;width:180px;text-align:center}.weekSelectBox.anniversaryEnd .txt{width:120px}.weekSelectBox .reset{margin-left:auto}.weekSelectBox.anniversaryEnd .reset{display:none}}.toast300250{animation:toastUp 2.5s forwards;position:fixed;bottom:0;right:0;z-index:2000;transition:.3s}.toast300250 .close{position:absolute;top:-20px;right:0;width:30px;height:20px;line-height:20px;text-align:center;background-color:#444;color:#fff;font-size:10px;cursor:pointer}.toast300250 .box{position:relative;width:300px;height:250px;background-color:#f9f9f9}.tag_info{animation:taginfo 1s infinite}@keyframes toastUp{0%{opacity:0;bottom:-300px}70%{opacity:0;bottom:-300px}to{opacity:1;bottom:0}}.floatPop{position:relative;margin-bottom:8px}.floatPop .floatBubble{cursor:pointer;position:absolute;background-color:var(--white);border-radius:8px;box-shadow:0 6px 20px -4px #1018281f,0 4px 2px 0 #10182808;border:1px solid var(--gray20);width:227px;box-sizing:border-box;right:120%;top:50%;transform:translateY(-50%)}.floatPop .floatBubble .inner{padding:16px;word-wrap:break-word;white-space:nowrap;word-break:normal;box-sizing:border-box;color:var(--gray120);font-size:14px;font-weight:400}.floatPop .floatBubble img{width:16px;height:16px;margin-left:20px}.floatBubble:before{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:var(--white);border-right:1px solid var(--gray20);border-top:1px solid var(--gray20);border-top-right-radius:2px}.floatPop .floatLayer{position:absolute;bottom:70px;right:0;width:150px;padding:4px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814}.floatPop .floatLayer ul{display:flex;padding:0 0 0 16px;height:48px;align-items:center;cursor:pointer}.floatPop .floatLayer ul img{width:16px;vertical-align:middle;margin-right:6px}.floatPop .floatLayer ul:hover{background-color:var(--gray10)}.floatPop .floatLayer li{display:inline-flex;align-items:center;color:var(--gray90);font-size:14px}@media(max-width:800px){.floatPop .floatLayer{position:absolute;bottom:48px;right:48px;width:150px;padding:4px;background-color:#fff;border:1px solid var(--gray30);border-radius:8px;box-shadow:0 4px 12px -4px #10182808,0 12px 20px -8px #10182814}}.voteSearch{position:relative;width:600px;height:48px;border-radius:8px;background-color:var(--gray20);outline:2px solid transparent;box-sizing:border-box}.voteSearch:focus-within{outline-color:var(--blue100)}.voteSearch.anotherSh{width:calc(100% - 40px);margin:16px 20px}.voteSearch.anotherSh,.voteSearch.fan{position:relative;height:48px;border-radius:8px;background-color:var(--gray20);text-align:left}.voteSearch.fan{width:100%;margin:16px 0}.voteSearch .box{position:relative;width:100%;height:100%}.voteSearch input{width:calc(100% - 60px);height:100%;border:0;line-height:1.5;background-color:transparent;font-size:16px;font-weight:500;padding:12px 0 12px 16px;box-sizing:border-box}.voteSearch input::-moz-placeholder{color:var(--gray50)}.voteSearch input::placeholder{color:var(--gray50)}.voteSearch .clickSearch{position:absolute;top:50%;transform:translateY(-50%);right:16px;cursor:pointer}.voteSearch .clickSearch.off{cursor:default}.voteSearch .searchKeyword{position:absolute;display:inline-flex;align-items:center;top:8px;left:12px;height:30px;line-height:30px;border-radius:30px;border:1px solid var(--gray30);font-weight:600;color:var(--gray90);background-color:#fff;padding:0 10px 0 12px}.voteSearch .searchKeyword img{width:16px;margin:8px 0 0}.voteSearch .searchKeyword ul:nth-child(2){padding:0 0 0 4px;cursor:pointer}@media(max-width:800px){.voteSearch{width:calc(100% - 40px)}.voteSearch,.voteSearch.resv{position:relative;display:flex;align-items:center;height:48px;border-radius:8px;background-color:var(--gray20);margin:16px auto 0}.voteSearch.resv{width:100%}}.rewardAdBoxWrap{display:flex;margin:0 0 20px}.rewardAdBoxWrap .box{width:calc(50% - 6px)}.rewardAdBoxWrap .box:first-child{margin-right:12px}.rewardAdBoxWrap .titBox{display:flex;height:24px;align-items:center;padding:0 0 8px;font-size:16px;font-weight:700;color:var(--gray90)}.rewardAdBoxWrap .titBox img{margin:0 0 0 4px;cursor:pointer}.rewardAdBoxWrap .box:nth-child(2) img{margin:0 0 0 8px}.rewardAdBoxWrap .btnBox{display:flex;align-items:center;height:48px;border-radius:8px;background-color:var(--blue100);color:#fff;font-size:14px;font-weight:600;padding:0 12px 0 16px;cursor:pointer}.rewardAdBoxWrap .btnBox ul:nth-child(2){margin-left:auto}.rewardAdBoxWrap .btnBox ul:first-child span{display:inline-flex;align-items:center;margin:0 8px 0 0}.rewardAdBoxWrap .btnBox ul:first-child .btn{display:inline-flex;align-items:center;height:20px;background-color:rgba(0,0,0,.6);border-radius:4px;padding:0 6px;font-size:11px}.rewardAdBoxWrap .btnBox ul:first-child .btn img{margin:0 4px 0 0}@media(max-width:480px){.rewardAdBoxWrap .box{width:calc(50% - 4px)}.rewardAdBoxWrap .box:first-child{margin-right:8px}.rewardAdBoxWrap .titBox{display:flex;height:20px;align-items:center;padding:0 0 8px;font-size:15px;font-weight:700;color:var(--gray90)}.rewardAdBoxWrap .btnBox ul:nth-child(2){margin-left:auto;display:none}.rewardAdBoxWrap .box:nth-child(2) img{height:20px;margin:0 0 0 8px}.rewardAdBoxWrap .btnBox{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;background-color:var(--blue100);color:#fff;font-size:14px;font-weight:600;padding:0 8px}.voteSearch.anotherSh{position:relative;width:calc(100% - 16px);height:48px;border-radius:8px;background-color:var(--gray20);margin:8px;text-align:left}}.rewardGameScore .info ul{position:relative;color:var(--gray70);line-height:21px;padding:0 0 0 10px}.rewardGameScore .info ul:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:3px;height:3px;border-radius:3px;background-color:var(--gray40)}.rewardGameScore .tb{border:1px solid var(--gray30);width:368px;border-radius:8px;overflow:hidden;margin:16px 0 0}.rewardGameScore .tb ul{display:inline-table;width:100%;border-bottom:1px solid var(--gray30)}.rewardGameScore .tb ul:last-child{border-bottom:0}.rewardGameScore .tb ul li{display:table-cell;width:50%;text-align:center;padding:8px 0}.rewardGameScore .tb ul:first-child li{display:table-cell;width:50%;text-align:center;padding:12px 0;background-color:var(--gray10)}.rewardGameScore .tb ul li:first-child{border-right:1px solid var(--gray30);color:var(--gray70)}.rewardGameScore .tb ul li:nth-child(2){color:var(--gray90)}.rewardGameScore .tb ul li:nth-child(2) span{position:relative;padding:0 0 0 17px}.rewardGameScore .tb ul li:nth-child(2) span:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_ticket.svg);background-size:contain}.rewardGameScore .pointBox ul li:nth-child(2) span:before{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_point.svg);background-size:contain}.rewardGameScore .pointBox{width:100%;max-width:368px;box-sizing:border-box}@media (max-width:380px){.rewardGameScore .tb{border:1px solid var(--gray30);width:calc(100% - 2px);border-radius:8px;overflow:hidden;margin:16px 0 0}.rouletteReward .btnBox a,.rouletteReward .titBox{font-size:13px}.rouletteReward .box:nth-child(2) span{flex:1}.rewardAdBoxWrap .box:nth-child(2) img{width:-moz-fit-content;width:fit-content}}.rewardNewsRoll{margin:16px 0 0}.rewardNewsRoll .inBox ul{border:1px solid var(--gray30);border-radius:8px;height:88px;padding:12px 16px;margin:0 0 20px;cursor:pointer}.rewardNewsRoll .inBox ul .top{display:flex;align-items:center}.rewardNewsRoll .inBox ul .top .category{position:relative;padding:0 0 0 16px;font-weight:700;color:#ff7b00;margin:0 4px 0 0}.rewardNewsRoll .inBox ul .top .category:before{content:"";position:absolute;top:0;left:0;width:12px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_reward_news.svg);background-size:contain}.rewardNewsRoll .inBox ul .box{position:relative;margin:8px 0 0;min-height:60px}.rewardNewsRoll .inBox ul .box .thumb{position:absolute;top:0;left:0;width:96px!important;height:60px;border-radius:8px;margin-bottom:16px;overflow:hidden}.rewardNewsRoll .inBox ul .box .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.rewardNewsRoll .inBox ul .box .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.rewardNewsRoll .inBox ul .box .infoBox{margin:0 0 0 110px}.rewardNewsRoll .inBox ul .box .infoBox .title{font-weight:600;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis}.rewardNewsRoll .inBox ul .box .infoBox .info{display:flex;align-items:center;padding:6px 0 0;font-size:12px;color:var(--gray70);font-weight:500}.rewardNewsRoll .inBox ul .box .infoBox .info .pressName{margin-right:12px}.rewardNewsRoll .swiper-wrapper{height:auto!important}.rewardNewsRoll .swiper-slide{height:auto;width:auto}.rewardNewsRoll .swiper-pagination{bottom:0!important}@media(max-width:800px){.rewardNewsRoll{margin:16px 20px 0}}.shareBoxDefault{position:fixed;left:calc(50% - 180px);top:calc(50% - 80px);width:312px;padding:22px 24px 20px;border-radius:16px;background-color:#fff;box-shadow:0 0 20px 0 #00000033;z-index:300}.shareBoxDefault .tit{font-size:18px;font-weight:700;line-height:28px}.shareBoxDefault .close{position:absolute;top:20px;right:24px;cursor:pointer}.shareBoxDefault .cont{display:flex;align-items:center;justify-content:center;height:80px;margin-top:10px}.shareBoxDefault .cont ul{text-align:center;cursor:pointer;padding:16px;border-radius:8px}.shareBoxDefault .cont ul .icoUrl{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_url.svg) no-repeat 50%;background-size:contain}.shareBoxDefault .cont ul .icoKakao{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_kakao.svg) no-repeat 50%;background-size:contain}.shareBoxDefault .cont ul:first-child{margin-right:40px}.shareBoxDefault .cont ul li:nth-child(2){font-weight:600;font-size:14px;line-height:20px;color:var(--gray100);padding-top:8px}.shareBoxDefault .cont ul:hover{background-color:var(--gray20)}.shareBoxDefault .cont .ul{text-align:center;cursor:pointer;padding:16px;border-radius:8px}.shareBoxDefault .cont .ul .icoUrl{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_url.svg) no-repeat 50%;background-size:contain}.shareBoxDefault .cont .ul .icoKakao{width:33px;height:33px;margin:0 auto;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_share_kakao.svg) no-repeat 50%;background-size:contain}.shareBoxDefault .cont .ul:first-child{margin-right:40px}.shareBoxDefault .cont .ul .li:nth-child(2){font-weight:600;line-height:20px;color:var(--gray100);padding-top:8px}.shareBoxDefault .cont .ul:hover{background-color:var(--gray20)}.voteAnotherSearchNone{padding:32px 0;text-align:center}.voteAnotherSearchNone .tit{font-size:16px;line-height:24px;font-weight:600;color:var(--gray70)}.voteAnotherSearchNone .txt{font-size:14px;line-height:21px;color:var(--gray70);margin-bottom:12px}.voteAnotherSearchNone .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray30);padding:10px 12px;border-radius:8px;color:var(--gray90);font-weight:600;cursor:pointer;height:40px;box-sizing:border-box}.voteAnotherSearchNone .btn span{font-size:18px;font-weight:500;color:var(--gray70)}.voteAnotherSearchNone .btn button,.voteAnotherSearchNone .btn li{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;color:inherit;height:100%;width:100%}.voteAnotherSearchNone .btn .message{margin-left:4px;font-size:14px;font-weight:500;color:var(--gray90)}.certificateLayer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1500}.certificateLayer .inBox{position:fixed;top:calc(50% - 337px);left:calc(50% - 200px);width:360px;padding:20px;background-color:#fff;border-radius:12px}.certificateLayer .inBox .tit{font-size:20px;line-height:30px;font-weight:700;margin:0 0 16px}.certificateLayer .inBox .close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:32px;background-color:var(--gray30);display:flex;align-items:center;justify-content:center;cursor:pointer}.certificateLayer .inBox .imgBox{position:relative;width:320px;height:468px;margin:0 auto;color:#fff}.certificateLayer .inBox .imgBox .logo{display:flex;padding:30px 0 0;justify-content:center;align-items:center;color:hsla(0,0%,100%,.8);font-size:13px;font-weight:600}.certificateLayer .inBox .imgBox .logo img{vertical-align:middle;margin-bottom:2px}.certificateLayer .inBox .imgBox .logo div{position:relative;margin:0 0 0 8px;padding:0 0 0 8px}.certificateLayer .inBox .imgBox .logo div:before{content:"";position:absolute;top:2px;left:0;width:1px;height:calc(100% - 4px);background-color:hsla(0,0%,100%,.3)}.certificateLayer.old .inBox .imgBox .logo{padding:40px 0 0}.certificateLayer .inBox .imgBox .thumb{position:relative;width:128px;height:128px;border-radius:24px;margin:0 auto;overflow:hidden}.certificateLayer .inBox .imgBox .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.certificateLayer.old .inBox .imgBox .thumb{margin-top:40px}.certificateLayer .inBox .imgBox .title{font-size:18px;line-height:26px;margin:20px 0 0;padding:0 36px;text-align:center;font-weight:700}.certificateLayer .inBox .imgBox .period{text-align:center;font-size:12px;font-weight:400;line-height:18px;color:hsla(0,0%,100%,.5);padding:4px 0 16px}.certificateLayer .inBox .imgBox .name{text-align:center;font-size:18px;line-height:27px;font-weight:700;padding:8px 0}.certificateLayer .inBox .imgBox .rank{text-align:center}.certificateLayer .inBox .imgBox .rank li{display:inline-flex;font-size:12px;font-weight:300;background-color:rgba(0,0,0,.16);line-height:16px;padding:4px 10px;border-radius:40px}.certificateLayer .inBox .imgBox .rank li div{position:relative;margin-right:8px;padding-right:8px}.certificateLayer .inBox .imgBox .rank li div:before{content:"";position:absolute;top:4px;right:0;width:1px;height:calc(100% - 8px);background-color:hsla(0,0%,100%,.3)}.certificateLayer .inBox .imgBox .voteInfo{border-top:1px solid hsla(0,0%,100%,.2);margin:24px 24px 0;padding:4px 0 0}.certificateLayer .inBox .imgBox .voteInfo li{position:relative;font-size:15px;line-height:23px;padding:10px 0 0}.certificateLayer .inBox .imgBox .voteInfo li dl:nth-child(2){position:absolute;top:10px;right:0;padding-right:0!important;font-feature-settings:normal}.certificateLayer .inBox .imgBox .cont{position:relative;z-index:100}.certificateLayer .inBox .imgBox .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}.certificateLayer .inBox .imgBox .bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.certificateLayer .inBox .imgBox .bg ul{display:none}.certificateLayer .inBox .imgBox .bg.bg01 .bg01,.certificateLayer .inBox .imgBox .bg.bg02 .bg02,.certificateLayer .inBox .imgBox .bg.bg03 .bg03{display:block}.certificateLayer .bgSelect{display:flex;align-items:center;justify-content:center;margin:16px 0 24px}.certificateLayer .bgSelect ul{position:relative;width:24px;height:24px;border-radius:24px;cursor:pointer}.certificateLayer .bgSelect ul:nth-child(2){margin:0 24px}.certificateLayer .bgSelect ul.bg01{background:url(https://cdn.trend.rankify.best/dctrend/front/images/certificateBg2_001.png) no-repeat 50%;background-size:cover}.certificateLayer .bgSelect ul.bg02{background:url(https://cdn.trend.rankify.best/dctrend/front/images/certificateBg2_002.png) no-repeat 50%;background-size:cover}.certificateLayer .bgSelect ul.bg03{background:url(https://cdn.trend.rankify.best/dctrend/front/images/certificateBg2_003.png) no-repeat 50%;background-size:cover}.certificateLayer .bgSelect ul.on:before{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_bgCheck.svg) no-repeat;background-size:contain}.certificateLayer .btnBox{display:flex;align-items:center;justify-content:center;height:56px;background-color:var(--gray110);color:#fff;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer}.certificateLayer .btnBox img{vertical-align:middle;margin:0 4px 0 0}.multiAward{display:inline-flex;line-height:16px;border:1px solid #fef1c5;background-color:#fff7dd;border-radius:6px;padding:0 4px;margin:0;font-size:10px;font-weight:600;color:#ff8400;vertical-align:middle}@media(max-width:480px){.certificateLayer .inBox{position:fixed;top:0;left:0;width:100%;height:100%;padding:0;background-color:#fff;border-radius:0}.certificateLayer .inBox .tit{font-size:20px;line-height:30px;font-weight:700;margin:16px 0 16px 20px}.certificateLayer .btnBox{margin:0 20px}}.messageBox{position:relative;text-align:left;max-width:230px;font-size:11px;color:var(--gray70);height:22px;line-height:22px;margin:4px 0 0;padding:0 18px 0 20px;border:1px solid var(--gray30);border-radius:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis;cursor:pointer;display:block}.messageBox.awards{max-width:180px}.messageBox:before{content:"";position:absolute;top:2px;left:4px;width:12px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_heart.svg);background-size:contain}.messageBox:after{content:"";position:absolute;top:3px;right:2px;width:14px;height:14px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw.svg);background-size:contain}.messageBox.on{background-color:var(--red20);color:var(--gray120);border:1px solid var(--red30)}.messageBox.on:after{content:"";position:absolute;top:3px;right:2px;width:14px;height:14px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_arw_red.svg);background-size:contain}.messageBox.count{padding:0 18px}.messageBox.count span{color:var(--red90);font-weight:600;margin-right:4px;font-size:11px}@media(max-width:480px){.messageBox{position:absolute;bottom:8px;left:50px}.messageBox.awards{position:absolute;bottom:8px;left:42px}}.messageWrap .messagePop .top{display:inline-flex;align-items:center;position:relative;top:0;left:0;width:100%;height:64px;background-color:#fff;border-bottom:1px solid var(--gray30)}.messageWrap .messagePop .top .thumb{position:relative;width:40px;height:40px;border-radius:8px;overflow:hidden;margin:0 12px 0 16px}.messageWrap .messagePop .top .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.messageWrap .messagePop .top .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.messageWrap .messagePop .top .name{font-size:18px;font-weight:700}.messageWrap .messagePop .cont{position:fixed;display:flex;flex-direction:column-reverse;align-items:flex-start;top:calc(65px + 48px);left:0;width:100%;height:calc(100% - 198px - 48px);padding:60px 0 16px;overflow-y:auto}.messageWrap .messagePop .cont ul{display:flex;width:calc(100% - 32px);padding:40px 16px 0}.messageWrap .messagePop .cont ul li{position:relative;background-color:#fff;border-radius:12px;padding:12px 16px;border:1px solid var(--gray30)}.messageWrap .messagePop .cont ul li .nick{position:absolute;top:-22px;left:0;font-size:13px;padding:0 0 0 4px}.messageWrap .messagePop .cont ul li .txt{line-height:19px;color:var(--gray110)}.messageWrap .messagePop .cont ul li .blind{line-height:19px;color:var(--gray50)}.messageWrap .messagePop .cont ul li .img{margin:0 0 6px}.messageWrap .messagePop .cont ul li .img img{width:260px;border-radius:12px;cursor:pointer}.messageWrap .messagePop .cont ul li .info{display:inline-flex;align-items:center;font-size:10px;font-weight:400;line-height:15px;color:var(--gray70);margin:6px 0 0}.messageWrap .messagePop .cont ul li .info .report{margin:0 0 0 12px;cursor:pointer}.messageWrap .messagePop .cont ul.my li{margin-left:auto;text-align:right;background-color:var(--blue100)}.messageWrap .messagePop .cont ul.my li .txt{color:#fff}.messageWrap .messagePop .cont ul.my li .blind{color:#fff;opacity:.5}.messageWrap .messagePop .cont ul.my li .info{color:var(--blue50)}.messageWrap .messagePop .cont ul.my li .info .report{display:none}.messageWrap .messagePop .cont ul.image{padding:32px 16px 0}.messageWrap .messagePop .cont ul.image li{background-color:transparent;border:0;padding:12px 0 4px}.messageWrap .messagePop .cont ul.image li .nick{position:absolute;top:-14px;left:0;font-size:13px;padding:0 0 0 4px}.messageWrap .messagePop .cont ul.image li .info{margin:2px 0 0 4px;color:var(--gray70)}.messageWrap .messagePop .cont ul.my li .nick{display:none}.messageWrap .messagePop .cont ul.my,.messageWrap .messagePop .cont ul.my.image{padding:12px 16px 0}.messageWrap .messagePop .cont .notYet{position:absolute;top:calc(50% - 24px);left:0;width:100%;height:48px;text-align:center;font-size:16px;line-height:24px;font-weight:600;color:var(--gray50)}.messageWrap .messagePop .bot{display:inline-flex;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:56px;background-color:#fff;border-top:1px solid var(--gray30)}.messageWrap .messagePop .bot img{width:20px;margin:0 0 0 16px;cursor:pointer}.messageWrap .messagePop .bot input{width:calc(100% - 116px);margin:0 12px 0 16px;border:0;line-height:56px;text-indent:0}.messageWrap .messagePop .bot input::-moz-placeholder{color:var(--gray60)}.messageWrap .messagePop .bot input::placeholder{color:var(--gray60)}.messageWrap .messagePop .bot button{width:56px;line-height:36px;text-align:center;border:0;border-radius:8px;background-color:var(--blue100);margin:0 16px 0 0;font-weight:600;color:#fff;font-family:Pretendard,sans-serif;cursor:pointer}.messageWrap .messagePop .bot button:disabled{background-color:var(--gray30);color:var(--gray50);cursor:default}.messagePopErr{position:relative;width:100%;align-items:center;flex-direction:column;text-align:center;padding:100px 0 50px;color:var(--gray70)}.messagePopErr img{width:40px;margin:0 0 16px}.messagePopErr .btn{width:120px;line-height:56px;border-radius:8px;text-align:center;color:#fff;background-color:var(--blue100);font-size:16px;font-weight:600;cursor:pointer;margin:48px auto 0}.messageWrap .messagePopErr{text-align:center;padding:100px 0 0;color:var(--gray70)}.messageWrap .messagePopErr img{width:40px;margin:0 0 16px}.rankSortInfo{text-align:left;padding:0 0 16px 20px;color:var(--gray70)}.rankSortInfo img{margin-right:4px}.shareMsgBtn{display:inline-flex;width:16px;height:16px;vertical-align:middle;margin:0 0 2px 4px;opacity:1;cursor:pointer}.pushPop{width:280px;text-align:center}.pushPop .tit{font-size:20px;line-height:30px;font-weight:700;padding:16px 0 8px}.pushPop .txt{font-size:16px;line-height:24px;color:var(--gray90)}.pushPop .txt span{color:var(--blue100);font-weight:700}.pushPop .box{background-color:var(--blue20);border:1px solid var(--blue30);border-radius:8px;padding:12px;color:var(--blue100);font-size:16px;line-height:24px;font-weight:600;margin:16px 0 0}@media(max-width:480px){.pushPop{width:100%!important;text-align:center}}.bonus{display:inline-flex;font-size:15px}.bonus .bonusCount{font-size:12px;background-color:var(--blue100);color:#fff;border-radius:8px;padding:0 6px 0 4px;margin:0 0 0 6px}.rewardPoint{display:inline-flex;background-color:#fff8e1;border:1px solid #ffefb6;color:#ed7a00;font-size:10px;font-weight:700;padding:0 4px;line-height:18px;border-radius:8px;align-items:center;vertical-align:middle;margin:0 4px 0 0}.rewardPoint.large{font-size:12px;line-height:24px;padding:0 8px}.rewardPoint.alreadyReward{background-color:var(--gray20);border:1px solid var(--gray30);color:var(--gray70)}.rouletteLogin{text-align:center;padding:0 24px}.rouletteLogin .tit{font-size:20px;line-height:30px;font-weight:700;padding:0 0 16px}.rouletteLogin .txt{font-size:16px;line-height:24px;color:var(--gray90)}.layerDefault .next{text-align:center;padding:24px 0 16px}.layerDefault .next span{cursor:pointer;color:var(--gray70);text-decoration:underline}.rewardDefaultInfo{padding:0 24px;text-align:center}.rewardDefaultInfo .img{padding:0 0 8px}.rewardDefaultInfo .txt1{font-size:20px;line-height:30px;font-weight:700}.rewardDefaultInfo .txt2{color:var(--gray90);padding:12px 0 8px;font-size:16px;line-height:24px}.voteCalculation{text-align:center;padding:80px 0 30px}.voteCalculation .tit{font-size:30px;line-height:48px;font-weight:700;padding:0 0 12px}.voteCalculation .txt{font-size:16px;line-height:24px;color:var(--gray90);padding:0 0 12px}.voteCalculation .time{width:180px;line-height:30px;border-radius:30px;background-color:var(--gray20);margin:0 auto;font-size:13px;color:var(--gray70)}.voteCalculation .btn{width:100px;line-height:44px;border-radius:8px;border:1px solid var(--gray30);margin:24px auto 0;color:var(--gray90);cursor:pointer}.layerDefault .inbox{position:relative;overflow:hidden}.layerDefault.out .inbox{position:relative;overflow:unset}.layerDefault .maskLoading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.layerDefault.out .outBtn{position:absolute;width:100%;left:0;bottom:-40px;text-align:center;color:var(--gray10);text-decoration:underline}.layerDefault.out .outBtn span{cursor:pointer}.rewardTicketInfo{width:300px}.seoulNewBox{position:relative;min-height:64px;border-top:1px solid var(--gray30);margin:24px 0 0;padding:24px 0 0}.seoulNewBox .thumb{position:absolute;top:24px;left:0;width:110px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--gray20)}.seoulNewBox .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.seoulNewBox .title{padding:0 0 0 120px;cursor:pointer}.seoulNewBox .date{padding:0 0 0 120px}.seoulNewBox .date,.seoulNewBox .press{font-size:13px;color:var(--gray70);line-height:15px}.seoulNewBox .press{padding:2px 0 0 120px}#mo300250,#pc72890{margin-bottom:16px}#mo300250{position:relative;width:100%;height:280px}#mo300250 #cont7thMo{position:absolute;top:0;left:calc(50% - 168px);width:336px;height:280px;overflow:hidden}#adsbyinven278{z-index:500!important}.titL{font-size:32px;line-height:48px;font-weight:700}@media(max-width:800px){.titL{font-size:24px;line-height:36px}}.mobileInfo{display:flex;align-items:center;justify-content:center;color:var(--gray70);padding:24px 0 0}.mobileInfo img{margin:0 4px 0 0}.bestVoteUser{width:360px}.bestVoteUser .title{font-size:16px;line-height:24px;color:var(--gray100)}.bestVoteUser .title span{color:var(--blue100);font-weight:600}.bestVoteUser .info{display:flex;align-items:center;color:var(--gray70);margin:8px 0 0}.bestVoteUser .info img{margin:0 4px 0 0}.bestVoteUser .list{margin:16px 0 8px;height:172px;border:1px solid var(--gray30);border-radius:8px}.bestVoteUser .list li{display:flex;height:56px;align-items:center;margin:0 16px;border-bottom:1px solid var(--gray20)}.bestVoteUser .list li:last-child{border-bottom:0}.bestVoteUser .list li .ico{width:24px;height:24px}.bestVoteUser .list li:first-child .ico{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_userRank_01.svg) no-repeat;background-size:contain}.bestVoteUser .list li:nth-child(2) .ico{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_userRank_02.svg) no-repeat;background-size:contain}.bestVoteUser .list li:nth-child(3) .ico{background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_userRank_03.svg) no-repeat;background-size:contain}.bestVoteUser .list li .rank{font-size:16px;font-weight:700;color:var(--gray90);padding:0 8px 0 4px}.bestVoteUser .list li:first-child .rank{color:var(--blue100)}.bestVoteUser .list li .nick{font-size:16px;color:var(--gray70)}.bestVoteUser .list li:first-child .nick{color:var(--gray100);font-weight:600}@media(max-width:480px){.bestVoteUser{width:100%}.bestVoteUser .list li .rank{font-size:15px;font-weight:700;color:var(--gray90);padding:0 8px 0 4px}.bestVoteUser .list li .nick{font-size:15px;color:var(--gray70)}}.voteLoading{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:2000}.endedList .skeletonStyle{width:calc(33.333333333333336% - 14px);height:382px;margin:0 0 16px 16px;border-radius:8px;border:1px solid var(--gray30);overflow:hidden}.endedList .skeletonStyle:first-child{margin:0 0 16px}@media(max-width:800px){.endedList .skeletonStyle{width:calc(50% - 10px);height:382px;margin:0 0 16px 16px;border-radius:8px;border:1px solid var(--gray30);overflow:hidden}.endedList .skeletonStyle:first-child{margin:0 0 16px}.endedList .skeletonStyle:nth-child(3){display:none}}@media(max-width:480px){.endedList .skeletonStyle{width:calc(100% - 2px);height:382px;margin:0 0 16px;border-radius:8px;border:1px solid var(--gray30);overflow:hidden}.endedList .skeletonStyle:first-child{margin:0 0 16px}.endedList .skeletonStyle:nth-child(3){display:none}}.skeletonStyle.txt{display:flex;align-items:center;justify-content:center;color:var(--gray40)}.kakaoPhone{position:fixed;top:calc(50% - 120px);left:0;width:100%;height:240px;text-align:center}.kakaoPhone .txt{font-size:24px;line-height:36px;font-weight:700;padding:16px 0 24px}.kakaoPhone .btn{width:240px;line-height:56px;border-radius:8px;background-color:var(--blue100);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin:0 auto}@media(max-width:800px){.kakaoPhone .txt{font-size:20px;line-height:30px;font-weight:700;padding:16px 0 24px}}.bnPowerTicket{display:flex;box-sizing:border-box;align-items:center;position:relative;background-color:var(--blue100);border:1px solid var(--blue30);border-radius:8px;height:48px;top:-8px;margin-bottom:8px;color:var(--white);font-size:14px;font-weight:600;cursor:pointer}.bnPowerTicket.nc{cursor:default}.bnPowerTicket span{color:var(--white)}.bnPowerTicket .ico{margin:0 4px 0 8px}.bnPowerTicket .arwBlue{margin-left:auto;margin-right:12px}.bnPowerTicket .time{display:inline-flex;align-items:center;height:20px;background-color:#000;border-radius:4px;padding:0 6px;font-size:11px;color:#fff;margin:0 0 0 4px}@media(max-width:480px){.bnPowerTicket .ico{margin:0 4px 0 8px}.bnPowerTicket .time{position:absolute;right:8px}}.newsOriginLink{font-size:15px;text-overflow:clip;overflow:hidden;word-break:break-all;line-height:21px}.newsOriginLink a{color:var(--gray70)}.dayTab{display:flex;align-items:center;border-bottom:1px solid var(--gray30);margin:0 16px 2px}.dayTab div{position:relative;line-height:40px;text-align:center;width:50%;font-size:14px;font-weight:600;color:var(--gray70);cursor:pointer}.dayTab div.on{color:var(--blue100)}.dayTab div.on:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--blue100)}.dayTabDetail{position:relative;text-align:left;margin:16px 0 0}.dayTabDetail .tab{display:inline-flex;align-items:center;margin:0 24px;border-radius:8px;overflow:hidden}.dayTabDetail .tab ul{position:relative;line-height:40px;padding:0 32px;text-align:center;font-size:16px;font-weight:600;color:var(--gray50);cursor:pointer;background-color:var(--gray30)}.dayTabDetail .tab ul.on{color:#fff;background-color:var(--blue100)}.dayTabDetail .info{position:absolute;top:12px;right:24px;font-size:14px;color:var(--gray70);cursor:pointer}.lastVoteBtn{position:absolute;top:0;right:90px;display:inline-flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--gray120);color:#fff;border-radius:8px;cursor:pointer}@media(max-width:480px){.dayTabDetail{position:relative;text-align:left;margin:16px 0 12px}.dayTabDetail .tab{display:inline-flex;align-items:center;margin:0 0 0 8px;border-radius:8px;overflow:hidden}.dayTabDetail .tab ul{position:relative;line-height:32px;padding:0 16px;text-align:center;font-size:14px;font-weight:600;color:var(--gray50);cursor:pointer;background-color:var(--gray30)}.dayTabDetail .info{position:absolute;top:8px;right:12px;font-size:14px;color:var(--gray70);cursor:pointer}.lastVoteBtn{height:32px;right:70px;font-size:13px}}.voteCheck{width:300px;padding:16px 0;text-align:center}.voteCheck .info{padding:8px 0 24px;color:var(--gray70)}.voteCheck .thumb{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;margin:0 auto}.voteCheck .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.voteCheck .thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:100}.voteCheck .name{padding:16px 0 10px;font-size:18px;font-weight:700}.voteCheck .ticket,.voteCheck .ticket span{display:inline-flex;align-items:center}.voteCheck .ticket span{font-weight:700;color:var(--blue100);font-size:16px;margin:0 0 0 8px}.voteCheck .ticket span img{height:20px}.ant-picker.ant-picker-large.ant-picker-outlined{width:100%;border:1px solid var(--gray30)!important;border-radius:8px!important}.rewardBtnBoxWrap{display:flex;align-items:center}.rewardBtnBoxWrap .btnBox{width:calc(50% - 6px)}.rewardBtnBoxWrap .btnBox:first-child{margin-right:12px}.rewardBtnBoxWrap .btnBoxWrap{width:calc(50% - 6px)}.rewardBtnBoxWrap .btnBoxWrap:first-child{margin-right:12px}@media(max-width:480px){.rewardBtnBoxWrap{display:flex;flex-wrap:wrap;align-items:center}.rewardBtnBoxWrap .btnBox{width:100%}.rewardBtnBoxWrap .btnBox:first-child{margin-right:0}.rewardBtnBoxWrap .btnBoxWrap{width:100%}.rewardBtnBoxWrap .btnBoxWrap:first-child{margin-right:0}}.bnInternetListPc{margin-bottom:16px}.bnInternetListFold{margin-bottom:16px;display:none;margin-left:16px}.bnInternetListFold img{width:100%}.bnInternetListMo{margin-bottom:8px;display:none}.bnInternetListMo img{width:100%}.bnInternetDetail{margin:0 16px 4px}.bnInternetDetail img{width:100%}.bnInternetDetail .small{display:none}@media(max-width:800px){.bnInternetListPc{display:none}.bnInternetListFold{display:block}.bnInternetListMo{display:none}}@media(max-width:480px){.bnInternetListFold,.bnInternetListPc{display:none}.bnInternetListMo{display:block}.bnInternetDetail{margin:0 8px 4px}.bnInternetDetail .large{display:none}.bnInternetDetail .small{display:block}}.upShow{animation:upShowAni .5s forwards;opacity:0;top:80px}@keyframes upShowAni{0%{top:80px;opacity:0}50%{top:80px;opacity:0}to{top:0;opacity:1}}.opShow{animation:opShowAni .3s forwards;opacity:0}@keyframes opShowAni{0%{opacity:0}50%{opacity:0}to{opacity:1}}.rewardboomBn{position:relative;background-color:var(--blue100);border-radius:8px;height:48px;display:flex;align-items:center;padding:0 8px 0 12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.rewardboomBn .ico{margin-right:2px}.rewardboomBn .arwWhite{margin-left:auto;padding:0 4px 0 0}.rewardboomBn .new{position:absolute;top:-9px;left:8px;height:18px;display:inline-flex;align-items:center;padding:0 4px;background-color:var(--yellow100);border-radius:4px;color:#fff;font-size:10px;opacity:0;animation:icoNew 1s infinite}@keyframes icoNew{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.rewardBoon{position:absolute;top:156px;left:0;width:100%;height:calc(100% - 156px)}@media(max-width:800px){.rewardBoon{position:absolute;top:56px;left:0;width:100%;height:calc(100% - 56px)}}.listCongBtn{cursor:pointer;margin-left:4px;flex-shrink:0}.congFloatBottom{position:fixed;bottom:0;left:calc(50% - 296px);width:592px;height:66px;line-height:66px;color:#fff;font-size:16px;text-align:center;border-radius:16px 16px 0 0;background-color:var(--gray130);cursor:pointer;z-index:1500}@media(max-width:480px){.congFloatBottom{position:fixed;bottom:0;left:0;width:100%;height:66px;line-height:66px;color:#fff;font-size:16px;text-align:center;border-radius:16px 16px 0 0;background-color:var(--gray130);cursor:pointer;z-index:1500}.rewardboomBn .arwWhite{display:none}}.newsList .list ul .tit .pointOut{position:relative}.newsList .list ul .tit .pointIn{position:relative;z-index:10}.newsList .list ul .tit .pointOut:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:var(--yellow100);opacity:.4}.btnTicketInfo{margin-left:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue100);font-weight:700;width:calc(50% - 2px);height:calc(100% - 2px);border:1px solid var(--blue30);background-color:var(--blue20);border-radius:8px;cursor:pointer}.btnTicketInfo.none{width:calc(100% - 2px)}.btnTicketInfo img{height:16px;margin:0 4px 0 0}.btnVoteRewardInfo{margin-left:8px;display:inline-flex;align-items:center;justify-content:center;color:#ed7a00;font-weight:700;width:calc(50% - 2px);height:calc(100% - 2px);border:1px solid var(--yellow50);background-color:var(--yellow40);border-radius:8px;cursor:pointer}.btnVoteRewardInfo img{height:20px;margin:0 4px 0 0}.layerTicketInfo{width:400px;margin:16px 0 0}.layerTicketInfo .tb{border:1px solid var(--gray30);font-size:13px}.layerTicketInfo .tb ul{display:flex;border-bottom:1px solid var(--gray30)}.layerTicketInfo .tb ul:first-child{background-color:var(--gray20);font-weight:700}.layerTicketInfo .tb ul:last-child{border-bottom:0}.layerTicketInfo .tb ul li{padding:10px 0;text-align:center;border-left:1px solid var(--gray30)}.layerTicketInfo .tb ul li:first-child{width:140px;border-left:0;background-color:var(--gray20)}.layerTicketInfo .tb ul li:nth-child(2){width:80px}.layerTicketInfo .tb ul li:nth-child(3){flex-grow:1}.layerTicketInfo .tb ul:last-child{background-color:var(--blue30);font-weight:700}.layerTicketInfo .notice{padding:16px 0 0;text-align:center}.layerTicketInfo .notice a{text-decoration:underline;color:var(--blue100);font-weight:700}.voteSearchBtnBox{display:flex;align-items:center;justify-content:center;position:relative;height:48px}.voteSearchBtnBox .btnBox{display:inline-flex;align-items:center;width:332px;height:48px}@media(max-width:800px){.voteSearchBtnBox{flex-wrap:wrap;position:relative;height:auto}.voteSearchBtnBox .btnBox{position:relative;top:0;left:0;width:calc(100% - 40px);height:48px;margin:12px 0 8px}.btnTicketInfo{margin-left:0;display:inline-flex;align-items:center;justify-content:center;color:var(--blue100);font-weight:700;width:calc(50% - 2px);height:calc(100% - 2px);border:1px solid var(--blue30);background-color:var(--blue20);border-radius:8px;cursor:pointer}.btnTicketInfo img{height:16px;margin:0 4px 0 0}.btnVoteRewardInfo{margin-left:8px;display:inline-flex;align-items:center;justify-content:center;color:#ed7a00;font-weight:700;width:calc(50% - 2px);height:calc(100% - 2px);border:1px solid var(--yellow50);background-color:var(--yellow40);border-radius:8px;cursor:pointer}.btnVoteRewardInfo img{height:20px;margin:0 4px 0 0}}@media(max-width:480px){.layerTicketInfo{width:100%;margin:16px 0 0}.layerTicketInfo .tb{border:1px solid var(--gray30);font-size:12px}.layerTicketInfo .tb ul li:first-child{width:100px;border-left:0;background-color:var(--gray20);flex-shrink:0}.layerTicketInfo .tb ul li:nth-child(2){width:66px;flex-shrink:0}.layerTicketInfo .tb ul li:nth-child(3){flex-grow:1}}.ant-pagination .ant-pagination-item{font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:var(--gray70);border-radius:8px!important;width:36px!important;height:36px!important;line-height:36px}.ant-pagination .ant-pagination-item a{color:var(--gray70);padding:0!important;line-height:36px!important}.ant-pagination .ant-pagination-item-active{font-weight:600;border-color:var(--gray30)}.ant-pagination .ant-pagination-item-active a{color:var(--gray100)}.ant-pagination .ant-pagination-item-active:hover{border-color:var(--gray30)!important}.ant-pagination .ant-pagination-item-active:hover a{color:var(--gray100)!important}.ant-pagination .ant-pagination-next,.ant-pagination .ant-pagination-prev{border-radius:8px!important;width:36px!important;height:36px!important;line-height:36px}.ant-pagination .ant-pagination-mini.ant-pagination-item{line-height:36px!important}:where(.css-d2lrxs).ant-pagination.ant-pagination-mini .ant-pagination-jump-next,:where(.css-d2lrxs).ant-pagination.ant-pagination-mini .ant-pagination-jump-prev{line-height:36px!important}.reportPicker{width:110px}@media(max-width:480px){.reportPicker{width:100%}.ant-picker-dropdown{left:20px!important;width:100%!important;min-width:100%!important}:where(.css-dev-only-do-not-override-d2lrxs).ant-pagination.ant-pagination-mini .ant-pagination-item{line-height:36px!important}:where(.css-dev-only-do-not-override-d2lrxs).ant-pagination.ant-pagination-mini .ant-pagination-jump-next,:where(.css-dev-only-do-not-override-d2lrxs).ant-pagination.ant-pagination-mini .ant-pagination-jump-prev{line-height:36px!important}}.reportPicker input{font-family:Pretendard,sans-serif;font-size:14px;font-weight:600}.reportPicker input::-moz-placeholder{font-family:Pretendard,sans-serif;font-size:14px;font-weight:600}.reportPicker input::placeholder{font-family:Pretendard,sans-serif;font-size:14px;font-weight:600}.reportPicker{padding:8px!important;border:0 solid var(--gray40)}.ant-picker-disabled,.reportPicker{outline:none;box-shadow:none!important;background-color:transparent!important}.ant-picker-disabled{border:0 solid var(--gray40)!important}.ant-picker-dropdown,.ant-picker-dropdown button{font-family:Pretendard,sans-serif}.ant-picker-content tr td,.ant-picker-content tr th{font-size:12px}.ant-picker-content tr td:nth-child(7n+1),.ant-picker-content tr th:nth-child(7n+1){color:var(--red90)!important}.ant-picker-content .ant-picker-cell-today .ant-picker-cell-inner{border:0!important;background-color:var(--blue30);color:var(--blue100)}.ant-picker-content .ant-picker-cell-today .ant-picker-cell-inner:before{display:none}.ant-picker-dropdown .ant-picker-header-super-next-btn,.ant-picker-dropdown .ant-picker-header-super-prev-btn{display:none!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 0 rgba(65,90,147,0)}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:#2d3a58}body.swal2-toast-shown .swal2-container{width:400px!important;max-width:100%!important}div:where(.swal2-container){z-index:5000!important}.swal2-container button{font-family:Pretendard,sans-serif}.chartTooltip1{position:relative;background-color:var(--gray120);color:#fff;padding:12px;border-radius:12px;min-width:100px}.chartTooltip1 ul:first-child{font-weight:600;line-height:21px;margin-bottom:4px}.chartTooltip1 ul:nth-child(2){text-align:right;font-size:12px;color:var(--gray40);line-height:16px}.chartTooltip1 .botArw{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--gray120)}.chartTooltip2{position:relative;background-color:var(--gray120);color:#fff;padding:6px 8px;border-radius:12px;min-width:60px;text-align:center}.chartTooltip2 ul{font-size:12px;color:var(--gray40);line-height:16px}.chartTooltip2 ul:first-child{color:#fff;font-weight:600}.chartTooltip2 .botArw{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--gray120)}.naverAd{padding:16px 0 0;text-align:left}.naverAd.voteDetail{padding:16px 20px 0;text-align:left}.naverAd .tit{display:flex;align-items:center;font-size:18px;font-weight:600;padding:0 0 12px;border-bottom:1px solid var(--gray30)}.naverAd .tit span{font-size:11px;font-weight:400;border:1px solid var(--gray30);color:var(--gray70);line-height:17px;padding:0 4px;border-radius:4px;margin-left:8px}.naverAd .tit a{margin-left:auto}.naverAd .tit .ico{width:16px;height:16px;background:url(https://cdn.trend.rankify.best/dctrend/front/images/ico_Info_tr.svg)}.naverAd ul{display:flex;border-bottom:1px solid var(--gray30);padding:16px 0}.naverAd ul .adInfo{width:calc(100% - 90px)}.naverAd ul .adInfo.wide{width:calc(100%)}.naverAd ul .adInfo .clickBox{display:inline-table;cursor:pointer}.naverAd ul .adInfo .title{font-size:18px;font-weight:700}.naverAd ul .adInfo .url{color:#f17070;font-size:13px;font-weight:300;padding:4px 0 10px;text-overflow:clip;overflow:hidden;word-break:break-all}.naverAd ul .adInfo .txt{color:var(--gray90);font-weight:400;line-height:18px;font-size:14px}.naverAd ul .adThumbLink{margin-left:auto}.naverAd ul .adThumb{position:relative;overflow:hidden;width:80px;height:80px;border-radius:8px;cursor:pointer}.naverAd ul .adThumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.naverAd.voteBot{padding:0 16px}.naverAd.voteTop{display:flex;flex-wrap:wrap;margin-bottom:16px}.naverAd.voteTop .tit{width:100%}.naverAd.voteTop ul{display:flex;width:calc(50% - 30px);border-bottom:1px solid var(--gray30);padding:16px 0}.naverAd.voteTop ul:last-child{margin-left:60px}@media(max-width:800px){.naverAd.voteTop{display:flex;flex-wrap:wrap;margin-bottom:16px;padding:16px 20px 0}.naverAd.voteTop .tit{width:100%}.naverAd.voteTop ul{display:flex;width:100%;border-bottom:1px solid var(--gray30);padding:16px 0}.naverAd.voteTop ul:last-child{margin-left:0}}@media(max-width:480px){.naverAd ul .adInfo{width:calc(100% - 70px)}.naverAd ul .adInfo.wide{width:calc(100%)}.naverAd ul .adThumb{position:relative;overflow:hidden;margin-left:auto;width:60px;height:60px;border-radius:8px}}