.vertical-align {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.horizontal-align {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.vert-wrapper {
	display: table;
	width: 100%;
	height: 100%
}

.vert-wrapper .vert {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

body {
	color: #2e2e2e;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	background-color: #fff;
	font-size: 14px;
}

body.light {
	background-color: #fff
}

body.light .content-wrapper {
	background-color: #fff
}

body.dark {
	background-color: #242424
}

body.dark .content-wrapper {
	background-color: #343434
}

.logo {	
	height: 40px
}

a {
	color: #2e2e2e
}

a:hover,a:focus {
	color: #ea2c5a;
	text-decoration: none
}

a:focus {
	color: #ea2c5a
}

img {
    max-width: 100%;
    height: auto;
    transition: opacity .3s;
}

.cv {
    display: inline-block;
    font: normal normal normal 14px/1 circle-video;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-control,
.btn {
	font-size: 14px
}

.form-control {
	border-radius: 3px;
	border: solid 1px #e0e1e2;
	padding: 15px 18px;
	height: 46px
}

.form-group {
	margin-bottom: 25px
}

label {
	margin-bottom: 10px
}

.color-default {
	color: #2e2e2e
}

.color-active {
	color: #ea2c5a
}

.padding-def {
	padding: 25px 0
}

.delimiter {
	margin: 23px 0;
	height: 1px;
	border-top: solid 1px #eceff0
}

.bg-clean .btn-default {
	border: none;
	background: transparent
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn:active,
.btn.active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-default {
	color: #637076;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus,
.open>.dropdown-toggle.btn-default {
	color: #637076;
	background-color: transparent;
	border-color: transparent
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
	color: #637076;
	background-color: transparent;
	border-color: transparent
}

.pull-right>.dropdown-menu {
	right: -100px
}

ul.dropdown-menu {
	border-color: #eceff0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	margin: 0
}

ul.dropdown-menu li {
	border-bottom: solid 1px #eceff0
}

ul.dropdown-menu li a {
	padding: 14px 16px;
	font-size: 12px;
}

ul.dropdown-menu li a i {
	padding-right: 5px;
	font-size: 14px;
}

ul.dropdown-menu li:last-child {
	border: none
}

ul.dropdown-menu li:nth-child(even) {
	background-color: #fbfdfe
}

.tooltip-inner {
	background-color: #44474e;
	font-family: 'Hind Guntur', sans-serif;
	font-size: 12px;
	padding: 5px 9px 1px 9px
}

.tooltip.top .tooltip-arrow {
	border-top-color: #44474e
}

.ta-r {
	text-align: right
}

a.active {
	color: #ea2c5a
}

.head-div {
	border-top: solid 1px #eceff0
}

.btn-cv1 {
	border-radius: 3px;
	border: solid 1px #ea2c5a;
	background-color: #ea2c5a;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 20px;
	width: 100%
}

.btn-cv1:hover {
	color: #ea2c5a;
	background-color: #fff
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}

.col-xs-1-5 {
	width: 20%;
	float: left
}

@media (min-width:768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left
	}
}

@media (min-width:992px) {
	.col-md-1-5 {
		width: 20%;
		float: left
	}
}

@media (min-width:1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left
	}
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea,
label.checkbox {
	border: solid 1px #e0e1e2;
	border-radius: 2px
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea {
	width: 100%;
	padding-left: 14px;
	padding-right: 14px;
	color: #7e7e7e;
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
	-ms-transition: border .3s;
	-o-transition: border .3s
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
	border-color: #b5b5b5
}

input[type="text"][readonly]:focus,
input[type="email"][readonly]:focus,
input[type="number"][readonly]:focus,
input[type="search"][readonly]:focus,
textarea[readonly]:focus {
	outline: none;
	border-color: #e0e1e2
}

textarea {
	padding-top: 10px
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"] {
	height: 40px;	
}

label.checkbox {
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: #fff
}

@media only screen and (max-width:767px) {
	label.checkbox {
		width: 24px;
		height: 24px;
		border-radius: 4px
	}
}

label.checkbox .arrow {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: -1px;
	border: solid 1px #ea2c5a;
	border-radius: 2px
}

@media only screen and (max-width:767px) {
	label.checkbox .arrow {
		width: 24px;
		height: 24px;
		border-radius: 4px
	}
}

label.checkbox .arrow::before {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 8px;
	left: 3px;
	top: 3px;
	border-top: solid 2px #ea2c5a;
	border-right: solid 2px #ea2c5a;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg)
}

@media only screen and (max-width:767px) {
	label.checkbox .arrow::before {
		width: 10px;
		height: 6px;
		top: 6px;
		left: 6px
	}
}

label.checkbox input[type="checkbox"]:checked+.arrow {
	display: block
}

label.checkbox input[type="checkbox"] {
	display: none
}

label.clipboard {
	position: relative;
	width: 100%
}

label.clipboard .btn-copy {
	position: absolute;
	display: block;
	width: 56px;
	height: 28px;
	padding-top: 5px;
	top: 50%;
	right: 6px;
	margin-top: -14px;
	border-radius: 2px;
	text-align: center;
	background-color: #eceff0;
	color: #7e7e7e;
	font-weight: normal;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

label.clipboard:hover .btn-copy {
	background-color: #b5b5b5;
	color: #fff
}

.login-window input {
	height: 46px;
	padding-top: 18px
}

.login-window button {
	padding-top: 22px;
	padding-bottom: 16px
}

input:focus,
select:focus,
textarea:focus {
	-webkit-box-shadow: none !important;
	moz-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important
}

label.checkbox-text {
	position: relative;
	display: block;
	overflow: hidden;
	padding-left: 36px
}

label.checkbox-text .checkbox {
	position: absolute;
	left: 0
}

label.checkbox-text p {
	margin-top: 12px;
	margin-bottom: 6px;
	font-weight: normal
}

.cv-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.cv-percent .cv-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

ul.list-inline li a:hover {
    	color: #ea2c5a
}

ul.list-inline li a:not(.color-active):hover {
color: #ea2c5a
}

ul.list-inline li a.color-active {
	color: #ea2c5a
}

.social {
	overflow: hidden
}

.social a {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	padding-top: 6px;
	margin-bottom: 8px;
	border-radius: 50%;
	color: #fff;
	text-align: center
}

.social a:not(:last-child) {
	margin-right: 14px
}

.social a:hover {
	transform: rotateY(360deg);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s
}

.social a.facebook {
	background-color: #3b5998;
	padding-top: 7px
}

.social a.twitter {
	background-color: #55acee;
	padding-top: 7px
}

.social a.google {
	background-color: #dd4b39;
	padding-top: 7px
}

.social a.pinterest {
	background-color: #cb2027;
	padding-top: 7px
}

.social a.btc {
	background-color: #f60
}

.social a.tumblr {
	background-color: #32506d;
	padding-top: 7px
}

.social a.vk {
	background-color: #45668e
}

.social a.reddit {
	background-color: #fff;
	color: #5f99cf;
	font-size: 30px;
	padding-top: 0
}

.social a.stumbleupon {
	background-color: #eb4924
}

.social a.odnoklassniki {
	background-color: #ed812b
}

.tags-type1,
.tags-type2 {
	fond-size: 0;
	display: table
}

.tags-type1 a,
.tags-type2 a {
	display: inline-block;
	margin-bottom: 8px;
	color: #7e7e7e;
	background-color: #fff;
	border: solid 1px #e0e1e2;
	border-radius: 2px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.tags-type1 a:hover,
.tags-type2 a:hover {
	background-color: #eceff0
}

.tags-type1 a:not(:last-child),
.tags-type2 a:not(:last-child) {
	margin-right: 16px
}

.tags-type1 a {
	height: 34px;
	padding: 8px 8px 8px;
	font-size: 16px
}

.tags-type2 a {
	height: 46px;
	padding: 12px 16px 12px;
	font-size: 20px;
	font-weight: 500
}

.tags-type2 a i {
	margin-right: 14px
}

.entry-content{
    padding: 5px;
    margin-top: 15px;
}

.Copyrightnew { background: #e8eef3; padding: 8px 20px; border-radius: 0 5px 5px 0; font-size: 1.2rem; color: #999; }

.entry-content p img {
    margin: auto;
    display: block;
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.block-list>div {
	min-height: 48px;
	padding: 14px 18px 10px;
	border: solid 1px #e0e1e2;
	cursor: pointer;
	background-color: white;
	overflow: hidden;
	border-radius: 4px;
}

.block-list>div:hover:not(.active) {
	background-color: #fcfcfc;
}

.block-list>div:not(:last-child):not(.active) {
	margin-bottom: 10px
}

.block-list>div span {
	display: block;
	color: #f30
}

@media (max-width: 767px){
.v-history{padding:0px}    
.h-video .v-views{
        padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
} 
    
.block-list>div .name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 82%;
}
.block-list>div span time{
    display: none;
}
}

.block-list>div .name {
	float: left;
	font-size: 14px;
}

.block-list>div .time {
	float: right;
	font-size: 13px;
}

.block-list>div .fe_co{
    color: #22ace9;
}


.block-list>div i {
	display: block;
	float: left;
	color: #637076;
	font-size: 20px
}

.block-list>div i:first-child {
	margin-left: -6px;
	margin-right: 10px
}

.block-list>div i.cvicon-cv-plus {
	float: right
}

.block-list>div.active {
	border-color: #ea2c5a
}

.block-list>div.active span {
	font-weight: 500;
	color: #000
}

.block-list>div.active i {
	color: #ea2c5a
}

video {
	display: block;
	width: 100%;
	object-fit: cover
}

.sv-video {
	width: 100%
}

.sv-video .sv-play {
	cursor: pointer
}

.sv-video .mejs-container .mejs-inner .mejs-layers .mejs-poster {
	background-size: cover
}

.sv-video .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
	background: #4d86fe;
	background: rgba(77, 134, 254, 0.8);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(77, 134, 254, 0.8)));
	background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(77, 134, 254, 0.8));
	background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(77, 134, 254, 0.8));
	background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(77, 134, 254, 0.8));
	background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(77, 134, 254, 0.8));
	background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(77, 134, 254, 0.8))
}

.mejs-overlay-button {
	background-image: none
}

.mejs-overlay-button:after {
	top: 0;
	left: 0;
	content: '\e816';
	font-family: "circle-video";
	width: 66px;
	height: 66px;
	background-color: #343434;
	border-radius: 33px;
	opacity: .85;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -33px;
	margin-left: -33px;
	color: #fff;
	padding-top: 18px;
	font-size: 20px;
	text-align: center
}

.login-window div.checkbox>label {
	padding-left: 40px
}

.login-window label.checkbox {
	position: absolute;
	margin-left: -40px
}

.u-form div.checkbox label.checkbox {
	position: absolute;
	margin-left: -36px;
	margin-top: -3px;
	padding: 0 !important
}

.u-form div.checkbox.checked label {
	color: #ea2c5a !important
}

.form-group input,
.form-group select {
	height: 46px
}

.video-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.btn-color-toggle {
	position: fixed;
	left: 30px;
	top: 24px;
	cursor: pointer;
	z-index: 100
}

@media only screen and (max-width:1080px) {
	.btn-color-toggle {
		left: inherit;
		right: 30px;
		top: 100px
	}
}

@media only screen and (max-width:767px) {

}

body.ovf--hidden {
	overflow: hidden !important
}

ul.menu {
	position: relative;
	margin-bottom: 0;
	z-index: 10;
	margin-top: 22px
}

ul.menu li:hover ul {
	display: block
}

ul.menu ul {
	display: none;
	list-style: none;
	padding: 0;
	z-index: 1;
	background-color: #fff;
	border: solid 1px #eceff0;
	position: absolute
}

ul.menu ul li a {
	display: block;
	padding: 10px 15px;
	line-height: 15px;
    font-size: 12px;
}

ul.menu ul li:not(:last-child) {
	border-bottom: solid 1px #eceff0
}

.menu li{position: relative;}
.menu li span{ display:block; position:absolute; width:0px; height:0px; background:#ea2c5a96; top:30px; left:50%;}


.btn-menu-toggle {
	display: block;
	margin-top: 26px
}

.btn-menu-toggle i{
    font-size: 22px;
}

.topsearch {
	margin-top: 15px
}

.topsearch>i {
	display: none
}

.topsearch .form-control {
	height: 40px;
    padding: 10px;
    padding-top: 10px;
    font-size: 14px;
}

.topsearch .input-group {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

@media only screen and (max-width:767px) {
	.topsearch .input-group>span {
		margin-left: auto
	}
}

.topsearch .input-group-addon,
.topsearch .input-group-btn,
.topsearch input {
	width: auto;
	border: none;
	background-color: #eceff0
}

.topsearch .input-group-addon {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px
}

.topsearch .input-group-addon i {
	font-size: 22px;
	padding-left: 3px;
	padding-top: 4px;
	color: #637076
}

.topsearch input {
	box-shadow: inset 0 0 0 0 #fff;
	padding-top: 10px;
	width: 480px
}

.topsearch .input-group-btn {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-right: 10px
}

.topsearch .input-group-btn .btn {
	padding: 8px;
}

.topsearch .input-group-btn .btn-default {
	color: #637076;
	background-color: transparent;
	border: none
}

.topsearch .input-group-btn .cvicon-cv-video-file {
	font-size: 20px
}

.topsearch .input-group-btn .caret {
	margin-top: -5px
}

.topsearch .input-group-btn .dropdown-menu {
	left: auto;
	right: 0
}

@media only screen and (max-width:767px) {
	.navbar-container {
		margin-bottom: 15px;
		padding-bottom: 0 !important;
		align-items: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	.navbar-container>.container {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.navbar-container:not(.search-open) .input-group-addon {
		background-color: transparent
	}
}

@media only screen and (max-width:767px) {

	.navbar-container:not(.search-open) input,
	.navbar-container:not(.search-open) .input-group-btn {
		display: none !important
	}
}

@media only screen and (max-width:767px) {
	.navbar-container.search-open .topsearch {
		position: absolute;
		left: 15px;
		right: 15px;
		align-items: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	.navbar-container.search-open .topsearch>i {
		display: block;
		margin-right: 15px;
		font-size: 20px
	}
}

@media only screen and (max-width:767px) {
	.navbar-container.search-open .input-group {
		width: 100%
		transition:width 2s;
	}
}

@media only screen and (max-width:767px) {

	.navbar-container.search-open .btn-menu-toggle,
	.navbar-container.search-open .navbar-brand {
		visibility: hidden !important
	}
}

.avatar {	
	padding-top: 12px;	
	position: relative
}

.avatar .status {
	position: absolute;
	top: 12px;
	left: 0;
	background-color: #28b47e;
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 50%
}
.navbar-container .avatar img{
    width: 40px;
    border-radius: 50%;
}


.selectuser {
	padding-left: 0;
	padding-top: 18px
}

.selectuser .btn-default {
	background-color: transparent;
	border: none
}

.selectuser .btn .caret {
	margin-left: 5px
}

.loginsignup {
	text-align: right;
	margin-top: 25px
}

.loginsignup a {
	color: #637076
}

.loginsignup a:hover {
	text-decoration: underline
}

.navbar-brand {
	padding: 12px 15px 0px 0px;
}

.navbar-brand .logo{
    width: 100%;
}

.navbar-brand .logoon{
    display: none;
}

.dark .navbar-brand .logoon{
   display:block !important
}
.dark .navbar-brand .logo{
    display: none;
}

@media only screen and (max-width:767px) {
	.navbar-brand {
		width: 100%;
		align-items: center;
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
	.navbar-brand .logo{
	    max-width: 120px
	}
	.navbar-brand {
	padding: 25px 15px 0px 0px;
}
}

@media only screen and (min-width:768px) {
	.navbar-brand span {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.navbar-brand span {
		margin-left: 10px;
		margin-top: 4px;
		font-size: 20px;
		color: #ea2c5a;
		font-weight: bold
	}
}

.navbar-container {
	position: relative;
	height: 70px;
}

.navbar-container.single {
	padding: 0
}

@media only screen and (max-width:767px) {
	.navbar-container [class^='col-'] {
		position: static
	}
}

.navbar-container .input-group input.form-control {
	width: 455px
}

.navbar-container .container {
	position: relative
}

.navbar-container .container .upload-button {
	z-index: 10;
	position: absolute;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: solid 1px #2cce8f;
	top: 40px;
	right: -100px;
	background-color: #2cce8f;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 2px 2px 10px 0 rgba(44, 206, 143, 0.56);
	-moz-box-shadow: 2px 2px 10px 0 rgba(44, 206, 143, 0.56);
	box-shadow: 2px 2px 10px 0 rgba(44, 206, 143, 0.56)
}

.navbar-container .container .upload-button:hover {
	background-color: #fff;
	color: #2cce8f
}

.navbar-container .container .upload-button a {
	color: #fff
}

.navbar-container .container .upload-button a:hover {
	color: #2cce8f
}

.navbar-container .container .upload-button i {
	padding-top: 15px;
	font-size: 20px
}

@media only screen and (min-width:1024px) and (max-width:1440px) {
	.navbar-container .container .upload-button {
		right: -50px
	}
}

.navbar-container2 {
	height: 50px;
	color: #637076;
    background: #f6f8f9;
}

@media only screen and (max-width:767px) {
	.navbar-container2 {
		padding-bottom: 14px !important
	}
}

.navbar-container2 a i {
	color: #637076
}

.navbar-container2 a i:hover {
	color: #ea2c5a
}

.navbar-container2 .goto {
	padding-top: 14px;
	color: #7e7e7e
}

.navbar-container2 .h-icons {
	padding-top: 14px
}

@media only screen and (max-width:767px) {
	.navbar-container2 .h-icons {
		justify-content: space-between;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.navbar-container2 .h-icons i {
	font-size: 16px
}

.navbar-container2 .h-icons a:not(:last-child) i {
	margin-right: 18px
}

.navbar-container2 .h-resume {
	position: relative;
    padding-left: 40px;
    padding-top: 15px;
    font-size: 13px;
}

.navbar-container2 .h-resume .play-icon {
	position: absolute;
    font-size: 16px;
    left: 8px;
    top: 12px;
}

.navbar-container2 .h-grid {
	padding-top: 14px;
	font-size: 20px
}

.navbar-container2 .h-grid .cvicon-cv-grid-view {
	padding-right: 5px
}

.pages ul.dropdown-menu li:nth-child(even) {
	background-color: #fff
}

.pages a:focus {
	color: #ea2c5a;
	text-decoration: none
}

@media (min-width:768px) and (max-width:1365px) {
	.navbar-container {
		height: auto;
		padding-bottom: 15px
	}

	.navbar-container .input-group input.form-control {
		width: 100%
	}

	.navbar-container .container .upload-button {
		top: 15px;
		right: 15px
	}

	.navbar-container2 {
		
		padding-bottom: 6px
	}
}

@media (min-width:100px) and (max-width:767px) {
	.navbar-container {
		height: auto;
		padding-bottom: 15px
	}

	.navbar-container .input-group input.form-control {
		width: 100%
	}

	.navbar-container .container .upload-button {
		top: 165px;
		right: 15px
	}

	.navbar-container2 {
		height: auto;
		padding-bottom: 15px
	}
	.content-wrapper .container{
	padding-left: 30px;
    padding-right: 30px;
	}
    .single-video .h-video .v-img img{
        height: 90px  !important
    }
}

.mobile-menu {
	position: fixed;
	width: 100%;
	height: 100%;
	max-width: 300px;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 100;
	overflow-y: auto;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s
}

@media only screen and (min-width:768px) {
	.mobile-menu {
		display: none !important
	}
}

.mobile-menu.open {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0)
}

.mobile-menu .btn {
	width: 100%;
	height: 50px;
	padding: 12px 15px;
	border-radius: 30px;
	align-items: baseline;
	justify-content: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.mobile-menu-head {
	min-height: 90px;
	padding: 8px 20px;
	background-color: #fff;
	border-bottom: solid 1px #eceff0;
	align-items: center;
	justify-content: space-between;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.mobile-menu-close {
	width: 18px;
	height: 18px;
	margin: 10px 10px 10px 0;
	border-left: solid 2px #637076;
	border-bottom: solid 2px #637076;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.mobile-menu-btn-color {
	width: 22px;
	height: 22px;
	cursor: pointer
}

.mobile-menu-btn-color img {
	width: 100%
}

.mobile-menu-content {
	padding: 20px 20px
}

.mobile-menu-user {
	padding-bottom: 20px;
	border-bottom: solid 1px #eceff0;
	align-items: baseline;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.mobile-menu-user-img {
	position: relative;	
}

.mobile-menu-user-img img{
	width: 40px;
    border-radius: 50%;
}


.mobile-menu-user p {
	margin-left: 20px;
	color: #637076
}

.mobile-menu-user .caret {
	margin-left: auto
}

.mobile-menu-upload {
	margin-top: 20px;
	background-color: #2cce8f
}

.mobile-menu-upload i {
	margin-right: 12px;
	font-size: 20px
}

.mobile-menu-upload i::before {
	color: #fff
}

.mobile-menu-upload span {
	color: #fff
}

.mobile-menu-list {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: solid 1px #eceff0
}

.mobile-menu-list>ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.mobile-menu-list>ul>li {
	margin-top: 22px;
	margin-bottom: 22px
}

.mobile-menu-list>ul>li>a {
	text-decoration: none;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.mobile-menu-list>ul>li>a i:first-child {
	margin-right: 10px;
	font-size: 22px
}

.mobile-menu-list>ul>li>a>p {
	margin: 0;
	margin-top: 4px;
	color: #7e7e7e
}

.mobile-menu-list>ul>li>a>.caret {
	margin-top: 4px;
	margin-left: auto
}

.mobile-menu-categories {
	display: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin-top: 22px;
	border-top: solid 1px #eceff0;
	border-bottom: solid 1px #eceff0
}

.mobile-menu-categories li {
	display: block
}

.mobile-menu-categories li a {
	display: block;
	padding: 10px 0 10px 15px;
	text-decoration: none;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.mobile-menu-categories li a .caret {
	margin-left: auto
}

.mobile-menu-categories>li:not(:last-child) a {
	border-bottom: solid 1px #eceff0
}

.mobile-menu-categories>li li a {
	border-bottom: solid 1px #eceff0
}

.mobile-menu-categories ul {
	display: none;
	list-style: none;
	padding: 0;
	z-index: 1
}

.mobile-menu-categories ul li a {
	display: block;
	padding: 10px 30px
}

.mobile-menu-logout {
	margin-top: 20px;
	background-color: #eceff0
}

.content-wrapper {
	background-color: #fbfdfe
}

.content-block .cb-header {
	padding: 12px 0;
	color: #7e7e7e
}

@media only screen and (max-width:767px) {
	.content-block .cb-header {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

.content-block .cb-header .list-inline {
	margin: 0;
	margin-left: -5px;
	line-height: 34px;
	font-size: 14px;
}
.content-block .cb-header .list-inline i{
    font-size: 15px;
}

.content-block .cb-content {
	margin-bottom: 30px
}

@media only screen and (max-width:767px) {
	.content-block .cb-content {
		margin-bottom: 12px
	}
	.subscr{
	    display: none;
	}
}

.content-block.head-div {
	border-top: solid 1px #eceff0
}

.no_border{
    border-top: solid 0px !important;
}

.content-block.head-div.head-arrow {
	position: relative
}

.content-block.head-div.head-arrow .head-arrow-icon {
	position: absolute;
	width: 80px;
	background-color: #fff;
	top: 0;
	left: 50%;
	align-items: center;
	justify-content: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.content-block.head-div.head-arrow .head-arrow-icon i {
	font-size: 20px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.content-block.head-div.head-arrow.content-block.head-div.head-arrow-top .head-arrow-icon i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg)
}

.content-block.head-div.head-arrow .cb-header {
	padding-top: 24px
}

@media only screen and (max-width:767px) {
	.avatars [class^='col-']:not(: nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
		display: none
	}
}

.avatars a {
	display: block;
	position: relative;
	max-width: 70px;
	min-width: 50px;
	width: 100%;
	border-radius: 50%;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.avatars a {
		margin: 0 auto
	}
}

.avatars a img {
	width: 100%;
	height: auto
}

.avatars a .note {
	display: none;
	position: absolute;
	padding-top: 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ea2c5a;
	opacity: .9;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	align-items: center;
	justify-content: center
}

.avatars a:hover .note {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.b-video .v-img {
	border-radius: 2px;
	position: relative
}

.videolist .videoitem img {
    width: 100%;
	object-fit: cover;
    height: 165px;
    border-radius: 4px;
}

.b-video .v-img .time {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #373933;
	border-bottom-right-radius: 4px;
	color: #fff;
	font-size: 12px;
	padding: 6px;
	line-height: 14px;
	font-weight: 500
}

.b-video .v-img .watched {
	position: absolute;
    top: 5px;
    left: 5px;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    border-radius: 2px;
    background-color: #42b8f1b8;
}

.b-video .v-img .watched-mask {
	background-color: #ababab;
	opacity: .6;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.b-video .v-img .plus {
	
	border-radius: 3px;
	background-color: #fff;
	opacity: .9;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	text-align: center
}

.b-video .v-img .plus i {
	padding: 4px;
	display: inline-block
}

.b-video .v-img .plus-details {
	position: absolute;
	top: 5px;
	right: 34px;
	border-radius: 3px;
	background-color: #fff;
	opacity: .9;
	text-align: left
}

.b-video .v-img .plus-details ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.b-video .v-img .plus-details ul li {
	padding: 14px 16px;
	border-bottom: solid 1px #eceff0
}

.b-video .v-img .plus-details ul li:last-child {
	border: none
}

.b-video .v-img .plus-details ul li i {
	padding-right: 10px
}

.b-video .v-desc {
	color: #343434;
    font-weight: 500;
    padding-top: 15px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.b-video .v-views {
	font-size: 12px;
	color: #7e7e7e;
	padding-top: 5px
}

.b-video .v-views .cn_a{
  
}

.b-video .v-views .cn_v{
   
}

@media only screen and (min-width:768px) {
	.b-video .v-views {
		padding-bottom: 30px
	}
}

.b-video .v-views .v-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.b-video .v-views .v-percent .v-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

.b-video.last-row .v-views {
	padding-bottom: 0
}

.video-mobile-02>.row {
	flex-wrap: wrap;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

@media only screen and (min-width:768px) {
	.video-mobile-02 .h-video [class^='col-']:last-child {
		margin-top: 10px
	}
}

@media only screen and (max-width:767px) {
	.video-mobile-02 .h-video [class^='col-']:last-child {
		padding-left: 0
	}
}

@media only screen and (max-width:767px) {
	.chanels-row [class^='col-']:not(: nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
		display: none
	}
}

.index-guide{
  margin-top: 30px;
}

.index-guide img{
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 1300px){
.index-guide img{
    margin-bottom: 0px;
}
}

.b-chanel {
	position: relative
}

.b-chanel .hover {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 2px;
	background-color: #30333b;
	opacity: .9;
	color: #fff;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.b-chanel a:hover .hover {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.b-playlist .v-img {
	border-radius: 2px;
	position: relative
}

.b-playlist .v-img img {
	border: solid 2px #fbfdfe;
	width: 100%
}

.b-playlist .v-img a {
	display: inline-block;
	position: relative;
	z-index: 3;
	width: 100%
}

.b-playlist .v-img .items {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background-color: #373933;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	padding: 6px 9px 1px 9px;
	line-height: 14px;
	font-weight: 500;
	z-index: 5
}

.b-playlist .v-img .l-1 {
	z-index: 1;
	position: absolute;
	width: 92%;
	left: 4%
}

.b-playlist .v-img .l-2 {
	z-index: 2;
	position: absolute;
	margin-top: 11px;
	width: 96%;
	left: 2%
}

.b-playlist .v-img .l-3 {
	z-index: 3;
	margin-top: 22px
}

.b-playlist .v-desc {
	color: #343434;
	font-weight: 500;
	padding-top: 25px
}

@media only screen and (max-width:767px) {
	.b-playlist .v-desc {
		padding-top: 14px
	}
}

.b-playlist .v-views {
	font-size: 15px;
	color: #7e7e7e;
	padding-bottom: 0;
	padding-top: 5px
}

.b-playlist .v-views .v-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.b-playlist .v-views .v-percent .v-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

/*评论翻页*/

.page-pageLink{
    margin: 20px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.page-pageLink .next{
    background: #3796f6;
    border-color: #3796f6;
    color: #fff;
}
.page-pageLink a{
    box-shadow: 0 2px 26px 0 rgba(133,153,171,0.1);
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    padding: 8px 15px;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 5px;
}

ol.page-navigator li{    color: #5f5f5f;
    list-style: none;
    display: inline;
    padding: 0 5px;
    flex-grow: 1;
    box-sizing: border-box;}
ol.page-navigator{margin:20px 0;padding:0;list-style:none;text-align:center}
ol.page-navigator li a{box-shadow: 0 2px 26px 0 rgba(133,153,171,0.1);
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    padding: 8px 15px;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    box-sizing: border-box;}
ol.page-navigator .current a{
    background: #3796f6;
    border-color: #3796f6;
    color: #fff;
	}

@media (min-width:768px) and (max-width:1365px) {
	.avatars .col-sm-2 {
		padding-bottom: 30px
	}
    .single-video .h-video .v-img img{
            height: 250px !important;
    }
    .single-video .adblock .img{
        height: 400px !important;
        object-fit: cover;
    }
	.videolist .videoitem {
		min-height: 360px
	}

	.videolist .videoitem img {
		width: 100%;
		height: 280px;
	}

	.b-playlist {
		margin-bottom: 15px
	}

	.b-chanel {
		margin-bottom: 15px
	}

	.b-chanel img {
		width: 100%
	}

	.v-pagination .pages {
		width: 62px;
		height: 62px
	}
}

@media (min-width:100px) and (max-width:767px) {
	.avatars .col-sm-2 {
		padding-bottom: 10px
	}

	.videolist .videoitem {
		min-height: 100px;
		width: 50%;
        float: left;
	}

	.videolist .videoitem img {
		width: 100%
	}

	.videolist .videoitem .b-video .v-desc {
		padding-top: 14px
	}

	.b-playlist {
		margin-bottom: 15px
	}

	.b-chanel {
		margin-bottom: 15px
	}

	.b-chanel img {
		width: 100%
	}

	.v-pagination .pages {
		width: 62px;
		height: 62px;
		margin-bottom: 10px
	}

	.padding-def {
		padding: 15px 0
	}

	.footer-logo {
		padding-bottom: 15px;
		text-align: center
	}

	footer .navbar-brand {
		float: none
	}

	footer .navbar-brand img {
		display: inline-block
	}

	footer .f-links {
		text-align: center
	}

	footer .f-copy {
		text-align: center
	}
}

@media (min-width:100px) and (max-width:767px) and only screen and (min-width:768px) {
	.videolist .videoitem .v-views {
		padding-bottom: 30px
	}
}

@media (min-width:100px) and (max-width:767px) and only screen and (min-width:768px) {
	.videolist .videoitem .last-row .v-views {
		padding-bottom: 30px
	}
}

@media only screen and (min-width:768px) {
	.single-v-footer>*:not(.single-v-footer-switch) {
		display: block !important
	}
}

@media only screen and (max-width:767px) {

}

.single-v-footer-switch {
	margin-bottom: 30px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

@media only screen and (min-width:768px) {
	.single-v-footer-switch {
		display: none
	}
}

.single-v-footer-switch>a {
	width: 100%;
	padding: 4px 0 16px;
	border-bottom: solid 2px #eceff0;
	cursor: pointer;
	text-decoration: none;
	align-items: baseline;
	justify-content: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.single-v-footer-switch>a i {
	margin-right: 4px;
	font-size: 20px
}

.single-v-footer-switch>a i::before {
	color: #637076
}

.single-v-footer-switch>a span {
	color: #7e7e7e
}

.single-v-footer-switch>a.active {
	border-bottom-color: #ea2c5a
}

.single-v-footer-switch>a.active span,
.single-v-footer-switch>a.active i::before {
	color: #ea2c5a
}

.v-search {
	color: #7e7e7e;
	margin-bottom: 15px;
}

.v-search a {
	color: #7e7e7e
}

.v-search a:hover {
	color: #ea2c5a
}

.v-search a.active {
	color: #ea2c5a
}

.v-search .s-title {
	margin-top: 25px;
	margin-bottom: 15px
}

.solist{margin: 0px;}

.solist a{
    display: inline-block;
    padding: 5px 10px;
    border-radius:4px;
    font-size: 13px;
    margin: 5px;
}

.sol_live{
    background-color: #42b8f1;
    color: #FFFFFF !important;
    box-shadow: 0 5px 10px rgba(66, 184, 241, 0.27);
}

.solist a:active,.solist a:hover {
    background-color: #42b8f1;
    color: #FFFFFF;
    box-shadow: 0 5px 10px rgba(66, 184, 241, 0.27);
}

@media (max-width:767px){
    .solist .button{ width:100%; height: auto !important;     margin: 10px 0 !important;}
}



.solist .button{
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1.5px solid transparent;
    position: relative;
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 30px;
    float: left;
    border-radius: 6px;
    margin: 0;
    height: 50px;
    transition: all 0.08s ease 0s;
}

@media only screen and (max-width:767px) {
	.v-search .s-title [class^='col-']:last-child {
		text-align: right
	}
}

.v-search .s-title i {
	font-size: 12px
}

.v-search .s-s-title {
	color: #2e2e2e;
	font-weight: 500
}

.v-search .s-s-title i {
	font-size: 19px
}

@media only screen and (max-width:767px) {
	.v-search .s-s-title.title-transform {
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	.v-search .s-s-title.title-transform i {
		display: none
	}
}

.v-search ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 30px;
	margin-top: 5px
}

.v-search .features {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px
}

@media only screen and (max-width:767px) {
	.v-search .features {
		margin-left: 0;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	.v-search .features a {
		width: 100%
	}
}

.v-search .features a .feature {
	width: 42px;
	border-radius: 3px;
	border: solid 1px #7e7e7e;
	margin-right: 15px;
	float: left;
	text-align: center;
	padding: 4px 7px 0 7px
}

@media only screen and (max-width:767px) {
	.v-search .features a .feature {
		width: 100%;
		height: 52px;
		padding: 15px 15px 12px !important;
		margin: 0;
		border-radius: 0;
		border-color: #e3e3e3;
		font-weight: bold;
		align-items: center;
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.v-search .features a .feature:hover {
	border: solid 1px #ea2c5a;
	color: #ea2c5a
}

.v-search .features a .feature.active {
	border: solid 1px #ea2c5a;
	color: #ea2c5a
}

@media only screen and (max-width:767px) {
	.v-search .features a:first-of-type .feature {
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px
	}
}

@media only screen and (max-width:767px) {
	.v-search .features a:last-of-type .feature {
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px
	}
}

.v-search .clearsearch {
	margin-bottom: 25px
}

.v-search .clearsearch i {
	margin-right: 6px;
	font-size: 18px
}

.v-search .clearsearch i.cvicon-cv-next {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform {
		position: relative
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform .s-s-title {
		padding: 15px 15px;
		border-radius: 30px;
		background-color: #eceff0;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.v-search .search-group-transform .s-s-title .caret {
	display: none
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform .s-s-title .caret {
		display: inline;
		margin-left: 8px
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform .s-s-title i {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform ul {
		position: absolute;
		display: none;
		width: 100%;
		max-width: 200px;
		min-width: 120px;
		margin: 0;
		top: 100%;
		left: 50%;
		background-color: #fff;
		border: solid 1px #eceff0;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0)
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform ul li:not(:first-child) {
		border-top: solid 1px #eceff0
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform ul li a {
		display: block;
		padding: 15px 15px
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform ul li a:hover {
		background-color: #f5f5f5
	}
}

@media only screen and (max-width:767px) {
	.v-search .search-group-transform.open ul {
		display: block
	}
}

.v-search .duration-range {
	margin-bottom: 10px
}

.v-search .duration-range .irs-line {
	height: 7px;
	background-color: #eceff0
}

.v-search .duration-range .irs-line span {
	background-image: none
}

.v-search .duration-range .irs-bar {
	height: 7px;
	background-color: #ea2c5a
}

.v-search .duration-range .irs-slider {
	width: 22px;
	height: 22px;
	top: 18px;
	background-color: #fff;
	border-radius: 50%;
	background-image: none;
	border: solid 4px #ea2c5a
}

.v-search .duration-range .irs-grid-pol {
	display: none
}

.v-search .duration-range .irs-grid-text {
	font-size: 14px
}

@media only screen and (max-width:1365px) {
	.search-group {
		padding-bottom: 15px
	}
}

.upload-page {
	text-align: center;
	color: #7e7e7e
}

.upload-page .u-area {
	padding-top: 150px;
	padding-bottom: 150px
}

.upload-page .u-area i {
	font-size: 144px;
	color: #637076
}

.upload-page .u-area .u-text1 {
	display: block;
	margin-top: 60px;
	margin-bottom: 0;
	font-size: 20px;
	color: #2e2e2e
}

.upload-page .u-area .u-btn {
	margin-top: 60px;
	background-color: #ea2c5a;
	color: #fff;
	padding: 15px 65px;
	border: solid 1px #ea2c5a;
	height: 48px;
	border-radius: 24px;
	font-weight: 500
}

.upload-page .u-area .u-btn:hover {
	color: #ea2c5a;
	background-color: #fff
}

.upload-page .u-terms {
	padding: 45px 0
}

.upload-page .u-terms a {
	color: #ea2c5a
}

.upload-page .u-terms a:hover {
	text-decoration: underline
}

.upload-page .u-terms p {
	margin-bottom: 7px
}

.edit-page {
	text-align: left
}

.edit-page .u-details-wrap {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	.edit-page .u-details-wrap {
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

.edit-page .u-details .ud-caption {
	font-family: 'Hind', sans-serif;
	font-weight: 500;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #2e2e2e
}

@media only screen and (max-width:767px) {
	.edit-page .u-details .ud-caption {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.edit-page .u-details .imgplace {
	background-color: #8781bd;
	border-radius: 3px;
	width: 100%;
	height: 113px
}

@media only screen and (max-width:767px) {
	.edit-page .u-details .imgplace {
		height: 200px;
		margin-bottom: 15px
	}
}

.edit-page .u-details .u-title {
	color: #2e2e2e;
	font-family: 'Hind', sans-serif;
	font-weight: 500;
	padding-bottom: 4px
}

.edit-page .u-details .u-progress {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px
}

.edit-page .u-details .u-progress .u-close {
	position: absolute;
	top: 2px;
	right: 21px
}

@media only screen and (max-width:767px) {
	.edit-page .u-details .u-progress .u-close {
		right: 0;
		top: -36px
	}
}

.edit-page .u-details .u-progress .u-close i {
	font-size: 20px
}

.edit-page .u-details .u-progress .progress {
	width: 90%;
	margin-bottom: 0;
	height: 8px;
	background-color: #eceff0;
	-webkit-box-shadow: none;
	box-shadow: none
}

@media only screen and (max-width:767px) {
	.edit-page .u-details .u-progress .progress {
		width: 100%
	}
}

.edit-page .u-details .u-progress .progress .progress-bar {
	background-color: #28b47e;
	font-size: 8px;
	line-height: 8px;
	border-radius: 4px
}

.edit-page .u-form label {
	color: #2e2e2e;
	font-weight: normal
}

@media only screen and (max-width:767px) {
	.edit-page .u-form .form-group {
		margin-bottom: 20px
	}
}

.edit-page .u-form .form-control {
	padding: 6px 12px
}

.edit-page .u-form .u-category {
	color: #2e2e2e !important;
	padding-bottom: 6px
}

.edit-page .u-form input[type=checkbox] {
	height: 19px;
	width: 19px;
	margin: 0;
	margin-left: -35px
}

.edit-page .u-form .checkbox {
	margin-bottom: 17px
}

.edit-page .u-form .checkbox label {
	padding-left: 35px;
	color: #7e7e7e
}

.edit-page .u-area {
	text-align: center;
	padding-top: 65px;
	padding-bottom: 20px
}

.edit-page .u-area .u-btn {
	margin-top: 0
}

.edit-page .u-terms {
	text-align: center
}

@media only screen and (max-width:767px) {
	.upload-page .u-area {
		padding-top: 90px;
		padding-bottom: 50px
	}

	.upload-page .u-area.mt-small {
		padding-top: 20px
	}

	.upload-page .u-area i {
		font-size: 80px
	}

	.upload-page .u-area .u-text1 {
		margin-top: 50px
	}

	.upload-page .u-area .u-btn {
		width: 100%;
		max-width: 280px;
		margin-top: 40px
	}

	.upload-page .u-terms {
		padding: 30px 0 20px;
		margin: 0 auto;
		max-width: 340px
	}
}

.bg-image {
	text-align: center
}

.bg-image img {
	width: 100%
}

.login-wraper {
	position: relative
}

.login-wraper .login-window {
	position: absolute;
	width: 570px;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	margin-top: -288px
}

.login-wraper .login-window .l-head {
	background-color: #fff;
	padding: 40px;
	border-bottom: solid 1px #eceff0;
	font-weight: 500;
	font-size: 22px;
	color: #343434;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

@media only screen and (max-width:767px) {
	.login-wraper .login-window .l-head {
		background-color: #fbfdfe
	}
}

.login-wraper .login-window .l-form {
	text-align: left;
	background-color: #fbfdfe;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 25px 70px 70px
}

.login-wraper .login-window .l-form label {
	font-weight: 500
}

@media only screen and (max-width:767px) {
	.login-wraper .login-window .l-form .btn {
		border-radius: 30px;
		padding-top: 16px;
		padding-bottom: 12px
	}
}

.login-wraper .checkbox {
	font-weight: normal
}

@media only screen and (max-width:767px) {
	.login-wraper .checkbox {
		margin-bottom: 30px
	}
}

.login-wraper .checkbox p {
	margin-bottom: 4px
}

.login-wraper .checkbox .text2 {
	display: block;
	font-size: 14px;
	color: #7e7e7e
}

.login-wraper .ortext {
	padding-top: 25px;
	color: #7e7e7e
}

.login-wraper .signuptext {
	padding-top: 25px;
	text-align: center;
	color: #343434;
	font-weight: 500
}

.login-wraper .signuptext.text-right {
	text-align: right
}

.login-wraper .forgottext {
	margin-top: 25px
}

.login-wraper .forgottext a {
	color: #7e7e7e
}

.login-wraper .forgottext a:hover {
	text-decoration: underline
}

.banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -580px;
	width: 550px
}

.banner-text .line {
	height: 1px;
	border-top: solid 1px #ea2c5a;
	padding-bottom: 50px;
	width: 280px
}

.banner-text .b-text {
	color: #fff;
	font-size: 80px;
	text-align: left;
	line-height: 80px
}

.banner-text .b-text .color-b1 {
	color: #b7135d
}

.banner-text .b-text .color-b2 {
	color: #be154e
}

.banner-text .b-text .color-b3 {
	color: #d71d52
}

.banner-text .overtext {
	margin-top: 30px;
	color: #a1a1a1;
	text-align: left
}

@media (min-width:100px) and (max-width:1365px) {
	.banner-text {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		width: auto
	}

	.banner-text .line {
		display: none
	}

	.banner-text .b-text {
		color: #000;
		font-size: 30px;
		text-align: center;
		line-height: 30px;
		padding-top: 30px
	}

	.banner-text .overtext {
		margin: 15px 0;
		color: #a1a1a1;
		text-align: center
	}

	.login-wraper .login-window {
		position: relative;
		width: auto;
		top: 0;
		left: 0;
		margin-left: 0;
		margin-top: 0
	}

	.login-wraper .login-window .l-head {
		padding: 20px 10px
	}

	.login-wraper .login-window .l-form {
		padding: 25px 20px
	}
}

.v-categories .content-block .cb-header {
	padding: 15px 0;
	margin-bottom: 30px;
	color: #7e7e7e;
	border-bottom: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	.v-categories .content-block .cb-header {
		padding: 10px 0;
		margin: 0;
		border: none
	}
}

.v-categories .content-block .cb-header .list-inline {
	margin: 0;
	margin-left: -5px;
	line-height: 34px
}

.v-categories .content-block .cb-content {
	margin-bottom: 40px
}

.v-categories .content-block .b-category {
	border-radius: 2px;
	margin-bottom: 38px;
	overflow: hidden
}

.v-categories .content-block .b-category.last-row {
	margin-bottom: 0
}

.v-categories .content-block .b-category .name {
	font-weight: 500;
	margin-top: 25px;
	display: block
}

.v-categories .content-block .b-category .desc {
	color: #7e7e7e;
	display: block;
	font-size: 15px;
	margin-top: 5px
}

@media (min-width:100px) and (max-width:767px) {
	.b-category img {
		width: 100%
	}
}

@media (min-width:768px) and (max-width:1365px) {
	.b-category.last-row {
		margin-bottom: 45px !important
	}

	.b-category img {
		width: 100%
	}
}

.v-history .h-clear {
	text-align: right;
	padding-top: 8px
}

.v-history .h-clear i {
	font-size: 12px
}

.v-history .h-clear-list {
	text-align: right;
	padding-top: 45px
}

@media only screen and (max-width:767px) {
	.v-history .h-clear-list {
		position: absolute;
		padding: 0;
		top: 50%;
		left: 15px;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%)
	}
}

.v-history .h-clear-list a {
	color: #7e7e7e
}

.v-history .h-clear-list a i {
	font-size: 20px
}

.v-history .h-clear-list a:hover {
	color: #ea2c5a
}

.v-history .content-block .cb-header {
	padding: 15px 0;
	color: #7e7e7e;
	border-bottom: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	.v-history .content-block .cb-header {
		padding: 10px;
		margin: 0;
		border: none
	}
}

.v-history .content-block .cb-header a {
	color: #7e7e7e
}

.v-history .content-block .cb-header a:hover {
	color: #ea2c5a
}

.v-history .content-block .cb-header a.active {
	color: #ea2c5a
}

.v-history .content-block .cb-header .list-inline {
	margin: 0;
	margin-left: -5px;
	line-height: 34px
}

.v-history .h-video {
	padding-bottom: 15px
}

@media only screen and (max-width:767px) {
	.v-history .h-video {
		position: relative;
		padding-top: 15px;
		overflow: hidden
	}
	.v-history .v-desc{
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 18px;
	}
}

@media only screen and (max-width:767px) {
	.v-history .h-video [class^='col-'] {
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s
	}
}

.v-history .h-video [class^='col-']:not(.h-clear-list) {
	z-index: 2
}


@media only screen and (max-width:767px) {
	.v-history .h-video [class^='col-']:nth-of-type(2) {
		padding-left: 0
	}
}



.v-history .h-video .v-img {
	border-radius: 2px;
	position: relative
}

.v-history .h-video .v-img img {
	width: 100%;
	border-radius: 4px;
}

.v-history .h-video .v-img .time {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #373933;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	color: #fff;
	font-size: 14px;
	padding: 6px 9px 1px 9px;
	line-height: 14px;
	font-weight: 500
}

.v-history .h-video .v-desc {
	color: #343434;
	font-weight: 500
}

.v-history .h-video .v-views {
	font-size: 13px;
	color: #7e7e7e;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 22px;
}

.v-history .h-video .v-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.v-history .h-video .v-percent .v-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

.v-history .h-video.last-row {
	padding-bottom: 0
}

.v-history .loadmore {
	margin: 45px 0;
	text-align: center
}

.v-history .loadmore .h-btn {
	background-color: #eceff0;
	color: #2e2e2e;
	padding: 15px 65px;
	border: solid 1px #eceff0;
	height: 48px;
	border-radius: 24px;
	font-weight: normal
}

.v-history .loadmore .h-btn:hover {
	color: #ea2c5a;
	background-color: #fff;
	border: solid 1px #ea2c5a
}

.v-history .cb-content .row:not(:last-child) {
	border-bottom: solid 1px #eceff0
}

@media only screen and (min-width:768px) {
	.v-history .cb-content .row {
		padding-top: 15px
	}
}

@media (min-width:100px) and (max-width:767px) {
	.h-video .v-desc {
		
	}
}

.channel .cb-header .btn {
	padding-left: 0;
	padding-right: 0
}

.channel .h-grid {
	margin-top: 6px
}

.channel .h-grid i {
	padding-left: 25px
}

.channel .img {
	position: relative
}

@media only screen and (max-width:767px) {
	.channel .img-image {
		overflow: hidden
	}
}

.channel .img-image>img {
	width: auto !important;
	min-width: 100%
}

@media only screen and (max-width:767px) {
	.channel .img-image>img {
		height: 140px
	}
}

.channel .img .add {
	position: absolute;
	width: 50px;
	height: 42px;
	right: 20px;
	top: calc(100% - 21px);
	margin-left: auto;
	border-radius: 30px;
	background-color: #ea2c5a;
	align-items: center;
	justify-content: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

@media only screen and (min-width:768px) {
	.channel .img .add {
		display: none
	}
}

.channel .img .add i {
	color: #fff;
	font-size: 22px
}

.channel .img .add:hover i {
	color: #fff !important
}

.channel .img .c-avatar {
	position: absolute;
	bottom: -80px;
	left: 50%;
	margin-left: -585px
}

@media only screen and (max-width:767px) {
	.channel .img .c-avatar {
		position: absolute;
		left: 20px;
		bottom: 20px;
		margin: 0;
		width: 60px
	}
}

.channel .img .c-avatar img {
	width: 100%
}

.channel .img .c-social {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 380px;
	background-color: rgba(54, 54, 54, 0.7);
	color: #fff;
	padding: 15px
}

.channel .img .c-social a {
	display: inline-block;
	padding-top: 8px;
	padding-left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	margin-left: 11px
}

.channel .img .c-social .fb {
	background-color: #3b5998
}

.channel .img .c-social .tw {
	background-color: #55acee;
	padding-top: 7px;
	padding-left: 8px
}

.channel .img .c-social .gp {
	background-color: #dd4b39;
	padding-top: 7px;
	padding-left: 5px
}

.channel .img .c-banner {
	width: 100%
}

.channel .c-details {
	height: 75px;
	border-bottom: solid 1px #eceff0;
	padding-top: 23px
}

.channel .c-details .c-name {
	width: 21%;
	float: left;
	position: relative;
	padding-top: 5px;
	font-weight: 500;
	font-size: 17px
}

.channel .c-details .c-name .c-checkbox {
	position: absolute;
	top: 0;
	left: 100px
}

.channel .c-details .c-name .c-checkbox input {
	height: 20px;
	width: 20px;
	margin-left: 16px;
	margin-top: 5px;
	background-color: #f00
}

.channel .c-details .c-name .c-checkbox img {
	margin-left: 16px;
	margin-top: 5px
}

.channel .c-details .c-nav {
	width: 59%;
	float: left;
	font-weight: 500;
	padding-top: 4px;
	font-family: 'Hind', sans-serif
}

@media only screen and (max-width:767px) {
	.channel .c-details .c-nav {
		padding-top: 20px;
		justify-content: space-between;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (min-width:768px) {
	.channel .c-details .c-nav .btn-default {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.channel .c-details .c-nav .btn-default {
		color: #2e2e2e;
		border: none;
		margin-bottom: 6px;
		background-color: #eceff0;
		border-radius: 30px;
		padding: 10px 22px
	}
}

.channel .c-details .c-nav .list-inline li {
	margin: 0;
	padding: 0;
	margin-right: 23px
}

.channel .c-details .c-nav .list-inline li a {
	position: relative
}

.channel .c-details .c-nav .list-inline li a:before {
	content: "";
	position: absolute;
	bottom: -25px;
	display: inline-block;
	background-color: #ea2c5a;
	height: 3px;
	width: 100%;
	left: 0;
	opacity: 0;
	-moz-transition: all .12s linear;
	-o-transition: all .12s linear;
	-webkit-transition: all .12s linear
}

.channel .c-details .c-nav .list-inline li a:hover:before {
	opacity: 1
}

.channel .c-details .c-sub {
	float: left
}

.channel .c-details .c-sub .c-f {
	float: left;	
	padding: 5px;
	border: solid 1px #ea2c5a;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #ea2c5a;
	font-size: 14px;
	color: #fff
}

.channel .c-details .c-sub .c-s {
	float: left;
	width: 92px;
	padding: 5px;
	border: solid 1px #eceff0;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 14px;
	color: #7e7e7e
}

@media only screen and (max-width:767px) {
	.channel .c-details {
		height: auto;
		padding-bottom: 0;
		padding-top: 15px
	}

	.channel .c-details .c-name {
		float: none;
		width: 100%
	}

	.channel .c-details .c-nav {
		float: none;
		width: 100%
	}

	.channel .c-details .c-nav .list-inline {
		margin-left: 0;
		padding: 10px 0
	}
}

@media (min-width:768px) and (max-width:1365px) {
	.channel-details {
		margin-top: 40px
	}

	.channel .img .c-avatar {
		bottom: -50px;
		left: 20px;
		margin-left: 0
	}

	.channel .img .c-avatar img {
		width: 120px
	}

	.channel .img .c-social {
		bottom: 0;
		left: auto;
		margin-left: 0;
		right: 0
	}

	.channel .c-details {
		height: auto;
		padding-bottom: 15px
	}

	.channel .c-details .c-name {
		width: 100%
	}

	.channel .c-details .c-nav {
		width: 75%
	}

	.channel .c-details .c-nav .list-inline {
		margin-left: 0;
		padding: 10px 0
	}

	.channel .c-details .c-sub {
		width: 25%;
		padding: 10px 0
	}
}

.channels h4 {
	font-size: 16px
}

.channels .content-block .cb-header {
	padding: 15px 0;
	margin-bottom: 20px;
	color: #7e7e7e;
	border-bottom: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	.channels .content-block .cb-header {
		padding: 10px 0
	}
}

.channels .content-block .cb-header.mb-0 {
	margin-bottom: 0;
	border-bottom: 0
}

.channels .content-block .cb-header .list-inline {
	margin: 0;
	margin-top: 4px;
	margin-left: -5px;
	line-height: 34px
}

.channels .content-block .cb-header .list-inline a {
	color: #7e7e7e
}

.channels .content-block .cb-header .list-inline a.color-active {
	color: #ea2c5a
}

.channels .content-block .cb-header .list-inline a:not(.color-active):hover {
	color: #343434
}

.channels .content-block .cb-header .cb-search {
	position: relative
}

.channels .content-block .cb-header .cb-search label {
	display: block;
	margin: 0
}

.channels .content-block .cb-header .cb-search input[type="search"] {
	border-radius: 20px;
	padding-left: 40px
}

@media only screen and (max-width:767px) {
	.channels .content-block .cb-header .cb-search input[type="search"] {
		display: none
	}
}

.channels .content-block .cb-header .cb-search i {
	position: absolute;
	left: 16px;
	top: 11px
}

@media only screen and (max-width:767px) {
	.channels .content-block .cb-header .cb-search i {
		left: auto;
		right: 4px;
		font-size: 20px
	}
}

.channels .content-block .b-category {
	border-radius: 2px;
	margin-bottom: 45px
}

.channels .content-block .b-category.last-row {
	margin-bottom: 0
}

.channels .content-block .b-category .name {
	font-weight: 500;
	margin-top: 25px;
	display: block
}

.channels .content-block .b-category .desc {
	color: #7e7e7e;
	display: block;
	font-size: 15px;
	margin-top: 5px
}

.channels .content-block .channels-content {
	padding-bottom: 16px
}

.channels .content-block .channels-content>h4 {
	float: left
}

.channels .content-block .channels-content .btn-view-more {
	display: block;
	float: right;
	color: #7e7e7e;
	margin: 8px 0 11px
}

.channels .content-block .channels-content .btn-view-more:hover {
	color: #343434
}

.channels .content-block .channels-content .theme-section {
	padding-top: 10px
}

@media only screen and (max-width:767px) {
	.channels .content-block .channels-content .theme-section {
		padding: 0
	}
}

.channels .content-block .channels-content .theme-section .cns-block {
	display: block;
	margin-bottom: 30px;
	border-right: 4px;
	overflow: hidden
}

.channels .content-block .channels-content .theme-section .cns-block .cns-image {
	position: relative;
	display: block;
	max-height: 116px;
	overflow: hidden
}

.channels .content-block .channels-content .theme-section .cns-block .cns-image>img {
	width: 100%;
	height: auto
}

.channels .content-block .channels-content .theme-section .cns-block .cns-img-small {
	position: relative
}

.channels .content-block .channels-content .theme-section .cns-block .cns-img-small .cns-small-wrapp {
	position: absolute;
	width: 78px;
	height: 70px;
	margin-left: -39px;
	left: 50%;
	bottom: -35px;
	background-color: #fff;
	border-radius: 36px;
	overflow: hidden
}

.channels .content-block .channels-content .theme-section .cns-block .cns-img-small .cns-small-wrapp>img {
	position: absolute;
	width: 70px;
	height: 62px;
	top: 4px;
	left: 4px;
	border-radius: 36px
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info {
	text-align: center;
	padding: 42px 0 22px;
	margin-top: -4px;
	border: solid 1px #eceff0;
	border-top: none
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info h5 {
	position: relative;
	display: inline-block;
	margin-top: 18px;
	margin-bottom: 6px;
	color: #343434
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info h5 i {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	right: -34px;
	top: -3px;
	border-radius: 4px;
	background-color: #4d86fe
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info h5 i::after {
	display: block;
	content: "";
	position: absolute;
	width: 11px;
	height: 7px;
	left: 4.5px;
	top: 5px;
	border-bottom: solid 3px #fff;
	border-left: solid 3px #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info>span:not(.cv-percent) {
	display: block;
	color: #7e7e7e
}

.channels .content-block .channels-content .theme-section .cns-block .cns-info>span {
	margin-bottom: 2px
}

.channels .content-block .channels-content .theme-section:not(:last-child) {
	border-bottom: solid 1px #eceff0;
	margin-bottom: 16px
}

@media only screen and (max-width:414px) {
	.channels .content-block .channels-content .theme-section>.row>div {
		width: 100%
	}
}

.channels .head-arrow {
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
	.channels-search-open [class^='col-'] {
		position: static
	}
}

@media only screen and (max-width:767px) {
	.channels-search-open .channels-search {
		position: absolute !important;
		right: 15px;
		left: 15px
	}
}

@media only screen and (max-width:767px) {
	.channels-search-open .channels-search input {
		display: block !important
	}
}

@media only screen and (max-width:767px) {
	.channels-search-open .channels-search i {
		left: 16px !important;
		top: 11px !important
	}
}

.single-video .h-clear {
	text-align: right;
	padding-top: 8px
}

.single-video .h-clear i {
	font-size: 12px
}

.single-video .h-clear-list {
	text-align: right;
	padding-top: 45px
}

.single-video .h-clear-list a {
	color: #7e7e7e
}

.single-video .h-clear-list a:hover {
	color: #ea2c5a
}

.single-video .content-block .cb-header {
	padding: 15px 0;
	margin-bottom: 30px;
	color: #7e7e7e;
	border-bottom: solid 1px #eceff0
}

.single-video .content-block .cb-header a {
	color: #7e7e7e
}

.single-video .content-block .cb-header a:hover {
	color: #ea2c5a
}

.single-video .content-block .cb-header a.active {
	color: #ea2c5a
}

.single-video .content-block .cb-header .list-inline {
	margin: 0;
	margin-left: -5px;
	line-height: 34px
}

.single-video .h-video {
	margin-bottom: 30px
}

.single-video .h-video .v-img {
	border-radius: 2px;
	position: relative
}

.single-video .h-video .v-img img {
	width: 100%
}

.single-video .h-video .v-img .time {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #373933;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	color: #fff;
	font-size: 14px;
	padding: 6px 9px 1px 9px;
	line-height: 14px;
	font-weight: 500
}

.single-video .h-video .v-desc {
	color: #343434;
	font-weight: 500
}

.single-video .h-video .v-views {
	font-size: 15px;
	color: #7e7e7e;
	padding-bottom: 5px;
	padding-top: 5px
}

.single-video .h-video .v-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.single-video .h-video .v-percent .v-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

.single-video .h-video.last-row {
	padding-bottom: 0
}

.single-video .content-wrapper {
	padding-top: 30px
}

.single-video .caption {
	padding-bottom: 21px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eceff0
}

.single-video .caption .left {
	width: 50%;
	float: left
}

.single-video .caption .right {
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #7e7e7e
}

.single-video .caption .right a {
	color: #7e7e7e
}

.single-video .caption .right a:hover {
	color: #ea2c5a
}

.single-video .list .h-video:last-child {
	margin-bottom: 0
}

.single-video .adblock {
	padding: 30px 0
}

.single-video .adblock img {
	background-color: #eceff0;
	border-radius: 3px;
	height: 280px;
	color: #a1a1a1;
	text-align: center;

}

.single-video .loadmore {
	padding: 30px 0;
	margin-top: 30px;
	border-top: solid 1px #eceff0;
	text-align: center
}

.single-video .loadmore a {
	color: #7e7e7e
}

.single-video .loadmore a:hover {
	color: #ea2c5a
}

.single-video .sv-video {
	position: relative;
	    margin: 0 auto;
	        display: block;
}


.single-video .sv-video .sv-play i {
	opacity: 1
}

.single-video h1 {
	margin: 0;
	padding: 30px 0;
	font-size: 22px
}

.single-video .author {
	padding: 30px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 1px 1px #d6d7d8;
	-moz-box-shadow: 0 2px 1px 1px #d6d7d8;
	box-shadow: 0 2px 1px 1px #d6d7d8
}

.single-video .author .sv-avatar {
	width: 72px;
	float: left
}

.single-video .author .sv-name {
	width: 430px;
	padding-left: 30px;
	float: left;
	color: #7e7e7e
}

.single-video .author .sv-name a {
	font-weight: 500;
	color: #2e2e2e
}

.single-video .author .sv-name a:hover {
	color: #ea2c5a
}

.single-video .author .sv-name .c-sub {
	padding-top: 13px;
	float: left
}

.single-video .author .sv-name .c-sub .c-f {
	float: left;
	width: 86px;
	padding: 5px 10px 0 10px;
	border: solid 1px #ea2c5a;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #ea2c5a;
	color: #fff
}

.single-video .author .sv-name .c-sub .c-s {
	float: left;
	width: 92px;
	padding: 5px 10px 0 10px;
	border: solid 1px #eceff0;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #7e7e7e
}

.single-video .author .sv-views {
	float: right;
	width: 200px
}

.single-video .author .sv-views .sv-views-count {
	font-size: 20px;
	text-align: right
}

.single-video .author .sv-views .sv-views-progress {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 3px;
	width: 100%;
	background-color: #eceff0
}

.single-video .author .sv-views .sv-views-progress .sv-views-progress-bar {
	height: 3px;
	width: 80%;
	background-color: #28b47e
}

.single-video .author .sv-views .sv-views-stats .percent {
	color: #ea2c5a;
	font-size: 15px;
	padding-right: 30px
}

.single-video .author .sv-views .sv-views-stats .green {
	color: #28b47e;
	font-size: 15px;
	padding-right: 30px
}

.single-video .author .sv-views .sv-views-stats .green .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #28b47e
}

.single-video .author .sv-views .sv-views-stats .grey {
	color: #7e7e7e;
	font-size: 15px
}

.single-video .author .sv-views .sv-views-stats .grey .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #7e7e7e
}

.single-video .info {
	margin-top: 25px
}

.single-video .info h4 {
	margin: 20px 0 3px 0;
	padding: 0;
	font-weight: 500;
	font-size: 16px
}

.single-video .info p {
	color: #7e7e7e
}

.single-video .info .sv-tags {
	margin-bottom: 0
}

.single-video .info .sv-tags span {
	display: inline-block;
	padding: 5px 9px 1px 9px;
	background-color: #eceff0;
	border-radius: 3px;
	margin-right: 7px
}

.single-video .info .date-lic h4 {
	display: inline-block
}

.single-video .info .date-lic p {
	display: inline-block
}

.single-video .showless {
	position: relative;
	border-bottom: solid 1px #eceff0;
	margin: 14px 0
}

.single-video .showless a {
	display: block;
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -50px;
	height: 28px;
	border: solid 1px #7e7e7e;
	border-radius: 14px;
	padding: 3px 12px 6px 12px;
	background-color: #fbfdfe
}

.single-video .showless a:hover {
	color: #ea2c5a;
	border-color: #ea2c5a
}

.single-video .adblock2 {
	padding: 30px 0;
	text-align: center
}

.single-video .adblock2 .img {
	background-color: #eceff0;
	border-radius: 3px;
	width: 728px;
	height: 90px;
	color: #a1a1a1;
	text-align: center;
	padding-top: 26px;
	margin: 0 auto
}

.single-video .similar-videos {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eceff0
}

.single-video .similar-videos .v-views {
	padding-bottom: 0
}

.single-video .similar-videos .v-percent {
	display: block;
	margin-top: 3px
}

.single-video .reply-comment {
	font-size: 17px;
	margin-bottom: 25px
}

.single-video .reply-comment i {
	font-size: 20px
}

.single-video .reply-comment .semibold {
	font-weight: 600;
	padding-left: 5px
}

.single-video .reply-comment .rc-header {
	margin-bottom: 25px
}

.single-video .reply-comment textarea {
	width: 100%;
	height: 108px;
	background-color: #fff;
	border: solid 1px #eceff0;
	border-radius: 3px;
	padding: 25px 30px;
	color: #7e7e7e
}

.single-video .reply-comment .rc-ava {
	float: left;
	width: 70px;
	margin-right: 30px
}

.single-video .reply-comment .rc-comment {
	float: left;
	position: relative;
	width: 670px
}

.single-video .reply-comment .rc-comment button {
	position: absolute;
	bottom: 5px;
	right: 0;
	background: none;
	border: none;
	box-shadow: none;
	padding: 15px
}

.single-video .cl-comment {
	margin-bottom: 45px
}

.single-video .cl-comment .cl-avatar {
	float: left;
	width: 13%;
	padding-right: 30px
}

.single-video .cl-comment .cl-comment-text {
	float: left;
	width: 87%
}

.single-video .cl-comment-reply {
	margin-bottom: 45px;
	margin-left: 13%
}

.single-video .cl-comment-reply .cl-avatar {
	float: left;
	width: 15%;
	padding-right: 30px
}

.single-video .cl-comment-reply .cl-comment-text {
	float: left;
	width: 85%
}

.single-video .cl-name-date {
	color: #8e9ea6;
	font-size: 15px
}

.single-video .cl-name-date a {
	font-size: 16px;
	color: #ea2c5a
}

.single-video .cl-name-date a:hover {
	text-decoration: underline
}

.single-video .cl-text {
	padding: 6px 0
}

.single-video .cl-meta {
	color: #8e9ea6
}

.single-video .cl-meta a {
	color: #8e9ea6
}

.single-video .cl-meta a:hover {
	text-decoration: underline
}

.single-video .cl-meta .green {
	color: #28b47e;
	font-size: 15px;
	padding-right: 10px
}

.single-video .cl-meta .green .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #28b47e
}

.single-video .cl-meta .grey {
	color: #7e7e7e;
	font-size: 15px
}

.single-video .cl-meta .grey .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #7e7e7e
}

.single-video .cl-replies {
	color: #7e7e7e;
	padding-top: 6px
}

.single-video .cl-replies a {
	color: #7e7e7e
}

.single-video .cl-replies a:hover {
	text-decoration: underline
}

.single-video .cl-replies i {
	font-size: 10px
}

.single-video .cl-comment-text {
	position: relative
}

.single-video .cl-comment-text .cl-flag {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px
}

.single-video .loadmore-comments {
	margin-bottom: 45px;
	text-align: center
}

.single-video .loadmore-comments .h-btn {
	background-color: #eceff0;
	color: #2e2e2e;
	padding: 15px 65px;
	border: solid 1px #eceff0;
	height: 48px;
	border-radius: 24px;
	font-weight: normal
}

.single-video .loadmore-comments .h-btn:hover {
	color: #ea2c5a;
	background-color: #fff;
	border: solid 1px #ea2c5a
}

@media (min-width:100px) and (max-width:767px) {
	.sv-video img {
		width: 100%
	}

	.single-video .adblock2 .img {
		width: 100%
	}

	.single-video .adblock .img {
		width: 100%
	}

	.single-video .reply-comment .rc-comment {
		width: 100%
	}

	.single-video .author>a {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
		display: inline-block
	}

	.single-video .author .sv-avatar {
		float: none;
		display: inline-block
	}

	.single-video .author .sv-name {
		width: 100%;
		padding-left: 0;
		text-align: center;
		float: none
	}

	.single-video .author .sv-name .c-sub {
		float: none;
		text-align: center;
		padding-bottom: 15px
	}

	.single-video .author .sv-views {
		width: 100%;
		float: none
	}

	.single-video .author .sv-views .sv-views-count {
		text-align: center
	}

	.single-video .cl-comment .cl-avatar {
		width: 35%;
		padding-right: 15px
	}

	.single-video .cl-comment .cl-comment-text {
		width: 65%
	}

	.single-video .cl-comment .cl-comment-text .cl-flag {
		right: -10px
	}

	.single-video .cl-comment-reply {
		margin-left: 5%
	}

	.single-video .cl-comment-reply .cl-avatar {
		width: 35%;
		padding-right: 10px
	}

	.single-video .cl-comment-reply .cl-comment-text {
		width: 65%
	}

	.b-video {
		margin-bottom: 15px
	}

	.b-video .v-img img {
		width: 100%
	}

	.reply-comment .rc-ava {
		text-align: center;
		float: none;
		margin-bottom: 10px
	}
}

@media (min-width:768px) and (max-width:1365px) {
	.sv-video img {
		width: 100%
	}

	.similar-videos .videoitem {
		margin-bottom: 30px
	}

	.similar-videos .videoitem img {
		width: 100%
	}

	.single-video .reply-comment .rc-comment {
		width: 600px
	}

	.single-video .adblock .img {
		width: 100%
	}

	.single-video .adblock2 .img {
		width: 100%
	}
}

.single-video .h-clear {
	text-align: right;
	padding-top: 8px
}

.single-video .h-clear i {
	font-size: 12px
}

.single-video .h-clear-list {
	text-align: right;
	padding-top: 45px
}

.single-video .h-clear-list a {
	color: #7e7e7e
}

.single-video .h-clear-list a:hover {
	color: #ea2c5a
}

.single-video .content-block .cb-header {
	padding: 15px 0;
	margin-bottom: 30px;
	color: #7e7e7e;
	border-bottom: solid 1px #eceff0
}

.single-video .content-block .cb-header a {
	color: #7e7e7e
}

.single-video .content-block .cb-header a:hover {
	color: #ea2c5a
}

.single-video .content-block .cb-header a.active {
	color: #ea2c5a
}

.single-video .content-block .cb-header .list-inline {
	margin: 0;
	margin-left: -5px;
	line-height: 34px
}

.single-video .h-video {
	margin-bottom: 30px
}

.single-video .h-video .v-img {
	border-radius: 2px;
	position: relative
}

.single-video .h-video .v-img img {
	width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 4px;
}

.single-video .h-video .v-img .time {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(55, 57, 51, 0.8);
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	color: #fff;
	font-size: 12px;
	padding: 6px 9px 6px 9px;
	line-height: 14px;
	font-weight: 500
}

.single-video .h-video .v-desc {
	color: #343434;
	font-weight: 500;
	padding-top: 0;
	height: 42px;
	text-overflow: ellipsis;
    overflow: hidden;

}

.single-video .h-video .v-views {
	font-size: 12px;
	color: #7e7e7e;
	padding-bottom: 5px;
	padding-top: 5px
}

.single-video .h-video .v-percent {
	color: #28b47e;
	display: inline-block;
	position: relative;
	padding-left: 19px
}

.single-video .h-video .v-percent .v-circle {
	border: solid 2px #28b47e;
	border-radius: 7px;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0
}

.single-video .h-video.last-row {
	padding-bottom: 0
}

.single-video .h-video.playlist {
	padding-bottom: 15px;
	margin-bottom: 15px
}

.single-video .h-video.playlist:not(:last-child) {
	border-bottom: solid 1px #eceff0
}

.single-video .h-video.playlist>div:first-child {
	padding-right: 0
}

.single-video .h-video.playlist .v-number {
	display: block;
	width: 21%;
	height: 1px;
	float: left
}

.single-video .h-video.playlist .v-number span {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 50%;
	margin-top: -11px
}

.single-video .h-video.playlist .v-number span i {
	color: #4d86fe
}

.single-video .h-video.playlist .v-img {
	display: block;
	width: 79%;
	float: left
}

.single-video .content-wrapper {
	padding-top: 30px
}

.single-video .caption {
	padding-bottom: 21px;
	margin: 20px 0;
	border-bottom: solid 1px #eceff0
}

.single-video .caption i{
    font-size: 15px;
}

.single-video .caption .left {
	width: 50%;
	float: left
}

.single-video .caption .right {
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #7e7e7e
}

.single-video .caption .right a {
	color: #7e7e7e
}

.single-video .caption .right a:hover {
	color: #ea2c5a
}

.single-video .caption.playlist {
	margin-bottom: 15px
}

.single-video .caption.playlist .left {
	width: 70%
}

.single-video .caption.playlist .right {
	width: 30%
}

.single-video .caption.playlist .right i {
	font-size: 20px;
	cursor: pointer
}

.single-video .caption.playlist .right i:not(:first-child) {
	margin-left: 22px
}

@media only screen and (max-width:414px) {

	.single-video .caption.playlist .left,
	.single-video .caption.playlist .right {
		width: 50%
	}
}

.single-video .list .h-video:last-child {
	margin-bottom: 0
}

.single-video .no_top{
    padding-top: 0px;
    padding-bottom: 0
}





.single-video .loadmore {
	padding: 30px 0;
	margin-top: 30px;
	border-top: solid 1px #eceff0;
	text-align: center
}

.single-video .loadmore a {
	color: #7e7e7e
}

.single-video .loadmore a:hover {
	color: #ea2c5a
}



.single-video .sv-img{
    width: 100%;
	height: 450px;
    object-fit: cover;
    border-radius: 4px;
}

.dmplay_sl {
    height: 450px;
}

.ifr_sl {
    width: 750px;
    height: 500px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px){
.ifr_sl {
    width: 100%;
    height: 220px !important;
}
}


#share-weixin:hover .hide {
    display: block !important;
}

.sider-footer{ border-top: solid 0px #eceff0;}

.share-box { left: 10px; top: 11px;}  

.sider-footer i { font-size: 28px;  color: #4f4c4c; font-style: normal; border-radius: 50%;}  

.sider-footer button.text,.sider-footer .button.text{ background: none;  padding: 0;  font-weight: 400;  display: inline-block;  line-height: 1;  color: #000;  height: auto;  border: 0;   }
             
.footer-author{ margin-top: 10px; }

.footer-author span { margin-bottom: 5px; display: block;  margin-top: 5px;}

.sider-footer span { display: block;}

.dot { margin: 0 5px;}

.sider-footer a { display: block; line-height: 1.5; }

.sider-footer .weixin { line-height: 1.5; }

.sider-footer i:hover { color: #000;}

.wx-t-x { width: 100px;  height: 100px; bottom: 53px; background: #fff; left: 33px; top: 0; padding: 5px; z-index: 2;  position: absolute; border-radius: 8px; padding: 6px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);}





.single-video .sv-video .sv-play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

.single-video .sv-video .sv-play i {
	opacity: 1;
	font-size: 42px;
}

.single-video .sv-video .p_sta .pv{
   color: white;
}
.single-video .sv-video .p_sta .pv:hover {
	color: #ea2c5a;
}

.single-video h1 {
	margin: 0;
	padding: 30px 0;
	font-size: 22px
}

.v-bl{border-bottom: solid 1px #eceff0;}

.single-video .author {
	padding: 30px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 1px 1px #d6d7d8;
	-moz-box-shadow: 0 2px 1px 1px #d6d7d8;
	box-shadow: 0 2px 1px 1px #d6d7d8
}

.single-video .author .sv-avatar {
	width: 72px;
	float: left
}

.single-video .author .sv-name {
	width: 430px;
	padding-left: 30px;
	float: left;
	color: #7e7e7e
}

.single-video .author .sv-name a {
	font-weight: 500;
	color: #2e2e2e
}

.single-video .author .sv-name a:hover {
	color: #ea2c5a
}

.single-video .author .sv-name .c-sub {
	padding-top: 13px;
	float: left
}

.single-video .author .sv-name .c-sub .c-f {
	float: left;
	width: 86px;
	padding: 5px 10px 0 10px;
	border: solid 1px #ea2c5a;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #ea2c5a;
	color: #fff
}

.single-video .author .sv-name .c-sub .c-s {
	float: left;
	width: 92px;
	padding: 5px 10px 0 10px;
	border: solid 1px #eceff0;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #7e7e7e
}

.single-video .author .sv-views {
	float: right;
	width: 200px
}

.single-video .author .sv-views .sv-views-count {
	font-size: 20px;
	text-align: right
}

.single-video .author .sv-views .sv-views-progress {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 3px;
	width: 100%;
	background-color: #eceff0
}

.single-video .author .sv-views .sv-views-progress .sv-views-progress-bar {
	height: 3px;
	width: 80%;
	background-color: #28b47e
}

@media only screen and (max-width:767px) {
	.single-video .author .sv-views .sv-views-stats {
		justify-content: space-around;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (min-width:768px) {

	.single-video .author .sv-views .sv-views-stats .percent,
	.single-video .author .sv-views .sv-views-stats .green {
		padding-right: 30px
	}
}

.single-video .author .sv-views .sv-views-stats .percent {
	color: #ea2c5a;
	font-size: 15px
}

.single-video .author .sv-views .sv-views-stats .green {
	color: #28b47e;
	font-size: 15px
}

.single-video .author .sv-views .sv-views-stats .green .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #28b47e
}

.single-video .author .sv-views .sv-views-stats .grey {
	color: #7e7e7e;
	font-size: 15px
}

.single-video .author .sv-views .sv-views-stats .grey .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #7e7e7e
}

.single-video .info {
	margin-top: 3px
}

.single-video .info-content {
	padding-bottom: 14px
}

.single-video .info h4 {
	margin: 20px 0 3px 0;
	padding: 0;
	font-weight: 500;
	font-size: 16px
}

.single-video .info p {
	    font-size: 15px;
    position: relative;
    margin: 0 0 1.5em 0;
    color: rgba(0, 0, 0, .84);
    line-height: 2.2;
}

.single-video .info .sv-tags {
	margin-bottom: 0
}

.single-video .info .sv-tags span {
	display: inline-block;
	padding: 5px 9px 1px 9px;
	margin-bottom: 10px;
	background-color: #eceff0;
	border-radius: 3px;
	margin-right: 7px
}

@media only screen and (max-width:767px) {
	.single-video .info .date-lic .ta-r {
		text-align: left
	}
}

.single-video .info .date-lic h4 {
	display: inline-block
}

.single-video .info .date-lic p {
	display: inline-block
}

@media only screen and (max-width:767px) {

	.single-video .info .date-lic h4,
	.single-video .info .date-lic p {
		display: block
	}
}

.single-video .custom-tabs .tabs-panel {
	overflow: hidden;
	border-bottom: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	.single-video .custom-tabs .tabs-panel {
		flex-wrap: wrap;
		justify-content: space-between;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.single-video .custom-tabs .tabs-panel a {
	display: block;
	float: left
}

.single-video .custom-tabs .tabs-panel a i,
.single-video .custom-tabs .tabs-panel a span {
	display: block;
	float: left
}

.single-video .custom-tabs .tabs-panel a i {
	color: #637076;
	font-size: 20px
}

.single-video .custom-tabs .tabs-panel a span {
	color: #7e7e7e
}

.single-video .custom-tabs .tabs-panel a:hover i,
.single-video .custom-tabs .tabs-panel a:hover span {
	color: #ea2c5a
}

.single-video .custom-tabs .tabs-panel>a,
.single-video .custom-tabs .tabs-panel>.acide-panel {
	height: 48px;
	padding-top: 13px
}

.single-video .custom-tabs .tabs-panel>a {	
	padding-right: 16px
}

.single-video .custom-tabs .tabs-panel>a i {
	width: 30px
}

@media only screen and (min-width:768px) {
	.single-video .custom-tabs .tabs-panel>a i {
		margin-right: 8px
	}
}

.single-video .custom-tabs .tabs-panel>a i.cv.cvicon-cv-goto {
	font-size: 7px;
	line-height: 20px
}

@media only screen and (min-width:768px) {
	.single-video .custom-tabs .tabs-panel>a i.cv.cvicon-cv-goto {
		margin-right: 14px
	}
}

@media only screen and (max-width:767px) {
	.single-video .custom-tabs .tabs-panel>a>span {
	
	}
}

.single-video .custom-tabs .tabs-panel>a span {
	line-height: 24px;
	font-size: 14px;
}

.single-video .custom-tabs .tabs-panel>a.active {
	background-color: #eceff0
}

.single-video .custom-tabs .tabs-panel>a.active i,
.single-video .custom-tabs .tabs-panel>a.active span {
	color: #ea2c5a;
	font-weight: 500
}

.single-video .custom-tabs .tabs-panel>.acide-panel {
	float: right
}

.single-video .custom-tabs .tabs-panel>.acide-panel a:not(:last-child) {
	margin-right: 20px
}

.single-video .custom-tabs .tabs-content>div {	
	padding-top: 15px
}

.single-video .custom-tabs .tabs-content>div.active {
	display: block !important
}

.single-video .custom-tabs .tabs-content .tab-2 h4,
.single-video .custom-tabs .tabs-content .tab-3 h4,
.single-video .custom-tabs .tabs-content .tab-4 h4,
.single-video .custom-tabs .tabs-content .tab-5 h4 {
	margin-bottom: 10px
}

.single-video .custom-tabs .tabs-content .tab-1 {
	overflow: hidden
}

.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(1) {
	padding-bottom: 14px
}

@media only screen and (min-width:768px) {
	.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(1) {
		float: left;
		width: 76.12%;
		padding-right: 18px;
		border-right: solid 1px #eceff0
	}
}

.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) {
	float: left;
	width: 23.88%;
	max-width: 170px;
	padding-left: 30px;
	padding-bottom: 28px
}

.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) img {
	width: 100%;
	height: auto;
	margin-bottom: 14px
}

.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) .btn {
	display: block;
	width: 100%;
	max-width: 140px;
	height: 28px;
	padding-top: 4px;
	margin: 0 auto;
	background-color: #447efa;
	color: #fff;
	borde: solid 1px #447efa;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1)
}

.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) .btn:hover {
	background-color: #fff;
	color: #447efa;
	border-color: #447efa
}

@media only screen and (max-width:568px) {

	.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(1),
	.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) {
		width: 100%;
		float: none
	}

	.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(1) {
		border: none
	}

	.single-video .custom-tabs .tabs-content .tab-1>div:nth-child(2) {
		padding-left: 0;
		padding-right: 0;
		max-width: inherit
	}
}

.single-video .custom-tabs .tabs-content .tab-2 {
	padding-bottom: 16px;
	border-bottom: solid 1px #eceff0
}

.single-video .custom-tabs .tabs-content .block-list{
    padding-bottom: 20px;
}

.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(2) {
	overflow: hidden
}

.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(2) .checkbox {
	display: block;
	float: left;
	margin-right: 14px
}

.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(2)>input {
	display: block;
	float: left;
	max-width: 136px
}

.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(3)>textarea {
	height: auto;
	min-height: 62px;
	resize: none
}

.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(4) .size-tags {
	margin-bottom: 10px
}

@media only screen and (max-width:568px) {
	.single-video .custom-tabs .tabs-content .tab-2 .row>div:nth-child(5) label.checkbox-text p {
		margin-bottom: 0
	}
}

.single-video .custom-tabs .tabs-content .tab-3 {
	padding-bottom: 14px;
	border-bottom: solid 1px #eceff0
}

.single-video .showless {
	position: relative;
	border-bottom: solid 1px #eceff0;
	margin: 0 0 14px
}

.single-video .showless a {
	display: block;
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -50px;
	height: 28px;
	border: solid 1px #7e7e7e;
	border-radius: 14px;
	padding: 3px 12px 6px 12px;
	background-color: #fbfdfe
}

.single-video .showless a:hover {
	color: #ea2c5a;
	border-color: #ea2c5a
}

.single-video .adblock2 {
	padding: 30px 0
}

.single-video .adblock2 .img {
	padding: 0;
	background-color: #eceff0;
	border-radius: 3px;
	color: #a1a1a1;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

@media only screen and (min-width:768px) {
	.single-video .adblock2 .img {
		max-width: 728px;
		height: 90px
	}
}

@media only screen and (max-width:767px) {
	.single-video .adblock2 .img {
		max-width: 320px;
		height: 50px
	}
}

.single-video .adblock2-v2 {
	margin-top: 10px
}

.single-video .adblock2-v2 .img {
	max-width: 300px;
	height: 250px
}

.single-video .similar-videos {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eceff0
}

.single-video .similar-videos .v-views {
	padding-bottom: 0
}

.single-video .similar-videos .v-percent {
	display: block;
	margin-top: 3px
}

.single-video .reply-comment {
	font-size: 17px;
	margin-bottom: 25px
}

@media only screen and (max-width:767px) {
	.single-video .reply-comment {
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.single-video .reply-comment i {
	font-size: 20px
}

.single-video .reply-comment .semibold {
	font-weight: 600;
	padding-left: 5px
}

.single-video .reply-comment .rc-header {
	margin-bottom: 25px
}

@media only screen and (max-width:767px) {
	.single-video .reply-comment .rc-header {
		display: none
	}
}

.single-video .reply-comment textarea {
	width: 100%;
	height: 108px;
	background-color: #fff;
	border: solid 1px #eceff0;
	border-radius: 3px;
	padding: 25px 30px;
	color: #7e7e7e;
	resize: none;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.single-video .reply-comment textarea {
		padding: 10px 15px;
		height: 50px
	}
}

.single-video .reply-comment .rc-ava {
	float: left;
	width: 70px;
	margin-right: 30px
}

@media only screen and (max-width:767px) {
	.single-video .reply-comment .rc-ava {
		width: 54px;
		min-width: 54px;
		margin-right: 20px
	}
}

.single-video .reply-comment .rc-ava img {
	width: 100%
}

.single-video .reply-comment .rc-comment {
	float: left;
	position: relative;
	width: 670px
}

.single-video .reply-comment .rc-comment button {
	position: absolute;
	bottom: 5px;
	right: 0;
	background: none;
	border: none;
	box-shadow: none;
	padding: 15px
}

@media only screen and (min-width:768px) {
	.single-video .cl-header {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: solid 1px #eceff0
	}
}

@media only screen and (max-width:767px) {
	.single-video .cl-header {
		padding-top: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		border-top: solid 1px #eceff0
	}
}

.single-video .cl-header .list-inline {
	margin-left: 0;
	margin-bottom: 0
}

.single-video .cl-header .c-nav {
	font-weight: 500;
	padding-top: 4px;
	font-family: 'Hind', sans-serif
}

@media only screen and (max-width:767px) {
	.single-video .cl-header .c-nav ul {
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.single-video .cl-header .c-nav li {
	margin: 0;
	padding: 0
}

.single-video .cl-header .c-nav li:not(:last-child) {
	margin-right: 23px
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li {
		position: relative;
		color: #7e7e7e
	}
}

@media only screen and (max-width:767px) {
	.single-video .cl-header .c-nav li {
		width: 50%
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a {
		position: relative;
		color: #7e7e7e
	}
}

@media only screen and (max-width:767px) {
	.single-video .cl-header .c-nav li a {
		display: block;
		padding: 12px 15px;
		border-radius: 30px;
		background-color: #eceff0;
		color: #7e7e7e;
		border: solid 1px #eceff0;
		align-items: center;
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a:before {
		content: "";
		position: absolute;
		bottom: -25px;
		display: inline-block;
		background-color: #ea2c5a;
		height: 3px;
		width: 100%;
		left: 0;
		opacity: 0;
		-moz-transition: all .12s linear;
		-o-transition: all .12s linear;
		-webkit-transition: all .12s linear
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a:hover {
		color: #2e2e2e
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a:hover:before {
		opacity: 1
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a.active {
		color: #2e2e2e
	}
}

@media only screen and (max-width:767px) {
	.single-video .cl-header .c-nav li a.active {
		background-color: #fff;
		color: #2e2e2e;
		border-color: #2e2e2e
	}
}

@media only screen and (min-width:768px) {
	.single-video .cl-header .c-nav li a.active:before {
		opacity: 1
	}
}

.single-video .cl-comment {
	margin-bottom: 45px
}

@media only screen and (max-width:767px) {
	.single-video .cl-comment {
		margin-bottom: 25px
	}
}

.single-video .cl-comment .cl-avatar {
	float: left;
	width: 13%;
	padding-right: 30px
}

.single-video .cl-comment .cl-comment-text {
	float: left;
	width: 87%
}

.single-video .cl-comment-reply {
	margin-bottom: 45px;
	margin-left: 13%
}

@media only screen and (max-width:767px) {
	.single-video .cl-comment-reply {
		margin-bottom: 25px
	}
}

.single-video .cl-comment-reply .cl-avatar {
	float: left;
	width: 15%;
	padding-right: 30px
}

.single-video .cl-comment-reply .cl-comment-text {
	float: left;
	width: 85%
}

.single-video .cl-name-date {
	color: #8e9ea6;
	font-size: 15px
}

.single-video .cl-name-date a {
	font-size: 16px;
	color: #ea2c5a
}

.single-video .cl-name-date a:hover {
	text-decoration: underline
}

.single-video .cl-text {
	padding: 6px 0
}

.single-video .cl-meta {
	color: #8e9ea6
}

@media only screen and (max-width:767px) {
	.single-video .cl-meta {
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

.single-video .cl-meta a {
	color: #8e9ea6
}

@media only screen and (max-width:767px) {
	.single-video .cl-meta a {
		margin-left: auto
	}
}

.single-video .cl-meta a:hover {
	text-decoration: underline
}

@media only screen and (max-width:767px) {
	.single-video .cl-meta>span:first-child {
		margin-right: 16px
	}
}

.single-video .cl-meta .green {
	color: #28b47e;
	font-size: 15px;
	padding-right: 10px
}

.single-video .cl-meta .green .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #28b47e
}

.single-video .cl-meta .grey {
	color: #7e7e7e;
	font-size: 15px
}

.single-video .cl-meta .grey .circle {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #7e7e7e
}

.single-video .cl-replies {
	color: #7e7e7e;
	padding-top: 6px
}

@media only screen and (max-width:767px) {
	.single-video .cl-replies {
		display: none
	}
}

.single-video .cl-replies a {
	color: #7e7e7e
}

.single-video .cl-replies a:hover {
	text-decoration: underline
}

.single-video .cl-replies i {
	font-size: 10px
}



/*评论*/





.single-video .cl-comment-text {
	position: relative
}

.single-video .cl-comment-text .cl-flag {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px
}

.single-video .loadmore-comments {
	margin-bottom: 45px;
	text-align: center
}

.single-video .loadmore-comments .h-btn {
	background-color: #eceff0;
	color: #2e2e2e;
	padding: 15px 65px;
	border: solid 1px #eceff0;
	height: 48px;
	border-radius: 24px;
	font-weight: normal
}

.single-video .loadmore-comments .h-btn:hover {
	color: #ea2c5a;
	background-color: #fff;
	border: solid 1px #ea2c5a
}

@media only screen and (min-width:768px) {

	.author-btn-add,
	.author-border {
		display: none
	}
}

@media only screen and (max-width:767px) {
    .single-v-footer{
        padding: 5px;
    }
	.sv-video img {
		width: 100%;
		height: 220px !important;
       object-fit: cover;
	}
	
	.dmplay_sl {
    	width: 100%;
		height: 220px !important;
}

	.single-video h1 {
		padding: 20px 0;
		    line-height: 1.5;
	}

	.single-video .adblock2 .img {
		width: 100%
	}

	.single-video .adblock .img {
		width: 100%
	}

	.single-video .reply-comment .rc-comment {
		width: 100%
	}

	.single-video .author {
		padding: 15px 30px
	}

	.single-video .author-head {
		align-items: center;
		flex-wrap: wrap;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.single-video .author-head>a:first-child {
		margin-right: 20px
	}

	.single-video .author-head>* {
		margin-top: 7px;
		margin-bottom: 7px
	}

	.single-video .author-border {
		padding-top: 20px;
		margin: 0 -30px;
		margin-top: 20px;
		border-top: solid 1px #eceff0
	}

	.single-video .author-btn-add {
		width: 60px;
		min-width: 60px;
		height: 52px;
		margin-left: auto;
		border-radius: 30px;
		background-color: #ea2c5a;
		align-items: center;
		justify-content: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.single-video .author-btn-add i {
		font-size: 22px
	}

	.single-video .author-btn-add i::before {
		color: #fff
	}

	.single-video .author-btn-add:hover i {
		color: #fff !important
	}

	.single-video .author .sv-avatar {
		float: none;
		display: inline-block
	}

	.single-video .author .sv-name {
		width: auto;
		padding: 0;
		margin-right: 20px;
		text-align: left;
		float: none
	}

	.single-video .author .sv-name>div:first-child a {
		display: block
	}

	.single-video .author .sv-name .c-sub {
		float: none;
		padding-bottom: 15px
	}

	.single-video .author .sv-views {
		width: 100%;
		float: none
	}

	.single-video .author .sv-views .sv-views-count {
		text-align: center
	}

	.single-video .cl-comment .cl-avatar {
		width: 25%;
		padding-right: 20px;
		max-width: 70px
	}

	.single-video .cl-comment .cl-avatar img {
		width: 100%
	}

	.single-video .cl-comment .cl-comment-text {
		width: 75%
	}

	.single-video .cl-comment .cl-comment-text .cl-flag {
		right: -10px
	}

	.single-video .cl-comment-reply {
		margin-left: 70px
	}

	.single-video .cl-comment-reply .cl-avatar {
		width: 25%;
		padding-right: 20px;
		max-width: 70px
	}

	.single-video .cl-comment-reply .cl-avatar img {
		width: 100%
	}

	.single-video .cl-comment-reply .cl-comment-text {
		width: 75%
	}

	.b-video {
		margin-bottom: 15px
	}

	.b-video .v-img img {
		width: 100%;
		height: 90px !important;
       object-fit: cover;
	}

	.reply-comment .rc-ava {
		text-align: center;
		float: none;
		margin-bottom: 10px
	}
}

.mobile-overlay { display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(120, 129, 147, .22); z-index: 50; opacity: 0; transition: all 0.5s ease-in-out; cursor: pointer; }

.mobile-overlay.active { display: block; opacity: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }


@media only screen and (min-width:768px) {
	.acide-panel.acide-panel-top {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.acide-panel.acide-panel-top {
		padding-top: 20px;
		margin-bottom: 20px;
		border-top: solid 1px #eceff0;
		justify-content: space-around;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	.acide-panel.acide-panel-top a i {
		font-size: 20px
	}
}

@media (min-width:768px) and (max-width:1365px) {
	.sv-video img {
		width: 100%
	}

	.similar-videos .videoitem {
		margin-bottom: 30px
	}

	.similar-videos .videoitem img {
		width: 100%
	}

	.single-video .reply-comment .rc-comment {
		width: 600px
	}

	.single-video .adblock .img {
		width: 100%
	}

	.single-video .adblock2 .img {
		width: 100%
	}
}


/*二维码生成封面*/

.cl:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden }

.vm { vertical-align: middle }

.comiis_poster_box { position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.85); color: #fff; transition: all .4s ease; -webkit-transition: all .4s ease; opacity: 0 }

.comiis_poster_box img { display: initial; }

.comiis_poster_box_show { opacity: 1 }

.comiis_poster_fdico { position: fixed; z-index: 100 }

.comiis_poster_fdico a { display: block; width: 46px; height: 46px; text-align: center; border-radius: 50%; overflow: hidden; margin-top: 10px }

.comiis_poster_fdico a img { width: 16px; height: 16px; padding-top: 8px; overflow: hidden }

.comiis_poster_fdico a span { display: block; font-size: calc(20px/2); margin-top: 2px; overflow: hidden }

.comiis_poster_okimg, .comiis_poster_imgshow { height: calc(100% - 55px); text-align: center }

.comiis_poster_okimg img { max-width: calc(100% - 40px); max-height: calc(100% - 30px); margin: 25px 20px 10px; border-radius: 6px; }

.comiis_poster_oktit { padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; overflow: hidden }

.comiis_poster_okclose { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; text-align: center; overflow: hidden }

.comiis_poster_okclose a { display: block; height: 60px; line-height: 40px; overflow: hidden }

.comiis_poster_okclose a img { width: 40px; height: 40px }

.loading_color { width: 200px; height: 80px; margin: 0 auto }

.loading_color span { display: inline-block; width: 3px; height: 30px; animation-name: scale; -webkit-animation-name: scale; -moz-animation-name: scale; -ms-animation-name: scale; -o-animation-name: scale; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite }

.loading_color span.loading_color1 { background: #2ecc71 }

.loading_color span.loading_color2 { background: #3498db }

.loading_color span.loading_color3 { background: #9b59b6 }

.loading_color span.loading_color4 { background: #e67e22 }

.loading_color span.loading_color5 { background: #c0392b }

.loading_color span.loading_color6 { background: #e74c3c }

.loading_color span.loading_color7 { background: #e74c8c }

.loading_color1 { animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -ms-animation-delay: -1s; -o-animation-delay: -1s }

.loading_color2 { animation-delay: -0.9s; -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -ms-animation-delay: -0.9s; -o-animation-delay: -0.9s }

.loading_color3 { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -ms-animation-delay: -0.8s; -o-animation-delay: -0.8s }

.loading_color4 { animation-delay: -0.7s; -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -ms-animation-delay: -0.7s; -o-animation-delay: -0.7s }

.loading_color5 { animation-delay: -0.6s; -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -ms-animation-delay: -0.6s; -o-animation-delay: -0.6s }

.loading_color6 { animation-delay: -0.5s; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -ms-animation-delay: -0.5s; -o-animation-delay: -0.5s }

.loading_color7 { animation-delay: -0.4s; -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -ms-animation-delay: -0.4s; -o-animation-delay: -0.4s }

@-webkit-keyframes scale {

	0%, 40%, 100% { -moz-transform: scaleY(0.2); -ms-transform: scaleY(0.2); 	-o-transform: scaleY(0.2); -webkit-transform: scaleY(0.2); transform: 	scaleY(0.2) }

	20%, 60% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); 	-o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) } }

@-moz-keyframes scale {

	0%, 40%, 100% { -moz-transform: scaleY(0.2); -ms-transform: scaleY(0.2); 
	-o-transform: scaleY(0.2); -webkit-transform: scaleY(0.2); transform: 
	scaleY(0.2) }

	20%, 60% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); 
	-o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) 
	} }

@-ms-keyframes scale {

	0%, 40%, 100% { -moz-transform: scaleY(0.2); -ms-transform: scaleY(0.2); 
	-o-transform: scaleY(0.2); -webkit-transform: scaleY(0.2); transform: 
	scaleY(0.2) }

	20%, 60% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); 
	-o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) 
	} }

@keyframes scale {

	0%, 40%, 100% { -moz-transform: scaleY(0.2); -ms-transform: scaleY(0.2); 
	-o-transform: scaleY(0.2); -webkit-transform: scaleY(0.2); transform: 
	scaleY(0.2) }

	20%, 60% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); 
	-o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) 
	} }

.comiis_poster_box_img { position: fixed; top: -2999px; width: 640px; overflow: hidden; background: #fff }

.comiis_poster_img { width: 100%; max-height: 420px; overflow: hidden; position: relative }

.comiis_poster_img img { width: 100%; height: auto }

.comiis_poster_img .img_time { position: absolute; left: 30px; bottom: 20px; width: 96px; line-height: 36px; font-size: 70px; text-align: center; font-weight: 500; color: #fff; text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2) }

.comiis_poster_img .img_time span { display: block; margin-top: 16px; border-top: 3px solid #fff; font-weight: 500; font-size: 24px }

.comiis_poster_tit { margin: 22px 28px 28px; height: 100px; line-height: 50px; font-size: 36px; font-weight: 400; color: #222; overflow: hidden }

.comiis_poster_tita { text-align: center; padding: 22px 48px 10px; max-height: 88px; line-height: 42px; font-size: 25px; font-weight: 400; color: #222; overflow: hidden }

.comiis_poster_txta { margin: 5px 28px; min-height: 68px; max-height: 136px; line-height: 34px; font-size: 23px; font-weight: 400; color: #aaa; overflow: hidden }

.comiis_poster_user { padding: 0 29px 10px; height: 46px; line-height: 46px; font-size: 20px; overflow: hidden }

.comiis_poster_user .kmdico { float: left; margin-left: 2px; margin-top: 18px; height: 10px }

.comiis_poster_user .kmuser { float: right; color: #369 }

.comiis_poster_user .kmuser img { float: left; width: 46px; height: 46px; margin-right: 12px; border-radius: 50% }

.comiis_poster_user .kmuser .kmby { float: left; margin-right: 15px; color: #ccc }

.comiis_poster_user_mt { margin-top: 20px }

.comiis_poster_tops { padding: 8px 15px; height: 40px; line-height: 40px; font-size: 22px; color: #666; overflow: hidden }

.comiis_poster_imgs { width: 100%; height: 300px; position: relative }

.comiis_poster_imgs .kmbkbg { position: absolute; right: 0; top: 0; width: 100%; height: 250px; overflow: hidden }

.comiis_poster_imgs .kmbkbg img { width: 100%; height: auto; object-fit: cover; overflow: hidden }

.comiis_poster_imgs .kmbkimg { position: absolute; left: 50%; bottom: 0; background: #fff; margin-left: -55px; width: 110px; height: 110px; border-radius: 6px }

.comiis_poster_imgs .kmbkimg img { width: 100px; height: 100px; margin: 5px; border-radius: 6px }

.comiis_poster_tits { text-align: center; padding: 15px 28px 10px; height: 40px; line-height: 40px; font-size: 32px; font-weight: 400; color: #369; overflow: hidden }

.comiis_poster_txts { margin: 5px 28px; min-height: 68px; max-height: 170px; line-height: 34px; font-size: 24px; font-weight: 400; color: #666; overflow: hidden }

.comiis_poster_dico { padding: 20px 29px }

.comiis_poster_nqmpfhx { background: none }

.comiis_poster_x { width: 100%; height: 45px; background: url(../../themes/spimes/poster/img/poster_x.jpg) repeat-x center; overflow: hidden }

.comiis_poster_foot { padding: 13px 28px 30px; height: 100px; box-sizing: initial; overflow: hidden }

.comiis_poster_foot .kmzw { float: left; margin-left: 1px; margin-right: 20px; width: 100px; height: 100px }

.comiis_poster_foot .kmzwtip { margin-top: 13px; height: 68px; line-height: 36px; font-size: 20px; color: #aaa }

.comiis_poster_foot .kmzwtips { float: left; margin-top: 12px; height: 68px; line-height: 36px; font-size: 22px; color: #aaa }

.comiis_poster_foot .kmewm { float: right; width: 100px; height: 100px }

.comiis_poster_fdico *, #comiis_poster_box * { -moz-box-sizing: content-box; box-sizing: content-box; }

.comiis_poster_fdico { bottom: 82px; left: 12px; }

.comiis_poster_a, .comiis_footer_scroll a.comiis_poster_a { /* background:rgba(0,0,0,0.6); */ }

.comiis_poster_a span, .comiis_poster_a i {}

cite, i { font-style: normal; }
a.comiis_poster_a:hover {}

.ewbg { width: 480px; height: 460px; background: url(../img/ewbg.jpg) center center no-repeat; background-size: 100%; box-sizing: border-box; padding-top: 270px; }

.ewbg p { margin-left: 80px; margin-bottom: 10px; margin-top: 10px; }

.ewfl { margin-left: 55px; margin-top: 30px; font-size: 24px; font-weight: bold; }

.ewfl span { color: rgba(255, 51, 0, 1); margin: 0 5px; }

.ewbottom { margin-top: 85px; width: 100px; height: 100px; overflow: hidden; margin-left: 65px; }


.tab-popup {
	display: none;
	max-width: 300px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 5px
}

.tab-popup-head {
	padding: 20px 20px;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.tab-popup-head>i:first-child {
	margin-right: 15px
}

.tab-popup-head i {
	color: #637076;
	font-size: 22px
}

.tab-popup-head span {
	font-size: 20px
}

.tab-popup-close {
	margin-left: auto
}

.tab-popup-content {
	padding: 20px 20px;
	border-top: solid 1px #edf0f1
}

.tab-popup.popup-share h4 {
	margin-top: 0 !important
}

.tab-popup.popup-share label {
	margin-bottom: 0
}

.tab-popup .popup-share-social a {
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.tab-popup .popup-share-social a:not(:first-child) {
	margin-top: 20px
}

.tab-popup .popup-share-social a i {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	background-color: #000;
	border-radius: 50%;
	font-size: 22px;
	align-items: center;
	justify-content: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.tab-popup .popup-share-social a i::before {
	color: #fff
}

.tab-popup .popup-share-social a.facebook i {
	background-color: #3b5998
}

.tab-popup .popup-share-social a.twitter i {
	background-color: #55acee
}

.tab-popup .popup-share-social a.google i {
	background-color: #dd4b39
}

.tab-popup .popup-share-social a span {
	font-size: 18px;
	color: #7e7e7e
}

.tab-popup .popup-download-load .row:not(:first-child) {
	margin-top: 30px
}

.tab-popup .popup-download-load a {
	padding: 10px 10px;
	border: solid 1px #e0e1e2;
	border-radius: 5px;
	align-items: center;
	flex-direction: column;
	text-decoration: none;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.tab-popup .popup-download-load a i {
	margin-bottom: 8px;
	color: #666;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.tab-popup .popup-download-load a span {
	margin-top: 4px
}

.tab-popup .popup-download-load a span:first-of-type {
	color: #7e7e7e
}

.tab-popup .popup-download-load a span:last-of-type {
	color: #2e2e2e
}

.tab-popup .popup-download-load a.premium {
	border-color: #ea2c5a
}

.tab-popup .popup-download-load a.premium i,
.tab-popup .popup-download-load a.premium span {
	color: #ea2c5a !important
}

.tab-popup .popup-download-p {
	margin-top: 46px;
	margin-bottom: 0;
	color: #7e7e7e
}

.tab-popup.popup-jump .tab-popup-head i.cvicon-cv-goto {
	width: 44px;
	font-size: 10px
}

.mfp-content .tab-popup {
	display: block
}

.v-categories.side-menu .bg-add {
	position: absolute;
	top: 0
}

.v-categories.side-menu .content-block .cb-header {
	margin-bottom: 0
}

.v-categories.side-menu .content-block .cb-content {
	margin-bottom: 0
}

.v-categories.side-menu .content-block .cb-content>.row>div {
	padding-top: 30px;
	padding-bottom: 40px
}

.v-categories.side-menu .content-block .cb-content>.row>div:first-child {
	border-right: solid 1px #eceff0
}

.v-categories.side-menu .content-block .cb-content>.row>div:last-child {
	padding-left: 34px;
	left: -1px;
	border-left: solid 1px #eceff0
}

.v-categories.side-menu .content-block .cb-content .sidebar-menu ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.v-categories.side-menu .content-block .cb-content .sidebar-menu ul li a {
	color: #7e7e7e
}

.v-categories.side-menu .content-block .cb-content .sidebar-menu ul li a:hover {
	color: #ea2c5a
}

.v-categories.side-menu .content-block .cb-content .sidebar-menu ul li:not(:first-child) {
	margin-top: 16px
}

@media only screen and (max-width:414px) {
	.v-categories.side-menu .content-block .cb-content>.row>div:nth-child(2)>.row>div {
		width: 100%
	}
}

.content-block .cb-header .pull-right .btn-arrow {
	display: block;
	width: 8px;
	height: 8px;
	margin-top: 14px;
	border-top: solid 2px #637076;
	border-right: solid 2px #637076;
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.content-block.subscription {
	border: none
}

.content-block.subscription .sscr-user-info {
	position: relative;
	width: 100%;
	display: table;
	font-size: 0;
	margin-bottom: 30px;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.content-block.subscription .sscr-user-info .sscr-image,
.content-block.subscription .sscr-user-info .sscr-name,
.content-block.subscription .sscr-user-info .sscr-time-active {
	display: inline-block
}

@media only screen and (max-width:767px) {

	.content-block.subscription .sscr-user-info .sscr-image,
	.content-block.subscription .sscr-user-info .sscr-name,
	.content-block.subscription .sscr-user-info .sscr-time-active {
		display: block
	}
}

.content-block.subscription .sscr-user-info .sscr-name,
.content-block.subscription .sscr-user-info .sscr-time-active {
	font-size: 16px;
	vertical-align: -4px
}

.content-block.subscription .sscr-user-info .sscr-image {
	max-width: 72px;
	margin-right: 28px
}

.content-block.subscription .sscr-user-info .sscr-name {
	color: #2e2e2e;
	font-weight: 500
}

.content-block.subscription .sscr-user-info .sscr-name:after {
	content: '.';
	margin: 0 4px
}

.content-block.subscription .sscr-user-info .sscr-time-active {
	color: #7e7e7e;
	padding-right: 22px;
	margin-top: 4px
}

.content-block.subscription .sscr-user-info .btn-close {
	margin-left: auto
}

.content-block.subscription .sscr-user-info .btn-close i {
	font-size: 20px
}

.content-block.subscription .videolist .videoitem {
	min-height: auto;
	margin-bottom: 8px
}

.content-block.subscription .videolist .videoitem .v-views {
	padding-bottom: 0
}

.content-block.subscription .cb-content {
	margin-bottom: 18px
}

.content-block.subscription .cb-content:not(:first-child) {
	border-top: solid 1px #eceff0;
	padding-top: 32px
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out
}

.mfp-with-zoom .mfp-container {
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6)
}

.mfp-with-zoom.mfp-ready .mfp-container {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	-webkit-opacity: .4;
	-moz-opacity: .4;
	opacity: .4
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out
}

.mfp-with-zoom.mfp-removing.mfp-bg {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

.mfp-with-zoom.mfp-removing .mfp-container {
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6)
}

.mfp-bg .mfp-close,
.mfp-wrap .mfp-close {
	margin-top: 14px;
	margin-right: 10px;
	font-size: 18px;
	color: #637076
}

@media only screen and (min-width:768px) {

	.mfp-bg .mfp-close,
	.mfp-wrap .mfp-close {
		width: 56px;
		height: 56px
	}
}

.mfp-bg .sh-upload,
.mfp-wrap .sh-upload {
	display: block
}

.mfp-bg {
	z-index: 1000000
}

.mfp-bg.sh-avatar__bg,
.mfp-bg.sh-calend__bg,
.mfp-bg.sh-statistic__bg {
	z-index: 10000
}

.mfp-wrap {
	z-index: 1000000 !important
}


/*客服系统*/

   .fk_service {
        max-height: 232px;
        position: fixed;
        right: 10px;
        top: 40%;
        /* 垂直位置 */
        font-family: "微软雅黑";
        font-size: 14px;
        color: #243558;
        z-index: 10000
    }


    .fk_service ul {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0
    }

    .fk_service li {
        list-style-type: none
    }

    .fk_service li>div {
        box-sizing: border-box;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
    }

    .fk_service_box {
        width: 40px;
        height: 40px;
        background: #fff;
        margin-bottom: 10px;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
    }

    .fk_service_triangle {
        top: 12px;
        right: -11px;
        position: absolute;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 11px solid #e1e6ec;
        z-index: 1010
    }

    .fk_service_triangle:after {
        content: "\20";
        top: -6px;
        right: 1px;
        position: absolute;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #fff;
        z-index: 1000
    }

    .fk_service_triangle:before {
        content: "\20";
        width: 80px;
        height: 45px;
        top: -20px;
        right: -52px;
        position: absolute;
        background: rgba(0, 0, 0, 0)
    }

    @keyframes fade-in {
        0% {
            opacity: .4;
            right: 82px
        }

        100% {
            opacity: 1;
            right: 62px
        }
    }

    .fk_service_consult {
        background: url(kf/allwx.png) no-repeat -366px -16px #fff
    }

    .fk_service_consult:hover {
        border: 0;
        background: url(kf/allwx.png) no-repeat -410px -16px #4f7cfc
    }

    .fk_service_consult:hover .fk_service_consult_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }

    .fk_service_consult_cont {
        width: 200px;
        min-height: 210px;
        max-height: 268px;
        border-radius: 3px;
        background: #fff;
        right: 62px;
        position: absolute;
        text-align: center;
        border: 1px solid #e1e6ec;
        display: none;
        opacity: 0
    }

    .fk_service_consult_cont1 {
        width: 70px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }

    .fk_service_consult_cont1 .fk_service_triangle:before {
        width: 0 !important
    }

    .fk_service_consult_cont>.fk_service_triangle:after {
        border-left: 10px solid #f6f8fb !important
    }

    .fk_service_consult_cont span {
        float: left
    }

    .fk_service_consult_cont_top {
        width: 100%;
        height: 157px;
        background: #f6f8fb;
        border-radius: 3px;
        border-bottom: 1px solid #eef2f8
    }

    .fk_service_hint {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        color: #9aa8c2;
        text-align: center
    }

    .fk_service_hint>.fk_service_icon {
        background: url(kf/allwx.png) no-repeat -460px -25px;
        width: 15px;
        height: 15px;
        margin: 13px 2px 0 18px
    }

    .fk_service_button {
        width: 160px;
        height: 38px;
        line-height: 38px;
        background: #4f7cfc;
        border-radius: 18px;
        text-align: center;
        color: #fff;
        margin: 5px 0 10px 20px;
        cursor: pointer
    }

    .fk_service_button:hover {
        background: #618aff
    }

    .fk_service_phone {
        width: 100%;
        height: 53px;
        line-height: 53px;
        font-size: 14px;
        text-align: center
    }

    .fk_service_check_site {
        width: 100%;
        height: 48px;
        line-height: 48px;
        color: #3b6bf4;
        border-top: 1px solid #eaeef5;
        cursor: pointer
    }

    .fk_service_check_site>.fk_service_icon {
        background: url(kf/allwx.png) no-repeat -461px -75px;
        width: 20px;
        height: 20px;
        margin: 15px 2px 0 45px
    }

    .fk_service_feedback {
        background: url(kf/allwx.png) no-repeat -363px -64px #fff
    }

    .fk_service_feedback:hover {
        border: 0;
        background: url(kf/allwx.png) no-repeat -407px -64px #4f7cfc;
        cursor: pointer
    }

    .fk_service_feedback:hover .fk_service_feedback_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }

    .fk_service_feedback_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }


    .fk_service_qr {
        background: url(kf/allwx.png) no-repeat -365px -113px #fff
    }

    .fk_service_qr:hover {
        border: 0;
        background: url(kf/allwx.png) no-repeat -409px -113px #4f7cfc
    }

    .fk_service_qr:hover .fk_service_qr_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }

    .fk_service_qr_cont {
        width: 143px;
        height: 202px;
        border-radius: 3px;
        background: #fff;
        right: 62px;
        position: absolute;
        text-align: center;
        border: 1px solid #e1e6ec;
        background-color: #f6f8fb;
        display: none;
        opacity: 0
    }

    .fk_service_qr_cont>.fk_service_triangle:after {
        border-left: 10px solid #f6f8fb !important
    }

    .fk_service_qr_cont>.fk_service_qrimg {
        width: 100%;
        height: 164px;
        float: left
    }

    .fk_service_qrimg_site {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(kf/allwx.png) no-repeat -41px -26px
    }

    .fk_service_qrimg_hd {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(kf/allwx.png) no-repeat -198px -26px
    }

    .fk_service_qrimg_wxast {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(../image/fk_service.png?v=201905151200) no-repeat -198px -328px
    }

    .fk_service_qrimg_flyer {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(kf/allwx.png) no-repeat -41px -177px
    }

    .fk_service_qrimg_wxapp {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(kf/allwx.png) no-repeat -198px -177px
    }

    .fk_service_qrimg_fkmall {
        width: 119px;
        height: 119px;
        float: left;
        margin: 12px 12px 5px 12px;
        background: url(kf/allwx.png) no-repeat -41px -326px
    }

    .fk_service_qr_cont>.fk_service_qrtext {
        width: 100%;
        height: 35px;
        font-size: 12px;
        color: #7b89a6;
        background-color: #fff;
        float: left;
        bottom: 0;
        display: table
    }

    .fk_service_qr_cont>.fk_service_qrtext>span {
        display: table-cell;
        vertical-align: middle
    }

    .fk_service_upward {
        display: none;
        background: url(kf/allwx.png) no-repeat -363px -159px #fff
    }

    .fk_service_upward:hover {
        border: 0;
        background: url(kf/allwx.png) no-repeat -407px -159px #4f7cfc;
        cursor: pointer
    }

    .fk_service_upward:hover .fk_service_upward_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }

    .fk_service_upward_cont {
        width: 84px;
        height: 40px;
        line-height: 40px;
        border-radius: 3px;
        background: #fff;
        right: 62px;
        position: absolute;
        text-align: center;
        border: 1px solid #e1e6ec;
        display: none;
        opacity: 0
    }

    .fk_service_upward_cont span {
        font-size: 14px
    }
    /* ----------------------------------------------------------------------- */
    /* 新增图标->zmki 开始*/
    .fk_service_jk {
        /* 前景图标 */
        background: url(kf/tag.png) no-repeat center center #fff;
        background-size: 40%40%;
    }
    
    .fk_service_jk:hover {
        border: 0;
        /* 鼠标悬浮图标 */
        background: url(kf/tag_i.png) no-repeat center center #4f7cfc;
        background-size: 40%40%;
        cursor: pointer
    }
    
    .fk_service_jk:hover .fk_service_jk_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_jk_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /* 新增图标->zmki 结束*/
    
    /* 新增图标->zmki 开始*/
    .fk_service_ws {
        background: url(kf/qian.png) no-repeat center center #fff;
        background-size: 50%50%;
    }
    
    .fk_service_ws:hover {
        border: 0;
        background: url(kf/qian_i.png) no-repeat center center #4f7cfc;
        background-size: 50%50%;
        cursor: pointer
    }
    
    .fk_service_ws:hover .fk_service_ws_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_ws_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /* 新增图标->zmki 结束*/
    
    
    /* 闪电 新增图标->zmki 开始*/
    .fk_service_sd {
        background: url(kf/lei.png) no-repeat center center #fff;
        background-size: 50%50%;
    }
    
    .fk_service_sd:hover {
        border: 0;
        background: url(kf/lei_i.png) no-repeat center center #4f7cfc;
        background-size: 50%50%;
        cursor: pointer
    }
    
    .fk_service_sd:hover .fk_service_sd_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_sd_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /*闪电 新增图标->zmki 结束*/
    
    /* 导航 新增图标->zmki 开始*/
    .fk_service_dh {
        background: url(kf/dh.png) no-repeat center center #fff;
        background-size: 60%60%;
    }
    
    .fk_service_dh:hover {
        border: 0;
        background: url(kf/dh_i.png) no-repeat center center #4f7cfc;
        background-size: 60%60%;
        cursor: pointer
    }
    
    .fk_service_dh:hover .fk_service_dh_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_dh_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /*导航 新增图标->zmki 结束*/
    
    /* 爱心 新增图标->zmki 开始*/
    .fk_service_ax {
        background: url(kf/xin.png) no-repeat center center #fff;
        background-size: 40%40%;
    }
    
    .fk_service_ax:hover {
        border: 0;
        background: url(kf/xin_i.png) no-repeat center center #4f7cfc;
        background-size: 40%40%;
        cursor: pointer
    }
    
    .fk_service_ax:hover .fk_service_ax_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_ax_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /*爱心 新增图标->zmki 结束*/
    
    /* 点赞 新增图标->zmki 开始*/
    .fk_service_dz {
        background: url(kf/zan.png) no-repeat center center #fff;
        background-size: 50%50%;
    }
    
    .fk_service_dz:hover {
        border: 0;
        background: url(kf/zan_i.png) no-repeat center center #4f7cfc;
        background-size: 50%50%;
        cursor: pointer
    }
    
    .fk_service_dz:hover .fk_service_dz_cont {
        display: block;
        opacity: 1;
        transition: linear .2s;
        animation-name: fade-in;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-delay: 0s
    }
    
    .fk_service_dz_cont {
        width: 264px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        right: 62px;
        text-align: center;
        position: absolute;
        display: none;
        border: 1px solid #e1e6ec
    }
    
    /*点赞 新增图标->zmki 结束*/

        /* 手机端自动隐藏 开始 */
    @media screen and (max-width: 1221px) { .wapnone{display:none; }
    }
    /* 手机端自动隐藏 结束 */
    
    



footer {
	border-top: solid 1px #eceff0
}

@media only screen and (max-width:767px) {
	footer .row .padding-def {
		flex-wrap: wrap;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}

@media only screen and (max-width:767px) {
	footer .row .padding-def [class^='col-']:nth-child(3) {
		order: 1
	}
}

footer .list-inline {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

@media only screen and (max-width:767px) {
	footer .list-inline li a {
		color: #2e2e2e !important
	}
}

footer .f-copy {
	color: #7e7e7e
}

@media only screen and (max-width:767px) {
	footer .f-copy {
		margin-bottom: 10px
	}
}

footer .f-copy a {
	color: #7e7e7e
}

footer .f-copy a:hover {
	color: #ea2c5a
}

footer .f-icon {
	width: 140px;
	font-size: 22px;
	color: #637076;
	padding-left: 15px
}

@media only screen and (min-width:768px) {
	footer .f-icon {		
	}
}

footer .f-icon a {
	padding-right: 14px;
	color: #637076
}

footer .f-icon a:hover {
	color: #ea2c5a
}

@media only screen and (min-width:768px) {
	footer .f-lang {
		padding-top: 30px
	}
}

footer .f-lang .btn-default {
	color: #2e2e2e;
	background-color: transparent;
	border: none
}

@media only screen and (max-width:767px) {
	footer .f-lang .btn-default {
		margin-bottom: 6px;
		background-color: #eceff0 !important;
		border-radius: 30px;
		padding: 10px 22px
	}
}

@media only screen and (max-width:767px) {
	footer .f-last-line {
		justify-content: center;
		align-items: center;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
}



.cpt-toast {
	position: fixed;
	left: 50%;
	top: 50%;
	text-align: center;
	animation-duration: .3s;
	max-width: 300px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	transform: translate(-50%, -50%);
	transform: translate3d(-50%, -50%, 0);
	font-family: 微软雅黑, microsoft yahei;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	word-wrap: break-word
}


body.dark .navbar-container,
body.dark .navbar-container2,
body.dark .content-block.head-div,
body.dark .content-block .cb-header,
body.dark .v-categories.side-menu .content-block .cb-content>.row>div:last-child,
body.dark .v-categories.side-menu .content-block .cb-content>.row>div:first-child,
body.dark footer,
body.dark .delimiter,
body.dark .c-details,
body.dark .h-divider,
body.dark .content-wrapper.head-div,
body.dark .caption,
body.dark .showless,
body.dark .showless a,
body.dark .list.similar-videos,
body.dark .loadmore,
body.dark .comments-list .cl-header,
body.dark .tabs-panel,
body.dark .tabs-content .tab-1 div:first-child,
body.dark .tabs-content .tab-2,
body.dark .tabs-content .tab-3,
body.dark .h-video,
body.dark .cb-content.videolist,
body.dark .u-details-wrap,
body.dark .channels-content .theme-section {
	border-color: #424242 !important
}

body.dark .block-list div {
	border-color: #242424 !important
}

body.dark .v-categories.side-menu .content-block .cb-content>.row>div:first-child {
	background-color: #242424 !important
}

body.dark .v-categories.side-menu .bg-add {
	background: #242424
}

body.dark .navbar-container2 .h-resume {
	color: #7e7e7e
}

body.dark .navbar-container2 .color-default {
	color: #a9a9a9
}

body.dark .list-inline li a {
	color: #7e7e7e
}

body.dark .list-inline li a:not(.color-active):hover {
	color: #a2abaf !important
}

body.dark .list-inline.menu li a {
	color: #a9a9a9
}

body.dark .f-copy .list-inline li a {
	color: #7e7e7e
}

body.dark .f-copy .list-inline li a:hover {
	color: #a9a9a9
}

body.dark .topsearch .input-group input,
body.dark .topsearch .input-group .input-group-addon,
body.dark .topsearch .input-group .input-group-btn {
	background-color: #3c3d3e
}

body.dark i.fa,
body.dark i.cv,
body.dark .caret {
	color: #a2abaf
}

body.dark .btn-arrow {
	border-color: #a2abaf !important
}

body.dark .selectuser .btn-default {
	color: #a2abaf
}

body.dark .btn.btn-default {
	color: #a9a9a9 !important
}

body.dark .b-video .v-desc,
body.dark .b-playlist .v-desc,
body.dark .b-category .v-desc,
body.dark .h-video .v-desc,
body.dark .b-video .name,
body.dark .b-playlist .name,
body.dark .b-category .name,
body.dark .h-video .name,
body.dark .b-video .v-desc a,
body.dark .b-playlist .v-desc a,
body.dark .b-category .v-desc a,
body.dark .h-video .v-desc a,
body.dark .b-video .name a,
body.dark .b-playlist .name a,
body.dark .b-category .name a,
body.dark .h-video .name a {
	color: #a9a9a9
}

body.dark .b-video .v-desc:hover,
body.dark .b-playlist .v-desc:hover,
body.dark .b-category .v-desc:hover,
body.dark .h-video .v-desc:hover,
body.dark .b-video .name:hover,
body.dark .b-playlist .name:hover,
body.dark .b-category .name:hover,
body.dark .h-video .name:hover,
body.dark .b-video .v-desc a:hover,
body.dark .b-playlist .v-desc a:hover,
body.dark .b-category .v-desc a:hover,
body.dark .h-video .v-desc a:hover,
body.dark .b-video .name a:hover,
body.dark .b-playlist .name a:hover,
body.dark .b-category .name a:hover,
body.dark .h-video .name a:hover {
	color: #ea2c5a
}

body.dark .v-pagination a {
	background-color: #424242;
	color: #7e7e7e
}

body.dark .v-pagination a i.cv {
	color: #90989b
}

body.dark .v-pagination a:hover,
body.dark .v-pagination a.active {
	background-color: #666;
	color: #fff
}

body.dark .c-details .c-name {
	color: #a9a9a9
}

body.dark .c-details .c-sub-wrap .c-s {
	border-color: #343434 !important
}

body.dark .cb-search input {
	background-color: #424242;
	border-color: #424242;
	color: #7e7e7e !important
}

body.dark .cns-block .cns-info {
	border-color: #242424 !important;
	background-color: #242424
}

body.dark .cns-block .cns-info h5 {
	color: #a9a9a9 !important
}

body.dark .cns-block .cns-img-small .cns-small-wrapp {
	background-color: #242424 !important
}

body.dark .loadmore .btn {
	background-color: #424242 !important;
	border-color: #424242
}

body.dark .loadmore .btn:hover {
	color: #ea2c5a !important;
	border-color: #ea2c5a
}

body.dark .login-window .l-head {
	background-color: #242424;
	border-color: #424242 !important;
	color: #a9a9a9
}

body.dark .login-window .l-form {
	background-color: #343434
}

body.dark .login-window label,
body.dark .login-window .signuptext a {
	color: #a9a9a9
}

body.dark .login-window input {
	background-color: #424242;
	border-color: #424242
}

body.dark .s-s-title {
	color: #a9a9a9
}

body.dark .caption .left a {
	color: #a9a9a9
}

body.dark .caption .left a:hover {
	color: #ea2c5a
}

body.dark .caption .right:hover a,
body.dark .caption .right:hover a i {
	color: #ea2c5a
}

body.dark h1 a {
	color: #a9a9a9
}

body.dark h1 a:hover {
	color: #ea2c5a
}

body.dark .author {
	background-color: #242424;
	-webkit-box-shadow: 0 2px 1px 1px #242424;
	-moz-box-shadow: 0 2px 1px 1px #242424;
	box-shadow: 0 2px 1px 1px #242424
}

body.dark .author .sv-name a {
	color: #a9a9a9
}

body.dark .author .c-sub .c-s {
	border-color: #424242 !important;
	background-color: #343434
}

body.dark .author .sv-views-count {
	color: #a9a9a9
}

body.dark .info h4 {
	color: #a9a9a9
}

body.dark .sv-tags span {
	background-color: #242424 !important
}

body.dark .sv-tags span a {
	color: #a9a9a9
}

body.dark .sv-tags span a:hover {
	color: #ea2c5a
}

body.dark .adblock .img,
body.dark .adblock2 .img {
	background-color: #3c3d3e
}

body.dark .showless a {
	background-color: #424242;
	color: #7e7e7e
}

body.dark .comments .reply-comment .rc-header {
	color: #a9a9a9
}

body.dark .comments .rc-comment textarea {
	background-color: #424242;
	border-color: #424242
}

body.dark .comments .comments-list .cl-header .c-nav .list-inline li a.active {
	color: #a9a9a9
}

body.dark .comments .comments-list .cl-header .c-nav .list-inline li a:hover {
	color: #a9a9a9
}

body.dark .comments .comments-list .cl-text {
	color: #a9a9a9
}

body.dark .loadmore-comments form .btn.btn-default.h-btn {
	background-color: #424242;
	border-color: #424242
}

body.dark .loadmore-comments form .btn.btn-default.h-btn:hover {
	color: #ea2c5a !important;
	border-color: #ea2c5a
}

body.dark .tabs-panel a.active {
	background-color: #424242 !important
}

body.dark .tabs-panel a.active,
body.dark .tabs-panel a.active i {
	color: #ea2c5a !important
}

body.dark .tabs-panel a:hover,
body.dark .tabs-panel a:hover i {
	color: #ea2c5a !important
}

body.dark .tabs-panel a i {
	color: #a2abaf !important
}

body.dark .tabs-content .tab-2 i.fa,
body.dark .tabs-content .tab-2 i.fa:hover {
	color: #fff !important
}

body.dark .tabs-content .tab-2 i.fa.fa-reddit {
	color: #5f99cf !important
}

body.dark .tabs-content input,
body.dark .tabs-content textarea {
	background-color: #424242;
	color: #7e7e7e;
	border-color: #424242
}

body.dark .tabs-content .tags-type2 a,
body.dark .tabs-content .tags-type1 a {
	background-color: #242424;
	border-color: #242424
}

body.dark .tabs-content .tags-type2 a,
body.dark .tabs-content .tags-type2 a i {
	color: #a9a9a9
}

body.dark .tabs-content .tags-type2 a:hover {
	background-color: #3c3d3e
}

body.dark label.checkbox {
	background-color: #424242;
	border-color: #424242
}

body.dark .block-list div.active {
	border-color: #ea2c5a !important
}

body.dark .block-list div.active span {
	color: #a9a9a9 !important
}

body.dark .list .v-number {
	color: #666
}

body.dark .block-list>div {
	background-color: #424242 !important
}

body.dark .block-list>div a{
	color: #fff
}

body.dark .info p{
    color: #B1B1C1 !important
}

body.dark .block-list>div a:hover{
	color: #f30
}

body.dark .block-list>div.active i {
	color: #ea2c5a
}

body.dark .sscr-user-info .sscr-name {
	color: #a9a9a9 !important;
}

body.dark .u-area .u-text1 {
	color: #a9a9a9 !important
}

body.dark .cv.cvicon-cv-upload-video {
	color: #a2abaf !important
}

body.dark .form-group label {
	color: #a9a9a9
}

body.dark .form-group input,
body.dark .form-group textarea,
body.dark .form-group select {
	background: #424242;
	border-color: #424242;
	color: #7e7e7e
}

body.dark .u-details .ud-caption {
	color: #a9a9a9
}

body.dark .u-details .cvicon-cv-cancel {
	color: #a2abaf
}

body.dark .u-details .cvicon-cv-cancel:hover {
	color: #ea2c5a
}

body.dark .u-details .u-title {
	color: #a9a9a9
}

body.dark .clipboard .btn-copy {
	background-color: #242424;
	color: #a9a9a9
}

body.dark .clipboard .btn-copy:hover {
	background-color: #343434
}

body.dark .loginsignup a {
	color: #a9a9a9
}

body.dark .channels-content h4 {
	color: #a9a9a9
}

body.dark .btn-view-more:hover {
	color: #a9a9a9 !important
}

body.dark .c-sub-wrap .c-s {
	background-color: #424242;
	border-color: #424242
}

body.dark .topsearch .input-group i.fa:hover,
body.dark .topsearch .input-group i.cv:hover {
	color: #a2abaf !important
}

body.dark .head-arrow-icon {
	background-color: #343434 !important
}

body.dark .c-details .btn-default {
	background-color: #424242 !important
}

@media only screen and (max-width:767px) {

	body.dark .f-lang .btn-default,
	body.dark .search-group-transform .s-s-title {
		background-color: #424242 !important
	}
}

body.dark .f-links ul li a,
body.dark .f-copy ul li a {
	color: #a9a9a9 !important
}

body.dark .navbar-container,
body.dark .navbar-container2 {
	border-color: #9ea6aa !important
}

body.dark .input-group-addon {
	background-color: transparent !important
}

body.dark .search-open .input-group-addon {
	background-color: #3c3d3e !important
}

body.dark .v-history .cb-content .row:not(:last-child) {
	border-color: #424242 !important
}

body.dark .acide-panel-top,
body.dark .author-border,
body.dark .features .feature,
body.dark .single-v-footer-switch a:not(.active),
body.dark .tab-popup .tab-popup-content,
body.dark .share-link,
body.dark .popup-download-load a,
body.dark .mobile-menu .mobile-menu-head,
body.dark .mobile-menu .mobile-menu-user,
body.dark .mobile-menu .mobile-menu-list,
body.dark .mobile-menu-categories,
body.dark .mobile-menu-categories li a {
	border-color: #424242
}

body.dark .duration-range .irs-line {
	background-color: #424242 !important
}

body.dark .duration-range .irs-bar {
	background-color: #424242 !important
}

body.dark .duration-range .irs-slider {
	background-color: #424242 !important
}

body.dark .u-progress .progress {
	background-color: #424242 !important
}

body.dark .tab-popup {
	background-color: #343434 !important
}

body.dark .tab-popup .tab-popup-head {
	background-color: #242424
}

body.dark .tab-popup .tab-popup-head span {
	color: #a9a9a9
}

body.dark .share-link {
	background-color: #424242
}

body.dark .popup-download-load a {
	background-color: #424242
}

body.dark .tab-popup .popup-download-load a span:last-of-type {
	color: #7e7e7e
}

body.dark .mobile-menu {
	background-color: #343434
}

body.dark .mobile-menu-head {
	background-color: #242424
}

body.dark .mobile-menu-logout {
	background-color: #424242;
	color: #7e7e7e
}

body.dark .mobile-menu-categories li a,
body.dark .mobile-menu-user p {
	color: #7e7e7e
}

body.dark .mobile-menu-close {
	border-color: #a2abaf
}

body.dark .navbar-container2{
    background: #000;
}

body.dark .container h1,body.dark .caption span,body.dark .mobile-menu-list li a{
    color: #fff;
}


.u-form .u-category {
	color: #a9a9a9 !important
}
i.cv { color: #ea2c5a !important;}
i.fa:hover,
i.cv:hover {
	color: #ea2c5a !important
}

.b-video .v-desc:hover,
.b-playlist .v-desc:hover,
.b-category .v-desc:hover,
.v-desc .v-desc:hover,
.b-video .name:hover,
.b-playlist .name:hover,
.b-category .name:hover,
.v-desc .name:hover,
.b-video .v-desc:hover a,
.b-playlist .v-desc:hover a,
.b-category .v-desc:hover a,
.v-desc .v-desc:hover a,
.b-video .name:hover a,
.b-playlist .name:hover a,
.b-category .name:hover a,
.v-desc .name:hover a {
	color: #ea2c5a !important
}

.upload-button i.cv.cvicon-cv-upload-video {
	color: #fff !important
}

.upload-button:hover i.cv.cvicon-cv-upload-video {
	color: #2cce8f !important
}

.color-active {
	color: #ea2c5a !important
}

.color-active>a {
	color: #ea2c5a !important
}

.c-social i.fa {
	color: #fff !important
}