.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{background:#f5f5f5}.xm-product-box .section-next .section-text{display:block;width:100%;height:350px}.xm-product-box .section-next .section-text span{display:block}.xm-product-box .section-next .section-text .container{height:350px;position:relative}.xm-product-box .section-next .section-text .container .section-context{padding:96px 0 0 124px}.xm-product-box .section-next .section-text .container .section-context .text-title{color:#ff6700}.xm-product-box .section-next .section-text .container .section-context .text-title em{color:#212121;margin-left:18px;font-style:normal}.xm-product-box .section-next .section-text .container .section-context .subtitle{margin-top:15px;font-size:22px;color:#757575}.xm-product-box .section-next .section-text .container .section-context .subtitle:hover{color:#757575}.xm-product-box .section-next .section-text .container .next-bg{position:absolute}.xm-product-box .section-footnote{background-color:#fafafa}.xm-product-box .section-footnote .container{padding-top:45px;padding-bottom:45px;color:#757575}.xm-product-box .section-footnote .content{margin-left:124px}.xm-product-box .section-footnote .footnote-list{margin:0;padding:0;list-style-type:decimal;font-size:12px;line-height:2}@font-face{font-family:'RobotoDraft Thin';src:url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/HonEFHq.eot"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/HonEFHq.eot*/);src:local(RobotoDraft Thin),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/HonEFHq.eot-#iefix"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/HonEFHq.eot?#iefix*/) format("embedded-opentype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/2iS9oRH.woff"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/2iS9oRH.woff*/) format("woff"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/aMny0.ttf"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/aMny0.ttf*/) format("truetype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/FD5npwD.svg"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/FD5npwD.svg*/) format("svg")}@font-face{font-family:'RobotoDraft Light';src:url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8KpZHdk.eot"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8KpZHdk.eot*/);src:local(RobotoDraft Light),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8KpZHdk.eot-#iefix"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8KpZHdk.eot?#iefix*/) format("embedded-opentype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/mKfgWrd.woff"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/mKfgWrd.woff*/) format("woff"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/og10i.ttf"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/og10i.ttf*/) format("truetype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/NpTggBK.svg"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/NpTggBK.svg*/) format("svg")}.section-text .text-title{font-size:48px;color:#212121;line-height:60px;font-family:'RobotoDraft Light', 'FZYouH_506L', "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}.section-text .text-border{height:0px;width:80px;border-top:1px solid #212121;margin-top:25px}.section-text .text-descp{font-size:16px;line-height:28px;margin-top:25px}.section-text .text-link{color:#ff5722;font-size:16px;margin-top:20px;display:block}.J_movePic{-webkit-transition:all 700ms cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 700ms cubic-bezier(0.39, 0.575, 0.565, 1)}.J_Text .J_Part{opacity:0;filter:alpha(opacity=0)\9;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.J_Text .J_Part:nth-child(1){-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out}.J_Text .J_Part:nth-child(2){-webkit-transition:all 0.7s ease-out 0.5s;transition:all 0.7s ease-out 0.5s}.J_Text .J_Part:nth-child(3){-webkit-transition:all 0.7s ease-out 0.8s;transition:all 0.7s ease-out 0.8s}.J_Text .J_Part:nth-child(4){-webkit-transition:all 0.7s ease-out 1.1s;transition:all 0.7s ease-out 1.1s}.J_Text .J_Part:nth-child(5){-webkit-transition:all 0.7s ease-out 1.4s;transition:all 0.7s ease-out 1.4s}.J_Text .J_Part:nth-child(6){-webkit-transition:all 0.7s ease-out 1.7s;transition:all 0.7s ease-out 1.7s}.J_Text.fadeShow .J_Part{opacity:1;filter:alpha(opacity=100)\9;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.nav-bar.fix-bar{position:fixed;position:fixed;margin-top:0px;z-index:100;width:100%;top:-50px;-webkit-transition:top  .6s ease-out;transition:top  .6s ease-out}.nav-bar.showFix{top:0px}.xm-product-box .empty{height:65px}.xm-product-box .nav-bar{margin-top:-50px}.xm-product-box .nav-bar.nav-fixed{position:fixed;left:0;width:100%;margin-top:0;z-index:99}.xm-product-box .nav-bar.top{top:0;margin-top:0}.xm-product-box .nav-bar.disappear{top:-50px}.xm-product-box .nav-bar.animate{-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.section-version{height:460px !important;position:relative;background:#212121;overflow:hidden;_zoom:1}.section-version .ver-list{margin:85px auto 0px;width:1227px}.section-version li{float:left;position:relative;width:613px;height:300px}.section-version .img,.section-version .ver-text{position:absolute}.section-version .img{width:269px;height:300px}.section-version .left .img{right:435px;background:url("../../../../c1.mifile.cn/f/i/15/note3/sm-66.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/sm-66.jpg*/)}.section-version .left .ver-text{right:105px;width:255px}.section-version .right .img{left:90px;background:url("../../../../c1.mifile.cn/f/i/15/note3/sm-65.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/sm-65.jpg*/)}.section-version .right .ver-text{left:430px;width:275px}.section-version .ver-tit{margin-top:50px;font-size:28px;color:#fff;display:block}.section-version .ver-con{font-size:16px;color:#fff;margin-top:15px;line-height:30px}.section-version .buy-btn{margin-top:15px;width:190px;height:35px;line-height:35px;border:1px solid #d45823;color:#d45823;font-size:16px;text-align:center;display:block}.section-version .right{border-left:1px solid #383838}.section{-webkit-font-smoothing:antialiased}.section h1,.section h2,.section h3,.section p,.section ul,.section li{font-weight:normal;list-style-type:none;margin:0px;padding:0px}@font-face{font-family:'FZYouH_506L';src:url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/yHJSrAl.eot"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/yHJSrAl.eot*/);src:local(FZYouH_506L),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/yHJSrAl.eot-#iefix"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/yHJSrAl.eot?#iefix*/) format("embedded-opentype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/cErnVPp.woff"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/cErnVPp.woff*/) format("woff"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/qh3r5.ttf"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/qh3r5.ttf*/) format("truetype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/9eFw19X.svg"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/9eFw19X.svg*/) format("svg")}.webfont{font-family:'RobotoDraft Light', 'FZYouH_506L', "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}.note3-screen .subtitle{font-size:24px}.note3-screen .text-title{line-height:60px}.note3-screen .section-intro{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-intro-bg.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-intro-bg.png*/) repeat-x left top;overflow:hidden;_zoom:1}.note3-screen .section-intro .container{height:1000px;position:relative}.note3-screen .section-intro .section-text{padding:195px 0 0 124px;width:482px;position:relative;z-index:3}.note3-screen .section-intro .section-text h1{color:#212121;font-size:60px;line-height:72px}.note3-screen .section-intro .section-text .subtitle{color:#212121;font-size:36px}.note3-screen .section-intro .section-text p{color:#616161}.note3-screen .section-intro .section-text ul{margin-top:45px}.note3-screen .section-intro .section-text ul li{width:186px;float:left;line-height:72px;font-size:16px}.note3-screen .section-intro .section-text ul li span.num{font-size:72px;font-weight:100}.note3-screen .section-intro .section-intro-img{position:absolute;width:968px;height:1450px;left:398px;top:0;z-index:1}.note3-screen .section-intro .section-intro-img ul{position:relative}.note3-screen .section-intro .section-intro-img ul li{opacity:0;filter:alpha(opacity=0)\9;-webkit-transition:all 2s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 2s cubic-bezier(0.215, 0.61, 0.355, 1)}.note3-screen .section-intro .section-intro-img ul li.imgList1{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-intro-3.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-intro-3.png*/) no-repeat center top;width:813px;height:788px;position:absolute;left:0;top:-392px;-webkit-transform:translate3d(0%, -200px, 0);transform:translate3d(0%, -200px, 0)}.note3-screen .section-intro .section-intro-img ul li.imgList2{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-intro-2.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-intro-2.png*/) no-repeat center top;width:939px;height:694px;position:absolute;top:447px;left:10px;-webkit-transform:translate3d(0%, 200px, 0);transform:translate3d(0%, 200px, 0)}.note3-screen .section-intro.xm-visible-section .section-intro-img ul li{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0);opacity:1;filter:alpha(opacity=100)\9}.note3-screen .section-sunSrceen,.note3-screen .section-luminous{height:800px;color:#fff;position:relative;overflow:hidden;_zoom:1}.note3-screen .section-sunSrceen .section-text,.note3-screen .section-luminous .section-text{width:358px;position:relative;z-index:2}.note3-screen .section-sunSrceen .section-text .text-title,.note3-screen .section-luminous .section-text .text-title{color:#fff;width:420px}.note3-screen .section-sunSrceen .section-text .text-border,.note3-screen .section-luminous .section-text .text-border{border-top:1px solid #fff}.note3-screen .section-sunSrceen .section-text .subtitle,.note3-screen .section-luminous .section-text .subtitle{margin-bottom:10px}.note3-screen .section-sunSrceen .backbg,.note3-screen .section-luminous .backbg,.note3-screen .section-eyeprotect .backbg{position:absolute;top:-50px;width:100%;height:900px;left:50%;margin-left:-50%;background-repeat:no-repeat;background-position:center center;z-index:1;background-size:cover}.note3-screen .section-sunSrceen .section-text{padding:92px 0 0 744px}.note3-screen .section-sunSrceen .backbg{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/screen-sunscreen-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-sunscreen-bg.jpg*/)}.note3-screen .section-luminous .section-text{padding:210px 0 0 124px;width:302px}.note3-screen .section-luminous .backbg{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/screen_luminous_bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen_luminous_bg.jpg*/)}.note3-screen .section-eyeprotect{height:800px;position:relative;overflow:hidden;_zoom:1}.note3-screen .section-eyeprotect .section-text{width:358px;position:relative;z-index:2;padding:190px 0 0 124px}.note3-screen .section-eyeprotect .section-text .text-title{width:420px}.note3-screen .section-eyeprotect .section-text .subtitle{margin-bottom:10px}.note3-screen .section-eyeprotect .section-text h3{font-size:24px;padding-top:20px;color:#212121}.note3-screen .section-eyeprotect .section-text .sub-text{margin-top:5px}.note3-screen .section-eyeprotect .backbg{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/screen_eyeprotect_bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen_eyeprotect_bg.jpg*/)}.note3-screen .section-other,.note3-screen .section-compare,.note3-screen .section-translucent,.note3-screen .section-ips{height:600px}.note3-screen .section-other .side,.note3-screen .section-compare .side,.note3-screen .section-translucent .side,.note3-screen .section-ips .side{width:50%;float:left;height:100%}.note3-screen .section-other .section-text,.note3-screen .section-compare .section-text,.note3-screen .section-translucent .section-text,.note3-screen .section-ips .section-text{width:613px}.note3-screen .section-other .section-left .section-text,.note3-screen .section-compare .section-left .section-text,.note3-screen .section-translucent .section-left .section-text,.note3-screen .section-ips .section-left .section-text{float:right}.note3-screen .section-other .section-right .section-text,.note3-screen .section-compare .section-right .section-text,.note3-screen .section-translucent .section-right .section-text,.note3-screen .section-ips .section-right .section-text{float:left}.note3-screen .section-other .section-text,.note3-screen .section-compare .section-text{padding-top:20px;height:580px;font-size:16px}.note3-screen .section-other .section-left,.note3-screen .section-compare .section-left{background:#f5f5f5}.note3-screen .section-other .section-left .section-text,.note3-screen .section-compare .section-left .section-text{padding-right:36px;text-align:right}.note3-screen .section-other .section-right,.note3-screen .section-compare .section-right{background:#eeeeee}.note3-screen .section-other .section-right .section-text,.note3-screen .section-compare .section-right .section-text{padding-left:36px}.note3-screen .section-other{color:#616161}.note3-screen .section-other .section-left{background:#f5f5f5}.note3-screen .section-other .section-left .section-text{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-other-no.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-other-no.jpg*/) no-repeat 80px bottom}.note3-screen .section-other .section-right{background:#eeeeee}.note3-screen .section-other .section-right .section-text{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-other-yes.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-other-yes.jpg*/) no-repeat 138px bottom}.note3-screen .section-compare{height:800px;color:#bdbdbd}.note3-screen .section-compare .section-text{height:780px}.note3-screen .section-compare .section-left{background:#292624}.note3-screen .section-compare .section-left .section-text{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-compare-no.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-compare-no.jpg*/) no-repeat right 152px}.note3-screen .section-compare .section-right{background:#211f1e}.note3-screen .section-compare .section-right .section-text{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-compare-yes.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-compare-yes.jpg*/) no-repeat left 152px}.note3-screen .section-sleep{height:600px;background:#797e84;color:#fff}.note3-screen .section-sleep .section-text{padding:210px 0 0 124px}.note3-screen .section-sleep .section-text .text-border{border-top:1px solid #fff}.note3-screen .section-full{text-align:center;overflow:hidden;_zoom:1;height:900px}.note3-screen .section-full .container{position:relative}.note3-screen .section-full .section-text{padding-top:140px;margin-bottom:75px}.note3-screen .section-full .section-text .subtitle{color:#616161;margin-bottom:10px}.note3-screen .section-full .section-text .text-border{margin:40px auto 0 auto}.note3-screen .section-full .section-text .text-descp{color:#616161;width:744px;margin:35px auto 0 auto}.note3-screen .section-full .section-full-img{background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-full-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-full-bg.jpg*/) no-repeat center top;height:709px;-webkit-transform:translate3d(0%, 60px, 0);transform:translate3d(0%, 60px, 0);opacity:0;filter:alpha(opacity=0)\9}.note3-screen .section-full.xm-visible-section .section-full-img{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0);opacity:1;filter:alpha(opacity=100)\9}.note3-screen .section-translucent{overflow:hidden;_zoom:1}.note3-screen .section-translucent .section-left{background:#f5f5f5}.note3-screen .section-translucent .section-left .section-text{width:613px;float:right;text-align:center}.note3-screen .section-translucent .section-left .section-text .context{width:358px;padding:145px 0 0 124px}.note3-screen .section-translucent .section-left .section-text .text-border{margin:40px auto 0 auto}.note3-screen .section-translucent .section-right{background:#eeeeee}.note3-screen .section-translucent .section-right .section-text{width:613px;float:left;_display:inline;background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-translucent-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-translucent-bg.jpg*/) no-repeat center top;width:474px;height:930px;margin:83px 0 0 124px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:translate3d(0%, 120px, 0);transform:translate3d(0%, 120px, 0)}.note3-screen .section-translucent.xm-visible-section .section-right .section-text{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}.note3-screen .section-ips{overflow:hidden;_zoom:1;margin-bottom:20px}.note3-screen .section-ips .section-left{background:#eeeeee;position:relative}.note3-screen .section-ips .section-left .section-text{position:absolute;width:613px;background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-ips-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-ips-bg.jpg*/) no-repeat center top;width:557px;height:961px;top:-177px;right:100px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:translate3d(0px, 100px, 0);transform:translate3d(0px, 100px, 0);opacity:0;filter:alpha(opacity=0)\9}.note3-screen .section-ips.xm-visible-section .section-left .section-text{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0);opacity:1;filter:alpha(opacity=100)\9}.note3-screen .section-ips .section-right{background:#f5f5f5}.note3-screen .section-ips .section-right .section-text{width:613px;float:left;text-align:center}.note3-screen .section-ips .section-right .section-text .context{width:358px;padding:145px 0 0 124px}.note3-screen .section-ips .section-right .section-text .text-border{margin:40px auto 0 auto}.note3-screen .section-next .next-bg{width:482px;height:300px;bottom:0;right:124px;background:url("../../../../c1.mifile.cn/f/i/15/note3/screen-next.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/screen-next.jpg*/) no-repeat center top}