a,address,b,blockquote,body,div,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,ol,p,s,span,table,tbody,td,tfoot,th,thead,tr,ul {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:"DIN Alternate",DIN,-apple-system,BlinkSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helevetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif
}
@font-face {
	font-family:DIN;
	src:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/common/font/DIN-red.ttf) format("truetype");
	font-style:normal;
	font-weight:400
}
body {
	color:#000;
	word-wrap:break-word;
	-webkit-overflow-scrolling:touch
}
body,button,input {
	font:16px/1.5 "DIN Alternate",DIN,PingFangSC-Regular,PingFangSC-Light,"Microsoft Yahei",sans-serif
}
h1,h2,h3,h4,h5 {
	font-size:100%;
	font-weight:400
}
ol,ul {
	list-style:none
}
a img {
	border:none;
	-webkit-touch-callout:none
}
a {
	text-decoration:none;
	outline:0;
	color:#000
}
img {
	display:block;
	border:0 none
}
button {
	overflow:visible;
	padding:0;
	margin:0;
	border:0 none;
	background-color:transparent
}
button::-moz-focus-inner {
	padding:0
}
input,textarea {
	background:0 0;
	padding:0;
	border-radius:0;
	-webkit-appearance:none
}
input[type=password] {
	-webkit-text-security:disc
}
button:focus,input:focus,textarea:focus {
	outline:0
}
* {
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
input,input:focus {
	outline:0;
	outline:0;
	border:none
}
b,em,strong {
	font-weight:400;
	font-style:normal
}
.clearfix:after {
	content:"";
	display:block;
	clear:both
}
.textoverflow {
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100%;
	_width:100%
}
.hybrid {
	-webkit-user-select:none;
	user-select:none
}
html {
	font-size:100px
}
@media (max-device-width:320px) {
	html {
	font-size:70px
}
}@media (max-device-width:320px) and (max-device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:70px
}
}@media (max-device-width:320px) and (min-device-height:490px) and (max-device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:80px
}
}@media (max-device-height:667px) and (min-device-width:375px) {
	html {
	font-size:100px
}
}@media (min-device-width:414px) and (max-device-height:736px) {
	html {
	font-size:110px
}
}
.tip{
    width: 60vw;
    background-color: #333;
    opacity: 0.5;
    color: #fff;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
    position: fixed;
    bottom: 15vw;
    z-index: 1000;
    margin-left: 20vw;
    display: none;
}

