@charset "utf-8";*,a,img{-webkit-tap-highlight-color:transparent}.btmDataArea .btnTop a span,li{list-style:none}@font-face{font-family:'Myriad Pro';src:url(font/myriadpro-light.eot);src:url(font/myriadpro-light.woff) format('woff'),url(font/myriadpro-light.ttf) format('truetype');font-style:normal;font-weight:200}@font-face{font-family:"Myriad Pro";font-style:normal;font-weight:200;src:url(parameter/myriadpro-light.woff) format("woff"),url(parameter/myriadpro-light.ttf) format("truetype")}@font-face{font-family:"Myriad Pro semicn";font-weight:200;src:url(parameter/myriadpro-semicn.eot?#iefix) format("embedded-opentype"),url(parameter/myriadpro-semicn.woff) format("woff"),url(parameter/myriadpro-semicn.ttf) format("truetype")}@font-face{font-family:AvenirNextLTPro-Demi;src:url(font/AvenirNextLTPro-Demi.eot);src:url(font/AvenirNextLTPro-Demi.woff) format('woff'),url(font/AvenirNextLTPro-Demi.ttf) format('truetype');font-style:normal;font-weight:200}*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}body,html{position:relative;z-index:3;width:100%;font-family:"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;background:#FFF;overflow-x:hidden;margin:0!important;padding:0!important}.clear,body,dd,dl,dt,h5,h6,input,li,p,ul{padding:0;margin:0}html{font-size:10px}#hideScore,#sharePic,.clear,.head .headC .pc_logo .logoTxt{font-size:0;line-height:0;overflow:hidden}input{background:0 0;outline:0}a{text-decoration:none}.clear{clear:both;width:0;height:0}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hold{display:block;width:100%}#hideScore,#sharePic{position:absolute;left:0;top:0;z-index:-9999;width:0;height:0}.ofHidden{overflow:hidden;height:100%}.head{position:fixed;left:0;top:0;z-index:998;width:100%;background:#FFF;margin-bottom:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mainPage{padding-top:50px}.head .headC{height:50px;margin:0 auto}.head .headC .pc_logo{position:relative;z-index:2;float:left;display:block;margin-top:15px}.head .headC .pc_logo img{display:block;width:auto;height:20px}.head .headC .pc_logo .logoTxt{position:absolute;left:0;top:0;z-index:-1;display:block;width:0;height:0}.head .headC .pc_logo .btmIco{position:absolute;left:50%;top:6px;z-index:3;display:block;width:14px;padding:10px;margin:0 0 0 -16px}.head .headC .pc_logo .btmIco img{display:block;width:14px;height:auto;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.head .headC .pc_logo .btmIcoAc img{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.head .headC .phoneHeadTop{width:100%;background:#008cd6}.head .headC .phoneHeadTop .inset{padding:8px 15px 13px}.head .headC .phoneHeadTop .inset .logo{float:left;height:20px}.head .headC .phoneHeadTop .inset .menuBtn{float:right;display:block;height:20px}.head .headC .phoneHeadTop .inset img{display:inline-block;width:auto;height:20px}.head .headC .menu{float:right}.head .headC .menu li{float:left;margin-left:25px}.head .headC .menu li a{display:block;height:50px;line-height:50px;font-size:16px;color:#000;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}.head .headC .menu li a .icos{float:left;display:block;width:20px;height:20px;margin:15px 6px 0 0;background:url(../img/head/menuico.png) no-repeat;background-image:-webkit-image-set(url(../img/vivo-products-ico.png) 1x,url(../img/vivo-products-ico-x2.png) 2x)}.head .headC .menu li a .ico1{background-position:0 0}.head .headC .menu li a .ico2{background-position:-40px 0}.head .headC .menu li a .ico4{background-position:-20px 0}.head .headC .menu li a .ico3{background-position:-60px 0}.head .headC .menu li a .ico5{background-position:-80px 0}.head .headC .menu li a:hover{color:#008cd6}.head .headC .menu li a:hover .ico1{background-position:0 -20px}.head .headC .menu li a:hover .ico2{background-position:-40px -20px}.head .headC .menu li a:hover .ico4{background-position:-20px -20px}.head .headC .menu li a:hover .ico3{background-position:-60px -20px}.head .headC .menu li a:hover .ico5{background-position:-80px -20px}.mainPage .phoneBox{position:relative;z-index:3;width:90%;margin:0 auto}.mainPage .phoneBox .phoneBox_inset{position:absolute;left:0;top:0;z-index:2;width:100%}#mainPage .hold,.mainPage .phoneBox .hold{display:block;width:100%}#mainPage .areas{position:relative;z-index:1;width:100%;overflow:hidden}.mainPage .areas .areaC{position:relative;max-width:1600px;width:100%;margin:0 auto}#mainPage .areas img{height:auto}#mainPage .areas .areaC .mes span.xing{display:inline-block;width:12px}#mainPage .areas .areaC .half{position:relative;font-size:50%;left:1px;display:inline!important}#mainPage .areas .areaC .half_top{top:-11px}#mainPage .ag-container{position:relative}#mainPage .ag-container .box{-webkit-transition:all 2s ease;transition:all 2s ease}#mainPage .ag-animate{position:relative;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mainPage .areas{border:none!important}.mainPage .areas .areaC .mes{position:absolute}.mainPage .areas .areaC .mes dd{padding-top:1%}.mainPage .areas .areaC .mes dt{font-family:AvenirNextLTPro-Demi,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;line-height:1.5em;font-size:4.2rem}.mainPage .areas .areaC .mes dt span{display:block;line-height:1.4em;font-size:2.56rem}.mainPage .areas .areaC .mes dd p{line-height:1.5em;font-size:1.7rem}button{background:0 0;border:0;box-sizing:content-box;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;visibility:visible}button:focus{border:none;outline:0}#mainPage .picMB{display:none}#mainPage .picPC{display:block}.btmDataArea{width:100%;background:#f7f7f7;text-align:center;font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,"微软雅黑";display:none}.btmDataArea .btnTop{display:inline-block;padding:30px 0 40px}.btmDataArea .btnTop a{color:#008cd6;line-height:1.5em;text-align:center;font-size:16px;list-style:none}.btmDataArea .btnTop .btnInset img{-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.btmDataArea .btnTop .btnInset .bgAc{position:absolute;left:0;top:0;z-index:2;display:none;width:100%;height:100%}.btmDataArea .btnTop .btnInset .bgAc img{display:block;width:100%}.btmDataArea .btnTop .btnInset{position:relative;z-index:2;display:block;width:14px;height:14px;padding:10px;background:#008cd6;margin:5px auto 0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.btmDataArea .btnTop .btnInset:hover .hold{-webkit-transform:scale(1.3) rotate(180deg);-moz-transform:scale(1.3) rotate(180deg);-ms-transform:scale(1.3) rotate(180deg);-o-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}#btmDataArea .btmDataAreaAc .btnInset .bgAc{position:static;display:block}#btmDataArea .btmDataAreaAc .btnInset .hold{display:none}.btmDataArea .phoneData{background:#FFF;display:none;border-top:1px #ccc dashed}.btmDataArea .phoneData dl{width:90%;padding:0 5%;text-align:left}.btmDataArea .phoneData dl dt{padding:10px 0;font-size:18px;border-bottom:1px #666 solid;font-weight:700}.btmDataArea .phoneData dl h6{font-size:12px;line-height:18px;font-weight:400}.btmDataArea .phoneData dl dd{padding:10px 0;font-size:12px;line-height:18px;border-bottom:1px #e2e2e2 solid}.btmDataArea .phoneData dl dd span{float:left;display:block;width:40%}.btmDataArea .phoneData dl dd p{float:left;width:60%}.btmDataArea .phoneData dl dd p.addBlockline{width:100%}.return_top{position:fixed;right:15px;bottom:55px;z-index:99999;display:none;width:40px;margin-left:-20px;cursor:pointer}.return_top img{display:block;width:100%}#dataPop,.mainPage .myBanner{display:none}.return_top_box{width:100%;height:110px;background:#222;display:none}#dataPop{position:fixed;left:0;top:0;z-index:999999999;width:100%;height:100%}.head_module{width:100%;position:absolute;top:0;z-index:99999}.ag-animate,.ag-container,section.root-section .ag-container{position:relative}body.visible,html.visible{overflow:visible!important}#ag-wrap,#ag-wrap_y71 .op5,#airbox em.loading,#areaCBody,.of_hidden{overflow:hidden}section.root-section,section.root-section .part-top{position:relative;display:block;background:0 0}.ag-container .box{-webkit-transition:all 2s ease;transition:all 2s ease}.ag-animate{transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;backface-visibility:hidden;-webkit-backface-visibility:hidden}#mainPage .areas .areaC .mes b{display:block}#areaCBody{position:absolute;left:0;top:0;z-index:-1;width:100%;height:0;font-size:0;line-height:0}.buy_now_btn{background:#0098e8;padding:5px 15px;border-radius:20px;color:#fff}.h-xs-inline-block{display:none}.h-hidden-xs{display:block!important}#mainPage .area1{padding-top:65px;background:linear-gradient(to bottom,#f0f3f6,#ced3de)}#mainPage .area1 .areaC{height:679px}.mainPage .area1 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .area1 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .area1 .areaC .posPic{position:absolute;display:block}.mainPage .area1 .areaC.active .pos3{-webkit-animation:circle 1s 1.5s ease forwards;animation:circle 1s 1.5s ease forwards}.mainPage .area1 .areaC .posPic img{display:block;width:100%}.mainPage .area1 .areaC .pos1{z-index:3;left:42.375%;top:8.6%;width:32.97%}.mainPage .area1 .areaC .pos2{z-index:3;left:51.43%;top:36.5%;width:43.43%}.mainPage .area1 .areaC .pos3{opacity:0;z-index:2;right:-4%;top:41.5%;width:76%;height:60%}.mainPage .area1 .areaC .pos3 .camera{position:absolute;z-index:2;left:31.5%;top:50%;width:37%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.mainPage .area1 .areaC.active .posPic{opacity:1}.mainPage .area1 .areaC .pos3 .circle{position:absolute;bottom:0;width:100%;height:50%;opacity:0;filter:alpha(opacity=0)}.mainPage .area1 .areaC.active .circle{-webkit-animation:circle 1s 1.5s ease forwards;animation:circle 1s 1.5s ease forwards}@keyframes circle{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes circle{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}.mainPage .area1 .areaC .pos3 .circle .dot{width:24%;height:52%;border-radius:50%;background:radial-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5),#fff);transform:translate(-50%,-50%);position:absolute;top:0;left:50%;opacity:1}.mainPage .area3,.mainPage .area5{background:#fff}.mainPage .area1 .areaC.active .circle .dot1{animation:dotAni 5.4s 0s infinite ease-in-out;-webkit-animation:dotAni 5.4s 0s infinite ease-in-out}.mainPage .area1 .areaC.active .circle .dot2{animation:dotAni 5.4s .9s infinite ease-in-out;-webkit-animation:dotAni 5.4s .9s infinite ease-in-out}.mainPage .area1 .areaC.active .circle .dot3{animation:dotAni 5.4s 1.8s infinite ease-in-out;-webkit-animation:dotAni 5.4s 1.8s infinite ease-in-out}.mainPage .area1 .areaC.active .circle .dot4{animation:dotAni 5.4s 2.7s infinite ease-in-out;-webkit-animation:dotAni 5.4s 2.7s infinite ease-in-out}.mainPage .area1 .areaC.active .circle .dot5{animation:dotAni 5.4s 3.6s infinite ease-in-out;-webkit-animation:dotAni 5.4s 3.6s infinite ease-in-out}.mainPage .area1 .areaC.active .circle .dot6{animation:dotAni 5.4s 4.5s infinite ease-in-out;-webkit-animation:dotAni 5.4s 4.5s infinite ease-in-out}@keyframes dotAni{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}@-webkit-keyframes dotAni{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}.mainPage .area2 .areaC .mes,.mainPage .area5 .areaC .mes{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);text-align:center}.mainPage .area1 .areaC .tits{position:absolute;z-index:2;display:block}.mainPage .area1 .areaC .tits img{display:block;width:100%}.mainPage .area1 .areaC .tit1{left:9.33%;top:34%;width:27.8%}#mainPage .areas img{width:100%}.mainPage .areas .phoneOut .phoneOutHold{display:none;width:100%}.mainPage .area2 .areaC .pos.pos1{position:absolute;width:88%;bottom:-6%;left:6%}.mainPage .area2 .areaC .mes{width:47%;top:12%;left:50%;transform:translateX(-50%);color:#000}.mainPage .area3 .areaC .mes{width:35.7%;left:57.1%;top:35.2%;color:#000}.mainPage .area3 .areaC .phoneOut .pos{width:34%;position:absolute;display:block;left:11%;bottom:0}.mainPage .area3 .areaC .phoneOut .phone ul{position:absolute;z-index:3;display:block;left:30.5%;top:4%;width:26%}.mainPage .area3 .areaC .phoneOut .phone ul .holdBox,.mainPage .area3 .areaC .phoneOut .phone ul li img{display:block;width:100%}.mainPage .area3 .areaC .phoneOut .phone ul .posPic{position:absolute;display:block;width:100%;filter:alpha(opacity=0);opacity:0}.mainPage .area3 .areaC .phoneOut .phone ul .pos1{left:0;top:4%;z-index:1;width:43%}.mainPage .area3 .areaC .phoneOut .phone ul .pos2{left:47%;top:-16%;z-index:2;width:55%}.mainPage .area3 .areaC .phoneOut .phone ul .pos3{left:106%;top:-25%;z-index:3;width:55%}.mainPage .area3 .areaC .phoneOut .phone ul .pos4{left:157%;top:-33%;z-index:4;width:57%}.mainPage .area3 .areaC .phoneOut .phone ul .pos5{left:215%;top:-48%;z-index:5;width:63%}.mainPage .area3 .areaC .phoneOut .phone ul .pos6{left:258%;top:-70%;z-index:6;width:78%}.mainPage .area3 .areaC.active .phone ul .pos1{-webkit-animation:area3_pos1 .81s 1.2s ease forwards;animation:area3_pos1 .81s 1.2s ease forwards}.mainPage .area3 .areaC.active .phone ul .pos2{-webkit-animation:area3_pos2 .948s 1.2s ease forwards;animation:area3_pos2 .948s 1.2s ease forwards}.mainPage .area3 .areaC.active .phone ul .pos3{-webkit-animation:area3_pos3 1.083s 1.2s ease forwards;animation:area3_pos3 1.083s 1.2s ease forwards}.mainPage .area3 .areaC.active .phone ul .pos4{-webkit-animation:area3_pos4 1.236s 1.2s ease forwards;animation:area3_pos4 1.236s 1.2s ease forwards}.mainPage .area3 .areaC.active .phone ul .pos5{-webkit-animation:area3_pos5 1.53s 1.2s ease forwards;animation:area3_pos5 1.53s 1.2s ease forwards}.mainPage .area3 .areaC.active .phone ul .pos6{-webkit-animation:area3_pos6 1.704s 1.2s ease forwards;animation:area3_pos6 1.704s 1.2s ease forwards}@keyframes area3_pos1{0%{opacity:0;-webkit-transform:translate3d(-47%,11%,0);-moz-transform:translate3d(-47%,11%,0);-o-transform:translate3d(-47%,11%,0);-ms-transform:translate3d(-47%,11%,0);transform:translate3d(-47%,11%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos1{0%{opacity:0;-webkit-transform:translate3d(-47%,11%,0);-moz-transform:translate3d(-47%,11%,0);-o-transform:translate3d(-47%,11%,0);-ms-transform:translate3d(-47%,11%,0);transform:translate3d(-47%,11%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area3_pos2{0%{opacity:0;-webkit-transform:translate3d(-104%,20%,0);-moz-transform:translate3d(-104%,20%,0);-o-transform:translate3d(-104%,20%,0);-ms-transform:translate3d(-104%,20%,0);transform:translate3d(-104%,20%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos2{0%{opacity:0;-webkit-transform:translate3d(-104%,20%,0);-moz-transform:translate3d(-104%,20%,0);-o-transform:translate3d(-104%,20%,0);-ms-transform:translate3d(-104%,20%,0);transform:translate3d(-104%,20%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area3_pos3{0%{opacity:0;-webkit-transform:translate3d(-167%,30%,0);-moz-transform:translate3d(-167%,30%,0);-o-transform:translate3d(-167%,30%,0);-ms-transform:translate3d(-167%,30%,0);transform:translate3d(-167%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos3{0%{opacity:0;-webkit-transform:translate3d(-167%,30%,0);-moz-transform:translate3d(-167%,30%,0);-o-transform:translate3d(-167%,30%,0);-ms-transform:translate3d(-167%,30%,0);transform:translate3d(-167%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area3_pos4{0%{opacity:0;-webkit-transform:translate3d(-239%,28%,0);-moz-transform:translate3d(-239%,28%,0);-o-transform:translate3d(-239%,28%,0);-ms-transform:translate3d(-239%,28%,0);transform:translate3d(-239%,28%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos4{0%{opacity:0;-webkit-transform:translate3d(-239%,28%,0);-moz-transform:translate3d(-239%,28%,0);-o-transform:translate3d(-239%,28%,0);-ms-transform:translate3d(-239%,28%,0);transform:translate3d(-239%,28%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area3_pos5{0%{opacity:0;-webkit-transform:translate3d(-284%,33%,0);-moz-transform:translate3d(-284%,33%,0);-o-transform:translate3d(-284%,33%,0);-ms-transform:translate3d(-284%,33%,0);transform:translate3d(-284%,33%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos5{0%{opacity:0;-webkit-transform:translate3d(-284%,33%,0);-moz-transform:translate3d(-284%,33%,0);-o-transform:translate3d(-284%,33%,0);-ms-transform:translate3d(-284%,33%,0);transform:translate3d(-284%,33%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area3_pos6{0%{opacity:0;-webkit-transform:translate3d(-283%,30%,0);-moz-transform:translate3d(-283%,30%,0);-o-transform:translate3d(-283%,30%,0);-ms-transform:translate3d(-283%,30%,0);transform:translate3d(-283%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area3_pos6{0%{opacity:0;-webkit-transform:translate3d(-283%,30%,0);-moz-transform:translate3d(-283%,30%,0);-o-transform:translate3d(-283%,30%,0);-ms-transform:translate3d(-283%,30%,0);transform:translate3d(-283%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mainPage .area4 .areaC .pos.pos1{position:absolute;width:23.25%;top:50%;left:55%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.mainPage .area4 .areaC .mes{width:33.75%;top:31%;right:50%;color:#fff}.mainPage .area5 .areaC .mes{top:12%;width:44.375%;left:50%;transform:translateX(-50%);color:#000}.mainPage .area5 .areaC .pos1{position:absolute;width:74.68%;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area5 .areaC .pos1 .product-line{position:absolute;top:0;left:0;width:100%;height:100%}.mainPage .area5 .areaC .pos1 .product-line .line{position:absolute;height:2px;background:linear-gradient(to right,#fff,#222);-webkit-transform:rotate(-12.8deg);-moz-transform:rotate(-12.8deg);-ms-transform:rotate(-12.8deg);-o-transform:rotate(-12.8deg);transform:rotate(-12.8deg)}.mainPage .area5 .areaC .pos1 .product-line .line1{background:linear-gradient(to right,#fff,#222);left:39%;top:37%;width:2%;opacity:0}.mainPage .area5 .areaC .pos1 .product-line .line2{background:linear-gradient(to left,#fff,#222);left:58%;top:27%;width:2%;opacity:0}.mainPage .area5 .areaC.active .pos1 .product-line .line1{-webkit-animation:product_line1 1s .6s ease forwards;animation:product_line1 1s .6s ease forwards}.mainPage .area5 .areaC.active .pos1 .product-line .line2{-webkit-animation:product_line2 1s .6s ease forwards;animation:product_line2 1s .6s ease forwards}@-webkit-keyframes product_line1{0%{left:37%;top:26%;width:2%;opacity:0}100%{left:11%;top:33%;width:28%;opacity:1}}@keyframes product_line1{0%{left:37%;top:26%;width:2%;opacity:0}100%{left:11%;top:33%;width:28%;opacity:1}}@-webkit-keyframes product_line2{0%{left:52.8%;top:17%;width:2%;opacity:0}100%{left:52.8%;top:9.5%;width:28%;opacity:1}}@keyframes product_line2{0%{left:52.8%;top:17%;width:2%;opacity:0}100%{left:52.8%;top:9.5%;width:28%;opacity:1}}.mainPage .area5 .areaC .pos1 .product-line .line1:after{content:'';width:16px;height:16px;background:url(../img/screen5/arrow-left.png) no-repeat;background-size:contain;display:block;position:absolute;left:-10px;top:-7px}.mainPage .area5 .areaC .pos1 .product-line .line2:after{content:'';width:16px;height:16px;background:url(../img/screen5/arrow-left.png) no-repeat;transform:rotate(174deg);background-size:contain;display:block;position:absolute;right:-9px;top:-7.8px}.mainPage .area5 .areaC .pos1 .product-arrow .arrow{position:absolute!important;width:5%;right:18%;top:-3.8%}.mainPage .area6 .areaC .pos,.mainPage .area7 .areaC .pos,.mainPage .area7 .areaC .pos1 .picPos{position:absolute}.mainPage .area5 .areaC .pos1 .product-arrow .arrow1{top:-4.1%}.mainPage .area5 .areaC .pos1 .product-arrow .arrow2{top:2.8%}.mainPage .area5 .areaC .pos1 .textImg{position:absolute;width:12%;top:6%;left:47%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;opacity:0}.mainPage .area5 .areaC.active .pos1 .textImg{animation:textAni .6s 1.6s ease forwards;-webkit-animation:textAni .6s 1.6s ease forwards}@keyframes textAni{0%{opacity:0}100%{opacity:100}}.mainPage .area6{background:#f6f7f9}.mainPage .area6 .areaC .mes{width:37%;top:34.375%;left:58.43%;color:#000}.mainPage .area6 .areaC .pos1{width:15.5%;left:36.75%;top:-14%}.mainPage .area6 .areaC .pos2{width:44%;left:11%;top:25.7%}.mainPage .area7{background:#fff}.mainPage .area7 .areaC .mes{width:41.875%;left:8.4%;top:18.85%;color:#000}.mainPage .area7 .areaC .pos1{width:50%;left:57.97%;bottom:0}.mainPage .area7 .areaC .pos1 .picPos.sim1,.mainPage .area7 .areaC .pos1 .picPos.sim2{z-index:2;width:100%;height:100%}.mainPage .area7 .areaC .pos1 .picPos.sim1{top:-41%}.mainPage .area7 .areaC .pos1 .picPos.sim2{left:-45%}.mainPage .area7 .areaC .pos1 .phone_front{position:relative;z-index:3}.mainPage .area8{background:#f6f7f9}.mainPage .area8 .areaC .mes{text-align:center;width:59%;left:20.5%;top:8%;color:#000}.mainPage .areas .areaC .mes dd:nth-of-type(2) p{font-size:1.4rem}.mainPage .area8 .areaC .mes .lists{width:80%;text-align:center;margin:0 auto;padding-top:4%}.mainPage .area8 .areaC .mes .lists li{display:inline-block;margin-right:1%;margin-bottom:3%;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1)}.mainPage .area8 .areaC.active .mes .lists li{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.mainPage .area8 .areaC .posPic{position:absolute;z-index:3}.mainPage .area8 .areaC .pos1{width:60%;left:20%;bottom:0}.mainPage .area9{background:url(../img/screen9/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area9 .mes{width:47.23%;left:10.15%;top:22.79%;color:#fff}.mainPage .area9 .areaC .phone{position:absolute;right:14.8%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:3;width:22.8%}.mainPage .area9 .areaC .phone .mark{position:absolute;left:0;top:0;z-index:2;display:block;width:100%;filter:alpha(opacity=100);opacity:1}.mainPage .area9 .areaC .openPhoneAc .mark{filter:alpha(opacity=0);opacity:0}.mainPage .area9 .areaC .phoneOut .phoneOutImg{display:block;width:100%}.mainPage .areas .areaC.active .tranlateY50_f,.mainPage .areas .areaC.active .tranlateY50_z{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#ag-wrap_y71 .op2T,#ag-wrap_y71 .op4T,#ag-wrap_y71 .op7T,#ag-wrap_y71 .op9T{transform:translateY(-50%)}.mainPage .area9 .areaC .mes .openBtn{position:absolute;margin:0;display:block;white-space:nowrap;font-size:16px;padding-top:4%;padding-right:4%;line-height:1.5em;color:#FFF}#ag-wrap_y71 .op,#ag-wrap_y71 .op1{position:relative}#mainPage .area9 .areaC .mes .openBtn .inset{display:inline-block;width:48px;height:24px;margin:0 10px;padding:2px;background-color:#48403b;vertical-align:middle;text-align:left;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px}@keyframes openbtn_inset{0%{background-color:#48403b}100%{background-color:#008cd6}}#mainPage .area9 .areaC .mes .openBtnAc .inset{animation:openbtn_inset .5s ease forwards}.mainPage .area9 .areaC .mes .openBtn .inset i{display:inline-block;width:24px;height:24px;background:#FFF;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;vertical-align:initial!important}#mainPage .area9 .areaC .mes .openBtnAc .inset i{margin-left:50%;vertical-align:initial!important}@media (min-width:768px){.mainPage .area2{background:url(../img/screen2/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area4{background:url(../img/screen4/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area8 .areaC .mes .lists li{width:7%}}@media (min-width:991px) and (max-width:1200px){#ag-wrap_y71 .op10T .childP{font-size:.2rem!important}}@font-face{font-family:'Myriad Pro';src:url(font/myriadpro-light.eot);src:url(font/myriadpro-light.woff) format('woff'),url(font/myriadpro-light.ttf) format('truetype');font-style:normal;font-weight:200}@font-face{font-family:"Myriad Pro";font-style:normal;font-weight:200;src:url(parameter/myriadpro-light.woff) format("woff"),url(parameter/myriadpro-light.ttf) format("truetype")}@font-face{font-family:"Myriad Pro semicn";font-weight:200;src:url(parameter/myriadpro-semicn.eot?#iefix) format("embedded-opentype"),url(parameter/myriadpro-semicn.woff) format("woff"),url(parameter/myriadpro-semicn.ttf) format("truetype")}@font-face{font-family:AvenirNextLTPro-Demi;src:url(font/AvenirNextLTPro-Demi.eot);src:url(font/AvenirNextLTPro-Demi.woff) format('woff'),url(font/AvenirNextLTPro-Demi.ttf) format('truetype');font-style:normal;font-weight:100}#ag-wrap_y71 html{font-size:62.5%}#ag-wrap_y71 h3{font-family:AvenirNextLTPro-Demi;font-size:2.6rem;color:#333}#ag-wrap_y71 .p{font-size:1.5rem;line-height:1.5em;color:#333;font-family:"Myriad Pro"}#ag-wrap_y71 .op1{padding-top:0;background:#d4edf3}#ag-wrap_y71 .op1>img{width:100%}#ag-wrap_y71 .op1 .op1T{position:absolute;width:100%;text-align:center;top:80px}#ag-wrap_y71 .op1 .op1T img{width:30%;max-width:600px}#ag-wrap_y71 .op2{background:-webkit-linear-gradient(left,#d1d9e4 ,#fafbfd);background:-o-linear-gradient(right,#d1d9e4,#fafbfd);background:-moz-linear-gradient(right,#d1d9e4,#fafbfd);background:linear-gradient(to right,#d1d9e4 ,#fafbfd)}#ag-wrap_y71 .op2>img{width:100%}#ag-wrap_y71 .op2 ul{display:flex;margin-top:15px}#ag-wrap_y71 .op2 ul li{flex:1}#ag-wrap_y71 .op2 ul li div{display:inline-block}#ag-wrap_y71 .op2 ul li span{display:block;text-align:center}#ag-wrap_y71 .op2T{position:absolute;top:50%;left:10%;width:30%}#ag-wrap_y71 .op2Ani_container{position:absolute;right:0;bottom:0;width:60%;height:100%}#ag-wrap_y71 .op2Ani_container img{height:90%;width:auto;position:absolute;bottom:0;right:0}#ag-wrap_y71 .op3{background:#f7ebe0}#ag-wrap_y71 .no-move-bg .pictrue_img{width:100%}#ag-wrap_y71 .op3_phone{position:absolute;bottom:0;left:0;right:0;margin:0 auto;height:60%;width:auto}#ag-wrap_y71 .op3T{position:absolute;top:0;width:70%;height:40%;left:0;right:0;margin:0 auto;text-align:center;line-height:2rem}#ag-wrap_y71 .op3T .op3T_container{position:absolute;display:inline-block;width:100%;top:50%;left:0;transform:translateY(-50%)}#ag-wrap_y71 .op4{background:-webkit-linear-gradient(left top,#fafbfd ,#d1d9e4);background:-o-linear-gradient(bottom right,#fafbfd,#d1d9e4);background:-moz-linear-gradient(bottom right,#fafbfd,#d1d9e4);background:linear-gradient(to bottom right,#fafbfd ,#d1d9e4)}#ag-wrap_y71 .op4T{position:absolute;top:40%;right:10%;width:40%}#ag-wrap_y71 .op4_phone{position:absolute;bottom:0;left:5%;height:90%;width:auto}#ag-wrap_y71 .op5Ani_container{position:absolute;top:-22%;width:100%}#ag-wrap_y71 .op5_phone{position:absolute;top:0;width:100%}#ag-wrap_y71 .op5T{position:absolute;top:10%;text-align:center;width:100%}#ag-wrap_y71 .op6T{position:absolute;top:5%;left:10%;width:40%}#ag-wrap_y71 .op7T{position:absolute;top:50%;right:10%;width:30%}#ag-wrap_y71 .op7Ani_container{width:60%;height:100%;position:absolute;top:0}#ag-wrap_y71 .op7Ani_container img{height:90%;width:auto;position:absolute;right:10%;top:0;bottom:0;margin:auto 0}#ag-wrap_y71 .op8{background:-webkit-linear-gradient(left top,#fafbfc ,#b1b9c9);background:-o-linear-gradient(bottom right,#fafbfc,#b1b9c9);background:-moz-linear-gradient(bottom right,#fafbfc,#b1b9c9);background:linear-gradient(to bottom right,#fafbfc ,#b1b9c9)}#ag-wrap_y71 .op8T{position:absolute;top:20%;left:10%;width:35%}#ag-wrap_y71 .op9T{position:absolute;top:50%;left:10%;width:28%}#ag-wrap_y71 .op10{background:#f0f3f7}#ag-wrap_y71 .op10T{position:absolute;top:5%;left:15%;width:70%;text-align:center}#ag-wrap_y71 .op10T .childP{font-size:1rem}#ag-wrap_y71 .op10Ani_container{position:absolute;bottom:0;width:80%;left:10%}#ag-wrap_y71 .foot_statement{padding:50px 0;background:#121212}#ag-wrap_y71 .foot_statement ul{width:100%;padding-left:1em}#ag-wrap_y71 .foot_statement p{color:#fff;font-size:14px;margin-bottom:10px}#ag-wrap_y71 .foot_statement ul li{list-style-type:decimal;color:#999;font-family:"Myriad Pro";font-size:14px}#ag-wrap_y71 .foot_statement .foot_box{width:62%;margin:0 auto;max-width:1300px}@media all and (max-width:1192px){#ag-wrap_y71 .op10Ani_container{width:60%;left:20%}}@media all and (max-width:992px){#ag-wrap_y71 .op2Ani_container img{height:80%}#ag-wrap_y71 .op2T{width:35%}#ag-wrap_y71 .op2 ul li div{display:block;text-align:center}}@media all and (max-width:767px){#ag-wrap_y71 .op4T p,#ag-wrap_y71 .op5T p,#ag-wrap_y71 p{line-height:1.5em}#ag-wrap_y71 .foot_statement .foot_box{width:90%}#ag-wrap_y71 .op2{background:-webkit-linear-gradient(top,#fafbfd ,#d1d9e4);background:-o-linear-gradient(bottom,#fafbfd,#d1d9e4);background:-moz-linear-gradient(bottom,#fafbfd,#d1d9e4);background:linear-gradient(to bottom,#fafbfd ,#d1d9e4)}#ag-wrap_y71 .op1{padding-top:0}#ag-wrap_y71 .op1 .op1T img{width:50%}#ag-wrap_y71 .op1 .op1T{top:8%}#ag-wrap_y71 .op2T{width:90%;left:0;right:0;margin:0 auto;top:5%;transform:translateY(0)}#ag-wrap_y71 .op2Ani_container{width:100%;height:50%}#ag-wrap_y71 .op2Ani_container img{height:100%;left:10%}#ag-wrap_y71 .op2 ul li div{display:block;text-align:center}#ag-wrap_y71 .op3_phone{width:100%;height:auto}#ag-wrap_y71 .op3T{width:90%;text-align:left;top:5%}#ag-wrap_y71 .op4{background:-webkit-linear-gradient(left bottom,#fafbfd ,#d1d9e4);background:-o-linear-gradient(top right,#fafbfd,#d1d9e4);background:-moz-linear-gradient(top right,#fafbfd,#d1d9e4);background:linear-gradient(to top right,#fafbfd ,#d1d9e4)}#ag-wrap_y71 .op4T{top:5%;left:0;right:0;margin:0 auto;width:90%;transform:translateY(0)}#ag-wrap_y71 .op4_phone{left:0;right:0;margin:0 auto;height:auto;width:90%}#ag-wrap_y71 .op5Ani_container{position:absolute;width:100%;top:-28%}#ag-wrap_y71 .op5T{width:90%;left:0;right:0;margin:0 auto;text-align:left}#ag-wrap_y71 .op6T{top:5%;left:5%;width:90%}#ag-wrap_y71 .op7T{top:5%;transform:translateY(0);width:90%;left:0;right:0;margin:0 auto;text-align:left}#ag-wrap_y71 .op7Ani_container{position:absolute;bottom:0;height:60%;width:100%;top:inherit}#ag-wrap_y71 .op7Ani_container img{width:auto;height:90%;bottom:0;position:inherit;left:0;right:0;margin:auto}#ag-wrap_y71 .op8T{top:5%;left:5%;width:90%}#ag-wrap_y71 .op9T{top:5%;left:5%;width:88%;transform:translateY(0)}#ag-wrap_y71 .op10T{text-align:left;left:5%;width:90%}#ag-wrap_y71 .op10Ani_container{width:100%;left:0;bottom:15%}#ag-wrap_y71 .op10Ani_container img{margin-left:5px}}@media all and (max-width:322px){#ag-wrap_y71 h3{font-size:2rem}#ag-wrap_y71 .p{font-size:1.3rem;line-height:1.8rem}#ag-wrap_y71 .op2 ul{margin-top:0}}@media screen and (min-width:992px) and (max-width:1200px){#ag-wrap_y71 h3{font-size:.3rem}#ag-wrap_y71 p.p{font-size:.25rem}#ag-wrap_y71 span.p{font-size:.2rem}#ag-wrap_y71 p.childP{font-size:.1rem}}@media (max-width:1200px){#ag-wrap_y71 .op5Ani_container{top:-15%}}@media screen and (min-width:640px) and (max-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop,#mainPage .myBanner{display:none}#head .headC .menu{margin-bottom:0}#head .headC .menu li{margin-left:20px}#head .headC .menu li a{font-size:14px}#mainPage .areas .areaC .mes dt{line-height:1.5em;font-size:30px}#mainPage .areas .areaC .mes dt span{line-height:1.4em;font-size:24px}#mainPage .areas .areaC .mes dd p{line-height:1.6em}#mainPage .areas .areaC .mes dd p.small{line-height:1.2em}#videoPop .inset{top:15%;left:5%;width:90%}#btmDataArea .btnTop{padding:20px 0 30px}}@media screen and (min-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo{margin-left:0}#head .headC .menu{margin-right:0;margin-bottom:0}#head .headC .menu li{margin-left:25px}#head .headC .menu li a{font-size:14px}}@media screen and (min-width:992px) and (max-width:1024px){#mainPage .area1{padding-top:90px}.mainPage .area2 .areaC .pos.pos1{bottom:-13%}}@media screen and (min-width:768px) and (max-width:992px){html{font-size:9px!important}#mainPage .area1{padding-top:90px}.mainPage .area2 .areaC .mes{width:61%}#mainPage .area2 .areaC .pos.pos1{width:80%;left:10%;bottom:-13%}.mainPage .area3 .areaC .mes{width:36%;top:33%}.mainPage .area4 .areaC .mes{width:38%}.mainPage .area5 .areaC .mes{width:55%}.mainPage .area6 .areaC .mes{width:39%;top:31%}.mainPage .area6 .areaC .pos1{top:-9%}.mainPage .area6 .areaC .pos2{left:8%}.mainPage .area7 .areaC .mes{width:50%;top:12%}.mainPage .area7 .areaC .pos1{width:43%;left:63%}.mainPage .area8 .areaC .mes{width:92%;left:4%}.mainPage .area8 .areaC .mes .lists{width:60%;padding-top:1%}.mainPage .area8 .areaC .pos1{bottom:0}}@media screen and (min-width:1025px) and (max-width:1200px){#mainPage .area2 .areaC .pos.pos1{bottom:-13%}}@media (min-width:1200px){html{font-size:10px!important}.mainPage .area8 .areaC .pos1{bottom:8%}.mainPage .area8 .areaC .mes .lists{padding-top:7%}}@media (min-width:1600px){html{font-size:13px!important}#mainPage .area8 .areaC .pos1{bottom:2%}}@media (min-width:1920px){html{font-size:14px!important}}@media (min-width:2560px){html{font-size:17.7px!important}#mainPage .area2 .areaC .mes{width:82%}.mainPage .area3 .areaC .mes{width:42.7%}#mainPage .area3 .areaC .mes dt{width:126%}.mainPage .area4 .areaC .mes{width:42%}.mainPage .area5 .areaC .mes{width:52%}.mainPage .area7 .areaC .mes{left:1.4%}.mainPage .area7 .areaC .pos1{left:67%}.mainPage .area8 .areaC .mes{width:88%;left:6%}.mainPage .area8 .areaC .mes .lists{padding-top:1%}.mainPage .area9 .mes{width:55%;left:2.15%}}@media (min-width:2880px){html{font-size:20px!important}}@media (min-width:768px){#mainPage .area3 .areaC .mes dt{width:120%}}@media screen and (max-width:767px){#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo .btmIco{margin:0 0 0 -31px;display:block}#mainPage .areas .areaC .mes b{font-size:26px}#head{position:fixed}#mainPage{padding-top:41px}#head .headC{width:100%;height:auto}#head .headC .pc_logo{float:none;height:20px;padding:10px 15px;margin-top:0;margin-left:0;background:#FFF}#head .headC .menu{float:none;margin-right:0;margin-bottom:0}#head .headC .menu li{float:none;margin:0;padding:0;border-top:1px #ececec solid}#head .headC .menu li a{height:28px;padding:15px;line-height:28px;background:#f6f7f9}#head .headC .menu li a .icos{margin-top:4px}#head .headC .pc_logo .buy_now_btn_mb{position:absolute;right:43px;top:8px;font-size:12px;height:24px;background:#0098e8;padding-left:10px;padding-right:10px;border-radius:20px;color:#fff;line-height:24px}.h-xs-inline-block{display:inline-block!important}.h-hidden-xs{display:none!important}#mainPage .areas .areaC{width:100%}#mainPage dl{margin-bottom:0}#mainPage .areas .areaC .mes dt{font-size:30px}#mainPage .areas .areaC .mes dt span{font-size:21px}#mainPage .areas .areaC p{font-size:16px;line-height:1.7em}#mainPage .areas .areaC p.sm{font-size:12px}#mainPage .areas .areaC .mes dd span{display:block}#mainPage .areas .areaC .mes dt b{line-height:1.3em;padding-bottom:10px}#mainPage .myBanner{display:block;border-top:1px #ccc solid}#mainPage .myBanner .spWin .spBpx li img{width:100%;height:auto}#mainPage .myBanner .ctrBtns{width:30px;height:60px;margin-top:-30px}#mainPage .myBanner .btmBtn{bottom:10px}#btmDataArea{display:block;background:#FFF}#btmDataArea .btnTop{padding:20px 0 30px}#mainPage .return_top_box{display:block}.oVivo_icon_wrap .content{border-top:1px solid #D4D4D4}#mainPage .areas .areaC .mes{position:relative}#mainPage .areas .phoneOut .phoneOutHold{display:block;width:100%}#mainPage .area1{padding-top:100px}#mainPage .area1 .areaC .tits{position:relative;width:75.625%;margin:0 auto;left:0;padding-top:5%}#mainPage .area1 .areaC .pos1{width:76.56%;left:7%}#mainPage .area1 .areaC .pos2{width:71.48%;left:initial;right:0}#mainPage .area1 .areaC .holdBox .phoneOutHold{width:150%}#mainPage .area1 .areaC .pos3{width:100%;right:0;top:45.5%}#mainPage .area1 .areaC .pos3 .camera{width:56.7%;left:32.5%}#mainPage .area1 .areaC .pos3 .circle .dot{width:40%;left:60.5%}#mainPage .area2{background:url(../img/screen2/bg_mb.jpg) center center no-repeat;background-size:cover}#mainPage .area2 .areaC .mes{width:90%;padding-top:8%;text-align:left}#mainPage .area2 .areaC .pos.pos1{width:100%;left:0;bottom:5%}#mainPage .area2 .phoneOut .phoneOutHold{width:180%}#mainPage .area3 .areaC .mes{width:90%;left:5%;padding-top:8%}.mainPage .area3 .areaC .phoneOut .pos{width:75.78%;left:5%}#mainPage .area3 .phoneOut .phoneOutHold{width:203%}#mainPage .area4{background:linear-gradient(to right,#383836,#090908)}#mainPage .area4 .areaC .mes{right:initial;width:90%;left:5%;padding-top:8%}.mainPage .area4 .areaC .pos.pos1{position:relative;width:45%;left:46%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:0;margin:6% 0}#mainPage .area5 .areaC .pos1{width:90%}#mainPage .area5 .areaC .mes{width:90%;padding-top:8%;text-align:left}#mainPage .area5 .areaC .product-line .line{border-radius:5px}#mainPage .area5 .areaC .product-line .line1:after{content:'';width:10px;height:10px;background:url(../img/screen5/arrow-left.png) no-repeat;background-size:contain;display:block;position:absolute;left:-4.5px;top:-3.8px}#mainPage .area5 .areaC .product-line .line2:after{content:'';width:10px;height:10px;background:url(../img/screen5/arrow-left.png) no-repeat;transform:rotate(174deg);background-size:contain;display:block;position:absolute;right:-4px;top:-4.3px}.mainPage .area6 .areaC .mes{width:90%;left:5%;padding-top:8%}#mainPage .area6 .phoneOut{position:relative}#mainPage .area6 .phoneOut .phoneOutHold{width:270%}#mainPage .area6 .areaC .pos1{width:29.375%;left:63.6%;top:5%}#mainPage .area6 .areaC .pos2{width:83.75%;left:6.7%;top:32.7%}#mainPage .area7 .areaC .mes{width:90%;left:5%;padding-top:8%}#mainPage .area7 .areaC .pos1{width:79.14%;left:39.76%}#mainPage .area7 .areaC .pos1 .picPos.sim1{top:-35%}#mainPage .area7 .phoneOut .phoneOutHold{width:180%}#mainPage .area8 .areaC .mes{width:90%;left:5%;padding-top:8%;text-align:left}#mainPage .area8 .phoneOut .phoneOutHold{width:106%}#mainPage .area8 .areaC .pos1{width:100%;left:0}#mainPage .area8 .areaC.active .mes .lists li{width:15%}#mainPage .area8 .areaC .mes .lists{height:110px}#mainPage .area9{background:url(../img/screen9/bg_mb.jpg) center center no-repeat;background-size:cover}#mainPage .area9 .areaC .mes{width:90%;left:5%;padding-top:8%}#mainPage .area9 .areaC .phone{width:40.4%;top:initial;bottom:7%;transform:translateY(0);-webkit-transform:translateY(0)}#mainPage .area9 .areaC .phoneOut .phoneOutHold{width:215%}#mainPage .area9 .areaC .mes .openBtn{left:0;margin-left:-10px;width:100%;text-align:left}#mainPage .area9 .areaC .mes dd span{display:none}#ag-wrap_y71 h3{font-size:28px}#ag-wrap_y71 .op10T .childP,#ag-wrap_y71 .p{font-size:16px}}@media (max-width:360px){#mainPage .area8 .areaC .mes .lists{height:85px}}#airbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#airbox em.loading{width:55px;height:55px;line-height:55px;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(images/loading-ico.gif) no-repeat;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;display:none}#airbox .popup-page{width:100%;height:100%;overflow:hidden;color:#666;z-index:2;position:relative;display:none;-webkit-perspective:2000;-moz-perspective:2000;-ms-perspective:2000;perspective:2000;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.popup_page_mark{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5}#airbox .popup-inner{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0;visibility1:hidden;-ms-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-moz-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-ms-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-ms-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}#airbox .popup-page.open .popup-inner{opacity:1;visibility1:visible;-webkit-transform:scale(1) rotate3d(0,-1,0 ,0deg);-moz-transform:scale(1) rotate3d(0,-1,0 ,0deg);-ms-transform:scale(1) rotate3d(0,-1,0 ,0deg);transform:scale(1) rotate3d(0,-1,0 ,0deg)}