.topbar-wrapper{width:100%;height:40px;line-height:40px;background-color:#333}.topbar a{font-size:12px;color:#b0b0b0;display:block}.topbar a:hover{color:#fff}.topbar .line{font-size:12px;color:#424242;margin:0 8px}.service,.topbar li{float:left}.app{position:relative}.app::after{content:'';display:none;position:absolute;width:0;height:0;border:8px solid transparent;border-top:none;border-bottom-color:#fff;bottom:0;left:0;right:0;margin:auto}.app:hover .qrcode,.app:hover::after{display:block;height:148px}.app .qrcode{position:absolute;left:-40px;width:124px;height:0;overflow:hidden;line-height:1;text-align:center;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);transition:height .3s;z-index:9999}.app .qrcode img{width:90px;margin:17px;margin-bottom:10px}.app .qrcode span{font-size:14px;color:#000}.shop-cart,.user-info{float:right}.shop-cart{margin-left:26px;position:relative}.shop-cart a{width:120px;background-color:#424242;text-align:center}.shop-cart:hover a{background-color:#fff;color:#FF6700}.shop-cart i{margin-right:2px}.shop-cart:hover .chart-info{display:block;height:100px;z-index:2}.chart-info{position:absolute;left:-200px;width:320px;height:0px;line-height:100px;text-align:center;overflow:hidden;color:#6E6D6E;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);transition:height .3s}.header-wrapper{position:relative}.header{height:100px}.header .logo{float:left;margin-top:22px;width:55px;height:55px;position:relative;overflow:hidden;text-indent:-9999px}.header .logo a{position:absolute;width:55px;height:55px;left:0;border-radius:20px;background-color:#FF6700;background-image:url(../img/mi-logo.png);background-position:center;transition:left .3s}.header .logo .home{background-image:url(../img/mi-home.png);left:-55px}.header .logo:hover .mi{left:55px}.header .logo:hover .home{left:0}.header .nav-wrapper{float:left;margin-left:7px}.header .nav{height:100px;line-height:100px;padding-left:58px}.nav>li{float:left}.all-goods-wrapper{position:relative}.left-menu{width:234px;height:420px;padding:20px 0;background-color:rgba(0,0,0,0.6);position:absolute;z-index:999;left:-120px;line-height:1}ul.left-menu li a{display:block;height:42px;line-height:42px;color:white;margin-right:0;padding:0 30px;font-size:14px}ul.left-menu li a:hover{color:white;background-color:#FF6700}.left-menu a i{float:right;line-height:42px}.nav-wrapper li a{display:block;font-size:16px;margin-right:20px}.nav-wrapper li a:hover{color:#FF6700}.all-goods{visibility:hidden}.nav .goods-info{height:0;overflow:hidden;width:100%;background-color:#fff;position:absolute;top:100px;left:0;transition:height .3s;z-index:9999}.nav .show-goods:hover~.goods-info,.goods-info:hover{height:228px;border-top:1px solid #e0e0e0;box-shadow:0 5px 3px rgba(0,0,0,0.2)}.search-wrapper{width:296px;height:50px;float:right;margin-top:25px}.search-wrapper .search-inp{box-sizing:border-box;width:244px;border:none;float:left;padding:0 10px;height:50px;font-size:16px;border:1px solid #e0e0e0;outline:none}.search-wrapper .search-inp:focus,.search-wrapper .search-inp:focus+button{border-color:#FF6700}.search-wrapper .search-btn{float:left;height:50px;width:52px;padding:0;border:none;background-color:#fff;color:#616161;font-size:16px;border:1px solid #e0e0e0;border-left:none}.search-wrapper .search-btn:hover{background-color:#FF6700;color:white;border:none}.banner{position:relative;height:460px}.banner .img-list li{position:absolute}.banner img{width:100%;vertical-align:top}.pointer{position:absolute;bottom:22px;right:35px}.pointer a{float:left;width:6px;height:6px;border:2px rgba(255,255,255,0.4) solid;border-radius:50%;background-color:rgba(0,0,0,0.4);margin-left:6px}.pointer a:hover,.pointer a.active{border-color:rgba(0,0,0,0.4);background-color:rgba(255,255,255,0.4)}.prev-next a{width:41px;height:69px;background-image:url(../img/icon-slides.png);position:absolute;top:0;bottom:0;margin:auto 0}.prev-next .prev{left:234px;background-position:-84px 0}.prev-next .prev:hover{background-position:0 0}.prev-next .next{right:0;background-position:-125px 0}.prev-next .next:hover{background-position:-42px 0}.back-top{width:27px;height:214px;position:fixed;bottom:50px;right:0;background-color:#fff}.back-top>div{width:27px;height:42px;line-height:42px;text-align:center;color:#E9E9E9;border:1px solid #F5F5F5;cursor:pointer}.back-top:not(first-child) div{border-top:none}.back-top i{width:20px;height:20px}.back-top .user:hover .user-info{display:block}.back-top .user .user-info{width:70px;height:30px;line-height:30px;font-size:14px;text-align:center;position:fixed;bottom:183px;right:37px;color:#000;border:1px solid #F5F5F5;display:none}.back-top .wrench:hover .wrench-info{display:block}.back-top .wrench .wrench-info{width:70px;height:30px;line-height:30px;font-size:14px;text-align:center;position:fixed;bottom:143px;right:37px;color:#000;border:1px solid #F5F5F5;display:none}.back-top .headset:hover .headset-info{display:block}.back-top .headset .headset-info{width:70px;height:30px;line-height:30px;font-size:14px;text-align:center;position:fixed;bottom:98px;right:37px;color:#000;border:1px solid #F5F5F5;display:none}.back-top .cart:hover .cart-info{display:block}.back-top .cart .cart-info{width:70px;height:30px;line-height:30px;font-size:14px;text-align:center;position:fixed;bottom:58px;right:37px;color:#000;border:1px solid #F5F5F5;display:none}.ad{height:170px;margin-top:14px}.ad .shortcut,.ad .imgs,.ad li{float:left}.ad .shortcut{width:228px;height:168px;background-color:#5f5750;margin-right:14px;padding-top:2px;padding-left:6px}.ad .shortcut li{position:relative}.ad .shortcut li::before{content:'';position:absolute;width:64px;height:1px;background-color:#665e57;left:0;right:0;top:0;margin:0 auto}.ad .shortcut li::after{content:'';position:absolute;height:70px;width:1px;background-color:#665e57;top:0;bottom:0;margin:auto 0;left:0}.ad .shortcut a{display:block;color:#cfccca;height:84px;width:76px;text-align:center;font-size:12px;overflow:hidden}.ad .shortcut a:hover{color:#fff}.ad .shortcut i{display:block;margin-top:20px;margin-bottom:6px;font-size:20px}.ad .imgs li{width:316px;margin-right:15px}.ad .imgs li:last-child{margin:0}.ad .imgs img{width:100%;vertical-align:top}.content-wrapper{background-color:#F5F5F5;width:100%;margin-top:50px;padding-top:4px;padding-bottom:12px}.content-wrapper .container{width:1226px;margin:0 auto}.content-wrapper .container .home-banner-box{height:120px;margin:22px 0}.content-wrapper .container .home-brick-box .top{margin-bottom:10px}.content-wrapper .container .home-brick-box .top h2{font-size:22px;color:#B0B0B0;float:left}.content-wrapper .container .home-brick-box .top a{display:block;float:right;color:#B0B0B0;font-size:16px}.content-wrapper .container .home-brick-box .top a:hover{color:#FF6700}.content-wrapper .container .home-brick-box .bottom{width:100%}.content-wrapper .container .home-brick-box .bottom .left{width:234px;float:left}.content-wrapper .container .home-brick-box .bottom .right{width:978px;height:628px;float:right}.content-wrapper .container .home-brick-box .bottom .right ul li{float:left;width:234px;height:300px;background-color:#fff;text-align:center;margin:0 0 10px 10px}.content-wrapper .container .home-brick-box .bottom .right ul li:nth-child(-n+4){margin-bottom:14px}.content-wrapper .container .home-brick-box .bottom .right ul li a{display:block;height:100%;font-size:14px;padding:20px 0}.content-wrapper .container .home-brick-box .bottom .right ul li a img{width:160px}.content-wrapper .container .home-brick-box .bottom .right ul li a .title{color:#333}.content-wrapper .container .home-brick-box .bottom .right ul li a .desc{color:#b0b0b0;font-size:12px;margin-bottom:10px}.content-wrapper .container .home-brick-box .bottom .right ul li a .price{color:#FF6700}.content-wrapper .container .home-brick-box .bottom .right ul li a .price del{color:#b0b0b0}.site-footer{width:100%;padding-top:4px;padding-bottom:12px}.site-footer .containter{width:1226px;margin:0 auto}.site-footer .containter .footer-service{width:100%;padding:27px 0;font-size:16px;text-align:center;border-bottom:1px solid #E0E0E0}.site-footer .containter .footer-service ul li{float:left;width:19%;border-right:1px solid #E0E0E0}.site-footer .containter .footer-service ul li:last-child{border:none}.site-footer .containter .footer-service ul li a{color:#616161}.site-footer .containter .footer-service ul li a:hover{color:#FF6700}.site-footer .containter .footer-links{width:100%;padding:27px 0}.site-footer .containter .footer-links .col-links{float:left;margin-right:60px}.site-footer .containter .footer-links .col-links:first-child{width:160px;height:25px}.site-footer .containter .footer-links .col-links p{margin-bottom:10px}.site-footer .containter .footer-links .col-links ul li{margin-bottom:5px}.site-footer .containter .footer-links .col-links ul li a{color:#757575}.site-footer .containter .footer-links .col-links ul li a:hover{color:#FF6700}.site-footer .containter .footer-links .col-contact{float:right;border-left:1px solid #e0e0e0;text-align:center;color:#616161;padding-left:50px}.site-footer .containter .footer-links .col-contact h1{color:#FF6700;font-size:22px}.site-footer .containter .footer-links .col-contact p{font-size:12px}.site-footer .containter .footer-links .col-contact a{display:block;width:210px;height:55px;line-height:55px;background-color:#fff;border:1px solid #FF6700;color:#FF6700;font-size:12px;text-align:center;cursor:pointer}.site-footer .containter .footer-links .col-contact a:hover{background-color:#FF6700;color:#fff}/*# sourceMappingURL=./index.css.map */