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