.xm-product-box .hd{border-bottom:1px solid #ededed;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px}.xm-product-box .hd .separator{margin:0 5px}.xm-product-box .ft{border-top:1px solid #ededed;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px}.xm-product-box .nav-bar{margin-top:15px;position:relative;height:50px;color:#6d6d6d;background:#fff}.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:#333333}.xm-product-box .nav-bar .title small{font-size:12px}.xm-product-box .nav-bar .title .separator{margin:0 5px}.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-switch .separator{margin:0 5px;color:#f3f3f3}.xm-product-box .nav-switch .tab,.xm-product-box .nav-switch .link{color:#6d6d6d}.xm-product-box .nav-switch .tab:hover,.xm-product-box .nav-switch .link:hover{color:#6d6d6d}.xm-product-box .nav-switch .tab-active{color:#ff6f3d;cursor:default}.xm-product-box .nav-switch .tab-active:hover{color:#ff6f3d}.xm-product-box .separator{font-family:sans-serif}.xm-product-box .btn-disable{cursor:default}.xm-product-box .btn-disable:hover{background:#6d6d6d}.xm-product-box .btn-disable:active{background:#6d6d6d;-webkit-box-shadow:none;box-shadow:none}.sub_nav{height:59px;border-bottom:1px solid #dfdfdf;border-bottom:1px solid rgba(0,0,0,0.1)}.sub_nav h2{float:left;margin-top:20px;color:#333;font-size:24px}.sub_nav h2 small{font-size:50%}.sub_nav h2 .separator{font-size:80%;color:#ececec;margin:0 10px}.sub_nav .nav{float:right;overflow:hidden}.sub_nav .nav li{float:left;line-height:16px;margin:30px 16px 0 16px;color:#434A54;font-size:14px;cursor:pointer}.sub_nav .nav li:last-child{margin-right:0}.sub_nav .nav li a{color:#333}.sub_nav .nav li.active a,.sub_nav .nav li.current a{color:#8c8c8c;cursor:default}.sub_nav .nav li .btn-small{height:32px;line-height:32px;width:auto;padding:0 12px;color:#ffffff;margin-top:-8px;vertical-align:text-top}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}ul{margin:0;padding:0;list-style-type:none}@media screen and (min-width: 1px) and (max-width: 1260px){.nav_container{width:930px}.container{width:930px}}@font-face{font-family:'FZLanTingXianHei';src:url("webfont/FZLTXH-note3.woff"/*tpa=http://s01.appmifile.com/css/tw/note3/webfont/FZLTXH-note3.woff*/) format("woff"),url("webfont/FZLTXH-note3.ttf"/*tpa=http://s01.appmifile.com/css/tw/note3/webfont/FZLTXH-note3.ttf*/) format("truetype")}.xm-product-box{font-family:'FZLanTingXianHei';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:1226px}.xm-product-box{font-weight:300;color:#000;min-width:1226px;overflow:hidden}.xm-product-box h1,.xm-product-box h2,.xm-product-box h3,.xm-product-box h4,.xm-product-box h5,.xm-product-box h6,.xm-product-box p,.xm-product-box ul,.xm-product-box li{font-weight:300}.xm-product-box .container{width:1226px}.section-footnote{background-color:#fafafa}.section-footnote .container{padding-top:45px;padding-bottom:45px;color:#757575}.section-footnote .content{margin-left:124px}.section-footnote .footnote-list{margin:0;padding:0;list-style-type:decimal;font-size:12px;line-height:2}.section-next{background:#f5f5f5}.section-next .section-text{display:block;width:100%;height:350px}.section-next .section-text span{display:block}.section-next .section-text .container{height:350px;position:relative}.section-next .section-text .container .section-context{padding:96px 0 0 124px}.section-next .section-text .container .section-context .text-title{font-size:36px;color:#ff6700}.section-next .section-text .container .section-context .text-title em{color:#212121;font-style:normal}.section-next .section-text .container .section-context .subtitle{font-size:24px;color:#212121}.section-next .section-text .container .section-context .subtitle:hover{color:#212121}.section-next .section-text .container .next-bg{position:absolute}.section-version{height:460px;position:relative;background:#212121;overflow:hidden}.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:375px;background:url("../../../../i01.appmifile.com/webfile/globalimg/zh/goods/note3/sm-66.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/zh/goods/note3/sm-66.jpg*/)}.section-version .left .ver-text{right:45px;width:295px}.section-version .right .img{left:50px;background:url("../../../../i01.appmifile.com/webfile/globalimg/zh/goods/note3/sm-65.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/zh/goods/note3/sm-65.jpg*/)}.section-version .right .ver-text{left:350px;width:295px}.section-version .ver-tit{margin-top:50px;font-size:28px;color:#fff}.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-text .text-title{font-size:48px;color:#212121;line-height:1.25}.section-text .text-smalltitle{font-size:35px;color:#212121;line-height:2}.section-text .text-title sup,.section-text .text-smalltitle sup{font-size:14px;vertical-align:super}.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;color:#616161}.section-text .text-link{color:#ff5722;font-size:16px;margin-top:20px;display:inline-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;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.J_Text .J_Part:nth-child(1){-webkit-transition:all .7s ease-out;transition:all .7s ease-out}.J_Text .J_Part:nth-child(2){-webkit-transition:all .7s ease-out .5s;transition:all .7s ease-out .5s}.J_Text .J_Part:nth-child(3){-webkit-transition:all .7s ease-out .8s;transition:all .7s ease-out .8s}.J_Text .J_Part:nth-child(4){-webkit-transition:all .7s ease-out 1.1s;transition:all .7s ease-out 1.1s}.J_Text .J_Part:nth-child(5){-webkit-transition:all .7s ease-out 1.4s;transition:all .7s ease-out 1.4s}.J_Text .J_Part:nth-child(6){-webkit-transition:all .7s ease-out 1.7s;transition:all .7s ease-out 1.7s}.J_Text.fadeShow .J_Part{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.footer{margin-top:0}.note3-screen .subtitle{font-size:24px}.note3-screen .text-title{line-height:60px}.note3-screen .section-intro{background:url("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-intro-bg.png"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-intro-bg.png*/) repeat-x left top;overflow:hidden}.note3-screen .section-intro .container{height:1000px;position:relative}.note3-screen .section-intro .section-text{padding:140px 0 0 80px;width:610px;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{width:530px;color:#616161}.note3-screen .section-intro .section-text ul{margin-top:45px}.note3-screen .section-intro .section-text ul li{width:200px;float:left;line-height:62px;font-size:16px}.note3-screen .section-intro .section-text ul li span.num{font-size:62px;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;-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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-intro-3.png"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-intro-2.png"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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}.note3-screen .section-sunSrceen,.note3-screen .section-luminous{height:800px;color:#fff;position:relative;overflow:hidden}.note3-screen .section-sunSrceen .section-text,.note3-screen .section-luminous .section-text{width:368px;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 .section-text .text-descp,.note3-screen .section-luminous .section-text .text-descp{color:#fff}.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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-sunscreen-bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen_luminous_bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/note3/screen_luminous_bg.jpg*/)}.note3-screen .section-eyeprotect{height:800px;position:relative;overflow:hidden}.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;color:#333}.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 .section-text .text-descp{color:#333}.note3-screen .section-eyeprotect .backbg{background-image:url("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen_eyeprotect_bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-other-no.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-other-yes.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-compare-no.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-compare-yes.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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;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("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-full-bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-full-bg.jpg*/) no-repeat center top;height:709px;-webkit-transform:translate3d(0%, 60px, 0);transform:translate3d(0%, 60px, 0);opacity:0}.note3-screen .section-full.xm-visible-section .section-full-img{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0);opacity:1}.note3-screen .section-translucent{overflow:hidden}.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;background:url("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-translucent-bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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}.note3-screen .section-ips .section-left{background:#eeeeee;position:relative}.note3-screen .section-ips .section-left .section-text{position:absolute;width:613px;float:right;background:url("../../../../i01.appmifile.com/webfile/globalimg/en/goods/note3/screen-ips-bg.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/en/goods/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}.note3-screen .section-ips.xm-visible-section .section-left .section-text{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0);opacity:1}.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:360px;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:520px;height:260px;bottom:0;right:100px;background:url("../../../../i01.appmifile.com/webfile/globalimg/zh/goods/note3/screen-next.jpg"/*tpa=http://i01.appmifile.com/webfile/globalimg/zh/goods/note3/screen-next.jpg*/) no-repeat center top}