.fillComments { padding-bottom: 1.33333rem; } .fillComments .my-field .md-cell-item-body { padding: 0.32rem 0; } .fillComments .my-field .md-cell-item-body::before { border-bottom: 0; } .fillComments .my-field .md-cell-item-children { padding: 0; } .fillComments .file-button { width: 1.86667rem; height: 0.66667rem; font-size: 0.32rem; border-radius: 0.13333rem; } .fillComments .inputFile { width: 100%; position: absolute; overflow: hidden; right: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; height: 100%; z-index: 99; } .fillComments .fileList { border-radius: 0.05333rem; background: rgba(0, 87, 255, 0.1); font-size: 0.37333rem; font-weight: 400; color: #0057ff; line-height: 0.53333rem; padding: 0.10667rem 0.26667rem; margin-top: 0.13333rem; } .fillComments .fileList i { float: right; line-height: 0.53333rem; } .fillComments .error { color: #f56c6c; margin-top: 0.08rem; } .fillComments .action { position: fixed; bottom: 0; border-top: 1px solid #eeeeee; width: 100%; display: flex; justify-content: flex-end; background: #fff; padding: 0.24rem 0.53333rem; box-sizing: border-box; z-index: 100; } .fillComments .action button { padding: 0 0.42667rem; width: auto; height: 0.85333rem; font-size: 0.37333rem; } .fillComments .action button:not(:last-of-type) { margin-right: 0.26667rem; } .fillComments .my-popup .md-popup-box { background: #ffffff; }