.omit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ellip { -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .m15 { margin-top: 15px !important; } .clear { clear: both; } .flex { display: flex; text-align: center; .f { flex: 1; overflow: hidden; } } .btn { color: white; background-color: $main-color; border-radius: 5px; font-size: 14px; text-align: center; padding: 5px; } .back{ background-color: #f44336; } .form_group { padding: 10px 15px 10px 15px; overflow: hidden; border-bottom: 1px solid $line; background-color: white; &.form_group:last-child { border-bottom: 0px; } .lable { font-size: 15px; line-height: 30px; width: 30%; float: left; text-align: left; float: left; color: #545555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .icon { font-size: 23px; font-weight: normal; } } .tag { float: left; text-align: right; width: 70%; margin-top: 5px; color: #909090; text { font-size: 15px; } .span { float: left; width: 93%; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .code { font-size: 20px; } .more { float: right; margin-top: 4px; } } picker { margin-left: 106px; margin-top: 5px; } input { margin-left: 20px; float: left; font-size: 15px; margin-top: -7px; border-radius: 5px; padding: 10px; width: 60%; } textarea { display: block; font-size: 14px; padding: 10px; height: 120px; border-radius: 5px; margin-top: 35px; background-color: white; } .u-switch { margin-left: 20px; } } .vtitle { padding: 12px 10px 12px 10px; font-weight: bold; font-size: 17px; color: $font-c; } .footer { width: 100%; position: fixed; bottom: 0%; padding: 10px; background-color: #f2f3f5; .flex { padding: 5px; .btn { width: 70%; } } } .ws { width: 30%; border-radius: 25px; } .search { background-color: white; padding: 5px 15px; .input { margin-bottom: 10px; } .f { padding: 5px; background-color: white; } .c { background-color: #f44336; } }