.base-flex{display:flex}.banner{background:url(https://images.clevguard.com/de/assets/images/public/banner_bg.png);min-height:220px;text-align:center;display:flex;justify-content:center;align-items:center}h1{font-size:40px;color:#fff}.desc{color:#FFF;margin-top:20px}@media (max-width:767px){.banner{background:#00bde3}h1{font-size:32px}.desc{margin:0}}.category{padding:40px 0 100px}.category-btn{display:none}.category-left{width:210px;flex-shrink:0}.menu-list{background:#FFF;-webkit-box-shadow:0 0 20px #c7c7c7;-moz-box-shadow:0 0 20px #c7c7c7;box-shadow:0 0 20px #c7c7c7;padding-bottom:30px;flex-shrink:0}@media (min-width:1025px){.menu-list.fixed-sidebar{position:fixed;top:110px;width:210px}}.menu-item-a{text-decoration:none;color:#2e2e2e;line-height:50px;padding-left:40px;display:inline-block;width:100%;font-size:14px;font-weight:700;position:relative}.menu-item-a:hover{color:#00bde3;text-decoration:none}.menu-item-a.curr{background:#d9f5fb;color:#00bde3}.menu-item-a.curr:before{content:"";width:3px;height:50px;background:#00bde3;display:inline-block;position:absolute;left:0}.category-content{padding:0 30px}.best{margin-bottom:40px}.best-title,.featured-title{font-size:24px;color:#3d3c3c;font-weight:700;padding-left:12px;border-left:6px solid #00bde3;margin-bottom:20px}.best-box{padding:40px 50px 40px 30px;background-color:#fff;border-radius:10px;border:2px solid #F2F2F2}.best-left{width:120px;height:170px;flex-shrink:0;margin-right:40px}.hotter-title-a{font-size:18px;color:#2e2e2e;font-weight:700}.hotter-title-a:hover{color:#00bde3;text-decoration:none}.hotter-des{margin:30px 0 25px}.hotter-btn-a{display:inline-block;min-width:180px;height:40px;line-height:38px;padding:0 10px;text-align:center;color:#FFF;border-radius:20px;border:solid 2px transparent}.monitor-a{color:#fff;background-color:#f93;margin-right:20px}.monitor-a:hover{text-decoration:none;background:#e5892d;color:#fff}.view-a{color:#f93;background-color:#fff;border:solid 2px #f93}.view-a:hover{background:#f93;color:#fff;text-decoration:none}.monitor-a.clevgo{background-color:#00bde3}.monitor-a.clevgo:hover{background:#00bbf9}.view-a.clevgo{color:#00bde3;border-color:#00bde3}.view-a.clevgo:hover{background:#00bbf9;color:#fff}.type-btn{display:inline-block;width:180px;height:56px;margin:10px;background-repeat:no-repeat;background-size:cover}.google-btn{background-image:url(https://images.clevguard.com/de/assets/images/kidsguard/google.png)}.apple-btn{background-image:url(https://images.clevguard.com/de/assets/images/kidsguard/apple.png)}.personal-comments{display:block;padding:20px 0 0 20px;color:#666;margin-bottom:20px;cursor:pointer;transition:all linear .2s}.personal-comments:hover{box-shadow:0 0 10px 0 rgb(0 0 0 / 20%);border-radius:10px}.personal-comments h3 a{font-size:18px;color:#2e2e2e;line-height:1.5}.personal-comments h3 a:hover{text-decoration:none}.personal-comments .comments-content{font-size:14px;margin:20px 0 10px;color:#666}.personal-comments .personal-data{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;color:#999;padding-bottom:30px;border-bottom:1px solid #ddd}.personal-comments:hover .personal-data{border-bottom:1px solid transparent}.personal-comments .personal-data img{margin-right:10px}.personal-comments .name a{color:#999;margin-right:10px}.personal-comments .name a:hover{text-decoration:underline}.personal-comments .time{margin-left:10px}.review-pagination{text-align:center;margin-top:44px}.review-pagination .page-numbers{margin:0 10px;color:#000}.review-pagination .page-numbers:hover{text-decoration:underline}.review-pagination .page-numbers.current{color:#259bd6}.review-pagination .page-numbers.current:hover,.review-pagination .page-numbers.dots{text-decoration:none}.review-pagination .next,.review-pagination .prev{display:inline-block;width:65px;height:30px;line-height:30px;background:#259bd6;color:#FFF;border-radius:15px}.review-pagination .next:hover,.review-pagination .prev:hover{background:#0064b0;text-decoration:none}.category-right{width:260px;height:100%;border-radius:10px;background:#fff;border:2px solid #F2F2F2;padding:20px 18px 28px;z-index:1;flex-shrink:0}.hot-btn{display:none}.hot-title::before{content:'';display:inline-block;width:16px;height:20px;line-height:26px;margin-right:6px;background:url(https://images.clevguard.com/de/assets/article/how_to/hot_article.png) no-repeat}.hot-title{font-size:18px;font-weight:700;color:#00BDE3;line-height:26px;padding-bottom:16px;border-bottom:1px solid #E6E6E6}.hot-item-a{display:inline-block;font-size:16px;line-height:24px;color:#666;margin-top:20px}.hot-item-a:hover{text-decoration:underline;color:#00bde3}@media (max-width:1280px){.category-right{position:fixed;width:260px;top:200px;right:-260px;height:auto;transition:all linear .3s}.category-right.open{right:0}.hot-list{max-height:calc(100vh - 380px);overflow-y:scroll}.hot-btn{display:flex;justify-content:center;align-items:center;color:#fff;background-color:rgba(7,146,190,.7);border-radius:10px 0 0 10px;width:40px;height:40px;position:absolute;top:7px;left:-42px}.hot-btn svg{transition:all linear .3s}.category-right.open .hot-btn svg{transform:rotate(180deg)}}@media (max-width:1024px){.category-content{padding:0}.menu-list{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;max-height:calc(100vh - 200px);overflow-y:scroll}.category-left.open .menu-list{-webkit-box-shadow:0 0 20px #c7c7c7;-moz-box-shadow:0 0 20px #c7c7c7;box-shadow:0 0 20px #c7c7c7}.category-left{position:fixed;left:-210px;top:150px;transition:all linear .3s;z-index:1}.category-left.open{left:0}.category-btn{display:flex;justify-content:center;align-items:center;color:#fff;background-color:rgba(7,146,190,.7);border-radius:0 10px 10px 0;width:40px;height:40px;position:absolute;top:7px;right:-40px}.category-btn svg{transform:rotate(180deg);transition:all linear .3s}.category-left.open .category-btn svg{transform:rotate(0)}}@media (max-width:768px){.hotter-des{margin:25px 0 20px}.best-box{flex-direction:column;padding:20px 5px}.best-left{margin:0 auto 20px}.best-right{text-align:center}}@media (max-width:550px){.hotter-btn{display:flex;flex-direction:column;align-items:center}.monitor-a{margin:0 0 20px}}@media (max-width:450px){.personal-comments-title{font-size:20px}.personal-comments{padding:10px 0 0 20px}.personal-comments p{font-size:16px}.personal-comments .personal-data{font-size:14px}.personal-comments .personal-data img{margin-right:5px}.review-pagination{display:flex;align-items:center;justify-content:center}.review-pagination .page-numbers{margin:0 6px}}@media (max-width:375px){.review-pagination .page-numbers{margin:0 2px}}