12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .popup2 {
- position: absolute;
- z-index: 999;
- background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
- border: 1rem solid #2177f5;
- color: #fff;
- }
- /* 横线 */
- .popup2 .rightLine-1 {
- position: absolute;
- top: 0;
- background: #2177f5;
- width: 4em;
- right: -4em;
- height: 0.2em;
- }
- /* 斜线 */
- .popup2 .rightLine-2 {
- position: absolute;
- top: 2.2em;
- right: -9em;
- background: #2177f5;
- width: 6em;
- height: 0.2em;
- transform: rotate(47deg);
- -ms-transform: rotate(47deg);
- /* IE 9 */
- -moz-transform: rotate(47deg);
- /* Firefox */
- -webkit-transform: rotate(47deg);
- /* Safari 和 Chrome */
- -o-transform: rotate(47deg);
- }
- /* 圆点 */
- .popup2 .rightLine-3 {
- position: absolute;
- top: 4em;
- right: -8.6em;
- width: 1em;
- height: 1em;
- background: #2177f5;
- background-size: 100% 100%;
- border: solid 4rem rgb(250, 172, 47);
- border-radius: 100%;
- }
- /*标题*/
- .popup2 .popup-header {
- width: 100%;
- height: 30rem;
- line-height: 30rem;
- text-align: center;
- background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
- }
- .popup2 .popup-header .popup-title {
- float: left;
- padding-left: 10rem;
- }
- .popup2 .popup-header .popup2-close-button {
- float: right;
- padding-right: 10rem;
- cursor: pointer;
- }
- /*内容*/
- .popup2 .popup-content {
- padding: 5rem;
- width: 360rem;
- height: 200rem;
- overflow: auto;
- }
|