like-icon-wxarticle,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul,span {
	margin: 0;
	padding: 0
}

input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 500
}

li,ol,ul {
	list-style: none
}

em,i {
	font-style: normal
}
b {
	font-weight:normal;
}
del {
	text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 500
}

img {
	border: 0;
	max-width: 100%;
	/*width: 100%;*/
	/*height: 100%*/
}

img,input {
	vertical-align: middle
}

a:focus,input:focus {
	outline: 0
}

input:hover {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-modify: read-write-plaintext-only
}

a {
	color: #353d44;
	text-decoration: none;
	-webkit-tap-highlight-color: 閼辩但ransparent
}

a:active {
	opacity: .7
}

* {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box
}

#tab-content-box .swiper-slide{
	overflow: hidden;
	overflow-y: auto;
}

.hide {
	display: none
}
.clearfix:after{
	display:block;
	content:"";
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
	overflow:hidden;
}
.clearfix {
	overflow: hidden;
	*zoom: 1
}

@font-face {
	font-family:iconfont;src:url(//at.alicdn.com/t/font_ie1vcxo0s1o72e29.eot);src:url(//at.alicdn.com/t/font_ie1vcxo0s1o72e29.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_ie1vcxo0s1o72e29.woff) format('woff'),url(//at.alicdn.com/t/font_ie1vcxo0s1o72e29.ttf) format('truetype'),url(//at.alicdn.com/t/font_ie1vcxo0s1o72e29.svg#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont!important;
	cursor: pointer;
	font-style: normal;
	font-size: 16px
}
@font-face {font-family: "iconfont";
	src: url('iconfont.eot?t=1529045163300'); /* IE9*/
	src: url('iconfont.eot?t=1529045163300#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAXkAAsAAAAACEwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kmfY21hcAAAAYAAAABoAAABnNB5btlnbHlmAAAB6AAAAfIAAAIQyMyoXmhlYWQAAAPcAAAAMQAAADYRskdTaGhlYQAABBAAAAAgAAAAJAffA4NobXR4AAAEMAAAABAAAAAQD+n//mxvY2EAAARAAAAACgAAAAoBfgC+bWF4cAAABEwAAAAfAAAAIAETAF1uYW1lAAAEbAAAAUUAAAJtPlT+fXBvc3QAAAW0AAAALgAAAD/vKj20eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzfzNzwv4EhhrmBoQEozAiSAwAxXw0ieJxjYGBgZWBgYAZiHSBmYWBgzGBgZACBJKAoI1icmYELLM7CYAbkcwAhE5CueCbwfPP//ygsEGAEq+AAs5hAJjOyMQwYYBw4q1EBD5g0gfJA4V0BxUAnPhOAYFC4Pt8MwQzMAAs1EoN4nBWQP2gTcRTHf+/3u/vdpUkuzV3uLrn8uVx+uftF2h41lzuHYmpEhBYHxQ5tBUEQh4JuUgSHLoKDg1OpbkpBF4XOLXYIOJRScElnUdDBwbUQL/7yeO993/dNn/eQjNDkOzkiZWSgDrqMbqDbCAGdg5aG6+DxXojnwPRk0y5phDPuKawVkqtgt2jJ6ia9wKYKLYAGDYi8bsJDzCHu9fESdK06QKXq3NX9mk5ew0yZN16kq/g9mC6rFfoL6cr8cqnbNNTtnK5XdP2VSmVZxVgqaPDYtjJyZoam+3LBMY/cS9iFXIU7tzbyzar+4GXvSd23MwA7O2BUm9qH5aJTFPncsQy9oszm1bKTZ+0SbP/Mlo1cPfiBRBBx6xcyJNdRFtXQvLiTmcyMzCiOYgYhcKaBYul21IcrSWALw8RSmKhBcKkzGnWGQ1i89u6eepiqcHE8FTxwlT+f1YNfMJW13adLeGvEz885tAc3sXxxeJymqpDN/fTTb0n9eyA6Hjzbm/JIk3TyVcJ4LHgM5CEuiBLLtsRHAx4kvpiLwvjUsr2YcSULCmG+F1DFw6mySeXqHbpOSQNMskhA98cJFNtk9+Hpm29nIUTkZLxFQkJO8H3irtB1RXJX5bWPYLT+xdKCNK29s7eA01PAj2IoBALpP1/EbFEAAHicY2BkYGAA4oxjL4Lj+W2+MnCzMIDAdc/G1TD6/7//+1iYmJ2AXA4GJpAoAGEVDMEAAAB4nGNgZGBgbvjfwBDDwvD/3/9/LEwMQBEUwAIAoKoGaQQAAAAD6QAABAAAAAQA//4AAAAAAHYAvgEIAAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgiMrMzEjMd/AkK2ktCAzMY+BAQBELwYIAAA=') format('woff'),
	url('iconfont.ttf?t=1529045163300') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1529045163300#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-jiahao01:before { content: "\e610"; }

/*.icon-tupian:before { content: "\e7b3"; }*/

@media (min-width:320px) and (max-width:480px) {
	html {
		font-size: 67.5%
	}
}

@media (min-width:480px) and (max-width:640px) {
	html {
		font-size: 100%
	}
}

@media (min-width:640px) {
	html {
		font-size: 125%
	}
}

#banner-box {
	position: relative;
	z-index: 200;
	width: 100%;
	height:100%!important;
	background:url("../images/banbg.png");
	background-size:100% 100%;
}

#banner-swiper {
	width: 100%;
	height: 100%
}

#banner-swiper .swiper-slide {
	width: 100%;
	height: 0;
	padding-bottom: 12.5%
}

#banner-swiper .swiper-slide .txt-link {
	color: #fff;
	position: absolute;
	top: 50%;
	height: 1.7rem;
	margin-top: -.9rem;
	font-size: 1.3rem;
	padding-left: 1.2rem;
	padding-right: 1.8rem;
	height: 2rem;
	line-height:2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 83%;
	box-sizing: border-box;
}

#banner-swiper .swiper-slide .txt-link .mes{
	float: right;
   width: 91%;
   font-size:1.5rem;
   display: inline-block;
   white-space:nowrap;
}
#banner-swiper .swiper-slide .txt-link .mes-box{
	width:100%;
	overflow:hidden;
}
#banner-swiper .swiper-slide .txt-link .mes-detail{
	font-family:PingFangSC;
	font-size:1.33rem;
	margin-right:50rem;
}
#banner-swiper .swiper-slide .iconfont {
	font-size: 1.6rem;
	color: #fff;
	float:left;
}

#banner-swiper .swiper-slide .channel-link {
	position: absolute;
	display: inline-block;
	width: 100%;
	padding-left: 1rem;
	padding-right: 18rem;
	top: 50%;
	margin-top: -1rem;
	height: 2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

#banner-swiper .swiper-slide.index a {
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	line-height: 2rem
}

#banner-swiper .swiper-slide.index .link {
	font-size: 1.3rem;
	font-style: normal;
	display: inline-block;
	padding: .2rem;
	background-color: #00aeff;
	color: #fff
}

#banner-swiper .swiper-slide.index .live-info {
	display: inline-block;
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -.7rem;
	color: #fff;
	font-size: 1.2rem
}

#banner-swiper .swiper-slide.index .live-info>i,#banner-swiper .swiper-slide.index .live-info>span {
	vertical-align: middle
}

#banner-swiper .swiper-slide.index .live-info .iconfont {
	margin-right: 5px
}

#banner-swiper .swiper-slide.index .live-info .dm-box {
	position: relative;
	display: inline-block;
	width: 2.7rem;
	height: 1.4rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	border-radius: 5rem
}

#banner-swiper .swiper-slide.index .live-info .dm-box.dm-box-open {
	background-color: #00aeff
}

#banner-swiper .swiper-slide.index .live-info .dm-box.dm-box-close {
	background-color: #8c8c8c
}

#banner-swiper .swiper-slide.index .live-info .dm-circle {
	position: absolute;
	top: 0;
	display: inline-block;
	width: 1.3rem;
	height: 1.3rem;
	background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

#banner-swiper .swiper-slide.index .live-info .dm-circle.dm-circle-open {
	right: 0
}

#banner-swiper .swiper-slide.index .live-info .dm-circle.dm-circle-close {
	left: 0
}

#banner-swiper .swiper-slide.text {
	font-size: 1.3rem;
	padding-left: 2.5rem;
	padding-right: 1.8rem
}

#banner-swiper .swiper-slide.text a {
	position: absolute;
	top: 50%;
	height: 1.7rem;
	margin-top: -.8rem;
	display: inline-block;
	width: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff
}

#banner-swiper .swiper-slide.text a .link {
	font-size: 1.3rem;
	font-style: normal;
	display: inline-block;
	padding: .2rem;
	color: #fff
}

#banner-swiper .swiper-slide.text a span {
	line-height: 1.7rem
}

#banner-swiper .swiper-slide.text .banner-text-span {
	position: absolute;
	top: 50%;
	height: 1.7rem;
	margin-top: -.8rem;
	display: inline-block;
	width: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff
}

#banner-swiper .swiper-slide.text .banner-text-span .banner-msg {
	font-size: 1.3rem;
	font-style: normal;
	display: inline-block;
	padding: .2rem;
	color: #fff
}

#banner-swiper .swiper-slide.text .banner-text-span span {
	line-height: 1.7rem
}

#banner-swiper .swiper-slide.img .banner-img {
	width: 100%;
	margin-top: 0;
	height: 4.5rem
}

#banner-swiper .swiper-slide .left-arrow {
	position: absolute;
	left: .5rem;
	top: 50%;
	margin-top: -.6rem
}

