.box{height:800px}.el-scrollbar{height:100%}.box .el-scrollbar__wrap{overflow:scroll}.index-card{width:280px;height:260px;background:#fff;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.1);box-shadow:0 1px 8px rgba(0,0,0,.1);opacity:1;border-radius:3px;margin-left:16px;margin-bottom:20px;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.borderBlue{border-top:4px solid #409eff}.borderRed{border-top:4px solid #f56c6c}.fontGreen{color:#409eff}.fontRed{color:#f56c6c}.bgcBlue{background-color:#409eff}.bgcRed{background-color:#f56c6c}.shop_no{padding-left:10px;padding-right:10px;color:#fff;white-space:nowrap;opacity:1;border-radius:60px}.shopName{font-size:17px;margin-left:6px;font-weight:700}.online{background:url(/img/online.png) no-repeat 50%}.offline,.online{height:16px;width:16px}.offline{background:url(/img/offline.png) no-repeat 50%}.devicePoint{background-color:#409eff;color:#fff;white-space:nowrap;font-size:12px;width:18px;height:18px;border-radius:50%;display:table-cell;vertical-align:middle;text-align:center;margin-right:5px}.timeStr{font-size:12px;font-weight:400;color:#999}.noStr,.timeStr{line-height:0;opacity:1}.noStr,.unit{font-size:14px;font-weight:500;color:#333}.degree,.unit{line-height:0;opacity:1}.degree{font-size:20px;font-weight:650;color:#333}.title{margin-bottom:10px}.box{margin-bottom:20px}