.bg { margin-top: -46px; margin-left: -10px; image { width: 110%; } } .main { padding: 15px; .form { border-radius: 10px; background-color: white; } } .tab { padding: 0px 5px 5px 5px; /* #ifdef H5 */ margin-top: -1px; /* #endif */ overflow: hidden; } .omit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ellip { -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-top: 7px; color: #666666; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .pl5 { padding-left: 5px; } .flex { display: flex; text-align: center; .f { flex: 1; overflow: hidden; } } .btn { color: white; background-color: $main-color; border-radius: 30px; font-size: 15px; text-align: center; padding: 5px; margin-top: 15px; } .search { padding: 5px 15px 5px 15px; } .msilde { .top { padding: 10px; text-align: center; font-size: 15px; color: #535353; .icon { padding-left: 5px; } } .left { position: fixed; width: 33%; overflow-y: auto; z-index: 2; height: 95%; .item { padding: 13px 8px 13px 8px; font-size: 14px; text-align: center; &.active { background-color: white; color: $main-color; } } } .right { position: fixed; height: 100%; width: 67%; overflow-y: auto; left: 33%; z-index: 1; background-color: white; .contents { padding: 10px 10px 50px 10px; font-size: 14px; } .list { padding: 10px 10px 85px 10px; .item { padding: 15px 5px 15px 0px; overflow: hidden; border-bottom: 1px solid $line; &:first-child { padding-top: 0px; } .avatar { width: 70px; height: 100px; border-radius: 5px; float: left; } .con { float: left; width: 60%; padding-left: 12px; .name { font-weight: bold; } .brief { font-size: 13px; color: $font-c; line-height: 20px; } } } } } } /*****设置**********/ .cmd { margin-top: 15px; border-radius: 5px; overflow: hidden; .s_item { padding: 10px; background-color: white; color: $font-c; overflow: hidden; border-bottom: 1px solid #f0f2f7; .ic { display: block; float: left; width: 27px; height: 27px; font-size: 25px; text-align: center; padding: 7px; border-radius: 50%; margin-right: 5px; line-height: 29px; } .title { color: #545555; padding-top: 11px; float: left; } .arrow { font-size: 20px; float: right; color: #9a9a9a; margin-top: 10px; } } } .xy { color: $font-c; padding-top: 15px; font-size: 14px; .checkbox { float: left; font-size: 14px; margin-top: 1px; } .a { color: blue; } } /**底部按钮操作******/ .mfooter { position: fixed; width: 100%; bottom: 30px; text-align: center; .btn { border-radius: 35px; width: 40%; .icon { padding-right: 5px; } } } .form_group { padding: 9px 0px 9px 0px; overflow: hidden; position: relative; &.form_group:last-child { border-bottom: 0px; } .lable { font-size: 17px; text-align: left; position: relative; font-weight: bold; } .re { &::before { content: '*'; width: 0px; height: 0px; color: red; position: absolute; top: -11px; font-weight: bold; } } .bgm { border: 1px solid $line; border-radius: 5px; margin-top: 12px; position: relative; background-color: white; .input { border: 0px; width: 75%; margin-top: 0px; } .msg { position: absolute; right: 10px; top: 9px; color: $main-color; } } .avatar { position: absolute; top: 0px; right: 0px; width: 55px; height: 55px; border-radius: 50%; } picker { position: relative; .more { position: absolute; right: 7px; top: 13px; font-weight: normal; } } input { font-size: 15px; border-radius: 5px; padding: 10px; margin-top: 12px; border: 1px solid $line; background-color: white; } textarea { font-size: 15px; border-radius: 5px; padding: 10px; margin-top: 12px; height: 120px; width: 93%; border: 1px solid $line; background-color: white; } .start { flex: 1; margin-top: -17px; text-align: left; } .hor { flex: 0.7; text-align: center; padding-top: 5px; } }