#banner-swiper .swiper-slide .left-arrow .iconfont {
	font-size: 1.4rem;
	color: #787878
}

#banner-swiper .swiper-slide .right-arrow {
	position: absolute;
	right: .5rem;
	top: 50%;
	margin-top: -.6rem
}

#banner-swiper .swiper-slide .right-arrow .iconfont {
	font-size: 1.4rem;
	color: #787878
}

#banner-swiper .swiper-slide .dm-btn {
	position: relative;
	display: inline-block;
	width: 4rem;
	margin-top: -.35rem;
	height: 2rem;
	line-height: 2rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	background-color: #00aeff;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
	vertical-align: top
}

#banner-swiper .swiper-slide .dm-btn.dmClose {
	border: 1px solid #fff;
	background-color: #22292C
}

#banner-swiper .swiper-slide .dm-btn.dmClose .iconfont {
	display: none
}

#banner-swiper .swiper-slide .dm-btn.dmClose .dm-line {
	display: inline-block
}

#banner-swiper .swiper-slide .dm-btn .iconfont {
	position: absolute;
	font-size: .8rem;
	margin-left: -5px;
	margin-top: .6rem
}

.tab-box {
	position: relative;
	z-index: 100;
	font-size: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 2px 0 3px rgba(179, 179, 179, 0.24);
    padding-bottom: 4px;
	box-sizing:border-box;
	height:49px!important;
}

.tab-box .one-tab {
	display: inline-block;
	height: 49px;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding:0 16px;
}

div#swiperM .swiper-slide {
    width: auto!important;
	margin:0 auto!important;
}

.tab-box .one-tab.active {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.tab-box .active span {
	background-color: #fff;
	color: #00aeff
}

.tab-box .tab-line {
	position: absolute;
	bottom: 0;
	height: 2px;
	background-color: #00aeff
}

.tab-content-box {
	position: relative;
	z-index: 1;
	overflow-x: hidden
}

.tab-content-box .react-swipeable-view-container {
	height: 100%!important
}

.tab-content-box .react-swipeable-view-container>div {
	height: 100%
}

.tab-content {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.tab-txt p {
	line-height: 1.8;
	word-break: break-all;
}

.tab-desc {
	/*padding: 0  1rem 1.3rem;*/
	padding:25px 1.5rem;box-sizing:border-box;
}

.tab-desc img {
	max-width: 100%;
	/*width:42px;height:42px;*/
}

.talk-box {
	padding-bottom: 3.8rem
}

.comment-box {
	position: relative;
	z-index: 1;
	height: 100%;
	overflow-y: scroll;
	-webkit-transform: translate3d(0,0,0);
	-webkit-overflow-scrolling: touch
}

.comment-box ul {
	position: absolute;
	left: 0;
	width: 100%
}

.comment-box .comment {
	width: 100%;
	padding: .4rem 1.3rem;
	border-bottom: 1px solid #EBECED;
	text-align: center
}

.comment-box .comment .cmt-ava {
	float: left;
	width: 3.5rem;
	height: 3.5rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	border-radius: 3rem
}

.comment-box .comment .cmt-info {
	position: relative;
	margin-left: 4.2rem;
	font-size: 1.2rem;
	text-align: left
}

.comment-box .comment .cmt-info .cmt-user {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	padding-right: 11.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #111
}

.comment-box .comment .cmt-info .cmt-user.admin-user {
	color: #3c8cd2
}

.comment-box .comment .cmt-info .cmt-user span {
	vertical-align: middle
}

.comment-box .comment .cmt-info .cmt-user span:not(.admin-title) {
	max-width: 9rem;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.comment-box .comment .cmt-info .cmt-user .top {
	margin-left: .2rem;
	padding: .3rem .3rem .25rem;
	line-height: 1rem;
	font-size: 1rem;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background-color: #ffa32c
}

.comment-box .comment .cmt-info .admin-title {
	display: inline-block;
	margin-left: .2rem;
	padding: .3rem .5rem .25rem;
	line-height: 1rem;
	font-size: 1rem;
	color: #fff;
	background-color: #5c95eb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: top
}

.comment-box .comment .cmt-info .cmt-time {
	float: right;
	width: 11.5rem;
	line-height: 2rem;
	font-size: 1rem;
	text-align: right;
	color: #BEBEBE
}

.comment-box .comment .cmt-content {
	margin-top: 2rem;
	margin-left: 4.2rem;
	font-size: 1.2rem;
	line-height: 1.3;
	color: #787878;
	text-align: left;
	word-wrap: break-word
}

.comment-box .comment .cmt-content img {
	vertical-align: bottom
}

.comment-box .comment .message-model {
	margin: .7rem .5rem;
	padding: .5rem 1.2rem;
	display: inline-block;
	line-height: 1.3rem;
	color: #FFF;
	font-size: 1.2rem;
	background-color: #C8C8C8;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem
}

.comment-box .comment .message-model .message-i {
	margin-right: .9rem
}

#showComments ul {
	display: inline-table;
	margin-bottom: 2.4rem;
	box-sizing: border-box
}

#showComments li {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 1.1rem 1% 0 1%;
	box-sizing: border-box
}

#showComments span {
	display: inline-block;
	width: 2.56rem;
	height: 2.56rem;
	float: left;
	border-radius: 2rem;
	margin-top:2.5px;
}

#showComments span img {
	width: 100%;
	height: 100%;
	border-radius: 2rem
}

/*#showComments .plun-txt {
	display: inline-block;
	width: 100%;
	padding-left: 4.8rem;
	margin-top: -4rem;
	box-sizing: border-box;
	font-size: 1.4rem;
	float: left;
	padding-top: .6rem
}*/

#showComments .plun-txt a {
	display: inline-block;
	color: #333;
	font-size: 1.12rem
}

#showComments .plun-txt span {
	float: right;
	max-width: 50%;
	height: 1.6rem;
	line-height: 1.6rem;
	width: auto;
	font-size: .88rem;
	float: right;
	color: #bbb;
	overflow: hidden;
	margin-right: .6rem
}
#showComments .plun-txt span.liqy,#showComments .plun-txt span.litop{display:inline-block; float:initial; height:1.3rem; line-height:1.39rem; width:2.24rem;text-align:center; margin-left:3px; margin-right:0; border-radius:4px;color:#fff;background-color:#5c95eb; font-size:0.87rem;font-family: PingFangSC;}
#topic-comment-list-box .cmt-info span.liqy{display:inline-block; right; height:1.3rem; line-height:1.39rem; width:2.24rem;text-align:center; margin-left:3px; margin-right:0; border-radius:4px;color:#fff;background-color:#5c95eb; font-size:0.87rem;font-family: PingFangSC;}
#topic-comment-list-box .cmt-info span.topictop{display: inline-block;float: initial;height: 1.3rem;line-height: 1.39rem; width: 2.24rem; text-align: center; margin-left: 3px; margin-right: 0; border-radius: 4px;color: #fff;background-color: #fb5a22;font-size: 0.87rem;font-family: PingFangSC;}
#showComments .plun-txt span.litop{background-color:#fb5a22;}

/*#showComments .plun-txt p {
	color: #999;
	font-size: 1.08rem
}

#showComments .plun-txt .plun-xq {
	color: #666;
	font-size: 1.2rem;
	margin-top: .4rem;
	word-break: break-all
}*/

#showComments .plun-txt .xq-text {
	font-size: 1.3rem;
	color: #9B9B9B;
	text-align: justify;
	line-height: 1.75rem;
	margin-bottom:1.1rem;
}

#showComments li:nth-last-child(1) {
	border: none
}

#publish-box #publish-wrap {
	height: 3.8rem;
	line-height: 3.8rem;
	padding-left: 1rem;
	padding-right: 7.8rem;
	border-top: 1px solid #b9b9b8;
	border-bottom: 1px solid #b9b9b8
}

#publish-box .mobile-emotion-span {
	display: inline-block;
	position: absolute;
	height: 3.4rem;
	width: 1rem;
	margin-left: -3.2rem
}

#publish-box .mobile-emotion {
	font-size: 2.5rem;
	color: #808289
}

#publish-box .input-text-wrap {
	position: relative;
	display: inline-block;
	margin-top: .4rem;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #d7d7d8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff
}

#publish-box .input-text-wrap .input-text {
	width: 100%;
	padding: 0 .5rem;
	max-height: 2.5rem;
	min-height: 2.5rem;
	line-height: 2.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 1.4rem;
	border: none;
	outline: 0
}
#publish-box .icon-jiahao01{
	display: inline-block;
	position: absolute;
	float: right;
	top: 0;
	right: 1.4rem;
	font-size: 2.5rem;
	color:#999;
}
/*#publish-box .publish-btn {
	display: inline-block;
	position: absolute;
	float: right;
	margin-top: .4rem;
	top: 0;
	right: .8rem;
	width: 6.3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	text-align: center;
	color: red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #87B828
}*/
#publish-box .publish-btn {
	display: none;
	position: absolute;
	float: right;
	margin-top: .4rem;
	top: 0;
	right: 0;
	width: 5.8rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	color: #87B828;
	font-weight: 700;
}
.video-bof {
	position: relative;
	width: 100%;
	height: 15rem;
}

.inner {
	width: 500%;
	overflow: hidden
}

.inner p {
	display: inline-block
}

.live_info {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -1.3rem;
	line-height: 1.2rem;
	font-size: 1.6rem;
	/*background-color: #22292c;*/
	z-index: 9999;
	bottom: 0;
	color: #fff
}

