.detail {
		padding: 10px 10px;
	}

	.detail-poster {
		float: left;
	}

	.detail-poster>a img {
		display: block;
		max-width: 350px;
		max-height: 400px;
	}

	.detail-poster>a {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	.detail-info {
		overflow: hidden;
		padding-left: 20px;
	}

	.detail-info .detail-actor>li {
		padding-top: 6px;
		line-height: 24px;
		overflow: hidden;
	}

	.detail-source {
		float: none;
		width: 100%;
		padding: 10px 0;
		clear: both;
	}

	.detail-tab-zt {
		padding-right: 50pxs;
		position: relative;
	}

	.detail-tab {
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 10px;
	}

	.detail-tab>li.active {
		position: relative;
		border-radius: 3px 3px 0 0;
		border-bottom-color: #fff;
		background-color: #fff;
	}

	.detail-tab>li.active>a,
	.detail-tab>li.active>a:hover {
		padding-top: 10px;
		color: #c061ff;
		font-weight: 700;
		border-radius: 3px 3px 0 0;
	}

	.detail-tab>li>a {
		display: block;
		padding: 8px 24px;
	}

	.detail-play-list li>a {
		width: 100px;
		display: block;
		margin: 5px;
		line-height: 35px;
		text-align: center;
		border-radius: 2px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #e5e5e5;
		background-color: #fff;
	}

	a {
		color: #c061ff;
		text-decoration: none;
		transition: color .3s, background-color .3s;
	}

	.detail-tab>li {
		float: left;
		cursor: pointer;
		display: block;
		text-align: center;
		margin: 0 -1px -1px 0;
		border: 1px solid #e5e5e5;
		background-color: #f9f9f9;
	}

	@media (max-width: 600px) {
		.detail-poster a img {
			width: 200px;
			height: 260px;
		}

		.detail-poster {
			float: left;
			width: 200px;
		}

		.detail-info {
			padding-left: 10px;
		}

		.stui-pannel {
			margin-bottom: 0;
		}
	}

.detail-poster{max-width:60%}.detail-poster>a img{max-width:100%;object-fit:contain}.detail-info{overflow-wrap:anywhere}.detail:after{content:"";display:block;clear:both}