123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- .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: 2;
- 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;
- }
- .msilde {
- .top {
- padding: 10px;
- text-align: center;
- font-size: 15px;
- color: #535353;
- .icon {
- padding-left: 5px;
- }
- }
- .left {
- position: fixed;
- width: 25%;
- overflow-y: auto;
- z-index: 2;
- height: 95%;
- .item {
- padding: 13px 8px 13px 8px;
- font-size: 14px;
- &.active {
- background-color: white;
- color: $main-color;
- }
- }
- }
- .right {
- position: fixed;
- height: 100%;
- width: 80%;
- overflow-y: auto;
- left: 25%;
- z-index: 1;
- background-color: white;
- .list {
- padding: 10px 10px 85px 10px;
- }
- }
- }
|