.live_info i {
	float: left;
	position: relative;
	margin-right: 0.83rem
}

.live_info i img {
	display: inline-block
}

.live_info span {
	margin-right: .8rem;
	font-size: 1.2rem;
	line-height: 40px;
	float: left
}

.live_info span.left {
	padding-left: .4rem;
	float: left;
	width: 55%
}

.live_info .right {
	position: absolute;
	right: 0;
	margin-right: .4rem
}

.live_info .right i {
	width: 18px;
	height: 18px
}

.live_info span.left.leftyou {
	padding-left: .8rem;
	width:100%;
	height:4.3rem
}

.live_info .right.rightyou {
	margin-right: 1.8rem
}

.live_info b {
	float: left;
	line-height: 42px
}

.live_info .dm-box {
	position: relative;
	display: inline-block;
	width: 2.8rem;
	height: 2.8rem;
	-webkit-border-radius: 24rem;
	-moz-border-radius: 24rem;
	border-radius: 24rem;
	top: .4rem
}

.live_info .dm-box.dm-box-open {
	background-color: #87B828
}

.live_info .dm-box.dm-box-close {
	background-color: #8c8c8c
}

.live_info .dm-circle {
	top: 0;
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.live_info .dm-circle.dm-circle-open {
	right: 0
}

.live_info .dm-circle.dm-circle-close {
	left: 0
}

#notice {
	width: 70%;
	height:4.3rem;
	line-height:4.3rem;
	overflow: hidden;
	font-size: 14px;
	font-family: '閻庣懓顑勭紞锟�
	color: #fff
}

#notice-box {
	width: 1200px;
	height:100%;
	margin: 0 auto;
	margin-top:.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#notice .txt {
	display: inline
}
#notice .app-txt {
	position: absolute;
    top: 0em;
    left: 5em;
}
#player {
	height: 16.8rem;
	width: 100%;
	position: relative;
	/*z-index: 999*/
}

.shang {
	display: block;
	position: absolute;
	bottom: 3.3rem;
	right: .05rem;
	width: 5.5rem;
	height: 5.5rem;
	line-height: 6rem;
	text-align: center;
	font-size: 1.12rem;
	line-height: 5.6rem;
	color: #fff;
	border-radius: .6rem;
	background: url(../images/like.png);
	/*	background-size: 100% 100%;*/
	background-size: 5.5rem 5.5rem;
	z-index: 1;
}

.like-number {
	display: block;
	font-size: 1.28rem;
	color: #fff;
	position: absolute;
	top: 17.2rem;
	right: .8rem;
	opacity: 1;
	z-index: 999;
	width: 4rem;
	text-align: center;
	font-weight: 700;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.like-icon {
	display: block;
	width: 4rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.28rem;
	text-align: right;
	color: #E01912;
	position: absolute;
	right: .8rem;
	top: 12rem;
	opacity: 1;
	z-index: 999;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s
}

.like-icon0 {
	right: 0;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_07.png) no-repeat;
	background-size: 100% 100%
}

.like-icon1 {
	right: .8rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_01.png) no-repeat;
	background-size: 100% 100%
}

.like-icon2 {
	right: 1.6rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_02.png) no-repeat;
	background-size: 100% 100%
}

.like-icon3 {
	right: 2.4rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_03.png) no-repeat;
	background-size: 100% 100%
}

.like-icon4 {
	right: 3.2rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_04.png) no-repeat;
	background-size: 100% 100%
}

.like-icon5 {
	right: 4rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_05.png) no-repeat;
	background-size: 100% 100%
}

.like-icon6 {
	right: 4.8rem;
	width: 2.72rem;
	height: 2.72rem;
	background: url(../images/zan_06.png) no-repeat;
	background-size: 100% 100%
}

.like-icon-wx {
	right: .8rem;
	width: 2.72rem;
	height: 2.72rem;
}

.countbag {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index:101;
	background:rgba(0,0,0,.7);
}

.countbag .countxt {
	display: block;
	color: #fff;
	font-family: 'Microsoft YaHei';
	font-weight: normal;
    font-size: 14px;
    color: #fff;
	margin:0;
	overflow:hidden;
	line-height:1;
	text-align:center;
}

.countbag .counttime {
	width: auto;
	margin: 1.2rem auto 0;
	color: #fff;
	font-size: 2.4rem
}

. .counttime span {
	padding: .4rem;
	margin-right: .8rem;
	border-radius: .8rem;
	color: #fff;
	background: #000;
}

#guide-box-wrap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1400;
	background-color: #fff;
	font-size: 0
}

#guide-box-wrap img {
	width: 100%;
	height: 100%
}

.skip {
	display: block;
	background-color: rgba(000,000,000,.1);
	width: 4rem;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	z-index: 1400;
	text-align: center;
	border-radius: .2rem;
	border: none
}

#verifybox-wrap {
	position: absolute;
	z-index: 1200;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6)
}

#verifybox-wrap .verifybox {
	position: relative;
	left: 50%;
	margin-left: -12.5rem;
	margin-top: 20%;
	padding-bottom: 2.2rem;
	width: 25rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	background-color: #F7F8F8;
	text-align: center
}

#verifybox-wrap .verifybox .title {
	width: 100%;
	height: 4.8rem;
	border-bottom: solid 1px #E6E6E6;
	line-height: 4.8rem;
	font-size: 1.5rem;
	color: #040405
}

#verifybox-wrap .verifybox .input {
	margin-top: 1.7rem;
	margin-bottom: 1rem;
	padding: 0;
	border: none
}

#verifybox-wrap .verifybox input {
	width: 21rem;
	height: 3.4rem;
	font-size: 1.3rem;
	text-align: center;
	border: solid 1px #B3B6B8
}

#verifybox-wrap .verifybox input.warning {
	border: solid 1px #E65555
}

#verifybox-wrap .verifybox .btn {
	display: inline-block;
	width: 21rem;
	height: 3.4rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	line-height: 3.4rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: #87B828;
}

#verifybox-wrap .verifybox .btn:active {
	background-color: #328cf0
}

#verifybox-wrap .verifybox .btn_un {
	display: inline-block;
	width: 21rem;
	height: 3.4rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	line-height: 3.4rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: #c8c8c8
}

#verifybox-wrap .verifybox .btn_un:hover {
	background-color: #c8c8c8
}

#verifybox-wrap .verifybox .btn_un:active {
	background-color: #c8c8c8
}

#verifybox-wrap .verifybox .money {
	margin-top: 2.3rem;
	margin-bottom: 2.3rem;
	font-size: 2rem
}

#verifybox-wrap .verifybox .money .number {
	color: #FF3030
}

#verifybox-wrap .verifybox .deadline {
	display: inline-block;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	color: #999
}

#verifybox-wrap .verifybox .late {
	color: red
}

#verifybox-wrap .verifybox .late img {
	margin-right: .8rem;
	vertical-align: middle
}

#verifybox-wrap .verifybox .code-input {
	width: 12.1rem
}

#verifybox-wrap .verifybox .change-cap-img {
	margin-left: .8rem;
	vertical-align: top;
	width: 8rem;
	height: 3.4rem
}

#verifybox-wrap .verifybox .send-code {
	margin-left: 1.3rem;
	padding: 1rem 0 1rem 0;
	display: inline-block;
	width: 7.4rem;
	height: 3.4rem;
	line-height: 1.4rem;
	vertical-align: top;
	border: 1px solid #a6a4a4;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	color: #292828;
	cursor: pointer
}

#verifybox-wrap .verifybox .disable {
	color: #aaa
}

