| | |
|---|
| | | }
|
|---|
| | | .map-info-detail .layui-colla-content {
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | /* video set */
|
|---|
| | | .video-list {
|
|---|
| | | position:absolute;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | width: 240px;
|
|---|
| | | right: 0;
|
|---|
| | | background-color: none;
|
|---|
| | | z-index: 99999;
|
|---|
| | | }
|
|---|
| | | .video-list.video-slideHide {
|
|---|
| | | right: -240px;
|
|---|
| | | }
|
|---|
| | | .video-list .video-list-container {
|
|---|
| | | position: relative;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-bg {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | opacity: .9;
|
|---|
| | | background-color: #1E1A21;
|
|---|
| | | z-index: -1;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-slideToggle {
|
|---|
| | | position: absolute;
|
|---|
| | | left: 0;
|
|---|
| | | top: 50%;
|
|---|
| | | margin-top: -10px;
|
|---|
| | | padding: 4px 2px;
|
|---|
| | | background-color: #303036;
|
|---|
| | | opacity: .65;
|
|---|
| | | color: #d0d0d6;
|
|---|
| | | font-size: 18px;
|
|---|
| | | }
|
|---|
| | | .video-list.video-slideHide .video-slideToggle {
|
|---|
| | | transform:rotate(180deg);
|
|---|
| | | -ms-transform:rotate(180deg); /* IE 9 */
|
|---|
| | | -moz-transform:rotate(180deg); /* Firefox */
|
|---|
| | | -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
|
|---|
| | | -o-transform:rotate(180deg); /* Opera */
|
|---|
| | | left: -18px;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-slideToggle:hover {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-slideToggle i{
|
|---|
| | | vertical-align: middle;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content {
|
|---|
| | | width:100%;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow:hidden;
|
|---|
| | | overflow-y: auto;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content .video-item a{
|
|---|
| | | display: block;
|
|---|
| | | white-space: nowrap;
|
|---|
| | | text-indent: 1em;
|
|---|
| | | padding: 6px 0;
|
|---|
| | | color: #d0d0d6;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content .video-item a:hover {
|
|---|
| | | background-color: #000000;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | opacity: .8;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content .video-item.video-item-active a{
|
|---|
| | | background-color: #000000;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | opacity: .8;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content::-webkit-scrollbar {/*滚动条整体样式*/
|
|---|
| | | width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
|
|---|
| | | border-radius: 10px;
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | background: #EDEDED;
|
|---|
| | | }
|
|---|
| | | .video-list-container .video-list-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | border-radius: 10px;
|
|---|
| | | background: #303036;
|
|---|
| | | }
|
|---|
| | | .upload-form-container .bottom-btn {
|
|---|
| | | position: absolute;
|
|---|
| | | right: 8px;
|
|---|
| | | margin-top: 8px;
|
|---|
| | | } |
|---|
