@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%}body{background-color:#fff}.section{width:100%;min-width:100%;position:relative;overflow:hidden;box-sizing:border-box;color:#222;background-size:cover;background-repeat:no-repeat;background-position:center}.section .container{width:60%;margin:0 auto}.section .text-content{margin:10% 0 5%;position:relative}.section .text-content .title{font-size:.48rem;font-weight:700;margin:0 0 .5rem}.section .text-content .title.camera-slide{margin-left:1rem}.section .text-content .desc{font-size:.24rem;line-height:1.3;font-weight:400}.section .text-content .detail{font-size:.72rem;font-weight:600;margin:0 0 .5rem}.section .text-content .desc-n{display:inline-block;width:32%;vertical-align:top;font-size:.3rem;position:relative}.section .text-content .desc-n::before{content:" ";display:block;position:absolute;top:-.25rem;left:0;background-image:linear-gradient(90deg,#61ceff 1%,#3bc3ff 14%,#1cc7cc 50%,#00ca9e 100%);width:.5rem;height:5px;border-radius:5px;border:1px solid transparent}.section .text-content .camera{width:.5rem;position:absolute;top:3%;left:0}.section .text-content .colorful span{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent}.section .ui-wrapper .ui-pager{bottom:-5%}.section .ui-wrapper .ui-pager .ui-pager-item .ui-pager-link{background-color:#d3d3d3}.section .ui-wrapper .ui-pager .ui-pager-item .ui-pager-link.active{background-color:#222}.section img,.section video{width:100%}.section .desc,.section .desc-n,.section .detail,.section .img,.section .title{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition:all 1s .7s}.section-intro{height:0;padding-bottom:29.8828125%}.section-intro .container .text-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0}.section.is-visible .desc,.section.is-visible .desc-n,.section.is-visible .detail,.section.is-visible .img,.section.is-visible .title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section.section-1{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/section-01_bg.jpg);height:0;padding-bottom:46.875%}.section.section-1 .container .text-content{margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.section.section-1 .container .text-content .title-logo{width:45%}.section.section-1 .container .text-content .title{font-size:.64rem;margin-bottom:.2rem}.section.section-1 .container .text-content .price{font-size:.64rem;font-weight:600;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition:all 1s .7s}.section.section-1 .container .img-content{width:37.5%;margin-left:56.5%;margin-top:8.5%}.section.section-1.is-visible .container .text-content .price{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section.section-2 .container .ksp-box{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:.5rem}.section.section-2 .container .ksp-box .ksp-content{width:24%;position:relative;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition:all 1s .7s}.section.section-2 .container .ksp-box .ksp-content .desc{position:absolute;top:55%;text-align:center;width:100%;font-weight:600;color:#fff}.section.section-2.is-visible .container .ksp-box .ksp-content{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section.section-3{background-image:linear-gradient(143deg,#f5d8ff 0,#d9ddff 100%)}.section.section-3 .container .text-content .colorful span{background-image:linear-gradient(123deg,#ff489e 0,#d426ba 50%,#a300d9 100%)}.section.section-4{height:0;padding-bottom:61.71875%}.section.section-4 .ui-pager{width:60%;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1rem auto}.section.section-4 .ui-pager .ui-pager-item{width:30%;font-size:.32rem;text-align:center}.section.section-4 .ui-pager .ui-pager-item .index{display:inline-block;width:.3rem;height:.3rem;background-size:cover}.section.section-4 .ui-pager .ui-pager-item .index-0{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/unsel0.png)}.section.section-4 .ui-pager .ui-pager-item .index-0.active{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/sel0.png)}.section.section-4 .ui-pager .ui-pager-item .index-1{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/unsel1.png)}.section.section-4 .ui-pager .ui-pager-item .index-1.active{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/sel1.png)}.section.section-4 .ui-pager .ui-pager-item .index-2{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/unsel2.png)}.section.section-4 .ui-pager .ui-pager-item .index-2.active{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/sel2.png)}.section.section-4 .ui-pager .ui-pager-item .color-name{display:block;font-weight:600}.section.section-6{background-image:linear-gradient(153deg,#100b20 0,#0f0f38 50%,#0d124b 100%)}.section.section-6 .container .text-content .colorful span{background-image:linear-gradient(123deg,#61ceff 0,#3bc3ff 14%,#1ec7cf 55%,#00ca9e 100%)}.section.section-7{height:0;padding-bottom:70.3125%}.section.section-10,.section.section-11,.section.section-9{height:0;padding-bottom:66.40625%}.section.section-12{background-image:linear-gradient(1231deg,#550294 0,#1862d0 100%)}.section.section-12 .container .text-content .colorful span{background-image:linear-gradient(123deg,#ff5bf9 1%,#ff5bf9 16%,#c84efc 56%,#9164ff 100%)}.section.section-15 .container .text-content .img-tuv{width:12%;position:absolute;right:0}.section.section-17{background-image:linear-gradient(153deg,#445adb 0,#588be1 50%,#6ec1e6 100%)}.section.section-17 .container .text-content{color:#fff}.section.section-20{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/section-20_bg.jpg);background-size:cover}.section.section-20 .container .text-content{color:#fff;margin-top:5%}.section.section-20 .container .text-content .title-logo{width:20%}.section.section-20 .container .text-content .title{font-size:.6rem;margin-bottom:.2rem}.section.section-20 .container .text-content .specs{width:59%}.section.section-20 .container .text-content .specs .specs-content{width:48%;font-size:.24rem;display:inline-block;margin:0}.section.section-20 .container .text-content .specs .specs-content .title{font-size:.24rem;font-weight:600}.section.section-20 .container .text-content .specs .specs-content .desc{font-size:.2rem}.section.section-footer{background-image:url(//i01.appmifile.com/webfile/globalimg/products/pc/redmi-note-8/section-footer_bg.png);height:0;padding-bottom:12.890625%}.section.section-footer .container .footer-link{position:absolute;right:20%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:.35rem;color:#fff}