#verifybox-wrap .verifybox .grad-silver-btn {
	cursor: pointer;
	background: -linear-gradient(top,#fff,#ebebec);
	background: -moz-linear-gradient(top,#fff,#ebebec);
	background: -webkit-linear-gradient(top,#fff,#ebebec);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffffff', endcolorstr='#ffebebec', gradientType=0)
}

#verifybox-wrap .verifybox .grad-silver-btn:active {
	background: -linear-gradient(top,#ebebec,#ebebec);
	background: -moz-linear-gradient(top,#ebebec,#ebebec);
	background: -webkit-linear-gradient(top,#ebebec,#ebebec);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffebebec', endcolorstr='#ffebebec', gradientType=0)
}

#verifybox-wrap .verifybox .grad-silver-btn.disable {
	cursor: auto!important;
	background: -linear-gradient(top,#fff,#ebebec)!important;
	background: -moz-linear-gradient(top,#fff,#ebebec)!important;
	background: -webkit-linear-gradient(top,#fff,#ebebec)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffffff', endcolorstr='#ffebebec', gradientType=0)!important
}

#verifybox-wrap .verifybox .error {
	margin-top: .8rem;
	padding-left: 2.1rem;
	text-align: left;
	color: #E65555;
	vertical-align: middle
}

#verifybox-wrap .verifybox .img-error {
	margin-right: .2rem
}

.tab-video {
	position: relative
}

.tab-video .tab-video-wrap {
	font-size: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.tab-video .vod-wrap {
	display: inline-block;
	/*margin: .5rem 0;*/
	width: 48%
}

.tab-video .vod-wrap:nth-child(odd) {
	margin-right: 4%
}

.tab-video .event-wrap:nth-child(odd) {
	margin-right: 4%
}

.tab-video .event-wrap:nth-child(odd),.tab-video .vod-wrap:nth-child(odd) {
	margin-right: 4%
}

.tab-video .img-wrap {
	height: 0;
	padding-bottom: 56.24%;
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 6px;
}

.tab-video .img-wrap img {
	position: absolute;
	top: 0;
	width: 100%
}

.tab-video .img-wrap .mobile-play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.2rem;
	margin-left: -1.2rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../images/icon_play.png);
	background-size: 100%
}

.tab-video .play-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.7rem;
	margin-left: -3rem;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 1px
}

.tab-video .text {
	font-family: PingFangSC-Regular;
	margin-top: 5px;
	width: 100%;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color:#333333;
	/*color:#87B828;
	color: #9B9B9B;
	white-space: nowrap;
	text-align: center;*/
	word-break: break-all;
	word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	margin-bottom:12px;
}


.tab-video .back-to-live {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 4rem;
	background-color: #227bdd;
	line-height: 4rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 1px
}

.time {
	width: 100%;
	text-align: center;
	font-size: 22px;
	/*font-family: cursive;*/
	color: #333;
	font-weight: 600;
	margin-top: 60px;
	display:block;
}

.time ul {
	display: block;
	margin: 0;
	overflow:hidden;
}
.time ul li {
	width: .8em;
	height: 30px;
	line-height: 30px;
	margin: 0;
	position: relative;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font: 30px/1.5 helvetica,'Microsoft YaHei',sans-serif;
	font-size:26px;
}

.time ul li.dot {
	height: 1.6em;
	width: .5em;
	margin-left:4px;
}
.time ul li.dot span{
	font-size:12px;
	color:#F8F8F8;
	position:absolute;
	bottom:0;
	opacity:.7;
}

.time ul li span {
	position: absolute;
	width: 100%;
	left: 0;
	opacity: 1;
}

.time ul li span.static {
	display: block;
	width: 1em;
	text-align: center;
	color: #fff;
}

.time ul li span.new {
	top: -40px;
	opacity: 0
}

.live-body {
	margin: 0;
	font-family: '姒涙垳缍�
}

.tab-topic .topic-loading-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1
}

.tab-topic .topic-loading-wrap img {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px
}

.tab-topic .topic-list-box {
	height: 100%
}

.tab-topic .topic-comment-box {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.tab-topic .topic-edit-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #fff;
	overflow: hidden
}

.tab-topic .topic-edit-box .close-box {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	background-color: #ebecee;
	text-align: center
}

.tab-topic .topic-comment-send-box {
	position: relative;
	padding: 0 1rem;
	margin: .8rem 1.4rem 0;
	height: 2.5rem;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	background-color: #f5f5f5;
	line-height: 2.5rem;
	font-size: 1.2rem;
	color: #999
}

.tab-topic .topic-comment-send-box span {
	font-size: 1.2rem
}

.tab-topic .topic-comment-send-box .iconfont {
	position: absolute;
	right: 1rem;
	color: #87B828;
	font-size: 1.6rem
}

.tab-topic .topic-comment-list-box {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tab-topic .topic-comment-list-box .comment {
	position: relative;
	padding: 1.3rem 1.4rem;
	/*border-bottom: solid 1px #EBEBEB*/
}

.tab-topic .topic-comment-list-box .cmt-ava {
	float: left;
	/*width: 3.5rem;
	height: 3.5rem;*/
	width: 2.56rem;
	height: 2.56rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: 50%
}

.tab-topic .topic-comment-list-box .cmt-info {
	display: inline-block;
	/*margin-left: .7rem*/
	margin-left: 1.2rem
}

.tab-topic .topic-comment-list-box .cmt-user {
	display: inline-block;
	max-width: 16rem;
	line-height: 1.6rem;
	font-size: 1.2rem;
	color:#BBBBBB;
}

.tab-topic .topic-comment-list-box .cmt-user.cmt-user-blue {
	color: #3c8cd2
}

.tab-topic .topic-comment-list-box .cmt-label {
	display: inline-block;
	margin-left: .4rem;
	padding: 0 .5rem;
	height: 1.5rem;
	background-color: #5D8CC9;
	line-height: 1.6rem;
	font-size: 1rem;
	color: #fff;
	vertical-align: top
}

.tab-topic .topic-comment-list-box .cmt-label.top {
	background-color: #E58312
}

.tab-topic .topic-comment-list-box .cmt-content {
	/*padding-left: 4.2rem;margin-top:32px;*/
	padding-left: 3.7rem;
	margin-top:0px;
}

.tab-topic .topic-comment-list-box .cmt-topic {
	line-height: 1.4rem;
	color:#333333;
	word-break: break-all;
	font-size:14px;
	margin-bottom:10px;
}

.tab-topic .topic-comment-list-box .cmt-png {
	display: inline-block;
	position: relative;
	margin-right: 1%;
	vertical-align: top;
	width:285px;
	margin-bottom:10px;
}

.tab-topic .topic-comment-list-box .cmt-png img {
	/*width: 12rem;*/
	/*height: 6rem;*/
	margin-top: .3rem;
	display: block
}

.tab-topic .topic-comment-list-box .cmt-tools {
	margin-top: .5rem;
	height: 1.4rem;
	line-height: 1.4rem
}

.tab-topic .topic-comment-list-box .cmt-tools .thumb {
	display: inline-block
}

.tab-topic .topic-comment-list-box .cmt-time {
	/*font-size: 1rem;
	color: #A5A5A5;
	float: right;
	display: block;
	position: absolute;
	top: 1.4rem;
	right: 1rem;
	margin-top:10px;*/
	font-size: 1rem;
	color: #A5A5A5;
	float: left;
	display: block;
	position: absolute;
	font-family: PingFangSC-Regular;
}

.tab-topic .topic-comment-list-box .cmt-tools .view-num {
	font-size: 1rem;
	color: #A5A5A5
}

.tab-topic .topic-comment-list-box .cmt-tools .view-num.red {
	color: #3c8cd2
}

.tab-topic .topic-comment-list-box .cmt-tools .view-num:active {
	font-size: 1.2rem
}

.tab-topic .topic-comment-list-box .cmt-tools .praise-i {
	color: #A5A5A5
}

.tab-topic .topic-comment-list-box .cmt-tools .praise-i.red {
	color: #3c8cd2
}

.tab-topic .topic-comment-list-box .cmt-tools .praise-i i {
	font-size: 1.4rem
}

.tab-topic .topic-comment-list-box .cmt-tools .praise-i i:active {
	font-size: 1.6rem
}

.tab-topic .topic-comment-list-box .cmt-tools .reply-i {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	text-align: right;
	color: #A5A5A5
}

.tab-topic .topic-comment-list-box .cmt-tools .reply-i :active i {
	font-size: 1.6rem
}

.tab-topic .topic-comment-list-box .cmt-tools .reply-i i {
	font-size: 1.8rem
}

.tab-topic .topic-comment-list-box .cmt-tools .reply-i i:active {
	font-size: 2rem
}

.tab-topic .topic-comment-list-box .cmt-tools .right-tools-wrap {
	display: inline-block;
	position: absolute;
	right: 1.4rem
}

.tab-topic .topic-comment-list-box .cmt-reply {
	position: relative;
	margin-top: .7rem;
	padding: .7rem;
	background-color: #EEEDEC;
	line-height: 1.5rem
}

.tab-topic .topic-comment-list-box .cmt-reply p {
	word-break: break-all
}

.tab-topic .topic-comment-list-box .cmt-reply .arrow {
	position: absolute;
	top: -.5rem;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	border: solid .8rem;
	border-color: transparent transparent transparent #eeedec
}

.tab-topic .topic-comment-list-box .cmt-reply .reply-user {
	font-size: 1.1rem;
	color: #3D83C3
}

.tab-topic .topic-comment-list-box .cmt-reply .reply-content {
	font-size: 1.1rem;
	color: #787878
}

.tab-topic .topic-comment-list-box .cmt-reply .reply-retract {
	margin-top: .2rem;
	padding-top: .7rem;
	border-top: solid 1px #CECECE;
	font-size: 1.2rem;
	color: #5D8CC9
}

.tab-topic .topic-comment-box {
	padding-bottom: 0
}

.tab-topic .topic-edit-send-box {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background-color: #fff
}

.tab-topic .topic-edit-send-wrap {
	padding-left: 1.6rem;
	height: 5rem;
	line-height: 5rem;
	background-color: #f5f5f5
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box {
	display: inline-block;
	line-height: 5rem
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box .emotion-icon {
	font-size: 2.6rem;
	color: #4f545e;
	margin-right: 1.6rem
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box .png-icon {
	font-size: 2.2rem;
	color: #4f545e
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box .upload-span {
	display: inline-block;
	position: relative
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box .upload-span div {
	width: 100%!important;
	height: 100%!important
}

.tab-topic .topic-edit-send-wrap .topic-iconfont-box .upload-span input {
	width: 100%;
	opacity: 0
}

.tab-topic .topic-edit-send-wrap .topic-txt-length {
	position: absolute;
	right: 10.8rem;
	font-size: 1.3rem;
	color: #b2b2b2
}

.tab-topic .topic-edit-send-wrap .topic-send-btn {
	position: absolute;
	top: .9rem;
	right: 1.3rem;
	display: inline-block;
	width: 8.5rem;
	height: 3.2rem;
	line-height: 3.2rem;
	background-color: #3c8cd2;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem
}

.tab-topic .topic-edit-tools-box {
	height: 100%
}

.tab-topic .topic-edit-tools-wrap {
	height: 100%
}

.tab-topic .topic-edit-txt-box {
	position: relative;
	padding: 2rem 2rem 6rem 1.5rem;
	height: 100%
}

.tab-topic .topic-edit-txt-box .topic-edit-content-wrap {
	position: relative;
	height: 100%;
	overflow: hidden
}

.tab-topic .topic-edit-txt-box .textarea {
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
	line-height: 1.2;
	resize: none;
	outline: 0;
	border: none
}

.tab-topic .topic-edit-txt-box .topic-content-wrap {
	width: 100%;
	height: 100%;
	padding-bottom: 44%
}

.tab-topic .topic-edit-txt-box .png-preview-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box {
	position: relative;
	display: inline-block;
	width: 18%;
	height: 0;
	padding-bottom: 18%;
	margin-right: 2.5%;
	margin-top: 2.5%;
	vertical-align: top;
	background-color: #fafafa;
	text-align: center;
	overflow: hidden;
	clear: both
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box .add-icon {
	color: #dcdcdc;
	top: 50%;
	position: absolute;
	margin-top: -1.2rem;
	left: 50%;
	margin-left: -1.3rem;
	font-size: 3rem
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box .img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box img {
	width: 100%;
	height: 100%
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box .del-png-span {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	background-color: rgba(0,0,0,.5)
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .png-preview-box .del-png-span .del-icon {
	font-size: 1rem;
	color: #fff
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .add-box .webuploader-pick+div {
	width: 100%!important;
	height: 100%!important;
	border: solid 1px #c8c8c8
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .add-box .webuploader-element-invisible {
	height: 100%;
	opacity: 0;
	width: 100%
}

.tab-topic .topic-edit-txt-box .png-preview-wrap .last-preview {
	margin-right: -2.5%
}

.tab-topic .topic-edit-txt-box .png-preview-wrap {
	margin-top: -2.5%;
	clear: both
}

.topic-reply-box {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	border-top: #e8e8e8;
	background-color: #fafafa
}

.topic-reply-box .topic-reply-wrap {
	height: 3.8rem;
	line-height: 3.8rem;
	padding-left: 4rem;
	padding-right: 7.8rem
}

.topic-reply-box .topic-reply-wrap .input-text-wrap {
	position: relative;
	display: inline-block;
	margin-top: .4rem;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff
}

.topic-reply-box .topic-reply-wrap .input-text {
	width: 100%;
	padding: 0 3rem 0 .5rem;
	max-height: 2.5rem;
	min-height: 2.5rem;
	line-height: 2.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 1.2rem;
	border: none;
	outline: 0
}

.topic-reply-box .topic-reply-wrap .publish-btn {
	display: inline-block;
	position: absolute;
	float: right;
	margin-top: .4rem;
	top: 0;
	right: .8rem;
	width: 6.3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #87B828
}

.topic-reply-box .topic-reply-wrap .emotion-wrap {
	display: inline-block;
	position: absolute;
	height: 100%;
	left: 1rem
}

.topic-reply-box .topic-reply-wrap .emotion-wrap .iconfont {
	font-size: 2.5rem;
	color: #808289;
	vertical-align: -webkit-baseline-middle
}

.topic-reply-box .topic-reply-wrap .txt-length {
	display: inline-block;
	position: absolute;
	right: 0;
	width: 3rem;
	font-size: 1.2rem;
	text-align: center;
	color: #d9d9d9
}

.loading,.tip01 {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: #000;
	background: rgba(0,0,0,.8) none repeat scroll 0 0!important
}

.tip01 p {
	color: #fff;
	margin-top: 6rem;
	margin-bottom: 1rem
}

.tip01 a {
	display: block;
	width: 8.5rem;
	height: 2.5rem;
	margin: 0 auto;
	border: .1rem solid #fff;
	border-radius: 2rem;
	color: #fff;
	line-height: 2.5rem;
	font-size: 1.4rem;
	font-weight: 700
}

.tip01 a span {
	background: url(../images/btn_jiantou.png) no-repeat right center;
	background-size: .8rem .8rem;
	display: block;
	width: .8rem;
	height: .8rem;
	float: right;
	vertical-align: middle;
	position: relative;
	top: .75rem;
	right: .7rem
}

.loading img {
	width: 7rem;
	margin-top: 5.5rem
}

.live_info span.left.leftyou {
	/*padding-left: .9rem;*/
	margin-left:2%;
	width: 93%;
}

.right {
	position: absolute;
	right: 1rem;
	margin-right: .4rem;
	z-index: 1;
	bottom: 5rem;
	background:rgba(0,0,0,.5);
	border-radius:16px;
	height:20px;
	line-height:20px;
	font-size: 12px;
    padding: 0 10px;
	box-sizing:border-box;
	font-weight:300;
	margin-bottom:10px;
}

.right span {
	float: left
}

.right i {
	/*width: 1.6rem;*/
	height: 1.6rem;
	float: left;
	position: relative;
	margin-right: .4rem
}
.right em{
	color:#fff;
	font-size:12px;
}

.right i img {
	vertical-align: middle;
	display:none;
}

.right b {
	float: left;
	line-height: 20px;
	color: #fff
}

#notice {
	width: 70%;
	height: 40px;
	overflow: hidden;
	font-size: 1.5rem;
	font-family: '姒涙垳缍�;
	color: #fff
}

.zbzt {
	border-radius: 2rem;
	background: rgba(0,0,0,.5) none repeat scroll 0 0!important;
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #fff;
	text-align: center;
	padding: .5rem .8rem
}

.jw-skin-bce .jw-controlbar {
	height: 1em
}

.tab-box .active span {
	background-color: #fff;
	color: #656565;
	border-bottom: none
}

.tab-box .one-tab span {
	display: block;
	width: 100%;
	background-color: #fff;
	font-size: 15px;
	color: #333;
	font-family:PingFangSC-Light;
	height:49px;
	line-height:49px;
	font-weight:400;
}

.tab-box .one-tab.active {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.tab-box .one-tab.active span {
	color:#87B828;
	font-family:PingFangSC-Semibold;
}

.tab-box .one-tab {
	display: inline-block;
	height: 49px;
	line-height: 0;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

ul#showComments {
	width: 97%;
	/*margin: .3rem auto;*/
	margin: auto;
}

#showComments .plun-txt {
	/*display: inline-block;
	width: 100%;
	padding-left: 4.4rem;
	margin-top: -3.8rem;
	box-sizing: border-box;
	font-size: 1.4rem;
	float: left;
	padding-top: 0;
	line-height: 2rem*/
	margin-left: 3.7rem;
	border-bottom: 1px solid #D1D1D1;
}

#showComments .plun-txt a {
	font-family:  PingFangSC-Medium;
	display: inline-block;
	max-width: 10rem;
	height:1.4rem;
	color: #656565;
	/*font-size: 1.3rem;*/
	font-size: 12px;
	text-overflow: ellipsis;
    overflow: hidden;
	/*line-height:1.5rem;*/
	line-height:1.4rem;
	font-weight:600;
	vertical-align:sub;
}

#showComments .plun-txt span.time01 {
	color: #d0d0d0
}

#showComments .plun-txt span {
	display:inline-block;
	height:100%;
	width: auto;
	font-size: 1rem;
	color: #CBCBCB;
	overflow: hidden;
	margin-right: .6rem;
	display: block;
	float:left;
	font-family: PingFangSC-Regular;
}

#showComments .posi_bof_good {
	height: 1.5rem;
	position: absolute;
	top: .8rem;
	right: 1rem;
	z-index: 2
}

#showComments .posi_bof_good a {
	width: 1.4rem;
	height: 1.4rem;
	background: url(../images/btn_zan.png) no-repeat;
	display: inline-block;
	background-size: 1.4rem 1.4rem;
	margin-left: .3rem
}

#showComments .posi_bof_good .number01 {
	width: auto;
	height: auto;
	line-height: 1.6rem;
	color: #bbb
}

#showComments .plun-txt .plun-xq {
	color: #999;
	font-size: 15px;
	font-family:  PingFangSC-Regular;
	margin-top: -.2rem;
	word-break: break-all;
}
#showComments .plun-txt .plun-hfbtn{
	margin-bottom:1.1rem;
}
.clear {
	clear: both
}

.swiper-slide .zhaiyao {
	padding-bottom: .8rem;
	border-bottom: .2rem solid #55bfe7
}

.swiper-slide .jieshao01 h1.bt,.swiper-slide .zhaiyao h1.bt {
	font-size: 1.4rem;
	font-weight: 700;
	color: #626262;
	line-height: 2.3rem
}

.swiper-slide .zhaiyao span {
	color: #9f9f9f;
	display: block;
	float: left
}

.swiper-slide .zhaiyao span.green {
	color: #91bf53
}

.swiper-slide .zhaiyao span.shu {
	color: #9f9f9f
}

.swiper-slide .jieshao {
	border-bottom: .1rem solid #ebebeb;
	padding-bottom: .8rem;
	padding-top: .8rem
}

.swiper-slide .jieshao dd {
	color: #9f9f9f;
	line-height: 1.7rem
}

.swiper-slide .jieshao dd span {
	color: #636363
}

.jieshao01 p {
	color: #9f9f9f;
	line-height: 1.5rem;
	text-indent: 2em
}
#sendMesBox{
	position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    top:0;
}
#publish-box {
	position: absolute;
	z-index: 1001;
	bottom: 0;
	left:0;
	width: 100%;
	background-color: #fff
}

#publish-box  .t-img{
	display: none;
	position: relative;
	height: 10rem;

}

#publish-box .t-img  .icon-tupian{
	position: absolute;
	top:1.5rem;
	left: 2rem;
	display: inline-block;
	font-size: 2.5rem;
	color:#8c8c8c;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 0.8rem;
	border: 1px solid #bbb7b5;
}

