.managepage{display:flex;flex-direction:column;align-items:center}.managepage .managepage-tittle{width:95%;margin-bottom:20px;font-size:20px;font-weight:700;margin-left:10px}.managepage .managepage-main{width:95%;margin-top:20px;border-radius:10px;background-color:#fff;padding:20px}.managepage .managepage-main .top-card{width:100%;height:0;display:flex;flex-direction:column;justify-content:center;padding:20px 0;background-color:#fff;margin-top:10px;margin-bottom:20px}.managepage .managepage-main .top-card-tittle{color:#2d2d2d;font-size:22px;margin-bottom:30px;font-weight:700}.managepage .managepage-main .top-card-choose{display:flex;width:100%;flex-wrap:wrap;margin-bottom:20px}.managepage .managepage-main .top-card-choose-form{display:flex;align-items:center;margin-right:30px}.managepage .managepage-main .top-card-choose-form-tittle{font-size:16px;margin-right:10px}.managepage .managepage-main .top-card-button{margin-left:20px;width:100px}.index .ivu-card-body{height:100%;padding:0}.top-card{width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;padding:100px;background-color:#fff}.top-card-tittle{color:#2d2d2d;font-size:22px;margin-bottom:30px;font-weight:700}.top-card-choose{display:flex;width:100%;flex-wrap:wrap;margin-bottom:20px}.top-card-choose-form{display:flex;align-items:center;margin-right:30px}.top-card-choose-form-tittle{font-size:16px;margin-right:10px}.top-card-button{width:100px}.main-card{width:180px;height:125px;margin-bottom:10px;margin-right:10px;cursor:pointer}.main-card-index-stayInColior{color:#fff;background:#5ec5c4}.main-card-index-connectionColor,.main-card-index-stayInColior{text-align:center;width:100%;height:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.main-card-index-connectionColor{background:#fff;color:#515a6e;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}.main-card-index-offlineColor{text-align:center;width:100%;height:100%;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:space-between;background:#8c9399}.main-card-index-tittle-room{display:flex;align-items:flex-end}.main-card-index-tittle-room-roomnum{font-size:22px;margin-right:6px}.main-card-index-tittle-room-roomtype{display:inline-block;white-space:nowrap;overflow:hidden;width:100px;text-overflow:ellipsis;margin-bottom:3px}.main-card-index-tittle-time{display:flex}.main-card-index-active{display:flex;align-items:flex-end;justify-content:space-between;height:60px}.main-card-index-active-normal{display:flex}.main-card-index-active-normal-image{width:20px;margin-right:3px;color:#f1939c}.main-card-index-active-normal-image img{width:100%}.main-card-index-active-warn{width:60px;display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:flex-end}.main-card-index-active-warn-image{width:50px}