sort.css 2.7 KB

12345678910111213141516171819202122232425262728293031323334
  1. /* department.css */
  2. page{background: #f9f9f9;padding-bottom: 140rpx;}
  3. .tits{padding: 26rpx 40rpx 18rpx 43rpx;font-size: 28rpx;color: #aaa;}
  4. .list{background: #fff;}
  5. .list .li{border-bottom: 1rpx solid #E4E4E4;}
  6. .list .li:last-child{border-bottom: none;}
  7. .list .lit{padding: 0 30rpx 0 43rpx;height: 101rpx;font-size: 32rpx;color: #263343;}
  8. .operates{position: relative;}
  9. .point{padding: 15rpx;}
  10. .point text{display: block;width: 6rpx;height: 6rpx;background: #999;border-radius: 50%;margin: 0 4rpx;}
  11. .mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;}
  12. .operate{position: absolute;right: 0;top: 45rpx;width: 216rpx;background: #FFFFFF;border: 1rpx solid #F2F2F2;box-shadow: 0 0 20rpx rgba(168, 168, 168, 0.16);padding: 0 25rpx;box-sizing: border-box;font-size: 28rpx;color: #333;border-radius: 10rpx;z-index: 5;}
  13. .operate::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-top: none;border-bottom-color: #fff;box-shadow: 0 0 20rpx rgba(168, 168, 168, 0.16);position: absolute;right: 25rpx;top: -10rpx;}
  14. .operate .lis{border-bottom: 1rpx solid #D5D5D5;padding: 27rpx 0;}
  15. .operate .lis:last-child{border-bottom: none;}
  16. .operate .lis image{width: 30rpx;height: 30rpx;margin-right: 12rpx;}
  17. .lists{padding-bottom: 30rpx;}
  18. .lists .lis{font-size: 32rpx;color: #888;padding: 25rpx 53rpx;}
  19. .lists .lis::before{content: '';display: block;width: 11rpx;height: 12rpx;border: 1rpx solid #C7C7C7;border-top: none;border-right: none;margin-right: 9rpx;}
  20. .btns{position: fixed;left: 40rpx;right: 40rpx;bottom: 30rpx;z-index: 10;height: 80rpx;background: var(--main);border-radius: 40rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 80rpx;}
  21. .nodept{font-size: 30rpx;color: #333;padding: 300rpx 0 0;text-align: center;}
  22. .nodept navigator{width: 40%;height: 80rpx;background: var(--main);border-radius: 40rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 80rpx;margin: 40rpx auto 0;}
  23. /* 重命名部门 */
  24. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
  25. .popup{position: fixed;left: 80rpx;right: 80rpx;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 15rpx;padding: 60rpx 40rpx;z-index: 100;}
  26. .pop-ipt{background: #f9f9f9;height: 90rpx;border-radius: 45rpx;font-size: 32rpx;color: #333;padding: 20rpx 30rpx;box-sizing: border-box;width: 100%;}
  27. .placeholder{color: #ccc;}
  28. .pop-btn{margin-top: 40rpx;justify-content: space-between;}
  29. .cancel,.save{height: 80rpx;width: 47%;font-size: 30rpx;text-align: center;line-height: 80rpx;border-radius: 40rpx;}
  30. .cancel{background: #e5e5e5;color: #666;}
  31. .save{background: var(--main);color: #fff;}
  32. .del image{width: 38rpx;height: 38rpx;padding-left: 30rpx;margin-left: 30rpx;}