#publish-box .t-img .input-img{
	position: absolute;
	top:2.5rem;
	left: 0;
	opacity: 0;


}
#publish-box .t-img .img-text{
	/*position: absolute;
	top:6rem;
	left:3rem;*/
	font-family: '姒涙垳缍�;
	font-size: 1.2rem;
	color: #4e4e4e;
}

.img-container{
	position: relative;
	background: #ffffff;
}
.img-container img{
	display: block;
	height: 12.5rem;
	opacity: 0.1;
}

@-webkit-keyframes line-spin-fade-loader {
	50% {
		opacity: 0.5; }

	100% {
		opacity: 1; } }

@keyframes line-spin-fade-loader {
	50% {
		opacity: 0.5; }

	100% {
		opacity: 1; } }

.line-spin-fade-loader {
	position: absolute;
	top: 5.5rem;
	left: 8.5rem;
}
.line-spin-fade-loader > div:nth-child(1) {
	top: 10px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(2) {
	top: 6.63636px;
	left: 8.63636px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(3) {
	top: -1px;
	left: 14px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(4) {
	top: -9.63636px;
	left: 10.63636px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(5) {
	top: -14px;
	left: 2px;
	-webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(6) {
	top: -10.63636px;
	left: -6.63636px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(7) {
	top: -2px;
	left: -12px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(8) {
	top: 5.63636px;
	left: -8.63636px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; }
.line-spin-fade-loader > div {
	background-color: #999999;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 3px;
	height: 10px; }

#publish-box .input-text-wrap {
	position: relative;
	display: inline-block;
	margin-top: .4rem;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	background-color: #fff;
	border: none;
	border-radius: 0
}

#publish-box .input-text-wrap .input-text {
	font-family: '姒涙垳缍�;
	color: #999;
	width: 98%;
	padding: 0 .5rem;
	max-height: 2.5rem;
	min-height: 2.5rem;
	line-height: 2.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 1.4rem;
	border: none;
	outline: 0;
	padding-right: 1rem;
	float: left;
	margin-top: .5rem
}

.xian01 {
	float: left;
	height: 1.5rem;
	width: .2rem;
	background: #9d9d9d;
	margin-top: 1rem
}

#publish-box #publish-wrap {
	height: 3.8rem;
	line-height: 3.8rem;
	padding-left: 1.5rem;
	padding-right: 5.8rem;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #b9b9b8
}

#publish-box .input-text-wrap {
	position: relative;
	display: inline-block;
	margin-top: 0;
	width: 100%;
	height: 3rem;
	background-color: #fff;
	border: none;
	border-radius: 0
}

/*#publish-box .publish-btn {
	display: none;
	position: absolute;
	float: right;
	margin-top: .4rem;
	top: 0;
	right: 0;
	width: 5.8rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	color: #87B828;
	font-weight: 700;
	text-align: center
}*/

.tab-box .one-tab.noborder span {
	border-right: none
}

.fhzb {
	border-radius: 2rem;
	background: rgba(0,0,0,.5) none repeat scroll 0 0!important;
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	color: #00AEFF;
	text-align: center;
	padding: .5rem .8rem;
	z-index: 2
}

a.btn_ljzb {
	display: inline-block;
	padding: 0 1.5rem;
	border-radius: 2rem;
	background: #ff5654;
	color: #fff;
	font-size: 1.6rem;
	font-family: 'Microsoft YaHei';
	height: 3rem;
	line-height: 3rem
}

.xian {
    width: 15px;
    height: 3px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -7.5px;
    z-index: 1;
	background-color:#87B828;
	border-radius:2px;
	box-shadow: 0 2px 5px rgba(115, 174, 65, 0.5);
}

.tab-video .event-wrap,.tab-video .vod-wrap {
	display: inline-block;
	/*margin: .5rem 0;*/
	width: 48%;
	vertical-align: top
}
.tab-video .event-wrap{
	margin:0;
}
.video_mask{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0,0,0,.66);
    color: #fff;
}

.shang {
	padding-top: .24rem
}

div#live_indicator {
	position: absolute;
	font-size: 1rem;
	right: 1rem;
	top: 1rem;
	border-radius: 1rem;
	padding: .3rem .5rem .3rem .5rem;
	letter-spacing: .02rem;
	z-index: 999;
	color: #fff
}

.right i {
	/*width: 1.3rem;
	height: 1.3rem;*/
	float: left;
	position: relative;
	margin-right: .4rem;
	color:#fff;
}
#commentsnum{
	padding-left:8px;box-sizing:border-box;
}

