.xm-product-box .hd{background-color:#f5f5f5}.xm-product-box .ft{border-top:1px solid #e0e0e0}.xm-product-box .nav-bar{margin-top:15px;position:relative;height:50px;color:#616161}.xm-product-box .nav-bar .title{float:left;_display:inline;margin:10px 0 0 0}.xm-product-box .nav-bar .title h2{margin:0;font-size:18px;font-weight:400;line-height:30px;color:#424242}.xm-product-box .nav-bar .title small{font-size:12px}.xm-product-box .nav-bar .nav{float:right;_display:inline;margin:10px 0 0 0}.xm-product-box .nav-bar .nav .nav-switch{margin-right:10px;line-height:30px}.xm-product-box .nav-bar .btn{vertical-align:bottom}.xm-product-box .nav-switch .sep{color:#e0e0e0}.xm-product-box .nav-switch .link{color:#616161}.xm-product-box .nav-switch .link:hover{color:#ff6700}.xm-product-box .nav-switch .active{color:#ff6700;cursor:default}.xm-product-box .nav-switch .active:hover{color:#ff6700}.xm-product-box .bd{width:100%;overflow:hidden;_zoom:1}.xm-product-box .ft{margin-top:0}.xm-product-box .section-next{display:block;font-size:16px;color:#757575;background-color:#f5f5f5}.xm-product-box .section-next .container{height:360px}.xm-product-box .section-next .block-link{height:360px;display:block;color:#333}.xm-product-box .section-next .content{display:block;width:360px;padding-top:95px;margin:0 186px 0 auto}.xm-product-box .section-next .next-title{display:block;margin-bottom:15px;font-family:Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;font-size:36px;font-weight:300;color:#333}.xm-product-box .section-next .next-desc{display:block;color:#757575}.xm-product-box .section-next .next-link{display:block;color:#ff6700}.xm-product-box .section-footnote .container{padding-top:45px;padding-bottom:45px;border-bottom:1px solid #e0e0e0;color:#757575}.xm-product-box .section-footnote .content{font-size:12px}.xm-product-box .section-footnote .footnote-list{margin:0;font-size:14px;line-height:2}.xm-product-box .section-footnote .footnote-list dd{margin:0}.modal-sale-tip{width:400px;height:400px;margin-top:-200px;margin-left:-200px}.modal-sale-tip .modal-body{text-align:center}.modal-sale-tip .modal-body h4{margin:10px 0 20px;font-size:30px;font-weight:normal;color:#e33b3b}.modal-sale-tip .modal-body p{margin:0 auto 20px}.modal-sale-tip .modal-body img{display:block;margin:0 auto 30px;width:100px}.modal-sale-tip .modal-body .btn{cursor:pointer}@font-face{font-family:'F6b4f7';src:url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.eot"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.eot*/);src:local(FZLanTingHei-EL-GBK),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.eot-#iefix"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.eot?#iefix*/) format("embedded-opentype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.woff"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.woff*/) format("woff"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.ttf"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.ttf*/) format("truetype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.svg"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/6b4f7bf8af53b5.svg*/) format("svg")}.section{position:relative;background-repeat:no-repeat;background-position:center 0;-webkit-font-smoothing:antialiased}.section .title{margin:0 0 25px;font-size:40px;line-height:50px;font-weight:normal;font-family:'F6b4f7'}.section .desc{font-size:16px;line-height:2;color:#212121}.section-intro{height:960px;background-color:#143e80;overflow:hidden;_zoom:1}.section-intro.preload{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-intro.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-intro.png*/)}.section-intro.preload .phone .layout{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-intro-phone.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-intro-phone.png*/);opacity:1;filter:alpha(opacity=100)\9}.section-intro.preload .screen{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-intro-screen.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-intro-screen.png*/)}.section-intro .content{margin:120px 0 0;text-align:center}.section-intro .title,.section-intro .desc{color:#fff}.section-intro .desc{margin:0 auto}.section-intro .phone{width:324px;height:651px;position:absolute;left:50%;bottom:-71px;margin-left:-163px;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-intro .phone .layout{width:324px;height:651px;position:absolute;top:0;left:0;z-index:1;background-repeat:no-repeat;-webkit-transition:all 1s .5s;transition:all 1s .5s;opacity:0;filter:alpha(opacity=0)\9}.section-intro .screen{width:296px;height:522px;margin:58px auto;position:relative;z-index:2}.section-camera{height:1260px;overflow:hidden;_zoom:1}.section-camera.preload .phone-list .item{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-phone-list.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-phone-list.jpg*/)}.section-camera.preload .phone-list .item-3{background:none}.section-camera.preload .phone{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-phone.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-phone.png*/)}.section-camera.preload .phone-list-shaodow{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-phone-shadow.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-phone-shadow.jpg*/)}.section-camera.preload .specs{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-specs.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-specs.png*/)}.section-camera .content{margin:785px 0 0;text-align:center;position:relative;z-index:5}.section-camera .desc{width:742px;margin:0 auto}.section-camera .specs{width:606px;height:68px;margin:70px auto 0;background-repeat:no-repeat}.section-camera .phone{width:326px;height:774px;position:absolute;left:50%;top:0;margin-left:-163px;background-repeat:no-repeat;background-position:center bottom;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);z-index:3;border-radius:20px}.section-camera .phone-list{width:1860px;height:654px;position:absolute;top:120px;left:50%;margin-left:-930px;z-index:2;-webkit-transition:all .5s;transition:all .5s;background-repeat:no-repeat;background-position:center bottom}.section-camera .phone-list .item{float:left;_display:inline;width:326px;height:654px;margin:0 23px;-webkit-transition:all 1s 1s ease-out;transition:all 1s 1s ease-out;opacity:0;filter:alpha(opacity=0)\9;border-radius:20px}.section-camera .phone-list .item-1{-webkit-transform:translate3d(744px, 0, 0);transform:translate3d(744px, 0, 0);background-position:0px 0}.section-camera .phone-list .item-2{-webkit-transform:translate3d(372px, 0, 0);transform:translate3d(372px, 0, 0);background-position:-372px 0}.section-camera .phone-list .item-3{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);background-position:-744px 0}.section-camera .phone-list .item-4{-webkit-transform:translate3d(-372px, 0, 0);transform:translate3d(-372px, 0, 0);background-position:-1116px 0}.section-camera .phone-list .item-5{-webkit-transform:translate3d(-744px, 0, 0);transform:translate3d(-744px, 0, 0);background-position:-1488px 0}.section-camera .phone-list-shaodow{width:1900px;height:180px;position:absolute;top:654px;left:50%;margin-left:-950px;background-color:#fff;background-repeat:no-repeat;background-position:center 0;z-index:3}.section-camera .phone-list-shaodow:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;-webkit-transition:all 1s 2s;transition:all 1s 2s}.section-camera.active .phone-list .item{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;filter:alpha(opacity=100)\9}.section-camera.active .phone-list-shaodow:after{opacity:0;filter:alpha(opacity=0)\9}.section-photo{width:100%;max-width:1920px;margin:0 auto;height:630px;overflow:hidden;_zoom:1}.section-photo ul{width:100%;min-width:1226px;max-width:1920px;height:630px;position:absolute;top:0;left:50%;margin:0 0 0 -50%;padding:0}.section-photo li{float:left;width:50%;height:630px;margin:0;list-style:none}.section-photo li div{height:594px;margin:15px;border:3px solid #fff;position:relative;opacity:0;filter:alpha(opacity=0)\9;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;_zoom:1}.section-photo li .desc{display:block;width:300px;height:60px;line-height:60px;position:absolute;right:-3px;bottom:-3px;background-color:#fff;text-align:center;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0;filter:alpha(opacity=0)\9}.section-photo li:hover div{opacity:1;filter:alpha(opacity=100)\9}.section-photo li:hover .desc{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;filter:alpha(opacity=100)\9}.section-photo-1.preload{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-photo-1.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-photo-1.jpg*/)}.section-photo-2.preload{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-photo-2.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-photo-2.jpg*/)}@-webkit-keyframes flash{from,50%,to{opacity:0;filter:alpha(opacity=0)\9}25%,75%{opacity:1;filter:alpha(opacity=100)\9}}@keyframes flash{from,50%,to{opacity:0;filter:alpha(opacity=0)\9}25%,75%{opacity:1;filter:alpha(opacity=100)\9}}.section-hdr{height:680px;max-width:1920px;min-width:1226px;margin:0 auto;background-color:#fafafa}.section-hdr.preload .phone{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-filter-phone.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-filter-phone.jpg*/)}.section-hdr.preload .screen-1{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-hdr-1.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-hdr-1.jpg*/)}.section-hdr.preload .screen-2{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-hdr-2.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-hdr-2.jpg*/)}.section-hdr.preload .screen-3{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-hdr-3.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-hdr-3.jpg*/)}.section-hdr.preload .screen-4{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-hdr-4.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-hdr-4.jpg*/)}.section-hdr.active .phone{opacity:1;filter:alpha(opacity=100)\9}.section-hdr.active .screen{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-hdr.active .screen-4{opacity:1;filter:alpha(opacity=100)\9}.section-hdr.active .flash{-webkit-animation:flash .3s 2.5s both;animation:flash .3s 2.5s both}.section-hdr .con-box{width:50%;height:680px;margin-left:50%;background-color:#fff;overflow:hidden;_zoom:1}.section-hdr .content{width:450px;margin:215px auto 0}.section-hdr .desc{margin:0}.section-hdr .ani-box{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;_zoom:1}.section-hdr .phone-box{width:318px;height:575px;margin:106px auto 0;background-repeat:no-repeat;position:relative}.section-hdr .phone{height:575px;background-repeat:no-repeat;opacity:0;filter:alpha(opacity=0)\9;-webkit-transition:all .8s 1.8s;transition:all .8s 1.8s}.section-hdr .flash{width:287px;height:516px;position:absolute;top:58px;left:15px;background-color:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7fffffff", endColorstr="#7fffffff")\9;opacity:0;filter:alpha(opacity=0)\9;z-index:5}.section-hdr .screen{width:287px;height:516px;position:absolute;top:58px;left:15px;-webkit-transition:all 1s .5s  ease-in-out;transition:all 1s .5s  ease-in-out;-webkit-box-shadow:-37px 0 20px rgba(0,0,0,0.19);box-shadow:-37px 0 20px rgba(0,0,0,0.19)}.section-hdr .screen-1{-webkit-transform:translate3d(-75%, 0, 0);transform:translate3d(-75%, 0, 0);-webkit-box-shadow:none;box-shadow:none}.section-hdr .screen-2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-hdr .screen-3{-webkit-transform:translate3d(75%, 0, 0);transform:translate3d(75%, 0, 0)}.section-hdr .screen-4{opacity:0;filter:alpha(opacity=0)\9;-webkit-transition:all .5s 2.5s;transition:all .5s 2.5s;z-index:4}.section-filter{height:680px;max-width:1920px;min-width:1226px;margin:0 auto;background-color:#fafafa}.section-filter.preload .phone{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-filter-phone.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-filter-phone.jpg*/)}.section-filter.preload .filter{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-filter-list.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-filter-list.jpg*/)}.section-filter.active .filter{opacity:1;filter:alpha(opacity=100)\9;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section-filter .con-box{width:50%;height:680px;background-color:#fff;overflow:hidden;_zoom:1}.section-filter .content{width:415px;margin:187px auto 0}.section-filter .desc{margin:0}.section-filter .ani-box{position:absolute;top:0;right:0;width:50%;height:100%}.section-filter .phone{width:285px;height:429px;margin:105px auto 0;padding:146px 0 0 33px;background-repeat:no-repeat}.section-filter .filter{display:block;float:left;_display:inline;width:80px;height:80px;margin:0 6px 6px 0;background-repeat:no-repeat;-webkit-transition:all 0.5s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.5s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translate3d(0, 80px, 0);transform:translate3d(0, 80px, 0);opacity:0;filter:alpha(opacity=0)\9}.section-filter .filter-1{-webkit-transition-delay:.0125s;transition-delay:.0125s}.section-filter .filter-2{-webkit-transition-delay:.025s;transition-delay:.025s}.section-filter .filter-3{-webkit-transition-delay:.0375s;transition-delay:.0375s}.section-filter .filter-4{-webkit-transition-delay:.05s;transition-delay:.05s}.section-filter .filter-5{-webkit-transition-delay:.0625s;transition-delay:.0625s}.section-filter .filter-6{-webkit-transition-delay:.075s;transition-delay:.075s}.section-filter .filter-7{-webkit-transition-delay:.0875s;transition-delay:.0875s}.section-filter .filter-8{-webkit-transition-delay:.1s;transition-delay:.1s}.section-filter .filter-9{-webkit-transition-delay:.1125s;transition-delay:.1125s}.section-filter .filter-10{-webkit-transition-delay:.125s;transition-delay:.125s}.section-filter .filter-11{-webkit-transition-delay:.1375s;transition-delay:.1375s}.section-filter .filter-12{-webkit-transition-delay:.15s;transition-delay:.15s}.section-filter .filter-1{background-position:0 0}.section-filter .filter-2{background-position:-86px 0}.section-filter .filter-3{background-position:-172px 0}.section-filter .filter-4{background-position:0 -87px}.section-filter .filter-5{background-position:-86px -87px}.section-filter .filter-6{background-position:-172px -87px}.section-filter .filter-7{background-position:0 -174px}.section-filter .filter-8{background-position:-86px -174px}.section-filter .filter-9{background-position:-172px -174px}.section-filter .filter-10{background-position:0 -261px}.section-filter .filter-11{background-position:-86px -261px}.section-filter .filter-12{background-position:-172px -261px}.section-view{height:1170px;background-color:#fafafa}.section-view.preload .ani-box{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-view.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-view.jpg*/)}.section-view.preload .view{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-view.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-view.jpg*/)}.section-view.preload .view .phone{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-view-phone.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-view-phone.png*/)}.section-view .container{position:relative}.section-view .content{margin:130px 0 0;text-align:center}.section-view .desc{width:854px;margin:0 auto}.section-view .ani-box{width:100%;height:300px;position:absolute;top:495px;left:0;background-repeat:no-repeat;background-position:center -112px}.section-view .ani-box .view{width:287px;height:516px;position:absolute;top:-112px;left:0;background-repeat:no-repeat}.section-view .ani-box .view .phone{width:352px;height:677px;position:absolute;top:-58px;left:-32px;background-position:center 0;background-repeat:no-repeat}.section-beauty{height:1060px;background-position:center  bottom}.section-beauty.preload{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-beauty.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-beauty.jpg*/)}.section-beauty.preload .specs{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-front-specs.png-v2.png"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-front-specs.png?v2*/)}.section-beauty .content{margin-top:130px;text-align:center}.section-beauty .desc{width:873px;margin:0 auto}.section-beauty .specs{width:620px;height:68px;margin:64px auto 0;background-repeat:no-repeat}.section-video{height:960px;background-color:#111}.section-video.preload .scene{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-video-scene-dark.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-video-scene-dark.jpg*/)}.section-video.active .scene{background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-video-scene-light.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-video-scene-light.jpg*/)}.section-video .content{margin-top:140px;text-align:center;position:relative;z-index:5}.section-video .title{color:#fff}.section-video .desc{width:742px;margin:0 auto;color:#fff}.section-video .scene{width:100%;height:660px;position:absolute;bottom:0;left:50%;margin-left:-50%;background-repeat:no-repeat;background-position:center bottom;z-index:3;-webkit-transition:all 2s;transition:all 2s}.section-next.preload .block-link{background-repeat:no-repeat;background-image:url("../../../../c1.mifile.cn/f/i/16/hongmi3/camera-next.jpg"/*tpa=http://c1.mifile.cn/f/i/16/hongmi3/camera-next.jpg*/);background-position:160px 0}