@media (min-width: 1025px) {
	.header .nav {
		width: 100%;
		min-width: 800px;
		display: flex;
		height: 76px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		align-content: center;
		align-items: center;
	}

	.header .nav .nav_item {
		display: flex;
		line-height: 76px;
		font-size: var(--fontSizes-3);
		color: var(--colors-gray);
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.header .nav .nav_item .icon {
		font-size: 20px;
		color: var(--colors-gray);
		margin-right: 4px;
	}

	.header .nav .nav_item .icon {
		opacity: 0.3;
	}

	.header .nav .logo a {
		display: flex;
		line-height: 76px;
		height: 76px;
		font-size: var(--fontSizes-3);
		color: var(--colors-font);
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-left: 30px;
		padding-right: 40px;
		color: var(--colors-green61);
		font-weight: 500;
	}


	.header .search {
		position: relative;
		padding: 16px 0px;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 12px;
	}

	.header .search .s_input {
		position: relative;
		width: 378px;
		display: flex;
		height: 44px;
		background: var(--colors-gray250);
		border: 1px solid var(--colors-gray241);
		border-radius: 60px;
		padding: 13px 24px 13px 52px;
		transition: all 0.1s ease-in-out 0s;
	}

	.header .search .s_input:hover {
		border: 1px solid var(--colors-blue);
		background: var(--colors-white3);
	}

	.header .search .s_input .s_icon {
		position: absolute;
		left: 24px;
		top: 12px;
		font-size: 20px;
		opacity: 0.3;
	}

	.header .search .s_input .s_icon .icon {
		display: block;
		color: var(--colors-font3);
	}

	.header .search .s_input .search_input {
		width: 100%;
		caret-color: var(--colors-blue);
		border: none;
		outline: none;
		font-weight: 400;
		font-size: var(--fontSizes-2);
		line-height: 16px;
		height: 16px;
		color: var(--colors-font);
		background: transparent;
	}

	.header .search .s_input .search_input::placeholder {
		color: var(--colors-font3);
	}

	.header .search .s_input .c-eSKheL {
		background: var(--colors-gray500);
	}

	.header .search .s_input .c-eSKheL-YKvYP-active-true {
		background: var(--colors-gray255);
		color: var(--colors-blue);
	}

	.header .search .c-cosSwx {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 12px;
	}

	.main .video_swiper {
		height: 454px;
		width: 1172px;
		margin: 37px auto 90px;
		filter: drop-shadow(rgba(33, 72, 96, 0.3) 0px 20px 43px);
	}

	.main .video_swiper .bgpost_swiper {
		background-position: center center;
		background-size: cover;
		height: 454px;
		width: 1172px;
		border: 2px solid var(--colors-white4);
		border-radius: 16px;
		overflow: hidden;
	}

	.main .video_swiper .bgpost_swiper .c-fcbDhp {
		width: 56px;
		height: 56px;
		background-color: var(--colors-white2);
		box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 13px;
		border-radius: 66px;
		position: fixed;
		z-index: 2;
		top: 200px;
		font-size: 24px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.main .video_swiper .bgpost_swiper .c-fcbDhp-fvpkGg-type-left {
		left: -90px;
	}

	.main .video_swiper .bgpost_swiper .c-fcbDhp-jJLTQf-type-right {
		right: -90px;
	}

	.main .video_swiper .bgpost_swiper .swiper-slide img {
		display: block;
		height: 454px;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.main .video_swiper .bgpost_swiper .c-hIgYfd {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1172px;
		height: 454px;
		background: linear-gradient(89.35deg,
				rgba(0, 0, 0, 0.2) 0.77%,
				rgba(0, 0, 0, 0) 42.48%),
			radial-gradient(89.76% 89.76% at 6.87% 108.48%,
				rgba(0, 0, 0, 0.7) 44.27%,
				rgba(0, 0, 0, 0) 100%);
		border-radius: 16px;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb {
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 116px;
		display: flex;
		padding: 30px 40px 0px;
		justify-content: space-between;
		filter: drop-shadow(rgba(33, 72, 96, 0.3) 0px 20px 43px);
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .left {
		color: var(--colors-white2);
		width: 420px;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .left .title {
		font-size: 36px;
		line-height: 47px;
		letter-spacing: 0.32em;
		color: var(--colors-white2);
		margin: 0px 0px 9px;
		text-shadow: grey 0px 0px 16px;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .left .des {
		font-size: var(--fontSizes-1);
		line-height: 2;
		color: var(--colors-white2);
		margin: 0px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-shadow: grey 0px 0px 8px;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .right {
		display: flex;
		align-items: flex-end;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .right .btn {
		width: 200px;
		height: 56px;
		background: linear-gradient(180deg,
				var(--colors-blue55) 0%,
				var(--colors-blue255) 100%);
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 68px;
		color: var(--colors-white2);
		font-size: var(--fontSizes-3);
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.main .video_swiper .bgpost_swiper .c-chcddb .right .btn .icon {
		display: block;
		font-size: 24px;
	}

	.main .video_swiper .c-XAYOE {
		display: flex;
		justify-content: center;
		background: #fff;
	}

	.main .video_swiper .swiper-thumbs {
		position: relative;
		bottom: 92px;
		z-index: 2;
		width: calc(100% - 80px);
	}

	.main .video_swiper .swiper-thumbs .swiper-slide img {
		display: block;
		cursor: pointer;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.main .video_swiper .swiper-thumbs .swiper-wrapper {
		align-items: flex-end;
	}

	.main .video_swiper .swiper-thumbs .swiper-slide {
		background-position: center center;
		background-size: cover;
		height: 68px;
		border: 1px solid rgba(0, 0, 0, 0.5);
		border-radius: 8px;
		overflow: hidden;
	}

	.main .video_swiper .swiper-thumbs .swiper-thumbs-slide-active {
		border: 3px solid var(--colors-white2);
		height: 77px;
		border-radius: 8px;
	}

	.main .c-lhZwLp {
		display: flex;
		margin-bottom: 40px;
		width: 1172px;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.main .c-lhZwLp .c-cfQzMB {
		display: flex;
		margin: 0px 12px;
	}

	.main .c-lhZwLp .c-cfQzMB .icon {
		color: var(--colors-blue);
		display: block;
		font-size: 24px;
	}

	.main .c-lhZwLp .c-cfQzMB .icon::before {
		color: var(--colors-blue);
	}

	.main .c-lhZwLp .c-gTklbv {
		display: flex;
		height: 26px;
		margin: 0px;
		color: var(--colors-font);
		font-size: 20px;
		line-height: 26px;
		font-weight: 500;
	}

	.main .c-lhZwLp .c-gHLiek {
		display: flex;
		padding: 0px 8px 0px 16px;
		height: 22px;
		gap: 2px;
		background-color: var(--colors-white2);
		border-radius: 38px;
		justify-content: center;
		align-items: center;
		margin-left: 16px;
		font-size: var(--fontSizes-2);
		color: var(--colors-font4);
		cursor: pointer;
	}

	.main .c-lhZwLp .c-gHLiek .icon {
		font-size: 16px;
		color: #2e343f;
		opacity: 0.3;
	}

	.main .c-lhZwLp .c-fKqoRS {
		display: flex;
		width: var(--sizes-full);
		background: var(--colors-white1);
		border-radius: 16px;
		padding: 32px 24px;
		flex-flow: wrap;
		justify-content: space-between;
		gap: 16px;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh {
		display: flex;
		width: 122px;
		border-radius: 8px;
		transition: all 0.1s ease-in-out 0s;
		flex-direction: column;
		cursor: pointer;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh:hover {
		transition: all 0.1s ease-in-out 0s;
		transform: scale(1.1);
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .preview {
		width: 122px;
		height: 170px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		border-radius: 8px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		transition: all 0.1s ease-in-out 0s;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .preview img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .preview .tag {
		position: absolute;
		z-index: 2;
		left: 8px;
		bottom: 8px;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .preview .tag .c-hDImTG {
		width: 46px;
		height: 20px;
		line-height: 20px;
		font-size: var(--fontSizes-1);
		color: var(--colors-white2);
		background: var(--colors-green164);
		border-radius: 2px;
		text-align: center;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .detail {
		display: flex;
		align-items: center;
		padding: 10px;
	}

	.main .c-lhZwLp .c-fKqoRS .c-bINpoh .detail .title {
		color: var(--colors-font);
		font-size: var(--fontSizes-2);
		line-height: 18px;
	}

	.main .c-jqBdEa {
		display: flex;
		width: 212px;
		height: 171px;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		transition: all 0.1s ease-in-out 0s;
		cursor: pointer;
	}

	.main .c-jqBdEa:hover {
		box-shadow: rgba(21, 36, 58, 0.16) 0px 24px 32px;
	}

	.main .c-jqBdEa:hover img {
		transform: scale(1.1);
	}

	.main .c-jqBdEa img {
		width: 212px;
		-o-object-fit: cover;
		object-fit: cover;
		transition: all 0.1s ease-in-out 0s;
	}

	.main .c-jqBdEa .info {
		position: absolute;
		z-index: 1;
		left: 0px;
		bottom: 0px;
		height: 48px;
		width: var(--sizes-full);
		background: rgba(0, 0, 0, 0.2);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		font-size: var(--fontSizes-2);
		color: var(--colors-white2);
		text-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px;
		display: flex;
		align-items: center;
		padding-left: 18px;
		padding-right: 18px;
	}

	.main .c-jqBdEa .info>.icon {
		width: 26px;
		height: 26px;
		min-width: 26px;
		overflow: hidden;
		border-radius: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.23);
		margin-right: 12px;
	}

	.main .c-jqBdEa .info>.icon i.icon {
		font-size: 9px;
	}

	.main .c-hnLLYx {
		display: flex;
		width: 281px;
		height: 118px;
		border-radius: 12px;
		background: var(--colors-white1);
		position: relative;
		padding: 12px 16px 16px;
		transition: all 0.1s ease-in-out 0s;
		box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 26px;
		cursor: pointer;
	}

	.main .c-hnLLYx:hover {
		cursor: pointer;
		transition: all 0.1s ease-in-out 0s;
		box-shadow: rgba(21, 36, 58, 0.16) 0px 24px 32px;
	}

	.main .c-hnLLYx:hover .preview {
		height: 128px;
	}

	.main .c-hnLLYx:hover .play {
		display: block;
	}

	.main .c-hnLLYx .play {
		width: 24px;
		height: 24px;
		display: none;
		position: absolute;
		bottom: 16px;
		right: 17px;
	}

	.main .c-hnLLYx .play .icon {
		font-size: 24px;
		display: block;
		color: #4b73ff;
	}

	.main .c-hnLLYx .preview {
		width: 88px;
		height: 94px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		border-radius: 8px;
		left: 16px;
		bottom: 12px;
		transition: all 0.1s ease-in-out 0s;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.main .c-hnLLYx .preview img {
		width: 88px;
		height: 128px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.main .c-hnLLYx .detail {
		padding-left: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.main .c-hnLLYx .detail .top {
		padding: 8px 0px;
	}

	.main .c-hnLLYx .detail .top .title {
		font-size: var(--fontSizes-2);
		line-height: 18px;
		margin-bottom: 4px;
		color: var(--colors-font);
		padding: 0px;
	}

	.c-cusIRC {
		width: var(--sizes-full);
		height: 476px;
		display: flex;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		background: rgba(0, 0, 0, 0.5);
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
	}

	.c-cusIRC .bg {
		width: var(--sizes-full);
		height: 476px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bmYIMJ {
		min-width: var(--sizes-bp1w);
		min-height: 100vh;
		width: var(--sizes-full);
		display: flex;
		background: var(--colors-gray500);
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.c-bmYIMJ .content {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		width: 1200px;
	}

	.detail_main .c-lhZwLp .c-fKqoRS {
		justify-content: flex-start;
		column-gap: 45px;
	}

	.c-iULkOc {
		width: 1172px;
		height: 400px;
		display: flex;
		padding-top: 50px;
		position: relative;
		z-index: 2;
		justify-content: space-between;
		margin-bottom: 32px;
	}

	.c-iULkOc .c-cwdyIb {
		width: 722px;
		height: 300px;
		display: flex;
		gap: 32px;
		flex-direction: column;
		justify-content: center;
	}

	.c-iULkOc .c-cwdyIb .top {
		display: flex;
		-moz-column-gap: 64px;
		column-gap: 64px;
	}

	.c-iULkOc .c-cwdyIb .top .movie-img {
		width: 145px;
		height: 214px;
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		display: flex;
		justify-content: center;
	}

	.c-iULkOc .c-cwdyIb .top .movie-img img {
		height: var(--sizes-full);
	}

	.c-iULkOc .c-cwdyIb .top .movie-img .tag {
		position: absolute;
		right: 8px;
		bottom: 8px;
	}

	.c-iULkOc .c-cwdyIb .top .movie-content {
		display: flex;
		flex-direction: column;
	}

	.c-iULkOc .c-cwdyIb .top .movie-content .title {
		font-size: 32px;
		line-height: 42px;
		color: var(--colors-white2);
		margin: 0px 0px 24px;
	}

	.c-iULkOc .c-cwdyIb .top .movie-content .info {
		width: 512px;
		height: 138px;
		font-size: var(--fontSizes-2);
		line-height: 18px;
		color: var(--colors-white2);
		opacity: 0.5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.c-iULkOc .c-cwdyIb .top .movie-content .info .text {
		margin: 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-iULkOc .c-cwdyIb .bottom {
		width: var(--sizes-full);
		max-height: 54px;
		font-size: var(--fontSizes-2);
		line-height: 18px;
		color: var(--colors-white2);
		opacity: 0.5;
	}

	.c-iULkOc .c-cwdyIb .bottom .bottom-detail {
		margin: 0px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}

	.c-bqWfUu {
		min-width: var(--sizes-bp1w);
		min-height: 100vh;
		width: var(--sizes-full);
		display: flex;
		background: var(--colors-gray500);
		flex-direction: column;
		align-content: center;
		align-items: center;
		padding-bottom: 140px;
	}

	.c-bqWfUu .content {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		width: 1200px;
	}

	.c-bqWfUu .content .c-hqqIvB {
		font-size: var(--fontSizes-2);
		line-height: 18px;
		color: var(--colors-black);
		opacity: 0.3;
		margin-bottom: 24px;
	}

	.c-bqWfUu .content .c-geToYD {
		flex-flow: wrap;
		gap: 24px;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn {
		display: flex;
		width: calc(25% - 18px);
		height: 277px;
		border: 1px solid var(--colors-white5);
		border-radius: 16px;
		overflow: hidden;
		flex-direction: column;
		cursor: pointer;
		filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 20px 32px);
		transition: all 0.2s ease-in-out 0s;
		position: relative;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn:hover {
		box-shadow: rgba(21, 36, 58, 0.16) 0px 24px 32px;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .preview {
		height: 172px;
		width: var(--sizes-full);
		overflow: hidden;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .preview .preview-img {
		width: var(--sizes-full);
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail {
		padding: 16px;
		display: flex;
		gap: 12px;
		background-color: var(--colors-white1);
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .left {
		width: 53px;
		height: 73px;
		overflow: hidden;
		border-radius: 4px;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .left .sm-img {
		width: 53px;
		height: 73px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .right {
		display: flex;
		flex-direction: column;
		width: calc(100% - 65px);
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .right .name {
		font-size: var(--fontSizes-3);
		line-height: 21px;
		color: var(--colors-font);
		margin: 0px 0px 6px;
		width: var(--sizes-full);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .right .names {
		font-size: var(--fontSizes-2);
		line-height: 18px;
		color: var(--colors-font);
		margin: 0px 0px 6px;
		opacity: 0.4;
		width: var(--sizes-full);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-eLGsuB {
		display: flex;
		height: 64px;
		width: var(--sizes-full);
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 1;
		left: 0px;
		top: 76px;
		background-color: var(--colors-white);
	}

	.playlist {
		width: 1172px;
	}

	.detail_main .playbox+.playlist {
		margin-top: 30px;
	}

	.stui-content .hl-row-box .hl-play-source {
		padding: 0 15px;
	}

}

@media (min-width: 330px) and (max-width: 1025px) {
    .gbook_content {
        padding: 0 12px;
    }
    .msg-code #verify_img, .msg-code .form-control {
        width: 108px;
    }
    .main.gbook_main {
        display: flex;
        padding-top: 102px;
    }
    .gbook-sec2 .box .tishi .gbook_submit {
        font-size: 14px;
        padding: 8px 10px;
    }
	div[name="vodwide"] .c-fKqoRS {
		padding-right: 8px;
	}

	.hl-play-source {
		width: 100vw;
		overflow: hidden;
	}

	.ztmain .c-fKqoRS {
		padding-right: 16px;
	}

	.ztmain .c-hLYkAz {
		width: 100%;
	}

	.ztmain .c-hLYkAz img {
		width: 100%;
	}

	.detail_main .playbox {
		margin-top: 0;
		border-radius: 0;
	}

	.c-LSgVk {
		display: flex;
		line-height: 48px;
		font-size: var(--fontSizes-2);
		color: var(--colors-font);
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		position: relative;
		padding: 0px 16px;
	}

	.c-ennNYO .search-input {
		width: 120px;
		caret-color: var(--colors-blue);
		border: none;
		outline: none;
		font-weight: 400;
		font-size: var(--fontSizes-1);
		line-height: 36px;
		height: 36px;
		color: var(--colors-font);
		background: transparent;
	}

	.c-ennNYO:hover {
		border: 1px solid var(--colors-blue);
		background-color: var(--colors-white3);
	}

	.c-fkfZow {
		position: relative;
		z-index: 99;
	}

	.c-eSKheL-YKvYP-active-true {
		background: var(--colors-white);
		color: var(--colors-green);
	}

	.header {
		display: none;
	}

	.c-iWZQEh-fPXogc-type-mobile {
		display: unset;
	}

	.c-cPjAFv {
		min-height: 106px;
		padding: 14px 0px 0px;
		display: flex;
		background: var(--colors-white);
		flex-direction: column;
		align-content: center;
		align-items: center;
		width: var(--sizes-full);
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 3;
	}

	.c-fYVSir {
		width: var(--sizes-full);
		display: flex;
		min-height: 36px;
		place-content: center space-between;
		align-items: center;
		padding-left: 18px;
		padding-right: 16px;
	}

	.c-hyvlxL {
		display: flex;
		line-height: 36px;
		height: 36px;
		font-size: var(--fontSizes-2);
		color: var(--colors-font);
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}


	#reboSwiper .swiper-slide {
		width: 128.2px;
	}

	.c-ejCWWt {
		color: var(--colors-font0);
		font-weight: 500;
	}

	.c-fUvCou {
		color: var(--colors-green61);
		font-weight: 500;
	}

	.c-lfLgfc {
		position: relative;
		width: 160px;
	}

	.c-eUJyrf {
		display: flex;
		width: var(--sizes-full);
		position: relative;
	}

	.c-ennNYO {
		position: relative;
		width: var(--sizes-full);
		height: 36px;
		line-height: 36px;
		background: var(--colors-gray250);
		border: 1px solid var(--colors-gray241);
		border-radius: 60px;
		padding: 0px 50px 0px 40px;
		transition: all 0.1s ease-in-out 0s;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.c-ennNYO .search-input {
		width: 200px;
	}

	.c-ennNYO .search-icon {
		position: absolute;
		left: 20px;
		top: 9px;
		line-height: 1;
	}

	.c-ennNYO .search-icon svg {
		width: 16px;
		height: 16px;
	}

	.c-ennNYO .search-icon .icon {
		font-size: 16px;
		color: var(--colors-font3);
	}

	.c-ennNYO .search-icon svg path {
		fill: var(--colors-font3);
	}

	.c-jEZJVh {
		position: absolute;
		right: 0px;
		top: 0px;
		transition: all 0.1s ease-in-out 0s;
		height: 34px;
		width: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.c-cosSwx {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 0px;
	}

	.c-FNSDK {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-radius: 8px;
		width: 40px;
		height: 40px;
		color: var(--colors-black);
	}

	.c-FNSDK .icon {
		color: var(--colors-font3);
		font-size: 24px;
	}

	.c-dhGXXu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-radius: 8px;
		width: 40px;
		height: 40px;
		color: var(--colors-black);
	}

	.c-dhGXXu-eFzEEf-type-dark .icon {
		color: var(--colors-font3);
		font-size: 24px;
	}

	.c-hvyMdh {
		width: 100vw;
		border-radius: 16px;
		z-index: 2;
		opacity: 0;
	}

	.c-hvyMdh-gLGBqN-fixed-true {
		right: 0px;
		top: 60px;
	}

	.c-gePSCi {
		width: 100vw;
	}

	.c-ciwkSQ {
		padding: 12px 16px;
		display: flex;
		gap: 12px;
		width: var(--sizes-full);
		height: 84px;
		background: var(--colors-white1);
		box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 26px;
		transition: all 0.1s ease-in-out 0s;
	}

	.c-ciwkSQ .left {
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		width: 88px;
		height: 60px;
		overflow: hidden;
	}

	.c-ciwkSQ .left img {
		-o-object-fit: cover;
		object-fit: cover;
		width: var(--sizes-full);
		height: 100%;
	}

	.c-ciwkSQ .right {
		max-width: 230px;
	}

	.c-ciwkSQ .right .name {
		font-size: var(--fontSizes-3);
		line-height: 21px;
		color: var(--colors-font);
		padding: 8px 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-ciwkSQ .right .time {
		color: var(--colors-font1);
		font-size: var(--fontSizes-1);
	}

	.c-iDkacK {
		height: 231px;
		width: var(--sizes-full);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.c-iDkacK .swiper {
		width: 100vw;
		padding: 8px 16px 18px;
	}

	.c-iDkacK .swiper .swiper-slide {
		background-position: center center;
		background-size: cover;
		width: 100vw;
		overflow: hidden;
	}

	.c-XAYOE {
		display: flex;
		width: calc(-32px + 100vw);
		height: 211px;
		flex-direction: column;
		align-content: center;
		align-items: center;
		border: 2px solid var(--colors-white);
		border-radius: 16px;
		overflow: hidden;
		position: relative;
	}

	.c-XAYOE .slider-img {
		width: var(--sizes-full);
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-hIgYfd {
		position: absolute;
		left: 0px;
		top: 0px;
		width: calc(-32px + 100vw);
		height: 211px;
		background: linear-gradient(89.35deg,
				rgba(0, 0, 0, 0.2) 0.77%,
				rgba(0, 0, 0, 0) 42.48%),
			radial-gradient(89.76% 89.76% at 6.87% 108.48%,
				rgba(0, 0, 0, 0.7) 44.27%,
				rgba(0, 0, 0, 0) 100%);
		border-radius: 16px;
	}

	.c-chcddb {
		width: var(--sizes-full);
		position: absolute;
		left: 0px;
		bottom: 0px;
		display: flex;
		padding: 0px 0px 24px 24px;
		justify-content: space-between;
		filter: drop-shadow(rgba(33, 72, 96, 0.3) 0px 20px 43px);
	}

	.c-chcddb .left {
		color: var(--colors-white2);
		width: 204px;
	}

	.c-chcddb .left .title {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0.32em;
		color: var(--colors-white2);
		margin: 0px 0px 4px;
		text-shadow: grey 0px 0px 4px;
	}

	.c-chcddb .left .des {
		font-size: var(--fontSizes-1);
		line-height: 16px;
		color: var(--colors-white2);
		margin: 0px;
		text-shadow: grey 0px 0px 2px;
	}

	body {
		min-height: 100vh;
		width: var(--sizes-full);
		background: var(--colors-white);
		padding-top: 104px;
	}

	.pc_wrap {
		display: none !important;
	}

	.mobile_wrap {
		display: unset !important;
	}

	.c-fKqoRS {
		display: flex;
		width: var(--sizes-full);
		background: transparent;
		border-radius: 16px;
		padding-left: 16px;
		flex-flow: wrap;
		justify-content: space-between;
		gap: 8px;
	}

	.c-bINpoh {
		display: flex;
		width: 122px;
		border-radius: 8px;
		transition: all 0.1s ease-in-out 0s;
		flex-direction: column;
	}

	.c-bINpoh .detail {
		display: flex;
		align-items: center;
		padding: 10px;
	}

	.c-bINpoh .detail .title {
		color: var(--colors-font);
		font-size: var(--fontSizes-2);
		line-height: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-bINpoh .preview {
		width: 122px;
		height: 170px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		border-radius: 8px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		transition: all 0.1s ease-in-out 0s;
	}

	.c-bINpoh .preview img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bINpoh .tag {
		position: absolute;
		z-index: 2;
		left: 8px;
		bottom: 8px;
	}

	.main {
		padding-top: 0;
		display: block;
		background: var(--colors-white);
		position: relative;
	}

	.main .c-ftTHlS {
		display: none;
	}

	.main .video_swiper {
		display: none;
	}

	.main .c-fKqoRS {
		display: flex;
		width: var(--sizes-full);
		background: transparent;
		border-radius: 16px;
		padding-left: 16px;
		flex-flow: wrap;
		justify-content: space-between;
		gap: 8px;
	}

	.main .c-fKqoRS .zjlb {
		padding-bottom: 35px;
		width: var(--sizes-full);
		margin: 0px;
	}

	.main .c-fKqoRS .zjlb .c-loXgnx {
		display: flex;
		flex-flow: wrap;
	}

	.main .c-fKqoRS .c-jqBdEa {
		display: flex;
		width: 100%;
		height: 116px;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		transition: all 0.1s ease-in-out 0s;
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.main .c-fKqoRS .c-jqBdEa img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		transition: all 0.1s ease-in-out 0s;
	}

	.main .c-fKqoRS .c-jqBdEa .info {
		position: absolute;
		z-index: 1;
		left: 0px;
		bottom: 0px;
		height: 38px;
		width: var(--sizes-full);
		background: rgba(0, 0, 0, 0.2);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		font-size: var(--fontSizes-1);
		color: var(--colors-white2);
		text-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px;
		display: flex;
		align-items: center;
		padding-left: 18px;
		padding-right: 18px;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
	}

	.main .c-fKqoRS .swiper-slide {
		width: 133.57px;
		height: auto;
	}

	.main #ztSwiper .swiper-slide {
		width: 265px !important;
	}

	.main .c-lhZwLp {
		display: flex;
		width: var(--sizes-full);
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.main .c-lhZwLp .c-fghrzJ {
		height: auto;
		flex-direction: column;
	}

	.main .c-lhZwLp .c-fghrzJ .c-jPFaa {
		height: 53px;
	}

	.main .c-lhZwLp .c-fghrzJ .c-gHLiek {
		display: flex;
		border: 1px solid rgba(0, 0, 0, 0.1);
		padding: 0px 8px 0px 16px;
		height: 22px;
		line-height: 20px;
		gap: 2px;
		background-color: var(--colors-gray250);
		border-radius: 38px;
		justify-content: center;
		align-items: center;
		font-size: var(--fontSizes-2);
		color: var(--colors-font1);
		cursor: pointer;
		margin-left: auto;
		margin-right: 10px;
	}

	.main .c-lhZwLp .c-fghrzJ .c-cfQzMB {
		display: flex;
		margin: 0px 12px;
	}

	.main .c-lhZwLp .c-fghrzJ .c-cfQzMB .icon {
		color: var(--colors-blue);
		font-size: 24px;
		display: block;
	}

	.main .c-lhZwLp .c-fghrzJ .c-gTklbv {
		display: flex;
		height: 22px;
		line-height: 22px;
		margin: 0px;
		color: var(--colors-font);
		font-size: 16px;
		font-weight: 500;
	}

	.main .c-lhZwLp .c-fghrzJ .c-bOxiMM-jktOgz-type-index {
		width: var(--sizes-full);
		display: flex;
		padding-left: 16px;
		padding-bottom: 12px;
		gap: 8px;
		background: none;
		overflow: auto hidden;
		flex-wrap: nowrap;
		scrollbar-width: none;
        -ms-overflow-style: none; 
	}

	.main .c-lhZwLp .c-fghrzJ .c-bOxiMM-jktOgz-type-index .c-iAGEqx {
		padding: 0px 14px;
		border-radius: 54px;
		width: auto;
		height: 28px;
		line-height: 28px;
		min-width: 90px;
		background-color: var(--colors-gray250);
		margin: 0px;
		display: flex;
		justify-content: center;
	}

	.main .c-lhZwLp .c-fghrzJ .c-bOxiMM-jktOgz-type-index .c-iAGEqx .tab-text {
		opacity: 1;
		color: var(--colors-font1);
		font-size: var(--fontSizes-1);
		line-height: 28px;
	}

	.main .c-lhZwLp .c-fghrzJ .c-bOxiMM-jktOgz-type-index .c-iAGEqx-evPRVR-active-true {
		background-color: var(--colors-green) !important;
	}

	.main .c-lhZwLp .c-fghrzJ .c-bOxiMM-jktOgz-type-index .c-iAGEqx-evPRVR-active-true .tab-text {
		color: var(--colors-white2);
	}

	.main .c-fKqoRS {
		display: flex;
		width: var(--sizes-full);
		background: transparent;
		border-radius: 16px;
		padding-left: 16px;
		flex-flow: wrap;
		justify-content: space-between;
		gap: 8px;
	}

	.main .c-fKqoRS-cNdujz-type-nobg {
		background: transparent;
	}

	.main .c-hnLLYx {
		display: flex;
		width: var(--sizes-full);
		height: 118px;
		border-radius: 12px;
		background: transparent;
		position: relative;
		padding: 12px 16px 16px;
		transition: all 0.1s ease-in-out 0s;
	}

	.main .c-hnLLYx:hover {
		cursor: pointer;
		transition: all 0.1s ease-in-out 0s;
		border-radius: 12px;
	}

	.main .c-hnLLYx:hover .play {
		display: unset;
	}

	.main .c-hnLLYx:hover .play .icon {
		font-size: 24px;
		color: #4B73FF;
	}

	.main .c-hnLLYx .play {
		width: 24px;
		height: 24px;
		display: none;
		position: absolute;
		bottom: 16px;
		right: 17px;
	}

	.main .c-hnLLYx .preview {
		width: 88px;
		height: 94px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		border-radius: 8px;
		left: 16px;
		bottom: 12px;
		transition: all 0.1s ease-in-out 0s;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.main .c-hnLLYx .preview img {
		width: 88px;
		height: 128px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.main .c-hnLLYx .detail {
		padding-left: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.main .c-hnLLYx .detail .top {
		padding: 8px 0px;
	}

	.main .c-hnLLYx .detail .top .title {
		font-size: var(--fontSizes-2);
		line-height: 18px;
		margin-bottom: 4px;
		color: var(--colors-font);
		padding: 0px;
	}

	.detail_main {
		background: none !important;
	}

	.detail_main .c-lhZwLp {
		background: var(--colors-white1);
	}

	.detail_main .c-fKqoRS {
		justify-content: flex-start;
	}

	.detail_main .c-fKqoRS .c-bINpoh {
		width: calc(33.3333333333% - 10px);
	}

	.detail_main .c-fKqoRS .c-bINpoh .preview {
		width: 100%;
		height: 149px;
	}

	.c-cusIRC {
		width: var(--sizes-full);
		height: 353px;
		display: flex;
		z-index: 1;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		background: rgba(0, 0, 0, 0.5);
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
	}

	.c-cusIRC .c-fhLkr {
		height: 353px;
	}

	.c-cusIRC .bg {
		width: var(--sizes-full);
		height: 353px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bmYIMJ {
		min-height: 100vh;
		width: var(--sizes-full);
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.c-bmYIMJ .content {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		width: var(--sizes-full);
	}

	.c-iULkOc {
		width: var(--sizes-full);
		height: 249px;
		display: flex;
		position: relative;
		z-index: 2;
		justify-content: space-between;
	}

	.c-cwdyIb {
		width: var(--sizes-full);
		display: flex;
		min-height: 207px;
		flex-direction: column;
		justify-content: flex-start;
		padding: 16px;
		gap: 16px;
	}

	.c-cwdyIb .top {
		display: flex;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.c-cwdyIb .top .movie-img {
		width: 100px;
		height: 150px;
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		display: flex;
		justify-content: center;
	}

	.c-cwdyIb .top .movie-img img {
		height: var(--sizes-full);
	}

	.c-cwdyIb .top .movie-img .tag {
		position: absolute;
		right: 8px;
		bottom: 8px;
	}

	.c-cwdyIb .top .movie-content {
		display: flex;
		flex-direction: column;
		width: calc(100% - 116px);
		height: 150px;
	}

	.c-cwdyIb .top .movie-content .title {
		font-size: var(--fontSizes-3);
		line-height: 21px;
		color: var(--colors-white2);
		margin: 0px 0px 16px;
	}

	.c-cwdyIb .top .movie-content .info {
		width: var(--sizes-full);
		height: 112px;
		font-size: var(--fontSizes-1);
		line-height: 12px;
		color: var(--colors-white2);
		opacity: 0.5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.c-cwdyIb .top .movie-content .info .text {
		margin: 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.c-cwdyIb .bottom {
		width: var(--sizes-full);
		max-height: 54px;
		font-size: var(--fontSizes-1);
		line-height: 20px;
		color: var(--colors-white2);
		opacity: 0.5;
		display: flex;
		justify-content: flex-end;
	}

	.c-cwdyIb .bottom .bottom-detail {
		width: calc(100% - 116px);
		margin: 0px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}

	.search_main {
		display: flex;
		padding-top: 116px;
		background: var(--colors-gray500);
	}

	.c-bqWfUu {
		padding-bottom: 50px;
		width: var(--sizes-full);
		display: flex;
		background: var(--colors-gray500);
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.c-bqWfUu .content {
		width: var(--sizes-full);
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		height: 100%;
	}

	.c-bqWfUu .content .c-geToYD {
		flex-flow: wrap;
		gap: 16px;
		padding: 0px 24px;
		position: relative;
		justify-content: flex-start;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn {
		display: flex;
		width: calc(50% - 8px);
		height: 220px;
		border: 1px solid var(--colors-white5);
		border-radius: 16px;
		overflow: hidden;
		flex-direction: column;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		position: relative;
		filter: brightness(0.85);
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .preview {
		height: 100%;
		width: var(--sizes-full);
		overflow: hidden;
		position: absolute;
		z-index: 2;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .preview .preview-img {
		transition: all 0.2s ease 0s;
		width: var(--sizes-full);
		height: var(--sizes-full);
		-o-object-fit: cover;
		object-fit: cover;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail {
		display: flex;
		height: 38px;
		background: var(--colors-font3);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		position: absolute;
		z-index: 3;
		bottom: 0px;
		width: var(--sizes-full);
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .left {
		display: none;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .c-hDImTG {
		position: absolute;
		left: 12px;
		top: -28px;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn .detail .name {
		font-size: var(--fontSizes-2);
		color: var(--colors-white2);
		padding: 0px 12px;
		line-height: 38px;
		margin: 0px 0px 6px;
		width: var(--sizes-full);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.category_main {
		padding-top: 140px;
	}

	.category_main .c-bqWfUu {
		padding-top: 20px;
	}

	.c-eLGsuB {
		position: fixed;
		top: 100px;
		z-index: 9;
		width: 100%;
		background-color: var(--colors-white);
	}

	.c-eLGsuB .c-bqBNgx {
		height: auto;
		justify-content: flex-start;
		padding-left: 16px;
		padding-bottom: 12px;
		padding-right: 0;
	}

	.c-eLGsuB .c-bqBNgx .c-bOxiMM {
		background: none;
		flex-wrap: nowrap;
		overflow-x: auto;
		border-radius: 0;
		align-items: center;
		scrollbar-width: none; 
        -ms-overflow-style: none; 
	}

	.c-eLGsuB .c-bqBNgx .c-bOxiMM .c-iAGEqx {
		flex-shrink: 0;
		padding: 0px 14px;
		border-radius: 54px;
		width: auto;
		height: 28px;
		line-height: 28px;
		font-size: var(--fontSizes-1);
		background-color: var(--colors-gray250);
		min-width: 90px;
		color: var(--colors-font1);
	}

	.c-eLGsuB .c-bqBNgx .c-bOxiMM .c-iAGEqx .tab-text {
		line-height: 28px;
	}

	.c-eLGsuB .c-bqBNgx .c-bOxiMM .c-iAGEqx-evPRVR-active-true {
		background-color: var(--colors-green) !important;
	}

	.c-eLGsuB .c-bqBNgx .c-bOxiMM .c-iAGEqx-evPRVR-active-true .tab-text {
		color: var(--colors-white2);
	}

	.mb-t {
		top: 105px;
	}

	#filterBarfilterBar.c-dSJTLA {
		display: flex !important;
	}

	.category_more {
		background: var(--colors-gray500);
	}

	.stui-content .hl-col-sm-2 {
		width: 33.3333333333%;
	}

	.c-fLfNfc-bRhKQi-show-true {
		display: flex !important;
	}

	.c_m_tab_content {
		display: none !important;
	}

	.c_m_tab_content_active {
		display: inherit !important;
	}

	.c-gTKtbM {
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.2s ease-in-out 0s;
		position: fixed;
		right: 16px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
		border-radius: 69px;
		margin-bottom: 148px;
	}

	.c-gTKtbM svg path {
		fill: var(--colors-font4);
	}

	.c-gTKtbM .icon {
		color: var(--colors-font4);
	}

	.playlist {
		width: 100vw;
		border-radius: 0;
		margin-bottom: 0;
	}

	.stui-content .row {
		margin: 0;
		padding-right: 22px;
	}

	.ad-box {
		width: 100%;
		padding: 16px;
		margin-bottom: 0px;
	}

	.shoutu-ad-img img {
		border-radius: 3px;
	}

	.stui-content .hl-row-box .hl-rb-head .hl-rb-title {
		font-size: 16px;
	}
}

@media (min-width: 456px) and (max-width: 1025px) {
	.ztmain .c-hLYkAz {
		width: calc(50% - 4px);
	}

	.detail_main {
		background: var(--colors-gray500) !important;
	}

	.detail_main .c-fKqoRS {
		justify-content: flex-start;
	}

	.detail_main .c-fKqoRS .c-bINpoh {
		width: calc(100% / 6 - 1vw);
	}

	.detail_main .c-fKqoRS .c-bINpoh .preview {
		width: 120px;
		height: 149px;
	}

	.stui-content .hl-col-sm-2 {
		width: 20%;
	}

	.c-boQlBA {
		align-content: flex-start;
	}

	.c-ctViZM .c-eSKheL {
		margin-right: 12px;
		margin-bottom: 8px;
	}

	.c-ennNYO .search-input {
		width: 200px;
	}

	.c-LSgVk {
		display: flex;
		line-height: 48px;
		font-size: var(--fontSizes-2);
		color: var(--colors-font);
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		position: relative;
		padding: 0px 16px;
		width: 20%;
	}

	.c-LSgVk .c-eDWkVh svg path {
		fill: var(--colors-font);
	}

	.c-LSgVk .c-eDWkVh .icon {
		color: var(--colors-font);
	}

	.c-lfLgfc {
		position: relative;
		width: 322px;
	}

	#reboSwiper .swiper-slide,
	#fuliSwiper .swiper-slide {
		width: 157px !important;
	}

	.main #ztSwiper .swiper-slide {
		width: 305.172px !important;
	}

	.main .c-fKqoRS .zjlb .c-loXgnx .c-jqBdEa {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.c-bqWfUu .content .c-geToYD .c-ffeBOn {
		width: calc(33.3333% - 10.6667px);
		margin-bottom: 8px;
	}

	.detail_main .c-fKqoRS {
		padding-right: 16px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.main .c-fKqoRS .swiper-slide {
		width: 165.167px;
	}
}