.qoo-content>.main-panel{position:relative;display:inline-block;width:70%;box-sizing:border-box;padding-bottom:calc(.5rem + 66px)}@media (max-width:860px){.qoo-content>.main-panel{width:100%}}.main-panel>header:first-of-type{font-size:18px;line-height:66px;margin-top:22px;font-weight:700;color:#333;background-color:#fff;padding:0 1rem;border-radius:6px;border:1px solid #ebebeb;margin-bottom:10px}.qoo-articles>.mp-insert,.qoo-articles>.mp-item{animation:mp-ele-join .3s;-webkit-animation:mp-ele-join .3s}.qoo-articles>.qoo-section-header{margin-bottom:14px}@keyframes mp-ele-join{from{opacity:0}to{opacity:1}}@-webkit-keyframes mp-ele-join{from{opacity:0}to{opacity:1}}.qoo-articles>.mp-insert{position:relative;background-color:#fff;display:block;padding-bottom:20px;border-bottom:1px solid #f5f5f5;margin-bottom:20px}.qoo-articles>.mp-insert>a:hover>img{opacity:.88}.mp-insert>.mp-header{line-height:1.125rem;font-size:16px;font-weight:700;color:#333;padding:.5rem 0 .4rem 0}.mp-insert>.mp-header>.mp-more{float:right;font-size:14px;text-shadow:none;color:#00c6e6;font-weight:400}.mp-insert>.mp-header>.mp-more:hover{text-decoration:underline}.mp-insert>.mp-header>.mp-more:after{content:"";display:inline-block;vertical-align:6%;width:6px;height:6px;margin:0 2px;border:solid #00c6e6;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mp-insert>.mp-imglist{display:table;table-layout:fixed;width:100%;height:auto;margin-top:.5rem;align-items:stretch;position:relative}.mp-imglist .info-bar{line-height:3rem;display:block;padding:0 5rem 0 1rem;position:absolute;width:100%;bottom:0;left:0;box-sizing:border-box;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));background:-webkit-linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));font-size:.9rem;padding-right:6.5rem;border-radius:0 0 4px 4px}@media (max-width:300px){.mp-imglist .info-bar{display:none}}.mp-imglist .info-bar>var{position:absolute;right:0;top:0;font-size:14px;float:right;padding-right:10px}.mp-imglist .info-bar>var>*{line-height:18px;vertical-align:middle}.mp-imglist .info-bar>var>:before{margin:0 2px 0 4px}.mp-insert>.mp-imglist>*{display:table-cell;position:relative;vertical-align:top;max-height:80vh;overflow:hidden;pointer-events:none}.mp-insert>.mp-imglist>:not(:last-of-type){border-right:7px solid transparent}.mp-insert>.mp-imglist>:before{content:"";display:inline-block;padding-top:56.7%}.mp-insert>.mp-imglist img{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:auto;border-radius:4px;border:1px solid #ebebeb}.mp-insert>.mp-imglist>:hover img{border-color:#00c6e6}.mp-insert>.mp-footer{line-height:18px;padding-top:4px;margin-bottom:-3px}.qoo-articles>.qoo-hot-news{padding-bottom:0}.main-panel>.qoo-articles{overflow:inherit}.main-panel>.qoo-articles>ins+.mp-item{margin-top:20px}.main-panel>.qoo-articles>.mp-item,.qoo-hot-news>.mp-item{position:relative;display:block;height:auto;background-color:#fff;margin-bottom:20px}.main-panel>.qoo-articles>.mp-item:hover,.qoo-hot-news>.mp-item:hover{border-color:#00c6e6}.qoo-hot-news>.mp-item{margin-bottom:0;width:220px}.qoo-hot-news>.mp-header{margin-bottom:.5rem}.main-panel>.qoo-articles>.mp-item:after,.qoo-hot-news>.mp-item:after{content:"";display:block;clear:both}.main-panel>.qoo-articles>.qoo-loading-next{bottom:-80px!important}.mp-item .mp-content{display:block;display:box;display:-webkit-box;color:#4c4c5c;font-size:14px;line-height:20px;padding-top:5px;padding-right:.4em;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:45px;text-overflow:ellipsis;overflow:hidden}.main-panel .mp-footer{box-sizing:border-box;bottom:0;display:block;color:#999}.main-panel .mp-item .mp-footer{position:absolute;display:block;line-height:18px;padding-top:.5rem;color:#999;left:12.3rem;right:0;border:solid transparent;border-width:0 10px 10px 0}.main-panel .mp-item .mp-footer *{display:inline-block;vertical-align:middle}.main-panel .mp-footer time{font-size:.6rem;float:right;line-height:inherit}.mp-footer [class*=sprite-icon-]{font-size:12px;line-height:18px;color:inherit;margin-right:.4rem;cursor:pointer}.mp-footer [class*=sprite-icon-]:before{margin-right:.25rem;vertical-align:-20%}.main-panel .sprite-icon-diamond{color:#f3ad44}.main-panel .sprite-icon-diamond:before{vertical-align:middle}.main-panel .mp-icon-ad:before{background-position:-1rem -1rem}.main-panel .mp-icon-good:before{background-position:-.8rem 0}.main-panel .mp-footer .qoo-divider+span,.main-panel .mp-footer .qoo-tag+span{display:inline-block}.main-panel .mp-footer .qoo-divider+span:before,.main-panel .mp-footer .qoo-tag+span:before{content:"\7c";position:absolute;color:#cecece!important;display:inline-block;text-indent:-.7rem;pointer-events:none;font-size:.6rem;display:none}.mp-item .mp-header{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:20px;max-height:20px;color:#373737;padding-right:.4em;font-weight:700}.mp-item .mp-preview{position:relative;float:left;font-size:.75rem;width:11rem;margin-right:.8rem;border-radius:4px;overflow:hidden;border:1px solid #ebebeb;min-height:60px}.mp-item .mp-preview:before{content:"";display:inline-block;padding-top:56.3636%}.mp-item .mp-preview>img{position:absolute;width:100%;height:100%;object-fit:cover;color:transparent}@media (min-width:860px){.main-panel .mp-footer .qoo-tag+.qoo-divider+span,.main-panel .mp-footer .qoo-tag+span{margin-left:1.2rem}.main-panel .mp-footer .qoo-tag+.qoo-divider+span:before,.main-panel .mp-footer .qoo-tag+span:before{display:block}}@media (max-width:500px){.mp-item .mp-preview{font-size:.7rem;width:34%;margin-right:.5rem}.mp-item .mp-header{font-size:12px;padding-right:0;line-height:16px!important;max-height:32px!important}.mp-item .mp-preview:after{padding:0 0}.qoo-hot-news>.mp-item .mp-footer>.qoo-tag{display:inline-block}.mp-item .mp-header{display:box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-line;max-height:40px;color:#5b5b5b;text-shadow:none}.main-panel .mp-item .mp-footer{left:34%;padding-left:.6rem;border-width:0}.qoo-hot-news>.mp-item .mp-footer{padding-left:0}.main-panel .mp-footer .qoo-divider+span,.main-panel .mp-footer .qoo-tag+span{margin-left:6px}.main-panel .mp-footer .qoo-divider+span:before,.main-panel .mp-footer .qoo-tag+span:before{display:none}.mp-item .mp-footer .qoo-tag:nth-of-type(3)~.qoo-tag{display:none}.mp-item .mp-footer .qoo-tag:nth-of-type(3){margin-right:0}.mp-item .mp-footer .qoo-tag:nth-of-type(3):after{display:none}.mp-item .mp-content{display:none}}@media (max-width:400px){.mp-item .mp-header{line-height:16px;max-height:32px}.main-panel .mp-item .mp-footer{line-height:14px}.main-panel .mp-footer time{position:relative;bottom:-3px}.main-panel .mp-footer .qoo-divider+span,.main-panel .mp-footer .qoo-tag+span{margin-bottom:-2px}}@media (max-width:370px){.mp-item .mp-header{-webkit-line-clamp:1;white-space:nowrap}.main-panel .mp-footer>.qoo-tag{display:none}}.qoo-content>.side-panel{position:relative;display:inline-block;overflow:hidden;width:30%;padding-left:1rem;box-sizing:border-box;height:auto;vertical-align:top}.qoo-content>.side-panel-fixed{position:fixed;bottom:0;width:354px}@media (max-width:1160px){.qoo-content>.side-panel-fixed{width:30%}}.side-panel>.qoo-footer{padding:0}.side-panel>.qoo-footer .qoo-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;flex-wrap:wrap;padding:14px 20px;margin:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-moz-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.side-panel>.qoo-footer .qoo-footer-link{margin-right:10px}.side-panel>.qoo-footer .qoo-footer-extra{margin:10px 0;white-space:nowrap}.side-panel>.qoo-footer .qoo-footer-extra a{margin-left:10px}.side-panel>.qoo-footer .qoo-footer-extra a:first-child{margin-left:0}.side-panel>.qoo-footer cite{display:block;margin:10px 0}.side-panel>.qoo-footer a{margin-right:0}.side-panel>.sp-tab-view{white-space:nowrap;overflow:hidden}.sp-tab-view>header{font-size:18px;font-weight:700;line-height:34px;background-color:#fff;padding:17px 0 4px .9rem;border:1px solid #ebebeb;border-radius:6px}.sp-tab-view>header:after{content:"";display:block;clear:both}.sp-tab-view>header>cite{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sp-tab-view>header>ul{font-size:14px;float:right;display:table;table-layout:fixed;line-height:28px;vertical-align:top}.sp-tab-view>header>ul>*{display:table-row}.sp-tab-view>header>ul>*>*{display:table-cell;width:50%;text-align:center;padding:0 10px;position:relative;cursor:pointer}.sp-tab-view>article{display:block;transition:transform .3s;-webkit-transition:-webkit-transform .3s}.sp-tab-view>input{width:0;height:0;opacity:0}.sp-tab-view>header label:nth-of-type(1){color:#00c6e6}.sp-tab-view>input:nth-of-type(2):checked~header label:nth-of-type(1){color:inherit}.sp-tab-view>input:nth-of-type(2):checked~header label:nth-of-type(2){color:#00c6e6}.sp-tab-view>input:nth-of-type(2):checked~header .base-line{transform:translate(100%,0);-webkit-transform:translate(100%,0)}.sp-tab-view>input:nth-of-type(2):checked~article{transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0)}.sp-tab-view>header .base-line{position:relative;padding:0;display:block;margin:0 auto;width:100%;height:3px;transition:transform .3s;-webkit-transition:-webkit-transform .3s}.sp-tab-view>header .base-line:before{content:"";display:block;margin:0 auto;width:20px;height:100%;background-color:#00c6e6;padding:0}.sp-tab-view .tab-col{position:relative;display:inline-block;width:100%;height:auto;margin:10px 0 0 0;vertical-align:top;transition:all .3s;-webkit-transition:all .3s;left:0;background-color:#fff;border:1px solid #ebebeb;box-sizing:border-box;border-radius:6px}.sp-tab-view .tab-ceil{display:block;display:box;display:-webkit-box;display:-ms-box;display:flex;align-items:center;padding:.5rem;box-sizing:border-box;width:100%;overflow:hidden}.sp-tab-view .tab-ceil>*{vertical-align:middle}.sp-tab-view .tab-ceil>img{width:50px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0}.sp-tab-view .tab-ceil>cite{display:inline-block;color:#4c4c5c;flex-grow:1;line-height:.8rem;font-size:.7rem;vertical-align:top;padding:0 .5rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-tab-view .tab-ceil>cite>var{display:block;line-height:1.5rem;font-size:.6rem;margin-top:.2rem;color:#999}.sp-tab-view .tab-ceil>cite>var>i{display:inline-block;margin:0 .25rem}.sp-tab-view .tab-ceil>cite>var>i:before{vertical-align:-3%}.sp-tab-view .tab-ceil>.btn,.sp-tab-view .tab-ceil>a{flex-shrink:0;float:right;min-width:2.8rem;padding:0 .2rem;margin-left:2px;border-radius:2px;line-height:1.1rem;color:#fff;font-size:.7rem;text-align:center;background-color:#eee;background-color:#00c6e6;box-shadow:0 0 1px #aaa inset;box-sizing:border-box;font-weight:400}.sp-tab-view .tab-ceil>.btn:hover,.sp-tab-view .tab-ceil>a:hover{background-color:#00c6e6;border-color:#5fb4ba;color:#fff}.side-panel>.sp-item{display:block;width:100%;height:auto;box-sizing:border-box;margin-bottom:10px;border-radius:3px;overflow:hidden;margin-top:0}.sp-item>.qoo-subhead{margin-bottom:10px;line-height:66px;color:#00c6e6;padding:0 20px;background-color:#fff;border-radius:6px;border:1px solid #ebebeb}.side-panel>.sp-item .sp-parbox-iframe{display:block;position:relative}.side-panel>.sp-item .sp-parbox-iframe:before{content:"";display:inline-block;padding-top:56.329%}.side-panel>.sp-item .sp-parbox-iframe iframe{position:absolute;width:100%!important;height:100%!important}.qoo-partner .title{margin-top:30px;font-size:14px;color:#333}.qoo-partner .title:nth-child(1){margin-top:0}.qoo-partner .sp-company{display:block;overflow:hidden}.qoo-partner .sp-company a{position:relative;float:left;width:calc(50% - 5px);height:0;padding-bottom:22%;margin-top:10px;text-align:center}.qoo-partner .sp-company a:nth-child(2n-1),.sp-item>.sp-company a:nth-child(2n-1){margin-right:5px}.qoo-partner .sp-company a:nth-child(2n),.sp-item>.sp-company a:nth-child(2n){margin-left:5px}.qoo-partner .sp-company img,.sp-item>.sp-company img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.sp-item .note-list{padding:14px 10px 0 10px;margin-bottom:0}.sp-item .qoo-note-item{display:block;margin-bottom:10px}.sp-item .img-link{display:block;position:relative;margin-top:10px}.sp-item .img-link>img{width:100%;height:auto;object-fit:cover;border-radius:4px;min-height:150px;border:1px solid #ebebeb}.sp-item .img-link:hover>img{border-color:#00c6e6}.sp-item .sprite-icon-book{font-size:.6rem;line-height:16px;vertical-align:top}.sp-item .sprite-icon-book:before{margin-right:2px}.top-panel{position:relative;display:inline-block;width:100%;height:auto;min-height:100px;margin-bottom:20px}.top-panel>.tp-puzzle{height:auto;width:36.440678%;float:right}.top-panel>.tp-puzzle>*{position:relative;display:inline-block;width:calc(50% - .76rem);margin:.5rem 0 0 .75rem;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #ccc}.top-panel>.tp-puzzle>.qoo-ad{height:0}.top-panel>.tp-puzzle>:nth-child(3),.top-panel>.tp-puzzle>:nth-child(4){margin-top:1.17rem}.top-panel>.tp-puzzle a:hover img{opacity:.88}.top-panel>.tp-puzzle>:before{content:"";display:inline-block;padding-top:100%}.top-panel>.tp-puzzle .qoo-ad{position:absolute}.top-panel>.tp-puzzle .qoo-ad{position:absolute;top:0;left:0;width:100%}@media (min-width:900px){.main-panel .mp-imglist>a[title]:after,.top-panel>.tp-puzzle>[title]:after{content:attr(title);display:block;position:absolute;left:0;bottom:0;width:100%;font-size:.7rem;color:#fff;padding:0 .3rem 0 .5rem;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2rem;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));background:-webkit-linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));border-radius:0 0 4px 4px}.main-panel .mp-imglist>a:last-child:after{display:none}.main-panel .mp-imglist>a+a:after{display:block!important;line-height:2rem!important;font-size:.7rem!important}}.top-panel>.tp-puzzle img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:4px}.top-panel>.qoo-gallery-view{position:absolute;display:block;top:0;bottom:0;width:63.559322%;overflow:hidden;margin-top:.5rem;box-shadow:0 1px 2px #ccc;border-radius:6px}.top-panel .gallery-container{border-radius:6px}@media (max-width:700px){.top-panel>.qoo-gallery-view{position:relative;width:100%;bottom:auto;height:56.7vw}.top-panel>.tp-puzzle{position:relative;height:auto;width:calc(100% + .5rem)}.top-panel>.tp-puzzle>*{position:relative;width:calc(25% - .5rem);height:auto;max-height:28vw}}.top-panel>.qoo-gallery-view .gallery-content em{position:absolute;left:0;bottom:0;width:100%;padding:0 .4em;box-sizing:border-box;line-height:4rem;display:block;font-size:1rem;color:#fff;font-style:normal;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));background:-webkit-linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qoo-section{overflow:hidden;background:#fff;border-radius:8px;border:solid 1px #ebebeb;box-sizing:border-box;padding:20px;margin-bottom:10px;-webkit-transform:rotate(0);transform:rotate(0)}.qoo-section-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}.qoo-section-header a{font-size:14px;color:#00c6e6}.qoo-section .more:after{content:"";display:inline-block;width:6px;height:6px;margin-left:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);border:1px solid;border-color:inherit;border-left-color:transparent;border-bottom-color:transparent}.qoo-section-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.qoo-section-main{margin-top:20px}.qoo-entrance .qoo-section-main{border-radius:8px;overflow:hidden}.qoo-entrance .qoo-section-main img{width:100%}.qoo-top{padding:0}.qoo-top-nav{position:relative;border-bottom:1px solid #ebebeb;overflow:auto;-webkit-overflow-scrolling:touch}.qoo-top-nav a{display:inline-block;padding:0 10px;font-size:18px;line-height:60px;color:#666;border:0;background:0 0;outline:0;cursor:pointer;transition:.3s color;user-select:none}.qoo-top-nav nav{position:relative;padding:0 10px;z-index:2;white-space:nowrap}.qoo-top-nav .qoo-top-nav-active{color:#00c6e6}.qoo-top-bar{position:absolute;width:0;height:4px;border-radius:2px;background:#00c6e6;left:0;bottom:10px;transition:.3s}.qoo-top-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex}.qoo-top-list ul{width:90%;width:50%;flex-shrink:0}.qoo-top-list ul:nth-child(2) li:last-child{text-align:center;height:56px}.qoo-top-list ul:nth-child(2) li:last-child:after{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.qoo-top-list ul:nth-child(2) li:last-child>.qoo-top-item-link{display:inline-block;min-width:40%;vertical-align:middle}.qoo-top-list li{position:relative;padding:10px 20px}.qoo-top-item-entry{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.qoo-top-item img{width:56px;height:56px;border-radius:8px;overflow:hidden;object-fit:cover}.qoo-top-item figure{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}.qoo-top-item figcaption{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;width:0;text-align:left;margin-left:8px;margin-right:10px}.qoo-top-item h3{margin:0;font-size:14px;color:#333;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qoo-top-item p{font-size:12px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qoo-top-item p span:first-child:before{display:none}.qoo-top-item p span:before{content:"|";margin:0 6px;font-family:serif}.qoo-top-item .qoo-rating-bar{display:inline-block;vertical-align:middle}.qoo-top-item .qoo-app-item .item-rating:before,.qoo-top-item .qoo-app-item .item-rating>i,.qoo-top-item .qoo-rating-bar:before,.qoo-top-item .qoo-rating-bar>i{width:50px;height:10px;font-size:10px;background-size:10px auto}.qoo-top-item em{font-size:12px;font-style:normal;color:#666;vertical-align:middle}.qoo-top-item-link{position:relative;padding:0 22px;font-size:14px;color:#00c6e6;line-height:32px;border:1px solid #00c6e6;border-radius:16px;transition:.3s}.qoo-top-item-link:hover{color:#fff;background:#00c6e6}.mobile-platform .qoo-top-item-link:hover{color:#00c6e6;background:0 0}.qoo-top-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;padding:10px 0;transition:.3s transform}.qoo-top-panel{width:100%;padding-right:0;flex-shrink:0;overflow:hidden;box-sizing:border-box}.qoo-today{position:relative;height:0;padding-bottom:126%;font-size:16px;border:0}.qoo-today .link{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;z-index:3}.qoo-today [data-video-thumb]{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:#fff;object-fit:cover}.qoo-today [data-video-player]{position:absolute}.qoo-today-panel{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;color:#fff;font-size:1em}.qoo-today-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2)}.qoo-today-panel>*{position:relative;z-index:2;padding-left:1em;padding-right:1em;padding-top:.7em;padding-bottom:.5em}.qoo-today-date{margin-bottom:.625em}.qoo-today-date span{font-size:2.5em;font-weight:600;line-height:1}.qoo-today-date em{font-size:1.2em;font-weight:600;line-height:1;font-style:normal}.qoo-today-panel-header{top:1.25em;background-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0) 60%)}.qoo-today-panel-header p{margin-bottom:.375em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qoo-today-panel-footer{position:absolute;right:0;bottom:1.25em;left:0;display:flex;padding:0;justify-content:space-between;align-items:center;z-index:4}.qoo-today-panel-footer--empty .qoo-today-info{background-image:none}.qoo-today-panel-footer button{position:relative;z-index:5;background:#00c6e6;border-radius:14px;color:#fff;font-size:14px;line-height:1.429;min-width:80px;padding:4px 12px;white-space:nowrap;border:0;margin-right:1em;cursor:pointer}.qoo-today-panel-footer button.preregister{background:#fb3}.qoo-today-info{position:relative;min-width:0;max-width:100%;overflow:hidden;padding-left:1em;padding-right:1em;padding-top:.7em;padding-bottom:.5em;background-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0) 80%)}.qoo-today-info>*{white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:top;max-width:100%}.qoo-today-info h3{margin:0;font-size:1.3em;font-weight:600}.qoo-today-info p{font-size:.875em;line-height:1.5}.qoo-content>.main-panel .qoo-entrance,.qoo-content>.main-panel .qoo-today{display:none}.qoo-jumbotron{position:relative}.qoo-hot-posts{-webkit-transform:none;transform:none;padding-bottom:0}.qoo-hot-posts .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.qoo-hot-posts .qoo-section-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;overflow:auto}.qoo-hot-posts .qoo-post-item{width:300px;flex-shrink:0;padding:0 5px}.qoo-hot-posts .qoo-post-item:first-child{padding-left:20px}.qoo-hot-posts .qoo-post-item:last-child{padding-right:20px}.qoo-hot-posts-panel{position:relative;padding-bottom:10px;background:#f5f5f5;border-radius:0 0 8px 8px}.qoo-hot-posts-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.qoo-hot-posts-user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;margin-right:10px;min-width:0}.qoo-hot-posts-user figcaption{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin-top:4px;min-width:0}.qoo-hot-posts-user .avatar{width:48px;margin-right:4px}.qoo-hot-posts-user .artist{display:inline-block;max-width:100%;overflow:hidden;font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap}.qoo-hot-posts-user .info{font-size:12px;color:#999}.qoo-hot-posts-user .info span{margin-right:4px}.qoo-hot-posts .ratings-panel{position:relative;padding:0;border-radius:8px;margin-bottom:0;padding-top:6px;padding-bottom:10px}.qoo-hot-posts .qoo-section-main{padding:0;border:0;border-radius:0;margin:20px -20px 0}.qoo-hot-posts-thumb{position:relative;margin-bottom:16px}.qoo-hot-posts-thumb .cover,.qoo-hot-posts-thumb .thumb{position:relative;height:0;overflow:hidden;border-radius:8px 8px 0 0;-webkit-transform:rotate(0);transform:rotate(0)}.qoo-hot-posts-thumb .thumb{border-radius:8px}.qoo-hot-posts-thumb .thumb{width:12%;height:0;padding-bottom:12%;margin-right:3%}.qoo-hot-posts-thumb .cover{padding-bottom:32%}.qoo-hot-posts-thumb figure{position:absolute;right:0;bottom:0;left:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;padding:3%;color:#fff;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}.qoo-hot-posts-thumb h3{margin:0;margin-bottom:4px;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qoo-hot-posts-thumb p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qoo-hot-posts-thumb p span:first-child:before{display:none}.qoo-hot-posts-thumb p span:before{content:"|";margin:0 6px;font-family:serif}.qoo-hot-posts-thumb .cover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.3)}.qoo-hot-posts-thumb .cover img,.qoo-hot-posts-thumb .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.qoo-hot-posts-thumb figcaption{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;width:0}.qoo-hot-posts-content{font-size:16px;line-height:24px;color:#333;padding:0 10px;display:block;display:box;display:-webkit-box;box-sizing:border-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;text-overflow:ellipsis;overflow:hidden}.qoo-hot-posts .qoo-hot-posts-user .artist{font-size:14px}.qoo-hot-posts .follow-button span{font-size:12px}.qoo-hot-posts .follow-button{position:relative;z-index:3;min-width:80px;height:24px}.qoo-hot-posts .qoo-hot-posts-thumb .thumb{width:16%;padding-bottom:16%}.qoo-hot-posts .qoo-hot-posts-thumb h3{font-size:16px}.qoo-hot-posts .qoo-hot-posts-thumb p{font-size:12px}.qoo-hot-posts .qoo-hot-posts-content{font-size:14px}.qoo-hot-posts .ratings-panel .rating-graphs{flex-wrap:wrap;height:130px}.qoo-hot-posts .ratings-panel .rating-graphs .eggs{width:164px;flex:1}.qoo-hot-posts .ratings-panel .rating-graphs .eggs .item>var{width:80px}.qoo-hot-posts .qoo-hot-posts .ratings-panel,.qoo-hot-posts .qoo-hot-posts-thumb{margin-bottom:0}.qoo-hot-posts .ratings-panel .rating-graphs .eggs .item>cite{font-size:12px}html[lang=ja] .qoo-hot-posts-content,html[lang=ko] .qoo-hot-posts-content,html[lang=zh] .qoo-hot-posts-content{font-size:14px}.qoo-hot-posts .qoo-comment-panel:first-child{display:none}.qoo-topic .thumb{position:relative;height:0;border-radius:8px;overflow:hidden;color:#fff;-webkit-transform:rotate(0);transform:rotate(0)}.qoo-topic .cover{padding-bottom:40%}.qoo-topic .thumbs .thumb{padding-bottom:13%}.qoo-topic .thumb-info{margin:2% 0;font-size:14px;color:#333;line-height:1.5;display:block;display:box;display:-webkit-box;box-sizing:border-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;max-height:105px;text-overflow:ellipsis;overflow:hidden}.qoo-topic .thumb a{color:#fff}.qoo-topic .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.qoo-topic .thumb span{position:absolute;top:50%;width:90%;left:5%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qoo-topic .thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,.3)}.qoo-topic .thumb figcaption{position:absolute;width:100%;height:100%;z-index:3}.qoo-topic .cover span{margin-top:-18px;font-size:24px;font-weight:700;line-height:1.5}.qoo-topic .cover em{position:absolute;left:0;bottom:0;padding:2%;font-size:16px}.qoo-topic .thumbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex}.qoo-topic .thumbs .thumb{width:33.33333%;margin-left:1.2%}.qoo-topic .thumbs .thumb:first-child{margin-left:0}.qoo-topic .thumbs .thumb span{font-size:16px;margin-top:-12px}.qoo-media-panel .thumb{position:relative;overflow:hidden;border-radius:8px;-webkit-transform:rotate(0);transform:rotate(0)}.qoo-media-panel .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.qoo-event .thumb{padding-bottom:50%}.qoo-event .info{font-size:16px;font-weight:700;line-height:1.5;margin:14px 0 10px;display:block;display:box;display:-webkit-box;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;max-height:48px}.qoo-event .extra{font-size:14px}.qoo-comic-panel .thumb{padding-bottom:31%}.qoo-comic-panel .qoo-section-main a,.qoo-event .qoo-section-main a{color:#333}.qoo-comic-panel .title{margin:14px 0 10px;font-size:16px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qoo-comic-panel .description{font-size:14px;line-height:1.5;display:block;display:box;display:-webkit-box;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;max-height:42px}.qoo-hot-news-panel .qoo-hot-news,.qoo-user-panel ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;overflow:auto;padding-bottom:30px;margin:0 -20px -20px;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-moz-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.qoo-hot-news-panel{margin-bottom:10px}.qoo-hot-news-panel .qoo-hot-news p,.qoo-user-panel li{padding-right:10px}.qoo-hot-news-panel .qoo-hot-news p:first-child,.qoo-user-panel li:first-child{padding-left:20px}.qoo-hot-news-panel .qoo-hot-news p:last-child,.qoo-user-panel li:last-child{padding-right:20px}.android-platform .qoo-articles>*{display:none!important}.android-platform .qoo-articles{padding:0;border:0;background:0 0}.android-platform .qoo-open-app{display:block!important;width:80%;padding:8px;margin:20px auto;font-size:16px;line-height:1.5;text-align:center;color:#fff;box-sizing:border-box;background:#00c6e6;border-radius:20px}.android-platform .main-panel{padding-bottom:0}@media (min-width:860px){.qoo-top-list{transform:translate3d(0,0,0)!important}.qoo-content>.main-panel>.qoo-hot-news-panel{display:none!important}}@media (max-width:860px){.qoo-content>.top-panel{display:none}.qoo-content>.side-panel{position:relative;display:block;width:100%;margin-left:0;padding:0}.qoo-top-nav a{font-size:16px}.qoo-content>.side-panel>.qoo-section{display:none}.qoo-content>.side-panel>.qoo-entrance+ins{display:none!important}.qoo-footer cite{padding:0 20px}.qoo-jumbotron{margin-top:10px}.qoo-content>.main-panel .qoo-entrance,.qoo-content>.main-panel .qoo-today{display:block}.qoo-top-list ul{width:90%}.qoo-top-list ul:nth-child(2) li:last-child>.qoo-top-item-link{min-width:100%;box-sizing:border-box}.qoo-top-moving a{pointer-events:none}.qoo-hot-posts-content{font-size:14px}.qoo-hot-posts .follow-button{min-width:80px;height:24px}.qoo-hot-posts .follow-button span{font-size:12px}.qoo-topic .cover span{font-size:16px}.qoo-topic .thumb-info{font-size:14px;max-height:105px}.qoo-hot-news>.mp-item>a{position:relative;display:block;overflow:hidden;border-radius:8px}.qoo-hot-news>.mp-item .mp-preview{display:block;width:220px;margin-right:0;float:none;box-sizing:border-box;border-radius:8px;border:0}.qoo-hot-news>.mp-item .mp-header{position:absolute;bottom:0;left:0;right:0;padding:.5em;background:rgba(0,0,0,.4);max-height:calc(48px + 1em)}.qoo-hot-news>.mp-item .mp-header span{display:block;display:box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:24px;color:#fff;white-space:normal;max-height:48px;overflow:hidden}.qoo-hot-news>.mp-item .mp-footer{position:relative;left:0}.qoo-hot-news>.mp-item .mp-footer .qoo-divider:first-child{margin-top:calc(1rem + 14px)}.qoo-hot-news>.mp-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.qoo-hot-news>.mp-item>.mp-footer{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;padding-bottom:20px}.main-panel .mp-item .mp-footer .qoo-divider{display:block;margin-top:1%}.qoo-hot-news>.mp-item .mp-footer .qoo-divider{display:block;margin-top:1rem}.qoo-hot-news>.mp-item .mp-footer .qoo-divider+span{position:absolute;left:0;bottom:0;margin-left:0}.qoo-hot-news>.mp-item .mp-footer .qoo-divider+span:before{display:none}.qoo-hot-news>.mp-item .mp-footer time{position:absolute;right:0;bottom:0}.qoo-hot-news>.mp-item .mp-content{display:block;-webkit-line-clamp:1;max-height:25px;white-space:nowrap}.mp-item .mp-header{display:block;display:box;display:-webkit-box;line-height:20px;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:normal}.mp-item .mp-content{display:none}.main-panel .mp-footer .qoo-divider+span{margin-left:0}.main-panel .mp-footer .qoo-divider+span:before{display:none}}@media (max-width:860px) and (min-width:630px){.qoo-topic .cover span{font-size:20px}.qoo-jumbotron .qoo-today{position:absolute;padding-bottom:0;width:50%;height:100%}.qoo-jumbotron .qoo-today+.qoo-top{width:50%;margin-left:calc(50% + 10px)}}@media (max-width:630px){.qoo-jumbotron .qoo-top{margin-top:10px}.qoo-hot-posts-thumb h3{font-size:16px}.qoo-hot-posts-thumb p{font-size:12px}.qoo-section-header h3{font-size:18px}.qoo-hot-posts-user .artist{font-size:14px}.qoo-topic .cover em,.qoo-topic .thumbs .thumb span{font-size:12px}.qoo-comic-panel .title,.qoo-event .info{font-size:14px}.qoo-event .info{-webkit-line-clamp:3;max-height:63px}}@media (max-width:500px){.qoo-hot-news>.mp-item .mp-header{max-height:calc(40px + 1em)}.qoo-hot-news>.mp-item .mp-header span{line-height:20px;max-height:20px}}.qoo-custom-bs-copyright{position:fixed;bottom:10px;right:10px;font-size:12px;color:#fff;font-weight:600;z-index:-1;user-select:none;pointer-events:none;opacity:.8;font-family:Arial;text-shadow:1px 1px 1px #000,1px -1px 1px #000,-1px -1px #000,-1px 1px #000}