div#live_indicator>span {
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	margin-right: .05rem
}

div#live_indicator.replaying:before {
	background:url(../images/replay.png) no-repeat;
	background-size:0.88rem;
	width: 0.88rem;
    height: 0.88rem;
    display: inline-block;
    padding: 0;
    content: '';
    vertical-align: middle;
    margin-right: 0.7rem;
	margin-top:-0.12rem;
}


#loading_animation {
	position: relative;
	top: 40%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	display:none;
}

.animate_loading {
	background: url(../images/newLoading.png) left center/100% 100% no-repeat;
	width: 13rem;
	height: 3.5rem;
	animation: image-roll 2.5s infinite ease-in-out;
	margin: .2rem auto 1rem;
}

#load_text{color:#000;}


#player_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #9B9B9B;
	background: #000;
	font-size: .18rem;
	text-align: center;
	z-index: 101;
	background-size: cover!important;
	background-position: center center!important;
}

div#live_indicator.liveing:after {
	content: '';
	text-align: center;
	color: #fff;
	border-radius: 50%;
	width: 0;
	display: inline-block;
	height: 0;
	margin-left: .1rem;
	animation: myfirst 1.5s;
	-moz-animation: myfirst 1.5s;
	-webkit-animation: myfirst 1.5s;
	-o-animation: myfirst 1.5s;
	animation-iteration-count: infinite;
	border-top: .3rem solid transparent;
	border-left: .3rem solid transparent;
	border-bottom: .3rem solid transparent;
	border-right: .3rem solid transparent;
	vertical-align: middle;
}

div#live_indicator.liveing.heng:after {
	content: '';
	text-align: center;
	color: #fff;
	border-radius: 50%;
	width: 0;
	display: inline-block;
	height: 0;
	margin-left: .1rem;
	animation: myfirst 1.5s;
	-moz-animation: myfirst 1.5s;
	-webkit-animation: myfirst 1.5s;
	-o-animation: myfirst 1.5s;
	animation-iteration-count: infinite;
	border-top: .2rem solid transparent;
	border-left: .2rem solid transparent;
	border-bottom: .2rem solid transparent;
	border-right: .2rem solid transparent;
	vertical-align: middle;
}

@keyframes myfirst {
	from {
		background: red
	}

	to {
		background: #fff
	}
}

@-moz-keyframes myfirst {
	from {
		background: red
	}

	to {
		background: #fff
	}
}

@-webkit-keyframes myfirst {
	from {
		background: red
	}

	to {
		background: #fff
	}
}

@-o-keyframes myfirst {
	from {
		background: red
	}

	to {
		background: #fff
	}
}

.logo {
	position: absolute;
	left: 1rem;
	top: 1rem;
	z-index: 9999;
	color: #fff;
	z-index: 1;
	max-width: 30%;
	height:2rem
}

.logo img {
	height: auto;
	max-width: initial;
	width: 100%
}

.logo.rightop {
	left: initial;
	right: 1rem
}

.logo.rightbottom {
	top: initial;
	right: 1rem;
	left: initial;
	bottom: 1rem
}

.logo.leftbottom {
	top: initial;
	bottom: 1rem
}

.jw-icon-rewind,.jw-menu,.jw-title {
	display: none
}

div.jw-preview.jw-reset {
	background-size: 100% auto
}

.jw-icon-cc {
	display: none!important
}

.jw-background-color {
	/*background: rgba(0,0,0,.5)!important*/
}

.jw-skin-bce .jw-controlbar {
	height: 1.1em!important
}

.jw-slider-time.jw-background-color {
	background: 0 0!important
}

.jw-flag-touch .jw-controlbar,.jw-flag-touch .jw-plugin,.jw-flag-touch .jw-skip {
	font-size: 1.1em!important
}

.jw-skin-bce .jw-text-duration {
	color: #fff
}

.replay .jw-flag-compact-player .jw-text-duration,.replay .jw-flag-compact-player .jw-text-elapsed {
	display: inline-block!important;
	color: #fff
}

.living .jw-controlbar-center-group * {
	display: none!important
}

.living .jw-flag-compact-player .jw-text-duration,.living .jw-flag-compact-player .jw-text-elapsed {
	display: none!important;
	color: #fff
}

.pbarrage {
    /*margin: 0 10px;*/
    position: absolute;
    bottom: 50%;
    right: 10px;
    color: #fff;
    z-index: 1112;
    margin-bottom: -0.9rem;
}

.pbarrage span {
	margin-top: 3px;
	margin-right: 5px;
	color: #c8c8c8
}

.pbarrage span {
	display: inline-block;
	width: 4.6rem;
	height: 1.8rem;
	line-height: 1.8rem;
	background: #87B828!important;
	border-radius: 1.8rem;
	color: #fff;
	text-align: center;
	font-size:12px;
}

