@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px){.container{width:auto}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px) and (orientation:portrait){.page .row{height:540px}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){br.mobile{display:block}br.pc{display:none}span.hide-mobile{display:none}.main .page .row:after{content:" ";position:absolute;left:0;right:0;bottom:0;z-index:16;height:1px;background:#eee}.main .page .row:last-child:after{display:none}.page h3{margin-bottom:7px;font-size:23px}.page h3 span.small{font-size:18px}.page h5{font-size:14px;font-weight:300}.page h5 a{color:#7399e5}.page p{margin-bottom:8px;font-size:12px;line-height:2}.page p+p{margin-top:-8px}.color-switch{margin:0 auto}.color-switch.switch-standard li{margin-right:10px}.color-switch.switch-young li{margin-right:5.5px}.color-switch.switch-standard,.color-switch.switch-young{width:265px}.color-switch.switch-black{width:28px}.color-switch>li{width:20px;height:20px;border-width:1px}.color-switch>li em{width:20px;height:20px}.color-switch.switch-black>li:last-child,.color-switch.switch-standard>li:last-child,.color-switch.switch-young>li:last-child{margin-right:0}.color-switch>li:hover{box-shadow:none}.color-switch>li.active,.color-switch>li.active:hover{border-width:2px}.color-tabs .standard:after,.color-tabs .young:after{padding:0 10px 0 14px;vertical-align:middle}.color-switch li em{box-shadow:none}.color-tags{margin:0 auto;width:265px;overflow:hidden}.color-tags li{width:20px;font-size:14px;padding:0 4px;overflow:hidden;margin:-3px 5.5px 0 0;line-height:20px}.color-tags>li:last-child{margin-right:0}.color-tags li.char-medium{line-height:16px;margin-top:-1px}.color-tags li.char-long{line-height:14px;margin-top:0}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){.page h3{font-size:18px}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){html{font-size:23px}}

@media screen and (max-width:413px) and (max-width: 736px),screen and (max-width:413px) and (-webkit-min-device-pixel-ratio:2.0){html{font-size:21px}}

@media screen and (max-width:374px) and (max-width: 736px),screen and (max-width:374px) and (-webkit-min-device-pixel-ratio:2.0){html{font-size:20px}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){html{font-size:17px}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px){.overview .rhythm .scale{overflow:hidden}.overview .row-2 .content{margin-left:40px;width:auto}.overview .row-2 .colorful{right:5%}.overview .row-2 .colorful .colorful-1{width:519.6px;height:923.4px}.overview .row-2 .colorful .colorful-2{width:491.4px;height:917.4px;top:225px;left:45px}.overview .row-3 figure video{display:none}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px) and (orientation:portrait){.overview .row-2 .content{top:11%;margin:0 auto;text-align:center;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.overview .row-2 .color-switch{display:inline-block}.overview .row-2 .color-tags{display:inline-block}.overview .row-2 .tags-black,.overview .row-2 .tags-standard{height:40px}.overview .row-2 .color-switch li:last-child{margin-right:0}.overview .row-2 .colorful{top:auto;bottom:-37%;right:26%}.overview .row-4 figure{display:block;top:37%;height:530px;background-image:url(../img/overview/human-bottom.jpg)}.overview .row-4 .content{top:24%}.overview .row-4 .human{display:none}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.overview .row-3 figure{background-image:url(../img/overview/surface-mobile_4b1b54c654@2x.png)}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.5){.overview .row-3 figure{background-image:url(../img/overview/surface-mobile_4b1b54c654@3x.png)}}

@media screen and (max-width: 736px) and (max-width:736px),screen and (-webkit-min-device-pixel-ratio:2) and (max-width:736px){.overview .row-2 h5{margin:0 0 17px}.overview .color-tabs{font-size:14px;margin-bottom:.4rem}.color-switch.switch-standard li{margin-right:5.8px}}

@media screen and (min-width:480px) and (max-width:736px) and (max-width: 736px),screen and (min-width:480px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.overview .row-1{overflow:visible}.overview .row-1 .content{padding-top:80px}.overview .row{height:15.65217391304348rem}.overview .row-1 .content{top:32%}.overview .rhythm.active{overflow:hidden}.overview .row-2 .content{width:auto;margin-left:6.25%}.overview .row-2 .color-switch{opacity:1;margin:0}.overview .row-2 .color-tags{display:none}.overview .row-2 .colorful{right:8%}.overview .row-2 .colorful .colorful-1{width:14.43333333333333rem;height:25.65rem;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overview .row-2 .colorful .colorful-2{width:13.65rem;height:25.48333333333333rem;top:6.25rem;left:.75rem;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overview .row-3 figure{height:auto;bottom:21%}.overview .row-3 figure video{display:none}.overview .row-4 .human-left,.overview .row-4 .human-right{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 2.2s cubic-bezier(.165,.84,.44,1) .2s}.overview .row-4{background:#fafafa}}

@media screen and (max-width:480px) and (max-width: 736px),screen and (max-width:480px) and (-webkit-min-device-pixel-ratio:2.0){.overview .row{height:25.9rem}.overview .row-1{overflow:visible}.overview .row-1:after,.overview .row-2:after,.overview .row-3:after{content:" ";position:absolute;left:0;right:0;bottom:0;z-index:1;height:1px;margin:0 auto;background:#eee}.overview .row-1 h3{font-size:27px}.overview .row-1{height:23rem}.overview .row-1 figure{display:block;position:absolute;left:0;right:0;bottom:0;padding-top:65.37037037037%;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}.overview .row-1 figure.young{margin:0 4.2%;padding-top:50.01012%}.overview .row-1 .rhythm{display:none}.overview .row-1 .content.fade-out{opacity:1;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none}.overview .row-1 .content{top:32.5%;z-index:initial}.overview .row-2{height:48.8rem}.overview .row-2 .content{width:auto;top:7.8%;text-align:center;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.overview .row-2 .color-switch{opacity:1}.overview .row-2 .color-tags{display:none}.overview .row-2 .color-switch.switch-standard{width:232px}.overview .row-2 h5{margin-bottom:1.2rem}.overview .color-tabs{font-size:14px}.overview .color-tabs{margin-bottom:.8rem}.overview .row-2 .colorful{top:auto;bottom:21.2%;right:16%}.overview .row-2 .colorful .colorful-1{width:14.41rem;height:25.65rem;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overview .row-2 .colorful .colorful-2{width:13.63rem;height:25.48rem;top:6.8rem;left:1.66rem;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overview .row-3{background:0 0;height:17rem}.overview .row-3 figure{height:auto;bottom:48.7%}.overview .row-3 figure video{display:none}.overview .row-3 .content{bottom:21.6%}.overview .row-4{height:25.15rem}.overview .row-4 .human{display:none}.overview .row-4 figure{display:block;top:32.33%;padding-top:76.7%;width:100%}.overview .row-4 .content{top:21.1%}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){.overview .row-4 .content{top:17.5%}.overview .row-4 figure{top:36%}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px) and (orientation:portrait){.design .row-1 .airy{top:55%}.design .row-5 .content{min-width:684px}.design .row-5 ul{width:506px;height:856.8px;top:160px}.design .row-5 ul>li{width:349.3px;height:623.7px}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.design .row-3.unfocus .simple-1{top:0}.design .row-5 ul{background-image:url(../img/design/package-5-mobile_43eac861ed@2x.png)}.design .package-1{background-image:url(../img/design/package-1-mobile_753c1800ed@2x.jpg)}.design .package-2{background-image:url(../img/design/package-2-mobile_6a6e562dee@2x.jpg)}.design .package-2 .shadow{display:none}.design .package-3{background-image:url(../img/design/package-3-mobile_616fe46af2@2x.jpg)}.design .package-4{background-image:url(../img/design/package-4-mobile_6a815c03b1@2x.jpg)}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.design .row-5 ul{background-image:url(../img/design/package-5-mobile_43eac861ed@3x.png)}.design .package-1{background-image:url(../img/design/package-1-mobile_753c1800ed@3x.jpg)}.design .package-2{background-image:url(../img/design/package-2-mobile_6a6e562dee@3x.jpg)}.design .package-3{background-image:url(../img/design/package-3-mobile_616fe46af2@3x.jpg)}.design .package-4{background-image:url(../img/design/package-4-mobile_6a815c03b1@3x.jpg)}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.page.design .row-6{height:41.27rem}.design .row-6 .content{top:3.3rem;margin:0}.design .timeline{top:8.6rem;height:27.67rem}.design .timeline .buttons{min-width:90%}.design .timeline .btn-next,.design .timeline .btn-prev{width:32px;height:32px;margin-top:-4.1rem}.design .timeline .picture{margin-bottom:0}.design .timeline .picture img{height:22.67rem}.design .timeline .status,.design .timeline .time,.design .timeline h4{font-size:.7rem}.design .timeline .doodle-title{height:1.8rem;position:relative;margin-bottom:.8rem}.design .timeline h4{line-height:1.3;font-size:.8rem;max-height:2.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.design .timeline h4 .remark{font-size:12px}.design .timeline li .dot{margin-bottom:.6rem}.design .timeline li .dot,.design .timeline li .dot em{width:8px;height:8px}.design .timeline:after{bottom:2rem}.design .timeline .buy .buy-btn{width:107px;height:34px;line-height:34px;font-size:13px;border-radius:4px}.design .row-5 ul>li{opacity:0;-webkit-transition:opacity 1.25s ease;transition:opacity 1.25s ease}.design .row-5 ul>li.active{opacity:1}.design .package-1,.design .package-2,.design .package-3,.design .package-4,.design .row-5 ul>li.active{z-index:10}}

@media screen and (min-width:480px) and (max-width:736px) and (max-width: 736px),screen and (min-width:480px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.design .row{height:19.5rem}.design .row-1{z-index:4;height:0}.design .row-1 .airy{top:50%}.design .row-1 .content{top:27%}.design .row-2{z-index:2}.design .row-3 .simple-1{padding-top:25.3125%}.design .row-3 .simple-2{padding-top:25.8593749999995%}.design .row-4{height:auto}.design .stripes{padding-top:22%}.design .row-5 .btn-prev{width:1rem;height:1rem;margin-top:-.5rem}.design .row-5 .btn-next{width:1rem;height:1rem;margin-top:-.5rem}.design .row-5 ul{width:12.05rem;height:20.4rem;top:3.2rem;background-position:center .3rem}.design .row-5 ul>li{width:8.31666666666667rem;height:14.85rem}.design .row-6 .buy{bottom:-2.2rem}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.design .row{height:25.9rem}.design .row-1{height:23.05rem}.design .row-1{padding:0;overflow:hidden}.design .row-1 .airy{top:56%;width:87.8%}.design .row-1 .content{top:27%;margin:0 18px}.design .row-3{height:16rem}.design .row-3 .simple-1{width:100%;padding-top:30%}.design .row-3.unfocus .simple-1{top:0}.design .row-3 .simple-2{width:100%;padding-top:30.6%}.design .row-3.unfocus .simple-2{bottom:0}.design .row-3 .content{width:216px;margin:0 auto}.design .row-3 .content h3{margin:0}.design .row-4{height:auto}.design .row-4 h3,.design .row-6 h3{line-height:1.8}.design .row-4 .content{padding-top:20%}.design .row-4 .content:after{display:none}.design .stripes{padding-top:4%;width:86%}.design .stripes ul{padding-top:4%}.design .stripes li{padding-bottom:13.5%}.design .stripes li:last-child{padding-bottom:12%}.design .stripes li.time-left .picture,.design .stripes li.time-right .text{padding-left:7.5%}.design .stripes li.time-left .text,.design .stripes li.time-right .picture{padding-right:7.5%}.design .stripes .time{font-size:16px;line-height:24px}.design .stripes .dot{-webkit-transform:scale(.5);transform:scale(.5)}.design .stripes ul:after{-webkit-transform:scaleX(.5);transform:scaleX(.5);width:2px}.design .row-4 .content:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.stripes-2015-pic{margin:8.4% auto 0;padding-bottom:19.5%}.design .stripes .stripes-1950 .dot:after,.design .stripes .stripes-2015 .dot:after{display:none}.design .stripes-1950 img{width:4.2rem}.design .stripes-1957 img{width:2.73rem}.design .stripes-1957 .text{margin-top:4.25%}.design .stripes-1963 img{width:4.2rem}.design .stripes-1963 .text{margin-top:5.85%}.design .stripes-1965 img{width:4.25rem}.design .stripes-1965 .text{margin-top:1.2%}.design .stripes-1987 img{width:4.2rem}.design .stripes-2000 img{width:2.93rem}.design .stripes-2000 .text{margin-top:15.5%}.stripes-2015-pic img{width:11.63rem}.design .stripes .dot{top:3px}.design .row-5{height:30rem}.design .row-5 .content{width:auto;min-width:inherit}.design .row-5 h3{-webkit-transform:translateY(-40%);-moz-transform:translateY(-40%);transform:translateY(-40%)}.design .content .btn-next,.design .content .btn-prev{width:32px;height:32px;margin-top:.5rem}.design .content .btn-prev{left:18px}.design .content .btn-next{right:18px}.design .content ul{width:17.5rem;height:31.4rem;top:3.6rem;background-position:center 0}.design .content ul>li{width:10.75rem;height:19.2rem;top:3.2rem}.design .timeline li.doodle-google .picture{height:22.67rem}.design .timeline li.doodle-google .picture img{height:auto;padding-top:2rem;margin:0}.design .timeline li.doodle-google .picture img:nth-child(1),.design .timeline li.doodle-google .picture img:nth-child(2){display:none}.design .timeline li.doodle-google img:first-child+img+img{display:block}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px){.built-in p.remark{margin:0}.spec-banner{height:385px}.spec-banner .content{margin:0 40px;padding-top:46.2px}.spec-banner h2{font-size:36px;margin-bottom:14px}.spec-banner .summary-1,.spec-banner .summary-2{width:403px}.spec-banner .summary-1 li{margin-top:28px;width:196px;margin-right:35px}.spec-banner .summary-1 .num{font-size:25px}.spec-banner .summary-1 .text{font-size:14px;margin-left:4px}.spec-banner .summary-2{margin-bottom:32px}.spec-banner .summary-2 li{margin-top:11px;width:212px;margin-right:19px}.spec-banner .summary-2 .text{font-size:14px}.spec-banner .phone{position:absolute;right:19%;top:28px;width:321px;height:397px;-webkit-transform:translateX(22%);-moz-transform:translateX(22%);-ms-transform:translateX(22%);transform:translateX(22%)}.spec-banner .phone .front{width:268px;height:397px}.spec-banner .phone .front>.home{left:21px;top:40px;width:170px;height:301px;background-size:100% 100%}.spec-banner .phone .back{top:8px;width:211.4px;height:382.2px;right:59px}.spec-parameters .container ul>li h4{width:160px}@-webkit-keyframes leftAndRight0{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight1{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight2{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight3{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight4{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight5{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight6{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight7{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight8{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight9{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes leftAndRight10{0%{-webkit-transform:translateX(0)}13%{-webkit-transform:translateX(32.5px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes leftAndRight0{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight1{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight2{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight3{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight4{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight5{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight6{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight7{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight8{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight9{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@-moz-keyframes leftAndRight10{0%{-moz-transform:translateX(0)}13%{-moz-transform:translateX(32.5px)}100%{-moz-transform:translateX(0)}}@keyframes leftAndRight0{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight1{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight2{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight3{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight4{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight5{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight6{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight7{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight8{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight9{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@keyframes leftAndRight10{0%{transform:translateX(0)}13%{transform:translateX(32.5px)}100%{transform:translateX(0)}}@-webkit-keyframes hold{0%{z-index:2;-webkit-transform:translateX(-45px)}100%{z-index:2;-webkit-transform:translateX(-45px)}}@-webkit-keyframes toRigtShow{0%{z-index:2;-webkit-transform:translateX(-45px)}100%{z-index:2;-webkit-transform:translateX(0)}}@-webkit-keyframes toShow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes toLeft{0%{opacity:1;z-index:4;-webkit-transform:translateX(67.5px)}100%{opacity:1;z-index:4;-webkit-transform:translateX(12.5px)}}@-webkit-keyframes toHide{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes toRigt{0%{-webkit-transform:translateX(12.5px)}100%{-webkit-transform:translateX(67.5px)}}@-moz-keyframes hold{0%{z-index:2;-moz-transform:translateX(-45px)}100%{z-index:2;-moz-transform:translateX(-45px)}}@-moz-keyframes toRigtShow{0%{z-index:2;-moz-transform:translateX(-45px)}100%{z-index:2;-moz-transform:translateX(0)}}@-moz-keyframes toShow{0%{opacity:0}100%{opacity:1}}@-moz-keyframes toLeft{0%{opacity:1;z-index:4;-moz-transform:translateX(67.5px)}100%{opacity:1;z-index:4;-moz-transform:translateX(12.5px)}}@-moz-keyframes toHide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes toRigt{0%{-moz-transform:translateX(22.5px)}100%{-moz-transform:translateX(67.5px)}}@keyframes hold{0%{z-index:2;transform:translateX(-45px)}100%{z-index:2;transform:translateX(-45px)}}@keyframes toRigtShow{0%{z-index:2;transform:translateX(-45px)}100%{z-index:2;transform:translateX(0)}}@keyframes toShow{0%{opacity:0}100%{opacity:1}}@keyframes toLeft{0%{opacity:1;z-index:4;transform:translateX(67.5px)}100%{opacity:1;z-index:4;transform:translateX(12.5px)}}@keyframes toHide{0%{opacity:1}100%{opacity:0}}@keyframes toRigt{0%{transform:translateX(12.5px)}100%{transform:translateX(67.5px)}}.en .spec-banner .content{padding-top:46.2px}.en .spec-banner .color-tabs,.en .spec-banner .summary-1,.en .spec-banner .summary-2{width:491px}.en .spec-banner .summary-1 li,.en .spec-banner .summary-2 li{width:249px;margin-right:19px}.en .spec-banner .summary-1 li{margin-top:28px}.en .spec-banner .summary-1 ul{margin-right:-124px}.en .spec-banner .phone{right:13%;top:28px}.en .spec-parameters table.network td.eq-2{width:142px}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px) and (orientation:portrait){.spec-banner .content{margin:0 34px}.spec-banner .phone{transform:scale(.8);right:-15px}.spec-banner .phone .front>.home{left:21px;top:41px;width:169px;height:300px;background-size:100% 100%}.spec-parameters .container ul>li h4{width:auto;float:none;padding-bottom:0}.spec-parameters .container ul>li .detail{float:none;border-top:none;padding-bottom:43px;width:690px}.en .spec-banner .color-tabs,.en .spec-banner .summary-1,.en .spec-banner .summary-2{width:474px}.en .spec-banner .phone{right:-65px}.en .spec-banner .summary-1 li,.en .spec-banner .summary-2 li{margin-right:2px}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.spec .container{width:auto}.spec-banner{height:auto;padding-top:30px;padding-bottom:40px}.spec-banner .content{width:auto;padding:0}.spec-banner h2{font-size:23px;margin:37px 18px 0;padding-bottom:21px}.spec-banner .summary-1,.spec-banner .summary-2{width:auto;margin:0 18px 24px;border-bottom:1px solid #e0e0e0}.spec-banner .summary-1 ul{margin:0 0 22px 0;padding-bottom:0}.spec-banner .summary-1 li{width:50%;margin:22px 0 0 0}.spec-banner .summary-1 li:nth-child(1),.spec-banner .summary-1 li:nth-child(3){width:60%}.spec-banner .summary-1 li:nth-child(2),.spec-banner .summary-1 li:nth-child(4){width:40%}.spec-banner .summary-1 .num{font-size:21px}.spec-banner .summary-1 .text{font-size:14px;margin-left:2px}.spec-banner .summary-2{display:none}.spec-banner .phone{position:relative;top:0;right:0;width:288px;height:355px;margin:0 auto 20px}.spec-banner .phone .front{box-sizing:border-box;width:211px;height:358px;padding:34px 37px 49px 16px}.spec-banner .phone .front>.home{position:absolute;width:158px;height:275px;left:16px;top:34px;border:2px solid #000;box-sizing:border-box;border-radius:2px;background-size:100% 100%}.spec-banner .phone .back{top:7px;width:191px;height:342px;right:94px}.spec-banner .color-tabs{width:206px;margin:0 auto 13px;border-top:0;padding-top:0;font-size:14px}.spec-banner .colors{width:280px;margin:0 auto}.spec-banner .colors>li{margin-top:10px;width:32px;height:32px;-webkit-background-size:1.15rem;background-size:1.15rem;border-width:1px;margin-right:8px}.spec-parameters{color:#666;padding-top:0}.spec-parameters .container ul{margin:0;padding:0 0 20px}.spec-parameters .container>ul>li{margin:0 auto;width:81.703703%;min-width:284px}.spec-parameters .container ul>li:first-child h4{border-top:none}.spec-parameters .container ul>li h4{width:auto;float:none;font-size:18px;line-height:24px;padding:50px 0 30px;font-weight:700}.spec-parameters .cpu h4,.spec-parameters .size h4{padding-top:10px}.spec-parameters .cpu .text{margin-top:0}.spec-parameters .container ul>li .detail{float:none;font-size:14px;line-height:2;width:auto;padding:0 0 50px;border-top:none}.spec-parameters .size .picture>.size-1,.spec-parameters .size .picture>.size-2{top:279px}.spec-parameters .picture{margin-left:10px}.spec-parameters .cpu .picture{display:none}.spec-parameters .size .text{padding-top:0}.spec-parameters .size .text p{display:inline-block;float:left;width:50%}.spec-parameters .size .picture{float:none;margin-left:auto;margin-right:auto;right:-15px}.spec-parameters .network .detail .dianxin-h3{margin-top:40px;padding-top:35px}.spec-parameters table.network td,.spec-parameters table.network th{padding:0 6px}.spec-parameters table.network td.n1,.spec-parameters table.network td.n21{width:18px}.spec-parameters table.network td.n2,.spec-parameters table.network td.n22{width:64px}.spec-parameters table.network td.n23,.spec-parameters table.network td.n3{width:73px}.spec-parameters table.network,.spec-parameters table.network td.eq-0{width:auto}.spec-parameters .memo{padding:50px 0 30px}.spec-parameters .memo p+p{text-indent:0}.product-interface .interface{float:none;margin-left:auto;margin-right:auto}.product-interface .mode{position:relative;top:20px;font-weight:700}.product-interface .interface-left{margin-bottom:40px}.product-interface .interface-bottom{margin-bottom:20px}.spec-parameters .remark{color:#7f7f7f}.spec-parameters .network-sim{height:147px;margin-top:20px;padding-left:85px;padding-top:0;-webkit-background-size:70px 134px;background-size:70px 134px}.spec-parameters .network .network-sim h3{padding-top:10px}.spec-parameters .network-sim p:first-child{padding-top:0}.built-in ul,.preloaded ul{width:auto;left:0}.built-in li,.preloaded li{width:68px;font-size:11px;margin:0 12px 1.5rem 0}.built-in p.remark{margin:0}.built-in li.phone{background-position:3px 4px}.built-in li.music{background-position:-92px 4px}.built-in li.messages{background-position:-195px 4px}.built-in li.calendar{background-position:-286px 4px}.built-in li.clock{background-position:-386px 4px}.built-in li.notes{background-position:-479px 4px}.built-in li.recorder{background-position:-580px 4px}.built-in li.mail{background-position:3px -107px}.built-in li.market{background-position:-92px -107px}.built-in li.game-center{background-position:-195px -107px}.built-in li.browser{background-position:-289px -107px}.built-in li.gallery{background-position:-390px -107px}.built-in li.settings{background-position:-479px -107px}.built-in li.calculator{background-position:-580px -107px}.built-in li.camera{background-position:2px -211px}.built-in li.weather{background-position:-90px -211px}.built-in li.search{background-position:-197px -211px}.built-in li.voice-assistant{background-position:-294px -211px}.built-in li.downloads{background-position:-394px -211px}.built-in li.security-center{background-position:-485px -211px}.built-in li.bbs{background-position:-585px -211px}.built-in li.cloud{background-position:-196px -308px}.preloaded li.weibo{background-position:3px 5px}.preloaded li.wechat{background-position:-90px 5px}.preloaded li.momo{background-position:-96px 5px}.preloaded li.zhifubao{background-position:-194px 5px}.preloaded li.airdroid{background-position:-293px 5px}.preloaded li.wps-office{background-position:-393px 5px}.preloaded li.youku{background-position:-491px 5px}.preloaded li.amap{background-position:-589px 5px}.preloaded li.youdao{background-position:3px -134px}.preloaded li.dingxiang{background-position:-94px -134px}.preloaded li.tencent-video{background-position:-193px -134px}.preloaded li.mafengwo{background-position:-293px -134px}.preloaded li.douban{background-position:-588px -134px}.preloaded li.ireader{background-position:-491px -134px}.preloaded li.qunar{background-position:-392px -134px}.preloaded li.netease-newsreader{background-position:4px -273px}.preloaded li.meituan{background-position:-292px -273px}.preloaded li.dianping{background-position:-195px -273px}.preloaded li.didi{background-position:-95px -273px}.preloaded li.daxiang{background-position:-392px -273px}.spec-color-black .spec-banner .phone .back.black,.spec-color-blue .spec-banner .phone .back.blue,.spec-color-bone .spec-banner .phone .back.bone,.spec-color-coffee .spec-banner .phone .back.coffee,.spec-color-cyan .spec-banner .phone .back.cyan,.spec-color-grass .spec-banner .phone .back.grass,.spec-color-gray .spec-banner .phone .back.gray,.spec-color-green .spec-banner .phone .back.green,.spec-color-olive .spec-banner .phone .back.olive,.spec-color-orange .spec-banner .phone .back.orange,.spec-color-pink .spec-banner .phone .back.pink,.spec-color-purple .spec-banner .phone .back.purple,.spec-color-red .spec-banner .phone .back.red,.spec-color-rose .spec-banner .phone .back.rose,.spec-color-sand .spec-banner .phone .back.sand,.spec-color-violet .spec-banner .phone .back.violet,.spec-color-yellow .spec-banner .phone .back.yellow{-webkit-animation:none;-o-animation:none;animation:none}.spec-color-black .spec-banner .phone .back:not(.black),.spec-color-blue .spec-banner .phone .back:not(.blue),.spec-color-bone .spec-banner .phone .back:not(.bone),.spec-color-coffee .spec-banner .phone .back:not(.coffee),.spec-color-cyan .spec-banner .phone .back:not(.cyan),.spec-color-grass .spec-banner .phone .back:not(.grass),.spec-color-gray .spec-banner .phone .back:not(.gray),.spec-color-green .spec-banner .phone .back:not(.green),.spec-color-olive .spec-banner .phone .back:not(.olive),.spec-color-orange .spec-banner .phone .back:not(.orange),.spec-color-pink .spec-banner .phone .back:not(.pink),.spec-color-purple .spec-banner .phone .back:not(.purple),.spec-color-red .spec-banner .phone .back:not(.red),.spec-color-rose .spec-banner .phone .back:not(.rose),.spec-color-sand .spec-banner .phone .back:not(.sand),.spec-color-violet .spec-banner .phone .back:not(.violet),.spec-color-yellow .spec-banner .phone .back:not(.yellow){right:0;-webkit-animation:none;-o-animation:none;animation:none}.spec-banner .phone .back,.spec-banner .phone .front>.home{-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}.spec-color-black .spec-banner .phone .front,.spec-color-blue .spec-banner .phone .front,.spec-color-bone .spec-banner .phone .front,.spec-color-coffee .spec-banner .phone .front,.spec-color-cyan .spec-banner .phone .front,.spec-color-grass .spec-banner .phone .front,.spec-color-gray .spec-banner .phone .front,.spec-color-green .spec-banner .phone .front,.spec-color-olive .spec-banner .phone .front,.spec-color-orange .spec-banner .phone .front,.spec-color-pink .spec-banner .phone .front,.spec-color-purple .spec-banner .phone .front,.spec-color-red .spec-banner .phone .front,.spec-color-rose .spec-banner .phone .front,.spec-color-sand .spec-banner .phone .front,.spec-color-violet .spec-banner .phone .front,.spec-color-yellow .spec-banner .phone .front{-webkit-animation:none;-o-animation:none;animation:none}.spec-color-black .spec-banner .phone .front>.home.black,.spec-color-blue .spec-banner .phone .front>.home.blue,.spec-color-bone .spec-banner .phone .front>.home.bone,.spec-color-coffee .spec-banner .phone .front>.home.coffee,.spec-color-cyan .spec-banner .phone .front>.home.cyan,.spec-color-grass .spec-banner .phone .front>.home.grass,.spec-color-gray .spec-banner .phone .front>.home.gray,.spec-color-green .spec-banner .phone .front>.home.green,.spec-color-olive .spec-banner .phone .front>.home.olive,.spec-color-orange .spec-banner .phone .front>.home.orange,.spec-color-pink .spec-banner .phone .front>.home.pink,.spec-color-purple .spec-banner .phone .front>.home.purple,.spec-color-red .spec-banner .phone .front>.home.red,.spec-color-rose .spec-banner .phone .front>.home.rose,.spec-color-sand .spec-banner .phone .front>.home.sand,.spec-color-violet .spec-banner .phone .front>.home.violet,.spec-color-yellow .spec-banner .phone .front>.home.yellow{position:static;width:100%;height:100%;background-size:100% 100%;border:2px solid #000;box-sizing:border-box;border-radius:2px}.spec.first .spec-banner .content .phone .back{-webkit-animation:none;-o-animation:none;animation:none;transition:none}.en .spec-banner{padding-top:0}.en .spec-banner .content{padding-top:0}.en .spec-banner .summary-1 .num{font-size:16px}.en .spec-banner .summary-1 .text{color:#616161}.en .spec-banner .summary-1 li{margin-top:22px}.en .spec-banner .summary-1 li:nth-child(1),.en .spec-banner .summary-1 li:nth-child(3){width:56%}.en .spec-banner .summary-1 li:nth-child(2),.en .spec-banner .summary-1 li:nth-child(4){width:44%}.en .spec-banner .summary-1,.en .spec-banner .summary-2{width:auto}.en .spec-banner .color-tabs{width:206px}.en .spec-banner .summary-1 ul{margin-right:0}.en .spec-banner .phone{top:0;right:0}.en .spec-parameters table.network{width:100%}.en .product-interface .interface{width:308px}.en .product-interface .interface-left{margin-right:auto}.en .spec-parameters .interface-right .positive{left:82px}.en .interface-right .on-off{left:126px}.en .interface-right .lock{left:126px}.en .interface-right .mode{margin-left:92px}.en .interface-right .line-off{left:192px}.en .interface-right .line-brightness{left:231px}.en .interface-left .volume{left:13px}.en .product-interface .brightness,.en .product-interface .volume{line-height:1.5;top:219px}.en .interface-right .line-volume{left:65px}.en .interface-right .line-back{left:126px}.en .interface-right .line-home{left:158px}.en .interface-right .line-menu{left:189px}.en .interface-right .volume{right:18px}.en .interface-right .back{left:173px}.en .interface-right .home{left:139px}.en .interface-right .menu{left:107px}.en .product-interface .interface-bottom{background-position:82px bottom}.en .spec-parameters table.network td.eq-2{width:auto}.en .spec-parameters table.network td.eq-0{width:45px}.en .product-interface .usb{left:114px}.en .product-interface .line-usb{left:149px}.en .product-interface .line-bottom{left:224px}.en .built-in li,.en .preloaded li{font-size:11px}.en .spec-parameters .memo p+p{text-indent:0}.en .spec-parameters .network-sim p{font-size:14px}.jp .spec-parameters .container>ul>li{margin:0 auto;width:85.703703%;min-width:284px}.jp .spec-banner .summary-1 .text{display:block}.jp .built-in li.bbs{width:73px;margin-right:0}}

@media screen and (min-width:480px) and (max-width:736px) and (max-width: 736px),screen and (min-width:480px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.built-in li,.preloaded li{margin-right:-webkit-calc((100% - 476px) / 6);margin-right:-moz-calc((100% - 476px) / 6);margin-right:calc((100% - 476px) / 6)}.built-in li:nth-child(7n),.preloaded li:nth-child(7n){margin-right:0}}

@media screen and (min-width:480px) and (max-width:567px) and (max-width: 567px),screen and (min-width:480px) and (max-width:567px) and (-webkit-min-device-pixel-ratio:2.0){.built-in li,.preloaded li{margin-right:-webkit-calc((100% - 408px) / 5);margin-right:-moz-calc((100% - 408px) / 5);margin-right:calc((100% - 408px) / 5)}.built-in li:nth-child(6n),.preloaded li:nth-child(6n){margin-right:0}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.built-in li,.preloaded li{margin-right:-webkit-calc((100% - 272px) / 3);margin-right:-moz-calc((100% - 272px) / 3);margin-right:calc((100% - 272px) / 3)}.built-in li:nth-child(4n),.preloaded li:nth-child(4n){margin-right:0}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){.product-interface .interface{left:-11px}.spec-banner .summary-1 li:nth-child(1),.spec-banner .summary-1 li:nth-child(3){width:55%}.spec-banner .summary-1 li:nth-child(2),.spec-banner .summary-1 li:nth-child(4){width:45%}.jp .product-interface .interface{left:0;zoom:90%}.jp .spec-banner .summary-1 li:nth-child(1),.jp .spec-banner .summary-1 li:nth-child(3){width:60%}.jp .spec-banner .summary-1 li:nth-child(2),.jp .spec-banner .summary-1 li:nth-child(4){width:40%}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px){.features .row-4 figure{width:auto}.features .sample-gallery{width:684px;height:317.4px}.features .row-6 p{margin-bottom:31px}.features .row-8{height:910px}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px) and (orientation:portrait){.features .row-6 .btn-switch{margin:6px 0 16px}.features .sample-gallery{margin-bottom:-11px}.features .row-3 figure{top:68%}.features .row-3 .content{top:30%}.features .row-4 .content{padding-bottom:46%}.features .row-4 .sim1,.features .row-4 .sim2{padding:0 10px}.features .row-4 h3+p+p{margin-bottom:30px}.features .row-7 figure{top:68%}.features .row-7 .content{top:30%}.features .row-8{height:720px}.features .row-8 figure{top:66%}.features .row-8 .content{top:28%}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.features .row-5 figure{background-image:url(../img/features/camera-mobile_755e51ecbc@2x.png)}.features .row-7 figure{background-image:url(../img/features/battery-mobile_7cae44cb7c@2x.jpg)}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.5){.features .row-5 figure{background-image:url(../img/features/camera-mobile_755e51ecbc@3x.png)}.features .row-7 figure{background-image:url(../img/features/battery-mobile_7cae44cb7c@3x.jpg)}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.features{overflow:hidden}}

@media screen and (min-width:480px) and (max-width:736px) and (max-width: 736px),screen and (min-width:480px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.features .row{height:19.5rem}.features .row-1{display:none}.features .row-2{padding:0}.features .row-3 .content{top:30%}.features .row-3 figure{top:60%}.features .row-4{height:21rem}.features .row-4 .content{padding-bottom:43%}.features .row-4 h3+p+p{margin-bottom:24px}.features .row-6 h3{margin-bottom:30px}.features .sample-gallery{width:16.45rem;height:7.406rem}.features .sample-gallery .btn-next,.features .sample-gallery .btn-prev{width:1rem;height:1rem;margin-top:-.5rem}.features .row-6 .text{display:none}.features .row-6 .btn-full,.features .row-6 .btn-switch{margin:0 8px;padding:0 12px;line-height:24px;border-radius:3px;font-size:12px}.features .row-6 .btn-switch{margin-bottom:.7rem;margin-bottom:1rem}.features .row-7 figure{top:61%}.features .row-7 .content{top:28.5%}.features .row-8{height:25rem}.features .row-8 figure{padding-top:50%}}

@media screen and (min-width:480px) and (max-width:520px) and (max-width: 736px),screen and (min-width:480px) and (max-width:570px) and (-webkit-min-device-pixel-ratio:2.0){.features .row-4 .content{padding-bottom:52%}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.features .row{height:25.9rem}.features .row-1{display:none}.features .row-2{padding:0;height:23.05rem}.features .row-2:after{display:block}.features .row-2.active .content{top:36%}.features .active .drop-phone{top:53.2%}.features .row-3{height:22.4rem}.features .row-3 .content{top:28%}.features .row-3 h3{line-height:1.6}.features .row-3 figure{top:64%;width:auto;padding-top:41.3%}.features .row-4{height:22.45rem}.features .row-4 .content{padding-bottom:62.8%}.features .row-4 h3+p+p{margin-bottom:26px}.features .row-4 .sim1,.features .row-4 .sim2{padding:0 15px}.features .row-4 figure{width:auto;padding-top:58%;-webkit-background-size:cover;background-size:cover}.features .row-5{height:17.94rem}.features .row-5 figure{padding-top:34.4%}.features .row-5 .content{top:31%}.features .row-5 h3{font-size:20px}.features .sample-gallery{width:100%;width:17.9rem;height:8.8rem}.features .sample-gallery .flip-wrapper{width:69.428571%}.features .row-6 .text,.features .sample-gallery .btn-next,.features .sample-gallery .btn-prev{display:none}.features .row-6{height:18.7rem}.features .row-6 h3{margin-bottom:30px}.features .row-6 .btn-full,.features .row-6 .btn-switch{margin:0 8px;padding:0 12px;line-height:24px;border-radius:3px;font-size:12px}.features .row-6 .btn-switch{margin-top:1rem;margin-bottom:2rem}.features .row-7{height:24.63rem}.features .row-7 .content{top:25%}.features .row-7 figure{width:auto;padding-top:67.5%;top:60.7%}.features .row-8{display:none;height:27.2rem}.features .row-8 figure{top:62.5%;width:auto;padding-top:76.7%}.features .row-8 .content{top:22%;margin:0 auto}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){.features .row-5 h3{font-size:19px}}

@media screen and (min-width:737px) and (max-width:1024px) and (max-width: 1024px){.os .banner{height:631px;padding-top:72px}.os .banner figure{height:192px;margin-bottom:32.5px}.os .phone-t1{width:210.7px;height:371.7px;padding-top:41.3px}.os .phone-u1{height:347px;width:196px;padding:48px 24px 78px}.os .phone-u12{width:347px;height:196px;padding:13px 83px 79px 83px}.os .phone-usb{width:196px;height:347px;padding:45px 13px 179px}.os .features .hand-shaker .macbook-pic span{height:417px;top:-20px}.os .features .hand-shaker .phone-usb{bottom:0}.os .features .hand-shaker .phone-usb span{width:196px;height:347px}.os .features .pictures figure.has-phone-u12{margin-bottom:-35px}.os .pictures-wrapper .pictures{min-width:1024px;height:530px}.os .features h2{padding-top:112px}.os .features .row{height:724.5px;padding-top:101.5px}.os .features .row h3{margin:0 0 12px}.os .features .row p{margin-bottom:26px}.os .features .pictures figure{max-width:244.5px;margin-left:5px}.os .features .pictures figcaption{margin-top:-16px}.os .features .row.has-animation{height:850px}.os .features figure.has-remark figcaption.notice{width:205px}.os .features figure.has-remark .phone-u1 .remark{left:36.538461538462%;width:47.038462%}.os .features .screenshots figure+figure{display:inline-block}.os .features .notes-html figure{max-width:268px}.os-apps>li{height:644px}.os-apps>li .container{width:732px;margin:0 auto}.os-apps .picture{width:377.3px;height:440.3px;margin-top:116.8px}.os-apps .content{width:303px;margin:165px 22px 0 10px}.os-apps .phone .picture{right:-5px}.more-apps{width:732px}.more-apps li{width:235.5px;margin-right:12px}.more-apps p{padding:0 16px 56px}}

@media screen and (max-width:736px) and (max-width: 736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0){.more-apps{display:block}.os h2{font-size:23px}.os h3{font-size:20px}.os p{font-size:12px}.os .phone-u1{width:131px;height:232px;padding:32px 16px 52px}.os .features .hand-shaker .macbook{height:194px}.os .features .hand-shaker .macbook-pic span{height:134px}.os .phone-u12{width:232px;height:131px;padding:9px 55px 53px 55px}.os .features .hand-shaker .macbook-pic{width:66.05%;height:auto}.os .features .hand-shaker .phone-usb{width:75px;height:133px;padding:17px 5px 68px}.os .features .hand-shaker .phone-usb span{width:75px;height:133px}.os .banner{height:auto;padding-top:80px}.os .banner h2{margin-bottom:10px}.os .banner p{font-size:12px;margin:0 5px 24px}.os .banner figure{max-height:95px;margin-bottom:-10px;-webkit-background-size:contain;background-size:contain}.os .buttons{padding:15px 0 30px}.os .buttons .download{text-indent:-140px;font-size:10px}.os .buttons a{margin:0 20px;border-radius:6px;width:99px;font-size:12px;line-height:37px;height:34px}.os .features h2{padding:40px 0 28px;margin-bottom:-43px}.os .features .row{height:auto;padding-top:50px;padding-bottom:25px}.os .features .row h3{margin:0 0 6px}.os .features .row p{width:auto;height:auto;margin:0;padding:0 18px}.os .features .row-1{height:auto;padding-top:0}.os .features .row-1 h3{margin:0 0 16px}.os .pictures-wrapper .pictures{min-width:inherit}.os .features .pictures figure{display:block;padding:0 12px;margin:0 auto 10px;margin-left:auto;margin-right:auto;padding-top:1.55rem}.os .features .pictures figure:first-child{margin-left:auto}.os .features .pictures figure:last-child{margin-bottom:20px}.os .features .pictures .phone-u1,.os .features .pictures .phone-u12{margin-left:auto;margin-right:auto}.os .features .row.has-animation{height:auto}.os .features .pictures figcaption{margin-top:-.3rem;font-size:12px}.os .features .animation-buttons{margin-top:-10px;width:376px;padding-bottom:40px}.os .features .animation-buttons li{margin-left:8px}.os .features .animation-buttons p{padding:0}.os .features figure.has-remark{width:auto;height:auto;padding-bottom:30px}.os .features figure.has-remark .phone-u1 .remark{top:82%;height:21%;width:50.7%;left:34.6%}.os .features .remark .text{font-size:12px;bottom:-4px}.os .features figure.has-remark figcaption.notice{width:auto;left:0;top:29px}.os .features .screenshots figure+figure{display:inline-block}.os .features .hand-shaker{margin-top:20px}.os .features .hand-shaker .smart-wrapper{margin:0 18px}.os .features .row .icon{height:69px;margin:0}.os .phone-t1{width:7.525rem;height:13.275rem;padding-top:1.475rem}.os-apps .picture{left:0;right:0;width:13.475rem;height:15.725rem;margin-top:.6rem}.os-apps .picture .phone-t1{left:.5rem;top:.5rem}.os-apps .picture .phone-u1{right:-.45rem}.more-apps li,.os-apps>li{width:auto;height:auto;padding:40px 0}.os .os-apps .content{float:none;margin:0;width:auto}.more-apps li h3,.os-apps li h3{background:0 0;text-indent:0;margin-bottom:0;line-height:1.8}.os .os-apps h3{text-align:center}.more-apps li p,.os-apps p{width:auto;padding:0 18px}.os .os-apps .picture{float:none;margin-left:auto;margin-right:auto}.more-apps{padding:0}}

@media screen and (min-width:560px) and (max-width:570px) and (max-width: 736px),screen and (min-width:560px) and (max-width:570px) and (-webkit-min-device-pixel-ratio:2.0){.os .features .row p{padding:0 14px}}

@media screen and (max-width:414px) and (max-width: 736px),screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2.0){.os .features .animation-buttons{width:316px}.os .features .animation-buttons li{width:50px;margin-left:3px}}

@media screen and (max-width:359px) and (max-width: 736px),screen and (max-width:359px) and (-webkit-min-device-pixel-ratio:2.0){.os .phone-u12{left:-22px}.os .banner p,.os .features .pictures figcaption,.os p{font-size:11px}.os .features .row p{padding:0 10px}}