.popup_html .popup-lt { position: absolute; top: 0px; left: -20px; bottom: 19px; width: 20px; background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat; } .popup_html .popup-lb { position: absolute; left: -20px; bottom: 0px; width: 42px; height: 19px; background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat; } .popup_html .popup-ct { height: 48px; background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x !important; } .popup_html .popup-cb { background: #ffffff !important; } .popup_html .popup-rt { position: absolute; right: -8px; top: 0px; bottom: 19px; width: 8px; background: url(../images/popup/bg-pp-2d-rt.png) top left no-repeat; } .popup_html .popup-rb { position: absolute; right: -8px; bottom: 0px; height: 19px; left: 22px; background: url(../images/popup/bg-pp-2d-rb.png) top right no-repeat; } /*3D*/ /*.popup_html.TD .popup-lt { position: absolute; top: 0px; left: 0px; bottom: 19px; width: 20px; background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat; } .popup_html.TD .popup-lb { position: absolute; left: 0px; bottom: 0px; width: 42px; height: 19px; background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat; } .popup_html.TD .popup-ct { height: 48px; background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x; } .popup_html.TD .popup-cb { background: #ffffff; } .popup_html.TD .popup-rt { position: absolute; right: 0px; top: 0px; bottom: 19px; width: 8px; background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat; } .popup_html.TD .popup-rb { position: absolute; right: 0px; bottom: 0px; height: 19px; left: 16px; background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat; } .popup_html .popup-ct p { font-size: 16px; line-height: 46px; color: #ffffff; text-indent: 20px; }*/ /**************************************************************/ .popup_html.TD .popup-lt { position: absolute; top: 0px; left: -20px; bottom: 19px; width: 20px; height: 100%; background-position: top left; } .popup_html.TD .popup-lb { position: absolute; left: -20px; bottom: -14px; width: 42px; height: 19px; background-position: top left; } .popup_html.TD .popup-ct { background: rgba(9, 30, 41, 0.8); border-top-right-radius: 4px; border-top-left-radius: 4px; color: #fff } .popup_html.TD .popup-cb { background: rgba(19, 46, 67, 0.86); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-left: 5px; } .popup_html.TD .popup-rt { position: absolute; right: -8px; top: 0px; bottom: 19px; width: 8px; height: 100%; background-position: top right; } .popup_html.TD .popup-rb { position: absolute; right: -8px; bottom: -14px; height: 19px; left: 22px; background-position: top right; } /**************************************************************/ /** * marker标记 .popup_html.marker .popup-lt { position: absolute; top: 0px; left: -21px; bottom: 9px; width: 21px; background: url(../images/popup/markerPopup_tl.png) top left no-repeat; } .popup_html.marker .popup-lb { position: absolute; left: -9px; bottom: 0px; width: 9px; height: 9px; background: url(../images/popup/markerPopup_lb.png) top left no-repeat; } .popup_html.marker .popup-ct { height: 2px; background: none; background-color: #01b7ff; } .popup_html.marker .popup-cb { background: #ffffff; min-height: 60px; border-bottom: 2px solid #01b7ff; } .popup_html.marker .popup-rt { position: absolute; right: -9px; top: 0px; bottom: 9px; width: 9px; background: url(../images/popup/markerPopup_tr.png) top left no-repeat; } .popup_html.marker .popup-rb { position: absolute; right: -9px; bottom: 0px; height: 9px; left: 9px; background: url(../images/popup/markerPopup_br.png) top right no-repeat; } /*3D*/ .popup_html.marker.TD .popup-lt { position: absolute; top: 0px; left: 0px; bottom: 19px; width: 20px; background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat; } .popup_html.marker.TD .popup-lb { position: absolute; left: 0px; bottom: 0px; width: 42px; height: 19px; background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat; } .popup_html.marker.TD .popup-ct { height: 48px; background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x; } .popup_html.marker.TD .popup-cb { background: #ffffff; } .popup_html.marker.TD .popup-rt { position: absolute; right: 0px; top: 0px; bottom: 19px; width: 8px; background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat; } .popup_html.marker.TD .popup-rb { position: absolute; right: 0px; bottom: 0px; height: 19px; left: 16px; background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat; } .popup_html.marker .popup-ct p { font-size: 16px; line-height: 46px; color: #ffffff; text-indent: 20px; }