.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;color:#757575;background:#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:420px;padding-top:95px;margin:0 124px 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 .nav-bar .btn{width:150px}@font-face{font-family:'F24b83';src:url("//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/24b83a91fd0c33.eot");src:local(FZLanTingHei-EL-GBK),url("//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/24b83a91fd0c33.eot?#iefix") format("embedded-opentype"),url("//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/24b83a91fd0c33.woff") format("woff"),url("//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/24b83a91fd0c33.ttf") format("truetype"),url("//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/24b83a91fd0c33.svg") format("svg")}.note2-overall .section{position:relative;min-width:1226px;font-size:16px;color:#212121;-webkit-font-smoothing:antialiased}.note2-overall .section .webfont{font-family:'F24b83', "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif}.note2-overall .section .title{margin:0 0 25px;font-size:40px;font-weight:300;line-height:1.25}.note2-overall .section .subtitle{position:relative;margin:0 0 25px;padding-bottom:24px;font-size:24px;font-weight:300;line-height:1.25}.note2-overall .section .subtitle:after{position:absolute;left:0;bottom:0;content:'';width:80px;height:1px;background-color:#000}.note2-overall .section .title,.note2-overall .section .subtitle{-webkit-font-smoothing:antialiased}.note2-overall .section h4{margin:0 0 15px;font-size:16px;font-weight:200;line-height:2}.note2-overall .section .text{margin:0 0 30px;line-height:2}.note2-overall .section .figure{background-repeat:no-repeat;background-position:0 0}.note2-overall .section .link{text-decoration:none;color:#ff6700}.note2-overall .section .link:hover{text-decoration:underline}.note2-overall .section .feature-list{margin:0;padding:0;list-style-type:none}.note2-overall .section-intro{position:relative;height:1530px;background:#fafafa url(//c1.mifile.cn/f/i/15/note2/overall-intro-bg.jpg) no-repeat 50% 0}.note2-overall .section-intro .container{padding-top:230px}.note2-overall .section-intro .intro{position:absolute;left:0;top:0;width:100%;height:1530px;background-color:#fff}.note2-overall .section-intro .intro .content{position:absolute;left:50%;top:300px;width:482px;height:120px;margin:0 0 0 -234px;text-align:center}.note2-overall .section-intro .intro .title{font-size:50px;line-height:60px;color:#333}.note2-overall .section-intro .content-title{width:360px;height:180px;margin:0 auto 625px 140px}.note2-overall .section-intro .content-title .title{font-size:60px}.note2-overall .section-intro .content-title .subtitle{margin:-20px 0 30px;padding:0;color:#757575}.note2-overall .section-intro .content-title .subtitle:after{display:none}.note2-overall .section-intro .content-title .ver{display:inline-block;*zoom:1;*display:inline;width:60px;height:50px;margin-left:10px;vertical-align:8px;font-size:40px;line-height:1.25;text-align:center;background-color:#e23b3b;color:#fff}.note2-overall .section-intro .content-title .num{margin-right:3px;font:200 40px/1 Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif}.note2-overall .section-intro .content-title .price{font-size:24px;color:#ff6700;margin:0}.note2-overall .section-intro .content-title .txt{margin:0;margin-top:10px;font-size:16px;color:#212121}.note2-overall .section-intro .content{width:495px;margin-left:140px}.note2-overall .section-intro .content .feature-list{float:right;width:390px;margin-right:-450px;font-size:12px;text-align:center}.note2-overall .section-intro .content .feature-list li{float:left;width:130px;margin-bottom:30px}.note2-overall .section-intro .content .icon{display:block;width:40px;height:40px;margin:0 auto 15px;background:url(//c1.mifile.cn/f/i/15/note2/overall-icons-intro.png) no-repeat 0 0}.note2-overall .section-intro .content .icon-feature-01{background-position:0 0}.note2-overall .section-intro .content .icon-feature-02{background-position:-40px 0}.note2-overall .section-intro .content .icon-feature-03{background-position:-80px 0}.note2-overall .section-intro .content .icon-feature-04{background-position:0 -40px}.note2-overall .section-intro .content .icon-feature-05{background-position:-40px -40px}.note2-overall .section-intro .content .icon-feature-06{background-position:-80px -40px}.note2-overall .section-performance{position:relative;height:680px;background:url(//c1.mifile.cn/f/i/15/note2/overall-performance-bg.jpg) no-repeat 50% 0;color:#fff}.note2-overall .section-performance .container{position:relative;z-index:10;padding-top:110px;visibility:hidden;visibility:visible \9;opacity:0;filter:alpha(opacity=0)\9;opacity:1 \9;filter:alpha(opacity=NaN)\9;text-align:center;-webkit-transition:opacity 3s .5s;transition:opacity 3s .5s}.note2-overall .section-performance .content{width:854px;margin:0 auto}.note2-overall .section-performance .subtitle:after{left:50%;margin-left:-40px;background-color:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7fffffff", endColorstr="#7fffffff")\9}.note2-overall .section-performance .feature-list{width:560px;margin:0 auto;text-align:center}.note2-overall .section-performance .feature-list li{float:left;_display:inline;width:118px;height:118px;margin:0 10px 25px;border:1px solid rgba(255,255,255,0.5);border-radius:2px}.note2-overall .section-performance .feature-list li .data{margin:20px 0 6px;font-size:18px;font-weight:100}.note2-overall .section-performance .feature-list li .data-s{padding-top:15px}.note2-overall .section-performance .feature-list li .data-s .num{font-size:30px;line-height:1}.note2-overall .section-performance .feature-list li .num{font-size:48px;line-height:1}.note2-overall .section-performance .video-bg{position:absolute;left:0;top:0;z-index:1;width:100%;height:680px;overflow:hidden;_zoom:1}.note2-overall .section-performance .video-bg .video{position:absolute;left:50%;top:50%;z-index:2;width:1920px;height:680px;margin-top:-340px;margin-left:-960px}.note2-overall .section-performance .mask{display:none \9;position:absolute;left:0;top:0;z-index:3;width:100%;height:680px;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;-webkit-transition:all 3s .5s;transition:all 3s .5s}.note2-overall .section-performance.is-visible .container{visibility:visible;opacity:1;filter:alpha(opacity=100)\9}.note2-overall .section-performance.is-visible .mask{background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5000000", endColorstr="#e5000000")\9}.note2-overall .section-camera{overflow:hidden;_zoom:1;background:#fff url(//c1.mifile.cn/f/i/15/note2/overall-camera-bg.png) repeat-x 50% 100%}.note2-overall .section-camera.is-visible .figure-product{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.note2-overall .section-camera .container{position:relative;height:925px;padding-top:135px;text-align:center}.note2-overall .section-camera .figure-product{position:absolute;left:50%;bottom:0;width:822px;height:432px;margin-left:-411px;background-image:url(//c1.mifile.cn/f/i/15/note2/overall-camera.png);-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);-webkit-transition:-webkit-transform .5s .2s;transition:transform .5s .2s}.note2-overall .section-camera .content{width:854px;margin:0 auto}.note2-overall .section-camera .subtitle:after{left:50%;margin-left:-40px}.note2-overall .section-camera .feature-list{width:450px;margin:30px auto 0;text-align:center}.note2-overall .section-camera .feature-list li{float:left;_display:inline;width:108px;height:108px;margin:0 20px;border:1px solid #e0e0e0;border-radius:2px;color:#333}.note2-overall .section-camera .feature-list li .data{margin:25px 0 6px;font-size:16px;font-weight:100}.note2-overall .section-camera .feature-list li .num{margin-right:3px;font-size:36px;line-height:1}.note2-overall .section-sample .container{padding-top:100px;padding-bottom:120px}.note2-overall .section-sample .sample-list{width:978px;margin:0 auto;padding:0;list-style-type:none;color:#333}.note2-overall .section-sample .sample-list li{float:left;_display:inline;width:296px;height:516px;margin:0 15px;-webkit-box-shadow:0 20px 15px rgba(0,0,0,0.05);box-shadow:0 20px 15px rgba(0,0,0,0.05)}.note2-overall .section-sample .sample-list .thumb{width:296px;height:356px}.note2-overall .section-sample .sample-list .detail{padding:35px 30px;font-size:12px}.note2-overall .section-sample .sample-list .name{margin:0 0 8px;font-size:16px;font-weight:400}.note2-overall .section-sample .sample-list .desc{margin:0}.note2-overall .section-screen-intro{height:500px;background:url(//c1.mifile.cn/f/i/15/note2/overall-screen-bg-s.jpg) no-repeat 50% 0}@media (min-width: 1600px){.note2-overall .section-screen-intro{height:700px;background:url(//c1.mifile.cn/f/i/15/note2/overall-screen-bg.jpg) no-repeat 50% 0}}.note2-overall .section-screen-intro .container{position:relative;height:100%}.note2-overall .section-screen-intro .content{position:absolute;left:186px;top:50%;margin-top:-102px}.note2-overall .section-screen{height:980px}.note2-overall .section-screen .container{position:relative;padding-top:200px}.note2-overall .section-screen .content{position:relative;z-index:2;width:365px;margin:0 124px 0 auto}.note2-overall .section-screen .title{width:390px}.note2-overall .section-screen .tip{font-size:14px}.note2-overall .section-screen .figure-product{position:absolute;left:-220px;top:153px;z-index:1;width:907px;height:798px;background:url(//c1.mifile.cn/f/i/15/note2/overall-screen.jpg) no-repeat 0 0}.note2-overall .section-dual{height:725px;background:url(//c1.mifile.cn/f/i/15/note2/overall-dual-bg.jpg) no-repeat 50% 0;color:#fff}.note2-overall .section-dual .container{padding-top:145px}.note2-overall .section-dual .content{width:544px;margin:0 auto 0 124px}.note2-overall .section-dual .subtitle:after{background-color:#fff}.note2-overall .section-dual .text{width:372px;text-align:justify}.note2-overall .section-battery{height:1065px}.note2-overall .section-battery .container{position:relative;padding-top:210px}.note2-overall .section-battery .content{position:relative;z-index:2;width:358px;margin:0 186px 0 auto}.note2-overall .section-battery .feature-list{width:250px;margin:0;text-align:center}.note2-overall .section-battery .feature-list li{float:left;_display:inline;width:98px;height:98px;margin:0 20px 20px 0;border:1px solid #e0e0e0;border-radius:2px}.note2-overall .section-battery .feature-list li .data{margin:20px 0 2px;font-size:18px;font-weight:100}.note2-overall .section-battery .feature-list li .num{font-size:36px;line-height:1}.note2-overall .section-battery .figure-product{position:absolute;left:180px;top:134px;z-index:1;width:401px;height:808px;background:url(//c1.mifile.cn/f/i/15/note2/overall-battery.jpg) no-repeat 0 0}.note2-overall .section-case{height:965px;background:#fafafa url(//c1.mifile.cn/f/i/15/note2/overall-case-bg.jpg) no-repeat 50% 100%}.note2-overall .section-case .container{padding-top:95px;text-align:center}.note2-overall .section-case .content{width:854px;margin:0 auto}.note2-overall .section-case .subtitle:after{left:50%;margin-left:-40px}.note2-overall .section-miui{height:925px}.note2-overall .section-miui .container{position:relative;padding-top:165px}.note2-overall .section-miui .content{position:relative;z-index:2;width:482px;margin:0 auto 0 124px}.note2-overall .section-miui .text{width:340px;text-align:justify}.note2-overall .section-miui .figure-product{position:absolute;right:-85px;top:154px;z-index:1;width:854px;height:717px;background:url(//c1.mifile.cn/f/i/15/note2/overall-miui.jpg) no-repeat 0 0}.note2-overall .section-version{text-align:center}.note2-overall .section-version .container{padding-top:110px;border-top:1px solid #e0e0e0}.note2-overall .section-version .title{font-size:60px}.note2-overall .section-version .subtitle{margin:-20px 0 90px;padding:0;color:#757575}.note2-overall .section-version .subtitle:after{display:none}.note2-overall .section-version .ver{display:inline-block;*zoom:1;*display:inline;width:60px;height:50px;margin-left:10px;vertical-align:8px;font-size:40px;line-height:1.25;background-color:#e23b3b;color:#fff}.note2-overall .section-version .version-list{width:1152px;margin:0 auto;padding:0 0 80px;list-style-type:none}.note2-overall .section-version .version-list li{float:left;width:384px}.note2-overall .section-version .version-list .figure-thumb{width:300px;height:300px;margin:0 auto 20px}.note2-overall .section-version .version-list .detail{width:200px;margin:0 auto;text-align:left}.note2-overall .section-version .version-list .name{width:220px;margin:0 0 10px;font-size:22px;font-weight:400}.note2-overall .section-version .version-list .price{margin-left:10px;color:#ff6700}.note2-overall .section-version .version-list .price .num{font-family:Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:200}.note2-overall .section-version .version-list .infor{font-size:16px;color:#ff6700;font-family:Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif}.note2-overall .section-version .version-list .desc{margin:0 0 15px;font-size:12px;color:#757575}.note2-overall .section-next .block-link{background:url(//c1.mifile.cn/f/i/15/note2/overall-next.jpg) no-repeat 100px 50px}