body{min-width:360px;background-color:#eee}.container{max-width:480px;margin:0 auto;height:100vh;background-color:#fff;position:relative}.header{box-sizing:border-box;font-size:24px;font-weight:700;padding:30px 24px;border-bottom:1px solid #eee;color:#000}.header a{display:block;width:100%}.header a,.header a:visited{color:#000}.text-center{text-align:center}.group{box-sizing:border-box;padding:13px 24px;font-size:14px;height:48px;color:#4a4a4a;background-color:#fff}.group .title{font-size:18px;font-weight:700;color:#4a4a4a;padding:0 8px;border-left:4px solid #ff675c}.items{padding:16px 24px;background-color:#fff}.item{border:1px solid #eee;padding:12px;margin-bottom:12px}.back-to-top{background-color:#fff}.back-to-top-btn{text-decoration:underline;padding:12px;margin:16px 24px;border-top:1px solid #eee;font-size:12px;color:#4a4a4a;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.back-to-top-btn,.next-page,.next-page-content{text-align:center}.next-page{display:inline-block;margin:16px 24px 0;background:linear-gradient(135deg,#ff675c,#fc4443);box-shadow:0 4px 8px rgba(255,103,92,.3);width:32px;height:32px;line-height:35px;border-radius:50%;color:#eee;cursor:pointer}.next-page .next-page-img{width:8px;transform:rotate(-90deg)}.hide{display:none}.holder-img-wrapper{text-align:center;margin-top:20vh}.holder-img-wrapper .holder-img{width:60px;height:64px;opacity:.5}.holder-img-wrapper p{color:rgba(74,74,74,.6);font-style:italic}.more-info{position:absolute;padding:28px 24px;top:0;right:0;text-decoration:none;color:#4a4a4a}.more-info .avatar{width:32px;height:32px;fill:#4a4a4a}.more-info .info{float:right;padding-top:10px;font-size:14px}.banner-items{margin:16px;height:200px;overflow:hidden;position:relative}.banner-items .banner-wrapper{transition:all 1s ease;position:absolute;top:0}.banner-items .banner-wrapper a{display:inline-block;padding:8px}.banner-items video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.banner-items .banner-dots{position:absolute;bottom:16px;left:0;right:0;text-align:center}.banner-items .banner-dots span{display:inline-block;width:6px;height:6px;border-radius:8px;background:hsla(0,0%,93%,.5)}.banner-items .banner-dots span.active{background:#ffdd14}.banner-items .banner-link{float:left}.top{padding:16px;background-color:#fff}.menu-1{text-decoration:none;color:#4a4a4a}.top-hint{font-weight:400;font-size:16px}.img-container{display:inline-block;width:64px;height:64px;border-radius:32px;padding:16px;box-sizing:border-box;transition:transform .2s ease}.img-container img{width:32px;height:32px}.img-container.yellow{background:linear-gradient(135deg,#ffdd14,#fc0);box-shadow:0 4px 8px rgba(255,221,20,.3)}.img-container.red{background:linear-gradient(135deg,#ff675c,#fc4443);box-shadow:0 4px 8px rgba(255,103,92,.3)}.img-container.red img{margin-top:4px;margin-left:2px;width:28px;height:24px}.img-container.blue{background:linear-gradient(135deg,#25aaff,#10a3ff);box-shadow:0 4px 8px rgba(37,170,255,.3)}.img-container.click{box-shadow:none;transform:scale(.9)}.items a{text-decoration:none}.items .item{border:none;padding:0 0 16px;border-bottom:1px solid #eee}.items video{float:left;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.items .more{padding:8px}.items .desc{padding-bottom:4px;font-size:14px;color:#4a4a4a;word-break:break-all}.items .info{font-size:12px;margin-bottom:4px;color:#9b9b9b}