@media (max-width:768px){.phone-list{background-color:#f7f7f7;height:100vh;overflow:auto}.phone-list .cardList{width:100%;padding:12px}.phone-list .cardList .card{background-color:#fff;border-radius:10px;margin-bottom:12px;position:relative;padding:12px}.phone-list .cardList .card .projName{font-weight:600;font-size:16px;line-height:32px;color:#222}.phone-list .cardList .card .projArea,.phone-list .cardList .card .projType{font-weight:400;font-size:14px;line-height:28px;color:#666}.phone-list .cardList .card .time{font-weight:400;font-size:12px;line-height:36px;color:#999}.phone-list .cardList .card .icon{position:absolute;right:10px;top:10px}.phone-list .cardList .card .hr{border-bottom:1px solid #e8e8e8}.phone-list .cardList .card .flexLine{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;font-size:12px}.phone-list .cardList .card .flexLine .taskStatus{padding:2px 6px;display:block;vertical-align:middle;border-radius:5px}.phone-list .cardList .card .flexLine .taskStatus.success{color:#09aa5c;background:#e6f7ef}.phone-list .cardList .card .flexLine .taskStatus.error{color:#f14846;background:#feeded}.phone-list .cardList .card .flexLine .taskStatus.warning{color:#3f78e4!important;background:#ecf2fc}.phoneDialog /deep/ .el-dialog{border-radius:0;max-height:100%;max-width:100%}.phoneDialog /deep/ .dialog .el-dialog__body{padding:0}.phoneDialog /deep/ .messAlert{width:270px!important}}