.app-page{background:#f5f7fa;min-height:100vh;}
.app-page.active{position:fixed;top:0;left:0;right:0;bottom:0;}
.app-page .app-container{padding:0 1em;}
.app-page h1{font-size:1.25em;font-weight:700;line-height:1.25;}
.app-page .app-title{padding:0.5em 0 0;}
.app-page .app-search{margin:1.25em 0;}
.app-page .app-search-fixed{position:relative;top:0;}
.app-page .app-search-cancel{color:#1d2529;float:right;line-height:2.375;height:2.375em;margin-left:0.625em;white-space:nowrap;display:none;background: none;border: none;}
.app-page .app-search-box{background:rgba(118,118,128,0.12);border-radius:0.625em;position:relative;overflow:hidden;}
.app-page .app-search-box input,
.app-page .app-search-box button{background:transparent;border:none;}
.app-page .app-search-box input{font-size:1em;font-family:inherit;color:rgba(60,60,67,0.60);line-height:2.375;height:2.375em;width:100%;box-sizing:border-box;padding:0 1em 0 2.375em;}
.app-page .app-search-box input::-webkit-input-placeholder{color:#1d2529;}
.app-page .app-search-box .submit{position:absolute;top:0;left:0;text-indent:-999px;overflow:hidden;width:2.375em;height:2.375em;}
.app-page .app-search-box .submit:after{content:'';display:block;position:absolute;top:50%;left:0.625em;margin-top:-0.75em;width:1.5em;height:1.5em;background:url("https://static.tp-link.com/app/assets/images/icon-search.png") 100% 50% no-repeat;background-size:3em;}
.app-page .app-search-box .app-search-reset{position:absolute;top:0.4375em;right:0.625em;text-indent:-999px;overflow:hidden;width:1.5em;height:1.5em;background:url("https://static.tp-link.com/app/assets/images/icon-delete.png") 50% 50% no-repeat;background-size:100%;display:none;}

.app-page .app-other-support{font-weight:500;margin:1em -0.3125em 0;padding-bottom:2em;}
.app-page .app-tag-list{font-size:0;}
.app-page .app-tag-list a{color:inherit;text-decoration:none;position:relative;}
.app-page .app-tag-list a:after{content:'';position:absolute;top:50%;right:0.5em;margin-top:-0.75em;background:url("https://static.tp-link.com/app/assets/images/icon-next.png") 50% 50% no-repeat;background-size:100%;display:block;width:1.5em;height:1.5em;}
.app-page .app-tag-list .app-tag-item{font-size:16px;width:100%;display:inline-block;vertical-align:top;}
.app-page .app-tag-list .app-tag-item-2{width:50%;}
.app-page .app-tag-list .app-tag-item-wrapper{padding:0 0.3125em;}
.app-page .app-tag-list .app-tag-item-box{background:#fff;border-radius:0.5em;padding:1em;}

.app-page .app-main{background:#fff;border-radius:0.5em;margin:1.25em 0 1em;position:relative;overflow:hidden;}
.app-page .app-main a{color:inherit;text-decoration:none;}
.app-page .app-main .app-main-box{height:100%;}
.app-page .app-main .app-faq-title{color:rgba(29,37,41,1);}
/* .app-page .app-main .app-faq-title:after{content:'';width:1.875em;height:2px;background:#10C1D0;border-radius:1.5px;position:absolute;bottom:0;left:50%;margin-left:-0.9375em;} */
.app-page .app-main .app-faq-item-wrapper{margin:0;}

.app-page .hidden{display:none;}
.app-page .app-faq-title{position:relative;padding:1.25em 1em 0.5em;font-size:0.875em;line-height:1.25em;font-weight:500;}
/* .app-page .app-faq-title:after{content:'';width:1.875em;height:2px;background:#10C1D0;border-radius:1.5px;position:absolute;bottom:0;left:50%;margin-left:-0.9375em;} */
.app-page .app-faq-content{overflow:auto;height:auto;padding:0 1em;}
.app-page .app-faq-list{background:#fff;border-radius:0.5em;}
.app-page .app-faq-item-wrapper{margin:0 0.875em;position:relative;}
.app-page .app-faq-product{position:absolute;top:50%;left:0;width:3.75em;height:3.75em;margin-top:-1.875em;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;}
.app-page .app-faq-link{display:block;font-size:1em;color:#212121;line-height:1.25;padding:1.125em 1.5em 1.125em 0;border-bottom:1px solid #f3f3f3;text-decoration:none;}
.app-page .app-faq-item:last-child .app-faq-link{border-bottom:none;}
.app-page .app-faq-product+.app-faq-link{padding:1.625em 1.5em 1.625em 4.75em;}
.app-page .app-faq-link:after{content:'';width:1.5em;height:1.5em;position:absolute;top:50%;right:-0.5em;display:block;background:url("https://static.tp-link.com/app/assets/images/icon-next.png") 50% 50% no-repeat;background-size:100%;margin-top:-0.75em;}

.app-page .app-main .app-faq-tip{padding:0 0.875em;position:absolute;bottom:0;left:0;right:0;background:#fff;}
.app-page .app-main .app-faq-other{display:block;padding:1.25em 0;color:#10C1D0;}
.app-page .app-main .app-faq-other p{font-size:0.875em;line-height:1.142857142857143em;text-align:center;}

.app-page .app-search-result{position:fixed;top:100%;left:0;right:0;bottom:0;display: none;}
.app-page .app-search-result-container{height:100%;padding-bottom:1em;box-sizing:border-box;}
.app-page .app-search-result-box{background:#fff;box-shadow:0 0 2px 0 rgba(54,68,75,0.10), 0 2px 6px 0 rgba(54,68,75,0.12);height:100%;border-radius:0.5em;}
.app-page .app-main-top .app-search-result-box{box-shadow:none;}
.app-page .app-search-result-box a{color:inherit;text-decoration:none;display:block;padding:0.84375em 1.75em 0.84375em 0;color:#212121;line-height:1.1875;position:relative;}
.app-page .app-search-result-box a:after{content:'';background:url("https://static.tp-link.com/app/assets/images/icon-next.png") 50% 50% no-repeat;background-size:100%;width:1.5em;height:1.5em;position:absolute;top:50%;right:-0.5em;margin-top:-0.75em;}
.app-page .app-search-result-box-container{padding:0.875em 0 0;height:100%;box-sizing:border-box;}
.app-page .app-search-result-box-inner{position:relative;height:100%;}
.app-page .app-search-result-li-container{margin:0 1em;}
.app-page .app-search-result-title{font-size:0.875em;color:#1d2529;line-height:1.1875;}
.app-page .app-search-result .app-search-result-content{position:absolute;top:1.5625em;left:0;right:0;bottom:0;overflow:auto;}
.app-page .app-search-result-item{border-bottom:1px solid #f3f3f3;}
.app-page .app-main-top .app-search-result-item:nth-child(n+3){border-bottom:none;}
.app-page .app-main-top .app-search-result-item:nth-child(n+4){display:none;}
.app-page .app-main-top{display: block;}
.app-page .app-search-result-item:last-child{border-bottom:none;}
.app-page .app-search-result-item em{color:#4acbd6;}
.app-page .app-search-result-empty{color:#1d2529;text-align:center;padding:0 2em;display:none;}
.app-page .app-search-result-empty-img{width:15em;max-width:100%;margin-top:3em;}
.app-page .app-search-result-empty-title{margin:0.625em 2em 0.75em;line-height:1.1875;color:rgba(29,37,41,0.40);}
.app-page .app-search-result-empty-desc{font-size:0.875em;line-height:1.14285714;margin:0 2em;}

.app-page.active .app-search-cancel{display:block;}
.app-page.active .app-title,
.app-page.active .app-other-support,
.app-page.active .app-main{visibility:hidden;opacity:0;display: none;}
.app-page.active .app-main-top{display: none;}
.app-page.active .app-search-fixed{top:0em;transition:top linear 100ms;display: flex;}
.app-page.active .app-search-box{background:#fff;flex: 1;}
.app-page.active .app-search-box input{color:#36444B;}
/* .app-page.active .app-search-box button:after{background-position:100% 50%;} */
.app-page.active .app-search-result{top:4.375em;transition:top linear 100ms;display: block;}
.app-page.active .app-search-box .app-search-reset{display:block;}

.app-page.app-home h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.app-page.app-home .app-other-support .app-other-support-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;background-size:auto 100%;background-position:50%;background-repeat:no-repeat;margin-right:0.5em;}
.app-page.app-home .app-other-support .app-other-support-icon.app-other-support-community{background-image:url("https://static.tp-link.com/app/assets/images/icon-community.svg");background-position:100% 50%;}
.app-page.app-home .app-other-support .app-other-support-icon.app-other-support-feedback{background-image:url("https://static.tp-link.com/app/assets/images/icon-feedback.png");}
.app-page.app-home .app-other-support .app-other-support-text{display:inline-block;vertical-align:middle;font-weight:500;}
.app-page.app-home .app-other-support p{padding:0 0.25em;line-height:1.25;}