VideoWindow2.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .popup-video2 {
  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: 1rem solid #2177f5;
  6. color: #fff;
  7. }
  8. /* 横线 */
  9. .popup-video2 .rightLine-1 {
  10. position: absolute;
  11. top: 0;
  12. background: #2177f5;
  13. width: 4em;
  14. right: -4em;
  15. height: 0.2em;
  16. }
  17. /* 斜线 */
  18. .popup-video2 .rightLine-2 {
  19. position: absolute;
  20. top: 2.2em;
  21. right: -9em;
  22. background: #2177f5;
  23. width: 6em;
  24. height: 0.2em;
  25. transform: rotate(47deg);
  26. -ms-transform: rotate(47deg);
  27. /* IE 9 */
  28. -moz-transform: rotate(47deg);
  29. /* Firefox */
  30. -webkit-transform: rotate(47deg);
  31. /* Safari 和 Chrome */
  32. -o-transform: rotate(47deg);
  33. }
  34. /* 圆点 */
  35. .popup-video2 .rightLine-3 {
  36. position: absolute;
  37. top: 4em;
  38. right: -8.6em;
  39. width: 1em;
  40. height: 1em;
  41. background: #2177f5;
  42. background-size: 100% 100%;
  43. border: solid 4rem rgb(250, 172, 47);
  44. border-radius: 100%;
  45. }
  46. /*标题*/
  47. .popup-video2 .popup-header {
  48. width: 100%;
  49. height: 30rem;
  50. line-height: 30rem;
  51. text-align: center;
  52. background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
  53. }
  54. .popup-video2 .popup-header .popup-title {
  55. float: left;
  56. padding-left: 10rem;
  57. }
  58. .popup-video2 .popup-header .popup-video2-close-button {
  59. float: right;
  60. padding-right: 10rem;
  61. cursor: pointer;
  62. }
  63. /*内容*/
  64. .popup-video2 .popup-content {
  65. padding: 0rem;
  66. width: 400rem;
  67. }