.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/lqY3zmz.eot"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/lqY3zmz.eot*/);src:local(FZYouH_506L),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/lqY3zmz.eot-#iefix"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/lqY3zmz.eot?#iefix*/) format("embedded-opentype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8Pzbq58.woff"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/8Pzbq58.woff*/) format("woff"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/2JXvq.ttf"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/2JXvq.ttf*/) format("truetype"),url("../../../../i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/VhQt7Ms.svg"/*tpa=http://i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/VhQt7Ms.svg*/) format("svg")}.note3-design .section{position:relative}.note3-design .section .section-text{color:#616161}.note3-design .section .section-text .sub-title{font-size:24px}.note3-design .section .section-text .text-descp{line-height:28px;font-size:16px}.note3-design .section .section-text .text-descp span{display:block;margin-bottom:12px;font-size:24px;line-height:36px}.note3-design .section .section-text.auto-flow{margin-left:auto;margin-right:auto;text-align:center}.note3-design .section .section-text.auto-flow .text-border{margin-left:auto;margin-right:auto}.note3-design .section .section-text.auto-flow .text-descp{margin-left:auto;margin-right:auto}.note3-design .container{position:relative}.note3-design .sec-overall{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-overall-bg.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-overall-bg.png*/) repeat-x 50% 0 #f5f5f5;overflow:hidden;_zoom:1}.note3-design .sec-overall .container{height:1700px}.note3-design .sec-overall .wrap-1{position:absolute;left:130px;top:160px;width:372px}.note3-design .sec-overall .wrap-1 .text-title{font-size:60px;line-height:72px;color:#212121}.note3-design .sec-overall .wrap-1 .text-descp{margin-top:20px;color:#616161;font-size:18px;line-height:30px}.note3-design .sec-overall .wrap-2{position:absolute;left:627px;top:1060px;width:482px}.note3-design .sec-overall .img{position:absolute}@-webkit-keyframes overall-img-ani{100%{-webkit-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}@keyframes overall-img-ani{100%{-webkit-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}.note3-design .sec-overall .img-1{left:582px;top:0;height:461px;width:1095px;background:url("../../../../c1.mifile.cn/f/i/15/note3/design-overall-img-1.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-overall-img-1.png*/) no-repeat;-webkit-transform:translateY(-700px) rotate(20deg);-ms-transform:translateY(-700px) rotate(20deg);transform:translateY(-700px) rotate(20deg);-webkit-animation:overall-img-ani 5s 0.5s forwards cubic-bezier(0, 0.98, 1, 1);animation:overall-img-ani 5s 0.5s forwards cubic-bezier(0, 0.98, 1, 1)}.note3-design .sec-overall .img-2{left:410px;top:460px;width:1172px;height:728px;background:url("../../../../c1.mifile.cn/f/i/15/note3/design-overall-img-2.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-overall-img-2.png*/) no-repeat;-webkit-transform:translateY(-1200px) rotate(-40deg);-ms-transform:translateY(-1200px) rotate(-40deg);transform:translateY(-1200px) rotate(-40deg);-webkit-animation:overall-img-ani 5s forwards cubic-bezier(0, 0.98, 1, 1);animation:overall-img-ani 5s forwards cubic-bezier(0, 0.98, 1, 1)}.note3-design .sec-overall .img-3{left:30px;bottom:-50px;width:603px;height:800px;background:url("../../../../c1.mifile.cn/f/i/15/note3/design-overall-img-3.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-overall-img-3.png*/) no-repeat}.note3-design .sec-feature.preload .c-icon{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-feature-imgs.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-feature-imgs.png*/) no-repeat 0 0}.note3-design .sec-feature.preload .img-2{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-feature-img-2.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-feature-img-2.png*/) no-repeat}.note3-design .sec-feature.preload .img-1{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-feature-img-1.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-feature-img-1.png*/) no-repeat}.note3-design .sec-feature .container{height:1278px}.note3-design .sec-feature .section-text{position:absolute;left:130px;top:210px;width:550px}.note3-design .sec-feature .section-text .text-title .large-text{font-size:72px}.note3-design .sec-feature .section-text .text-title .small-text{font-size:30px}.note3-design .sec-feature .section-text .text-descp{width:482px}.note3-design .sec-feature .section-text .feature-list{margin-top:80px;margin-left:-52px}.note3-design .sec-feature .section-text .feature-list li{float:left;width:186px;margin-left:52px}.note3-design .sec-feature .section-text .feature-list .c-icon{display:block;width:186px;height:66px}.note3-design .sec-feature .section-text .feature-list .icon-1{background-position:0 0}.note3-design .sec-feature .section-text .feature-list .icon-2{background-position:-238px 0}.note3-design .sec-feature .section-text .feature-list .c-tit{display:block;margin:25px 0 0;font-size:16px;color:#616161;text-align:center;line-height:1}.note3-design .sec-feature .img{position:absolute;opacity:0;filter:alpha(opacity=0)\9;opacity:0 \9 \0;filter:alpha(opacity=NaN)\9}@-webkit-keyframes feature-img-ani{100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1;filter:alpha(opacity=100)\9}}@keyframes feature-img-ani{100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1;filter:alpha(opacity=100)\9}}.note3-design .sec-feature .img-2{left:720px;top:95px;width:226px;height:1099px;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}.note3-design .sec-feature .img-1{left:910px;top:90px;width:226px;height:1083px;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}.note3-design .sec-feature.is-visible .img-2{-webkit-animation:feature-img-ani 3s forwards cubic-bezier(0, 0, 0.24, 1.01);animation:feature-img-ani 3s forwards cubic-bezier(0, 0, 0.24, 1.01)}.note3-design .sec-feature.is-visible .img-1{-webkit-animation:feature-img-ani 3s 0.35s forwards cubic-bezier(0, 0, 0.24, 1.01);animation:feature-img-ani 3s 0.35s forwards cubic-bezier(0, 0, 0.24, 1.01)}.note3-design .sec-case{background-color:#ede5da;overflow:hidden;_zoom:1}.note3-design .sec-case.preload .img-1{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-case-img-1.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-case-img-1.jpg*/) 50% 0}.note3-design .sec-case.preload .img-1 .shadow{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-case-img-shadow.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-case-img-shadow.png*/) 50% 0}.note3-design .sec-case.preload .img-2{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-case-img-2.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-case-img-2.png*/) 50% 0}.note3-design .sec-case .container{height:1070px}.note3-design .sec-case .img{position:absolute}@-webkit-keyframes case-ani-1{100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes case-ani-1{100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}.note3-design .sec-case .img-1{top:265px;left:82px;width:439px;height:738px;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px)}.note3-design .sec-case .img-1 .shadow{width:100%;height:100%;opacity:0;filter:alpha(opacity=0)\9}.note3-design .sec-case .img-2{top:50px;left:255px;width:456px;height:762px;-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}.note3-design .sec-case .section-text{position:absolute;top:208px;left:813px}.note3-design .sec-case .section-text .text-descp{margin-right:10px;width:358px}.note3-design .sec-case.is-visible .img-1,.note3-design .sec-case.is-visible .img-2{-webkit-animation:case-ani-1 2s forwards cubic-bezier(0, 0, 0.24, 1.01);animation:case-ani-1 2s forwards cubic-bezier(0, 0, 0.24, 1.01)}@-webkit-keyframes case-ani-2{100%{opacity:1;filter:alpha(opacity=100)\9}}@keyframes case-ani-2{100%{opacity:1;filter:alpha(opacity=100)\9}}.note3-design .sec-case.is-visible .shadow{-webkit-animation:case-ani-2 1.5s 1s forwards;animation:case-ani-2 1.5s 1s forwards}.note3-design .sec-crafts{overflow:hidden;_zoom:1}.note3-design .sec-crafts.preload .img-main{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-crafts-img-back.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-crafts-img-back.jpg*/) 50% 0 no-repeat}.note3-design .sec-crafts.preload .img-main .img-overlay{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-crafts-img-overlay.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-crafts-img-overlay.png*/) 50% 0 no-repeat}.note3-design .sec-crafts.preload .img-left{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-crafts-img-left.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-crafts-img-left.png*/) 0 0 no-repeat}.note3-design .sec-crafts.preload .img-right{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-crafts-img-right.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-crafts-img-right.png*/) 0 0 no-repeat}.note3-design .sec-crafts .container{height:760px}.note3-design .sec-crafts .img-main{position:absolute;left:50%;top:250px;margin-left:-439px;width:878px;height:209px;opacity:0;filter:alpha(opacity=0)\9;opacity:0 \9 \0;filter:alpha(opacity=NaN)\9}.note3-design .sec-crafts .img-main .img-overlay{position:absolute;left:0;right:0;top:0;bottom:0}.note3-design .sec-crafts .img-main .img-lr{position:absolute;top:0;bottom:0;opacity:0;filter:alpha(opacity=0)\9;opacity:0 \9 \0;filter:alpha(opacity=NaN)\9}@-webkit-keyframes crafts-ani-2{100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)\9}}@keyframes crafts-ani-2{100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)\9}}.note3-design .sec-crafts .img-main .img-left{width:525px;left:-53px;-webkit-transform:translateX(-1500px);-ms-transform:translateX(-1500px);transform:translateX(-1500px)}.note3-design .sec-crafts .img-main .img-right{width:461px;right:-51px;-webkit-transform:translateX(1500px);-ms-transform:translateX(1500px);transform:translateX(1500px)}@-webkit-keyframes crafts-img-ani{100%{opacity:1;filter:alpha(opacity=100)\9}}@keyframes crafts-img-ani{100%{opacity:1;filter:alpha(opacity=100)\9}}.note3-design .sec-crafts.is-visible .img-main{-webkit-animation:crafts-img-ani 3s forwards cubic-bezier(0, 0, 0, 1);animation:crafts-img-ani 3s forwards cubic-bezier(0, 0, 0, 1)}.note3-design .sec-crafts.is-visible .img-left,.note3-design .sec-crafts.is-visible .img-right{-webkit-animation:crafts-ani-2 2s 1s forwards cubic-bezier(0, 0, 0, 1);animation:crafts-ani-2 2s 1s forwards cubic-bezier(0, 0, 0, 1)}.note3-design .sec-crafts .section-text{margin-top:130px}.note3-design .sec-crafts .section-text .text-descp{margin-top:330px !important;width:610px}.note3-design .sec-particulars{background-color:#e0e0e0;height:800px;overflow:hidden;_zoom:1}.note3-design .sec-particulars.preload .overlay{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-particulars-overlay.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-particulars-overlay.png*/) 100% 0 no-repeat}.note3-design .sec-particulars.preload .hotspots{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-p-hotspot-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-p-hotspot-bg.jpg*/) 0 0 no-repeat}.note3-design .sec-particulars.preload .spot{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-icon-1.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-icon-1.png*/) 50% 50% no-repeat}.note3-design .sec-particulars.preload .spot:hover,.note3-design .sec-particulars.preload .spot.active{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-icon-2.png"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-icon-2.png*/) 50% 50% no-repeat}.note3-design .sec-particulars.preload .img-1{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/design-particulars-img-2.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-particulars-img-2.jpg*/);background-color:#e0e0e0}.note3-design .sec-particulars.preload .img-2{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/design-particulars-img-1.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-particulars-img-1.jpg*/);background-color:#e0e0e0}.note3-design .sec-particulars.preload .img-3{background-image:url("../../../../c1.mifile.cn/f/i/15/note3/design-particulars-img-3.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-particulars-img-3.jpg*/);background-color:#e0e0e0}.note3-design .sec-particulars .left-wrap{position:absolute;left:0;right:50%;top:0;bottom:0;z-index:1}.note3-design .sec-particulars .left-wrap .overlay{position:absolute;left:0;right:-143px;top:0;bottom:0}.note3-design .sec-particulars .left-wrap .hotspots{position:absolute;top:64px;right:152px;width:333px;height:333px}.note3-design .sec-particulars .left-wrap .hotspots .spot{position:absolute;width:60px;height:60px;cursor:pointer}.note3-design .sec-particulars .left-wrap .hotspots .spot-1{top:29px;right:146px}.note3-design .sec-particulars .left-wrap .hotspots .spot-2{top:98px;right:246px}.note3-design .sec-particulars .left-wrap .hotspots .spot-3{top:232px;right:-31px}.note3-design .sec-particulars .left-wrap .section-text{position:absolute;right:110px;top:435px;width:400px}.note3-design .sec-particulars .right-wrap{position:absolute;left:50%;right:0;top:0;bottom:0}@-webkit-keyframes particulars-ani{100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes particulars-ani{100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.note3-design .sec-particulars .right-wrap .img{display:none;position:absolute;left:-56px;right:0;top:0;bottom:0;background-position:-100px 0;background-repeat:no-repeat;background-size:auto 100%}.note3-design .sec-particulars .right-wrap .img.active{display:block}.note3-design .sec-particulars.is-visible .img.active{-webkit-animation:particulars-ani 2.5s forwards;animation:particulars-ani 2.5s forwards}.note3-design .sec-structure.preload .img{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-structure-img-1.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-structure-img-1.jpg*/) 50% 0 no-repeat}.note3-design .sec-structure .container{height:820px}.note3-design .sec-structure .section-text{margin-top:185px;width:606px}.note3-design .sec-structure .img{position:absolute;left:0;right:0;top:450px;height:176px}.note3-design .sec-color{background-color:#e0e0e0;overflow:hidden;_zoom:1}.note3-design .sec-color.preload .bg{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-color-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-color-bg.jpg*/) 50% -100px no-repeat}.note3-design .sec-color .bg{position:absolute;left:0;right:0;top:-200px;bottom:-200px}.note3-design .sec-color .container{height:1100px}.note3-design .sec-color .section-text{margin:670px auto 0}.note3-design .sec-color .section-text .text-descp{width:730px}.note3-design .section-next.preload{background:url("../../../../c1.mifile.cn/f/i/15/note3/design-next-bg.jpg"/*tpa=http://c1.mifile.cn/f/i/15/note3/design-next-bg.jpg*/) no-repeat 50% 0 #f5f5f5}.note3-design .section-next .subtitle{font-size:24px}