| | |
| | | |
| | | |
| | | .panorama-dom { |
| | | position: fixed; |
| | | left: 0; |
| | |
| | | overflow: hidden; |
| | | padding: 30px; |
| | | |
| | | |
| | | |
| | | .content-wrap { |
| | | padding: 0 20px 20px 20px; |
| | | |
| | |
| | | border: 1px solid #29baf1; |
| | | box-shadow: 0 0px 12px #29b8f1e5; |
| | | |
| | | box-sizing: border-box; |
| | | |
| | | .title { |
| | | position: relative; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | color: #fff; |
| | | text-align: center; |
| | | |
| | | .full-srceen-btn { |
| | | position: absolute; |
| | | top: 0; |
| | | right: 34px; |
| | | bottom: 0; |
| | | left: auto; |
| | | margin: auto; |
| | | width: 18px; |
| | | height: 18px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .close-box { |
| | | position: absolute; |
| | |
| | | position: relative; |
| | | min-width: 460px; |
| | | min-height: 320px; |
| | | height: calc(100% - 36px); |
| | | |
| | | button { |
| | | padding: 2px; |
| | |
| | | transform: rotate(-45deg) translate(5px, -15px); |
| | | background-color: #28bbf0; |
| | | } |
| | | |
| | | .change-full { |
| | | position: fixed !important; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | z-index: 99; |
| | | background: #fff; |
| | | transform: translate3d(0, 0, 0) !important; |
| | | } |
| | | |
| | | &.change-full { |
| | | position: fixed !important; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #fff; |
| | | transform: translate3d(0, 0, 0) !important; |
| | | z-index: 22 !important; |
| | | } |
| | | } |
| | | |
| | | .monitor-dom { |