HtmlWindow3.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .popup3 {
  2. position: absolute;
  3. z-index: 999;
  4. background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
  5. border-bottom: 3rem solid rgb(250, 172, 47);
  6. color: #fff;
  7. }
  8. /* 斜线 */
  9. .popup3 .leftLine-1 {
  10. position: absolute;
  11. bottom: -2.55em;
  12. left: -4.6em;
  13. background: rgb(250, 172, 47);
  14. width: 6em;
  15. height: 0.2em;
  16. transform: rotate(125deg);
  17. -ms-transform: rotate(125deg);
  18. /* IE 9 */
  19. -moz-transform: rotate(125deg);
  20. /* Firefox */
  21. -webkit-transform: rotate(125deg);
  22. /* Safari 和 Chrome */
  23. -o-transform: rotate(125deg);
  24. }
  25. /* 圆点 */
  26. .popup3 .leftLine-2 {
  27. position: absolute;
  28. bottom: -5.6em;
  29. left: -4em;
  30. width: 1em;
  31. height: 1em;
  32. background: #fff;
  33. background-size: 100% 100%;
  34. border: 4rem solid rgb(250, 172, 47);
  35. border-radius: 100%;
  36. }
  37. /*标题*/
  38. .popup3 .popup-header {
  39. width: 100%;
  40. height: 30rem;
  41. line-height: 30rem;
  42. text-align: center;
  43. background: rgba(31, 63, 142, 1);
  44. }
  45. .popup3 .popup-header .popup-title {
  46. float: left;
  47. padding-left: 10rem;
  48. }
  49. .popup3 .popup-header .popup3-close-button {
  50. float: right;
  51. padding-right: 10rem;
  52. cursor: pointer;
  53. }
  54. /*内容*/
  55. .popup3 .popup-content {
  56. padding: 5rem;
  57. width: 360rem;
  58. height: 200rem;
  59. overflow: auto;
  60. }