.icon {
	position:relative;
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	font-size:0;
	overflow:hidden;
	vertical-align:middle;
	-webkit-text-size-adjust:none
}
.btn.disable {
	opacity:.5
}
.btn {
	position:relative;
	display:inline-block;
	height:26px;
	line-height:26px;
	background-color:#ff0f80;
	text-align:center;
	padding:0 12px;
	font-size:14px;
	color:#fff;
	border-radius:33px;
	font-weight:700;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	font-weight:700
}
.btn-a {
	position:relative;
	display:inline-block;
	height:30px;
	line-height:29px;
	border:1px solid #ff0f80;
	padding:0 10px;
	color:#ff0f80;
	font-size:14px;
	border-radius:33px;
	vertical-align:middle;
	font-weight:700;
	-webkit-text-size-adjust:none;
	text-size-adjust:none
}
.btn-b {
	position:relative;
	display:inline-block;
	height:36px;
	line-height:36px;
	font-size:16px;
	background-image:-webkit-linear-gradient(right,#fc407b 0,#795ce4 46%,#21aefd 100%);
	background-image:linear-gradient(-90deg,#fc407b 0,#795ce4 46%,#21aefd 100%);
	border-radius:28px;
	padding:0 12px;
	color:#fff;
	-webkit-text-size-adjust:none;
	text-size-adjust:none
}
.guide-btn {
	z-index:10;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease
}
.guide-btn .icon-logo {
	width:24px;
	height:16px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-133px -73px;
	background-size:202px 195px;
	margin-right:.1rem
}
.guide-btn.show {
	opacity:1
}
.guide-btn.hide {
	opacity:0;
	pointer-events:none
}
.mod-loading {
	text-align:center;
	color:#777;
	font-size:14px;
	padding:10px 0
}
.icon-loading-s {
	width:16px;
	height:16px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/icon-loading-181016153248.png);
	background-size:cover;
	margin:0 3px 0 0;
	top:-1px;
	-webkit-animation:loading .6s linear infinite;
	animation:loading .6s linear infinite
}
@-webkit-keyframes loading {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes loading {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}.icon-status-none {
	width:2rem;
	height:1.5rem;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/common/status/icon-status-none-181016153248.png);
	background-size:cover
}
.mod-status {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	text-align:center
}
.mod-status .txt {
	font-size:16px;
	color:rgba(255,255,255,.5)
}
.mod-box-player {
	position:relative;
	overflow:hidden
}
.mod-box-player .box-ft {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff
}
.mod-player:after {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2) 1%,rgba(0,0,0,0) 14%,rgba(32,32,32,0) 56%,rgba(0,0,0,.6) 94%);
	background-image:linear-gradient(-180deg,rgba(0,0,0,.2) 1%,rgba(0,0,0,0) 14%,rgba(32,32,32,0) 56%,rgba(0,0,0,.6) 94%)
}
.mod-player {
	position:relative;
	height:100vh;
	margin:0
}
.mod-player .player-cover {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none
}
.mod-player .player-video:after {
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	height:30px;
	z-index:3;
	background:-webkit-linear-gradient(top,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);
	background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%)
}
.mod-box-player .mod-figure {
	padding:3px 23.5vw 0 55px
}
.mod-box-player .mod-figure .figure-img {
	position:absolute;
	left:15px;
	top:3px
}
.mod-box-player .mod-figure .figure-txt {
	max-width:calc(100% - 36px);
	-webkit-box-flex:initial;
	flex:initial;
	-webkit-flex:initial
}
.mod-box-player .mod-figure .figure-txt .tit {
	display:inline-block;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-weight:700
}
.mod-box-player .mod-figure .figure-txt .user-name {
	vertical-align:middle
}
.mod-box-player .mod-figure .btn-follow {
	line-height:18px
}
.mod-box-player .mod-figure .icon-follow {
	vertical-align:unset
}
.mod-figure-content {
	position:relative;
	padding:6px 23.5vw 7px 15px;
	font-size:12px
}
.mod-figure-content .desc {
	max-height:36px;
	line-height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.mod-figure-content .desc .link {
	color:#fcd810
}
.mod-figure-content .unit {
	display:inline-block;
	position:relative;
	z-index:4;
	max-width:60%;
	white-space:nowrap;
	margin-top:6px;
	padding-left:15px;
	line-height:1
}
.mod-figure-content .unit span {
	display:block;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden
}
@-webkit-keyframes fade-in-out {
	0% {
	opacity:0
}
10% {
	opacity:1
}
90% {
	opacity:1
}
100% {
	opacity:0
}
}@keyframes fade-in-out {
	0% {
	opacity:0
}
10% {
	opacity:1
}
90% {
	opacity:1
}
100% {
	opacity:0
}
}.mod-figure-content .unit .reminder {
	position:absolute;
	left:calc(100% + .07rem);
	top:50%;
	height:.24rem;
	width:120px;
	height:24px;
	margin-top:-12px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-82px 0;
	background-size:202px 195px;
	-webkit-animation:fade-in-out 3.75s linear both;
	animation:fade-in-out 3.75s linear both;
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.mod-figure-content .unit.act .reminder {
	-webkit-animation-play-state:running;
	animation-play-state:running
}
.mod-figure-content .topic {
	position:relative;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:6px;
	padding-left:15px;
	line-height:1
}
.mod-figure-content .music {
	position:relative;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:6px;
	padding-left:15px;
	line-height:1
}
.mod-figure-content .unit:before {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-190px -118px;
	background-size:202px 195px;
	left:0;
	top:0
}
.mod-figure-content .topic:before {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-190px -107px;
	background-size:202px 195px;
	left:0;
	top:0
}
.mod-figure-content .music:before {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-37px -158px;
	background-size:202px 195px;
	left:0;
	top:1px
}
.progress-wrap {
	width:100vw;
	height:1px;
	background-color:rgba(255,255,255,.4);
	margin-top:12px
}
.progress {
	height:1px;
	background-color:rgba(255,255,255,1);
	-webkit-transition:width .1s linear;
	transition:width .1s linear
}
.mod-box-player .box-ft .btn-link-wrap {
	height:60px;
	line-height:60px;
	text-align:center
}
.mod-box-player .box-ft .btn-link {
	width:150px;
	height:36px;
	line-height:36px;
	font-size:16px;
	background-image:-webkit-linear-gradient(right,#fc407b 0,#795ce4 46%,#21aefd 100%);
	background-image:linear-gradient(-90deg,#fc407b 0,#795ce4 46%,#21aefd 100%);
	border-radius:28px
}
.mod-box-player .box-ft .btn-link .icon {
	position:relative;
	width:25px;
	height:25px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:0 -170px;
	background-size:202px 195px;
	margin-right:5px
}
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.mod-player .box-ft {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom)
}
}.player-status {
	left:0;
	top:0;
	position:absolute;
	bottom:0;
	right:0
}
.btn-play {
	position:absolute;
	left:50%;
	top:50%;
	width:81px;
	height:94px;
	text-align:center;
	line-height:94px;
	border-radius:100%;
	z-index:3;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none
}
.btn-play .icon-play {
	width:81px;
	height:94px;
	background-image:url(http://houtai.ijiangyin.com:5566/newscss/page-play-v2-181016153248@2x.png);
	background-position:0 0;
	background-size:202px 195px
}
.mod-player .player-status {
	left:0;
	top:0;
	position:absolute;
	bottom:0;
	right:0
}
.delete-wrap,.end-wrap,.start-wrap {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.delete-wrap .txt {
	position:absolute;
	width:200px;
	left:50%;
	top:50%;
	color:rgba(255,255,255,.6);
	font-size:16px;
	line-height:19px;
	text-align:center;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.delete-wrap {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/feed/bg-181016153248.jpg);
	background-size:cover
}
.end-wrap {
	background-color:rgba(0,0,0,.9);
	z-index:9;
	padding:12.35vh .12rem 0;
	transition:all .3s ease;
	-webkit-transition:all .3s ease
}
.end-wrap.show {
	opacity:1;
	z-index:9
}
.end-wrap.hide {
	opacity:0;
	pointer-events:none
}
.end-wrap .btn-wrap {
	display:-webkit-box;
	display:flex;
	display:-webkit-flex;
	text-align:center;
	margin-top:26px
}
.end-wrap button {
	display:block;
	-webkit-box-flex:1;
	flex:1;
	-webkit-flex:1;
	height:35px;
	line-height:35px;
	border-radius:28px
}
.end-wrap .btn-replay {
	margin-right:12px;
	border:1px solid rgba(255,255,255,.5);
	color:#fff
}
.end-wrap .mod-figure-list .figure-item {
	border-bottom:1px solid transparent;
	margin-bottom:0
}
.end-wrap .figure-item-infor {
	padding:0 10px
}
.end-wrap .mod-figure-list .figure-item-pic {
	padding-top:102.857%
}
.end-wrap .btn-link {
	color:#fff;
	border:none;
	background-image:-webkit-linear-gradient(right,#fc407b 0,#795ce4 46%,#21aefd 100%);
	background-image:linear-gradient(-90deg,#fc407b 0,#795ce4 46%,#21aefd 100%)
}
.end-wrap .btn-link .icon-logo {
	position:relative;
	width:25px;
	height:25px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:0 -170px;
	background-size:202px 195px;
	margin-right:10px;
	top:-1px
}
@keyframes slide {
	0% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	opacity:0;
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
}@-webkit-keyframes slide {
	0% {
	opacity:1;
	-webkit-transform:translateY(0)
}
100% {
	opacity:0;
	-webkit-transform:translateY(-10px)
}
}.end-wrap .slide-wrap {
	position:absolute;
	width:100%;
	left:0;
	bottom:15px;
	text-align:center
}
.end-wrap .slide-wrap .txt {
	line-height:20px;
	color:#fff;
	font-size:14px
}
.end-wrap .icon-slide {
	width:21px;
	height:22px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-121px -133px;
	background-size:202px 195px;
	animation:slide 1.5s ease-out infinite;
	-webkit-animation:slide 1.5s ease-out infinite
}
.end-wrap .inner {
	padding-bottom:2px
}
.end-wrap .figure-item-progress {
	position:absolute;
	width:0;
	height:2px;
	left:0;
	bottom:0;
	right:0;
	background-color:#ff0f80
}
.end-wrap.animate .figure-item-progress {
	-webkit-animation:progressAni 3s linear;
	animation:progressAni 3s linear
}
.slide-tip-wrap {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-color:rgba(27,19,36,.2);
	z-index:6;
	color:#fff;
	text-align:center;
	padding-top:27.6vh
}
.slide-tip-wrap .pic {
	position:relative;
	width:100%;
	height:125px;
	margin-bottom:35px
}
.slide-tip-wrap .hand {
	position:absolute;
	display:block;
	width:47px;
	height:47px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-82px -25px;
	background-size:202px 195px;
	margin:0 auto;
	left:50%;
	bottom:0;
	margin:0 0 -45px -2px;
	-webkit-animation:slideHand 1.2s linear infinite;
	animation:slideHand 1.2s linear infinite
}
.slide-tip-wrap .mark {
	position:absolute;
	display:block;
	width:5px;
	height:125px;
	left:50%;
	bottom:0;
	overflow:hidden
}
.slide-tip-wrap .mark:before {
	content:"";
	position:absolute;
	display:block;
	width:5px;
	height:125px;
	background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
	background-image:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
	border-radius:8px;
	left:0;
	bottom:0;
	-webkit-animation:slideMark 1.2s linear infinite;
	animation:slideMark 1.2s linear infinite
}
@-webkit-keyframes slideMark {
	0% {
	height:0
}
50% {
	height:62px;
	opacity:1
}
100% {
	height:125px;
	opacity:0
}
}@keyframes slideMark {
	0% {
	height:0
}
50% {
	height:62px;
	opacity:1
}
100% {
	height:125px;
	opacity:0
}
}@-webkit-keyframes slideHand {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
50% {
	-webkit-transform:translateY(-62px);
	transform:translateY(-62px);
	opacity:1
}
100% {
	-webkit-transform:translateY(-125px);
	transform:translateY(-125px);
	opacity:0
}
}@keyframes slideHand {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
50% {
	-webkit-transform:translateY(-62px);
	transform:translateY(-62px);
	opacity:1
}
100% {
	-webkit-transform:translateY(-125px);
	transform:translateY(-125px);
	opacity:0
}
}@-webkit-keyframes progressAni {
	0% {
	width:100%
}
100% {
	width:0
}
}@keyframes progressAni {
	0% {
	width:100%
}
100% {
	width:0
}
}@keyframes cardIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes cardIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}.end-wrap.show .mod-figure-list .figure-item {
	animation:cardIn .7s ease;
	-webkit-animation:cardIn .7s ease;
	opacity:0;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
.end-wrap.show .mod-figure-list .figure-item:nth-child(2) {
	animation:cardIn .7s ease;
	-webkit-animation:cardIn .7s ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
.end-wrap.show .mod-figure-list .figure-item:nth-child(3) {
	animation:cardIn .7s ease;
	-webkit-animation:cardIn .7s ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
.end-wrap.show .mod-figure-list .figure-item:nth-child(4) {
	animation:cardIn .7s ease;
	-webkit-animation:cardIn .7s ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
@keyframes fadeInup {
	0% {
	opacity:.3;
	-webkit-transform:translateY(30%);
	transform:translateY(30%)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes fadeInup {
	0% {
	opacity:.3;
	-webkit-transform:translateY(30%)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0)
}
}.end-wrap .btn-wrap {
	animation:fadeInup 1s ease;
	-webkit-animation:fadeInup 1s ease;
	opacity:.3;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
@media screen and (min-width:736px) {
	html {
	font-size:120px
}
}.mod-figure-list .figure-list {
	position:relative;
	margin-left:-1px
}
.mod-figure-list .figure-item {
	position:relative;
	width:50%;
	float:left;
	border-left:1px solid transparent;
	box-sizing:border-box;
	margin:0 0 1px 0
}
.mod-figure-list .figure-item a {
	display:block;
	background-color:rgba(255,255,255,.1);
	color:#fff;
	-webkit-transition:background-color .3s ease;
	transition:background-color .3s ease
}
.mod-figure-list .figure-item:after,.mod-figure-list .figure-list:after {
	content:"";
	display:block;
	clear:both
}
.mod-figure-list .figure-item-pic {
	position:relative;
	padding-top:154%;
	overflow:hidden;
	background:#eee;
	background-size:cover;
	background-position:center
}
.mod-figure-list .figure-item-pic:after {
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 81%,rgba(0,0,0,.5) 100%);
	background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 81%,rgba(0,0,0,.5) 100%)
}
.figure-item-infor .figure-item-txt .tit {
	max-width:66px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
.mod-figure-list .figure-item-pic .pic {
	max-width:100%;
	max-height:100%;
	position:absolute;
	background-color:#f7f7f7;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000
}
.mod-figure-list .icon-play {
	position:absolute;
	width:26px;
	height:31px;
	left:50%;
	top:50%;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-168px -25px;
	background-size:202px 195px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:2
}
.figure-item-infor {
	position:absolute;
	width:100%;
	height:20px;
	line-height:20px;
	left:0;
	bottom:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:-webkit-box;
	display:flex;
	display:-webkit-flex;
	padding:0 15px;
	color:#fff;
	font-size:12px
}
.figure-item-infor .figure-item-img {
	width:20px;
	height:20px;
	margin-right:5px
}
.figure-item-infor .figure-item-img img {
	width:100%;
	height:100%;
	border-radius:100%
}
.figure-item-infor .figure-item-txt {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-wekbit-flex:1
}
.figure-item-infor .icon-play-num {
	width:10px;
	height:11px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-190px -95px;
	background-size:202px 195px;
	margin:-3px 4px 0 0
}
.figure-item-infor .figure-item-act {
	min-width:31px
}
.mod-attr {
	font-size:12px
}
.mod-attr .icon {
	top:-1px
}
@media screen and (max-width:320px) {
	.figure-item-infor {
	padding:0 10px
}
.figure-item-infor .figure-item-txt .tit {
	max-width:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
}.figure-item-infor-topic {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(25,27,42,.6);
	color:#fff
}
.figure-item-infor-topic .infor-inner {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	padding:.15rem;
	box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.figure-item-infor-topic .icon-topic {
	width:50px;
	height:20px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-82px -73px;
	background-size:202px 195px;
	margin-bottom:6px
}
.figure-item-infor-topic .figure-txt-con {
	margin-bottom:.07rem;
	font-size:16px
}
.figure-item-infor-topic .attr-item {
	margin-right:.2rem;
	font-size:12px
}
.figure-item-infor-topic .figure-item-txt .tit {
	font-size:16px;
	line-height:21px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.mod-figure-list-rank {
	width:100%;
	overflow-x:hidden;
	padding-top:12px
}
.mod-figure-list-rank .figure-item {
	width:33.33%
}
.mod-figure-list-rank .figure-item-infor {
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	padding:0 7px;
	bottom:5px
}
.mod-figure-list-rank .mod-figure {
	position:absolute;
	width:100%;
	height:32px;
	line-height:32px;
	bottom:-32px;
	left:0;
	padding:0 0 0 .15rem;
	box-sizing:border-box
}
.mod-figure-list-rank .mod-figure .figure-img {
	width:20px;
	height:20px;
	margin-right:5px;
	padding-top:6px;
	border-radius:0;
	background:0 0
}
.mod-figure-list-rank .mod-figure .figure-img img {
	width:20px;
	height:20px
}
.mod-figure-list-rank .mod-figure .figure-txt .tit {
	font-size:14px;
	font-weight:700;
	color:rgba(255,255,255,.5);
	max-width:.7rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.mod-figure-list-rank .figure-item:nth-child(1):before {
	content:"";
	position:absolute;
	width:27px;
	height:24px;
	left:50%;
	top:-12px;
	margin-left:-13px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-65px -133px;
	background-size:202px 195px;
	z-index:2
}
.mod-figure-list-rank .figure-item:nth-child(2):before {
	content:"";
	position:absolute;
	width:27px;
	height:24px;
	left:50%;
	top:-12px;
	margin-left:-13px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-37px -133px;
	background-size:202px 195px;
	z-index:2
}
.mod-figure-list-rank .figure-item:nth-child(3):before {
	content:"";
	position:absolute;
	width:27px;
	height:24px;
	left:50%;
	top:-12px;
	margin-left:-13px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-93px -133px;
	background-size:202px 195px;
	z-index:2
}
.mod-figure-list-rank .figure-item:nth-child(1),.mod-figure-list-rank .figure-item:nth-child(2),.mod-figure-list-rank .figure-item:nth-child(3) {
	margin-bottom:43px
}
.mod-figure {
	position:relative;
	height:35px;
	line-height:35px;
	display:-webkit-box;
	display:flex;
	display:-webkit-flex;
	padding:0 15px
}
.mod-figure .figure-img {
	width:35px;
	height:35px;
	border-radius:6px;
	margin-right:5px;
	vertical-align:middle
}
.mod-figure .figure-img img {
	width:100%;
	height:100%;
	border-radius:6px;
	object-fit:cover
}
.mod-figure .figure-txt {
	margin-right:10px;
	-webkit-box-flex:1;
	flex:1;
	-webkit-flex:1
}
.mod-figure .figure-txt .tit {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	font-size:15px;
	vertical-align:middle;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.mod-figure .figure-txt .user-name {
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.mod-figure .figure-txt .txt {
	margin:2px 0 0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.mod-figure .figure-act {
	line-height:35px
}
.mod-figure .btn-follow {
	height:18px;
	font-size:14px;
	padding:0 7px
}
.mod-figure .btn-follow span {
	display:none
}
.mod-figure .disable .icon-follow {
	display:none
}
.mod-figure .icon {
	margin-right:5px
}
.mod-figure .icon-like-num {
	width:16px;
	height:16px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-178px -133px;
	background-size:202px 195px
}
.mod-figure .icon-play-num {
	width:16px;
	height:17px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-161px -133px;
	background-size:202px 195px
}
.mod-figure .icon-video-num {
	width:16px;
	height:16px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-26px -170px;
	background-size:202px 195px
}
.mod-figure .icon-follow {
	width:10px;
	height:10px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-48px -158px;
	background-size:202px 195px;
	margin:0
}
.mod-figure .attr-item {
	margin-left:15px;
	text-align:right
}
.mod-figure .attr-item .txt {
	vertical-align:middle
}
.mod-bar .btn {
	height:9.6vw;
	line-height:9.6vw;
	text-align:center;
	padding:0 5.333vw;
	font-size:4.26667vw;
	color:#fff;
	border-radius:9.6vw
}
.mod-bar-top {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:14.46667vw;
	line-height:14.46667vw;
	background-color:rgba(0,0,0,.5);
	box-sizing:border-box;
	padding:0 4vw;
	z-index:12
}
.mod-bar-top .icon-logo {
	width:36px;
	height:36px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:0 -133px;
	background-size:202px 195px;
	border-radius:3px
}
.mod-bar-top {
	width:100%;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	/*overflow:hidden*/
}
.mod-bar-top .bar-pic {
	height:100%;
	margin-right:2.66667vw
}
.mod-bar-top .bar-txt {
	-webkit-box-flex:1;
	flex:1;
	-webkit-flex:1;
	font-size:16px;
	color:#fff
}
.mod-bar-top .bar-txt .txt {
	display:inline-block;
	font-size:16px;
	color:#fff;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	vertical-align:middle
}
.mod-bar-top .info .icon-logo {
	width:17px;
	height:17px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-143px -133px;
	background-size:202px 195px;
	margin-right:.02rem
}
.mod-bar-top .bar-list {
	position:absolute;
	height:100%;
	left:0;
	top:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	transition:all .3s ease;
	-webkit-transition:all .3s ease
}
.mod-bar-top .bar-item {
	width:100vw;
	height:100%;
	line-height:10.6667vw;
	padding:1.86667vw 3.46667vw;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	box-sizing:border-box;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.mod-bar-top .bar-pic {
	position:relative;
	width:10.6667vw;
	height:10.6667vw
}
.mod-bar-top .bar-pic .img {
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50%
}
.mod-bar-top .bar-txt .tit {
	max-width:1.7rem;
	line-height:.2rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-weight:700
}
.mod-bar-top .bar-item.sharer .img {
	border-radius:1.6vw
}
.mod-bar-top .info {
	line-height:5.333vw
}
.mod-bar-top .bar-item.sharer .info .txt {
	color:#fff;
	font-size:12px
}
@media screen and (max-width:320px) {
	.mod-bar-top .bar-txt .tit {
	max-width:100px
}
}.mod-bar-bottom {
	position:relative;
	width:100%;
	height:27.3vw;
	box-sizing:border-box
}
.mod-bar-bottom .bar-pic {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/common/bar/bar-bt-181016153248.gif);
	background-size:cover;
	background-repeat:no-repeat
}
.mod-bar-bottom .bar-txt {
	position:relative;
	width:100%;
	text-align:center;
	font-size:19px;
	padding-top:6.4vw;
	z-index:2;
	visibility:hidden
}
.mod-bar-bottom .bar-txt .txt {
	color:#fff;
	height:4.8vw;
	text-shadow:1px 0 0 #08eece;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
.mod-bar-bottom .bar-act {
	position:relative;
	z-index:2;
	text-align:center;
	margin-top:3.6vw
}
html {
	font-size:100px
}
@media (max-device-width:320px) {
	html {
	font-size:70px
}
}@media (max-device-width:320px) and (max-device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:70px
}
}@media (max-device-width:320px) and (min-device-height:490px) and (max-device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:80px
}
}@media (max-device-height:667px) and (min-device-width:375px) {
	html {
	font-size:100px
}
}@media (min-device-width:414px) and (max-device-height:736px) {
	html {
	font-size:110px
}
}@media screen and (min-width:400px) {
	html {
	font-size:130px
}
}.mod-control {
	position:absolute;
	padding:0 13px;
	margin-top:15px;
	right:0;
	bottom:73px
}
.mod-control .icon {
	position:relative;
	width:37px;
	height:37px;
	margin-bottom:6px;
	z-index:2
}
.mod-control .icon-video {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-130px -25px;
	background-size:202px 195px;
	left:2px
}
.mod-control .icon-costar {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:0 -95px;
	background-size:202px 195px
}
.mod-control .icon-comment {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-152px -95px;
	background-size:202px 195px
}
.mod-control .icon-like {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-76px -95px;
	background-size:202px 195px;
	left:-1px
}
.mod-control .icon-like-act {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-38px -95px;
	background-size:202px 195px;
	left:-1px
}
.mod-control .icon-share {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-114px -95px;
	background-size:202px 195px
}
.mod-control .control-wrap {
	line-height:30px
}
.mod-control .item {
	position:relative;
	text-align:center;
	margin-top:15px
}
.mod-control .item .txt {
	display:block;
	vertical-align:middle;
	line-height:1;
	font-size:13px;
	font-weight:700;
	text-shadow:0 0 4px rgba(0,0,0,.3);
	color:rgba(255,255,255,1)
}
.mod-control .music-cover {
	position:relative;
	width:35px;
	height:35px;
	background-size:100% 100%;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/common/control/music-181016153248.png);
	border-radius:100%;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.2);
	-webkit-animation:rotate 5s linear infinite;
	animation:rotate 5s linear infinite;
	z-index:2
}
.mod-control .music-cover:before {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	border-radius:100%;
	background-color:rgba(0,0,0,.6);
	left:50%;
	top:50%;
	margin:-7px 0 0 -7px
}
.mod-control .music-cover:after {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	border-radius:100%;
	background-color:#ff0f80;
	left:50%;
	top:50%;
	margin:-2px 0 0 -2px
}
.mod-control .note-wrap {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:0
}
.mod-control .note {
	position:absolute;
	width:13px;
	height:11px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-179px -73px;
	background-size:202px 195px;
	left:-6px;
	bottom:2px;
	opacity:0;
	-webkit-animation:note 1.8s linear .6s infinite;
	animation:note 1.8s linear .6s infinite
}
.mod-control .note:nth-child(2) {
	-webkit-animation:note 1.8s linear 1.2s infinite;
	animation:note 1.8s linear 1.2s infinite
}
.mod-control .note:nth-child(3) {
	-webkit-animation:note 1.8s linear 1.8s infinite;
	animation:note 1.8s linear 1.8s infinite
}
@-webkit-keyframes note {
	0% {
	trnaform:translate(0,0) rotate(0) scale(1);
	opacity:1
}
50% {
	-webkit-transform:translate(-12px,-15px) rotate(15deg) scale(.8);
	transform:translate(-12px,-15px) rotate(15deg) scale(.8);
	opacity:.8
}
100% {
	-webkit-transform:translate(-8px,-30px) rotate(30deg) scale(.6);
	transform:translate(-8px,-30px) rotate(30deg) scale(.6);
	opacity:0
}
}@keyframes note {
	0% {
	trnaform:translate(0,0) rotate(0) scale(1);
	opacity:1
}
50% {
	-webkit-transform:translate(-12px,-15px) rotate(15deg) scale(.8);
	transform:translate(-12px,-15px) rotate(15deg) scale(.8);
	opacity:.8
}
100% {
	-webkit-transform:translate(-8px,-30px) rotate(30deg) scale(.6);
	transform:translate(-8px,-30px) rotate(30deg) scale(.6);
	opacity:0
}
}@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes rotate {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}.mod-control .like {
	position:relative;
	width:37px;
	height:37px;
	margin-bottom:2px
}
.mod-control .like .icon-like,.mod-control .like .icon-like-act {
	position:absolute;
	left:0;
	top:0
}
.mod-control .like .icon-like-act {
	opacity:0
}
.act .icon-like {
	-webkit-animation:controlLike .6s ease-out forwards;
	animation:controlLike .6s ease-out forwards
}
.act .icon-like-act {
	-webkit-animation:bounceIn .8s .4s ease-out forwards;
	animation:bounceIn .8s .4s ease-out forwards
}
@-webkit-keyframes controlLike {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
100% {
	-webkit-transform:scale(.1);
	transform:scale(.1)
}
}@keyframes controlLike {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
100% {
	-webkit-transform:scale(.1);
	transform:scale(.1)
}
}@-webkit-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}@keyframes bounceIn {
	20%,40%,60%,80%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}.mod-widget {
	position:absolute;
	z-index:2;
	top:68px;
	left:15px
}
.mod-widget .btn {
	outline:0;
	border:none;
	width:auto;
	height:auto;
	background:0 0;
	width:56px;
	height:56px;
	background-size:cover;
	background-repeat:no-repeat
}
.mod-widget .btn-icon {
	font-size:0;
	color:transparent
}
@-webkit-keyframes landscape {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
}@keyframes landscape {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
}.mod-landscape {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:#222;
	z-index:10000
}
.mod-landscape .landscape {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0)
}
.mod-landscape .landscape .tips-arrow {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA+BAMAAAASS8KQAAAABGdBTUEAALGPC/xhBQAAABhQTFRFAAAA+/v7+/v7+/v7+/v7+/v7+/v7AAAAH+qFDgAAAAh0Uk5TABzbeKhO/gDeJr7qAAABe0lEQVRIx82WTXOCMBCGE0PujlM861A5o1bO1I+cU2m5S+L+/59QmMEpIglZcqB7YiAP+767CSwh/zBomOf7w898BJkfoYn3A5LP45o6n/bnY3VVXhB4KACi7QMIzwD6y5X9BjjJJw8fABc39tqThwmIXNgdRD0O6Q6US96Nycxg7oWJtbz2EYFtwRU+bSyPrcbSUlqfWncDFdpmOLG7YrA2i94M19MkvNDDW1gok6ZseBswg7NUuWzAQvW/U7rAvFdfenc7N32puVviemHi6KU39YtEGieuMINuR2fa/Ssl1kM3LNFNxAHxfaSdki0UQURxe1adYeBAj1bdbc0MpbrS3S5vusLBgWqXT+Lgtk2mCTJaBV7esfDyr1lphoWrZtFGeSyxMC3zpl28RA8O9c//tfBuxa5HjqbIHGuZVpMD3MYOSqyCV2NhUgDI0TCNwWPCC7QHTLZTD6hvcw9YJD6w9IBjH9k+7aalB8y9YD0VzLxgNRU8/eEaEb+Q/kR4hE1SOAAAAABJRU5ErkJggg==);
	width:60px;
	height:31px;
	background-size:60px 31px!important;
	margin:0 auto
}
.mod-landscape .landscape .tips-phone {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACSBAMAAAAUZpE9AAAABGdBTUEAALGPC/xhBQAAABtQTFRF/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8+/v7/Pz8AAAAqNbwjwAAAAl0Uk5TmbvhGcR4Pv4ACRSZBAAAAVlJREFUWMPtmE9PgzAYhxs9bNctMfPMEtl5JspR/QYuUbgrjOP4s3VHNmC+H9s2wEJZ+4LGi8n7S4CkPO2PEi48DEReuSlRKO8zcXzy+HmizZTHYQWV/M4BQ0p7W0HuFswpuSehk7yY4+4kVGALiaVSCa3nKJTboYBmaJvouxWQ7eDQ4wJYHrcGPjTQMQF2SlsPGQFYthXb7ScodiqU3wD4wbsfOAikzX+H/DckXg25HEnSQE/MmKszhHwHxzM0HgJ5fwZRHdVRHdVRHdVRHdVRHdVRHdVRHdWp0PW9McvkJz/LKwvJ/Pd/+c4AaMT5uA/KIieL+qAvsYz6cjXQVByHRQ+0kad9D7TXQooQ0q0khVBHLc3k3EVXLXUkldzdyLuQVGtlXpbCYXOpuwplDFadN16Js0EKbpDMQ7XgQ6MFpWDU+8XJC09rwYiqSq9RlWKfgT61kmMwIN92hjImJC1B5QAAAABJRU5ErkJggg==);
	width:36px;
	height:73px;
	background-size:36px 73px!important;
	margin:0 auto;
	-webkit-animation:landscape .6s 0s ease-in-out infinite alternate;
	animation:landscape .6s 0s ease-in-out infinite alternate
}
.mod-landscape .landscape .tips-txt {
	text-align:center;
	color:#fff
}
@media (orientation:landscape) {
	.mod-landscape {
	display:block
}
}@media (device-aspect-ratio > 1) {
	.mod-landscape {
	display:block
}
}body {
	background-color:#191b2a
}
.layout-body-inner {
	position:relative;
	z-index:2
}
.mod-bar-top {
	position:absolute!important;
	z-index:9!important
}
.mod-box-feed .box-hd .banner {
	display:block;
	width:100%;
	height:14.66667vw;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/feed/banner-181016153248.png);
	background-size:contain;
	background-repeat:no-repeat
}
.mod-box-feed .box-hd .banner.newyear {
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/img/feed/banner-newyear2-181016153248.png)
}
.mod-box-feed .box-hd .tit {
	text-align:center;
	height:45px;
	line-height:45px;
	font-size:18px;
	color:#fff;
	font-weight:700
}
.none {
	display:none!important
}
.mod-figure .figure-img {
	position:relative;
	box-sizing:border-box;
	overflow:hidden
}
.mod-figure .figure-img:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:1px solid rgba(255,255,255,.3);
	z-index:1;
	border-radius:6px
}
.mod-figure .figure-img img {
	width:100%;
	height:100%;
	position:relative;
	z-index:2
}
.joiner-list .joiner-users {
	float:left;
	margin-top:18px;
	margin-right:10px
}
.joiner-list .joiner-nums {
	overflow:hidden;
	font-size:16px;
	height:100%;
	line-height:60px;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.joiner-list .joiner-nums p {
	width:100%;
	max-height:41px;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	padding:0
}
.joiner-users li {
	float:left;
	width:21px;
	height:21px;
	box-sizing:border-box;
	border:1px solid #c3c3c3;
	border-radius:50%;
	overflow:hidden;
	margin-left:-7px
}
.joiner-users li:first-child {
	margin-left:0
}
.joiner-users li .avatar {
	width:100%;
	height:100%
}
.btn-link-wrap.costar {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding:0 12px
}
.btn-link-wrap.costar .joiner-list-info {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.btn-link-wrap.costar .btn-link {
	width:1.4rem;
	height:37px;
	line-height:37px;
	margin-top:10px
}
.btn-link-wrap.costar .btn-link .icon {
	width:20px;
	height:15px;
	background-image:url(//qzonestyle.gtimg.cn/qz-proj/weishi-mobile/sprite/page-play-v2-181016153248@2x.png);
	background-position:-158px -73px;
	background-size:202px 195px
}
@media (max-device-width:320px) {
	.joiner-list .joiner-nums {
	font-size:12px
}
.mod-box-player .btn-link-wrap.costar .btn-link {
	font-size:14px
}
}

.user-info{
	position: absolute;
    margin-left: 2vw;
    height: 10vw;
    background: rgba(0,0,0,.6);
    border-radius: 1.3333rem;
    padding-right: .1733rem;
    left: 0;
    top: 2vw;
    width: 32vw;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.user-info .portrait{
	position: absolute;
    left: 1vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8vw;
    height: 8vw;
    border-radius: .4rem;
}
.user-info .u-mid {
    margin-left: 10vw;
    height: 100%;
    /*width: 15vw;*/
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-around;
}

.user-info .u-mid .nick, .user-info .u-mid .online-num {
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    width: 100%;
    height: 5vw;
    line-height: 5vw;
    font-size: 3.5vw;
    color: #fff;
}
.online-users-box {
    position: absolute;
    max-width: 70vw;
    min-height: 8vw;
    top: 2vw;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 5;
}
.online-users-box .user-list {
    display: block;
    overflow: hidden;
    width: 100vw;
    padding-top: 1vw;
}
.user-list li {
    float: left;
    width: 8vw;
    height: 8vw;
    margin-left: 1vw;
    position: relative;
}
.user-list li .r-photo {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    left: 0.1vw;
}

.photo-bg {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0.1vw;
    z-index: 2;
}
.user-point{
	left: 2vw;
    background: rgba(0,0,0,.6);
    border-radius: 5vw;
    padding-left: 1vw;
    padding-right: 5vw;
    font-size: 4vw;
    position: absolute;
    z-index:5;
    top: 16vw;
    display: inline-block;
    line-height: 5vw;
    height: 5vw;
    color: #fff;
    text-shadow: #666 0 0.1vw 0.2vw;
}

/* 竖版直播评论区 */
.comment-container{
	left:1vw;
	background: :none;
	max-width: 65vw;
	height: 25vh;
	position: absolute;
	bottom: 10vh;
	overflow-y: scroll;
}

.comment-container li{
	list-style: none;
	width: fit-content;
	max-width: 65vw;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	line-height: 8vw;
	font-size: 4vw;
	background-color:rgba(0,0,0,.4);
	margin-bottom: 1vw;
	border-radius: 2vw;
}

.comment-container li .head{
	
    left: 1vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8vw;
    height: 8vw;
    border-radius: .4rem;
}

.comment-container li span{
	color: #00d8c9;
}
.send-text-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    z-index: 100;
}
.talk-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    height: 15vw;
    background: hsla(0,0%,100%,.9);
}
.talk-box .talk-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20vw;
    height: 6vw;
    line-height: 6vw;
    color: #ccc;
    text-align: center;
    border-left: 0.1vw solid #ccc;
    z-index: 3;
    font-size: 4.5vw;
    text-decoration: none;
}
.talk-box .talk-btn.active {
    color: #00d7c8;
}
.talk-box .talk-input {
    display: block;
    box-sizing: border-box;
    border: none;
    height: 100%;
    width: 100%;
    padding: 3vw 20vw 3vw 5vw;
    outline: none;
    padding-left: 1.8vw;
    font-size: 4.8vw;
    color: #333;
    opacity: .8;
    background-color: #fff;
}

.video-info-wrap{
	position: absolute;
	bottom: 15vw;
	padding-left: 3vw;
}
.video-info-wrap .nickname{
	color: #fff;
	font-weight: bolder;
	font-size: 4vw;
}

.video-info-wrap .title{
	color: #fff;
	font-size: 3.5vw;
	line-height: 3.5vw;
	height: 7vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
}

/* 竖版短视频分享页面的评论区 */
.comment-wrap{
	width: 100vw;
	height: 60vh;
	background-color: #333;
	border-radius:10px 10px 0 0;
	color: #fff;
	position: absolute;
	bottom: 15vw;
	z-index: 1002;
	display: none;
}
.comment-wrap .title{
	height: 4vw;
	line-height: 4vw;
	margin-top: 2vw;
	width: 94vw;
	text-align: center;
	margin-bottom: 2vw;
}
.comment-wrap .close{
	position: absolute;
	top: 1vw;
	right: 1vw;
	font-size: 2vw;
}


.comment-wrap .comment-container-video{
	width: 96vw;
	margin-left: 2vw;
}

.comment-wrap .comment-container-video .comment{
	width: 96vw;
	margin-bottom: 5vw;
	clear: left;
}
.comment-wrap .comment-container-video .comment .left-content{
	width: 8vw;
	float: left;
}
.comment-wrap .comment-container-video .comment .left-content img{
	width: 5vw;
	height: 5vw;
}
.comment-wrap .comment-container-video .comment .middle-content{
	width: 80vw;
	float: left;
}
.comment-wrap .comment-container-video .comment .middle-content .nickname{
	height: 3vw;
	line-height: 3vw;
	color: #ccc;
	margin-bottom: 2vw;
	font-size: 3vw;
}
.comment-wrap .comment-container-video .comment .middle-content .content{
	line-height: 4vw;
	color: #eee;
	margin-bottom: 2vw;
	font-size: 4vw;
}
.comment-wrap .comment-container-video .comment .middle-content .time{
	color: #ccc;
	height: 3vw;
	line-height: 3vw;
	font-size: 3vw;
}
.comment-wrap .comment-container-video .comment .right-content{
	width: 8vw;
	float: left;
	padding-top: 2vw;
	text-align: center;
}
.comment-wrap .comment-container-video .comment .right-content .comment-zan{
	width: 5vw;
	text-align: center;
}
.comment-wrap .comment-container-video .comment .right-content .comment-zan-num{
	width: 5vw;
	text-align: center;
	margin-left: 3vw;
}

.comment-wrap .comment-container-video .comment .right-content img{
	width: 4vw;
	height: 4vw;
	margin-left: 3vw;
	text-align: center;
}












/* 分享按钮的样式 */
.share-container{
	position: fixed;
    width: 10vw;
    height: 20vh;
    right: 0;
    top: 40vh;
    box-sizing: border-box;
    z-index: 101;
}

.rank-close{
	display: none;
}

.tab-body-content{
	position: absolute;
	bottom: 0;
	z-index: 100;
	height: 60vh;
	width: 100%;
	background: #fff;
	overflow: scroll;
	padding-bottom: 15px;
	padding-right: 15px;
	word-break: break-all;
}
.tab-body-content .tab-body-list img{
	max-width: 100%;
}
.tab-body-content .tab-body-list p img{
	max-width: 100%;
}
.tab-body-content .tab-body-list{
	padding-top: 10px;

}
.tab-body-content .tab-body-list .chat-detail{
	width: 100%;
	margin-bottom: 10px;

}
.tab-body-content .tab-body-list .chat-detail .chat-detail-head{
	float: left;
	width: 10vw;
}
.tab-body-content .tab-body-list .chat-detail .chat-detail-content{
	float: left;

	width:90vw;
}
/* 邀请榜单和观看榜单样式 */
.rankparent{
	width: 100vw;
	background-color: #fff;
	height: 10vh;
}
.rankparent .rank-bar{
	width: 80vw;
	margin: 0 auto;
	border: 2px solid #f72e1a;
	height: 5vh;
}

.rankparent .rank-bar .rank-block{
	width: 40vw;
	background-color: #fff;
	color:#f62e1e;
	font-size: 2vh;
	line-height: 5vh;
	height: 5vh;
	float:left;
	text-align: center;
}
.rankparent .rank-bar .rank-block-active{
	background-color: #f62e1e;
	color:#fff;
}
.rank-content{
	width: 100vw;
}
.rank-content .rank-invite{
	width: 80vw;
	height: 6vh;
	margin: 0 auto;
	line-height: 6vh;
	font-size: 2vh;
	color: #666;
	border-bottom:1px solid #d6d6d6;
	clear: left;
}
.rank-content .rank-invite .rank-invite-num{
	float: left;
	width: 10vw;
}
.rank-content .rank-invite .rank-invite-avatar{
	float: left;
	width: 10vw;
}
.rank-content .rank-invite .rank-invite-avatar img{
	width: 8vw;
	height: 8vw;
	border-radius: 50%;
}
.rank-content .rank-invite .rank-invite-nickname{
	float: left;
	width: 45vw;
}
.rank-content .rank-invite .rank-invite-times{
	float: left;
	width: 15vw;
}

.rank-content .rank-watch{
	width: 90vw;
	height: 12vh;
	margin: 0 auto;

	font-size: 2vh;
	color: #666;
	border-bottom:1px solid #d6d6d6;
	clear: left;
	line-height: 12vh;
}
.rank-content .rank-watch .rank-watch-num{
	float: left;
	width: 5vw;
}
.rank-content .rank-watch .rank-watch-logo{
	float: left;
	width: 30vw;
}
.rank-content .rank-watch .rank-watch-logo img{
	width: 25vw;
	height:17vw;
}
.rank-content .rank-watch .rank-watch-content{
	float: left;
	width: 39vw;
}
.rank-content .rank-watch .rank-watch-content .rank-watch-title{
	height: 7vh;
	overflow: hidden;
	line-height: 1.8vh;
	font-size: 1.5vh;
}
.rank-content .rank-watch .rank-watch-content .rank-watch-time{
	height: 3vh;
	line-height: 1.5vh;
	overflow: hidden;
	font-size: 1.5vh;
	color:#ccc;
}
.rank-content .rank-watch .rank-watch-times{
	float: left;
	width: 15vw;
	font-size: 1.5vh;
}