/*样式重置 实际项目中已有无需引入*/
				
				* {
					margin: 0;
					padding: 0;
				}
				
				html,
				body {
					height: 100%;
					width: 100%;
				}
				/*css*/
				
				.content {
					width: 100%;
					height: 100%;
					position: relative;
				}
				
				.content_ab {
					position: fixed;
					top: 33%;
					left: 0;
					height: 54%;
					width: 20%;
					background: transparent;
					z-index: 5;
					background: #000;
					padding: 10px;
					display: flex;
					flex-direction: column;
				}
				
				.initial-video {
					width: 100%;
					height: 100%;
					position: fixed;
					background-color: #000;
					z-index: 3;
				}
				
				.initial-video video {
					width: 100%;
					height: 100%;
					object-fit: fill;
				}
				/* 标题部分 */
				
				.title {
					color: #fff;
					display: flex;
					font-size: 16px;
					margin-bottom: 15px;
				}
				
				.title_lable {
					width: 63px;
				}
				
				.title_text {
					flex: 1
				}
				/* 目录/缩略图 */
				
				.main {
					flex: 1;
					display: flex;
					flex-direction: column;
					color: #fff;
				}
				
				.main_title {
					font-size: 15px;
				}
				
				.list_ul {
					padding-left: 66px;
					flex: 1;
					overflow: auto
				}
				
				.list_li {
					list-style: none;
					cursor: pointer;
				}
				
				.list_li>img {
					width: 90%;
					height: 36%;
					margin-bottom: 0px;
					margin-top: 12px;
				}
				/* 滚动条 */
				
				::-webkit-scrollbar {
					width: 10px;
					/*竖向滚动条的宽度*/
					height: 10px;
					/*横向滚动条的高度*/
				}
				
				::-webkit-scrollbar-thumb {
					/*滚动条里面的小方块*/
					background: #666666;
					border-radius: 5px;
				}
				
				::-webkit-scrollbar-track {
					/*滚动条轨道的样式*/
					background: #ccc;
					border-radius: 5px;
				}
				
				#video::-webkit-media-controls-fullscreen-button {
					display: none;
				}
				/* 新增 */
				
				.prohibit {
					position: absolute;
					width: 100%;
					height: calc(100% - 80px);
					top: 0;
					left: 0;
					background: transparent;
					z-index: 4
				}
				
				.b-r {
					width: 26px;
					height: 26px;
					border-radius: 50%;
					position: absolute;
					right: 10px;
					bottom: 2px;
					z-index: 4;
					background: url(../img/full.png);
					cursor: pointer;
					display: none;
				}
				
				.full-b {
					display: block;
				}
				/*videoJS*/
				
				.video-js {
					width: 100% !important;
					height: 100% !important;
				}
				
				.video-js .vjs-tech {
					object-fit: fill !important;
				}
				.video-js .vjs-big-play-button{
					top: inherit;
					left: 8px;
					bottom: 4px;
					margin: auto;
					border-radius: 50%;
					width:1.5em;
					z-index: 1000 !important;
				}
				
				@media screen and (min-width: 768px) {
					.content_ab {
						top: 40%;
						left: 0;
						width: 19%;
						height: 31%;
					}
					.title {
						font-size: 14px;
					}
					.main_title {
						font-size: 14px;
					}
					.list_li {
						font-size: 14px;
					}
				}
				
				@media screen and (min-width: 992px) {
					.content_ab {
						top: 38%;
						left: 0;
						width: 20%;
						height: 38%;
					}
					.title {
						font-size: 15px;
					}
					.main_title {
						font-size: 15px;
					}
					.list_li {
						font-size: 15px;
					}
				}
				
				@media screen and (min-width: 1200px) {
					.content_ab {
						top: 33%;
						left: 0;
						width: 16.5%;
						height: 57%;
						padding-left: 6%;
					}
					.title {
						font-size: 16px;
					}
					.main_title {
						font-size: 16px;
					}
					.list_li {
						font-size: 16px;
					}
				}