.scroll-phone h1,.scroll-phone h2,.scroll-phone h3,.scroll-phone h4,.scroll-phone h5,.scroll-phone h6,.scroll-phone li,.scroll-phone ul{margin:0;padding:0;color:#333}.scroll-phone a{color:#00ade5;font-weight:400}.scroll-phone a span{font-weight:400}.scroll-phone a:hover{color:#00ade5;text-decoration:underline}.scroll-phone a.ui-link:hover{text-decoration:none}.scroll-phone .scroll-item{background-color:#ecf0f3;position:relative}.scroll-phone{line-height:1.2;width:100%}.scroll-phone .go-right-arrow{font-size:13px}.scroll-phone .to-cloud{white-space:nowrap}.scroll-phone .to-cloud:hover{color:#00ade5;text-decoration:underline}.scroll-phone .thining{opacity:.5}.scroll-phone .phone-content .phone .hide{display:none}.scroll-phone .show{display:inline-block}.scroll-phone .fixed.phone-position{position:fixed;top:50%}.scroll-phone .phone-position{top:50vh;left:50%;transform:translate(-126%,-50%)}.scroll-phone .phone-position.phone-position-bottom{top:auto;bottom:50vh;transform:translate(-126%,50%)}.scroll-phone .phone-content{position:absolute;width:480px}.scroll-phone .phone{background:transparent center center no-repeat;background-size:100% 100%;display:inline-block;position:relative}.scroll-phone .phone .phone-view{position:relative;z-index:-1}.scroll-phone .phone .dialog-img{position:absolute;top:130px;right:-110px}.scroll-phone .nav{position:absolute;top:50%;right:0;transform:translateY(-60%);width:24px}.scroll-phone .nav .number{border-radius:100%;width:24px;height:24px;background:#e7eaec;border:1px solid #a7a7a7;color:#fff;position:relative;color:#e7eaec}.scroll-phone .nav .number span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-phone .nav .number.active{border:1px solid #1dc4e4;background:-moz-linear-gradient(120deg,#1e7ff2,#1dc4e4);background-image:linear-gradient(120deg,#1e7ff2,#1dc4e4);color:#fff}.scroll-phone .nav .dots{margin:8px auto;width:2px;background:url(https://home-cdn.reolink.us/wp-content/assets/2018/03/scroll-phone-dots.png) center center repeat-y;height:108px}.scroll-phone .des-content-wrap{padding-left:50vw}.scroll-phone .des-content{padding-top:calc((160/860) * 100vh);padding-bottom:calc((194/860) * 100vh);max-width:587px;height:100vh}.scroll-phone .des-content{font-size:18px;color:#333}@media screen and (min-width:1200px){.scroll-phone .des-content h5.rl-h5{font-size:26px}}.scroll-phone .des-content h3{font-size:45px;font-weight:500;margin-bottom:calc((40/860) * 100vh)}.scroll-phone .des-content .notice-line{font-weight:500}.scroll-phone .des-content .des{margin-top:calc((30/860) * 100vh)}.scroll-phone .des-content .info{margin-top:calc((50/860) * 100vh);list-style:none}.scroll-phone .des-content .info li{margin-bottom:calc((25/860) * 100vh)}.scroll-phone .des-content .info li:last-of-type{margin-bottom:0}.scroll-phone .des-content .info img{margin-right:20px}.scroll-phone .des-content .info div{display:inline-block;max-width:522px;line-height:.22rem}.scroll-phone .des-content .info strong{font-weight:500}.scroll-phone .des-content .info .des-icon{display:inline-block;font-size:30px;vertical-align:top;margin-right:15px}.scroll-phone .des-content .info .des-brand,.scroll-phone .des-content .info .pre-icon{margin-right:15px;display:inline-block;vertical-align:middle}.scroll-phone .des-content .info .des-brand{font-size:30px;color:#333}.scroll-phone .des-content .info .des-brand:nth-of-type(n+5){margin-top:18px}.scroll-phone .des-content .info .des-brand:nth-of-type(5){margin-left:116px}.scroll-phone .des-content .info .des-brand.de{margin-left:132px}.scroll-phone .des-content .info .des-brand:hover{color:#00ade5;text-decoration:none}.scroll-phone .info .ui-link .text{font-weight:400}