@charset "utf-8";

body {
	background-color: #edf2f3;
	color: #2b3a3f;
}

body:after {
	background-color: #edf2f3;
	background: -webkit-linear-gradient(top, #f7fafb, #edf2f3);
	background: -o-linear-gradient(top, #f7fafb, #edf2f3);
	background: -moz-linear-gradient(top, #f7fafb, #edf2f3);
	background: linear-gradient(to bottom, #f7fafb, #edf2f3);
}

a,
button,
.stui-header__menu li a,
.stui_header__user > li > a,
.stui-content__detail .title,
.stui-content__detail .title a,
.stui-vodlist__head h2,
.stui-vodlist__head h2 a {
	color: #24343a;
}

a:focus,
a:hover,
a:active,
.stui-header__menu li a:hover,
.stui-header__menu li.active a,
.stui_header__user > li > a:hover,
.stui-vodlist__detail .title a:hover,
.stui-screen .item ul li.active a,
.stui-screen .item ul li a:hover,
.detail-more,
em {
	color: #4d8992;
}

.text-muted,
.pull-right,
.pull-right1,
.pull-right2,
.stui-vodlist__detail .text,
.stui-content__detail .data2,
.stui-content__detail .data4,
.stui-player__detail .data,
.stui-player__detail .data2,
.stui-player__detail .data-more {
	color: #71848a !important;
}

.stui-header__menu li.active a:before,
.stui-player__side .tab li.active a:before,
.flickity-page-dots .dot,
.stui-page__item li.active a,
.stui-page__item li.active span,
.stui-content__playlist li.active a,
.stui-play__list li.active a,
.btn-primary,
.btn-primary:hover,
.stui-gbook-form li .submit {
	background: linear-gradient(135deg, #7aa7ad, #4d8992);
	border-color: transparent;
	color: #fff;
}

.stui-header {
	margin: 0 0 20px;
	padding: 14px 18px;
	border: 1px solid #d6e0e3;
	border-radius: 18px;
	background: rgba(245, 249, 250, 0.96);
	box-shadow: 0 12px 40px rgba(41, 65, 71, 0.08);
	backdrop-filter: blur(8px);
	position: relative;
	z-index: 5000;
	overflow: visible;
}

.stui-header .container,
.stui-header .row,
.stui_header__user,
.stui_header__user > li {
	overflow: visible;
}

.dropdown {
	z-index: 6000;
}

.stui-pannel,
.stui-content__detail,
.stui-content__side,
.stui-screen .head,
.stui-player__detail,
.stui-player__side,
.dropdown,
.stui-gbook__item .cont {
	border: 1px solid #d6e0e3;
	border-radius: 18px;
	background-color: #f8fbfb;
	box-shadow: 0 10px 30px rgba(41, 65, 71, 0.06);
}

.dropdown:after,
.stui-gbook__item .cont:before {
	background-color: #f8fbfb;
	border-color: #d6e0e3;
}

.dropdown {
	background-color: #f8fbfb;
}

.dropdown.search li,
.dropdown.history li a,
.stui-screen .item ul,
.stui-player__side .tab,
.stui-player__side .item .tab-top li,
.stui-page__item li a,
.stui-gbook__item {
	border-color: #d6e0e3;
}

.dropdown.type li a,
.stui-content__playlist li a,
.stui-play__list li a,
.stui-page__item li a,
.stui-content__down li,
.down1,
.form-control,
.btn,
.stui-player__detail .more a {
	border: 1px solid #d6e0e3;
	background-color: #eef4f5;
	color: #32464c;
}

.dropdown.type li a:hover,
.dropdown.type li.active a,
.stui-content__playlist li a:hover,
.stui-play__list li a:hover,
.stui-page__item li a:hover,
.stui-player__detail .more a:hover {
	color: #fff;
	border-color: #4d8992;
	background-color: #4d8992;
}

.form-control {
	background-color: #eef4f5;
	color: #32464c;
}

.form-control:focus {
	border-color: #77a6ac;
	box-shadow: 0 0 0 4px rgba(77, 137, 146, 0.15);
}

.stui-content__side {
	background: linear-gradient(180deg, #eef4f5, #e4ecee);
}

.stui-content__detail {
	background: linear-gradient(180deg, #f8fbfb, #f2f7f7);
}

.stui-content__detail .data3,
.stui-player__side .tab li.active a,
.dropdown.history .head a,
.stui-player__side .item .tab-top li.active a {
	color: #4d8992;
}

.stui-content__detail .play-btn a,
.btn-blue,
.btn-yellows,
.sc {
	background: linear-gradient(135deg, #7aa7ad, #4d8992);
	color: #fff !important;
	border: none;
	box-shadow: 0 10px 24px rgba(77, 137, 146, 0.22);
}

.pic-tag,
.pic-text1 b {
	background: linear-gradient(135deg, #7aa7ad, #4d8992);
	color: #fff;
}

.pic-text {
	background-image: linear-gradient(transparent, rgba(24, 44, 50, 0.72));
	color: #fff;
}

.stui-vodlist__thumb,
.stui-content__thumb .pic img {
	border-radius: 14px;
	overflow: hidden;
}

.stui-vodlist__box,
.stui-vodlist__thumb,
.stui-vodlist__detail,
.stui-content__down li,
.stui-page__item li a {
	transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease;
}

.stui-vodlist__thumb {
	box-shadow: 0 10px 24px rgba(41, 65, 71, 0.1);
}

.stui-vodlist__thumb .play {
	background: rgba(24, 44, 50, 0.2) url(../img/play.png) center no-repeat;
}

.stui-screen .head,
.stui-player__side .item .tab-top,
.stui-player__detail .more a {
	background-color: #eef4f5;
}

.stui-player__side {
	background: linear-gradient(180deg, #f8fbfb, #eef4f5);
}

.stui-player__detail {
	background: linear-gradient(180deg, #f8fbfb, #eef4f5);
}

.stui-player__detail .title,
.stui-player__detail .title a,
.stui-player__side .item .head,
.stui-player__side .item .head a {
	color: #24343a;
}

.stui-play__list li a:visited,
.stui-content__playlist li a:visited {
	color: #74898f;
}

.down1,
.down2,
.down1 a,
.down2 a {
	color: #4b6268;
}

.stui-page__item li a {
	background-color: #f8fbfb;
	color: #4b6268;
}

.stui-foot p,
.stui-link__text li a {
	color: #6f8085;
}

.fixed_right_bar .dbicon {
	background: linear-gradient(135deg, #7aa7ad, #4d8992);
	box-shadow: 0 10px 24px rgba(77, 137, 146, 0.24);
}

.split-line {
	background-color: #d6e0e3;
}

.top-line:before {
	border-top: 1px solid #d6e0e3;
}

.bottom-line:after {
	border-bottom: 1px solid #d6e0e3;
}

.top-line-dot:before {
	border-top: 1px dotted #c9d6d9;
}

.bottom-line-dot:before {
	border-bottom: 1px dotted #c9d6d9;
}

@media (max-width: 1024px) {
	.stui-header,
	.stui-player__detail,
	.stui-player__side,
	.stui-screen .head,
	.stui-content__detail,
	.stui-content__side,
	.dropdown,
	.stui-gbook__item .cont {
		border-radius: 14px;
	}
}

@media (max-width: 767px) {
	.stui-header {
		padding: 10px 12px;
		margin: 0 0 12px;
		border-radius: 14px;
	}

	.stui-player__detail .more {
		background-color: #e9f0f1;
	}

	.stui-player__detail .more a {
		background-color: #f8fbfb;
	}
}