@charset "UTF-8";.xm-checkbox{display:inline-block;height:18px;width:18px;border:1px solid #e0e0e0;background:#fff;color:#fff;text-align:center;line-height:20px;cursor:pointer;transition:all .2s}.xm-checkbox .check{font-size:14px;opacity:0}.xm-checkbox[checked]{background-color:#ff6700;border-color:#ff6700;color:#fff}.xm-checkbox[checked] .check{opacity:1}.presalePop{margin-top:-307px}.presalePop .modal-body{padding:28px 50px 0}.presalePop .modal-body .subtitle{margin-left:auto;margin-right:auto;padding:0 135px 22px;font-weight:300;font-size:20px;border-bottom:1px solid #e0e0e0}.presalePop .modal-body .info-list{width:100%;overflow:hidden}.presalePop .modal-body .info-list li{width:650px;box-sizing:border-box;margin-top:20px;margin-bottom:20px;padding-left:144px;position:relative;text-align:left}.presalePop .modal-body .info-list li .icon-common{position:absolute;left:0;top:0;width:76px;height:64px;margin:0 34px;background:url(//i01.appmifile.com/webfile/globalimg/zh/2014/icon/yushou/icon-yushou.png?15040301) no-repeat;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.presalePop .modal-body .info-list li .icon-1{background-position:0 0}.presalePop .modal-body .info-list li .icon-2{background-position:-67px 0}.presalePop .modal-body .info-list li .icon-3{background-position:-152px 0}.presalePop .modal-body .info-list li .icon-4{width:60px;margin:0 42px;background-position:-223px 0}.presalePop .modal-body .info-list li strong{font-weight:400;display:block;font-size:16px;text-transform:uppercase}.presalePop .modal-footer{margin-left:28px;margin-right:28px;width:auto}.presalePop .modal-footer .check-msg{margin:0 0 20px;cursor:pointer}.presalePop .modal-footer .check-msg a{font-style:normal;color:#ff6700}.presalePop .modal-footer .xm-checkbox{margin-right:5px}.notifyPop{margin-top:-234px}.notifyPop .modal-body{height:272px}.notifyPop .modal-body .descp,.notifyPop .modal-body .subtitle,.notifyPop .modal-body .title{font-weight:300}.notifyPop .modal-body .descp,.notifyPop .modal-body .subtitle{width:475px;margin-left:auto;margin-right:auto}.notifyPop .modal-body .icon-check{margin-bottom:15px;color:#83c44e;font-size:100px}.notifyPop .modal-body .title{margin-bottom:20px;font-size:24px;text-transform:uppercase}.notifyPop .modal-body .input-wrapper{position:relative;margin:0 auto 30px;width:350px}.notifyPop .modal-body input{display:block;box-sizing:border-box;width:350px;height:56px;margin-left:auto;margin-right:auto;padding-left:22px;font-size:16px;line-height:50px;outline:0}.notifyPop .modal-body .with-pre input{padding-left:47px}.notifyPop .modal-body .pre{position:absolute;left:20px;top:0;font-size:16px;line-height:56px;z-index:1}.notifyPop .modal-body .warning{position:absolute;top:56px;left:0;display:none;color:#ff6700}.notifyPop .modal-body .subtitle{margin-top:10px;margin-bottom:30px;font-size:20px}.notifyPop .modal-body .descp{font-size:16px}.xm-warehouse-check .check-step{padding-top:20px;padding-bottom:10px;height:100px}.xm-warehouse-check h6{margin:0;font-size:20px;line-height:1;color:#424242}.xm-warehouse-check .check-title{margin-bottom:20px}.xm-warehouse-check .check-step .warning{font-size:14px;margin-top:3px;color:#f23835}.xm-warehouse-check .check-wrapper{height:40px}.xm-warehouse-check .check-wrapper:after,.xm-warehouse-check .check-wrapper:before{content:" ";display:table}.xm-warehouse-check .check-wrapper:after{clear:both}.xm-warehouse-check .check-wrapper>input{float:left;box-sizing:border-box;height:40px;width:67%;padding:0 20px;color:#424242;font-size:16px;border:1px solid #e0e0e0;outline:0}.xm-warehouse-check .check-wrapper .check-btn{float:right;box-sizing:border-box;height:40px;width:29%;font-size:16px;line-height:40px;text-transform:uppercase;cursor:pointer;text-align:center}.xm-warehouse-check .check-process{height:140px;box-sizing:border-box}.xm-warehouse-check .check-result{box-sizing:border-box;height:80px}.xm-warehouse-check .check-result .check-result-wrapper{position:relative;float:left}.xm-warehouse-check .check-result .check-result-wrapper p{display:inline-block;margin:10px 0 0;color:#b0b0b0;font-size:14px;line-height:1;text-transform:uppercase}.xm-warehouse-check .check-result .change{float:right;font-size:18px;line-height:42px;color:#ff6700}.xm-warehouse-check .check-result .change:hover{text-decoration:underline}.xm-product-box{background-color:#fff;font-weight:300}.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 li,.xm-product-box p,.xm-product-box ul{margin:0;padding:0;font-weight:300}.hide{display:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.xm-pro-price .xm-dollor-sign,.xm-pro-price .xm-from,.xm-pro-price .xm-ori-price{font-size:60%}.xm-pro-price .xm-ori-price{opacity:.6}.nav_container{height:60px;overflow:hidden}.sub_nav{height:60px}.sub_nav h2{float:left;margin:0;line-height:60px;color:#333;font-size:24px}.sub_nav h2 small{font-size:70%}.sub_nav h2 .separator{font-size:80%;color:#ececec;margin:0 10px}.sub_nav .link-to{color:#616161;line-height:60px}.sub_nav .link-to:before{content:'|';display:inline-block;margin:0 8px;font-size:18px;color:#212121}.sub_nav .nav{height:100%;float:right;overflow:hidden}.sub_nav .nav li{height:100%;float:left;line-height:60px;margin: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.current a{color:#8c8c8c;cursor:default}.sub_nav .nav li .btn-small{height:24px;line-height:24px;width:auto;padding:0 12px;color:#fff;margin-top:-10px}.main{position:relative}.J_nav-bar-con{width:100%}.J_fixNavbar{position:fixed;top:0;left:0;z-index:99;width:100%;height:60px;background:rgba(255,255,255,.8)}.J_fixNavbar .sub_nav{border:none}.sold-by{font-size:16px;position:relative}.sold-by .seller-info:hover{text-decoration:underline}.sold-by .sold-info{display:none;position:absolute;left:0;top:32px;width:300px;padding:20px;font-size:14px;background-color:rgba(240,240,240,.7);color:#333;line-height:1.5}.sold-by .sold-info .arrow-up-bd{position:absolute;top:-10px;left:25px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(223,223,223,.6)}.sold-by .sold-info .arrow-up{position:absolute;top:-8px;left:27px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(240,240,240,.7)}.sold-by .sold-info.center{left:50%;margin-left:-180px}.sold-by .sold-info.center .arrow-up-bd{left:163px}.sold-by .sold-info.center .arrow-up{left:165px}.colorPop{width:670px;margin-left:-335px;margin-top:-285px}.colorPop .modal-header .title{text-transform:none}.colorPop .modal-body{padding:40px 40px}.colorPop .color-content:after,.colorPop .color-content:before{content:" ";display:table}.colorPop .color-content:after{clear:both}.colorPop .color-proimg{width:220px;float:left}.colorPop .color-select{width:320px;float:left;padding-top:40px;padding-left:50px;text-align:left}.colorPop .color-select h4,.colorPop .color-select p{font-size:18px}.colorPop .color-select h4{margin-top:0}.colorPop .color-select .pro-register{font-size:16px}.colorPop .pro-list{height:42px;margin:30px 0}.colorPop .pro-list>li{float:left;width:40px;height:40px;margin-right:10px;border:1px solid #e0e0e0}.colorPop .pro-list>li.selected{border-color:#ff6700}.colorPop .pro-list>li.out-of-stock{border-style:dashed}.colorPop .pro-price{color:#ff6700}.colorPop .pro-sold-by{display:block;font-size:16px}.colorPop .xm-warehouse-check{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.colorPop.nation_in .color-select{padding-top:0}.section-faq{position:relative;padding-top:40px;padding-bottom:40px;padding-left:240px;color:#424242}.section-faq .faq-title{position:absolute;top:80px;left:0;width:200px;padding-right:40px;font-size:28px;text-align:center;color:#212121}.section-faq .faq-content{font-size:16px;line-height:30px}.section-faq .faq-content h4{position:relative;margin-top:40px;margin-bottom:0;font-size:18px;font-weight:700;line-height:30px;color:#212121}.section-faq .faq-content h4:before{position:absolute;left:-2em;top:0;width:2em;text-align:right;content:"Q："}.section-faq .faq-content h4:after{position:absolute;left:-2em;top:30px;width:2em;font-size:16px;font-weight:400;text-align:right;content:"A："}.section-faq .faq-content p{margin:0}.section-faq .faq-content li,.section-faq .faq-content ol,.section-faq .faq-content ul{list-style-type:inherit}.sub_nav h1{float:left;margin:0;line-height:60px;color:#333;font-size:24px}.sub_nav h1 small{color:#8c8c8c;padding-left:8px;font-size:70%}.sub_nav h1 small .separator{padding-right:10px}.modal-video{width:100%;height:100%;left:0;top:0;margin:0;overflow:hidden;background:#000}.modal-video .close{width:40px;height:40px;line-height:34px;border-radius:50%;font-size:30px;background-color:red;color:#fff}.modal-video.fade.in{top:0}.modal-video .modal-bd{padding:0;max-height:100%}.section-next{position:relative;z-index:1;height:300px;text-align:center;-webkit-font-smoothing:antialiased;overflow:hidden;padding-top:0!important}.section-next a{z-index:2;position:relative}.section-next a,.section-next span.enter{display:block;height:300px}.section-next span.enter{position:absolute;top:0;width:100%}.section-next video{position:absolute;left:0;width:2560px;height:500px;top:50%;margin-top:-250px}.section-next .footer-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:background 1s;z-index:2}.section-next .footer-video-bg span.link,.section-next .footer-video-bg span.next-title{color:#fff;transition:color 1.5s}.section-next .footer-video-bg span.next-title{font-size:40px;display:block;padding-top:114px}.section-next .footer-video-bg span.link{font-size:20px;display:block;padding-top:20px}.section-next:hover .footer-video-bg{background:rgba(0,0,0,.5)}.section-footnote{background-color:#fafafa}.section-footnote .container{padding-top:45px;padding-bottom:45px;color:#757575}.section-footnote .content{margin-left:62px}.section-footnote .title{padding-left:56px;font-size:14px;color:#ccc;margin-top:30px}.section-footnote .footnote-list{margin-top:20px;padding:0;font-size:12px;list-style-type:none;line-height:1.5;color:#ccc;width:1064px}.section-footnote .footnote-list li{width:1100px;margin-top:5px;text-indent:-7px}.section-footnote .footnote-list a{color:#ccc}.section-footnote .footnote-list a:hover{color:#ccc}.section-footnote a{text-decoration:underline}.ui-wrapper{position:relative}.ui-wrapper .ui-pager{position:absolute;width:100%;z-index:60;bottom:10px;text-align:center}.ui-wrapper .ui-pager .ui-pager-item{display:inline-block}.ui-wrapper .ui-pager .ui-pager-item .ui-pager-link{display:block;width:10px;height:10px;border-radius:6px;margin:0 5px;text-indent:-9999px;overflow:hidden;border:1px solid;border-color:rgba(255,255,255,.3)}.ui-wrapper .ui-pager .ui-pager-item .ui-pager-link.active{background-color:rgba(255,255,255,.8);border-color:rgba(0,0,0,.2)}.ui-wrapper .ui-controls-direction .ui-next,.ui-wrapper .ui-controls-direction .ui-prev{position:absolute;top:0;z-index:60;height:100%;background-repeat:no-repeat;text-indent:-9999em;overflow:hidden;width:40px;background-image:url(//i01.appmifile.com/webfile/globalimg/common/icons/icon-slide-nav1.png)}.ui-wrapper .ui-controls-direction .ui-prev{left:50px;background-position:0 50%}.ui-wrapper .ui-controls-direction .ui-next{right:50px;background-position:-40px 50%}@font-face{font-family:CamphorProLight;src:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/CamphorPro-Light.woff) format("woff"),url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/CamphorPro-Light.svg#CamphorPro-Light) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:CamphorPro;src:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/CamphorPro-Bold.woff) format("woff"),url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/CamphorPro-Bold.svg#CamphorPro-Bold) format("svg");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:CamphorProThin;src:url(CamphorPro-Thin.woff) format("woff"),url(CamphorPro-Thin.svg#CamphorPro-Thin) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}body .minote10-index .desc-title,body .minote10-index .per,body .minote10-index h2{font-family:CamphorPro;font-style:normal;font-weight:700;text-rendering:optimizeLegibility}*{margin:0;padding:0}.minote10-index{background-color:#141414}.minote10-index .background-img{width:100%;position:absolute;z-index:-2}.minote10-index .section{width:100%;min-width:1226px;height:auto;position:relative;overflow:hidden;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center}.minote10-index .section .container{width:100%;height:100%;position:absolute}.minote10-index .section img,.minote10-index .section video{width:100%;height:100%}.minote10-index .section .opacity{opacity:0}.minote10-index .section .transup{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.minote10-index .section.section-11 img{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px);transition:all 1.2s .4s}.minote10-index .section.section-15 .line{opacity:1;width:0%}.minote10-index .section.is-visible .desc,.minote10-index .section.is-visible .desc-n,.minote10-index .section.is-visible .detail,.minote10-index .section.is-visible .img,.minote10-index .section.is-visible .title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all 1s 0s}.minote10-index .section.is-visible.section-11 img{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.minote10-index .section.is-visible.section-15 .line{opacity:1;width:100%;transition:all 2s ease-in}.minote10-index .section.section-05.carmerAnimationStart .camera-01-1{-webkit-animation:expand-01-1 .5s .08s linear forwards;animation:expand-01-1 .5s .08s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-01-2{-webkit-animation:expand-01-2 .5s .1s linear forwards;animation:expand-01-2 .5s .1s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-01-3{-webkit-animation:expand-01-3 .5s .12s linear forwards;animation:expand-01-3 .5s .12s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-01-4{-webkit-animation:expand-01-4 .5s .14s linear forwards;animation:expand-01-4 .5s .14s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-01-5{-webkit-animation:expand-01-5 .5s .16s linear forwards;animation:expand-01-5 .5s .16s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-1{-webkit-animation:expand-02-1 1s .18s linear forwards;animation:expand-02-1 1s .18s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-2{-webkit-animation:expand-02-2 1s .2s linear forwards;animation:expand-02-2 1s .2s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-3{-webkit-animation:expand-02-3 1s .22s linear forwards;animation:expand-02-3 1s .22s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-4{-webkit-animation:expand-02-4 1s .24s linear forwards;animation:expand-02-4 1s .24s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-5{-webkit-animation:expand-02-5 1s .26s linear forwards;animation:expand-02-5 1s .26s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-02-6{-webkit-animation:expand-02-6 1s .28s linear forwards;animation:expand-02-6 1s .28s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-1{-webkit-animation:expand-03-1 1s .3s linear forwards;animation:expand-03-1 1s .3s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-2{-webkit-animation:expand-03-2 1s .32s linear forwards;animation:expand-03-2 1s .32s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-3{-webkit-animation:expand-03-3 1s .34s linear forwards;animation:expand-03-3 1s .34s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-4{-webkit-animation:expand-03-4 1s .36s linear forwards;animation:expand-03-4 1s .36s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-5{-webkit-animation:expand-03-5 1s .38s linear forwards;animation:expand-03-5 1s .38s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-6{-webkit-animation:expand-03-6 1s .4s linear forwards;animation:expand-03-6 1s .4s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-7{-webkit-animation:expand-03-7 1s .42s linear forwards;animation:expand-03-7 1s .42s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-03-8{-webkit-animation:expand-03-8 1s .44s linear forwards;animation:expand-03-8 1s .44s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-1{-webkit-animation:expand-04-1 1s .46s linear forwards;animation:expand-04-1 1s .46s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-2{-webkit-animation:expand-04-2 1s .48s linear forwards;animation:expand-04-2 1s .48s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-3{-webkit-animation:expand-04-3 1s .5s linear forwards;animation:expand-04-3 1s .5s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-4{-webkit-animation:expand-04-4 1s .52s linear forwards;animation:expand-04-4 1s .52s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-5{-webkit-animation:expand-04-5 1s .54s linear forwards;animation:expand-04-5 1s .54s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-04-6{-webkit-animation:expand-04-6 1s .56s linear forwards;animation:expand-04-6 1s .56s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-05-1{-webkit-animation:expand-05-1 1s .58s linear forwards;animation:expand-05-1 1s .58s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-05-2{-webkit-animation:expand-05-2 1s .6s linear forwards;animation:expand-05-2 1s .6s linear forwards}.minote10-index .section.section-05.carmerAnimationStart .camera-05-3{-webkit-animation:expand-05-3 1s .62s linear forwards;animation:expand-05-3 1s .62s linear forwards}.minote10-index .section.is-visible .transup{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all 1s 0s}.minote10-index .section-01{height:100vh}.minote10-index .section-01 .container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/kv-bg.jpg);background-repeat:no-repeat;background-size:cover}.minote10-index .section-01 .container .img-container{width:22.655%;height:41.309%;margin:3.75% auto 0;position:relative;z-index:2;position:absolute;bottom:2%;-webkit-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)}.minote10-index .section-01 .container .img-container .img-01{position:absolute;width:77.931%;height:95.08%;top:4.918%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.minote10-index .section-01 .container .img-container .img-02{position:absolute;width:62.586%;height:91.438%;top:-6%;right:-5%}.minote10-index .section-01 .container .price-container{width:45%;height:32.68%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:4;position:absolute;top:12%}.minote10-index .section-01 .container .price-container .product-name{font-size:3.75rem;font-weight:400;font-stretch:normal;line-height:1.5;letter-spacing:0;color:#fff}.minote10-index .section-01 .container .price-container .product-info{font-size:2.5rem;font-weight:400;font-stretch:normal;line-height:1.2;letter-spacing:0;color:#fff;text-align:center}.minote10-index .section-01 .container .price-container .price-bottom{height:40%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-stretch:normal;font-weight:lighter}.minote10-index .section-01 .container .price-container .price-bottom .iconandprice{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.minote10-index .section-01 .container .price-container .price-bottom .iconandprice .icon{font-size:1.5rem;font-weight:400;font-stretch:normal;line-height:.5rem;letter-spacing:1.2px;color:#fff;display:block}.minote10-index .section-01 .container .price-container .price-bottom .iconandprice .price-tag{font-size:3.125rem;font-weight:400;font-stretch:normal;line-height:1rem;letter-spacing:2.5px;color:#fff}.minote10-index .section-01 .shadowbox{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;background-color:#000}.minote10-index .section-02{height:0;padding-bottom:38.9453125%}.minote10-index .section-02 .container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.minote10-index .section-02 .container .items-container{width:33.3333%;height:50%;position:relative}.minote10-index .section-02 .container .items-container h2{max-width:80%;margin:5.11% auto;text-align:center;position:relative;z-index:2;font-size:2.5rem;font-weight:400;font-stretch:normal;line-height:1.2;letter-spacing:0;color:#fff}.minote10-index .section-02 .container .items-container .img-container{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#07060b}.minote10-index .section-03{height:0;padding-bottom:28.125%}.minote10-index .section-03 .container .box-video{width:100%;height:100%}.minote10-index .section-03 .container .box-video .img-items{display:inline-block;width:3rem;height:3rem;position:absolute;left:49%;top:77%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/play.png);background-position:center center;background-size:100% 100%;z-index:2}.minote10-index .section-03 .container .box-video .watch{width:100%;text-align:center;position:absolute;bottom:7%;left:0;z-index:2;font-size:1.5rem;font-weight:400;font-stretch:normal;line-height:1.2;letter-spacing:0;color:#fff;opacity:.9}.minote10-index .section-04{height:0;padding-bottom:15.625%}.minote10-index .section-04 .container{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-04-backimg.png);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.minote10-index .section-04 .container .desc-title{position:absolute;left:23%;font-size:4.375rem;line-height:1;letter-spacing:0;color:#191c35}.minote10-index .section-04 .container .line{width:377px;height:4px;background-color:#332b2e;position:absolute;left:23%;bottom:11.75%}.minote10-index .section-05{height:0;padding-bottom:56.25%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-05-backimg01.png),url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-05-backimg02.png)}.minote10-index .section-05 .container{width:90%;height:71.18%;top:29.9%;left:50%;margin-left:-45%}.minote10-index .section-05 .container .img-group{width:30.6%;height:99.5%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-05-phone.png);background-size:100% 100%;margin-left:18.8125rem;position:relative}.minote10-index .section-05 .container .items{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;width:70%;height:auto}.minote10-index .section-05 .container .items.item-1{top:10%;left:23%}.minote10-index .section-05 .container .items.item-2{top:24.5%;left:23%}.minote10-index .section-05 .container .items.item-3{top:39%;left:23%}.minote10-index .section-05 .container .items.item-4{top:56%;left:23%}.minote10-index .section-05 .container .items.item-5{top:69%;left:23%}.minote10-index .section-05 .container .items .img-container{position:relative}.minote10-index .section-05 .container .items .img-container img{height:auto;position:absolute}.minote10-index .section-05 .container .items .img-container .camera-01-1{width:2.25rem}.minote10-index .section-05 .container .items .img-container .camera-01-2{width:2.5rem}.minote10-index .section-05 .container .items .img-container .camera-01-3{width:2.875rem}.minote10-index .section-05 .container .items .img-container .camera-01-4{width:2.6875rem}.minote10-index .section-05 .container .items .img-container .camera-01-5{width:2.8125rem}.minote10-index .section-05 .container .items .img-container .camera-02-1{width:2.375rem}.minote10-index .section-05 .container .items .img-container .camera-02-2{width:2.5rem}.minote10-index .section-05 .container .items .img-container .camera-02-3{width:2.5625rem}.minote10-index .section-05 .container .items .img-container .camera-02-4{width:2.875rem}.minote10-index .section-05 .container .items .img-container .camera-02-5{width:2.8125rem}.minote10-index .section-05 .container .items .img-container .camera-02-6{width:2.875rem}.minote10-index .section-05 .container .items .img-container .camera-03-1{width:2.25rem}.minote10-index .section-05 .container .items .img-container .camera-03-2{width:2.5625rem}.minote10-index .section-05 .container .items .img-container .camera-03-3{width:2.625rem}.minote10-index .section-05 .container .items .img-container .camera-03-4{width:2.75rem}.minote10-index .section-05 .container .items .img-container .camera-03-5{width:3.0625rem}.minote10-index .section-05 .container .items .img-container .camera-03-6{width:3rem}.minote10-index .section-05 .container .items .img-container .camera-03-7{width:3.0625rem}.minote10-index .section-05 .container .items .img-container .camera-03-8{width:3.3125rem}.minote10-index .section-05 .container .items .img-container .camera-04-1{width:2.375rem}.minote10-index .section-05 .container .items .img-container .camera-04-2{width:2.5rem}.minote10-index .section-05 .container .items .img-container .camera-04-3{width:2.625rem}.minote10-index .section-05 .container .items .img-container .camera-04-4{width:2.8125rem}.minote10-index .section-05 .container .items .img-container .camera-04-5{width:2.75rem}.minote10-index .section-05 .container .items .img-container .camera-04-6{width:2.875rem}.minote10-index .section-05 .container .items .img-container .camera-05-1{width:1.6875rem}.minote10-index .section-05 .container .items .img-container .camera-05-2{width:1.75rem}.minote10-index .section-05 .container .items .img-container .camera-05-3{width:1.9375rem}.minote10-index .section-05 .container .content{position:absolute;top:10%;left:51%;width:51%;height:60%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.minote10-index .section-05 .container .content .inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:10px;border:solid 1px rgba(255,255,255,0);padding:1% 1%;margin-bottom:1.875rem}.minote10-index .section-05 .container .content .inner .specs-title{font-size:2rem;line-height:1.3;letter-spacing:0;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.minote10-index .section-05 .container .content .inner .specs-title img{width:2.8125rem;margin-left:1.25rem}.minote10-index .section-05 .container .content .inner .specs-intro{font-size:1.5rem;line-height:1.5;letter-spacing:0;color:#fff;opacity:.9}.minote10-index .section-05 .container .content .inner.specs-01-inner:hover{border:solid 1px rgba(255,255,255,0)}.minote10-index .section-05 .container .content .inner.specs-02-inner:hover{border:solid 1px rgba(255,255,255,0)}.minote10-index .section-05 .container .content .inner.specs-03-inner:hover{border:solid 1px rgba(255,255,255,0)}.minote10-index .section-05 .container .content .inner.specs-04-inner:hover{border:solid 1px rgba(255,255,255,0)}.minote10-index .section-05 .container .content .inner.specs-05-inner:hover{border:solid 1px rgba(255,255,255,0)}.minote10-index .section-05 .container .item-1 .img-container{width:10.5rem;height:4.8125rem}.minote10-index .section-05 .container .item-2 .img-container{width:12.8125rem;height:5rem}.minote10-index .section-05 .container .item-3 .img-container{width:18.3125rem;height:5.8125rem}.minote10-index .section-05 .container .item-4 .img-container{width:12.875rem;height:4.6875rem}.minote10-index .section-05 .container .item-5 .img-container{width:5rem;height:2.75rem}@media (max-width:1440px){.minote10-index .section-05 .container .item-2 .img-container{width:12.8125rem;height:5rem}.minote10-index .section-05 .container .item-3 .img-container{width:18.3125rem;height:5.8125rem}.minote10-index .section-05 .container .item-4 .img-container{width:12.875rem;height:4.6875rem}.minote10-index .section-05 .container .item-5 .img-container{width:5rem;height:2.75rem}}.minote10-index .section-05 .top-desc{position:absolute;top:11.1%;width:100%;height:15%}.minote10-index .section-05 .top-desc .title{font-family:CamphorPro;font-style:normal;font-weight:700;text-rendering:optimizeLegibility;font-size:3.75rem;line-height:1.3;color:#fff;text-align:center}.minote10-index .section-05 .top-desc .desc-intro{font-family:CamphorProLight;font-size:1.5rem;font-weight:400;font-stretch:normal;line-height:1.5;letter-spacing:0;color:#fff;text-align:center;margin-top:1rem}.minote10-index .section-05 .specs-title{font-family:CamphorPro;font-style:normal;font-weight:700;text-rendering:optimizeLegibility}.minote10-index .section-05 .desc-title{position:absolute;left:26%}.minote10-index .section-05 .container .items .img-container.shadowOpacity{opacity:.7}.minote10-index .section-05 .container .content .inner.shadowOpacity2{opacity:.5}.box{height:0;position:relative;background-color:#000}.indentation-2{-webkit-transform:translateX(-.625rem);-ms-transform:translateX(-.625rem);transform:translateX(-.625rem);transition:all .3s linear}.indentation-3{-webkit-transform:translateX(-1.25rem);-ms-transform:translateX(-1.25rem);transform:translateX(-1.25rem);transition:all .3s linear}.indentation-4{-webkit-transform:translateX(-1.875rem);-ms-transform:translateX(-1.875rem);transform:translateX(-1.875rem);transition:all .3s linear}.indentation-5{-webkit-transform:translateX(-2.5rem);-ms-transform:translateX(-2.5rem);transform:translateX(-2.5rem);transition:all .3s linear}.indentation-6{-webkit-transform:translateX(-3.125rem);-ms-transform:translateX(-3.125rem);transform:translateX(-3.125rem);transition:all .3s linear}.indentation-7{-webkit-transform:translateX(-3.75rem);-ms-transform:translateX(-3.75rem);transform:translateX(-3.75rem);transition:all .3s linear}.reduction{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .3s linear}.section-06{height:0;padding-bottom:46.875%}.section-06 .container{background-color:#000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.section-06 .container .desc-container{width:60%;position:absolute;top:12.5%;left:22.42%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section-06 .container .desc-container .desc-title{font-size:3.75rem;line-height:1;letter-spacing:0;color:#fff;margin-bottom:2.3125rem}.section-06 .container .desc-container .desc-title .title-firstline{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.section-06 .container .desc-container .desc-title img{width:2.8125rem;height:auto;margin-left:1.375rem}.section-06 .container .desc-container .desc-intro{font-size:1.5rem;line-height:1.33;letter-spacing:0;color:#fff}.section-06 .container .img-container{width:55%;height:60%;width:100%;height:100%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-06-backimg02.png);background-position-x:center;background-position-y:bottom;background-repeat:no-repeat;position:absolute;bottom:0}.minote10-index .section.section-01.fixed1{width:100%;position:fixed;top:60px;left:0}.minote10-index .section.section-06.fixed1{width:100%;position:fixed;top:60px;left:0}.minote10-index .section.section-07.fixed2{width:100%;position:fixed;left:0}.minote10-index .section .section-07-3.fixed3{position:fixed;top:60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:0}.minote10-index .section .section-07-4.fixed4{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.section.section-07{height:0;padding-bottom:199.21875%;background-color:#000}.section.section-07 .container{border:1px solid transparent}.section.section-07 .desc{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-07 .desc-title{font-size:3.75rem;line-height:1.2;letter-spacing:0;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.section.section-07 .desc-title img{width:2.8125rem;height:auto;margin-left:1.25rem}.section.section-07 .icon{font-size:3.75rem;line-height:1.2;letter-spacing:0;color:#fff;margin-bottom:.7%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section.section-07 .icon .img-out{width:2.8125rem;height:auto;margin-left:1.25rem}.section.section-07 .desc-intro{font-size:1.5rem;line-height:1.3;letter-spacing:0;color:#fff}.section.section-07 .section-07-1{width:54.68%;height:0;padding-bottom:44.0234375%;position:relative;margin-top:9.375rem;margin-left:auto;margin-right:auto}.section.section-07 .section-07-1 .items-container{position:absolute;width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-07 .section-07-1 .items-container .desc{width:100%;height:16%}.section.section-07 .section-07-1 .items-container .img-container{width:100%;height:82.87%}.section.section-07 .section-07-1 .items-container .img-container .img-container-01{width:100%;height:100%;border-radius:10px;position:relative}.section.section-07 .section-07-1 .items-container .img-container .img-container-01 video{width:100%;height:100%}.section.section-07 .section-07-1 .items-container .img-container .img-container-01 .btn-replay-1{position:absolute;width:100%;height:100%;top:0;left:0;display:none}.section.section-07 .section-07-2{width:54.882%;height:0;padding-bottom:23.046875%;position:relative;margin-top:16.5rem;margin-bottom:15rem;margin-left:auto;margin-right:auto}.section.section-07 .section-07-2 .items-container{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:absolute}.section.section-07 .section-07-2 .items-container .desc{width:30.88%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-07 .section-07-2 .items-container .desc .icon .img-out{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section.section-07 .section-07-2 .items-container .img-container{width:69.11%;height:100%;position:relative}.section.section-07 .section-07-2 .items-container .img-container .img-container-01,.section.section-07 .section-07-2 .items-container .img-container .img-container-02{width:48.35%;height:94.745%;position:absolute}.section.section-07 .section-07-2 .items-container .img-container .img-container-01 .note,.section.section-07 .section-07-2 .items-container .img-container .img-container-02 .note{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute}.section.section-07 .section-07-2 .items-container .img-container .img-container-01 .note span,.section.section-07 .section-07-2 .items-container .img-container .img-container-02 .note span{width:4px;height:66px;background-color:#f1f1f1}.section.section-07 .section-07-2 .items-container .img-container .img-container-01 .note .desc-note,.section.section-07 .section-07-2 .items-container .img-container .img-container-02 .note .desc-note{font-size:1.25rem;line-height:1.3;letter-spacing:0;color:#fff}.section.section-07 .section-07-2 .items-container .img-container .img-container-01{top:-11.2%;left:6.8%;background-color:#353535;border-radius:10px}.section.section-07 .section-07-2 .items-container .img-container .img-container-01 .note{top:102%;left:0;font-weight:bolder}.section.section-07 .section-07-2 .items-container .img-container .img-container-01 .note span{margin-bottom:1rem}.section.section-07 .section-07-2 .items-container .img-container .img-container-02{bottom:0;right:0;background-color:#202020;border-radius:10px}.section.section-07 .section-07-2 .items-container .img-container .img-container-02 .note{top:102%;right:0;font-weight:bolder}.section.section-07 .section-07-2 .items-container .img-container .img-container-02 .note span{margin-top:1rem}.section.section-07 .section-07-3{width:54.727%;height:68.125rem;margin:0 auto 0}.section.section-07 .section-07-3 .items-container{width:105%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;left:-2.5%}.section.section-07 .section-07-3 .items-container .desc{width:100%;height:18%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-07 .section-07-3 .items-container .img-container{width:174%;height:82.56%;background-color:#aaa;border-radius:10px;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-07-03-img01.jpg);background-position-x:center;background-position-y:46%;background-repeat:no-repeat;position:absolute;bottom:0;overflow-x:hidden}.section.section-07 .section-07-4{width:54.727%;height:0;padding-bottom:45.1953125%;position:relative;margin:5.079% auto 0}.section.section-07 .section-07-4 .items-container{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute}.section.section-07 .section-07-4 .items-container .desc{width:100%;height:17%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-07 .section-07-4 .items-container .img-container{width:100%;height:78.465%;border-radius:10px}.section.section-07 .section-07-4 .items-container .img-container .list{width:100%;height:100%;padding:0;margin:0}.section.section-07 .section-07-4 .items-container .img-container .list li{width:100%;height:100%}.section.section-07 .section-07-4 .items-container .img-container .list li img{border-radius:10px}.section.section-07 .section-07-4 .items-container .img-container .point-group{width:6%;height:1%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.section.section-07 .section-07-4 .items-container .img-container .point-group span{width:12px;height:12px;background-color:#fff;opacity:.3}.section-08{height:0;padding-bottom:46.875%}.section-08 .container{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-08-backimg03.jpg);background-repeat:no-repeat;background-position-y:0;background-size:100% 100%;background-color:#ececec}.section-08 .items-container{width:56%;position:absolute;top:9%;left:22.578%;z-index:5}.section-08 .items-container .item-desc{width:100%;position:relative}.section-08 .items-container .item-desc .desc-title{font-size:3.75rem;font-weight:bolder;font-stretch:normal;line-height:1;letter-spacing:0;color:#fff;margin-bottom:2.625rem}.section-08 .items-container .item-desc .desc-intro{font-size:1.5rem;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:0;color:#fff}.section-08 .items-container .item-desc .desc-note{font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:1;letter-spacing:0;color:#969696;position:absolute;bottom:0;left:0}.section-08 .bg-img{width:73.164%;height:76.66%;position:absolute;bottom:0;right:0;z-index:4}.section-08 .bg-img .img{width:100%;height:100%}.section-08 .bg-img .video-container{width:46.44%;height:50%;position:absolute;left:7.4%;top:13.58%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section-08 .bg-img .video-container .vlog-video{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0}.section-08 .bg-img .video-container .night-mode{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:2}.section-08 .btn-group{width:100%;height:17%;position:absolute;left:0;bottom:5%;z-index:4}.section-08 .btn-group button{width:9.375%;height:4.4375rem;font-size:1.5rem;border-radius:6px;border:solid 1px #999;outline:0;background-color:transparent;color:#999}.section-08 .btn-group .vlog-btn{position:absolute;left:22.61%;bottom:29.8%;line-height:1;letter-spacing:0}.section-08 .btn-group .night-btn{position:absolute;left:34.08%;bottom:29.8%;line-height:1;letter-spacing:0}.section-08 .btn-group .chossen{background-color:rgba(255,255,255,.3);color:#fff}.section-08 .hide{display:none}.section-08 .backvlog{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.section-08 .btn-group .shad{background-color:transparent;transition:all .5s}.section-08 .in{opacity:1;transition:all .5s ease-in}.section-08 .out{opacity:0;transition:all .5s ease-in}.section-08 .bg-img .video-container .night-mode.in{opacity:1;transition:all .8s ease-in}.section.section-09{height:0;padding-bottom:48.828125%;background-color:#f0f2f1}.section.section-09 .container{width:54.68%;height:80.4%;top:11.92%;left:22.656%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-09 .container .desc{width:100%;height:21%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-09 .container .desc .desc-title{font-size:3.75rem;line-height:1.5;letter-spacing:0;color:#212121}.section.section-09 .container .desc .desc-intro{font-size:1.5rem;line-height:1.33;letter-spacing:0;color:#444}.section.section-09 .container .img-container{width:100%;height:78.308%;background-color:#aaa;border-radius:30px}.section-10,.section-13{height:0;padding-bottom:15.625%}.section-10 .container,.section-13 .container{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-04-backimg.png);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section-10 .container .line,.section-13 .container .line{width:377px;height:4px;background-color:#332b2e;position:absolute;left:23%;bottom:11.75%}.section-10 .desc,.section-13 .desc{width:60%;position:absolute;left:23%}.section-10 .desc-title,.section-13 .desc-title{font-size:4.375rem;line-height:1;letter-spacing:0;color:#191c35}.section-11{height:0;padding-bottom:46.875%}.section-11 .container{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-11-backimg01.png)}.section-11 .container .img-container{width:100%;height:100%}.section-11 .container .item-desc{width:48%;height:80%;position:absolute;top:13%;left:23%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section-11 .container .item-desc .desc-title{width:100%;height:30.41%;font-size:3.75rem;line-height:1;letter-spacing:0;color:#fff;margin-bottom:6.25rem}.section-11 .container .item-desc .desc-more{width:40%;height:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.section-11 .container .item-desc .desc-more .item{width:100%;height:25%;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:1.875rem;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.section-11 .container .item-desc .desc-more .item .line{width:6px;height:66px;background-color:#fff;position:absolute;left:0}.section-11 .container .item-desc .desc-more .desc-intro{font-size:1.875rem;font-weight:bolder;line-height:1.2;letter-spacing:0;color:#fff;text-align:center;position:relative;margin:0 44px;text-align:left}.section-11 .container .item-desc .desc-more .desc-intro .thinner{font-size:1.5rem;font-weight:lighter;letter-spacing:0;color:#fff}.section.section-12{height:0;padding-bottom:48.828125%;position:relative;background-image:linear-gradient(180deg,#151515 0,#0a0a0a 100%),linear-gradient(#000809,#000809);background-blend-mode:normal,normal}.section.section-12 .container{width:54.68%;height:90%;left:22.656%;bottom:2.4%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.section.section-12 .container .img-container{width:100%;height:69.95%}.section.section-12 .container .desc{width:100%;height:30%;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.section.section-12 .container .desc .desc-title{font-size:3.75rem;line-height:1.2;letter-spacing:0;color:#fff;margin-bottom:.9375rem}.section.section-12 .container .desc .desc-intro{font-size:1.5rem;line-height:1.3;letter-spacing:0;color:#fff}.section-13 .desc-title{width:40%;position:absolute;bottom:21.25%;left:23%;line-height:1.1}.section.section-14{height:0;padding-bottom:46.875%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-14-img01.png);background-repeat:no-repeat}.section.section-14 .container{width:55.64%;height:79%;top:10.5%;left:22.5%}.section.section-14 .container .desc{position:absolute;top:0;left:0}.section.section-14 .container .desc .desc-title{font-size:3.75rem;line-height:1.2;letter-spacing:0;color:#fff;margin-bottom:2.375rem}.section.section-14 .container .desc .desc-intro{font-size:1.5rem;line-height:1.33;letter-spacing:0;color:#fff;margin-bottom:1.25rem}.section.section-14 .container .desc .desc-note{position:relative;font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:1.3;letter-spacing:0;color:#fff;opacity:.7}.section.section-14 .container .desc-note{position:absolute;bottom:0;left:0;font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:1.3;letter-spacing:0;color:#fff;opacity:.7}.section-15{height:0;padding-bottom:63.4765625%}.section-15 .container{background-color:#000809;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-15-backimg01.png);background-position:center center}.section-15 .container .desc{width:55%;height:28%;margin:9.375rem auto 0}.section-15 .container .desc .desc-note{width:100%;position:relative;left:0;bottom:0;text-align:center;font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:1.5;letter-spacing:0;color:#fff;opacity:.7}.section-15 .container .desc .desc-title{width:100%;font-size:3.75rem;line-height:1.3;letter-spacing:0;color:#fff}.section-15 .container .desc .comparison{width:96%;height:58.05%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:4.64%;margin-right:0}.section-15 .container .desc .comparison .cpu,.section-15 .container .desc .comparison .gpu{width:46%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:relative}.section-15 .container .desc .comparison .cpu .per,.section-15 .container .desc .comparison .gpu .per{font-size:2.5rem;line-height:1.2;letter-spacing:0;color:#06f1fd}.section-15 .container .desc .comparison .cpu .intro,.section-15 .container .desc .comparison .gpu .intro{font-size:1.5rem;line-height:1.3;letter-spacing:0;color:#fff;opacity:.9}.section-15 .container .desc .comparison .cpu .line,.section-15 .container .desc .comparison .gpu .line{height:30%;position:absolute;bottom:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.section-15 .container .desc .comparison .cpu .line .first-line,.section-15 .container .desc .comparison .gpu .line .first-line{width:58.29%;height:4px;background-color:#627183;margin-bottom:1.25rem}.section-15 .container .desc .comparison .cpu .line .sec-line,.section-15 .container .desc .comparison .gpu .line .sec-line{width:78.904%;height:4px;background-color:#06f1fd}.section-15 .container .desc .comparison .gpu .line .first-line{width:62.479%}.section-15 .container .img-bottom{width:55%;height:49%;position:absolute;bottom:5.07%;left:50%;margin-left:-27.5%}.section-15 .container .desc-note{width:55%;position:absolute;left:22.5%;bottom:2%;text-align:left;font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:1.5;letter-spacing:0;color:#fff;opacity:.7}.section.section-16{height:0;padding-bottom:77.9296875%;background-color:#fff}.section.section-16 .container{width:55%;height:86.06%;margin:8.0625rem auto 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;top:0;left:22.5%}.section.section-16 .container .items-flex{width:100%;height:29.95%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section.section-16 .container .items-flex .desc-img{width:69.65%;height:100%}.section.section-16 .container .items-flex .desc-container{width:40%;height:85.5%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.section.section-16 .container .items-flex .desc-container .desc-title{width:85%;height:92%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;font-size:2.5rem;line-height:1.3;letter-spacing:0;color:#212121}.section.section-16 .container .items-flex .desc-container .desc-title span{width:8rem;height:6px;position:absolute;bottom:0;background-color:#dcdcdc;border-radius:3px}.section.section-16 .container .items-flex .desc-container .desc-title .left{left:0}.section.section-16 .container .items-flex .desc-container .desc-title .right{right:0}.section-17{height:0;padding-bottom:46.875%}.section-17 .container{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-17-backimg01.png)}.section-17 .container .img-container{width:100%;height:100%}.section-17 .container .point-group{width:2%;height:1%;position:absolute;left:49%;bottom:6%}.section-17 .container .point-group span{width:10px;height:10px;background-color:#fff;opacity:.2}.miui11-box{background-color:#fff}.section.section-18{height:0;padding-bottom:45.1171875%;background-color:#000}.section.section-18.active{position:fixed;top:60px}.section.section-18 .container{width:54%;height:91.34%;bottom:8.658%;left:22.5%;display:block;z-index:1}.section.section-18 .container .desc{width:100%;height:36%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.section.section-18 .container .desc .desc-title{font-size:3.75rem;line-height:1.5;letter-spacing:0;color:#fff}.section.section-18 .container .desc .desc-intro{font-size:1.5rem;line-height:1.3;letter-spacing:0;color:#fff}.section.section-18 .miui-canvas{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;position:relative;z-index:0}.section-19{height:0;padding-bottom:11.1328125%}.section-19 .container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-19-img01.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.section-19 .container .see-specs{margin-left:46.75rem;font-size:2.5rem;letter-spacing:0;color:#fff}.section.section-20{height:531px;background-color:#141414}.section.section-20 .container{width:55%;height:79.8%;margin-top:4.1%;left:22.5%;top:0}.section.section-20 .container .desc-note{width:100%;text-align:left;font-size:.875rem;line-height:1.5;letter-spacing:0;color:#fff;opacity:.5}.section.section-21{height:0;padding-bottom:42.96875%;background-color:#fff;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-21-backimg02.png)}.section.section-21 .container{width:21.79%;height:82%;left:21.656%;top:17.66%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section.section-21 .container .desc .desc-title{width:130%;font-size:3.75rem;line-height:1.4;letter-spacing:0;color:#212121;margin-bottom:5%}.section.section-21 .container .desc .desc-intro{width:121%;font-size:1.5rem;line-height:1.3;letter-spacing:0;color:#212121}.section.section-21 .container .btn-container{width:17.5rem;height:4.5rem;margin-top:14.11%}.section.section-21 .container .btn-container a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:17.5rem;height:4.5rem;border:solid 2px #212121;font-size:1.75rem;letter-spacing:0;color:#212121}.section-22{height:0;padding-bottom:35.15625%;background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/mi-note-10/index-22-bg.png)}.section-22 .container{width:49%;height:58.2%;left:25.5%;top:20.9%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section-22 .container .desc{width:25rem;height:19.125rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.section-22 .container .desc .desc-title{font-size:3.75rem;font-weight:700;line-height:1;letter-spacing:0;color:#212121;margin-bottom:3.125rem}.section-22 .container .desc .desc-title .desc-title-thinner{font-weight:400}.section-22 .container .desc .desc-intro{font-size:1.5rem;line-height:1;letter-spacing:0;color:#444;margin-bottom:1.5625rem}.section-22 .container .desc .desc-img{width:8.0625rem;height:2rem;border-radius:4px;border:solid 1px #000;margin-bottom:6.25rem;font-size:1.5rem;line-height:2rem;letter-spacing:0;color:#535b5e;text-align:center}.section-22 .container .desc .price-intro{font-size:1.5rem;line-height:1;letter-spacing:1.2px;color:#444}.section-22 .container .desc .price-intro .left-intro{font-size:3.125rem;line-height:1;letter-spacing:2.5px;color:#212121}.section-22 .container .img-container{width:30.5625rem;height:32.75rem}.section-22 .container .img-container img{width:100%;height:100%}.modal-video{position:relative;background:0 0}.modal-video .modal-body{-webkit-transform:translate(0,66%);-ms-transform:translate(0,66%);transform:translate(0,66%)}.modal-video .modal-header{width:900px;position:absolute;top:20%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.modal-video .modal-header a{top:46px}@media (max-width:2400px){html{font-size:95%}}@media (max-width:2200px){html{font-size:90%}}@media (max-width:1920px){html{font-size:85%}.minote10-index .section-05 .container .items.item-1,.minote10-index .section-05 .container .items.item-2,.minote10-index .section-05 .container .items.item-3,.minote10-index .section-05 .container .items.item-4,.minote10-index .section-05 .container .items.item-5{left:25.5%}.minote10-index .section-05 .container .items.item-2{top:22.5%}.minote10-index .section-05 .container .items.item-3{top:38%}.minote10-index .section-05 .container .items.item-4{top:56%}}@media (max-width:1600px){html{font-size:80%}.minote10-index .section-05 .container .items.item-1,.minote10-index .section-05 .container .items.item-2,.minote10-index .section-05 .container .items.item-3,.minote10-index .section-05 .container .items.item-4,.minote10-index .section-05 .container .items.item-5{left:25.5%}.minote10-index .section-05 .container .items.item-1{top:10%}.minote10-index .section-05 .container .items.item-2{top:23%}.minote10-index .section-05 .container .items.item-3{top:37%}.minote10-index .section-05 .container .items.item-4{top:56%}.minote10-index .section-05 .container .items.item-5{top:69%}}@media (max-width:1480px){html{font-size:62.5%}.minote10-index .section-05 .container .items.item-1,.minote10-index .section-05 .container .items.item-2,.minote10-index .section-05 .container .items.item-3,.minote10-index .section-05 .container .items.item-4,.minote10-index .section-05 .container .items.item-5{left:28.5%}.minote10-index .section-05 .container .items.item-4{top:55%}}@media (max-width:1280px){html{font-size:50%}}@-webkit-keyframes expand-01-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@keyframes expand-01-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@-webkit-keyframes expand-01-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:15.476%;bottom:2.597%}}@keyframes expand-01-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:15.476%;bottom:2.597%}}@-webkit-keyframes expand-01-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:33.929%;bottom:5.195%}}@keyframes expand-01-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:33.929%;bottom:5.195%}}@-webkit-keyframes expand-01-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:54.762%;bottom:10.39%}}@keyframes expand-01-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:54.762%;bottom:10.39%}}@-webkit-keyframes expand-01-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:73.214%;bottom:15.584%}}@keyframes expand-01-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:73.214%;bottom:15.584%}}@-webkit-keyframes expand-02-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@keyframes expand-02-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@-webkit-keyframes expand-02-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:14.146%;bottom:2.5%}}@keyframes expand-02-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:14.146%;bottom:2.5%}}@-webkit-keyframes expand-02-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:27.805%;bottom:5%}}@keyframes expand-02-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:27.805%;bottom:5%}}@-webkit-keyframes expand-02-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:43.415%;bottom:8.75%}}@keyframes expand-02-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:43.415%;bottom:8.75%}}@-webkit-keyframes expand-02-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:59.512%;bottom:12.5%}}@keyframes expand-02-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:59.512%;bottom:12.5%}}@-webkit-keyframes expand-02-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:77.561%;bottom:16.25%}}@keyframes expand-02-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:77.561%;bottom:16.25%}}@-webkit-keyframes expand-03-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@keyframes expand-03-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@-webkit-keyframes expand-03-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:9.898%;bottom:1.075%}}@keyframes expand-03-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:9.898%;bottom:1.075%}}@-webkit-keyframes expand-03-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:20.478%;bottom:3.226%}}@keyframes expand-03-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:20.478%;bottom:3.226%}}@-webkit-keyframes expand-03-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:30.717%;bottom:6.452%}}@keyframes expand-03-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:30.717%;bottom:6.452%}}@-webkit-keyframes expand-03-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:42.662%;bottom:9.677%}}@keyframes expand-03-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:42.662%;bottom:9.677%}}@-webkit-keyframes expand-03-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:54.608%;bottom:12.903%}}@keyframes expand-03-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:54.608%;bottom:12.903%}}@-webkit-keyframes expand-03-7{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:67.918%;bottom:16.129%}}@keyframes expand-03-7{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:67.918%;bottom:16.129%}}@-webkit-keyframes expand-03-8{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:81.911%;bottom:17.204%}}@keyframes expand-03-8{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:81.911%;bottom:17.204%}}@-webkit-keyframes expand-04-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@keyframes expand-04-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@-webkit-keyframes expand-04-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:14.078%;bottom:2.667%}}@keyframes expand-04-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:14.078%;bottom:2.667%}}@-webkit-keyframes expand-04-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:27.67%;bottom:4%}}@keyframes expand-04-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:27.67%;bottom:4%}}@-webkit-keyframes expand-04-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:43.689%;bottom:5.333%}}@keyframes expand-04-4{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:43.689%;bottom:5.333%}}@-webkit-keyframes expand-04-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:59.709%;bottom:9.33%}}@keyframes expand-04-5{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:59.709%;bottom:9.33%}}@-webkit-keyframes expand-04-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:77.67%;bottom:10.667%}}@keyframes expand-04-6{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:77.67%;bottom:10.667%}}@-webkit-keyframes expand-05-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@keyframes expand-05-1{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:0;bottom:0}}@-webkit-keyframes expand-05-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:30%;bottom:0}}@keyframes expand-05-2{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:30%;bottom:0}}@-webkit-keyframes expand-05-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:61.25%;bottom:0}}@keyframes expand-05-3{0%{opacity:1;position:absolute;left:0;bottom:0}100%{opacity:1;position:absolute;left:61.25%;bottom:0}}