.zccz{ top: 54px; height: calc(100vh - 120px); } .m-box_zc1{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 4px rgba(0,64,40,.1); padding: 10px 0; margin-bottom: 15px; } .m-box_zc1 .item{ border-bottom: 1px solid #eee; } .m-box_zc1 .item:last-child{ border-bottom: none; } .m-box_zc1 .item .tit{ font-size: 17px; color: #000; height: 45px; line-height: 45px; } .m-box_zc1 .mui-input-row label{ font-size: 16px; color: #000; padding-right: 0; } .m-box_zc1 .mui-input-row label~input{ font-size: 16px; } .m-box_zc1 .unit{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 16px; color: #000; } .m-box_zc1.p15{ padding: 5px 15px 0; } .m-files{ overflow: hidden; /* margin: 0 -8px 5px; */ margin-bottom: 5px; } /* .m-files .box{ float: left; width: 50%; } */ .m-files .con{ border: 1px dashed #cfcfcf; overflow: hidden; /* margin: 0 8px; */ margin-bottom: 15px; } .m-files .lab{ display: flex; width: 100%; height: 192px; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; color: #888; } .m-files .icon{ height: 44px; overflow: hidden; } .m-files .icon img{ max-width: 34px; } .m-tips{ line-height: 20px; } .m-tips p{ font-size: 13px; color: #178255; margin-bottom: 7px; } .m-bot_btn{ height: 65px; } .m-bot_btn .box{ position: fixed; bottom: 0; left: 0; width: 100%; height: 65px; padding: 9px 12px; background-color: #fff; box-shadow: 0px -10px 10px -10px rgba(40,48,58,.08); display: flex; align-items: center; justify-content: center; font-size: 18px; } .m-bot_btn .bot-btn{ color: #fff; background-color: #1e875b; padding: 9px 0; border-radius: 25px; margin-bottom: 0; border: none; margin: 0 8px; } .m-bot_btn .end{ color: #2f976d; background: linear-gradient(90deg,#cdefe3,#e7f2ee); } .m-bot_btn .start{ background: linear-gradient(90deg,#178255,#379a71); }