protocal.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .page-protocal{
  2. background: #f7f7f7;
  3. width:100vw;
  4. min-height: 100vh;
  5. display: flex;
  6. .logs{
  7. display:flex;
  8. flex-direction: row;
  9. justify-content: center;
  10. align-items: center;
  11. width:100%;
  12. height:100px;
  13. margin-top:60px;
  14. .and-home{
  15. display: flex;
  16. .img{
  17. height:50px;
  18. }
  19. }
  20. .log{
  21. display: flex;
  22. margin-left:10px;
  23. .img{
  24. height:50px;
  25. }
  26. }
  27. }
  28. .protocal-content{
  29. background:#FFF;
  30. min-height:360px;
  31. width:90%;
  32. margin:auto;
  33. border-top-right-radius: 20px;
  34. border-top-left-radius: 20px;
  35. box-shadow: 0px 0px 20px #5a5a5a;
  36. .title{
  37. font-size: 18px;
  38. font-weight: bold;
  39. width:100%;
  40. height:50px;
  41. display:flex;
  42. justify-content: center;
  43. align-items: center;
  44. }
  45. .content{
  46. margin-left:20px;
  47. margin-right: 20px;
  48. font-size:14px;
  49. line-height: 25px;
  50. height:300px;
  51. .pro{
  52. margin-bottom: 10px;
  53. font-size:12px;
  54. height:310px;
  55. overflow: hidden;
  56. overflow-y:auto;
  57. .red{
  58. color:#b21c1c;
  59. }
  60. }
  61. }
  62. .btns{
  63. width:100%;
  64. height:50px;
  65. margin-top:20px;
  66. display: flex;
  67. flex-direction: row;
  68. justify-content: space-between;
  69. align-items: center;
  70. .btn{
  71. width:50%;
  72. display:flex;
  73. justify-content: center;
  74. align-items: center;
  75. font-size:14px;
  76. .btn-disagree{
  77. width:60%;
  78. font-size:14px;
  79. border-radius: 5px;
  80. }
  81. .btn-agree{
  82. width:60%;
  83. font-size:14px;
  84. border-radius: 5px;
  85. background:#eeeeee;
  86. color:#FFF;
  87. }
  88. .btn-agree1{
  89. width:60%;
  90. font-size:14px;
  91. border-radius: 5px;
  92. background:#b21c1c;
  93. color:#FFF;
  94. }
  95. }
  96. }
  97. }
  98. }