.frame{padding:20px;border-radius:10px;background:#fff;margin:15px}.mrid-table{margin:15px 0;border-radius:5px;border:3px solid #f1f8fe}@media screen and (orientation:portrait){.frame-title{display:flex;align-items:center;flex-wrap:wrap;padding:10px 5px}.tip{padding:10px;border-radius:5px;font-size:14px;background:#e6f4fd;color:#28a9fc}.btn-tool,.tip{margin-bottom:10px}.btn-tool{width:32%;margin-right:1%}.frame{padding:10px;border-radius:10px;background:#fff;margin:10px}.mrid-table-header-main{padding:8px;background:#f1f8fe;text-align:left;display:flex;align-items:center}.mrid-table-header-main-center{flex:1;text-align:center;color:#6d8aa7;font-size:14px;font-weight:700}.mrid-table-header-main-icon{width:20px;height:20px}.mrid-table-header-main-name{color:#859eb9;font-size:12px;margin-left:10px}.mrid-table-header-main-user{width:120px;color:#6d8aa7;font-size:14px;font-weight:700;text-align:left}.mrid-table-header-main-num{flex:1;color:#6d8aa7;font-size:14px;font-weight:700;text-align:center}.mrid-table-header-main-end{width:20px;height:20px}.mrid-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f1f8fe}.mrid-item:last-of-type{border-bottom:none}.mrid-item-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.mrid-item-name{font-size:14px;color:#444;width:70px;font-weight:700}.mrid-item-num{flex:1;font-size:14px;color:#555;font-weight:700;text-align:center;word-break:break-all}.mrid-item-end{width:20px}.clear{width:14px;height:14px}.set{color:#859eb9;font-weight:400;margin-left:5px}.btn-new,.set{font-size:12px}.btn-new{background:#28a9fc;color:#fff;padding:4px 12px;text-align:center;border-radius:5px;margin-right:10px}.btn-new-green:active{background:#349b34}.btn-new-green{background:#47c947;color:#fff;padding:6px 12px;text-align:center;border-radius:5px;margin-right:10px;font-size:12px}.btn-new-red:active{background:#e24d4d}.btn-new-red{background:#fc5e5e;color:#fff;padding:6px 12px;text-align:center;border-radius:5px;margin-right:10px;font-size:12px}.btn-new:active{background:#1c83c4}.btn-new-orange:active{background:#c97622}.btn-new-orange{background:#ff9a34;color:#fff;padding:6px 12px;text-align:center;border-radius:5px;margin-right:10px;font-size:12px}.bottom-view{position:fixed;z-index:99;bottom:0;left:0;width:100%;display:flex;align-items:center;background:#fff;box-shadow:0 -2px 5px #efefef}.bottom-view-title{flex:1;font-size:15px;font-weight:700;color:#555;margin:20px 15px}.bottom-view-subtitle{color:#28a9fc;font-size:14px;padding-right:20px}.bottom-view-btn{padding:8px 14px;color:#fff;font-size:15px;font-weight:700;background:#fc5e5e;border-radius:8px;margin-right:10px}.bottom-view-btn:active{background:#da4444}}@media screen and (orientation:landscape){.frame-title{display:flex;align-items:center;flex-wrap:wrap}.btn-tool{margin-left:10px}.tip{margin:10px 0;padding:10px;border-radius:5px;font-size:14px;background:#e6f4fd;color:#28a9fc}.mrid-table-header-main{padding:8px;background:#f1f8fe;text-align:left;display:flex;align-items:center}.mrid-table-header-main-center{flex:1;text-align:center;color:#6d8aa7;font-size:14px;font-weight:700}.mrid-table-header-main-icon{width:20px;height:20px}.mrid-table-header-main-name{color:#859eb9;font-size:12px;margin-left:10px}.mrid-table-header-main-user{width:200px;color:#6d8aa7;font-size:18px;font-weight:700;text-align:left}.mrid-table-header-main-num{flex:1;color:#6d8aa7;font-size:18px;font-weight:700;text-align:center}.mrid-table-header-main-end{width:30px;height:30px}.mrid-item{display:flex;align-items:center;padding:14px;border-bottom:1px solid #f1f8fe}.mrid-item:last-of-type{border-bottom:none}.mrid-item-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.mrid-item-name{font-size:18px;color:#444;width:140px;font-weight:700}.mrid-item-num{flex:1;font-size:18px;color:#555;font-weight:700;text-align:center;word-break:break-all}.mrid-item-end{width:30px}.clear{width:20px;height:20px}.set{color:#859eb9;font-size:14px;font-weight:400;margin-left:10px}.btn-new{background:#28a9fc;color:#fff;padding:10px 30px;text-align:center;border-radius:25px;margin-right:10px}.btn-new:active{background:#1c83c4}.btn-new-green{background:#47c947;color:#fff;padding:10px 30px;text-align:center;border-radius:25px;margin-right:10px}.btn-new-green:active{background:#349b34}.btn-new-red{background:#fc5e5e;color:#fff;padding:10px 30px;text-align:center;border-radius:25px;margin-right:10px}.btn-new-red:active{background:#db4a4a}.btn-new-orange:active{background:#d87f25}.btn-new-orange{background:#ff9a34;color:#fff;padding:10px 30px;text-align:center;border-radius:25px;margin-right:10px}.bottom-view{position:fixed;z-index:99;bottom:0;left:0;width:100%;display:flex;align-items:center;background:#fff;box-shadow:0 -2px 5px #efefef}.bottom-view-title{flex:1;font-size:15px;font-weight:700;color:#555;margin:20px 15px}.bottom-view-subtitle{color:#28a9fc;font-size:14px;padding-right:20px}.bottom-view-btn{padding:8px 14px;color:#fff;font-size:15px;font-weight:700;background:#fc5e5e;border-radius:8px;margin-right:10px}.bottom-view-btn:active{background:#da4444}}.search-view{padding:20px 20px}.search-title{text-align:center;font-size:22px;color:#555;font-weight:700;margin-bottom:10px}.search-inputer{padding:5px 20px;font-size:20px;line-height:34px;color:#333;background:#f7f8f9;border-radius:30px;border:2px solid #eee;margin:10px auto;width:280px}.search-list-view{height:200px;overflow-y:scroll;padding:10px;margin-bottom:10px}.btn-search{background:#28a9fc;color:#fff;padding:10px 0;text-align:center;border-radius:25px;font-size:20px}.name-inputer{padding:5px;font-size:20px;line-height:34px;color:#333;background:#f7f8f9;border-radius:5px;border:2px solid #eee;margin:10px auto;width:240px}.dialog-title{text-align:center;font-size:32px;color:#333;margin-bottom:40px;font-weight:700}.dialog-content{font-size:20px;color:#555;margin:20px 20px;text-align:center}.dialog-desc{color:#888;font-size:18px;margin:20px 10px}.land-class-name{padding:10px;text-align:center;color:#444;font-size:16px;font-weight:700;background:#f2f3f5;border-radius:10px}.top{position:fixed;z-index:2;left:0;top:0;background:#fff;width:100%;padding:16px 0;text-align:center;box-shadow:0 2px 5px #eee}.por-class-name{font-size:16px;color:#444}.pop-item{width:240px;text-align:center;font-size:18px}.frame-back{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #f7f8f9;margin-bottom:20px}.frame-back-icon{width:30px;height:30px;margin-right:10px}.frame-back-text{color:#888}.frame-back-text,.tip-title{font-size:18px;font-weight:700}.tip-title{text-align:center;color:#28a9fc}.print-table{width:630px;border:1px solid #000;position:fixed;z-index:2;left:9999px}.print-table-row{width:630px;border-bottom:1px solid #000;line-height:30px;font-size:14px;color:#000;display:flex;align-content:center}.print-table-row:last-of-type{border-bottom:none}.print-table-col-1{width:252px;border-right:1px solid #000;padding:0 10px}.print-table-col-2{width:378px;padding:0 10px}.print-table-col-2:last-of-type{border-right:none}.sid-none{color:#ccc;font-weight:400}.add-input{padding:5px;font-size:20px;line-height:34px;color:#333;background:#f7f8f9;border-radius:5px;border:2px solid #eee;margin:10px auto;width:240px}.menu-btns{margin:30px 20px}.menu-btn{width:100%;color:#fff;padding:14px 0;text-align:center;border-radius:25px;font-weight:700;font-size:20px;margin-bottom:20px}.menu-btn.bgblue{background:#28a9fc}.menu-btn.bgblue:active{background:#1a7ebd}.menu-btn.bgorange{background:#ff9a34}.menu-btn.bgorange:active{background:#f67915}.menu-btn.bggreen{background:#07c160}.menu-btn.bggreen:active{background:#098143}.menu-btn.bggray{background:#efefef;color:#aaa}.menu-btn.bggray:active{background:#c5c3c3;color:#aaa}