app.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .deviceRoter .roterps {
  2. padding: 0 66rpx;
  3. }
  4. .deviceRoter .roterps .devicePic {
  5. padding: 100rpx 0 50rpx;
  6. display: flex;
  7. justify-content: center;
  8. }
  9. .deviceRoter .roterps .devicePic image {
  10. width: 512rpx;
  11. }
  12. .deviceRoter .roterps > text {
  13. font-size: 32rpx;
  14. color: #353533;
  15. line-height: 44rpx;
  16. }
  17. .deviceRoter .roterps .qx {
  18. margin-top: 24rpx;
  19. display: flex;
  20. height: 44rpx;
  21. align-items: center;
  22. }
  23. .deviceRoter .roterps .qx text {
  24. font-size: 32rpx;
  25. color: #6547A3;
  26. line-height: 44rpx;
  27. font-weight: bold;
  28. }
  29. .deviceRoter .roterps .qx image {
  30. height: 28rpx;
  31. margin-left: 20rpx;
  32. }
  33. .deviceRoter .subBtn {
  34. position: absolute;
  35. bottom: 60rpx;
  36. left: 0;
  37. width: 100vw;
  38. display: flex;
  39. justify-content: center;
  40. flex-direction: column;
  41. align-items: center;
  42. }
  43. .deviceRoter .subBtn .btn {
  44. width: 520rpx;
  45. height: 80rpx;
  46. background: #6547A3;
  47. border-radius: 45rpx;
  48. display: flex;
  49. justify-content: center;
  50. align-items: center;
  51. font-size: 36rpx;
  52. color: #fff;
  53. }
  54. .deviceRoter .subBtn .notRoter {
  55. margin-top: 24rpx;
  56. display: flex;
  57. height: 44rpx;
  58. align-items: center;
  59. }
  60. .deviceRoter .subBtn .notRoter text {
  61. font-size: 24rpx;
  62. color: #353535;
  63. line-height: 44rpx;
  64. }
  65. .deviceRoter .subBtn .notRoter image {
  66. height: 20rpx;
  67. margin-left: 20rpx;
  68. }