@charset "utf-8";a{text-decoration:none}.main-body{font-family:Lato, "Lato Latin", "Helvetica Neue", Helvetica, Arial, sans-serif}.main-body ul,.main-body ol{margin:0;padding:0;list-style:none}.main-body img{max-width:100%}.main-body *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 640px){.xs-hidden{display:none}}@media screen and (max-width: 1100px){.xs-1100-hidden{display:none}}.xs-show{display:none}@media screen and (max-width: 640px){.xs-show{display:inherit}}.video-container{z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none}.video-container.in{display:block}.video-container .close-video{width:60px;height:60px;position:absolute;right:0px;top:0px;cursor:pointer;z-index:99}.video-container .close-video:after,.video-container .close-video:before{content:'';display:block;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.video-container .close-video:after:hover,.video-container .close-video:before:hover{border-color:#656666}.video-container .close-video:before{border-top:1px solid #989999;border-bottom:1px solid #989999;height:0;width:24px;position:absolute;left:50%;top:50%;margin-top:-1px;margin-left:-12px}.video-container .close-video:after{border-left:1px solid #989999;border-right:1px solid #989999;height:24px;width:0;position:absolute;left:50%;top:50%;margin-left:-1px;margin-top:-12px}.video-container .video-area{margin:auto;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.video-container .video-area:before,.video-container .video-area:after{content:'';display:block;width:101%;height:52px;position:absolute;left:0;z-index:2;background-color:#000}.video-container .video-area:before{top:0}.video-container .video-area:after{bottom:-1px}.video-container .video-area #videoplayer{width:100%;height:100%}.section h2{font-size:40px;line-height:40px;margin-top:0;margin-bottom:2rem;color:#000}.section h2.sub-title{font-size:18px;margin-bottom:1rem;line-height:20px}.section h3{font-size:20px;line-height:30px;color:#000;margin-top:0;margin-bottom:1rem}.section .p-text{font-size:18px;color:#000;line-height:26px;margin-bottom:0;opacity:0.5}.section .p-subtext{font-size:18px;color:#000;line-height:26px;margin-bottom:0;opacity:0.5}.section .ant1,.section .ant2,.section .ant3,.section .ant4,.section .ant5,.section .ant6,.section .ant7,.section .ant8{-moz-transform:translate3d(0, 30px, 0);-webkit-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0);opacity:0}.section .ant1-o,.section .ant2-o,.section .ant3-o,.section .ant4-o,.section .ant5-o,.section .ant6-o{opacity:0}.section.animated .ant1,.section.animated .ant2,.section.animated .ant3,.section.animated .ant4,.section.animated .ant5,.section.animated .ant6,.section.animated .ant7,.section.animated .ant8,.section.animated.ant1,.section.animated.ant2,.section.animated.ant3,.section.animated.ant4,.section.animated.ant5,.section.animated.ant6,.section.animated.ant7,.section.animated.ant8,.section .animated .ant1,.section .animated .ant2,.section .animated .ant3,.section .animated .ant4,.section .animated .ant5,.section .animated .ant6,.section .animated .ant7,.section .animated .ant8,.section .animated.ant1,.section .animated.ant2,.section .animated.ant3,.section .animated.ant4,.section .animated.ant5,.section .animated.ant6,.section .animated.ant7,.section .animated.ant8{-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.section.animated .ant1.p-text,.section.animated .ant1.p-subtext,.section.animated .ant2.p-text,.section.animated .ant2.p-subtext,.section.animated .ant3.p-text,.section.animated .ant3.p-subtext,.section.animated .ant4.p-text,.section.animated .ant4.p-subtext,.section.animated .ant5.p-text,.section.animated .ant5.p-subtext,.section.animated .ant6.p-text,.section.animated .ant6.p-subtext,.section.animated .ant7.p-text,.section.animated .ant7.p-subtext,.section.animated .ant8.p-text,.section.animated .ant8.p-subtext,.section.animated.ant1.p-text,.section.animated.ant1.p-subtext,.section.animated.ant2.p-text,.section.animated.ant2.p-subtext,.section.animated.ant3.p-text,.section.animated.ant3.p-subtext,.section.animated.ant4.p-text,.section.animated.ant4.p-subtext,.section.animated.ant5.p-text,.section.animated.ant5.p-subtext,.section.animated.ant6.p-text,.section.animated.ant6.p-subtext,.section.animated.ant7.p-text,.section.animated.ant7.p-subtext,.section.animated.ant8.p-text,.section.animated.ant8.p-subtext,.section .animated .ant1.p-text,.section .animated .ant1.p-subtext,.section .animated .ant2.p-text,.section .animated .ant2.p-subtext,.section .animated .ant3.p-text,.section .animated .ant3.p-subtext,.section .animated .ant4.p-text,.section .animated .ant4.p-subtext,.section .animated .ant5.p-text,.section .animated .ant5.p-subtext,.section .animated .ant6.p-text,.section .animated .ant6.p-subtext,.section .animated .ant7.p-text,.section .animated .ant7.p-subtext,.section .animated .ant8.p-text,.section .animated .ant8.p-subtext,.section .animated.ant1.p-text,.section .animated.ant1.p-subtext,.section .animated.ant2.p-text,.section .animated.ant2.p-subtext,.section .animated.ant3.p-text,.section .animated.ant3.p-subtext,.section .animated.ant4.p-text,.section .animated.ant4.p-subtext,.section .animated.ant5.p-text,.section .animated.ant5.p-subtext,.section .animated.ant6.p-text,.section .animated.ant6.p-subtext,.section .animated.ant7.p-text,.section .animated.ant7.p-subtext,.section .animated.ant8.p-text,.section .animated.ant8.p-subtext{opacity:0.5}.section.animated .ant1,.section.animated.ant1,.section .animated .ant1,.section .animated.ant1{-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section.animated .ant2,.section.animated.ant2,.section .animated .ant2,.section .animated.ant2{-moz-transition:all 1s ease 0.2s;-o-transition:all 1s ease 0.2s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.2s;transition:all 1s ease 0.2s}.section.animated .ant3,.section.animated.ant3,.section .animated .ant3,.section .animated.ant3{-moz-transition:all 1s ease 0.4s;-o-transition:all 1s ease 0.4s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.4s;transition:all 1s ease 0.4s}.section.animated .ant4,.section.animated.ant4,.section .animated .ant4,.section .animated.ant4{-moz-transition:all 1s ease 0.6s;-o-transition:all 1s ease 0.6s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.6s;transition:all 1s ease 0.6s}.section.animated .ant5,.section.animated.ant5,.section .animated .ant5,.section .animated.ant5{-moz-transition:all 1s ease 0.8s;-o-transition:all 1s ease 0.8s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.8s;transition:all 1s ease 0.8s}.section.animated .ant6,.section.animated.ant6,.section .animated .ant6,.section .animated.ant6{-moz-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;-webkit-transition:all 1s ease;-webkit-transition-delay:1s;transition:all 1s ease 1s}.section.animated .ant7,.section.animated.ant7,.section .animated .ant7,.section .animated.ant7{-moz-transition:all 1s ease 1.2s;-o-transition:all 1s ease 1.2s;-webkit-transition:all 1s ease;-webkit-transition-delay:1.2s;transition:all 1s ease 1.2s}.section.animated .ant8,.section.animated.ant8,.section .animated .ant8,.section .animated.ant8{-moz-transition:all 1s ease 1.4s;-o-transition:all 1s ease 1.4s;-webkit-transition:all 1s ease;-webkit-transition-delay:1.4s;transition:all 1s ease 1.4s}.section.animated .ant1-o,.section.animated .ant2-o,.section.animated .ant3-o,.section.animated .ant4-o,.section.animated .ant5-o,.section.animated .ant6-o,.section .animated .ant1-o,.section .animated .ant2-o,.section .animated .ant3-o,.section .animated .ant4-o,.section .animated .ant5-o,.section .animated .ant6-o{opacity:1}.section.animated .ant1-o,.section .animated .ant1-o{-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section.animated .ant2-o,.section .animated .ant2-o{-moz-transition:all 1s ease 0.2s;-o-transition:all 1s ease 0.2s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.2s;transition:all 1s ease 0.2s}.section.animated .ant3-o,.section .animated .ant3-o{-moz-transition:all 1s ease 0.4s;-o-transition:all 1s ease 0.4s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.4s;transition:all 1s ease 0.4s}.section.animated .ant4-o,.section .animated .ant4-o{-moz-transition:all 1s ease 0.6s;-o-transition:all 1s ease 0.6s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.6s;transition:all 1s ease 0.6s}.section.animated .ant5-o,.section .animated .ant5-o{-moz-transition:all 1s ease 0.8s;-o-transition:all 1s ease 0.8s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.8s;transition:all 1s ease 0.8s}.section.animated .ant6-o,.section .animated .ant6-o{-moz-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;-webkit-transition:all 1s ease;-webkit-transition-delay:1s;transition:all 1s ease 1s}.section .item-imgbox{display:none}@media screen and (max-width: 1366px){.section h2{font-size:34px}.section h2.sub-title{margin-bottom:.5rem}}@media screen and (max-width: 768px){.section h2{font-size:2rem;line-height:30px}.section h2.sub-title{margin-bottom:.5rem}.section.section-dual-camera .second h3{margin-top:3rem !important}.section.section-experience .second h3{margin-top:3rem !important}.section h3{font-size:1.5rem;line-height:24px}.section .p-text{font-size:1.125rem}.section .p-text br{display:none}.section .item-effect h3,.section .item-effect p,.section .item-effect .video-btn{opacity:0;-moz-transform:translate3d(20%, 0, 0);-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}.section .item-effect h3{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.section .item-effect p{-moz-transition:all 0.5s ease 0.1s;-o-transition:all 0.5s ease 0.1s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.1s;transition:all 0.5s ease 0.1s}.section .item-effect .video-btn{-moz-transition:all 0.5s ease 0.2s;-o-transition:all 0.5s ease 0.2s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.2s;transition:all 0.5s ease 0.2s}.section .item-effect.active h3,.section .item-effect.active p,.section .item-effect.active .video-btn{opacity:1;-moz-transform:translate3d(0%, 0, 0);-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.section .item-effect.active h3{-moz-transition:all 0.5s ease 0.6s;-o-transition:all 0.5s ease 0.6s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.6s;transition:all 0.5s ease 0.6s}.section .item-effect.active p{-moz-transition:all 0.5s ease 0.7s;-o-transition:all 0.5s ease 0.7s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.7s;transition:all 0.5s ease 0.7s}.section .item-effect.active .video-btn{-moz-transition:all 0.5s ease 0.8s;-o-transition:all 0.5s ease 0.8s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.8s;transition:all 0.5s ease 0.8s}.section .item-effect.prev-active h3,.section .item-effect.prev-active p,.section .item-effect.prev-active .video-btn{-moz-transform:translate3d(-20%, 0, 0);-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}.section .item-imgbox{display:block;height:100vw;width:500vw;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;background-color:#000}.section .item-imgbox.start-ant{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}.section .item-imgbox .img-item{height:100%;width:100vw;position:relative}}.nav-dot{position:absolute;z-index:15;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;left:50%;bottom:8%;font-size:0;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-dot li{display:inline-block;width:50px;height:24px;padding-top:12px;margin-right:20px;cursor:pointer;position:relative}.nav-dot li:before{content:'';display:block;height:2px;opacity:0.5;background-color:#fff}.nav-dot li:after{content:'';display:block;position:absolute;left:0;top:12px;height:2px;width:0px;background-color:#eb0028}.nav-dot li.active:before{opacity:1;background-color:#eb0028}.nav-dot li:last-child{margin-right:0}.nav-dot li.loading:after{width:100%;-moz-transition:width 5s;-o-transition:width 5s;-webkit-transition:width 5s;transition:width 5s}.nav-dot.nav-black li:before{opacity:0.3;background-color:#000}.nav-dot.nav-black li:hover:before{opacity:0.6}.nav-dot.nav-black li.active:before{opacity:1;background-color:#eb0028}@media screen and (max-width: 768px){.nav-dot li{width:35px;margin-right:1rem}}[id^="popup-"]{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;overflow:hidden}[id^="popup-"] .modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}[id^="popup-"] .flex{display:flex}[id^="popup-"] .flex.flex-column{flex-direction:column}[id^="popup-"] .flex.space-between{justify-content:space-between}[id^="popup-"] .flex-auto{flex:auto}[id^="popup-"] .modal-body{position:absolute;width:100%;height:100%}[id^="popup-"] .modal-body .modal-content{background-color:#fff;border-radius:4px;padding:15px;text-align:center}[id^="popup-"] .modal-body .btn-close{display:inline-block;font-size:60px;line-height:28px}[id^="popup-"] .modal-body .modal-content-header{text-align:right}[id^="popup-"] .modal-body .modal-content-footer{display:none}[id^="popup-"] .modal-body .modal-title{font-size:30px;font-weight:400}[id^="popup-"] .modal-body .sub-title{font-size:20px;color:#666;margin:20px 0 30px 0}[id^="popup-"] .modal-body .store-enters{margin:0 100px 60px 100px}[id^="popup-"] .modal-body .store-enter{display:inline-block;border-radius:5px;border:1px solid #999;width:220px;height:150px}[id^="popup-"] .modal-body .store-enter:first-child{margin-right:70px}[id^="popup-"] .modal-body .store-enter:hover{border-color:#000}[id^="popup-"] .modal-body .store-enter.amazon{background-repeat:no-repeat;background-position:center center;background-image:url("../../../images/859/oneplus5/section-common/amazon.jpg");background-size:45%;background-color:transparent}[id^="popup-"] .modal-body .store-enter.elisa{background-repeat:no-repeat;background-position:center center;background-image:url("../../../images/859/oneplus5/section-common/Elisa_logo.svg");background-size:45%;background-color:transparent}[id^="popup-"] .modal-body .store-enter.oneplus{background-repeat:no-repeat;background-position:center center;background-image:url("../../../images/859/oneplus5/section-common/oneplus.jpg");background-size:20%;background-color:transparent}@media screen and (max-width: 760px){[id^="popup-"] .modal-body .modal-content-header{display:none}[id^="popup-"] .modal-body .modal-content-footer{display:block;margin-top:60px}[id^="popup-"] .modal-body .modal-content-footer .btn-close{font-size:80px}[id^="popup-"] .modal-body .modal-content{padding:50px 10% 30px 10%;width:92%}[id^="popup-"] .modal-body .sub-title{margin-bottom:40px}[id^="popup-"] .modal-body .store-enters{margin:0}[id^="popup-"] .modal-body .store-enter{width:100%;height:90px;border-width:2px}[id^="popup-"] .modal-body .store-enter:first-child{margin-right:0;margin-bottom:25px}[id^="popup-"] .modal-body .store-enter.amazon{background-size:40%}[id^="popup-"] .modal-body .store-enter.oneplus{background-size:15%}}@-moz-keyframes shake{0%,30%,60%,90%{-moz-transform:translate3d(-0.5%, 0, 0);transform:translate3d(-0.5%, 0, 0)}15%,45%,75%{-moz-transform:translate3d(0.5%, 0, 0);transform:translate3d(0.5%, 0, 0)}100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes shake{0%,30%,60%,90%{-moz-transform:translate3d(-0.5%, 0, 0);transform:translate3d(-0.5%, 0, 0)}15%,45%,75%{-moz-transform:translate3d(0.5%, 0, 0);transform:translate3d(0.5%, 0, 0)}100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes shake{0%,30%,60%,90%{-moz-transform:translate3d(-0.5%, 0, 0);transform:translate3d(-0.5%, 0, 0)}15%,45%,75%{-moz-transform:translate3d(0.5%, 0, 0);transform:translate3d(0.5%, 0, 0)}100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.nav-bar{position:absolute;width:100%;height:60px;z-index:100;background-color:rgba(255,255,255,0.8)}.nav-bar .nav-bar-container{max-width:1200px;margin:0 auto;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;flex-direction:row}.nav-bar .nav-bar-container .menus{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;flex-direction:row}.nav-bar .nav-bar-container .menus h2{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;margin:0 2rem 0 0;font-size:20px}.nav-bar .nav-bar-container .menus h2 a{display:inline-block;width:93px;height:16px;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-common/oneplus5.svg");background-size:cover;background-color:transparent}.nav-bar .nav-bar-container .menus h2 a img{display:none;max-width:93px}@media screen and (max-width: 640px){.nav-bar .nav-bar-container .menus h2 a{width:81.375px;height:14px}}.nav-bar .nav-bar-container .menus ul{margin:0;font-size:14px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.nav-bar .nav-bar-container .menus ul li{margin:0 1rem}.nav-bar .nav-bar-container .menus ul li a{color:#000;opacity:0.5;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.nav-bar .nav-bar-container .menus ul li a:hover{opacity:1}.nav-bar .nav-bar-container .menus ul li.active a{opacity:1}.nav-bar .nav-bar-container .actions{height:100%}.nav-bar .nav-bar-container .actions a{text-decoration:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;height:100%;background-color:#eb0028;color:#fff;min-width:160px}.nav-bar.fixed{position:fixed;top:0}.nav-bar.nav-bar-black{background-color:rgba(0,0,0,0.8);border-bottom:none}.nav-bar.nav-bar-black .nav-bar-container .menus h2{color:#fff}.nav-bar.nav-bar-black .nav-bar-container .menus h2 a{background-image:url("../../../images/859/oneplus5/section-common/OnePlus5-white.svg")}.nav-bar.nav-bar-black .nav-bar-container .menus ul li a{color:#fff}.nav-bar.nav-bar-black .nav-bar-container .actions a{color:#fff}@media screen and (max-width: 1050px){.nav-bar{height:50px}}@media screen and (max-width: 1200px){.nav-bar .nav-bar-container{margin:0 1rem}}@media screen and (max-width: 980px){.nav-bar .nav-bar-container{margin:0}.nav-bar .nav-bar-container .menus{width:50%}.nav-bar .nav-bar-container .menus h2{width:100%;margin-right:0rem;-webkit-justify-content:space-around;justify-content:space-around}.nav-bar .nav-bar-container .menus h2:after{content:'';display:inline-block;width:16.2px;height:9px;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-common/arrow-up.png");background-size:cover;background-color:transparent;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.nav-bar .nav-bar-container .menus ul{position:absolute;display:none;width:100%;left:0;top:50px;background:rgba(255,255,255,0.98);padding:1rem 0}.nav-bar .nav-bar-container .menus ul li{line-height:24px;padding:1rem 2rem;margin:0}.nav-bar .nav-bar-container .menus.active h2:after{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.nav-bar .nav-bar-container .actions{width:50%}.nav-bar .nav-bar-container .actions a{font-size:1.25rem}.nav-bar.nav-bar-black .nav-bar-container .menus h2:after{background-image:url("../../../images/859/oneplus5/section-common/arrow-up-white.png")}.nav-bar.nav-bar-black .nav-bar-container .menus ul{background-color:rgba(0,0,0,0.95)}}.section.animated .ant2.p-text,.section.animated .ant3.p-text{opacity:1}.section-hero{position:relative;height:calc(100vh - 60px);min-height:630px;overflow:hidden;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-hero .abs-fadeout{z-index:2;width:100%;position:absolute;top:15%;left:0;text-align:center}.section-hero .abs-fadeout h2{margin-top:0;font-size:50px;margin-bottom:1.2rem;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;line-height:62px}.section-hero .abs-fadeout h2 svg{width:175px;max-width:100%;vertical-align:middle;border:0}.section-hero .abs-fadeout p{font-size:36px;-moz-transition:all 1s ease 0.2s;-o-transition:all 1s ease 0.2s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.2s;transition:all 1s ease 0.2s;line-height:26px;margin-top:0;margin-bottom:0;margin-bottom:2rem}.section-hero .abs-fadeout p.price{font-size:26px}.section-hero .abs-fadeout ul{text-align:center;margin-top:10px}.section-hero .abs-fadeout ul li{display:inline-block}.section-hero .abs-fadeout ul .item{font-size:16px;line-height:18px;padding:0 10px;color:#c8c7c6;cursor:pointer}.section-hero .abs-fadeout ul .item.active{color:#514532}.section-hero .abs-fadeout ul .separate{width:1px;height:16px;overflow:hidden;background:#acacac;margin:0 10px -3px}@media screen and (max-width: 1600px){.section-hero .abs-fadeout{top:10%}}@media screen and (max-width: 768px){.section-hero .abs-fadeout{bottom:68%;width:98%}.section-hero .abs-fadeout h2{margin-bottom:1.5rem !important}.section-hero .abs-fadeout p{margin-bottom:1rem}.section-hero .abs-fadeout ul .item{font-size:14px;line-height:16px;padding:0 6px}.section-hero .abs-fadeout ul .separate{margin:0 5px -3px}}@media screen and (max-width: 640px){.section-hero .abs-fadeout h2{font-size:2.5rem;line-height:3rem}.section-hero .abs-fadeout p{font-size:1.5rem}.section-hero .abs-fadeout p:last-child{margin-top:10px;font-size:1.2rem}}@media screen and (max-width: 320px){.section-hero .abs-fadeout{bottom:65%}}.section-hero .phone-hero{width:630px;height:620px;position:absolute;bottom:0;left:50%;z-index:1;opacity:0;-moz-transform:translate(-50%, 30px);-ms-transform:translate(-50%, 30px);-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);background-position:center bottom;background-repeat:no-repeat;background-size:contain;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-hero .phone-hero.show{opacity:1;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.section-hero .media{text-align:right;position:absolute;width:100%;max-width:1200px;bottom:50px;left:50%;-moz-transform:translate3d(-50%, 0, 0);-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);z-index:3}.section-hero .media span{display:inline-block}.section-hero .media span img{width:100%}.section-hero .media .m-cnet{width:54px;margin-right:50px}.section-hero .media .m-mashabel{width:90px}@media screen and (min-width: 769px) and (max-height: 1100px){.section-hero .phone-hero{width:504px;height:496px}}@media screen and (min-width: 769px) and (max-height: 900px){.section-hero .phone-hero{width:441px;height:434px}}@media screen and (min-width: 769px) and (max-height: 800px){.section-hero .phone-hero{width:378px;height:372px}.section-hero .abs-fadeout{top:10%}.section-hero .abs-fadeout h2{font-size:40px;line-height:50px}.section-hero .abs-fadeout h2 svg{width:140px}.section-hero .abs-fadeout p{font-size:28px;line-height:26px}.section-hero .abs-fadeout p.ant3{margin-top:1.5rem;margin-bottom:1.5rem;font-size:24px}}.section-hero.gold{background-color:#f6f6f6}.section-hero.gold #OnePlusSVG path,.section-hero.gold #OnePlusSVG rect{fill:#514532}.section-hero.gold .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/gold-phone.png")}.section-hero.gold .abs-fadeout h2{color:#514532}.section-hero.gold .abs-fadeout p{color:#514532}.section-hero.gold .abs-fadeout ul .item{color:#c8c7c6}.section-hero.gold .abs-fadeout ul .item.active{color:#514532}.section-hero.gold .abs-fadeout ul .separate{background:#acacac}.section-hero.gray{background-color:#dadce3}.section-hero.gray #OnePlusSVG path,.section-hero.gray #OnePlusSVG rect{fill:#000}.section-hero.gray .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/gray-phone.png")}.section-hero.gray .abs-fadeout h2{color:#000}.section-hero.gray .abs-fadeout p{color:#000}.section-hero.gray .abs-fadeout ul .item{color:#999}.section-hero.gray .abs-fadeout ul .item.active{color:#000}.section-hero.gray .abs-fadeout ul .separate{background:#999}.section-hero.black{background-color:#171717}.section-hero.black #OnePlusSVG path,.section-hero.black #OnePlusSVG rect{fill:#fff}.section-hero.black .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/black-phone.png")}.section-hero.black .abs-fadeout h2{color:#fff}.section-hero.black .abs-fadeout p{color:#fff}.section-hero.black .abs-fadeout ul .item{color:#7b7b7b}.section-hero.black .abs-fadeout ul .item.active{color:#fff}.section-hero.black .abs-fadeout ul .separate{background:#7b7b7b}@media screen and (max-width: 1000px){.section-hero .media{width:55px;left:auto;right:-10px;text-align:center;bottom:40px}.section-hero .media .m-cnet{width:32px;margin-right:0;margin-bottom:30px}.section-hero .media .m-mashabel{width:55px}}@media screen and (max-width: 768px){.section-hero{height:auto;min-height:400px;padding-top:10%}.section-hero .abs-fadeout{position:relative;top:30px;left:0}.section-hero .phone-hero{width:75%;height:0;padding-top:101.5625%;position:relative;bottom:0;left:0;margin:50px auto 0;-moz-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}.section-hero .phone-hero.show{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-hero.gold .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/gold-phone-m.png")}.section-hero.gray .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/gray-phone-m.png")}.section-hero.black .phone-hero{background-image:url("../../../images/859/oneplus5/section-hero/black-phone-m.png")}.section-hero .media{width:40px;right:-20px}.section-hero .media .m-cnet{width:24px}.section-hero .media .m-mashabel{width:40px}}.section-video .s-container{height:31.25vw;background:url("../../../images/859/oneplus5/section-video/section-video-black-bg.jpg") center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.section-video .s-container a{display:inline-block;width:60px;height:60px;background:url("../../../images/859/oneplus5/section-video/section-video-icon.png") center no-repeat;background-size:cover;border-radius:50%;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.section-video .s-container a:hover{background-color:rgba(255,255,255,0.3)}@media screen and (max-width: 640px){.section-video .s-container{height:78.125vw}}.section-dual-camera .s-container .first{position:relative;max-height:1080px;background-position:center bottom;background-color:#e5e5e5}.section-dual-camera .s-container .first .bottom-bg{display:none}.section-dual-camera .s-container .first .first-content{max-width:1200px;margin-left:auto;margin-right:auto}.section-dual-camera .s-container .first .first-content .text-box{position:absolute;width:38.33333%;max-width:460px;top:50%;transform:translateY(-55%);z-index:2}.section-dual-camera .s-container .first .first-content .text-box ul li{display:none}.section-dual-camera .s-container .first .first-content .text-box ul li.active{display:block}.section-dual-camera .s-container .first .first-content .text-box ul li h3:before{content:'';display:none;width:50px;height:50px;margin-bottom:2rem}.section-dual-camera .s-container .first .first-content .text-box ul li p{min-height:250px;opacity:1;color:#666}@media screen and (max-width: 768px){.section-dual-camera .s-container .first .first-content .text-box ul li p{min-height:0}}.section-dual-camera .s-container .first .first-content .text-box ul li a{color:#eb0028;display:inline-block;padding-top:20px}.section-dual-camera .s-container .first .first-content .text-box ul li.item-portrait h3:before{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-portrait.svg");background-size:cover;background-color:transparent}.section-dual-camera .s-container .first .first-content .text-box ul li.item-smart h3:before{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-smart.svg");background-size:cover;background-color:transparent}.section-dual-camera .s-container .first .first-content .text-box ul li.item-pro h3:before{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-pro.svg");background-size:cover;background-color:transparent}.section-dual-camera .s-container .first .first-content .text-box .nav-dot{position:static;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-dual-camera .s-container .first .phone-box{position:relative;width:100%;max-width:1200px;padding-top:8.33333%;text-align:right;margin:auto;z-index:1}@media screen and (max-width: 1920px){.section-dual-camera .s-container .first .phone-box{padding-top:100px}}.section-dual-camera .s-container .first .phone-box ul{position:relative;width:33.33333%;max-width:400px;padding-bottom:68%;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/first-phone-bg.png");background-size:cover;background-color:transparent;display:inline-block;margin-right:90px;margin-bottom:-5px}.section-dual-camera .s-container .first .phone-box ul li{width:92.5%;padding-bottom:163%;position:absolute;left:3.75%;top:0;margin-top:20%;opacity:0;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.section-dual-camera .s-container .first .phone-box ul li.active{opacity:1;-moz-transition:all 0.5s ease 0.5s;-o-transition:all 0.5s ease 0.5s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.5s;transition:all 0.5s ease 0.5s}.section-dual-camera .s-container .first .phone-box ul li.portrait{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/portrait-screen.jpg");background-size:cover;background-color:transparent;background-size:contain}.section-dual-camera .s-container .first .phone-box ul li.smart{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/smart-screen.jpg");background-size:cover;background-color:transparent;background-size:contain}.section-dual-camera .s-container .first .phone-box ul li.pro{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dual-camera/pro-screen.jpg");background-size:cover;background-color:transparent;background-size:contain}@media screen and (max-width: 1200px){.section-dual-camera .s-container .first .first-content{margin:0 2rem}.section-dual-camera .s-container .first .first-content .text-box{width:49%}}@media screen and (max-width: 768px){.section-dual-camera .s-container .first{height:auto;background:none}.section-dual-camera .s-container .first .first-content{height:auto;margin:0}.section-dual-camera .s-container .first .first-content .text-box{padding-top:50px;width:100%;position:static;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.section-dual-camera .s-container .first .first-content .text-box ul{position:relative}.section-dual-camera .s-container .first .first-content .text-box ul li{position:absolute;width:100%;left:0;top:0;text-align:center;padding:0 1.5rem;display:block}.section-dual-camera .s-container .first .first-content .text-box ul li:nth-child(2) h2,.section-dual-camera .s-container .first .first-content .text-box ul li:nth-child(3) h2,.section-dual-camera .s-container .first .first-content .text-box ul li:nth-child(4) h2{opacity:0}.section-dual-camera .s-container .first .first-content .text-box ul li h3,.section-dual-camera .s-container .first .first-content .text-box ul li p{opacity:0;-moz-transform:translate3d(20%, 0, 0);-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}.section-dual-camera .s-container .first .first-content .text-box ul li h3{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.section-dual-camera .s-container .first .first-content .text-box ul li p{min-height:0;-moz-transition:all 0.5s ease 0.1s;-o-transition:all 0.5s ease 0.1s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.1s;transition:all 0.5s ease 0.1s}.section-dual-camera .s-container .first .first-content .text-box ul li.active h3,.section-dual-camera .s-container .first .first-content .text-box ul li.active p{opacity:1;-moz-transform:translate3d(0%, 0, 0);-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.section-dual-camera .s-container .first .first-content .text-box ul li.active h3{-moz-transition:all 0.5s ease 0.6s;-o-transition:all 0.5s ease 0.6s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.6s;transition:all 0.5s ease 0.6s}.section-dual-camera .s-container .first .first-content .text-box ul li.active p{-moz-transition:all 0.5s ease 0.7s;-o-transition:all 0.5s ease 0.7s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.7s;transition:all 0.5s ease 0.7s}.section-dual-camera .s-container .first .first-content .text-box ul li.prev-active h3,.section-dual-camera .s-container .first .first-content .text-box ul li.prev-active p{-moz-transform:translate3d(-20%, 0, 0);-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}.section-dual-camera .s-container .first .first-content .text-box .nav-dot{text-align:center;margin:1.5rem 0 2rem}.section-dual-camera .s-container .first .phone-box{position:relative;opacity:0;background:#e5e5e5;padding-top:0;text-align:center}.section-dual-camera .s-container .first .phone-box ul{width:62.8125%;padding-bottom:100%;margin-right:0;display:block;margin:auto}.section-dual-camera .s-container .first .phone-box ul li{width:92.0398%;padding-bottom:163.18408%;margin-top:0}.section-dual-camera .s-container .first .phone-box ul li.portrait,.section-dual-camera .s-container .first .phone-box ul li.smart,.section-dual-camera .s-container .first .phone-box ul li.pro{background-size:cover}.section-dual-camera .s-container .first.animated .phone-box{opacity:1;-moz-transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}}@media screen and (min-width: 769px){.section-dual-camera .s-container .ft-first{background:#f1f1f1;border-top:2px solid #fff}.section-dual-camera .s-container .ft-first .w1200{max-width:1200px;margin-left:auto;margin-right:auto;text-align:right}.section-dual-camera .s-container .ft-first .w1200 .phone-reflection{display:inline-block;margin-right:90px;width:33.33333%;padding-bottom:10.83333%;background-image:url("../../../images/859/oneplus5/section-dual-camera/first-phone-reflection.png");background-size:cover;background-repeat:no-repeat}}.section-dual-camera .s-container .second{background-color:#101012}.section-dual-camera .s-container .second .img-box{width:100%;height:36.45833vw;max-height:800px;background:url("../../../images/859/oneplus5/section-dual-camera/lens.jpg") center no-repeat;background-size:cover}.section-dual-camera .s-container .second .text-box{position:relative;z-index:1;height:31.25vw;max-height:500px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;background-color:#fff}.section-dual-camera .s-container .second .text-box ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;flex-direction:row;max-width:1200px;margin-left:auto;margin-right:auto;margin-left:0;margin-right:0;width:100%}.section-dual-camera .s-container .second .text-box ul li{width:33.33333%;padding:0 3.2rem;text-align:center}.section-dual-camera .s-container .second .text-box ul li h3{margin:0rem 0 1.2rem}.section-dual-camera .s-container .second .text-box ul li h3:before{content:'';display:block;width:50px;height:50px;background:no-repeat center;background-size:cover;margin:0 auto 1.5rem}.section-dual-camera .s-container .second .text-box ul li.clar h3:before{background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-clarity.svg")}.section-dual-camera .s-container .second .text-box ul li.auto h3:before{background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-autofocus.svg")}.section-dual-camera .s-container .second .text-box ul li.aper h3:before{background-image:url("../../../images/859/oneplus5/section-dual-camera/icon-aperture.svg")}.section-dual-camera .s-container .second .text-box .nav-dot{display:none}@media screen and (max-width: 1200px){.section-dual-camera .s-container .second .text-box{min-height:450px}.section-dual-camera .s-container .second .text-box ul li{padding:0 1rem;width:33.33333%}.section-dual-camera .s-container .second .text-box ul li br{display:none}}@media screen and (max-width: 768px){.section-dual-camera .s-container .second{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.section-dual-camera .s-container .second .img-box{height:100vw;background-image:url("../../../images/859/oneplus5/section-dual-camera/lens-m.jpg")}.section-dual-camera .s-container .second .text-box{height:67.1875vw;display:block;position:relative;min-height:0;width:100%}.section-dual-camera .s-container .second .text-box ul{width:100%;display:block;height:100%;max-width:none;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;position:relative}.section-dual-camera .s-container .second .text-box ul li{position:absolute;float:left;height:86%;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.section-dual-camera .s-container .second .text-box ul li:before{margin:0 auto}.section-dual-camera .s-container .second .text-box ul li h3{margin-bottom:1rem}.section-dual-camera .s-container .second .text-box ul li h3:before{display:none}.section-dual-camera .s-container .second .text-box ul li p{margin-top:0}.section-dual-camera .s-container .second .text-box .nav-dot{display:block;text-align:center;left:0;bottom:2rem}}.section-dual-camera .s-container .shot-on-oneplus{background-color:#fafafa;height:62.5vw;max-height:1200px;text-align:center;position:relative}.section-dual-camera .s-container .shot-on-oneplus:before{content:'';display:block;height:16.42857%}.section-dual-camera .s-container .shot-on-oneplus h2{position:absolute;text-align:center;width:100%;top:6.42857%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap{position:relative;height:62.5%;max-height:750px}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container{width:62.5%;max-width:1200px;height:100%;margin:0 auto}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul{height:100%;width:1200%;-moz-transition:all 0.6s cubic-bezier(0.865, 0.13, 0.315, 0.86);-o-transition:all 0.6s cubic-bezier(0.865, 0.13, 0.315, 0.86);-webkit-transition:all 0.6s cubic-bezier(0.865, 0.13, 0.315, 0.86);transition:all 0.6s cubic-bezier(0.865, 0.13, 0.315, 0.86)}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li{width:25%;float:left;height:100%;position:relative}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc{position:absolute;left:30px;bottom:30px;font-size:1rem;font-weight:400;color:#fff;display:block;background-repeat:no-repeat;background-position:left center;background-image:url("../../../images/859/oneplus5/section-dual-camera/shot-on-oneplus-logo.svg");background-size:70px 37px;background-color:transparent;line-height:1.8rem;text-align:left;padding-left:80px}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc p{font-weight:300;font-size:12px;margin-bottom:0;line-height:22px}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc p.for-oneplus{font-size:16px}@media screen and (max-width: 768px){.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc{left:20px;bottom:15px;background-size:64px 44px;padding-top:5px;padding-left:80px;line-height:1.5rem}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc p{line-height:20px}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li .desc p.for-oneplus{font-size:18px}}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li img{width:100%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li:last-child{margin-right:0}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow{position:absolute;width:60px;height:60px;color:#fff;top:50%;font-size:30px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow:before,.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow:before{border-radius:50%;background-color:#000;opacity:0.1;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow:after{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-common/arrow-right.svg");background-size:cover;background-color:transparent;background-size:20%;background-position:57% center}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow:hover:before{opacity:0.5}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow.arrow-prev{left:5.36458%;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow.arrow-next{right:5.72917%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .nav-dot{bottom:-8%;width:auto}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .nav-dot li{float:left;margin-right:0}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .nav-dot li.active:before{opacity:1 !important}@media screen and (max-width: 768px){.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .nav-dot li:hover:before{opacity:0.3}}.section-dual-camera .s-container .shot-on-oneplus .p-text{position:absolute;width:100%;max-width:650px;left:50%;bottom:7%;margin:0 auto;font-size:14px;line-height:24px;-moz-transform:translate3d(-50%, 0, 0);-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}@media screen and (max-width: 768px){.section-dual-camera .s-container .shot-on-oneplus .p-text{padding:0 2rem}}@media screen and (max-width: 1024px){.section-dual-camera .s-container .shot-on-oneplus{height:212.5vw}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap{height:58.82353%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container{width:100%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li{height:100%}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .swiper-container ul li img{max-width:none;height:100%;width:auto}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .arrow{display:none}.section-dual-camera .s-container .shot-on-oneplus .swiper-wrap .nav-dot{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;width:100%;max-width:90%}}.section-design{position:relative;height:56.25vw;max-height:1080px;min-height:660px}.section-design .s-container{height:100%}.section-design .s-container .slide-wrap{position:relative;height:100%;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/bg.jpg");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item{position:absolute;left:0;top:0;width:100%;height:100%;padding:6% 0 10%;background:no-repeat center;background-size:contain;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column}.section-design .s-container .slide-wrap .slide-item.active{opacity:1;z-index:10}.section-design .s-container .slide-wrap .slide-item.active .img-box{opacity:1;-moz-transform:translate3d(0%, 0, 0);-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);-moz-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;-webkit-transition:all 1s ease;-webkit-transition-delay:1s;transition:all 1s ease 1s}.section-design .s-container .slide-wrap .slide-item.active .sub-box{opacity:1;-moz-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;-webkit-transition:all 1s ease;-webkit-transition-delay:1s;transition:all 1s ease 1s}.section-design .s-container .slide-wrap .slide-item .ul-silent{margin-top:4rem}.section-design .s-container .slide-wrap .slide-item .ul-silent li{display:inline-block;font-size:18px;opacity:0.5;margin-right:3rem;color:#fff;text-align:center;cursor:pointer}.section-design .s-container .slide-wrap .slide-item .ul-silent li:before{content:'';display:block;width:30px;height:30px;background:no-repeat center;background-size:cover;margin-bottom:1rem;margin-left:auto;margin-right:auto}.section-design .s-container .slide-wrap .slide-item .ul-silent li:hover{opacity:0.6}.section-design .s-container .slide-wrap .slide-item .ul-silent li.active{opacity:1;color:#eb0028}.section-design .s-container .slide-wrap .slide-item .ul-silent li.silent:before{background-image:url("../../../images/859/oneplus5/section-design/icon-silent.png")}.section-design .s-container .slide-wrap .slide-item .ul-silent li.silent.active:before{background-image:url("../../../images/859/oneplus5/section-design/icon-silent-active.png")}.section-design .s-container .slide-wrap .slide-item .ul-silent li.priority:before{background-image:url("../../../images/859/oneplus5/section-design/icon-priority.png")}.section-design .s-container .slide-wrap .slide-item .ul-silent li.priority.active:before{background-image:url("../../../images/859/oneplus5/section-design/icon-priority-active.png")}.section-design .s-container .slide-wrap .slide-item .ul-silent li.all:before{background-image:url("../../../images/859/oneplus5/section-design/icon-all.png")}.section-design .s-container .slide-wrap .slide-item .ul-silent li.all.active:before{background-image:url("../../../images/859/oneplus5/section-design/icon-all-active.png")}.section-design .s-container .slide-wrap .slide-item .img-box{position:absolute;width:100%;height:100%;max-width:1920px;max-height:1080px;top:0;right:0;opacity:0;-moz-transform:translate3d(10%, 0, 0);-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0);-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-design .s-container .slide-wrap .slide-item .img-box .img-silent.active{-moz-animation:shake 0.2s;-webkit-animation:shake 0.2s;animation:shake 0.2s}.section-design .s-container .slide-wrap .slide-item .img-box .ul-silent{display:none;position:absolute;left:10%;top:50%;margin:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-design .s-container .slide-wrap .slide-item .img-box .ul-silent li{display:block;margin:2rem 0}.section-design .s-container .slide-wrap .slide-item .img-box .ul-silent li:before{margin-bottom:0.5rem}.section-design .s-container .slide-wrap .slide-item .sub-box{max-width:1200px;margin-left:auto;margin-right:auto;width:100%;position:relative;z-index:5;opacity:0;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-design .s-container .slide-wrap .slide-item .sub-box h3{color:#fff;margin-bottom:2rem}.section-design .s-container .slide-wrap .slide-item .sub-box .p-text{color:#fff;max-width:460px}.section-design .s-container .slide-wrap .slide-item.first-active{opacity:1}.section-design .s-container .slide-wrap .slide-item.first-active .img-box{-moz-transform:translate3d(10%, 0, 0);-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0);-moz-transition:all 1s ease 0.4s;-o-transition:all 1s ease 0.4s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.4s;transition:all 1s ease 0.4s;opacity:0}.section-design .s-container .slide-wrap .slide-item.item-1 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone1.png");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-silent{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-silent.png");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-priority{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-priority.png");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-all{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-all.png");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.active{opacity:1}.section-design .s-container .slide-wrap .slide-item.item-3 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone3.png");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-4 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone4.png");background-size:cover;background-color:transparent}.section-design .s-container .main-box{max-width:1200px;margin-left:auto;margin-right:auto;width:100%;position:absolute;z-index:15;top:12.96296%;left:50%;-moz-transform:translate3d(-50%, 0, 0);-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section-design .s-container .main-box h2{color:#fff}.section-design .s-container .main-box .p-text{color:#fff;max-width:460px}.section-design .s-container .nav-dot-box{position:absolute;bottom:0;left:0;width:100%;z-index:99;bottom:8%}.section-design .s-container .item-imgbox{display:none}.section-design.animated .s-container .slide-wrap .slide-item.first-active .img-box{opacity:1;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-design.animated .s-container .slide-wrap .slide-item.first-active .sub-box{opacity:1}@media screen and (max-width: 1200px){.section-design .s-container .slide-wrap .slide-item .sub-box{margin-left:2rem}.section-design .s-container .main-box{padding-left:2rem}.section-design .s-container .nav-dot{margin-left:2rem}}@media screen and (max-width: 980px){.section-design .s-container .slide-wrap .slide-item{padding:6% 0 14%}}@media screen and (max-width: 768px){.section-design{height:auto}.section-design .s-container{margin-left:0;height:auto}.section-design .s-container .slide-wrap{height:62.5vw;background:none}.section-design .s-container .slide-wrap .slide-item{background:transparent;display:block;opacity:1;padding:0}.section-design .s-container .slide-wrap .slide-item .img-box{display:none;position:relative;top:initial;bottom:0;height:125vw}.section-design .s-container .slide-wrap .slide-item .img-box img{display:none}.section-design .s-container .slide-wrap .slide-item .img-box .ul-silent{display:none}.section-design .s-container .slide-wrap .slide-item.item-1 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone1-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-silent{background-image:url("../../../images/859/oneplus5/section-design/phone2-silent-m.jpg")}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-priority{background-image:url("../../../images/859/oneplus5/section-design/phone2-priority-m.jpg")}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.img-all{background-image:url("../../../images/859/oneplus5/section-design/phone2-all-m.jpg")}.section-design .s-container .slide-wrap .slide-item.item-2 .img-box span.active{opacity:1}.section-design .s-container .slide-wrap .slide-item.item-3 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone3-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item.item-4 .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone4-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .slide-wrap .slide-item .sub-box{opacity:1;margin-top:3rem;margin-left:0;padding:0 2rem;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.section-design .s-container .slide-wrap .slide-item .sub-box h3,.section-design .s-container .slide-wrap .slide-item .sub-box .p-text{color:#000;margin-bottom:1rem}.section-design .s-container .slide-wrap .slide-item .sub-box h3 br,.section-design .s-container .slide-wrap .slide-item .sub-box .p-text br{display:none}.section-design .s-container .slide-wrap .slide-item .sub-box ul{display:none}.section-design .s-container .main-box{position:relative;padding:50px 2rem 0;margin-bottom:0rem}.section-design .s-container .main-box h2{color:#000}.section-design .s-container .main-box .p-text{margin-top:0;color:#000}.section-design .s-container .nav-dot-box{position:relative;margin-bottom:2rem}.section-design .s-container .item-imgbox{display:block;height:100vw;width:400%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-design .s-container .item-imgbox .img-item{height:100%;width:25%;position:relative}.section-design .s-container .item-imgbox .img-item.img-1{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone1-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-2{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/bg.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-2 span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.section-design .s-container .item-imgbox .img-item.img-2 span.img-silent{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-silent-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-2 span.img-silent.active{-moz-animation:shake 0.2s;-webkit-animation:shake 0.2s;animation:shake 0.2s}.section-design .s-container .item-imgbox .img-item.img-2 span.img-priority{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-priority-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-2 span.img-all{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone2-all-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-2 span.active{opacity:1}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;height:100%}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li{width:100px;font-size:18px;opacity:0.5;margin:1rem 0 1rem 2rem;color:#fff;text-align:center;cursor:pointer}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li.active{opacity:0.99}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li:before{content:'';display:block;width:28px;height:28px;background:no-repeat center;background-size:cover;margin-bottom:1rem;margin-left:auto;margin-right:auto}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li.silent:before{background-image:url("../../../images/859/oneplus5/section-design/icon-silent.png")}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li.priority:before{background-image:url("../../../images/859/oneplus5/section-design/icon-priority.png")}.section-design .s-container .item-imgbox .img-item.img-2 .ul-silent li.all:before{width:30px;height:30px;background-image:url("../../../images/859/oneplus5/section-design/icon-all.png")}.section-design .s-container .item-imgbox .img-item.img-3{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone3-m.jpg");background-size:cover;background-color:transparent}.section-design .s-container .item-imgbox .img-item.img-4{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-design/phone4-m.jpg");background-size:cover;background-color:transparent}}.section-experience .first{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;height:56.25vw;max-height:1080px;text-align:center;min-height:760px;position:relative;background-color:#000;overflow:hidden}.section-experience .first:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/phone.jpg");background-size:contain;background-color:transparent;-moz-transition:all 0.2s ease 0.8s;-o-transition:all 0.2s ease 0.8s;-webkit-transition:all 0.2s ease;-webkit-transition-delay:0.8s;transition:all 0.2s ease 0.8s}.section-experience .first .first-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;height:81.83333%;position:relative;z-index:8}@media screen and (min-width: 1920px){.section-experience .first .first-content{height:900px}}.section-experience .first .first-content .main-box h2{color:#fff}.section-experience .first .first-content .main-box .p-text{color:#fff;max-width:733px}.section-experience .first .first-content .extral-box .p-text{font-size:14px;opacity:0.2;color:#fff}.section-experience .first.animated:before{opacity:1;-moz-transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}.section-experience .first.animated:after{opacity:1}@media screen and (max-width: 1200px){.section-experience .first .first-content{height:90.16667%}.section-experience .first .first-content .extral-box{padding:0 2rem}}@media screen and (max-width: 768px){.section-experience .first{height:168.75vw;text-align:left;min-height:none;-webkit-align-items:flex-start;align-items:flex-start;min-height:0}.section-experience .first:before{background-image:url("../../../images/859/oneplus5/section-experience/phone-bg-m.jpg")}.section-experience .first:after{background-image:url("../../../images/859/oneplus5/section-experience/phone-m.jpg");background-position:bottom right}.section-experience .first .first-content .main-box{padding:50px 2rem 0}.section-experience .first .first-content .main-box .p-text br{display:none}.section-experience .first .first-content .extral-box .p-text{font-size:12px;opacity:0.2;color:#fff;line-height:18px;margin-bottom:-2rem}}.section-experience .second{background-color:#f2f2f2;padding:8rem 0}.section-experience .second .row-item{max-width:1434px;margin-left:auto;margin-right:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.section-experience .second .row-item .cell{width:50%;padding-bottom:41.841%;position:relative;overflow:hidden}.section-experience .second .row-item .cell .cell-content{position:absolute;width:67%;padding:0}@media screen and (min-width: 769px){.section-experience .second .row-item .cell .cell-content{top:50%;left:50%;-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}}.section-experience .second .row-item .cell.cell-text,.section-experience .second .row-item .cell.cell-image{opacity:0;-moz-transform:translate3d(0, 12%, 0);-webkit-transform:translate3d(0, 12%, 0);transform:translate3d(0, 12%, 0);-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.section-experience .second .row-item .cell.cell-text{background-color:#fff}.section-experience .second .row-item .cell.cell-image{-moz-transition:all 0.5s ease 0.4s;-o-transition:all 0.5s ease 0.4s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.4s;transition:all 0.5s ease 0.4s}.section-experience .second .row-item.row-ram .cell.cell-image{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/ram-bg.jpg");background-size:cover;background-color:transparent}.section-experience .second .row-item.row-storage{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.section-experience .second .row-item.row-storage .cell.cell-text{-moz-transition:all 0.5s ease 0.4s;-o-transition:all 0.5s ease 0.4s;-webkit-transition:all 0.5s ease;-webkit-transition-delay:0.4s;transition:all 0.5s ease 0.4s}.section-experience .second .row-item.row-storage .cell.cell-image{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/storage-bg.jpg");background-size:cover;background-color:transparent}.section-experience .second .row-item.row-priority .cell.cell-image{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/priority-bg.jpg");background-size:cover;background-color:transparent}.section-experience .second .row-item.animated .cell.cell-text,.section-experience .second .row-item.animated .cell.cell-image{opacity:1;-moz-transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}.section-experience .second .nav-dot{display:none}@media screen and (max-width: 1000px){.section-experience .second .row-item .cell .cell-content .p-text br{display:none}}@media screen and (max-width: 900px){.section-experience .second .row-item .cell .cell-content{top:10%}.section-experience .second .row-item .cell .cell-content h3{margin-bottom:1rem}.section-experience .second .row-item .cell .cell-content h3:before{margin-bottom:2rem}}@media screen and (max-width: 768px){.section-experience .second{padding:0;position:relative}.section-experience .second .row-wrap{position:relative;height:56.25vw}.section-experience .second .row-item{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-flex-direction:column;flex-direction:column;display:block}.section-experience .second .row-item.active{display:block}.section-experience .second .row-item .cell{width:100%}.section-experience .second .row-item .cell .cell-content{position:static;width:100%;left:0;top:0;padding:0rem 2rem 0 2rem}.section-experience .second .row-item .cell .cell-content h3:before{display:none}.section-experience .second .row-item .cell .cell-content br{display:none}.section-experience .second .row-item .cell.cell-text{height:100%;background:transparent;padding-bottom:0;opacity:1;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-experience .second .row-item .cell.cell-image{display:none;height:55.4785%}.section-experience .second .nav-dot{display:block;bottom:58%;margin-left:2rem;margin-bottom:2rem;position:static;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-experience .second .item-imgbox .img-item.img-1{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/ram-bg-m.jpg");background-size:cover;background-color:transparent}.section-experience .second .item-imgbox .img-item.img-2{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/storage-bg-m.jpg");background-size:cover;background-color:transparent}.section-experience .second .item-imgbox .img-item.img-3{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-experience/priority-bg-m.jpg");background-size:cover;background-color:transparent}}.section-color{width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden;background-color:#eee}.section-color .bg-phone{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat}.section-color .bg-phone.transition{-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}.section-color .closebtn{width:40px;height:40px;display:block;border-radius:50%;position:absolute;right:5%;top:5%;z-index:6;border:2px solid #fff;cursor:pointer;opacity:0;-moz-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px);-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}.section-color .closebtn:after,.section-color .closebtn:before{content:'';width:16px;height:2px;display:block;background-color:#fff;overflow:hidden;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, 0) rotate(45deg);-ms-transform:translate(-50%, 0) rotate(45deg);-webkit-transform:translate(-50%, 0) rotate(45deg);transform:translate(-50%, 0) rotate(45deg)}.section-color .closebtn:before{-moz-transform:translate(-50%, 0) rotate(-45deg);-ms-transform:translate(-50%, 0) rotate(-45deg);-webkit-transform:translate(-50%, 0) rotate(-45deg);transform:translate(-50%, 0) rotate(-45deg)}.section-color .closebtn.show{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-color .change-color{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}.section-color .change-color.collapse{-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0)}.section-color .change-color.collapse li{width:0}.section-color .change-color.bg-unactive li.active{background-color:transparent}.section-color .change-color li{width:33.33%;height:100%;float:left;position:relative;border-right:1px solid rgba(255,255,255,0.2);cursor:pointer;overflow:hidden;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}.section-color .change-color li h4{font-size:28px;position:absolute;left:8%;bottom:5%}.section-color .change-color li h4 span{display:block;margin-bottom:15px;-moz-transition:all 1s,opacity 0.5s;-o-transition:all 1s,opacity 0.5s;-webkit-transition:all 1s,opacity 0.5s;transition:all 1s,opacity 0.5s;-moz-transform:translate(0, 76px);-ms-transform:translate(0, 76px);-webkit-transform:translate(0, 76px);transform:translate(0, 76px)}.section-color .change-color li h4 span.p-text{color:inherit;margin-bottom:25px;font-size:14px;opacity:1;line-height:1.4;padding-right:30px;opacity:0;display:block}.section-color .change-color li h4 em{width:40px;height:40px;display:block;opacity:0;-moz-transition:-moz-transform 1s,opacity 0.5s;-o-transition:-o-transform 1s,opacity 0.5s;-webkit-transition:-webkit-transform 1s,opacity 0.5s;transition:transform 1s,opacity 0.5s;-moz-transform:translate(0, 76px);-ms-transform:translate(0, 76px);-webkit-transform:translate(0, 76px);transform:translate(0, 76px);background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("../../../images/859/oneplus5/section-color/arrow-white.svg")}.section-color .change-color li.active{background-color:rgba(0,0,0,0.1)}.section-color .change-color li.active h4 span{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-color .change-color li.active h4 span.p-text{opacity:1;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}.section-color .change-color li.active h4 em{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}.section-color .spread-img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:none;background-position:center;background-size:cover;background-repeat:no-repeat}.section-color.gold .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-gold-m.jpg")}.section-color.gold .change-color li h4{color:#3e3425}.section-color.gold .change-color li h4 em{background-image:url("../../../images/859/oneplus5/section-color/arrow-gold.svg")}.section-color.gold .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-gold-spread-m.jpg")}.section-color.gray .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-gray-m.jpg")}.section-color.gray .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-gray-spread-m.jpg")}.section-color.gray .closebtn{border:2px solid #999}.section-color.gray .closebtn:after,.section-color.gray .closebtn:before{background-color:#999}.section-color.black .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-black-m.jpg")}.section-color.black .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-black-spread-m.jpg")}.section-color.gray .change-color li h4,.section-color.black .change-color li h4{color:#ffffff}@media screen and (min-width: 1921px){.section-color.gold .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-gold.jpg")}.section-color.gold .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-gold-spread.jpg")}.section-color.gray .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-gray.jpg")}.section-color.gray .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-gray-spread.jpg")}.section-color.black .bg-phone{background-image:url("../../../images/859/oneplus5/section-color/section-color-black.jpg")}.section-color.black .spread-img{background-image:url("../../../images/859/oneplus5/section-color/section-color-black-spread.jpg")}}@media screen and (max-width: 1200px){.section-color .change-color li h4{font-size:24px}.section-color .change-color li h4 span{-moz-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}.section-color .change-color li h4 em{width:30px;height:30px;-moz-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}}@media screen and (max-width: 768px){.section-color{height:auto;padding-top:0}.section-color .bg-phone,.section-color .closebtn,.section-color .spread-img{display:none !important}.section-color .change-color{position:relative;width:100%;height:auto;display:block !important}.section-color .change-color.collapse{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-color .change-color.collapse li{width:100%}.section-color .change-color li{width:100%;height:0;padding-top:100%;overflow:hidden;float:none;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}.section-color .change-color li h4{font-size:20px;bottom:10px;left:2rem}.section-color .change-color li h4 span{margin-bottom:10px;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-color .change-color li h4 span.p-text{opacity:1}.section-color .change-color li h4 em{display:none}.section-color .change-color li[data-color=gold]{background-image:url("../../../images/859/oneplus5/section-color/section-color-gold-s.jpg")}.section-color .change-color li[data-color=gold] h4{color:#fff}.section-color .change-color li[data-color=gray]{background-image:url("../../../images/859/oneplus5/section-color/section-color-gray-s.jpg")}.section-color .change-color li[data-color=gray] h4{color:#fff}.section-color .change-color li[data-color=black]{background-image:url("../../../images/859/oneplus5/section-color/section-color-black-s.jpg")}.section-color .change-color li[data-color=black] h4{color:#fff}}@media screen and (max-width: 400px){.section-color .change-color li h4{font-size:20px}}.section-oxygenos{background-color:#fff;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column}.section-oxygenos .pc-box{text-align:center;padding:5.20833% 0 3.125%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}@media screen and (min-width: 1920px){.section-oxygenos .pc-box{padding:100px 0 60px}}.section-oxygenos .pc-box ul{border-bottom:2px solid #d7d7d7;font-size:20px;display:inline-block;margin-bottom:1.5rem;height:50px}.section-oxygenos .pc-box ul li{height:calc(100% + 2px);position:relative;display:inline-block;margin:0 3rem -2px 0;padding-bottom:1.5rem;opacity:0.3;cursor:pointer;color:#000}.section-oxygenos .pc-box ul li:hover{opacity:0.6}.section-oxygenos .pc-box ul li.active{opacity:1;border-bottom:2px solid #eb0028;color:#eb0028}.section-oxygenos .pc-box ul li:last-child{margin-right:0}.section-oxygenos .pc-box .p-box{max-width:800px;height:93px}.section-oxygenos .pc-box .p-box p{display:none}.section-oxygenos .pc-box .p-box p.active{display:block}.section-oxygenos .slide-wrap{width:400%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-oxygenos .slide-wrap .slide-item{position:relative;width:25%;height:100%}.section-oxygenos .slide-wrap .slide-item .text-box{display:none}.section-oxygenos .slide-wrap .slide-item .img-box{height:100%;position:relative}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul{overflow:hidden;-moz-transition:-moz-transform 1s ease;-o-transition:-o-transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:transform 1s ease}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul.no-animation{-moz-transition:-moz-transform 0s ease;-o-transition:-o-transform 0s ease;-webkit-transition:-webkit-transform 0s ease;transition:transform 0s ease}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li{float:left;opacity:0;-moz-transition:all 1s ease 0.6s;-o-transition:all 1s ease 0.6s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.6s;transition:all 1s ease 0.6s}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li:nth-of-type(2){-moz-transform:translate3d(10%, 0, 0);-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0)}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li:nth-of-type(3){-moz-transform:translate3d(10%, 0, 0);-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0)}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li:nth-of-type(4){-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li:nth-of-type(5){-moz-transform:translate3d(-10%, 0, 0);-webkit-transform:translate3d(-10%, 0, 0);transform:translate3d(-10%, 0, 0)}.section-oxygenos .slide-wrap .slide-item .img-box .img-content ul li:nth-of-type(6){-moz-transform:translate3d(-10%, 0, 0);-webkit-transform:translate3d(-10%, 0, 0);transform:translate3d(-10%, 0, 0)}.section-oxygenos .slide-wrap .slide-item.item-android{z-index:1;overflow:hidden}.section-oxygenos .slide-wrap .slide-item.item-android .action-box{color:#e5e5e5;text-align:center;margin:5rem 0 5rem}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow{position:relative;display:inline-block;width:30px;height:30px;line-height:30px;color:#fff;vertical-align:middle;cursor:pointer;font-size:18px;font-style:normal}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:before,.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:before{background-color:#000;opacity:0.1;border-radius:50%;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:after{-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:after{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-common/arrow-right.svg");background-size:cover;background-color:transparent;background-size:30%;background-position:57% center}@media screen and (max-width: 768px){.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:after{background-size:20%;background-position:center}}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow:hover:before{opacity:0.2}.section-oxygenos .slide-wrap .slide-item.item-android .action-box .android-arrow-left{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.section-oxygenos .slide-wrap .slide-item.item-android .action-box span{vertical-align:middle;margin:0 0rem;font-size:1.125rem;color:#010101;display:inline-block;width:210px}@media screen and (max-width: 768px){.section-oxygenos .slide-wrap .slide-item.item-android .action-box span{width:160px}}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-yellow,.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-gray{position:absolute;top:0;left:0;width:100%;height:100%}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-yellow{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/mode-yellow.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-gray{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/mode-gray.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-read .action-box{position:absolute;bottom:6%;left:50%;width:250px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-oxygenos .slide-wrap .slide-item.item-read .action-box:before{content:'';display:block;height:2px;opacity:0.2;background-color:#77736d}.section-oxygenos .slide-wrap .slide-item.item-read .action-box span{position:absolute;cursor:pointer;left:0;top:0;width:10%;height:12px;background-color:#000;border-radius:5px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/gaming-bg.jpg");background-size:cover;background-color:transparent;position:relative}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul{position:absolute;top:90px;width:100%;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li{font-size:1.125rem;margin:0 5rem}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li:before{content:'';display:block;width:62px;height:53px;background:no-repeat center;background-size:contain;margin:0 auto 1rem}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.notification:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-notification.svg")}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.mail:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-mail.svg")}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.button:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-button.svg")}.section-oxygenos .slide-wrap .slide-item.item-secure .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/secure-bg.jpg");background-size:cover;background-color:transparent}.section-oxygenos.animated .slide-wrap .slide-item .img-box .img-content ul li{opacity:1;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@media screen and (max-width: 768px){.section-oxygenos{height:234.375vw;min-height:0;overflow:hidden}.section-oxygenos .pc-box{display:none}.section-oxygenos .slide-wrap{height:100%;position:relative}.section-oxygenos .slide-wrap .slide-item{position:absolute;left:0;top:0}.section-oxygenos .slide-wrap .slide-item .text-box{display:block;height:109.375vw;position:relative;padding:50px 2rem 0}.section-oxygenos .slide-wrap .slide-item .text-box h2{visibility:hidden}.section-oxygenos .slide-wrap .slide-item .text-box .nav-dot{bottom:8%;margin-left:2rem;display:none;left:0}.section-oxygenos .slide-wrap .slide-item .img-box{height:125vw}.section-oxygenos .slide-wrap .slide-item .img-box .img-content{margin-left:0}.section-oxygenos .slide-wrap .slide-item.item-android .text-box h2{visibility:visible}.section-oxygenos .slide-wrap .slide-item.item-android .img-box{background-color:#f2f2f2}.section-oxygenos .slide-wrap .slide-item.item-android .img-box .img-content{padding-top:3.5rem;margin-left:-154.765625%}.section-oxygenos .slide-wrap .slide-item.item-android .action-box{margin-top:1.2rem}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content{position:relative;height:100%}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-yellow{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/mode-yellow-m.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-read .img-box .img-content .mode-gray{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/mode-gray-m.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-read .action-box{bottom:15%}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/gaming-bg-m.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul{top:5%;left:9.375%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li{margin:0 0rem 1rem 0}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li:before{display:inline-block;vertical-align:middle;margin:0 1rem 0 0;width:40px;height:51px}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.notification:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-notification.svg")}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.mail:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-mail.svg")}.section-oxygenos .slide-wrap .slide-item.item-gaming .img-box ul li.button:before{background-image:url("../../../images/859/oneplus5/section-oxygenos/icon-button.svg")}.section-oxygenos .slide-wrap .slide-item.item-secure .img-box{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-oxygenos/secure-bg-m.jpg");background-size:cover;background-color:transparent}.section-oxygenos .slide-wrap .slide-item.item-effect .img-box{overflow:hidden;-moz-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-oxygenos .slide-wrap .slide-item.item-effect.prev-active .img-box{-moz-transform:translate3d(-100%, 0, 0);-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.section-oxygenos .slide-wrap .slide-item.item-effect.active .img-box{-moz-transform:translate3d(0%, 0, 0);-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.section-oxygenos .slide-wrap .slide-item.item-effect.item-android .text-box .nav-dot{display:block}}.section-dash-charge{position:relative;height:56.25vw;max-height:1080px}.section-dash-charge .s-container{height:100%}.section-dash-charge .s-container .slide-wrap{position:relative;height:100%;background-color:#000}.section-dash-charge .s-container .slide-wrap .slide-item{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.section-dash-charge .s-container .slide-wrap .slide-item.active{-moz-transition:all 0.8s ease 0.8s;-o-transition:all 0.8s ease 0.8s;-webkit-transition:all 0.8s ease;-webkit-transition-delay:0.8s;transition:all 0.8s ease 0.8s;opacity:1;z-index:10}.section-dash-charge .s-container .slide-wrap .slide-item .main-box{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:8rem}.section-dash-charge .s-container .slide-wrap .slide-item .main-box h2{color:#fff}.section-dash-charge .s-container .slide-wrap .slide-item .main-box h3{color:#fff}.section-dash-charge .s-container .slide-wrap .slide-item .main-box .p-text{color:#fff;max-width:420px}.section-dash-charge .s-container .slide-wrap .slide-item.item-1{background-color:#f2f2f2}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;max-width:1200px;margin-left:auto;margin-right:auto;height:100%}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left{width:56%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left:before{content:'';display:none;width:100%;height:15.33333%}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box{margin:8rem 0 0}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box h2{color:#000}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box h3{color:#000}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box .p-text{color:#000}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn{margin-top:3rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn a{border:1px solid rgba(0,0,0,0.3);display:inline-block;width:200px;height:48px;line-height:48px;text-align:center}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn a:hover{border:1px solid rgba(0,0,0,0.6)}.section-dash-charge .s-container .slide-wrap .slide-item.item-2{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dash-charge/smart-bg.jpg");background-size:cover;background-color:transparent}.section-dash-charge .s-container .slide-wrap .slide-item.item-3{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dash-charge/cooler-bg.jpg");background-size:cover;background-color:transparent}.section-dash-charge .s-container .right{width:60%}.section-dash-charge .s-container .right ul{padding-left:2rem}.section-dash-charge .s-container .right ul li{display:inline-block;font-size:20px;color:#000;cursor:pointer}.section-dash-charge .s-container .right ul li span{opacity:0.3}.section-dash-charge .s-container .right ul li:hover span{opacity:0.6}.section-dash-charge .s-container .right ul li.active span{opacity:1}.section-dash-charge .s-container .right ul li.active span:hover{opacity:1}.section-dash-charge .s-container .right ul li:after{content:'';display:inline-block;margin:0 4rem;width:1px;height:18px;background-color:#000;opacity:0.3;vertical-align:middle}.section-dash-charge .s-container .right ul li:last-child:after{display:none}.section-dash-charge .s-container .right .line-box{position:relative;margin:5rem 0 5rem}.section-dash-charge .s-container .right .line-box [class^="line-"]{position:absolute;width:0%;height:100%;bottom:0;left:0;visibility:hidden;background:no-repeat left bottom;-moz-transition:width 1s ease;-o-transition:width 1s ease;-webkit-transition:width 1s ease;transition:width 1s ease;background-size:auto 100%}.section-dash-charge .s-container .right .line-box [class^="line-"].active{visibility:visible;width:103%}.section-dash-charge .s-container .right .line-box .line-screen{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-screen.png")}.section-dash-charge .s-container .right .line-box .line-video{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-video.png")}.section-dash-charge .s-container .right .line-box .line-game{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-game.png")}.section-dash-charge .s-container .right ol{padding-left:2rem}.section-dash-charge .s-container .right ol li{display:inline-block;margin-right:4rem;font-size:16px}.section-dash-charge .s-container .right ol li:before{content:'';display:inline-block;vertical-align:top;width:10px;height:10px;border-radius:50%;margin-right:1rem;margin-top:6px}.section-dash-charge .s-container .right ol li:nth-of-type(1):before{background-color:#eb0028}.section-dash-charge .s-container .right ol li:nth-of-type(2):before{background-color:#09c}.section-dash-charge .s-container .right ol li:nth-of-type(3){margin-right:0}.section-dash-charge .s-container .right ol li:nth-of-type(3):before{background-color:#21c1b2}.section-dash-charge .s-container .nav-dot{top:490px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-dash-charge.animated .s-container .right .line-box .first-active{-moz-transition:width 1s ease 1s;-o-transition:width 1s ease 1s;-webkit-transition:width 1s ease;-webkit-transition-delay:1s;transition:width 1s ease 1s;visibility:visible;width:103%}@media screen and (max-width: 1400px){.section-dash-charge .s-container .nav-dot{bottom:25%}}@media screen and (max-width: 1200px){.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left{padding:5rem 0}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box{padding:0 0 0 2rem;margin-top:0px}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box .p-text{min-height:150px}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn{margin-left:2rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right{padding-right:2rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right ul li:after{margin:0 2rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right .line-box{margin:4rem 0 5rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right ol{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right ol li{margin-right:0}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box{padding:0 0 0 2rem;margin-top:5rem}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box .p-text,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box .p-text{min-height:150px}.section-dash-charge .s-container .slide-wrap .slide-item .nav-dot{position:static;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width: 900px){.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left{padding:2rem 0}}@media screen and (max-width: 768px){.section-dash-charge{height:auto;max-height:none}.section-dash-charge .s-container .slide-wrap{height:87.5vw;background-color:#fff}.section-dash-charge .s-container .slide-wrap .slide-item{height:100%;opacity:1}.section-dash-charge .s-container .slide-wrap .slide-item.item-1{background-color:transparent}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left{background-color:transparent;width:100%;padding:0;height:100%;position:relative;-webkit-justify-content:flex-start;justify-content:flex-start}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left:before{display:none}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box{padding-left:2rem;margin:0;padding-top:50px}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box .p-text{min-height:0}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box .nav-dot{top:auto;bottom:2rem;margin-left:2rem;position:absolute;left:0;display:block;-moz-transform:translate3d(0, 30px, 0);-webkit-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0);opacity:0}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn{width:100%;padding:0 2rem;margin:2rem 0 0}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .left .video-btn a{width:100%}.section-dash-charge .s-container .slide-wrap .slide-item.item-1 .item-content .right{display:none}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box{height:auto;background-color:transparent;position:relative}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box .p-text,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box .p-text{min-height:0}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box h2,.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box h3,.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box .p-text,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box h2,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box h3,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box .p-text{color:#000}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box h2 br,.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box h3 br,.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box .p-text br,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box h2 br,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box h3 br,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box .p-text br{display:none}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box h2,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box h2{visibility:hidden}.section-dash-charge .s-container .slide-wrap .slide-item.item-2 .main-box .nav-dot,.section-dash-charge .s-container .slide-wrap .slide-item.item-3 .main-box .nav-dot{bottom:6%;left:0;margin-left:2rem;position:absolute}.section-dash-charge .s-container .slide-wrap .slide-item.item-2{background:none}.section-dash-charge .s-container .slide-wrap .slide-item.item-3{background:none}.section-dash-charge .s-container .slide-wrap .slide-item .nav-dot{display:none}.section-dash-charge .s-container .right{width:100%;height:100vw;padding-right:0rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.section-dash-charge .s-container .right ul{padding-left:0}.section-dash-charge .s-container .right ul li{font-size:16px}.section-dash-charge .s-container .right ul li:after{margin:0 1.5rem;height:14px}.section-dash-charge .s-container .right .line-box{margin:2rem 2rem 2rem;padding:0 0rem}.section-dash-charge .s-container .right .line-box .line-screen{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-screen-m.png")}.section-dash-charge .s-container .right .line-box .line-video{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-video-m.png")}.section-dash-charge .s-container .right .line-box .line-game{background-image:url("../../../images/859/oneplus5/section-dash-charge/line-game-m.png")}.section-dash-charge .s-container .right ol{padding-left:0;text-align:center}.section-dash-charge .s-container .right ol li{margin-right:1rem;font-size:12px}.section-dash-charge .s-container .right ol li:before{margin-right:0.5rem;margin-top:5px;width:8px;height:8px}.section-dash-charge .s-container .right ol li:last-child{margin-right:0}.section-dash-charge .s-container .item-imgbox .img-item.img-1{background-color:#f2f2f2}.section-dash-charge .s-container .item-imgbox .img-item.img-2{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dash-charge/smart-bg-m.jpg");background-size:cover;background-color:transparent}.section-dash-charge .s-container .item-imgbox .img-item.img-3{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-dash-charge/cooler-bg-m.jpg");background-size:cover;background-color:transparent}.section-dash-charge.animated .s-container .slide-wrap .slide-item.item-1 .item-content .left .main-box .nav-dot{opacity:1;-moz-transition:all 1s ease 0.8s;-o-transition:all 1s ease 0.8s;-webkit-transition:all 1s ease;-webkit-transition-delay:0.8s;transition:all 1s ease 0.8s;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.section-network{height:56.25vw;max-height:1080px;overflow:hidden}.section-network .slide-wrap{width:100%;height:100%;background-color:#000;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}@media screen and (max-width: 768px){.section-network .slide-wrap{position:relative}}.section-network .slide-wrap .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-network .slide-wrap .slide-item.active{-moz-transition:all 0.8s ease 0.8s;-o-transition:all 0.8s ease 0.8s;-webkit-transition:all 0.8s ease;-webkit-transition-delay:0.8s;transition:all 0.8s ease 0.8s;opacity:1;z-index:10}@media screen and (max-width: 768px){.section-network .slide-wrap .slide-item{opacity:1}.section-network .slide-wrap .slide-item .nav-dot{display:none}.section-network .slide-wrap .slide-item.item-onephone .nav-dot{display:block}}.section-network .slide-wrap .slide-item .item-content{position:absolute;left:56%;top:26%;max-width:460px}.section-network .slide-wrap .slide-item .item-content .nav-dot{position:static;padding-top:6rem;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-network .slide-wrap .slide-item.item-onephone{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/onephone-bg.jpg");background-size:cover;background-color:transparent}.section-network .slide-wrap .slide-item.item-onephone .item-content h2,.section-network .slide-wrap .slide-item.item-onephone .item-content h3,.section-network .slide-wrap .slide-item.item-onephone .item-content .p-text{color:#fff}.section-network .slide-wrap .slide-item.item-sim{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/sim-bg.jpg");background-size:cover;background-color:transparent}.section-network .slide-wrap .slide-item.item-sim .item-content h2,.section-network .slide-wrap .slide-item.item-sim .item-content h3,.section-network .slide-wrap .slide-item.item-sim .item-content .p-text{color:#fff}.section-network .slide-wrap .slide-item.item-unlocked{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/unlocked-bg.jpg");background-size:cover;background-color:transparent}@media screen and (max-width: 1200px){.section-network .slide-wrap .slide-item .item-content{left:50%;right:2rem}.section-network .slide-wrap .slide-item .item-content .p-text br{display:none}.section-network .slide-wrap .slide-item .item-content .nav-dot{padding-top:4rem}}@media screen and (max-width: 768px){.section-network{height:225vw}.section-network .slide-wrap{background-color:transparent;height:70vw}}@media screen and (max-width: 768px) and (width: 375px){.section-network .slide-wrap{height:80vw}}@media screen and (max-width: 768px) and (width: 360px){.section-network .slide-wrap{height:80vw}}@media screen and (max-width: 768px) and (max-width: 359px){.section-network .slide-wrap{height:100vw}}@media screen and (max-width: 768px){.section-network .slide-wrap .slide-item .item-content{height:auto;position:static;top:0;left:0;padding:50px 2rem 0;background-color:transparent}.section-network .slide-wrap .slide-item .item-content h2,.section-network .slide-wrap .slide-item .item-content h3,.section-network .slide-wrap .slide-item .item-content .p-text{color:#000 !important}.section-network .slide-wrap .slide-item .item-content h2 br,.section-network .slide-wrap .slide-item .item-content h3 br,.section-network .slide-wrap .slide-item .item-content .p-text br{display:none}.section-network .slide-wrap .slide-item .item-content h2{visibility:hidden}.section-network .slide-wrap .slide-item .item-content .nav-dot{bottom:8%;position:absolute;padding-top:0;left:2rem}.section-network .slide-wrap .slide-item.item-onephone{background:none}.section-network .slide-wrap .slide-item.item-onephone .item-content h2{visibility:visible}.section-network .slide-wrap .slide-item.item-sim{background:none}.section-network .slide-wrap .slide-item.item-unlocked{background:none}.section-network .item-imgbox .img-item:nth-child(1){background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/onephone-bg-m.jpg");background-size:cover;background-color:transparent}.section-network .item-imgbox .img-item:nth-child(2){background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/sim-bg-m.jpg");background-size:cover;background-color:transparent}.section-network .item-imgbox .img-item:nth-child(3){background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-network/unlocked-bg-m.jpg");background-size:cover;background-color:transparent}}.section-matters{height:36.45833vw;min-height:500px;background-color:#fff;position:relative}.section-matters>h2{display:none}.section-matters .slide-wrap{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-matters .slide-wrap .slide-item{position:relative;width:100%;height:100%;display:none}.section-matters .slide-wrap .slide-item.active{display:block;z-index:1}.section-matters .slide-wrap .slide-item .text-box{max-width:1200px;margin-left:auto;margin-right:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;height:100%}.section-matters .slide-wrap .slide-item .text-box .p-text{max-width:460px;min-height:52px}.section-matters .slide-wrap .slide-item .text-box .nav-dot{position:static;padding-top:6rem;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.section-matters .img-box{position:absolute;width:50%;height:100%;top:0;right:0;overflow:hidden}@media screen and (max-width: 768px){.section-matters .img-box{width:100%;height:50%;top:50%}}.section-matters .img-box .img-wrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;width:400%;height:100%;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-matters .img-box .img-wrap .img-item{width:25%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center bottom}.section-matters .img-box .img-wrap .img-item.item-display{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-matters/display-bg.jpg");background-size:cover;background-color:transparent}.section-matters .img-box .img-wrap .img-item.item-unibody{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-matters/unibody-bg.jpg");background-size:cover;background-color:transparent}.section-matters .img-box .img-wrap .img-item.item-scanner{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-matters/scanner-bg.jpg");background-size:cover;background-color:transparent}.section-matters .img-box .img-wrap .img-item.item-jack{background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-matters/jack-bg.jpg");background-size:cover;background-color:transparent}@media screen and (max-width: 1200px){.section-matters .slide-wrap .slide-item .text-box{padding-left:2rem}.section-matters .slide-wrap .slide-item .text-box .p-text{width:48%}}@media screen and (max-width: 768px){.section-matters{height:auto}.section-matters>h2{display:block;padding:50px 2rem 0}.section-matters .slide-wrap{position:relative;height:51.5625vw}.section-matters .slide-wrap .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.section-matters .slide-wrap .slide-item.active{z-index:auto}.section-matters .slide-wrap .slide-item.item-display{z-index:4}.section-matters .slide-wrap .slide-item.item-display .text-box .nav-dot{display:block}.section-matters .slide-wrap .slide-item .text-box{height:auto;padding:0 2rem}.section-matters .slide-wrap .slide-item .text-box h2{font-size:2.3rem;display:none}.section-matters .slide-wrap .slide-item .text-box h3{margin-bottom:1rem}.section-matters .slide-wrap .slide-item .text-box .p-text{width:auto}.section-matters .slide-wrap .slide-item .text-box .nav-dot{display:none;padding-top:3rem}.section-matters .slide-wrap .slide-item .img-box{width:100%;bottom:0;top:initial}.section-matters .img-box{height:100vw;position:static}.section-matters .img-box .img-wrap .img-item.item-display{background-image:url("../../../images/859/oneplus5/section-matters/display-bg-m.jpg")}.section-matters .img-box .img-wrap .img-item.item-unibody{background-image:url("../../../images/859/oneplus5/section-matters/unibody-bg-m.jpg")}.section-matters .img-box .img-wrap .img-item.item-scanner{background-image:url("../../../images/859/oneplus5/section-matters/scanner-bg-m.jpg")}.section-matters .img-box .img-wrap .img-item.item-jack{background-image:url("../../../images/859/oneplus5/section-matters/jack-bg-m.jpg")}}.section-update{background-color:#000;height:700px}.section-update .s-container{max-width:1024px;margin-left:auto;margin-right:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column;height:100%;text-align:left}.section-update .s-container h2{color:#fff}.section-update .s-container .p-text{color:#fff}.section-update .s-container .update-form{position:relative;margin-top:4rem}.section-update .s-container .update-form .p-input{display:block}.section-update .s-container .update-form .p-input input{width:100%;height:45px;line-height:45px;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;opacity:0.5;background:transparent;font-size:18px;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}.section-update .s-container .update-form .p-input input:focus{opacity:1;outline:none}.section-update .s-container .update-form .p-input button{position:absolute;top:0;right:0;padding:0;margin:0;text-align:center;width:30px;height:30px;line-height:30px;border-radius:50%;border:none;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-color/arrow-white.svg");background-size:cover;background-color:transparent;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.section-update .s-container .update-form .p-input button:hover{background-color:rgba(255,255,255,0.3)}.section-update .s-container .update-form .p-tips{display:none;font-size:18px;color:#fff}.section-update .s-container .update-form.is-update .p-input{display:none}.section-update .s-container .update-form.is-update .p-tips{display:block}.section-update .s-container .update-calendar{margin-top:4rem}.section-update .s-container .update-calendar:before{content:'';display:inline-block;vertical-align:middle;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:center;background-image:url("../../../images/859/oneplus5/section-update/calendar-bg.png");background-size:cover;background-color:transparent}.section-update .s-container .update-calendar a{color:#fff;font-size:18px;opacity:0.5;vertical-align:middle;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.section-update .s-container .update-calendar a:hover{opacity:1}.section-update .s-container .tips{margin-top:5rem}.section-update .s-container .tips .p-text{font-size:14px;line-height:22px}@media screen and (max-width: 1200px){.section-update .s-container{padding:0 2rem}}@media screen and (max-width: 768px){.section-update{height:auto;padding-bottom:6rem}.section-update .s-container{padding:0 2rem;-webkit-justify-content:flex-start;justify-content:flex-start}.section-update .s-container h2{margin-bottom:1rem;padding-top:3rem}.section-update .s-container .update-form{margin-top:3rem}.section-update .s-container .update-form .p-input{position:relative}.section-update .s-container .update-form .p-input input{height:30px;line-height:30px;text-indent:0px;padding:15px 0;box-sizing:content-box}.section-update .s-container .update-form .p-input button{top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-update .s-container .update-calendar{margin-top:3rem}.section-update .s-container .update-calendar:before{width:30px;height:30px}.section-update .s-container .update-calendar a{font-size:18px}.section-update .s-container .tips{margin-top:4rem}.section-update .s-container .tips .p-text{line-height:20px}}.addeventatc{display:inline-block;position:relative;z-index:999998;font-weight:300;color:#333;text-decoration:none;font-size:16px;cursor:pointer}.addeventatc:hover{color:#fff;font-size:16px}.addeventatc .start,.addeventatc .end,.addeventatc .timezone,.addeventatc .title,.addeventatc .description,.addeventatc .location,.addeventatc .organizer,.addeventatc .organizer_email,.addeventatc .facebook_event,.addeventatc .all_day_event,.addeventatc .date_format,.addeventatc .alarm_reminder,.addeventatc .recurring,.addeventatc .attendees,.addeventatc .calname,.addeventatc .uid,.addeventatc .status,.addeventatc .method,.addeventatc .client{display:none !important}.addeventatc_dropdown{width:200px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:4px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15)}.addeventatc_dropdown span{display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px}.addeventatc_dropdown span:hover{background-color:#f4f4f4;color:#000;text-decoration:none;font-size:14px}.addeventatc_dropdown em{color:#999 !important;font-size:12px !important}.addeventatc_dropdown .frs{background:#fff;color:#cacaca !important;cursor:pointer;font-size:9px !important;font-style:normal !important;font-weight:normal !important;line-height:110% !important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101}.addeventatc_dropdown .frs:hover{color:#999 !important}.addeventatc_dropdown .ateappleical{background-image:url(~assets/images/vendor/add-event/icon-apple-t1.svg);background-position:13px 50%;background-repeat:no-repeat;background-size:14px auto}.addeventatc_dropdown .ateoutlook{background-image:url(~assets/images/vendor/add-event/icon-outlook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto}.addeventatc_dropdown .ateoutlookcom{background-image:url(~assets/images/vendor/add-event/icon-outlook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto}.addeventatc_dropdown .ategoogle{background-image:url(~assets/images/vendor/add-event/icon-google-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto}.addeventatc_dropdown .ateyahoo{background-image:url(~assets/images/vendor/add-event/icon-yahoo-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto}.addeventatc_dropdown .atefacebook{background-image:url(~assets/images/vendor/add-event/icon-facebook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto}.addeventatc_dropdown .copyx{height:21px;display:block;position:relative;cursor:default}.addeventatc_dropdown .brx{height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;right:10px;top:9px}