.shop-name{line-height:2rem;background-color:#ecf0fe;padding:0 1rem;position:relative}.shop-name>p{display:-webkit-box;display:-webkit-flex;display:flex}.shop-name>p>.shop-icon{height:100%;margin-top:.66667rem}.shop-name .van-cell{background:transparent;padding-left:0}.shop-name .van-cell__title{font-size:.66667rem;-webkit-box-flex:0;-webkit-flex:none;flex:none}.shop-name.has-slot p{width:70%}.shop-name .shop-icon{vertical-align:middle;margin-right:.38889rem}.shop-name .slot{position:absolute;right:.88889rem;top:0}.shop-name .slot .van-button--plain,.text-type{background-color:transparent}.text-type{color:#fff;text-align:center;position:relative}.text-type p{width:100%!important}.text-type .shop-icon{display:none}.text-type .van-cell{color:#fff;display:inline-block;padding-right:0}.text-type .van-cell .van-cell__title{display:inline;font-size:1rem;letter-spacing:.11111rem}.text-type .van-cell .van-cell__right-icon{display:inline-block;color:#fff;vertical-align:initial}.text-type .slot{position:absolute}.home-wrap{min-height:100%;padding-bottom:1.33333rem;background-image:url(/img/bg.png);background-repeat:no-repeat;position:relative;color:#fff}.home-wrap,.home-wrap.home-wrap--xsh{background-size:100% 100%}.home-wrap .shop{margin-bottom:2.22222rem}.home-wrap .shop .connect-phone{padding-top:.5rem}.home-wrap .shop .connect-phone img{width:.83333rem}.home-wrap .info{width:16.66667rem;height:14.16667rem;margin:0 auto;padding-top:.55556rem;text-align:center;position:relative;z-index:0}.home-wrap .info .bg{width:16.66667rem;position:absolute;z-index:-1;top:50%;left:50%;margin-top:-6.38889rem;margin-left:-8.33333rem;opacity:.45}.home-wrap .info .grid-bg{width:11.11111rem;position:absolute;z-index:-1;top:50%;left:50%;margin-top:-6.11111rem;margin-left:-5.55556rem;opacity:.5}.home-wrap .info .count{font-size:3.88889rem;font-weight:100;line-height:1}.home-wrap .info .count-desc{font-size:.66667rem}.home-wrap .info .count-desc img{width:.77778rem}.home-wrap .info .date{font-size:.66667rem}.home-wrap .info .info-block{float:left;width:5.55556rem;margin-top:1.11111rem}.home-wrap .info .info-block img{width:.88889rem}.home-wrap .info .info-block:nth-of-type(2) img{width:1.05556rem}.home-wrap .info .info-block .status{font-size:.88889rem;margin:.44444rem 0 .11111rem}.home-wrap .info .info-block .title{font-size:.44444rem}.home-wrap .info--xsh{height:10.11111rem}.home-wrap .info--xsh .bg{margin-top:-5.44444rem}.home-wrap .info--xsh .grid-bg{margin-top:-5.11111rem}.home-wrap .card-wrap{position:absolute;bottom:7.77778rem;left:50%;margin-left:-9.44444rem}.home-wrap .card-wrap .action-card{float:left;border-radius:.55556rem;font-size:.94444rem;letter-spacing:.11111rem;text-align:center;width:6rem;height:7.22222rem;background-image:url(/img/action-card-default.png);background-repeat:no-repeat;background-size:100% 100%;padding:1.11111rem .83333rem}.home-wrap .card-wrap .action-card:nth-child(2){margin:0 .27778rem}.home-wrap .card-wrap .action-card.active{height:6.94444rem;background-image:url(/img/action-card-active.png)}.home-wrap .card-wrap .action-card .img-box{height:3.33333rem}.home-wrap .card-wrap .action-card .home-arm{width:2.55556rem}.home-wrap .card-wrap .action-card .leave-arm{width:1.94444rem}.home-wrap .card-wrap .action-card .disarm{width:2.11111rem}.home-wrap .xsh-home-section{margin-top:.44444rem;padding:.66667rem .88889rem 1.33333rem;border-radius:1.33333rem 1.33333rem 0 0;background:transparent;color:#fff}.home-wrap .xsh-section-head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:.66667rem;margin-bottom:.55556rem}.home-wrap .xsh-section-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:#fff}.home-wrap .xsh-section-desc{margin:.22222rem 0 0;color:rgba(232,242,255,.68);font-size:.66667rem}.home-wrap .xsh-refresh-button{-webkit-appearance:none;appearance:none;border:.05556rem solid rgba(196,220,255,.24);background:hsla(0,0%,100%,.12);color:rgba(241,247,255,.92);border-radius:55.5rem;min-width:4.11111rem;height:1.77778rem;padding:0 .66667rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:.33333rem;font-size:.66667rem;line-height:1;box-shadow:0 .44444rem 1rem rgba(20,63,154,.1)}.home-wrap .xsh-refresh-button:disabled{opacity:.6}.home-wrap .xsh-refresh-button__icon{width:.66667rem;height:.66667rem;border:.08333rem solid currentColor;border-right-color:transparent;border-radius:50%;position:relative;display:inline-block}.home-wrap .xsh-refresh-button__icon:after{content:"";position:absolute;right:-.05556rem;top:-.11111rem;width:.22222rem;height:.22222rem;border-top:.08333rem solid currentColor;border-right:.08333rem solid currentColor;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.home-wrap .xsh-refresh-button.is-loading .xsh-refresh-button__icon{-webkit-animation:xsh-spin .9s linear infinite;animation:xsh-spin .9s linear infinite}.home-wrap .xsh-empty,.home-wrap .xsh-loading{min-height:6rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:.88889rem;background:rgba(11,53,138,.2);color:rgba(234,242,255,.86);border:.05556rem solid hsla(0,0%,100%,.12)}.home-wrap .xsh-device-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:.55556rem}.home-wrap .xsh-device-card{padding:.77778rem .77778rem .66667rem;border-radius:.88889rem;background:rgba(8,44,119,.18);border:.05556rem solid hsla(0,0%,100%,.12)}.home-wrap .xsh-device-card__head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:.66667rem}.home-wrap .xsh-device-card__main{min-width:0;-webkit-box-flex:1;-webkit-flex:1;flex:1}.home-wrap .xsh-device-card__title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.44444rem;font-size:.88889rem;font-weight:600;line-height:1.4;color:#fff;word-break:break-all}.home-wrap .xsh-device-card__title-icon{width:1.22222rem;height:1.22222rem;-webkit-box-flex:0;-webkit-flex:0 0 1.22222rem;flex:0 0 1.22222rem;border-radius:.44444rem;background:hsla(0,0%,100%,.08);display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.home-wrap .xsh-device-card__title-icon img{width:.77778rem;opacity:.86}.home-wrap .xsh-device-card__title-text{min-width:0;-webkit-box-flex:1;-webkit-flex:1;flex:1}.home-wrap .xsh-device-card__meta{margin-top:.33333rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.33333rem;color:rgba(229,239,255,.82);font-size:.66667rem;-webkit-flex-wrap:wrap;flex-wrap:wrap}.home-wrap .xsh-device-card__label{color:rgba(217,229,255,.62)}.home-wrap .xsh-device-card__code{color:#fff;font-weight:400;word-break:break-all;opacity:.86}.home-wrap .xsh-device-card__badges{display:-webkit-box;display:-webkit-flex;display:flex;gap:.44444rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.home-wrap .xsh-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;padding:0;border-radius:55.5rem;font-size:.61111rem;font-weight:500;line-height:1.2;border:none;background:transparent;position:relative}.home-wrap .xsh-badge:before{content:"";width:.33333rem;height:.33333rem;border-radius:50%;margin-right:.33333rem;-webkit-box-flex:0;-webkit-flex:0 0 0.33333rem;flex:0 0 0.33333rem}.home-wrap .xsh-badge--online{color:#b9ffd0}.home-wrap .xsh-badge--online:before{background:#59d37c}.home-wrap .xsh-badge--offline{color:#ffd0d0}.home-wrap .xsh-badge--offline:before{background:#ff8f8f}.home-wrap .xsh-badge--armed{background:rgba(122,153,255,.16);color:#edf2ff;padding:.16667rem .55556rem}.home-wrap .xsh-badge--disarmed{background:hsla(0,0%,100%,.1);color:rgba(235,242,255,.82);padding:.16667rem .55556rem}.home-wrap .xsh-badge--pending{background:rgba(255,205,120,.18);color:#ffe7b5;padding:.16667rem .55556rem}.home-wrap .xsh-badge--armed:before,.home-wrap .xsh-badge--disarmed:before,.home-wrap .xsh-badge--pending:before{display:none}.home-wrap .xsh-action-bar{display:-webkit-box;display:-webkit-flex;display:flex;gap:.66667rem;margin-top:.88889rem}.home-wrap .xsh-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:6rem;border-radius:.66667rem;font-size:.83333rem;font-weight:600;position:relative;overflow:hidden;border:none;color:#fff;padding:0}.home-wrap .xsh-action-button:before{display:none}.home-wrap .xsh-action-button .van-button__text{position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;gap:.55556rem;letter-spacing:.05556rem}.home-wrap .xsh-action-button .van-button__text:before{content:"";display:block;width:2.33333rem;height:2.33333rem;border-radius:.77778rem;background-color:hsla(0,0%,100%,.14);background-repeat:no-repeat;background-position:50%;background-size:1.33333rem 1.33333rem}.home-wrap .xsh-action-button--defence{background:-webkit-linear-gradient(top,hsla(0,0%,100%,.16),rgba(214,231,255,.12));background:linear-gradient(180deg,hsla(0,0%,100%,.16),rgba(214,231,255,.12));border:.05556rem solid rgba(196,220,255,.24);box-shadow:0 .55556rem 1rem rgba(20,63,154,.12);color:#ff8b8b}.home-wrap .xsh-action-button--defence .van-button__text:before{background-color:rgba(255,140,140,.16);background-image:url(/img/lock-close.png);box-shadow:0 .22222rem .55556rem rgba(181,72,72,.08)}.home-wrap .xsh-action-button--disarm{background:-webkit-linear-gradient(top,hsla(0,0%,100%,.16),rgba(214,231,255,.12));background:linear-gradient(180deg,hsla(0,0%,100%,.16),rgba(214,231,255,.12));border:.05556rem solid rgba(196,220,255,.24);box-shadow:0 .55556rem 1rem rgba(20,63,154,.12);color:#6de0a0}.home-wrap .xsh-action-button--disarm .van-button__text:before{background-color:rgba(90,220,146,.14);background-image:url(/img/lock-open.png);box-shadow:0 .22222rem .55556rem rgba(34,132,77,.08)}@-webkit-keyframes xsh-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes xsh-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}