#player #btn{
	display:none;
	position:absolute;
	bottom:6rem;
	right:1.2rem;
	width:3.2rem;
	height:3.2rem;
	line-height:3.2rem;
	text-align:center;
	border-radius:50%;
	background:#151515;
	opacity:0.6;
	z-index:1;
}
#player #btn img{
	display:inline-block;
	width:2.1rem;
}
#player #btn.heng{
	position:absolute;
    bottom:6rem;
    right:3rem;
    width:1.5rem;
    height:1.5rem;
    line-height:1.5rem;
}
#player #btn img.heng{
	display: inline-block;
    width: 1rem;
}
.jw-icon.jw-icon-tooltip.jw-icon-hd.jw-button-color.jw-reset.heng {
	position:absolute;
    bottom:8rem;
    right:3rem;
    width:1.5rem;
    height:1.5rem;
    line-height:1.5rem;
}
.pbarrage span.dmclose {
	background: #9c9c9c
}

.dm {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/**z-index: 1*/
}

.dm .d_screen .d_del {
	width: 38px;
	height: 38px;
	background: #600;
	display: block;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	border-radius: 19px;
	border: 1px solid #fff;
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 3;
	display: none
}

.dm .d_screen .d_del:hover {
	background: red
}

.dm .d_screen .d_show {
	position: relative;
	z-index: 2
}

.dm .d_screen .d_show div {
	font-size: 12px;
	line-height: 36px;
	font-weight: 500;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1:;
	white-space: nowrap
}

.jw-controls,.jw-icon-display {
	z-index: 2
}

#playercontainer {
	/*z-index: 1*/
}

#rr {
	position: absolute;
	width: 150px;
	height: 50px;
	background: #000;
	z-index: 999
}

.defin,.px-video-controls,.px-video-util.show,.rig-clk,.video-right {
	z-index: 1112
}

