/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'xwboo22';  /* Project id 2797050 */
  src: url('//at.alicdn.com/t/c/font_2797050_bdu69kfb5l7.woff2?t=1736410353016') format('woff2'),
       url('//at.alicdn.com/t/c/font_2797050_bdu69kfb5l7.woff?t=1736410353016') format('woff'),
       url('//at.alicdn.com/t/c/font_2797050_bdu69kfb5l7.ttf?t=1736410353016') format('truetype');
}
.xwboo {
	font-family: "xwboo22" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.hbzhan {
	font-family: "hbzhan" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: 'hbzhan';  /* Project id 1875012 */
	src: url('//at.alicdn.com/t/c/font_1875012_jlb1xzayt5p.woff2?t=1753060362716') format('woff2'),
		 url('//at.alicdn.com/t/c/font_1875012_jlb1xzayt5p.woff?t=1753060362716') format('woff'),
		 url('//at.alicdn.com/t/c/font_1875012_jlb1xzayt5p.ttf?t=1753060362716') format('truetype');
  }
html, body {
	height: 100%;
    overflow: auto;
}
.my-bot .label {
	color: #bababa;
	font-size: 14px;
	margin-top: 20px;
    position: relative;
}
.my-bot .label .more {
	position: absolute;
	right: 0;
	color: #bababa;
	top: 0;
    display: none;
}
.my-bot .label .more:hover {
    color: #ddd;
}
.my-bot .label .more i {
	font-size: 6px;
	vertical-align: top;
	display: inline-block;
	margin-top: 5px;
	margin-left: 6px;
}
.my-bot .label .more.focus i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.my-bot .arr-list {
	margin-top: 20px;
	overflow: hidden;
}
.my-bot .arr-list ul {
    overflow: hidden;
    margin-right: -14px;
    margin-top: -14px;
}
.arr-list li {
	float: left;
	width: 33.33%;
}
.arr-list li:nth-child(n+4) {
    display: none;
}
.arr-list li .item {
	margin-right: 14px;
	margin-top: 14px;
	padding: 12px;
	background: #252632;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
}
.arr-list li .item:hover {
	background: #33343F;
}
.arr-list li .item .image {
	width: 88px;
	height: 88px;
	float: left;
	margin-right: 14px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.arr-list li .item .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.arr-list li .item .text {
	overflow: hidden;
	color: #999;
}
.arr-list li .item .text p {
	font-size: 16px;
	margin-top: 8px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #ddd;
}
.arr-list li .item .text p a {
    color: #ddd;
}
.arr-list li .item .text .num {
    font-size: 14px;
    margin-top: 36px;
}
.ta-works-top .label-arr .swiper-slide:last-child .item a {
    margin-right: 0;
}
.ta-message .right-btn a.focus {
	background: #555;
	border-color: #555;
}
.ta-message .right-btn a.focus:hover {
	background: #777;
	border-color: #777;
	color: #fff;
}
.ta-arr .list li.active .image a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
}
.ta-arr li.active .video-icon {
	background-image: url(http://public.mtnets.com/Images/public/zhibo-icon-red.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-size: contain;
    z-index: 9;
}
.ta-arr .list li.active .text p a {
	color: #fe2c55 !important;
}
.ta-arr .list li {
    height: 74px;
}
.ta-works .list ul, .video-comment-list ul, .ta-arr .list ul {
	position: relative;
}
header .logo .name {
	margin-left: 10px;
	font-size: 28px;
	color: #fff;
	vertical-align: top;
	display: inline-block;
    font-weight: bold;
}
body .jw-error {
	max-width: 100%;
}
.jwplayer {
	background: transparent !important;
}
.fadeIn {
	opacity: 0;
	-webkit-animation: fadeIn .5s ease forwards;
	-moz-animation: fadeIn .5s ease forwards;
	animation: fadeIn .5s ease forwards
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
.right-fix.overflow {
	overflow-y: auto;
	max-height: 96%;
	overflow-x: hidden;
}
.jw-controlbar {
	display: table !important;
}
@font-face {
	font-family: 'hbzhan';  /* Project id 1875012 */
	src: url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.woff2?t=1727596875659') format('woff2'),
		 url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.woff?t=1727596875659') format('woff'),
		 url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.ttf?t=1727596875659') format('truetype');
  }

.hbzhan {
	font-family: "hbzhan" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: "阿里妈妈数黑体 Bold";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/gkGUrOVNPEsN/egu5PEKGilx5.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/gkGUrOVNPEsN/11QElrx4Efg5.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family:"Din";
	src: url('https://public.mtnets.com/Font/din/DINWebW07Medium.ttf'),
		url('https://public.mtnets.com/Font/din/DINWebW07Medium.eot'),
		url('https://public.mtnets.com/Font/din/DINWebW07Medium.svg');
	/*IE9*/
}
/* 移除所有元素的 focus-visible 样式 */
a {
    outline: none; /* 或者其他你希望应用的样式 */
}
.hot-bot{
    display: none;
}
.ease {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
* {
	scrollbar-color: #f2f2f4 transparent;
	scrollbar-color: var(--color-secondary-default)transparent;
	scrollbar-width: thin
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
/* 针对特定元素隐藏滚动条 */
.main-left *,.main-right {
    scrollbar-width: none; /* 隐藏该div元素的滚动条 */
}
.main-left *::-webkit-scrollbar,.main-right::-webkit-scrollbar {
	width: 0;
	height: 6px;
}

::-webkit-scrollbar-track {
	width: 12px;
	background: 0 0;
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-webkit-scrollbar-thumb {
	width: 16px;
	background: 0 0;
	border-radius: 4px;
	transition: all 1s;
}

:hover::-webkit-scrollbar-thumb {
	background: #f2f2f4;
}

::-webkit-scrollbar-thumb:hover {
	background: #747474;
}
@-webkit-keyframes jello-vertical {
	0% {
		transform: translateY(0) scale(1) rotate(0);
	}

	25% {
		transform: translateY(-2px) scale(1) rotate(-10deg);
	}

	50% {
		transform: translateY(-2px) scale(1.2) rotate(10deg);
	}

	75% {
		transform: translateY(-2px) scale(1) rotate(-10deg);
	}

	100% {
		transform: translateY(0) scale(1) rotate(0);
	}
}

@keyframes jello-vertical {
	0% {
		transform: translateY(0) scale(1) rotate(0);
	}

	25% {
		transform: translateY(-2px) scale(1) rotate(-10deg);
	}

	50% {
		transform: translateY(-2px) scale(1.2) rotate(10deg);
	}

	75% {
		transform: translateY(-2px) scale(1) rotate(-10deg);
	}

	100% {
		transform: translateY(0) scale(1) rotate(0);
	}
}
.White-bg {
	background: #fff !important;
}
body {
	line-height: 1;
}
.Center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.null-data {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.null-data p {
    margin-top: 68px;
    font-size: 22px;
    font-weight: bold;
}
.null-data .content {
    margin-top: 18px;
    font-size: 18px;
}
.null-data .content a {
    color: #0f9e51;
}
.banner-adv {
	margin: 0 auto;
	overflow: hidden;
}

.banner-adv ul {
	width: calc(100% + 10px);
	display: inline;
	float: left;
	margin: -10px 0 0 -5px;
}

.banner-adv ul li {
	display: block;
	float: left;
	position: relative;
}
.banner-adv ul li .adv-item {
	margin: 10px 5px 0 5px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.banner-adv ul.one li {
	width: 100%;
}

.banner-adv ul.two li {
	width: 50%;
}

.banner-adv ul.three li {
	width: 33.33%;
}

.banner-adv ul.four li {
	width: 25%;
}

.banner-adv ul.five li {
	width: 20%;
}

.banner-adv ul.six li {
	width: 16.66%;
}
.advs {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 99;
}

.advs img {
	display: block;
}

.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
.mt72 {
	margin-top: 72px;
}
.mt32 {
	margin-top: 32px;
}
.hidden {
	display: none !important;
}
.w {
	margin: 0 auto;
	box-sizing: border-box;
}
.w::after {
	clear: both;
	content: "";
	display: block;
}
.iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
}
.iframe {
	overflow: hidden;
}
body {
	background: url(../../../../images/shortVideo/version/2023/bg.png) no-repeat !important;
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-color: #161823 !important;
}
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 16px 24px;
	box-sizing: border-box;
	z-index: 9999;
	background: url(../../../../images/shortVideo/version/2023/bg.png) no-repeat;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #161823;
}
header .logo {
	height: 40px;
	line-height: 40px;
	float: left;
}
header .logo a img {
	height: 40px;
}
header .logo span{
    display: inline-block;
    padding-left: 50px;
    position: relative;
}
header .logo span::after{
    position: absolute;
    content: "";
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background-color: #fff;
}
header .logo span img{
    height: 24px;
}
header .search {
	margin: 0 0 0 86px;
  	position: relative;
	float: left;
}
header .search form {
	height: 100%;
}
header .search input {
	height: 40px;
  	line-height: 40px;
  	width: 380px;
  	padding-right: 90px;
  	border-radius: 30px;
  	text-indent: 20px;
  	font-size: 14px;
  	color: #aaa;
  	background-color: #fff;
  	box-sizing: border-box;
  	border: 0;
}
header .search button {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    height: 36px;
    line-height: 36px;
    width: 80px;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    border: 0;
    background-color: #ff9500;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff6700));
	background-image: -webkit-linear-gradient(90deg, #ff9500, #ff6700);
	background-image: -moz-linear-gradient(90deg, #ff9500, #ff6700);
	background-image: -ms-linear-gradient(90deg, #ff9500, #ff6700);
	background-image: -o-linear-gradient(90deg, #ff9500, #ff6700);
	background-image: linear-gradient(90deg, #ff9500, #ff6700);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9500', endColorStr='#ff6700');
}
header .right{
	top: 0;
	right: 24px;
	height: 72px;
    line-height: 72px;
	position: absolute;
}
header .right ul{
    overflow: hidden;
}
header .right li{
    float: left;
    width: 128px;
    text-align: center;
}
header .right li a{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}
header .right li a:hover,header .right li a.focus{
    background-color: #ff730b;
}
header .menu-nav {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
header .menu-nav ul {
	float: left;
}
header .menu-nav li {
	float: left;
	margin-left: 22px;
	position: relative;
}
header .menu-nav li:hover .menu-bot {
	display: block;
}
header .menu-nav li .menu-top {
	text-align: center;
	position: relative;
	z-index: 2;
}
header .menu-nav li .menu-bot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 55px;
	display: none;
}
header .menu-nav li .menu-bot::after {
	content: "";
	top: -55px;
	height: 55px;
	width: 100%;
	position: absolute;
}
.down-app {
	width: 300px;
	border-radius: 8px;
	padding: 20px 16px;
	box-sizing: border-box;
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.24);
	background-image: url(../../../../images/shortVideo/version/2023/down-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.down-app-top {
	overflow: hidden;
}
.down-app-top .erweima {
	float: right;
	width: 100px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	padding: 2px 2px 4px;
	text-align: center;
	border: 2px solid #1c8446;
}
.down-app-top .left {
	overflow: hidden;
	color: #a3a3a3;
	padding-left: 8px;
}
.down-app-top .left p {
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	margin-top: 10px;
}
.down-app-top .left p i {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #a3a3a3;
	margin-right: 10px;
	margin-top: 7px;
}
.down-app-top .left p:first-child {
	margin-top: 8px;
}
.down-app .download-btn {
	margin-top: 16px;
}
.down-app .download-btn a {
	display: block;
	border-radius: 8px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	background: linear-gradient(90deg, rgb(238,206,64),rgb(19,129,70),#278c56,rgb(19,129,70), rgb(238,206,64));
	background-size: 400%;
}
.down-app .download-btn a:hover {
	animation: sun 16s infinite linear;
}
@keyframes sun {100%{background-position: -400% 0;}}
.down-app .download-btn a i {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	width: 16px;
	height: 14px;
	background-image: url(../../../../images/shortVideo/version/2023/download-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin-top: 16px;
	margin-right: 7px;
}

header .menu-nav li i {
	font-size: 20px;
	color: #ccc;
}
header .menu-nav li b {
	font-weight: normal;
	display: block;
	margin-top: 9px;
}
header .menu-nav li a {
	color: #a3a3a3;
}
header .menu-nav li a:hover,header .menu-nav li a:hover i {
	color: #fff;
}
header .menu-nav .btn {
	float: left;
	margin-left: 32px;
	font-size: 0;
}
header .menu-nav .btn a {
	display: inline-block;
	margin-right: 0;
	font-size: 16px;
	line-height: 36px;
	height: 40px;
	box-sizing: border-box;
	background-color: #ff3737;
	border: 1px solid #ff3737;
	border-radius: 8px;
	color: #fff;
	padding: 0 23px;
	cursor: pointer;
	vertical-align: top;
	margin-top: 1px;
}
.main-con {
	overflow: hidden;
}
.main-left, .main-right {
	height: calc(100vh - 96px);
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
	position: relative;
}
.main-left {
	float: left;
	width: 144px;
	padding: 50px 14px;
	box-sizing: border-box;
	margin-left: 24px;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.main-left .line {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-image: -moz-linear-gradient( 0deg, rgba(0,0,0,0.50196) 0%, rgba(56,69,65,0.5) 0%, rgba(3,207,98,0.5) 51%, rgba(94,82,54,0.50196) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(0,0,0,0.50196) 0%, rgba(56,69,65,0.5) 0%, rgba(3,207,98,0.5) 51%, rgba(94,82,54,0.50196) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(0,0,0,0.50196) 0%, rgba(56,69,65,0.5) 0%, rgba(3,207,98,0.5) 51%, rgba(94,82,54,0.50196) 100%);
}
.main-left .line:last-child {
	top: auto;
	bottom: -8px;
	background: url(../../../../images/shortVideo/version/2023/ty.png) no-repeat bottom center;
	height: 9px;
	background-size: auto 100%;
}
.main-left::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 12px;
	background: rgba(255,255,255,.1);
}
.nav::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 12px 0px rgba(40, 40, 40, 0.35);
	border-style: solid;
	border-radius: 12px;
	opacity: 0.078;
}
.nav::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 12px;
	background-image: -moz-linear-gradient( 90deg, rgb(238,206,64) 0%, rgb(38,164,128) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(238,206,64) 0%, rgb(38,164,128) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(238,206,64) 0%, rgb(38,164,128) 100%);
	opacity: 0.12;
}
.nav {
	overflow-x: hidden;
	height: 100%;
	overflow-y: auto;
}
.nav ul {
	padding-bottom: 20px;
	padding-top: 14px;
	position: relative;
	z-index: 2;
}
.nav ul::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.54) 54%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.54) 54%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.54) 54%, rgb(255,255,255) 100%);
	opacity: 0.16;
}
.nav ul:first-child {
	padding-top: 0;
}

.nav ul:first-child::after {
	display: none;
}
.nav li {
	margin-top: 10px;
}
.nav li:first-child {
	margin-top: 0;
}
.nav li a {
	display: block;
	height: 44px;
	line-height: 44px;
	border-radius: 8px;
	font-size: 18px;
	overflow: hidden;
	padding-left: 20px;
	color: rgba(185,185,186,.8);
}
.nav li .icon {
	float: left;
	width: 25px;
	margin-right: 8px;
	text-align: center;
}
.nav li .icon i {
	width: 20px;
	height: 20px;
	background-image: url(../../../../images/shortVideo/version/2023/index-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: inline-block;
	vertical-align: top;
	margin-top: 12px;
}
.nav li .icon i.recommend-icon {
	background-image: url(../../../../images/shortVideo/version/2023/recommend-icon.svg);
	width: 25px;
}
.nav li .icon i.shh-icon {
	background-image: url(../../../../images/shortVideo/version/2023/shh-icon.svg);
	width: 23px;
}
.nav li .icon i.follow-icon {
	background-image: url(../../../../images/shortVideo/version/2023/follow-icon.svg);
	width: 21px;
}
.nav li .icon i.friend-icon {
	background-image: url(../../../../images/shortVideo/version/2023/friend-icon.svg);
}
.nav li .icon i.my-icon {
	background-image: url(../../../../images/shortVideo/version/2023/my-icon.svg);
}
.nav li .icon i.hot-icon {
	background-image: url(../../../../images/shortVideo/version/2023/hot-icon.svg);
	height: 24px;
	width: 24px;
	margin-top: 10px;
}
.nav li .icon i.new-icon {
	background-image: url(../../../../images/shortVideo/version/2023/new-icon.svg);
	width: 21px;
}
.nav li .icon i.active-icon {
	background-image: url(../../../../images/shortVideo/version/2023/active-icon.svg);
	width: 22px;
}
.nav li .icon i.exhi-icon {
	background-image: url(../../../../images/shortVideo/version/2023/exhi-icon.svg);
	width: 19px;
}
.nav li .icon i.meet-icon {
	background-image: url(../../../../images/shortVideo/version/2023/meet-icon.svg);
}
.nav li .icon i.web-icon {
	background-image: url(../../../../images/shortVideo/version/2023/web-icon.svg);
}
.nav li .icon i.company-icon {
	background-image: url(../../../../images/shortVideo/version/2023/company-icon.svg);
	width: 22px;
}
.nav li .icon i.gc-icon {
	background-image: url(../../../../images/shortVideo/version/2023/gc-icon.svg);
	width: 19px;
}
.nav li .icon i.lt-icon {
	background-image: url(../../../../images/shortVideo/version/2023/lt-icon.svg);
	width: 22px;
	height: 22px;
}

.nav li a:hover {
	color: #0f9e51;
	background-color: rgba(255, 255, 255,.08);
}
.nav li a.focus {
	background-color: rgba(255, 255, 255,.08);
	color: #0f9e51;
}
.nav li a.focus i {
	background-image: url(../../../../images/shortVideo/version/2023/index-icon2.svg);
}
.nav li a.focus i.recommend-icon {
	background-image: url(../../../../images/shortVideo/version/2023/recommend-icon2.svg);
}
.nav li a.focus i.shh-icon {
	background-image: url(../../../../images/shortVideo/version/2023/shh-icon2.svg);
}
.nav li a.focus i.follow-icon {
	background-image: url(../../../../images/shortVideo/version/2023/follow-icon2.svg);
}
.nav li a.focus i.friend-icon {
	background-image: url(../../../../images/shortVideo/version/2023/friend-icon2.svg);
}
.nav li a.focus i.my-icon {
	background-image: url(../../../../images/shortVideo/version/2023/my-icon2.svg);
}

.nav li a.focus i.new-icon {
	background-image: url(../../../../images/shortVideo/version/2023/new-icon2.svg);
}
.nav li a.focus i.active-icon {
	background-image: url(../../../../images/shortVideo/version/2023/active-icon2.svg);
}
.nav li a.focus i.exhi-icon {
	background-image: url(../../../../images/shortVideo/version/2023/exhi-icon2.svg);
}
.nav li a.focus i.meet-icon {
	background-image: url(../../../../images/shortVideo/version/2023/meet-icon2.svg);
}
.nav li a.focus i.web-icon {
	background-image: url(../../../../images/shortVideo/version/2023/web-icon2.svg);
}
.nav li a.focus i.company-icon {
	background-image: url(../../../../images/shortVideo/version/2023/company-icon2.svg);
}
.nav li a.focus i.gc-icon {
	background-image: url(../../../../images/shortVideo/version/2023/gc-icon2.svg);
}
.main-right {
	padding: 0 24px 0;
}
.result-nav p {
	font-size: 0;
}
.result-nav p a {
	font-size: 18px;
	color: #fff;
	margin-right: 70px;
}
.result-nav p a:last-of-type {
	margin-right: 0;
}
.result-nav p a.focus {
	color: #138146;
}
.result-main {
	margin-top: 20px;
}
.key-nav {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.key-nav p {
	font-size: 0;
}
.key-nav p a {
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	border-radius: 4px;
	padding: 0 10px;
	margin-right: 12px;
	background-color: rgb(255,255,255,.2);
	color: rgba(255,255,255,.6);
}
.key-nav p a.focus {
	color: #138146;
	background-color: rgba(25,142,78,.2);
}
.key-nav p a:hover {
	color: #138146;
}
.search-main {
	margin-top: 22px;
	overflow: hidden;
}
.search-main .right {
	float: right;
	margin-left: 24px;
}
.search-fixbox {
	padding: 0 8px;
	width: 328px;
	box-sizing: border-box;
}
.search-fixbox .title {
	font-size: 18px;
	color: #fff;
}
.search-fixbox .list {
	margin-top: 25px;
}
.search-fixbox .list li:first-child {
	margin-top: 0;
}
.search-fixbox .list li {
	margin-top: 18px;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
}
.search-fixbox .list li a {
	color: #fff;
}
.search-fixbox .list li a:hover,.search-fixbox .list li a:hover b {
	color: #138146;
}
.search-fixbox .list li b {
	color: #777;
	font-weight: normal;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.search-fixbox .list li i {
	font-size: 16px;
	margin-right: 6px;
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	color: #666;
}
.search-bot {
	display: none;
	overflow: hidden;
}
.left-video-list {
	width: 100%;
	overflow: hidden;
}
.left-video-list ul {
	overflow: hidden;
	margin-right: -24px;
	margin-top: -24px;
}
.left-video-list li {
	float: left;
	width: 25%;
}
.left-video-list li .item {
	margin-right: 24px;
	margin-top: 24px;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(45,46,53,.7);
}
.left-video-list li .image {
	position: relative;
}
.left-video-list li .image img {
    width: 100%;
}
.left-video-list li .image:hover .mask {
	background-color: rgba(0,0,0,0.4);
}
.left-video-list li .image .play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -31px;
	margin-top: -31px;
	width: 62px;
	height: 62px;
	background: url(../../../../images/shortVideo/version/2023/playIcon.png) no-repeat;
	background-size: contain;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.left-video-list li .image:hover .play {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.left-video-list li .text {
	padding: 15px;
}
.left-video-list li .text p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}
.left-video-list li .text p a {
	color: #fff;
}
.left-video-list li .text p a:hover {
	color: #138146;
}
.left-video-list li .text .name {
	margin-top: 8px;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	color: #999;
}
.people-list ul {
	overflow: hidden;
	margin-right: -24px;
	margin-top: -24px;
}
.people-list li {
	float: left;
	width: 50%;
}
.people-list li .item {
	margin-right: 24px;
	margin-top: 24px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-color: rgba(255,255,255,.04);
	padding: 24px;
}
.people-list li .message {
	position: relative;
	overflow: hidden;
}
.people-list li .message .face-img {
	float: left;
	width: 60px;
	margin-right: 10px;
}
.people-list li .message .face-img a {
	display: block;
	height: 0;
	padding-bottom: 100%;
	border-radius: 50%;
	background-position: center center;
	background-size: contain;
	background-color: #fff;
	background-repeat: no-repeat;
}
.people-list li .message p {
	overflow: hidden;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	padding-right: 96px;
	padding-top: 21px;
}
.people-list li .message p a {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	color: #fff;
}
.people-list li .message p a:hover {
	color: #138146;
}
.people-list li .message .follow-me {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.people-list li .message .follow-me a {
	font-size: 14px;
	padding: 0 22px;
	height: 32px;
	line-height: 30px;
	border-radius: 16px;
	background-color: #138146;
	color: #fff;
	display: inline-block;
}
.people-list li .message .follow-me a.focus {
	color: #666;
	background-color: rgba(255,255,255,.04);
}
.people-list li .message .follow-me a:hover {
	background-color: #189e57;
}
.people-list li .message .follow-me a.focus:hover {
	color: #999;
	background-color: rgba(255,255,255,.2);
}
.people-list li .data {
	margin-top: 14px;
	font-size: 0;
	color: #666;
}
.people-list li .data span {
	display: inline-block;
	font-size: 14px;
	padding: 0 14px;
	position: relative;
}

.people-list li .data span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 10px;
	background-color: rgba(255,255,255,.1);
}
.people-list li .data span:first-child {
	padding-left: 0;
}
.people-list li .data span:last-child::after {
	display: none;
}
.people-list li .data b {
	font-weight: normal;
	margin-left: 10px;
}

.people-list li .content {
	margin-top: 10px;
	font-size: 13px;
	color: rgba(255,255,255,.6);
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
























.index-hot {
	overflow: hidden;
}
.index-hot.mt32 {
	margin-top: 24px;
}
.index-hot .left {
	float: left;
	width:-moz-calc(100% - 320px - 24px);
	width:-webkit-calc(100% - 320px - 24px);
	width: calc(100% - 320px - 24px);
	margin-right: 24px;
}
.index-hot .left .list {
	overflow: hidden;
}
.index-hot .left .list ul {
	margin-right: -24px;
	margin-top: -24px;
	overflow: hidden;
}
.index-hot .left .list li {
	float: left;
	width: 25%;
}
.index-hot .left .list li .item {
	margin-right: 24px;
	margin-top: 24px;
	border-radius: 8px;
	overflow: hidden;
}
.index-hot .list .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.index-hot .list .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.index-hot .list .image .likes-num {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
	background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(255,255,255,0) 100%);
}


.index-hot .list .image .likes-num i {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
}
.index-hot .list .image .hot-text {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	padding: 0 10px;
	color: #face15;
	font-size: 13px;
	background: rgba(0,0,0,.7);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index-hot .list .image .hot-text span {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
	flex-shrink: 1;
	width: 0;
}
.index-hot .list .image .hot-text span.num {
	float: right;
	text-overflow: unset;
	flex-grow: unset;
	flex-shrink: unset;
	width: auto;
}
.index-hot .list .image .hot-text i.fire-icon {
	display: inline-block;
	width: 14px;
	height: 18px;
	vertical-align: top;
	background: url(../../../../images/shortVideo/version/2023/fire.png) no-repeat;
	background-size: contain;
	margin-right: 7px;
	margin-top: 7px;
}
.mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0);
}
.index-hot .list .image:hover .mask,.index-video .list .image:hover .mask {
	background-color: rgba(0,0,0,0.4);
}
.index-hot .list .image .play,.index-video .list .image .play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -31px;
	margin-top: -31px;
	width: 62px;
	height: 62px;
	background: url(../../../../images/shortVideo/version/2023/playIcon.png) no-repeat;
	background-size: contain;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.index-hot .list .image:hover .play,.index-video .list .image:hover .play {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.index-hot .left .list .text {
	padding: 15px;
	position: relative;
	background: rgba(45,46,53,0.7);
}
.index-hot .left .list .text.gray-text-bg {
	padding: 10px 15px;
	background-color: #252632;
}
.index-hot .left .list .text.gray-text-bg .name {
	margin-top: 8px;
}
.index-hot .left .list .text.gray-text-bg p a {
	color: #c9c9cc;
}
.index-hot .left .list .text p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}
.index-hot .left .list .text p a {
	color: #fff;
}
.index-hot .left .list .text p a:hover {
	color: #138146;
}
.index-hot .left .list .text .name {
	font-size: 0;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	color: #666;
	margin-top: 12px;
}
.index-hot .left .list .text .name a, .index-hot .left .list .text .name span {
	color: #999;
	font-size: 14px;
}
.index-hot .left .list .text .name span {
	margin-left: 12px;
}
.index-hot .left .list .text .name span:first-child {
	margin-left: 0;
}
.index-hot .left .list .text .name a:hover {
	color: #138146;
}
.index-hot .left .list .text .state {
	position: absolute;
	right: 15px;
	bottom: 8px;
	padding: 0 14px;
	height: 30px;
	line-height: 29px;
	border-radius: 4px;
	background-color: #138146;
	color: #fff;
	font-size: 14px;
}
.index-hot .left .list .text .state.notice {
	background-color: #00a5c9;
}
.index-hot .left .list .text .state.living {
	background: transparent;
	font-size: 15px;
	color: #ff2f2f;
	padding: 0;
}
.index-hot .left .list .text .state.living::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../../../../images/shortVideo/version/2023/zhibo-icon.gif) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 7px;
}
.index-hot .right,.index-hot-fixbox {
	background: url(../../../../images/shortVideo/version/2023/hotBg.png) no-repeat right bottom;
	background-size: cover;
	padding: 21px 18px;
	border-radius: 8px;
	width: 320px;
	margin-top: 44px;
	float: right;
	box-sizing: border-box;
    margin-left: 24px;
}
.index-hot .right.has-fixed-right {
	background: none;
	background-size: cover;
	padding: 0;
	border-radius: 8px;
	margin-top: 44px;
	float: right;
	box-sizing: border-box;
	margin-left: 24px;
}
.index-hot-fixbox {
	margin-left: 0 !important;
	margin-top: 0 !important;
	float: none !important;
}
.index-hot .left.hot-bot {
	float: none;
	width: auto !important;
	overflow: hidden;
	margin: 0;
}
.index-hot.mt32 .right {
	padding: 22px 18px;
    float: none;
    overflow: hidden;
    width: auto !important;
    margin-top: 0;
    margin-left: 0;
}
.index-hot .right .list {
	margin-top: 20px;
}
.index-hot .right .list li:first-child {
	margin-top: 0 !important;
}
.index-hot .right .list li {
	margin-top: 30px;
	font-size: 0;
	line-height: 18px;
	height: 18px;
	padding-left: 38px;
	position: relative;
	overflow: hidden;
}
.index-hot .right .list li span {
	font-size: 18px;
	color: #ccc;
	position: relative;
	width: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 1px;
}
.index-hot .right .list li span b {
	position: relative;
	z-index: 3;
	font-family: "Din";
}
.index-hot .right .list li span i {
	position: absolute;
	width: 14px;
	height: 16px;
	background-color: rgba(204,204,204,.3);
	left: 10px;
	top: 0;
}
.index-hot .right .list li span i::before {
	content: "";
	position: absolute;
	left: -4px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 4px;
	border-color: transparent transparent rgba(204,204,204,.3) transparent;
}
.index-hot .right .list li span i::after {
	content: "";
	position: absolute;
	right: -4px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 4px 0 0;
	border-color: rgba(204,204,204,.3) transparent transparent transparent;
}
.index-hot .right .list li:nth-child(1) span {
	color: #ff008c;
}
.index-hot .right .list li:nth-child(1) span i {
	background-color: rgba(255,0,140,.3);
}
.index-hot .right .list li:nth-child(1) span i::before {
	border-color: transparent transparent rgba(255,0,140,.3) transparent;
}
.index-hot .right .list li:nth-child(1) span i::after {
	border-color: rgba(255,0,140,.3) transparent transparent transparent;
}
.index-hot .right .list li:nth-child(2) span {
	color: #fa4e34;
}
.index-hot .right .list li:nth-child(2) span i {
	background-color: rgba(251,78,52,.3);
}
.index-hot .right .list li:nth-child(2) span i::before {
	border-color: transparent transparent rgba(251,78,52,.3) transparent;
}
.index-hot .right .list li:nth-child(2) span i::after {
	border-color: rgba(251,78,52,.3) transparent transparent transparent;
}
.index-hot .right .list li:nth-child(3) span {
	color: #ff9900;
}
.index-hot .right .list li:nth-child(3) span i {
	background-color: rgba(255,153,0,.3);
}
.index-hot .right .list li:nth-child(3) span i::before {
	border-color: transparent transparent rgba(255,153,0,.3) transparent;
}
.index-hot .right .list li:nth-child(3) span i::after {
	border-color: rgba(255,153,0,.3) transparent transparent transparent;
}
.index-hot .right .list li a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	max-width: calc(100% - 24px);
}
.index-hot .right .list li a:hover {
	color: #138146;
}
.index-hot .right .list li mark {
	font-size: 12px;
	color: #fff;
	width: 16px;
	line-height: 16px;
	border-radius: 2px;
	background-color: #138146;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 14px;
	margin-top: 4px;
	margin-left: 8px;
}
.index-hot .right .list li mark.new {
	background-color: #ff3852;
}
.index-video {
	padding: 32px 40px 40px;
	background: url(../../../../images/shortVideo/version/2023/videoBg.png) no-repeat;
	background-size: cover;
	border-radius: 8px;
	overflow: hidden;
}
.index-video .title {
	position: relative;
}
.index-video .title span {
	font-family: "阿里妈妈数黑体 Bold";
	font-size: 36px;
	display: inline-block;
	position: relative;
	color: #fff;
	padding-left: 30px;
}
.index-video .title span b {
	font-weight: normal;
	position: relative;
	z-index: 3;
}
.index-video .title span::before {
	content: "";
	position: absolute;
	left: 18px;
	bottom: -6px;
	width: 160px;
	height: 20px;
	background-image: -moz-linear-gradient( 0deg, rgb(19,129,70) 0%, rgba(0,165,201,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(19,129,70) 0%, rgba(0,165,201,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(19,129,70) 0%, rgba(0,165,201,0) 100%);
	z-index: 2;
}

.index-video .title span::after {
	content: "";
	position: absolute;
	left: -0;
	top: -10px;
	width: 224px;
	height: 47px;
	background: url(../../../../images/shortVideo/version/2023/titleBg.png) no-repeat;
	background-size: contain;
}
.index-video .title .more {
	position: absolute;
	font-size: 16px;
	color: #fff;
	right: 0;
	top: 11px;
}
.index-video .title .more:hover {
	color: #138146;
}
.index-video .list {
	overflow: hidden;
}
.index-video .list ul {
	margin-right: -16px;
	margin-top: -16px;
	overflow: hidden;
}
.index-video .list li {
	float: left;
	width: 20%;
}
.index-video .list .item {
	margin-right: 16px;
	margin-top: 16px;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(255,255,255,.05);
}
.index-video .list .image {
	height: 0;
	padding-bottom: 56%;
	overflow: hidden;
	position: relative;
}
.index-video .list .image img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.index-video .list .text {
	padding: 15px;
}
.index-video .list .text p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}
.index-video .list .text p a {
	color: #fff;
}
.index-video .list .text p a:hover {
	color: #138146;
}
.index-video .list .text .time {
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.recommend-video {
	border-radius: 12px;
	overflow: hidden;
	background: #303a38;
}
.recommend-video .video-right {
	float: right;
	height: 100%;
	width: 472px;
	box-sizing: border-box;
	position: relative;
	width: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.video-right-tab {
	padding: 0 22px;
    font-size: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.video-right-tab p a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: rgba(255,255,255,.6);
	margin-right: 56px;
	padding: 18px 0;
	position: relative;
}
.video-right-tab p a:last-child {
    margin-right: 0;
}
.video-right-tab p a.focus {
    color: #fff;
}
.video-right-tab p a.focus::after {
    width: 100%;
}
.video-right-tab p a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 4px;
	background-color: #138146;
	width: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.video-right-bot {
	display: none;
	padding: 0 22px;
	color: rgba(255,255,255,.06);
	position: absolute;
	left: 0;
	top: 55px;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}
.ta-message {
	overflow: hidden;
	padding-top: 18px;
}
.ta-message .right-btn {
    float: right;
    width: 88px;
    margin-left: 10px;
}
.ta-message .right-btn a {
	display: block;
	height: 32px;
	line-height: 28px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #fe2c55;
	border: 1px solid #fe2c55;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 7px;
}
.ta-message .right-btn a i {
	font-size: 16px;
	vertical-align: top;
}
.jw-adv, .jw-controls, .jw-media, .jw-overlays, .jw-preview {
	z-index: 3;
}
.jw-controlbar {
	z-index: 99;
}
.ta-message .right-btn a i.xwboo {
	font-size: 13px;
	vertical-align: top;
	margin-right: 4px;
	margin-top: 8px;
	display: inline-block;
	line-height: 1;
}
.ta-message .right-btn a:hover {
    background-color: transparent;
    color: #fe2c55;
}
.ta-message .message-text {
    overflow: hidden;
    color: rgba(255,255,255,.6);
}
.ta-message .message-text p {
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ta-message .message-text p a {
    color: rgba(255,255,255,.6);
}
.ta-message .message-text p a:hover {
    color: rgba(255,255,255,.9);
}
.ta-message .message-text .data {
    font-size: 14px;
    margin-top: 10px;
}
.ta-works-top .label-arr {
	margin-top: 22px;
	position: relative;
    overflow: hidden;
}
.ta-works-top .label-arr .swiper-slide {
    width: auto;
}
.ta-works-top .label-arr .swiper-wrapper {
    width: calc(100% + 10px);
}
.ta-works-top .label-arr .item a {
	margin-right: 10px;
	padding: 0 8px;
	height: 30px;
	line-height: 28px;
	font-size: 16px;
	color: rgba(255,255,255,.6);
	border-radius: 4px;
	background-color: rgba(255,255,255,.1);
    display: block;
}
.ta-works-top .label-arr .swiper-button-next, .ta-works-top .label-arr .swiper-button-prev {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-size: 9px 16px;
	color: rgba(255,255,255,.6);
	border-radius: 4px;
	background-color: #999;
	opacity: 1 !important;
	cursor: pointer;
}
.ta-works-top .label-arr .swiper-button-next.swiper-button-disabled, .ta-works-top .label-arr .swiper-button-prev.swiper-button-disabled {
	display: none;
}
.ta-works-top .label-arr .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	left: 0;
}
.ta-works-top .label-arr .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	right: 0;
}
.ta-works-top .label-arr .item a:hover {
    color: rgba(255,255,255,.9);
	background-color: rgba(255,255,255,.3);
}
.ta-works-top .label-arr .item i {
	display: inline-block;
	width: 17px;
	height: 16px;
	vertical-align: top;
	background: url(../../../../images/shortVideo/version/2023/label-icon.png) no-repeat;
	background-size: contain;
	margin-right: 4px;
	margin-top: 7px;
}
.ta-message .message-text .data i {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 12px;
	background-color: rgba(255,255,255,.6);
	margin: 2px 12px 0;
}
.ta-works {
	position: relative;
	height: 100%;
}
.ta-works .list {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	bottom: 38px;
	/* overflow: hidden; */
}
.scroll-y-box {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ta-works .list ul, .video-comment-list ul, .ta-arr .list ul {
	overflow-y: auto;
	margin-right: -22px;
	margin-top: -10px;
	height: calc(100% - 40px);
	overflow-x: hidden;
	padding: 0 22px;
	margin-left: -22px;
}
.ta-works .list ul {
	padding-right: 4px;
}
.video-comment-list ul {
    height: calc(100% - 80px);
}
.ta-works .list li {
    float: left;
    width: 33.33%;
}
.ta-works .list li:nth-child(-n + 3) .item {
    margin-top: 0;
}
.ta-works .list .item {
    margin-right: 10px;
    margin-top: 10px;
}
.ta-works .list .image {
    height: 0;
    padding-bottom: 132.3%;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    background-color: #000;
}
.ta-works .list .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.ta-works .list .image:hover img {
    transform: translate(-50%,-50%) scale(1.1);
}
.ta-works .list .image .heart-num {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 10px 10px;
    color: #fff;
    font-size: 14px;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
}
.ta-works .list .image .heart-num i {
    font-size: 16px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
}
.ta-arr {
    height: 100%;
    position: relative;
}
.ta-arr .list {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	bottom: 38px;
}
.ta-arr .ta-works-top + .list {
    top: 90px;
}
.ta-arr .list li {
    margin-top: 16px;
    overflow: hidden;
}
.ta-arr .list li:first-child {
    margin-top: 0;
}
.ta-arr .list li .image {
    float: left;
    width: 132px;
    margin-right: 10px;
}
.ta-arr .list li .image a {
    display: block;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    background-color: #000;
}
.ta-arr .list li .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.ta-arr .list li .text {
    overflow: hidden;
}
.ta-arr .list li .text p {
    font-size: 17px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.ta-arr .list li .text p a {
    color: rgba(255,255,255,.6);
}
.ta-arr .list li .text p a:hover {
    color: rgba(255,255,255,.9);
}
.ta-arr .list li .text .num {
    font-size: 14px;
    margin-top: 10px;
    color: rgba(255,255,255,.6);
}
.isHide {
    overflow: hidden;
    max-height: 0;
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.isHide.Show {
    max-height: 200px;
    margin-top: 15px;
}
.video-comment {
	height: 100%;
	position: relative;
}
.video-comment .comment-num {
	padding-top: 20px;
	font-size: 16px;
	color: rgba(255,255,255,.6);
}
.video-comment-list {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	bottom: 140px;
	/* overflow: auto; */
}
.video-comment-list .no-data {
	color: rgba(255,255,255,.6);
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
}
.video-comment-list li {
	overflow: hidden;
	margin-top: 16px;
	position: relative;
}
.video-comment-list li > .more-gn {
	top: 5px;
}
.video-comment-list li:first-child {
    margin-top: 0;
}
.video-comment-list li .face-img {
    float: left;
    width: 40px;
    margin-right: 10px;
}
.video-comment-list li .face-img a {
    display: block;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
.video-comment-list li .comment-right {
	overflow: hidden;
	color: rgba(255,255,255,.6);
	padding-top: 6px;
    font-size: 14px;
}

.video-comment-list li .comment-right a {
    color: rgba(255,255,255,.6);
}
.video-comment-list li .comment-right a:hover {
    color: rgba(255,255,255,.9);
}
.video-comment-list li .comment-right .comment-content {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 12px;
}
.video-comment-list li .comment-right .time {
    margin-top: 8px;
}
.video-comment-list li .comment-right .comment-interact {
    margin-top: 10px;
    font-size: 0;
}
.video-comment-list li .comment-right .comment-interact a {
	margin-right: 10px;
	font-size: 14px;
}
.video-comment-list li .comment-right .comment-interact a.focus {
    color: #0f9e51;
}
.video-comment-list li .comment-right .comment-interact i {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.video-comment-list li .replay-box {
	margin-top: 15px;
    overflow: hidden;
}
.video-comment-list li .replay-box .face-img {
    width: 32px;
}
.replay-child {
	overflow: hidden;
}
.replay-child-li {
	margin-top: 15px;
}
.replay-child .replay-child-li:nth-of-type(n + 2) {
    display: none;
}
.show-more-replay i {
	display: inline-block;
	font-size: 11px;
	transform: rotate(90deg);
	margin-left: 5px;
}
.show-more-replay a.focus i {
    transform: rotate(270deg);
}
.show-more-replay a.focus .line {
    background-color: transparent;
}
.show-more-replay .line {
	display: inline-block;
	vertical-align: top;
	height: 1px;
	width: 30px;
	background-color: rgba(255,255,255,.6);
	margin-right: 6px;
	margin-top: 7px;
}
.replay-text {
    overflow: hidden;
    position: relative;
}
.replay-text .replay-textarea {
	background: rgba(0,0,0,.2);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.replay-text .replay-textarea textarea {
	background: transparent;
	border: 0;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 8px;
	box-sizing: border-box;
	height: 70px;
	overflow: auto;
}
.replay-text .replay-textarea .submit-btn {
	margin: 8px;
	text-align: right;
}
.replay-text .replay-textarea .submit-btn a {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	color: #999;
	border-radius: 4px;
	background: rgba(19,129,70,.3);
}
.replay-text .replay-textarea .submit-btn a:hover {
    color: #fff;
	background: rgba(19,129,70,1);
}
.video-comment-list .more-gn {
	position: absolute;
	right: 0;
	top: 0px;
}
.video-comment-list .more-gn:hover .more-gn-btn a {
    transform: scale(1);
}
.video-comment-list .more-gn .ellipsis-icon a {
    color: #fff;
}
.video-comment-list .more-gn .more-gn-btn {
	position: absolute;
	right: 0;
	top: 18px;
}
.video-comment-list .more-gn .more-gn-btn a {
	display: block;
	color: #fff;
	border-radius: 8px;
	background-color: #2e312e;
	padding: 0 16px;
	height: 46px;
	line-height: 46px;
	white-space: nowrap;
	transform: scale(0);
}
.video-comment-list .more-gn .more-gn-btn a:hover {
    background-color: #111;
}
.video-comment .replay-input {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	bottom: 68px;
	min-height: 46px;
	border-radius: 8px;
	background: rgba(255,255,255,.1);
	padding-right: 120px;
	box-sizing: border-box;
}
.video-comment .replay-input .input-box {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	max-height: 64px;
}
.video-comment .replay-input .input-box .message-input {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	border: 0;
	background: transparent;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
	outline: none;
	word-break: break-all;
	word-wrap: anywhere;
	padding-top: 11px;
	line-height: 22px;
	padding-bottom: 8px;
}
.video-comment .replay-input .input-box .message-input img {
	max-width: 18px;
	margin-top: 2px;
	margin: 3px 2px 0;
	display: inline-block;
	vertical-align: top;
}
.video-comment .replay-input .input-box input::placeholder {
	color: rgba(255,255,255,.6);
}
.video-comment .replay-input .input-box input::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
	color: rgba(255,255,255,.6);
}
.video-comment .replay-input .input-box input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255,255,255,.6);
}
.video-comment .replay-input .input-box input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255,255,255,.6);
}
.video-comment .replay-input .input-box input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: rgba(255,255,255,.6);
}
.video-comment .replay-input .right-hudong {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}
.video-comment .replay-input .right-hudong a {
	display: inline-block;
	vertical-align: top;
	color: rgba(255,255,255,.6);
	margin-right: 15px;
	margin-top: 13px;
}
.video-comment .replay-input .right-hudong a.fasong {
    color: #ff3737 !important;
    position: relative;
    display: none;
}
.video-comment .replay-input .right-hudong a.fasong::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 16px;
    height: 16px;
}
.video-comment .replay-input .right-hudong i {
	font-size: 22px;
	position: relative;
	z-index: 2;
}
.video-comment .replay-input .right-hudong a:hover {
    color: rgba(255,255,255,.9);
}
.faceList {
	position: absolute;
	left: 0px;
	bottom: 100%;
	padding: 4px;
	width: calc(100% - 10px);
	background: rgba(255,255,255,.2);
	z-index: 9;
	display: none;
	border-radius: 8px;
}
.faceList a {
	float: left;
	height: 28px;
	width: 28px;
	padding: 4px 2px;
	cursor: pointer;
}

.faceList ul li a, .faceList ul li img {
	cursor: pointer;
}
.recommend-video .video-box, .swiper-item {
	height: 100%;
	background-color: #1b1b1b;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.swiper-item .image {
    height: 100%;
}
.jwplayer {
	background-color: transparent !important;
}
.jwplayer.jw-state-complete .jw-preview {
	display: none !important;
}
.jwplayer {
	max-width: 100%;
	max-height: 100%;
	width: 100% !important;
	height: 100% !important;
}
.recommend-video .swiper-slide {
	box-sizing: border-box;
}
.recommend-video .swiper-item {
	position: relative;
	padding-right: 80px;
	height: 100%;
}
.recommend-video .video-box .image {
	height: 100%;
	position: relative;
}
.video-bg img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.video-bg img {
	width: 100%;
	height: 100%;
	-webkit-filter: blur(60px);
	filter: blur(60px);
}
.recommend-video > video {
	position: relative;
	z-index: 2;
	max-width: 100%;
	max-height: 100%;
}
.recommend-video .text-block {
	position: absolute;
	bottom: 64px;
	left: 0;
    right: 80px;
	box-sizing: border-box;
	padding: 0 15px;
	z-index: 4;
    color: #fff;
}
.recommend-video .text-block .name {
	font-size: 22px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
    margin-top: 12px;
}
.recommend-video .text-block .name i {
	font-size: 24px;
	margin: 0 8px;
	display: inline-block;
	vertical-align: top;
}
.recommend-video .text-block .name span {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
}
.recommend-video .text-block .content {
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    line-height: 28px;
    max-height: 56px;
    margin-top: 10px;
}
.recommend-video .text-block .content a {
    color: #ff6600;
}
.recommend-video .text-block .content a:hover {
    text-decoration: underline;
}
.recommend-video .text-block .zhankai {
    text-align: right;
    margin-top: 4px;
}
.recommend-video .text-block .zhankai a {
    display: inline-block;
    border-radius: 4px;
    background-color: rgba(0,0,0,.2);
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    height: 28px;
    padding: 0 6px;;
}
.recommend-video .text-block .zhankai a:hover {
    background-color: rgba(0,0,0,.4);
}
.video-status mark {
	display: inline-block;
	border-radius: 4px;
	padding: 0 6px;
	background-color: #fe2c55;
	color: #fff;
	font-size: 14px;
	line-height: 23px;
	height: 24px;
}
.video-status mark i {
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif) no-repeat;
	background-size: contain;
	margin-top: 4px;
}
.video-swiper {
	height: 100%;
}
.video-swiper .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}
.video-swiper .play i {
	font-size: 120px;
	color: rgba(255,255,255,.6);
}

.interact-box {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 80px;
	background-color: #31332e;
	z-index: 99;
}
.recommend-video .swiper-item {
	padding-right: 80px;
}
.interact-box .interact-item {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.interact-box .show-right {
	margin-bottom: 18px;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
}
.interact-box .show-right a.focus i {
    transform: translate(-50%,-50%) rotate(0);
}
.interact-box .show-right i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(180deg);
	font-size: 16px;
	color: rgba(255,255,255,.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.interact-box .show-right a {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.interact-box .page-box {
	width: 48px;
	border-radius: 24px;
	padding: 18px 0;
	background-color: rgba(0,0,0,.8);
}
.interact-box .swiper-button-next, .interact-box .swiper-button-prev {
	position: static;
	top: 50%;
	width: auto;
	height: auto;
	margin-top: 0;
	cursor: pointer;
	background: none !important;
}
.interact-box .swiper-button-prev {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.interact-box .swiper-button-next i,.interact-box .swiper-button-prev i {
	font-size: 16px;
	color: #fff;
}
.interact-box .swiper-button-next {
	margin-top: 38px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.interact-box .face-img {
	margin-top: 40px;
}
.interact-box .face-img .image {
	width: 48px;
	height: 48px;
	border: 2px solid #fff;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 50%;
	position: relative;
}
.interact-box .face-img .image a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center center !important;
	border-radius: 50%;
}
.interact-box .face-img .tips {
	position: absolute;
	right: 60px;
	background: #333;
	color: #fff;
	border-radius: 10px;
	white-space: nowrap;
	font-size: 14px;
	top: -2px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	max-width: 0;
	overflow: hidden;
	box-sizing: border-box;
}
.interact-box .face-img:hover .tips {
	max-width: 200px;
	overflow: visible;
}
.interact-box .face-img:hover .tips::after {
	content: "";
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #333333;
}
.interact-box .face-img .tips span {
	display: block;
	padding: 12px 16px;
}
.interact-box .face-img .guanzhu {
	margin-top: -8px;
	text-align: center;
	position: relative;
}
.interact-box .face-img .guanzhu a {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 30px;
	height: 18px;
	line-height: 18px;
	background-color: #138146;
	color: #fff;
	border-radius: 9px;
}
.interact-box .face-img .guanzhu a i {
	font-size: 12px;
}
.interact-box .face-img .guanzhu a.focus {
	background-color: #fff;
	width: 18px;
}
.interact-box .face-img .guanzhu a.focus i {
	display: none;
}
.interact-box .face-img .guanzhu a.focus i.hidden {
	display: block !important;
	color: #138146;
}
.interact-box .hudong li {
	margin-top: 28px;
	position: relative;
}
.interact-box .hudong li .more-bot {
	position: absolute;
	right: 86px;
	bottom: 0;
	background: #31332e;
	max-width: 0;
	border-radius: 8px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
}

.interact-box .hudong li .more-div:hover .more-bot {
	max-width: 300px;
}
.interact-box .hudong li .more-bot-box {
	padding: 14px 24px;
	white-space: nowrap;
	font-size: 0;
}

.interact-box .hudong li .more-bot .icon {
	width: 48px;
	height: 48px;
	text-align: ;
	position: relative;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	color: rgba(255,255,255,.2);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.interact-box .hudong li .more-bot .icon i {
	font-size: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) !important;
}
.interact-box .hudong li .more-bot span {
	color: rgba(255,255,255,.6);
	margin-top: 6px;
}
.interact-box .hudong li .more-bot-box a:hover .icon {
	background-color: rgba(19,129,70,.1);
	color: #138146;
}
.interact-box .hudong li .more-bot a {
	margin-right: 22px;
	display: inline-block;
}
.interact-box .hudong li .more-bot a:last-child {
	margin-right: 0;
}

.interact-box .hudong li a {
	font-size: 12px;
	color: #fff;
}
.interact-box .hudong li a.zan {
	font-size: 14px;
}
.interact-box .hudong li i {
	font-size: 24px;
	display: inline-block;
}
.interact-box .hudong li i.heart-icon {
	font-size: 30px;
}
.interact-box .hudong li span {
	display: block;
	margin-top: 7px;
}
.interact-box .hudong li:hover a i {
	-webkit-animation: jello-vertical 0.7s;
	animation: jello-vertical 0.7s;
}
.interact-box .hudong li a.focus i {
	color: #ff3737;
}
.interact-box .hudong li .jin,
.interact-box .hudong li .tan{
	color: #ff6a00;
}
.interact-box .hudong li i.recommend-icon{
	width: 22px;
  	height: 22px;
	background-image: url(../../../../images/shortVideo/version/2023/hudong-icon1);
	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: center center;
  	display: inline-block;
  	vertical-align: top;
}
.interact-box .hudong li i.recommend-icon{
	width: 22px;
  	height: 22px;
	background-image: url(../../../../images/shortVideo/version/2023/hudong-icon1.png);
	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: center center;
  	display: inline-block;
  	vertical-align: top;
}
.interact-box .hudong li a.jin i{
	width: 22px;
  	height: 20px;
	background-image: url(../../../../images/shortVideo/version/2023/hudong-icon2.png);
	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: center center;
  	display: inline-block;
  	vertical-align: top;
}
.interact-box .hudong li a.tan i{
	width: 23px;
  	height: 22px;
	background-image: url(../../../../images/shortVideo/version/2023/hudong-icon3.png);
	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: center center;
  	display: inline-block;
  	vertical-align: top;
}
.share-div {
	position: relative;
}
.share-div .Share-3 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.share-div .Share3-top {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.share-div .Share3-bot {
	left: auto !important;
	bottom: -78px !important;
	right: 86px;
}
.share-div .Share3-bot::after {
	content: "";
	position: absolute;
	right: -48px;
	top: 0;
	bottom: 0;
	width: 48px;
}
.Share3-bot .code-left span {
	margin-top: 16px !important;
}
.Share3-bot .code-left .Share-img {
	overflow: hidden;
}
.share-div .Share-3 .code-bot span {
	display: inline-block !important;
	margin-left: 26px;
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-top: 0 !important;
}
.Share-3 .code-bot span i {
	transform: none !important;
}
.my-follow {
	float: left;
	height: 100%;
	overflow: hidden;
	margin-left: -24px;
	padding: 0 18px;
}
.my-follow .title {
	font-size: 15px;
	color: rgba(255,255,255,.6);
	font-weight: bold;
	line-height: 28px;
}
.my-follow-box {
	width: 84px;
	text-align: center;
	overflow: hidden;
	height: calc(100% - 48px);
	margin: 15px auto 0;
}
.my-follow-swiper {
	height: calc(100% - 48px - 20px);
	overflow: hidden;
}
.my-follow-box .swiper-button-next, .my-follow-box .swiper-button-prev {
	position: static;
	width: auto;
	height: auto;
	margin-top: 0;
	background-size: 0 0;
	color: #fff;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin: 0 auto;
}
.my-follow-box .swiper-button-next i, .my-follow-box .swiper-button-prev i {
	font-size: 8px;
}
.my-follow-box .swiper-button-next {
	margin-top: 20px;
}
.my-follow-box .swiper-button-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.my-follow-box .swiper-button-next:hover, .my-follow-box .swiper-button-prev:hover {
	background: rgba(255,255,255,.5);
}
.my-follow-box .swiper-slide {
	margin-top: 20px;
	height: auto;
}
.my-follow-box .top-img {
	position: relative;
	display: inline-block;
	padding: 5px;
	border-radius: 50%;
}
.my-follow-box .top-img.living {
	border: 1.5px solid #fa5151;
}
.my-follow-box .top-img .image {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}
.my-follow-box .top-img .image a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.my-follow-box .top-img mark {
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	background-color: rgba(0,0,0,.7);
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	min-width: 48px;
	line-height: 14px;
	height: 16px;
	bottom: -2px;
}
.my-follow-box .top-img.living mark {
	background-color: #fa5151;
	font-size: 12px;
}
.my-follow-box .name {
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(255,255,255,.6);
}
.my-follow-box .name a {
	color: rgba(255,255,255,.6);
}
.my-follow-box .swiper-slide:hover .name a {
	color: #fa5151;
}

.hide-left {
	float: left;
	margin-right: 30px;
}

.my-follow .hide-this {
	line-height: 28px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: top;
	color: rgba(255,255,255,.6);
}
.my-follow .hide-this i {
	font-size: 12px;
}
.my-follow .hide-this:hover {
	color: #138146;
}
.my-follow .hide-this.focus {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.main-right .hot-title {
	font-size: 24px;
	margin-bottom: 20px;
	color: rgba(255,255,255,.6);
}
.my-information {
	background-image: url(../../../../images/shortVideo/version/2023/my-bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	padding: 36px 24px 40px 40px;
	border-radius: 8px;
}
.my-information.noLogin {
    background: rgba(255,255,255,.1);
}
.my-information.noLogin .information .face a {
	border-color: rgba(255,255,255,.1);
}
.my-information .information .introduction span {
    color: #999;
}
.my-information.noLogin .information .name {
	color: rgba(255,255,255,.6);
}
.my-information.noLogin .information .data p::after {
	background-color: rgba(255,255,255,.1);
}
.my-login-box {
	text-align: center;
	padding-top: 78px;
}
.my-login-box .login-ewm .image {
    height: auto;
	padding: 5px;
	background: #fff;
}
.my-login-box .text {
    margin-top: 14px;
    color: #fff;
    font-size: 18px;
}
.my-login-box .text .tip {
    color: rgba(255,255,255,.3);
    font-size: 16px;
    margin-top: 10px;
}
.my-information .information {
	position: relative;
	overflow: hidden;
}

.my-information .information .face {
	overflow: hidden;
	float: left;
	width: 90px;
	margin-right: 22px;
}
.my-information .information .face a {
	display: block;
	height: 90px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 2px solid #fff;
	box-sizing: border-box;
}
.my-information .information .right {
	overflow: hidden;
	color: #fff;
}
.my-information .information .name {
	font-size: 24px;
	line-height: 30px;
}
.my-information .information .introduction {
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	margin-top: 10px;
}
.my-information .information .data {
	margin-top: 20px;
}
.my-information .information .data p {
	float: left;
	font-size: 16px;
	color: #999;
	padding: 0 22px;
	position: relative;
}
.my-information .information .data p:first-child {
	padding-left: 0;
}
.my-information .information .data p:first-child::after {
	display: none;
}
.my-information .information .data p span {
	font-size: 24px;
	color: #333;
	margin-left: 10px;
	vertical-align: top;
	margin-top: -6px;
	display: inline-block;
}
.my-information .information .data p span a, .my-information .information .data mark a {
	color: #fff;
}
.my-information .information .data p span a:hover {
	color: #138146;
}
.my-information .information .data p::after {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 12px;
	background-color: #eeeeee;
}

.my-information .information .data::after {
	clear: both;
	content: "";
	display: block;
}
.my-information .information .data mark {
	margin-left: 16px;
	background-color: rgba(255,255,255,.1);
	padding: 0 6px 0 3px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	height: 20px;
	line-height: 19px;
	border-radius: 10px;
	font-size: 12px;
	margin-top: -1px;
}
.my-information .information .data mark i {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fe2c55;
	margin-right: 4px;
	margin-top: 2px;
}
.my-information .information .data mark i::after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
}
.interaction-zone {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 0;
}
.interaction-zone .login-status {
	font-size: 14px;
	line-height: 18px;
}
.switch-play {
	position: absolute;
	right: 128px;
	bottom: 12px;
	z-index: 9999;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
}
.switch-play .switch-btn {
	margin-right: 5px;
}
.switch-play .switch-btn.focus {
	background-color: #ff3737;
}
.switch-btn {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	height: 18px;
	width: 30px;
	border-radius: 9px;
	cursor: pointer;
	background-color: #999;
	position: relative;
	margin-top: 1px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.switch-btn::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
	width: 14px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.switch-btn.focus {
	background-color: #138146;
}
.switch-btn.focus::after {
	left: calc(100% - 16px);
}
.interaction-zone .edit-message {
	position: absolute;
	bottom: 0;
	right: 0;
	white-space: nowrap;
    font-size: 0;
}
.interaction-zone .edit-message a {
	display: inline-block;
	padding: 0 25px;
	border: 1px solid #138146;
	border-radius: 18px;
	height: 36px;
	box-sizing: border-box;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	white-space: nowrap;
	background: #138146;
	margin-left: 12px;
}
.interaction-zone .edit-message a.talk-btn {
	background: rgba(255,255,255);
	color: #138146;
}
.interaction-zone .edit-message .talk-icon {
	display: inline-block;
	background-image: url(/Images/Version/2024/talk-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 7px;
	vertical-align: top;
	width: 16px;
	height: 16px;
	margin-top: 9px;
}
.interaction-zone .edit-message a:hover {
	background: none;
	color: #138146;
}
.my-nav {
	margin-top: 30px;
}
.my-nav::after {
	content: "";
	clear: both;
	display: block;
}
.my-nav .my-tab {
	float: left;
	font-size: 0;
}
.my-nav .my-tab a {
	font-size: 20px;
	padding: 5px 0 18px;
	margin-right: 44px;
	color: #666;
	display: inline-block;
	position: relative;
}
.my-nav .my-tab a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 4px;
	width: 0%;
	background-color: #138146;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.my-nav .my-tab a i {
	font-style: normal;
	margin-left: 6px;
}
.my-nav .my-tab a.focus, .my-nav .my-tab a:hover {
	color: #fff;
	font-weight: bold;
}
.my-nav .my-tab a.focus::after {
	width: 100%;
}
.screen-right {
	float: right;
}
.screen-right .mr16 {
	margin-right: 16px;
	float: left;
}
.screen-right .mr16:last-child {
	margin-right: 0;
}
.screen-right .input-box, .screen-right .select-day, .screen-right .management, .screen-right .delete {
	height: 36px;
	background: rgba(45,46,53,.7);
	border-radius: 4px;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.screen-right .delete {
	display: none;
}
.screen-right .input-box {
	width: 360px;
}
.screen-right .input-box form{
	height:100%;
}
.screen-right .input-box input {
	width: 100%;
	height: 100%;
	border: 0;
	padding-left: 38px;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	background: rgba(45,46,53,.7);
	border-radius: 4px;
}
.screen-right .input-box input::placeholder {
	color: #999;
}
.screen-right .input-box input::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
	color: #999;
}
.screen-right .input-box input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
}
.screen-right .input-box input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}
.screen-right .input-box input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}
.screen-right .input-box i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	font-size: 17px;
}
.screen-right .select-day {
	cursor: pointer;
	width: 160px;
}
.screen-right .select-day .day-top {
	position: relative;
	font-size: 14px;
	color: #999;
	padding: 0 15px;
	line-height: 36px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 4px;
}
.screen-right .select-day .day-top:hover {
	color: #fff;
}
.screen-right .select-day .day-top i {
	font-size: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.screen-right .select-day .day-top i.rili {
	left: 15px;
}
.screen-right .select-day .day-top i.jiantou {
	right: 15px;
	font-size: 6px;
	line-height: 1;
}
.screen-right .select-day .day-top.focus i.jiantou {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -3px;
}
.screen-right .select-day .day-top p {
	padding-left: 20px;
	height: 100%;
	overflow: hidden;
}
.screen-right .select-day .day-bot {
	display: none;
	background: #2a2c33;
	width: 220px;
	position: absolute;
	right: 0;
	top: calc(100% + 7px);
	height: 290px;
	z-index: 999;
	border-radius: 12px;
}
.screen-right .select-day .day-bot .left-tab,.screen-right .select-day .day-bot .right-bot {
	width: 50%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	overflow-y: auto;
	height: 100%;
}
.screen-right .select-day .day-bot a {
	display: block;
	text-align: center;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	color: #999;
	border-radius: 6px;
}
.screen-right .select-day .day-bot a:hover {
	background-color: rgba(255,255,255,.2);
	color: #fff;
}
.screen-right .select-day .day-bot a.focus {
	color: #138146;
}
.screen-right .select-day .day-bot .right-bot {
	display: none;
	position: relative;
}
.screen-right .select-day .day-bot .right-bot::after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background-color: rgba(255,255,255,.1);
}
.screen-right .management a, .screen-right .delete a {
	display: block;
	padding: 0 12px;
	line-height: 36px;
	font-size: 14px;
	color: #999;
	border-radius: 4px;
}
.screen-right .management i, .screen-right .delete i {
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}
.screen-right .management:hover, .screen-right .delete:hover {
	border-color: #fff;
}
.screen-right .management:hover a, .screen-right .delete:hover a {
	color: #fff;
}
.my-bot {
	display: none;
}
.my-bot .type {
	margin-top: 8px;
	font-size: 0;
}
.my-bot .type a {
	display: inline-block;
	margin-right: 12px;
	margin-top: 12px;
	padding: 0 12px;
	min-width: 72px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 16px;
	text-align: center;
}
.my-bot .type a:hover {
	border-color: #138146;
	color: #138146;
}
.my-bot .type a.focus {
	border-color: #138146;
	background-color: transparent;
	color: #138146;
}
.no-data .text {
	text-align: center;
	font-size: 14px;
	color: #999;
	padding: 48px 0 40px !important;
	background: transparent !important;
}
.my-bot .video-list {
	overflow: hidden;
	margin-top: 20px;
}
.my-bot .video-list ul {
	margin-right: -24px;
	margin-top: -24px;
	overflow: hidden;
}
.my-bot .video-list li {
	float: left;
	width: 16.66%;
}
.my-bot .video-list .item {
	margin-top: 24px;
	margin-right: 24px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.my-bot .video-list .item .select-btn {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0,0,0,.5) 0%,transparent 100%);
	cursor: pointer;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.my-bot.active .video-list .item .select-btn {
	opacity: 1;
	z-index: 99;
}
.my-bot .video-list .item .select-btn a.focus::after {
	transform: scale(1)
}

.my-bot .video-list .item .select-btn a.focus::before {
	transform: scale(0)
}

.my-bot .video-list .item .select-btn a {
	width: 14px;
	height: 14px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
	border-radius: 4px;
}

.my-bot .video-list .item .select-btn:hover a::before {
	background-color: #ddd;
}

.my-bot .video-list .item .select-btn a::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' fill='none' stroke-width='2px' stroke='white' stroke-linecap='round' viewBox='0 0 21 21'%3E%3Cpolyline points='5 10.75 8.5 14.25 16 6'%3E%3C/polyline%3E%3C/svg%3E");
	transform: scale(0);
	position: absolute;
	top: 0;
	left: 0;
	border-color: #138146;
	background-color: #138146;
	color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.my-bot .video-list .item .select-btn a::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: 0.2s;
	transform: scale(1);
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 4px
}
.my-bot .video-list .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.my-bot .video-list .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.my-bot .video-list .image:hover .mask {
	background-color: rgba(0,0,0,0.4);
}
.my-bot .video-list .image .play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -31px;
	margin-top: -31px;
	width: 62px;
	height: 62px;
	background: url(../../../../images/shortVideo/version/2023/playIcon.png) no-repeat;
	background-size: contain;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.my-bot .video-list .image:hover .play {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.my-bot .video-list .text {
	padding: 15px;
	position: relative;
	background: rgba(45,46,53,.7);
}
.my-bot .video-list .text p {
	font-size: 15px;
	line-height: 17px;
	height: 17px;
	overflow: hidden;
}
.my-bot .video-list .text p a {
	color: #c9c9cc;
}
.my-bot .video-list .text p a:hover {
	color: #fff;
}
.my-bot .video-list .text .time {
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	color: #999;
	margin-top: 8px;
}
.my-bot .video-list .text .time i {
	font-size: 14px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
}
.my-bot .day-label {
	font-size: 20px;
	color: #138146;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 6px;
}
.login-pop {
	position: fixed;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 999;
	/* display: none; */
}
.login-pop .pop-item {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 700px;
	box-sizing: border-box;
	border-radius: 8px;
	background: url(https://toutiao.hbzhan.com/images/search/version/2024/index/pop-bg.png) no-repeat;
	background-size: 100% auto;
	background-color: #fff;
	animation: bounce-in 0.6s none;
}
.login-pop .pop-item .pop-title {
	padding: 26px 28px 20px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 20px;
	color: #1b954f;
}
.login-pop .pop-item .close {
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #999999;
	text-align: center;
	line-height: 28px;
	color: #fff;
	top: 25px;
	right: 20px;
	opacity: .4;
}
.login-pop .pop-item .close:hover {
	opacity: 1;
}
.login-pop .pop-item .close i {
	font-size: 11px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
@keyframes bounce-in {
	from {
	  transform:translate(-50%, -50%) scale(0.8)
	}
	50% {
	  transform:translate(-50%, -50%) scale(1.1);
	  opacity:1
	}
	to {
	  transform:translate(-50%, -50%) scale(1);
	  opacity:1
	}
}
.login-tab {
	font-size: 0;
}
.login-tab a {
	font-size: 16px;
	line-height: 22px;
	color: #999;
	display: inline-block;
	margin-right: 36px;
	vertical-align: top;
}
.login-tab a:last-child {
	margin-right: 0;
}
.login-tab a.focus {
	font-weight: bold;
	font-size: 18px;
	color: #278c56;
}
.login-bot {
	position: relative;
	box-sizing: border-box;
}
.login-right {
	float: right;
	width: 316px;
	text-align: center;
	padding: 22px 22px 32px;
	position: relative;
	box-sizing: border-box;
}
.login-left::after {
	content: "";
	position: absolute;
	right: 0;
	top: 24px;
	bottom: 22px;
	width: 1px;
	background-color: #e6e6e6;
}
.login-right p {
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.login-ewm {
	width: 174px;
	margin: 10px auto 0;
	padding: 7px;
	box-sizing: border-box;
	background: url(https://toutiao.hbzhan.com/images/search/version/2024/index/ewm-bg.png) no-repeat;
	background-size: cover;
	position: relative;
}
.login-ewm .image {
	height: 0;
	padding-bottom: 100%;
}
.login-ewm .image img {
	max-height: none;
}
.qrcode-bg {
	position: absolute;
	background-color: #fff;
	opacity: 0.9;
	top: 4px;
	left: 4px;
	display: none;
	bottom: 4px;
	right: 4px;
}
.invalid{
	display: none;
	position: absolute;
	width: 96px;
	height: 70px;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -48px;

}
.invalid span{
	font:bold 16px/40px "microsoft yahei";
}
.invalid a.ref{
	font:normal 14px/30px "microsoft yahei";
	text-align: center;
	background: #50a240;
	border-radius: 2px;
	display: block;
	color: #fff;
}
.login-right .right-tip {
	margin-top: 18px;
	font-size: 14px;
	line-height: 24px;
}
.login-right .right-tip b {
	color: #1b954f;
	font-weight: normal;
}
.login-left {
	overflow: hidden;
	padding: 22px 28px;
	position: relative;
}
.login-left .title {
	position: relative;
}
.login-left .title p {
	font-size: 18px;
}
.login-bot .title span {
	font-size: 13px;
	color: #999;
	position: absolute;
	right: 0;
	top: 3px;
}
.login-bot .title span i {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: top;
	margin-right: 4px;
	background: url(https://toutiao.hbzhan.com/images/search/version/2024/index/information.png) no-repeat;
	background-size: contain;
	margin-top: 0px;
}
.login-bot .input-box {
	position: relative;
	margin-top: 16px;
}
.login-bot .input-box input {
	height: 44px;
	padding: 0 10px;
	border: 0;
	border-radius: 4px;
	background-color: #fff;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}
.login-bot .tip + .input-box {
	margin-top: 12px;
}
.error-tip {
	position: absolute;
	font-size: 12px;
	color: #fc4343;
	/* bottom: -15px; */
	transform: translateY(6px);
}
.login-bot .input-box.Code input {
	padding-right: 96px;
}
.login-bot .input-box .get-code {
	position: absolute;
	right: 10px;
	font-size: 15px;
	color: #333;
	top: 14px;
}
.login-bot .input-box .get-code:hover {
	color: #278c56;
}
input::placeholder {
	color: #666;
}
input::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
	color: #666;
}
input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #666;
}
input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #666;
}
input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #666;
}
.login-bot .box {
	margin-top: 16px;
}
.login-pop #drag, .login-pop #drag2 {
	position: relative;
	background-color: #e8e8e8;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	color: #666666;
	width: 100%;
}
.login-pop #drag .handler, .login-pop #drag2 .handler {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 48px;
	height: 36px;
	border: 0;
	cursor: move;
	border-radius: 4px;
}

.handler_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
.login-pop #drag .drag_bg,.login-pop #drag2 .drag_bg{
    background-color: #278c56;
    height: 100%;
    width: 0px;
	border-radius: 4px;
}
.login-pop #drag .drag_text, .login-pop #drag2 .drag_text {
	position: absolute;
	top: 0px;
	width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	color: inherit;
}
.clause-box {
	color: #333;
	font-size: 14px;
}
.clause-box a {
	color: #1b4187;
}
.clause-box a:hover {
	color: #278c56;
}
.login-bot .bot-bottom {
	margin-top: 26px;
}
.login-bot .clause .input_checkbox {
	height: 14px;
	vertical-align: top;
	font-size: 0px;
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
}
.login-bot .clause .input_checkbox input {
	width:0;
	height:0;
	opacity:0;
}
.login-bot .clause .input_checkbox input:checked ~ label::after {
  -webkit-transform:rotate(-45deg) scale(1);
  -moz-transform:rotate(-45deg) scale(1);
  -o-transform:rotate(-45deg) scale(1);
  -ms-transform:rotate(-45deg) scale(1);
  transform:rotate(-45deg) scale(1);
  opacity:1;
}
.login-bot .clause .input_checkbox input:checked ~ label::before {
	background: #278c56;
	transform: scale(1);
	border-color: #278c56;
}
.login-bot .clause .input_checkbox label {
	width: 14px;
	height: 14px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-right: 0;
}
.login-bot .clause .input_checkbox label:hover::before {
  	background-color:#ddd;
}
.login-bot .clause .input_checkbox label::after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 6px;
	height: 3px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 1px solid #fff;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.login-bot .clause .input_checkbox label::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: 0.2s;
	transform: scale(1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 2px;
	border: 1px solid #ddd;
}
.login-bot .bot-bottom .login-btn {
	margin-top: 12px;
}
.login-bot .bot-bottom .login-btn button {
	display: block;
	height: 44px;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	background-color: #278c56;
	border: 0;
	border: 1px solid #278c56;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.login-bot .bot-bottom .login-btn button:hover {
	color: #278c56;
	background-color: #fff;
}









footer {
	background: url(../../../../images/shortVideo/version/2023/footBg.png) no-repeat bottom center;
	background-size: cover;
	/* background-color: rgba(45, 46, 53,0.85); */
	padding: 46px 0 20px 160px;
	margin-top: 35px;
}
.bottomMenu {
	padding: 0 32px;
}
.bottomMenu .item{
	margin:0 auto;
}
.footLeft {
	float: left;
	width: 30%;
	box-sizing: border-box;
}
.footLeft .lxqq::after {
	content: "";
	display: block;
	clear: both;
}
.footLeft .title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.footLeft ul {
	float: left;
	margin-right: 65px;
}
.footLeft ul:last-child {
	margin-right: 0;
}
.footLeft ul li {
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	margin-top: 12px;
}
.footLeft ul li:first-child {
	margin-top: 0;
}

.footLeft .lxqq .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.footLeft .lxqq .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
}
.footLeft .lxqq a{
	position: relative;
	cursor: pointer;
}
.footLeft .lxqq a:hover .QQhover{
	display: inline-block;
}
.footLeft ul li i {
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 4px;
	background: url(../../../../images/shortVideo/version/2023/qq.png) no-repeat center center #949498;
	margin-left: 10px;
	vertical-align: top;
	margin-top: 1px;
}
.footLeft .text {
	margin-top: 30px;
	float: left;
}
.footLeft p {
	font-size: 15px;
	color: #fff;
	line-height: 17px;
	margin-top: 20px;
}
.footLeft p:first-child {
	margin-top: 0;
}
.footLeft p b {
	font-size: 16px;
	font-weight: normal;
}
.footCenter {
	float: left;
	width: 26%;
	overflow: hidden;
	border-left: 1px solid #36393c;
	border-right: 1px solid #36393c;
	box-sizing: border-box;
	text-align: center;
}
.footCenter .center-box {
	display: inline-block;
}
.footCenter ul {
	float: left;
	margin-right: 70px;
}
.footCenter ul:last-child {
	margin-right: 0 !important;
}
.footCenter ul li {
	line-height: 17px;
	font-size: 15px;
	margin-top: 24px;
	text-align: left;
}
.footCenter ul li:first-child {
	margin-top: 0;
}
.footCenter ul li a {
	color: #fff;
}
.footCenter .title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.footRight {
	overflow: hidden;
	text-align: center;
}
.footRight .title {
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5px;
}
.footRight .title b {
	font-weight: normal;
}
.footRight ul {
	display: inline-block;
}
.footRight ul li {
	float: left;
	margin: 0 30px;
}
.footRight ul li:first-child {
	margin-left: 0;
}
.footRight ul li:last-child {
	margin-right: 0;
}
.footRight ul li .ewm {
	width: 140px;
	height: 140px;
	padding: 10px;
	background: #fff;
	margin: 0 auto;
	border: 3px solid #138146;
	box-sizing: border-box;
}
.footRight ul li .ewm img {
	width: 100%;
	height: 100%;
}
.foot {
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 64px;
}
.report-popup {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.report-popup-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 440px;
	box-sizing: border-box;
	padding: 0 20px 16px;
	border-radius: 16px;
	background: #1b1b1b;
	animation: bounce-in 0.6s none;
}
.report-popup-box .title {
	padding: 28px 0 22px;
	position: relative;
	font-size: 18px;
	color: rgba(255,255,255,.6);
	border-bottom: 1px solid rgba(27,136,243,0.1);
}
.report-popup-box .title .close {
	position: absolute;
	right: 0;
	color: rgba(255,255,255,.6);
	top: 32px;
	font-size: 0;
}
.report-popup-box .title .close i {
	font-size: 14px;
}
.report-popup-box .title .close:hover {
	color: #fff;
}
.pop-content .label {
	color: #666;
	font-size: 15px;
	margin-top: 24px;
}
.pop-content .label i {
	color: #ff6600;
	font-style: normal;
}
.pop-content .reason-arr {
	margin-top: 4px;
}
.pop-content .reason-arr ul {
	overflow: hidden;
}
.pop-content .reason-arr li {
	float: left;
	width: 33.33%;
	font-size: 15px;
	line-height: 20px;
	margin-top: 14px;
}
.pop-content .reason-arr li a {
	color: rgba(255,255,255,.3);
	position: relative;
}

.pop-content .reason-arr li i {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
	border-radius: 50%;
	margin-right: 7px;
	border: 1px solid rgba(221,221,221,.3);
	width: 20px;
	height: 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pop-content .reason-arr li i::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	border: 6px solid #138146;
	box-sizing: border-box;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	transform: scale(0);
}
.pop-content .reason-arr li a:hover {
	color: rgba(255,255,255,.5);
}
.pop-content .reason-arr li a:hover i {
	border-color: rgba(221,221,221,.5);
}
.pop-content .reason-arr li a.focus i::after {
	transform: scale(1);
}
.pop-content .textarea-box {
	border-radius: 8px;
	background-color: rgba(255,255,255,0.1);
	overflow: hidden;
	padding: 10px;
	margin-top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pop-content .textarea-box:hover {
	background-color: rgba(255,255,255,0.15);
}
.pop-content .textarea-box textarea {
	width: 100%;
	height: 76px;
	font-size: 15px;
	color: #fff;
	background: transparent;
	border: 0;
	overflow: auto;
}
.pop-content .textarea-box textarea::placeholder,
.pop-content .textarea-box textarea::-webkit-input-placeholder,
.pop-content .textarea-box textarea::-moz-placeholder{
    color: rgba(255, 255, 255,.3);
}
.char-counter {
	color: rgba(255,255,255,0.3);
	font-size: 14px;
	text-align: right;
	margin-top: 4px;
}
.pop-content .upload-img {
	margin-top: 16px;
}
.pop-content .upload-img .img-arr ul {
	overflow: hidden;
}
.pop-content .upload-img .img-arr li {
	float: left;
}
.pop-content .upload-img .img-arr li .item {
	width: 72px;
	height: 72px;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.1);
	position: relative;
	cursor: pointer;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pop-content .upload-img .img-arr li .item:hover {
	background-color: rgba(255,255,255,0.15);
}
.pop-content .upload-img .img-arr li .item i.xwboo {
	font-size: 16px;
	color: rgba(255,255,255,0.3);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.pop-content .submit-btn {
	margin-top: 16px;
}
.pop-content .submit-btn a {
	display: block;
	font-size: 17px;
	line-height: 44px;
	height: 44px;
	border-radius: 8px;
	background-color: rgba(19,129,70,.3);
	color: rgba(255,255,255,.3);
	text-align: center;
}
.pop-content .submit-btn a:hover {
	background-color: rgba(19,129,70,.5);
	color: rgba(255,255,255,.5);
}
.load-data {
	position: relative;
	padding: 24px 0 0;
}
.loading {
	text-align: center;
	font-size: 0;
}

.loading-body span {
	width: 20px;
	height: 20px;
	background: #3ac;
	border-radius: 100%;
	display: inline-block;
	animation: slide 1s infinite
}

.loading-body span:nth-child(1) {
	animation-delay: 0.1s;
	background: #32aacc
}

.loading-body span:nth-child(2) {
	animation-delay: 0.2s;
	background: #64aacc
}

.loading-body span:nth-child(3) {
	animation-delay: 0.3s;
	background: #96aacc
}

.loading-body span:nth-child(4) {
	animation-delay: 0.4s;
	background: #c8aacc
}

.loading-body span:nth-child(5) {
	animation-delay: 0.5s;
	background: #faaacc
}
.SV-alert{
	position: fixed;
	top:0;
	left: 0;
	right:0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	z-index: 999;
}
.SV-alert-body{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 320px;
	border-radius: 10px;
	background:#fff;
	text-align: center;
	padding:40px;
}
.SV-alert-body .Icon{

}
.SV-alert-body .Icon i{
	font-size: 70px;
}
.SV-alert-body .Text{
	padding:20px 0;
	font-size: 16px;
	line-height:1.4;
}
.SV-alert-body > a{
	position:absolute;
	top:20px;
	right:20px;
	color:#cccccc;
}
.SV-alert-body > a i{
	font-size: 20px;
}
.SV-alert-body .Btn button{
	font-size: 16px;
	padding:0px 40px;
	height:40px;
	color:#ffffff;
	border-radius: 20px;
	border:none;
	cursor: pointer;
}
.SV-alert.success .SV-alert-body{
	background-image:-moz-linear-gradient(-90deg, #dbfaea 0%, #fff);
	background-image:-webkit-linear-gradient(-90deg, #dbfaea 0%, #fff);
	background-image:-ms-linear-gradient(-90deg, #dbfaea 0%, #fff);
}
.SV-alert.success .SV-alert-body .Icon i{
	color: #00b578;
}
.SV-alert.success .SV-alert-body .Btn button{
	background-color: #00b578;
}
.SV-alert.warning .SV-alert-body{
	background-image:-moz-linear-gradient(-90deg, #ffeee4 0%, #fff);
	background-image:-webkit-linear-gradient(-90deg, #ffeee4 0%, #fff);
	background-image:-ms-linear-gradient(-90deg, #ffeee4 0%, #fff);
}
.SV-alert.warning .SV-alert-body .Icon i{
	color: #ff8f1f;
}
.SV-alert.warning .SV-alert-body .Btn button{
	background-color: #ff8f1f;
}
.SV-alert.tip .SV-alert-body{
	background-image:-moz-linear-gradient(-90deg, #f4f4f4 0%, #fff);
	background-image:-webkit-linear-gradient(-90deg, #f4f4f4 0%, #fff);
	background-image:-ms-linear-gradient(-90deg, #f4f4f4 0%, #fff);
}
.SV-alert.tip .SV-alert-body .Icon i{
	color: #bbbbbb;
}
.SV-alert.tip .SV-alert-body .Btn button{
	background-color: #bbbbbb;
}
.loading p {
	font-size: 14px;
	margin-top: 20px
}
.jw-preview{
	background-color: transparent !important;
}
@-moz-keyframes slide {
	0% {
		transform: scale(1)
	}

	50% {
		opacity: 0.3;
		transform: scale(2)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes slide {
	0% {
		transform: scale(1)
	}

	50% {
		opacity: 0.3;
		transform: scale(2)
	}

	100% {
		transform: scale(1)
	}
}

@-o-keyframes slide {
	0% {
		transform: scale(1)
	}

	50% {
		opacity: 0.3;
		transform: scale(2)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes slide {
	0% {
		transform: scale(1)
	}

	50% {
		opacity: 0.3;
		transform: scale(2)
	}

	100% {
		transform: scale(1)
	}
}
.no-data {
	text-align: center;
}

.no-data .image {
	width: 300px;
	margin: 100px auto 0;
}

.no-data p {
	margin-top: 15px;
	font-size: 20px;
	color: #777;
}

.no-data .content {
	margin-top: 18px;
	color: #ddd;
	font-size: 16px;
}

.no-data .content a {
	color: #159450
}

.no-data .btn {
	margin-top: 18px;
}

.no-data .btn a {
	font-size: 16px;
	display: inline-block;
	width: 300px;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid #159450;
	color: #159450;
}

.no-data .btn a:hover {
	color: #fff;
	background-color: #159450
}
.nav .navTab li a{
	cursor: pointer;
}

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

}
@media only screen and (min-width: 1600px) and (max-width:1919px){
	.index-hot .left .list li .item {
		margin-right: 20px;
		margin-top: 20px;
	}
	.index-hot .left .list ul {
		margin-right: -20px;
		margin-top: -20px;
	}
	.index-hot .left {
		width: -moz-calc(100% - 288px - 20px);
		width: -webkit-calc(100% - 288px - 20px);
		width: calc(100% - 288px - 20px);
		margin-right: 20px;
	}
	.mt32 {
		margin-top: 28px;
	}
	.main-right {
		padding-right: 26px;
	}
	.index-hot .left .list .text {
		padding: 12px;
	}
	.index-hot .left .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.index-hot .left .list .text .name {
		line-height: 15px;
		height: 15px;
		margin-top: 10px;
	}
	.index-hot .left .list .text .name a,.index-hot .left .list .text .name span {
		font-size: 13px;
	}
	.index-hot .left .list .text .state {
		right: 10px;
		bottom: 10px;
		padding: 0 12px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living {
		font-size: 13px;
	}
	.index-hot .left .list .text .state.living::before {
		width: 10px;
		height: 10px;
		margin-top: 9px;
		margin-right: 4px;
	}
	.index-hot .list .image .play,.index-video .list .image .play {
		margin-left: -27px;
		margin-top: -27px;
		width: 54px;
		height: 54px;
	}
	.index-hot .right, .index-hot-fixbox {
		padding: 16px 14px 18px;
        width: 288px;
	}
    .index-hot.mt32 .right {
    	padding: 16px 14px 15px;
    }
	.index-hot .right .title img {
		width: 110px;
	}
	.index-hot .right .list li a {
		font-size: 15px;
		max-width: calc(100% - 24px);
	}
	.index-hot .right .list li span {
		font-size: 16px;
	}
	.index-hot .right .list li span i {
		width: 12px;
		height: 14px;
		left: 8px;
	}
	.index-hot .right .list li span i::before {
		border-width: 0 0 14px 4px;
	}
	.index-hot .right .list li span i::after {
		border-width: 14px 4px 0 0;
	}
	.index-hot .right .list {
		margin-top: 18px;
	}
	.index-hot.mt32 .right .list li {
		margin-top: 22px;
	}
	.index-hot .right .list li {
		margin-top: 23px;
		line-height: 17px;
		height: 17px;
		padding-left: 30px;
	}
	.index-hot .right .list li mark {
		font-size: 12px;
		margin-top: 2px;
		margin-left: 7px;
	}
	.index-video {
		padding: 26px 32px 32px;
	}
	.index-video .title span {
		font-size: 32px;
	}
	.index-video .title span::after {
		width: 196px;
		height: 44px;
	}
	.index-video .title .more {
		font-size: 15px;
		top: 9px;
	}
	.index-video .list .text {
		padding: 12px;
	}
	.index-video .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.footLeft ul {
		margin-right: 42px;
	}
	.my-follow {
		margin-left: -18px;
	}
}
@media only screen and (min-width: 1400px) and (max-width:1599px){
	.index-hot .left .list li .item {
		margin-right: 20px;
		margin-top: 20px;
	}
	.index-hot .left .list ul {
		margin-right: -20px;
		margin-top: -20px;
	}
	.index-hot .left {
		width: -moz-calc(100% - 258px - 16px);
		width: -webkit-calc(100% - 258px - 16px);
		width: calc(100% - 258px - 16px);
		margin-right: 16px;
	}
	.mt32 {
		margin-top: 24px;
	}
	.index-hot .left .list li .item {
		margin-right: 16px;
		margin-top: 16px;
	}
	.index-hot .left .list ul {
		margin-right: -16px;
		margin-top: -16px;
	}
	.main-right {
		padding: 0 18px;
	}
	.index-hot.mt32 {
		margin-top: 20px;
	}
	.index-hot .left .list .text {
		padding: 12px;
	}
	.index-hot .left .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.index-hot .left .list .text .name {
		line-height: 15px;
		height: 15px;
		margin-top: 16px;
	}
	.index-hot .left .list .text .name a,.index-hot .left .list .text .name span {
		font-size: 13px;
	}
	.index-hot .left .list .text .state {
		right: 10px;
		bottom: 10px;
		padding: 0 12px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living {
		font-size: 13px;
	}
	.index-hot .left .list .text .state.living::before {
		width: 10px;
		height: 10px;
		margin-top: 9px;
		margin-right: 4px;
	}
	.index-hot .list .image .play, .index-video .list .image .play {
		margin-left: -25px;
		margin-top: -25px;
		width: 50px;
		height: 50px;
	}
	.my-bot .video-list li {
		width: 20%;
	}
	.index-hot.mt32 .right {
    	padding: 16px 14px 15px;
    	width: 258px;
    }
	.index-hot.mt32 .right {
		padding: 16px 14px 15px;
	}
	.index-hot .right .title img {
		width: 110px;
	}
	.index-hot .right .list li a {
		font-size: 15px;
		max-width: calc(100% - 24px);
	}
	.index-hot .right .list li span {
		font-size: 16px;
	}
	.index-hot .right .list li span i {
		width: 12px;
		height: 14px;
		left: 8px;
	}
	.index-hot .right .list li span i::before {
		border-width: 0 0 14px 4px;
	}
	.index-hot .right .list li span i::after {
		border-width: 14px 4px 0 0;
	}
	.index-hot .right .list {
		margin-top: 18px;
	}
	.index-hot.mt32 .right .list li {
		margin-top: 20px;
	}
	.index-hot .right .list li {
		margin-top: 19px;
		line-height: 17px;
		height: 17px;
		padding-left: 30px;
	}
	.main-right .hot-title {
		font-size: 22px;
	}
	.index-hot .left .list .text.gray-text-bg {
		padding: 9px 14px;
	}
	.index-hot .right .list li mark {
		font-size: 12px;
		margin-top: 2px;
		margin-left: 7px;
	}
	.index-video {
		padding: 26px 32px 32px;
	}
	.index-video .title span {
		font-size: 32px;
	}
	.index-video .title span::after {
		width: 196px;
		height: 44px;
	}
	.index-video .title .more {
		font-size: 15px;
		top: 9px;
	}
	.index-video .list .text {
		padding: 12px;
	}
	.index-video .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.bottomMenu {
		padding: 0 25px;
	}
	.footLeft ul li {
		font-size: 13px;
	}
	.footLeft ul {
		margin-right: 36px;
	}
	.footLeft p {
		font-size: 13px;
		line-height: 15px;
		margin-top: 20px;
	}
	.footLeft p b {
		font-size: 14px;
	}
	.footCenter ul li {
		line-height: 15px;
		font-size: 13px;
		margin-top: 24px;
	}
	.footRight .title {
		font-size: 13px;
	}
	.footRight ul li .ewm {
		width: 126px;
		height: 126px;
		padding: 8px;
	}
	.footRight ul li {
		margin: 0 16px;
	}
	.foot {
		font-size: 12px;
		margin-top: 48px;
	}
	header .search {
		margin: 0 0 0 46px;
	}
	header .right li {
		width: 108px;
	}
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.index-hot .left .list li .item {
		margin-right: 20px;
		margin-top: 20px;
	}
	.index-hot .left .list ul {
		margin-right: -20px;
		margin-top: -20px;
	}
	.index-hot .left {
		width: -moz-calc(100% - 230px - 16px);
		width: -webkit-calc(100% - 230px - 16px);
		width: calc(100% - 230px - 16px);
		margin-right: 16px;
	}
	.mt32 {
		margin-top: 24px;
	}
	.index-hot .left .list li .item {
		margin-right: 16px;
		margin-top: 16px;
	}
	.index-hot .left .list ul {
		margin-right: -16px;
		margin-top: -16px;
	}
	.main-right {
		padding: 0 18px;
	}
	.index-hot.mt32 {
		margin-top: 20px;
	}
	.index-hot .left .list .text {
		padding: 12px;
	}
	.index-hot .left .list .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.index-hot .left .list .text .name {
		line-height: 15px;
		height: 15px;
		margin-top: 13px;
	}
	.index-hot .left .list .text .name a, .index-hot .left .list .text .name span {
		font-size: 12px;
	}
	.index-hot .left .list .text .state {
		right: 10px;
		bottom: 8px;
		padding: 0 12px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living {
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living::before {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 4px;
	}
	.index-hot .list .image .play, .index-video .list .image .play {
		margin-left: -25px;
		margin-top: -25px;
		width: 50px;
		height: 50px;
	}
	.my-bot .video-list li {
		width: 20%;
	}
	.index-hot .right, .index-hot-fixbox {
		padding: 15px 14px 18px;
        width: 230px;
	}
	.index-hot.mt32 .right {
		padding: 13px 10px 15px;
	}
	.index-hot .right .title img {
		width: 110px;
	}
	.index-hot .right .list li a {
		font-size: 14px;
		max-width: calc(100% - 24px);
	}
	.index-hot .right .list li span {
		font-size: 16px;
	}
	.index-hot .right .list li span i {
		width: 12px;
		height: 14px;
		left: 8px;
	}
	.index-hot .right .list li span i::before {
		border-width: 0 0 14px 4px;
	}
	.index-hot .right .list li span i::after {
		border-width: 14px 4px 0 0;
	}
	.index-hot .right .list {
		margin-top: 18px;
	}
	.index-hot.mt32 .right .list li {
		margin-top: 18px;
	}
	.index-hot .right .list li {
		margin-top: 17px;
		line-height: 17px;
		height: 17px;
		padding-left: 30px;
	}
	.main-right .hot-title {
		font-size: 22px;
	}
	.index-hot .left .list .text.gray-text-bg {
		padding: 8px 14px;
	}
	.index-hot .right .list li mark {
		font-size: 12px;
		margin-top: 2px;
		margin-left: 7px;
	}
	.index-video {
		padding: 26px 28px 32px;
	}
	.index-video .list li {
		width: 25%;
	}
	.my-bot .video-list .item {
		margin-top: 16px;
		margin-right: 16px;
	}
	.my-bot .video-list ul {
		margin-right: -16px;
		margin-top: -16px;
	}
	.my-nav .my-tab a {
		font-size: 18px;
		padding: 5px 0 18px;
		margin-right: 30px;
	}
	.screen-right .mr16 {
		margin-right: 10px;
	}
	.screen-right .management a, .screen-right .delete a {
		padding: 0 8px;
		line-height: 30px;
		font-size: 12px;
	}
	.screen-right .input-box, .screen-right .select-day, .screen-right .management, .screen-right .delete {
		height: 30px;
	}
	.screen-right .select-day .day-top {
		font-size: 12px;
		padding: 0 10px;
		line-height: 30px;
	}
	.screen-right .select-day .day-top i.rili {
		left: 13px;
	}
	.screen-right .select-day {
		width: 140px;
	}
	.screen-right .input-box {
		width: 260px;
	}
	.screen-right .input-box input {
		padding-left: 30px;
		font-size: 12px;
	}
	.screen-right .input-box i {
		font-size: 14px;
	}
	.index-video .title span {
		font-size: 30px;
	}
	.index-video .title span::after {
		width: 196px;
		height: 44px;
	}
	.index-video .title .more {
		font-size: 15px;
		top: 9px;
	}
	.index-video .list .text {
		padding: 12px;
	}
	.index-video .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.bottomMenu {
		padding: 0 25px;
	}
	.footLeft ul li {
		font-size: 13px;
	}
	.footLeft p b {
		font-size: 14px;
	}
	.footCenter ul li {
		line-height: 15px;
		font-size: 13px;
		margin-top: 24px;
	}
	.footRight .title {
		font-size: 13px;
	}
	.footRight ul li .ewm {
		width: 126px;
		height: 126px;
		padding: 8px;
	}
	.footRight ul li {
		margin: 0 16px;
	}
	.foot {
		font-size: 12px;
		margin-top: 48px;
	}
	.footLeft ul {
		margin-right: 28px;
	}
	.footLeft p {
		font-size: 13px;
		line-height: 15px;
		margin-top: 16px;
	}
	.footCenter ul {
		margin-right: 44px;
	}
	header .search {
		margin: 0 0 0 46px;
	}
	header .right li {
		width: 98px;
	}
}

@media only screen and (min-width: 1025px) and (max-width:1199px){
	.main-left {
		padding: 20px 10px;
		width: auto;
	}
	.my-follow {
		margin-left: -18px;
		padding: 0 12px;
	}
	.nav ul {
		padding-bottom: 6px;
		padding-top: 6px;
	}
	.nav li a {
		height: auto;
		font-size: 14px;
		padding: 5px;
		text-align: center;
		line-height: normal;
	}
	.nav li .icon {
		float: none;
		margin: 0 auto 4px;
	}
	.nav li .icon i {
		margin-top: 0;
	}
	.nav li {
		margin-top: 5px;
	}
	.nav li:first-child {
		margin-top: 0;
	}
	.my-follow .title {
		font-size: 13px;
		line-height: 24px;
	}
	.my-follow .hide-this {
		line-height: 24px;
		margin-left: 6px;
	}
	.my-follow-box {
		margin: 8px auto 0;
	}
	.my-follow-box .swiper-slide {
		margin-top: 14px;
	}
	.my-follow-box .name {
		margin-top: 6px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.index-hot .left .list li .item {
		margin-right: 20px;
		margin-top: 20px;
	}
	.index-hot .left .list ul {
		margin-right: -20px;
		margin-top: -20px;
	}
	.index-hot .left {
		width: -moz-calc(100% - 208px - 12px);
		width: -webkit-calc(100% - 208px - 12px);
		width: calc(100% - 208px - 12px);
		margin-right: 12px;
	}
	.mt32 {
		margin-top: 20px;
	}
	.recommend-video .text-block p {
		font-size: 20px;
		line-height: 22px;
		height: 22px;
	}
	.recommend-video .text-block {
		bottom: 60px;
		padding: 0 16px;
	}
	.interact-box {
		width: 68px;
	}
    .recommend-video .swiper-item {
    	padding-right: 68px;
    }
    .recommend-video .text-block {
        right: 68px;
    }
	.interact-box .page-box {
		width: 40px;
		padding: 12px 0px;
	}
	.interact-box .face-img {
		margin-top: 20px;
	}
	.interact-box .face-img .image {
		width: 40px;
		height: 40px;
	}
	.interact-box .face-img .guanzhu a {
		width: 28px;
		height: 16px;
		line-height: 16px;
	}
	.interact-box .face-img .guanzhu a i {
		font-size: 10px;
	}
	.interact-box .hudong li i {
		font-size: 20px;
	}
	.interact-box .hudong li i.heart-icon {
		font-size: 24px;
	}
	.interact-box .hudong li a {
		font-size: 13px;
	}
	.index-hot .left .list li .item {
		margin-right: 12px;
		margin-top: 12px;
	}
	.index-hot .left .list ul {
		margin-right: -12px;
		margin-top: -12px;
	}
	.main-right {
		padding: 0 18px;
	}
	.index-hot.mt32 {
		margin-top: 20px;
	}
	.index-hot .left .list .text {
		padding: 12px;
	}
	.index-hot .left .list .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.index-hot .left .list .text .name {
		line-height: 15px;
		height: 15px;
		margin-top: 13px;
	}
	.index-hot .left .list .text .name a, .index-hot .left .list .text .name span {
		font-size: 12px;
	}
	.index-hot .left .list .text .state {
		right: 10px;
		bottom: 8px;
		padding: 0 12px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living {
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living::before {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 4px;
	}
	.index-hot .list .image .play, .index-video .list .image .play {
		margin-left: -25px;
		margin-top: -25px;
		width: 50px;
		height: 50px;
	}
	.my-bot .video-list li {
		width: 25%;
	}
	.index-hot .right, .index-hot-fixbox {
		padding: 13px 12px 11px;
        width: 208px;
	}
	footer {
		padding: 46px 0 20px 95px;
		margin-top: 24px;
	}
	.index-hot.mt32 .right {
		padding: 11px 10px 12px;
	}
	.index-hot .right .title img {
		width: 96px;
	}
	.index-hot .right .list li a {
		font-size: 12px;
		max-width: calc(100% - 24px);
	}
	.index-hot .right .list li span {
		font-size: 14px;
	}
	.index-hot .right .list li span i {
		width: 10px;
		height: 12px;
		left: 6px;
	}
	.index-hot .right .list li span i::before {
		border-width: 0 0 14px 4px;
	}
	.index-hot .right .list li span i::after {
		border-width: 14px 4px 0 0;
	}
	.index-hot .right .list {
		margin-top: 18px;
	}
	.index-hot.mt32 .right .list li {
		margin-top: 18px;
	}
	.index-hot .right .list li {
		margin-top: 17px;
		line-height: 15px;
		height: 15px;
		padding-left: 26px;
	}
	.main-right .hot-title {
		font-size: 22px;
	}
	.index-hot .left .list .text.gray-text-bg {
		padding: 8px 14px;
	}
	.index-hot .right .list li mark {
		font-size: 12px;
		margin-top: 0px;
		margin-left: 3px;
	}
	.index-video {
		padding: 18px 20px 22px;
	}
	.index-video .list li {
		width: 25%;
	}
	.my-bot .video-list .item {
		margin-top: 16px;
		margin-right: 16px;
	}
	.my-bot .video-list ul {
		margin-right: -16px;
		margin-top: -16px;
	}
	.my-nav .my-tab a {
		font-size: 18px;
		padding: 5px 0 18px;
		margin-right: 30px;
	}
	.screen-right .mr16 {
		margin-right: 10px;
	}
	.screen-right .management a, .screen-right .delete a {
		padding: 0 8px;
		line-height: 30px;
		font-size: 12px;
	}
	.screen-right .input-box, .screen-right .select-day, .screen-right .management, .screen-right .delete {
		height: 30px;
	}
	.screen-right .select-day .day-top {
		font-size: 12px;
		padding: 0 10px;
		line-height: 30px;
	}
	.screen-right .select-day .day-top i.rili {
		left: 13px;
	}
	.screen-right .select-day {
		width: 140px;
	}
	.screen-right .input-box {
		width: 260px;
	}
	.screen-right .input-box input {
		padding-left: 30px;
		font-size: 12px;
	}
	.screen-right .input-box i {
		font-size: 14px;
	}
	.index-video .title span {
		font-size: 26px;
		padding-left: 24px;
	}
	.index-video .title span::before {
		left: 12px;
		bottom: -6px;
		width: 132px;
		height: 16px;
	}
	.index-video .title span::after {
		width: 150px;
		height: 34px;
	}
	.index-video .title .more {
		font-size: 15px;
		top: 4px;
	}
	.index-video .list .text {
		padding: 12px;
	}
	.index-video .list .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
	}
	.bottomMenu {
		padding: 0 18px;
	}
	.footLeft ul li {
		font-size: 13px;
	}
	.footLeft p b {
		font-size: 14px;
	}
	.footCenter ul li {
		line-height: 15px;
		font-size: 13px;
		margin-top: 24px;
	}
	.footRight .title {
		font-size: 13px;
	}
	.footRight ul li .ewm {
		width: 126px;
		height: 126px;
		padding: 8px;
	}
	.footRight ul li {
		margin: 0 16px;
	}
	.foot {
		font-size: 12px;
		margin-top: 48px;
	}
	.footLeft ul {
		margin-right: 28px;
	}
	.footLeft p {
		font-size: 13px;
		line-height: 15px;
		margin-top: 16px;
	}
	.footCenter ul {
		margin-right: 44px;
	}
	header .search {
		margin: 0 0 0 16px;
	}
	header .right li {
		width: 84px;
	}
}

@media only screen and (max-width:1024px){
	.main-left {
		padding: 20px 10px;
		width: auto;
	}
	.nav ul {
		padding-bottom: 6px;
		padding-top: 6px;
	}
	.nav li a {
		height: auto;
		font-size: 14px;
		padding: 5px;
		text-align: center;
		line-height: normal;
	}
	.nav li .icon {
		float: none;
		margin: 0 auto 4px;
	}
	.nav li .icon i {
		margin-top: 0;
	}
	.nav li {
		margin-top: 5px;
	}
	.nav li:first-child {
		margin-top: 0;
	}
	.my-follow .title {
		font-size: 13px;
		line-height: 24px;
	}
	.my-follow .hide-this {
		line-height: 24px;
		margin-left: 6px;
	}
	.my-follow-box {
		margin: 8px auto 0;
	}
	.my-follow-box .swiper-slide {
		margin-top: 14px;
	}
	.my-follow-box .name {
		margin-top: 6px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.index-hot .left .list li .item {
		margin-right: 20px;
		margin-top: 20px;
	}
	.index-hot .left .list ul {
		margin-right: -20px;
		margin-top: -20px;
	}
	.index-hot .left {
		width: -moz-calc(100% - 234px - 12px);
		width: -webkit-calc(100% - 234px - 12px);
		width: calc(100% - 234px - 12px);
		margin-right: 12px;
	}
	.my-follow {
		margin-left: -18px;
		padding: 0 12px;
	}
	.mt32 {
		margin-top: 20px;
	}
	.recommend-video .text-block p {
		font-size: 20px;
		line-height: 22px;
		height: 22px;
	}
	.recommend-video .text-block {
		bottom: 60px;
		padding: 0 16px;
	}
	.interact-box {
		width: 68px;
	}
    .recommend-video .swiper-item {
    	padding-right: 68px;
    }
    .recommend-video .text-block {
        right: 68px;
    }
	.interact-box .page-box {
		width: 40px;
		padding: 12px 0px;
	}
	.interact-box .face-img {
		margin-top: 20px;
	}
	.interact-box .face-img .image {
		width: 40px;
		height: 40px;
	}
	.interact-box .face-img .guanzhu a {
		width: 28px;
		height: 16px;
		line-height: 16px;
	}
	.interact-box .face-img .guanzhu a i {
		font-size: 10px;
	}
	.interact-box .hudong li i {
		font-size: 20px;
	}
	.interact-box .hudong li i.heart-icon {
		font-size: 24px;
	}
	.interact-box .hudong li a {
		font-size: 13px;
	}
	.index-hot .left .list li .item {
		margin-right: 12px;
		margin-top: 12px;
	}
	.index-hot .left .list ul {
		margin-right: -12px;
		margin-top: -12px;
	}
	.main-right {
		padding: 0 18px;
	}
	.index-hot.mt32 {
		margin-top: 20px;
	}
	.index-hot .left .list li {
		width: 33.33%;
	}
	.index-hot .left .list .text {
		padding: 12px;
	}
	.index-hot .left .list .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.index-hot .left .list .text .name {
		line-height: 15px;
		height: 15px;
		margin-top: 13px;
	}
	.index-hot .left .list .text .name a, .index-hot .left .list .text .name span {
		font-size: 12px;
	}
	.index-hot .left .list .text .state {
		right: 10px;
		bottom: 8px;
		padding: 0 12px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living {
		font-size: 12px;
	}
	.index-hot .left .list .text .state.living::before {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 4px;
	}
	.index-hot .list .image .play, .index-video .list .image .play {
		margin-left: -25px;
		margin-top: -25px;
		width: 50px;
		height: 50px;
	}
	.my-bot .video-list li {
		width: 25%;
	}
	.index-hot .right, .index-hot-fixbox {
		padding: 13px 12px 11px;
        width: 234px;
	}
	footer {
		padding: 46px 0 20px 20px;
		margin-top: 24px;
	}
	.index-hot.mt32 .right {
		padding: 16px 10px;
	}
	.index-hot .right .title img {
		width: 96px;
	}
	.index-hot .right .list li a {
		font-size: 14px;
		max-width: calc(100% - 24px);
	}
	.index-hot .right .list li span {
		font-size: 14px;
	}
	.index-hot .right .list li span i {
		width: 10px;
		height: 12px;
		left: 6px;
	}
	.index-hot .right .list li span i::before {
		border-width: 0 0 14px 4px;
	}
	.index-hot .right .list li span i::after {
		border-width: 14px 4px 0 0;
	}
	.index-hot .right .list {
		margin-top: 18px;
	}
	.index-hot.mt32 .right .list li {
		margin-top: 16px;
	}
	.index-hot .right .list li {
		margin-top: 17px;
		line-height: 17px;
		height: 17px;
		padding-left: 26px;
	}
	.main-right .hot-title {
		font-size: 22px;
	}
	.index-hot .left .list .text.gray-text-bg {
		padding: 10px 14px;
	}
	.index-hot .right .list li mark {
		font-size: 12px;
		margin-top: 2px;
		margin-left: 3px;
	}
	.index-video {
		padding: 18px 20px 22px;
	}
	.index-video .list li {
		width: 25%;
	}
	.my-bot .video-list .item {
		margin-top: 16px;
		margin-right: 16px;
	}
	.my-bot .video-list ul {
		margin-right: -16px;
		margin-top: -16px;
	}
	.my-nav .my-tab a {
		font-size: 16px;
		padding: 5px 0 15px;
		margin-right: 22px;
	}
	.my-bot .type a {
		margin-right: 12px;
		margin-top: 12px;
		padding: 0 12px;
		min-width: 60px;
		height: 28px;
		line-height: 26px;
		font-size: 12px;
	}
	.my-bot .video-list .text {
		padding: 12px;
	}
	.my-bot .video-list .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.my-bot .video-list .image .play {
		margin-left: -22px;
		margin-top: -22px;
		width: 44px;
		height: 44px;
	}
	.screen-right .mr16 {
		margin-right: 10px;
	}
	.screen-right .management a, .screen-right .delete a {
		padding: 0 8px;
		line-height: 30px;
		font-size: 12px;
	}
	.screen-right .input-box, .screen-right .select-day, .screen-right .management, .screen-right .delete {
		height: 30px;
	}
	.screen-right .select-day .day-top {
		font-size: 12px;
		padding: 0 10px;
		line-height: 30px;
	}
	.screen-right .select-day .day-top i.rili {
		left: 13px;
	}
	.screen-right .select-day {
		width: 140px;
	}
	.screen-right .input-box {
		width: 200px;
	}
	.screen-right .input-box input {
		padding-left: 30px;
		font-size: 12px;
	}
	.screen-right .input-box i {
		font-size: 14px;
	}
	.index-video .title span {
		font-size: 26px;
		padding-left: 24px;
	}
	.index-video .title span::before {
		left: 12px;
		bottom: -6px;
		width: 132px;
		height: 16px;
	}
	.index-video .title span::after {
		width: 150px;
		height: 34px;
	}
	.index-video .title .more {
		font-size: 15px;
		top: 4px;
	}
	.index-video .list .text {
		padding: 12px;
	}
	.index-video .list .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.index-video .list .text .time {
		font-size: 12px;
	}
	.index-video .list .item {
		margin-right: 12px;
		margin-top: 12px;
	}
	.index-video .list ul {
		margin-right: -12px;
		margin-top: -12px;
	}
	.bottomMenu {
		padding: 0 18px;
	}
	.footLeft ul li {
		font-size: 12px;
	}
	.footLeft p b {
		font-size: 12px;
	}
	.footCenter ul li {
		line-height: 15px;
		font-size: 12px;
		margin-top: 24px;
	}
	.footCenter {
		width: 22%;
	}
	.footRight .title {
		font-size: 13px;
	}
	.footRight ul li .ewm {
		width: 126px;
		height: 126px;
		padding: 8px;
	}
	.footRight ul li {
		margin: 0 10px;
	}
	.foot {
		font-size: 12px;
		margin-top: 48px;
	}
	.footLeft ul {
		margin-right: 14px;
	}
	.footLeft p {
		font-size: 12px;
		line-height: 15px;
		margin-top: 16px;
	}
	.footCenter ul {
		margin-right: 44px;
	}
	header .search {
		margin: 0 0 0 16px;
	}
	header .search input {
		width: 300px;
	}
	header .right li {
		width: 68px;
	}
	header .right li a {
		font-size: 15px;
	}
}