.dmflag{position: relative;z-index: 200;width: 100%;background-color: #22292C;height:4.5rem}
#guide-box-wrap{background: no-repeat center top; background-size:cover;}

.shangall{display: block; position: absolute; bottom: 0.45rem; right: 0.8rem; z-index:1;}
 .like-number{ top: -0rem; color: #fff}
 .like-icon{top: -11.5rem}
.shang span.favnum {
    display: block;
    margin-top: 3.9rem;
    margin-left: 0.69rem;
    width: 4.2rem;
    text-align: center;
    line-height: 2.5rem;
    height: 3rem;
    background:url("../images/likeNumber.png") no-repeat;
    background-size: 4.2rem 3rem;
}
.index i img{ width:28px;height:35px; max-width:initial;float:left;}
.gift {
	background:url("../images/gift.png") no-repeat;
	display: block;
	position: absolute;
	bottom: 9rem;
	right: .05rem;
	width: 6rem;
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	font-size: 1.12rem;
	line-height: 5.6rem;
	color: #fff;
	border-radius: .6rem;
	/*	background-size: 100% 100%;*/
	background-size: 6rem 6rem;
	z-index: 1;
}

#banner-swiper .index{ top:1.3rem;}
#banner-swiper .index .right-arrow{right:0.5rem;margin-top:-0.6rem}
#banner-swiper .index .right-arrow i{margin-right:0}


.pro-box{position:absolute; width:100%; bottom:8rem; left:0; z-index:9; text-align: center; }
.pro-box span{display:inline-block; padding:0.8rem 1.2rem;background:#666; border-radius:5px; opacity:0.8; color:#fff; text-align:center; font-size:1.2rem}

#showComments .plun-txt p a {
    width: auto;
    color: #069;
    max-width: initial;
    line-height: initial;
    font-size: 1.2rem;
    text-decoration: underline;
    overflow: initial;
}

.tab-txt table,.tab-txt td{border:1px solid #ccc}
.tab-txt table,.tab-txt td{border:1px solid #ccc;word-break: break-all}

.tab-txt{overflow-x:initial;overflow-y:initial;}
.tab-content-box .swiper-slide{overflow-y:auto;overflow-x:hidden}
.tab-txt table{width:100% !important;}



#publish-box #publish-wrap{ padding-right:8.8rem}
.btn-face {float: left;  width: 2.1rem;  height: 2.1rem;  display: inline-block; background-color: #333; background: url(/assets/images/smile.png) no-repeat;  background-size: 2.1rem 2.1rem; margin-top: 0.18rem;  margin-left: 0.1rem;  position: absolute;  left: 0.8rem;  top: 0.7rem;}
.t-face {display: none; height: 12rem; padding-top: 0.05rem; background-color: #fff; overflow: hidden;	overflow-y:  auto;}
.t-face a {float: left;	width: 2rem;height: 2rem;	margin: 0.7rem 0 0.1rem 1rem;}
.t-face a img {width: 100%;height: 100%}


.btn-keyboard{
display: none;
 float: left;
    width: 2rem;
    height: 2rem;
    background: url(/assets/images/keyboard.png) no-repeat;
    background-size: 2rem 2rem;
    margin-top: 0.18rem;
    margin-left: 0.1rem;
    position: absolute;
    left: 0.8rem;
    top: 0.7rem;}
.t-face a{ background: #000 }
.t-face{ height: 9rem }
.btn-keyboard input{ background: none; border: none; width: 2rem;  height: 2rem;vertical-align:top;}
.face-all{ display: none; }

#showComments .plun-txt .plun-hfbtn .hfreply{
	float: right;
	width: 1.3rem;
	margin-right: .3rem;
	margin-top: .2rem;
	height:auto;
}

#showComments .plun-txt .plun-hfbtn a{float:right; text-decoration:none;font-size: 1rem;color:#CBCBCB;font-family: PingFangSC-Regular; letter-spacing: .2rem;}
#showComments .plun-txt .plun-hfnr{background:#F9F9F9; padding:0.6rem 0.7rem; font-size:1rem;font-family: PingFangSC-Regular;  color: #9B9B9B;;  text-align: justify;  line-height: 1.5rem;margin-bottom:1.36rem;}
#showComments .plun-txt .plun-hfnr b{
	vertical-align:top;
}
#showComments .plun-txt .plun-hfnr i{
	color:#656565;
	vertical-align:top;
	margin-right:.3rem;
}
#showComments .plun-txt .plun-hfnr p{margin:1rem 0; color:#069; text-align:center}
.box{display:none}
.picture-upload{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10000;
    background: #333;
	opacity: 0.5;
}
.uploading{
	color: #38f;
    font-size: large;
    text-align: center;
    margin-top: 90%;
}
.picture-detailss,.picture-label{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10000;
    background: #333;
}
.picture-label label{
	margin: 5% 10%;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    width: 80%;
    height: 50px;
    border-radius: 25px;
    display: inline-block;
    background: #fff;
}
.picture-label{
	padding-top:120%
}
.picture-s-img {
	cursor: pointer;
}
.picture-details-img{
	margin: 0;
    position: absolute;
    top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	/*max-height: 100%;*/
	width:100%;
}
.jw-icon-fullscreen:before {
	width:1.3rem;
	height:2rem;
	content: url(../images/littleScreen.png);
			}
.jw-icon-fullscreen.jw-off:before {
	width:1.3rem;
	height:2rem;
	content: url(../images/fullScreen.png);
}
.jw-skin-bce .jw-controlbar-right-group .jw-icon-inline:before, .jw-skin-bce .jw-controlbar-right-group .jw-icon-tooltip:before {
	border:none;
}
.jw-icon.jw-icon-tooltip.jw-icon-hd.jw-button-color.jw-reset {
    position: absolute;
    bottom: 10rem;
    right: 1.2rem;
    width: 2.78rem;
    height: 2.78rem;
    line-height: 2.78rem;
    text-align: center;
    border-radius: 50%;
    background: #151515;
    opacity: 0.6;
    z-index: 1;
}
.replay #live_indicator.heng:before {
	background:url(../images/replay.png) no-repeat;
	background-size:0.45rem;
	width: 0.45rem;
    height: 0.45rem;
    display: inline-block;
    padding: 0;
    content: '';
    vertical-align: middle;
    margin-right: 0.4rem;
}
.jw-menu.jw-background-color.jw-reset {
	width:12rem;
	height:2.7rem;
	position:relative;
	left:-14rem;
	top:3.1rem;
	border-radius:3px;
	background: url(../images/changeBg.png);
	background-size:12rem 2.7rem;
	border:none;
}
.jw-menu, .jw-time-tip, .jw-volume-tip {
	display:none;
}
.jw-controlbar .jw-option {
	width:3.7rem;
	height:2.7rem;
	float:left;
	line-height:3rem;
}
.jw-menu.jw-background-color.jw-reset.heng {
	width: 9rem;
    height: 1.7rem;
    position: relative;
    left: -10rem;
    top: 1.9rem;
    background-size: 9rem 1.7rem;
    border: none;

}
.jw-controlbar .jw-option.heng {
    width: 2.8rem;
    height: 1.7rem;
    float: left;
    line-height: 1.9rem;
}
.jwplayer.jw-state-paused .jw-icon-playback:before{
	width:1.3rem;
	height:2rem;
	content: url(../images/newStart1.png);
}
.jwplayer.jw-state-playing .jw-icon-playback:before {
	width:1.3rem;
	height:2rem;
	content: url(../images/newStop1.png);
}
.jw-icon-next:before{
	width:1.1rem;
	height:1.8rem;
	content: "\E60C";
	/* content: url(../images/next.png); */
}
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-prev:before{
	width:1.1rem;
	height:1.8rem;
	margin-left: -3%;
	content: '\E60F';
}
/* .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-prev {
	display:none;
} */
.jw-icon.jw-icon-tooltip.jw-icon-playlist.jw-button-color.jw-reset{
	display:none;
}
.jw-controlbar.jw-background-color.jw-reset {
	background:linear-gradient(-180deg, rgba(47,47,47,0.00) 0%, #151515 100%);
	opacity:0.8;
	/*padding-top:2.7rem;*/
}
.jw-text.jw-reset.jw-text-elapsed {
	font-family: PingFangSC-Medium;
	font-size:0.7em ;
	color: #FFFFFF;
	letter-spacing: 1.31px;
	text-align: right;
}
.jw-text.jw-reset.jw-text-duration {
	font-family: PingFangSC-Medium;
	font-size:0.7em ;
	color: #FFFFFF;
	letter-spacing: 1.31px;
	text-align: right;
}
.top1InviteList {
	width:30%;
    position:absolute;
    text-align: center;
	left:50%;
	margin-left:-15%;
	top:0;
}
.top2InviteList {
	width:30%;
    position:absolute ;
    top: ;
    text-align: center;
	left:0;
}
.top3InviteList {
	width:30%;
    position:absolute ;
    top: ;
	right:0;
    text-align: center;
}
.tab-invite{
	padding-top:1rem;box-sizing:border-box;
}
.top1IconDiv {
    margin: auto;
	display: block;
    border: 1px solid #F04134;
    border-radius: 50%;
    width: 58px;
    height: 58px;
}
.top1IconDiv:before{
	content:"";
	background-color:#ccc;
	position:absolute;
	top: -16px;
    right: 9px;
    width: 28px;
    height: 25px;
    background: url(../images/icon-list01.png) no-repeat;
    background-size: cover;
}
.top2IconDiv,.top3IconDiv{
	margin: 0 auto;
	display: block;
    border-radius: 50%;
	width:46px;
	height:46px;
}
.top2IconDiv {
    border: 1px solid #FFCE08;
}
.top3IconDiv {
	border: 1px solid #4997F1;
}
.top2IconDiv:before,.top3IconDiv:before{
	content:"";
	position:absolute;
	top: -17px;
    right: 10px;
    width: 28px;
    height: 26px;
}
.top2IconDiv:before{
	background: url(../images/icon-list02.png) no-repeat;
	background-size: cover;
}
.top3IconDiv:before{
	background: url(../images/icon-list03.png) no-repeat;
	background-size: cover;
}
.otherIconDiv {
    display:flex;
}
.invit-color{
	color:#87B828;
	font-size:14px;
}
.otherIcon {
    border-radius: 20px;
    position: relative;
	width:40px;
	height:40px;
	margin-left:15px;
	display:block;
}
.top1Icon,.top2Icon,.top3Icon {
	border: 2px solid #fff;
	border-radius: 50%;
}
.top3Name {
	font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: center;
	display:block;
	margin-top:6px;
}
.top3Num {
	font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #A4A4A4;
    letter-spacing: -0.24px;
    text-align: center;
	margin-top:0.7rem;
	display:flex;
	justify-content:center;
}

.otherInviteList{
	width:90%;
	margin:0 auto 20px;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
}
.otherName {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333;
	letter-spacing: -0.36px;
	line-height: 40px;
	padding-left:10px;
}

.otherNum {
	font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    display: flex;
	position:relative;
	top:8px;
}
.otherList .number {
	position: relative;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999999;
	display: block;
	text-align:center;
	background:url("../images/lingxing2.png") no-repeat;
	background-size: 25px;
    height: 25px;
    line-height: 25px;
    width: 25px;
	top: 8px;
}
.otherNum i {
	color:#6cadf8;
}
.showInvitationModule {
	width: 100%;
    height: 22%;
    background-color: white;
    overflow: hidden;
}
.showInvitationModule input {
	display:none;
}
.checkModule {
	width: 85%;
    height: 90%;
    margin: auto;
	margin-top:5%;
    margin-left: 7.5%;

}
.checkModule div {
	position:relative;
	width:100%;
	height:100%;
}
.moduleActive {
	border: 2.5px solid #4b9bf7;
    padding: 0.5rem;

}
.showInvitationCardDiv {
	width: 100%;
    height: 78%;
    padding-top: 15%;
}
.showInvitationModule label {
	width: 23.71%;
    height: 90%;
    display: inline-block;
	margin-top:2.5%;
}
.selectModuleIcon {
	position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.selectModuleSpan {
	position: absolute;
    width: 100%;
}
#invitationText {
	position:absolute;
	background:url(../images/listWarning.png);
	background-size:100px 20px;
	width:100px;
	height:20px;
	right: 0;
    line-height: 20px;
    color: white;
	padding-left:10px;

}

.top3List {
	display: flex;
    justify-content: space-between;
    box-sizing: border-box;
	position:relative;
	margin-bottom:30px;
	width:90%;
	margin:50px auto 0;
	height:140px;
	padding-top:10px;
}
#invitationText i {
	width: 16px;
    height: 16px;
    border: 1px solid;
    border-radius: 9px;
    display: inline-block;
    line-height: 16px;
    margin: 2px;
    padding-left: 4px;
}
#invitationText span {line-height:20px;}
/*.top3InviteList:before {
	background: #9E9E9E;
    content: '';
    position: absolute;
    left: 0.2rem;
    top: 3rem;
    bottom: auto;
    height: 5.7rem;
    width: 0.1rem;
}
.top2InviteList:after {
	background: #9E9E9E;
    content: '';
    position: absolute;
    right: 0.45rem;
    top: 3rem;
    bottom: auto;
    height: 5.7rem;
    width: 0.1rem;
}*/
.otherNum span {
	color:#999999;
}
#inviteDataNull {
	display: block;
    text-align: center;
    letter-spacing: 3px;
    font-size: 18px;
    /* height: 100%; */
    color: #9e9e9e;
    /* margin-top: 160px;top: 40%; margin:-60px auto;*/
    position: absolute;
    top:50%;
	margin-top:-15px;
    width: 100%;
}
.jinbi{
	width:18px!important;height:18px!important;
    margin-right: 5px;
	position:relative;;
	top:2px;
}
.selectVideo {
	position:absolute;
	z-index:1000;
    width: 9rem;
    height: 2.6rem;
    border-radius: 5px;
    border: none;
	font-size:1.2rem;
	bottom: 40px;
    left: 50%;
    margin-left: -4.5rem;
	color:#87B828;
	border:1px solid #87B828;
	background:none;
	line-height:2.2rem;
}
.listDecsText i {
        display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #f6f5ef;
    position: absolute;
    top: 2rem;
    right: 6.5rem;
}

.listDecsText span{
	    width: 13rem;
    display: block;
    background-color: #f6f5ef;
    border-radius: 5px;
    position: absolute;
    top: 2.9rem;
    right: 1rem;
    padding: 5px;
    color: #777777;
    z-index: 999;

}
.disableInvite {
	pointer-events: none;
}
.zipBg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.zipModule {
width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.loadDiv {
	    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 78%;
    background: rgba(204, 204, 204, 0.45);
}
.loadImg{
	width: 40px;
    text-align: center;
    margin: auto;
    display: inherit;
    margin-top: 50%;
    opacity: 1;}
.loadP {
    text-align: center;
    margin-top: 20px;
    font-size: 1.3rem;
    color: white;
}
.video_back{
	position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 12px;
    color: #fff;
    background: #333;
	cursor: pointer;
}

.gallery-top{
    width: 285px;
    height: 166px;
	/*width:23.7rem;height:13.8rem;*/
}

.gallery-thumbs {
    /* height: 20%; */
    box-sizing: border-box;
    padding: 3px 0;
}
.gallery-thumbs .swiper-slide {
    /* width: 25%; */
    width: 72px;
    /* flex: 1; */
    height: 72px;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination{
	position:absolute;
}
.swiper-pagination-bullet{
    width: 7px;height: 7px;border: 1px solid #fff!important;border-radius: 50%;
	background:none!important;
}
.swiper-pagination-bullet-active{
    background: #EFEFEF!important;
}
.gallery-thumbs .swiper-slide{
    margin-right: 3px!important;
}
.wrapperbox{
	margin-left:-105px;
}

.left-lines{
	width: 1px;
    height: 96%;
    background: #EEEEEE;
    position: absolute;
    left: 29px;
    top: 30px;
}
.banDian {
    bottom: 2px!important;
}
.banDian .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
	margin-right: 2px!important;
	background:#fff!important;
}
.banDian .swiper-pagination-bullet-active{
	width:13px;
	border-radius:4px;
}
.downTime{
	display:flex;
}
#daybox{
	color:#fff;font-size:24px;width:130px;
	text-align:right;
	font: 30px/1.5 helvetica,'Microsoft YaHei',sans-serif;
	font-size:26px;height:46.38px;line-height:49px;margin-top:6px;
}
#daybox span:nth-child(2){
	font-size:12px;
	padding-left:2px;box-sizing:border-box;
	color:#F8F8F8;opacity:0.7;
}
.tabs-box swiper-slide{
    width: auto!important;
    display: flex!important;
    height: 50px!important;
    line-height: 50px;
    background-color: #fff!important;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-right:0!important;
    padding: 0 16px!important;
    cursor: pointer!important;
}
#navTwo .swiper-slide {
   /* width: auto!important;
    display: flex!important;*/
    height: 50px!important;
    line-height: 50px;
    background-color: #fff!important;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-right:0!important;
    cursor: pointer;
}
#navTwo .one-tab.active span {
	font-weight:bold!important;
	font-family: PingFangSC-Semibold;
	line-height: 50px!important;
	display:inline-block!important;
}
#navThree .swiper-slide {
    /*width: auto!important;
    display: flex!important;*/
    height: 50px!important;
    line-height: 50px;
    background-color: #fff!important;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-right:0!important;
    cursor: pointer;
}
#navThree .one-tab.active span {
    font-weight:bold!important;
    font-family: PingFangSC-Semibold;
    line-height: 50px!important;
    display:inline-block!important;
}