body{
    color: #333;
    background: #fff;
	background: #efefef !important;
}
a {
	outline: none;
}
.ease {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.gradual {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(30,30,30,1)));
	background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
	background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
	background-image: -ms-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
	background-image: -o-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
}
.w {
	width: 1500px;
	margin: 0 auto;
}
@font-face {
	font-family: 'bf';  /* Project id 3152797 */
	src: url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.eot?t=1645499491943'); /* IE9 */
	src: url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.eot?t=1645499491943#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.woff2?t=1645499491943') format('woff2'),
		 url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.woff?t=1645499491943') format('woff'),
		 url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.ttf?t=1645499491943') format('truetype'),
		 url('//at.alicdn.com/t/font_3152797_fyuat9xy8v6.svg?t=1645499491943#bf') format('svg');
  }
.wujin {
	font-family: "bf" !important;
	font-size: 16px;
	line-height: 1;
	font-style: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
svg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
}

#header{
	background: #f5f5f5;
	height: 39px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}
#divLogin{
	float: left;
}
#divLogin ul {
	float: left;
}
#divLogin ul li {
	font-size: 13px;
	line-height: 39px;
	float: left;
	color: #666;
}
#divLogin ul li.login1 {
	margin-right: 20px;
}
#divLogin ul li.login1 a {
	color: #185ead;
}
#divLogin ul li a{
	color: #999;
}
#divLogin ul li.register1 {
	margin-right: 10px;
}
#divLogin ul li.register1 a {
	padding: 3px 8px;
	border: 1px solid #dddddd;
	color: #666;
}
#divLogin ul li.register1 a:hover {
	color: #fff;
	background: #185ead;
	border: 1px solid #185ead;
}
.divService {
	float: right;
	color: #ddd;
	font-weight: bold;
	font-size: 13px;
}
.divService a{
	line-height: 39px;
	color: #666;
	padding: 0 8px;
	font-weight: normal;
}
.divService a:hover {
	color: #185ead;
}
.divService a i {
	font-size: 14px;
	vertical-align: top;
	margin-right: 4px;
	margin-top: 13px;
}
.divService a:last-child {
	padding-right: 0;
}
.iframe {
	height: 40px;
}

.top{
	background-color: #fff;
	/* box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16); */
}.Tophead {
	position: relative;
	margin: 0 auto;
}
.Tophead p {
	position: absolute;
	float: right;
	right: 0px;
	top: -27px;
	color: #dfdfdf;
}
.Tophead a {
	margin-left: 5px;
    color: #185ead;
	font-weight: bold;
}
.Tophead a:hover {
    color: #185ead;
	font-weight: bold;
}
.Tophead a.moblie:hover .hbapp {
	display: block;
}
.Tophead a.moweixin:hover .hbweixin {
	display: block;
}
.Tophead a.moblie {
	margin:0 15px;
}
.Tophead a.moweixin {
	margin:0 30px 0 10px
}
.Tophead img.hbapp {
	right:20px;
}
.Tophead img.hbweixin {
	right: -40px;
}
.Tophead img {
	max-width: 150px;
	max-height: 150px;
	position: absolute;
	top: 24px;
	z-index: 9999;
	padding: 8px;
	background: #185ead;
	border-radius: 5px;
	display: none;
}
.top .item{
	margin: 0 auto;
	padding: 19px 0 19px 0;
	position:relative;
}
.top .item .logo{
	float: left;
	width: 182px;
}
.top .item .pageName{
	float: left;
	font-size: 24px;
	color: #000;
	margin:10px 0 0 20px;
	border-left: 1px solid #eeeeee;
	padding-left: 20px;
	font-weight: bold;
}
.top .item .menu{
	float: right;
	margin-top: 10px;
}
.top .item .menu a{
	display: inline-block;
	font-size: 20px;
	height: 22px;
	line-height: 20px;
	border-right: 1px solid #eeeeee;
	color: #333;
	padding: 0 18px;
}
.top .item .menu a:hover{
	color: #ff6600;
}
.top .item .menu a:last-child{
	border:none;
}
.search {
	width: 540px;
	height: 34px;
	margin: 2px 0 0 160px;
	float: left;
	border: 2px solid #185ead;
	position: relative;
	border-radius: 20px;
}

.searchSelect {
	width: 88px;
	height: 33px;
	position: relative;
	float: left;
}

.selectTop {
	position: relative;
	cursor: pointer;
}

.selectTop p {
	font-size: 14px;
	line-height: 18px;
	color: black;
	text-indent: 20px;
	border-right: 1px solid #e6e6e6;
	margin-top: 8px;
}

.selectTop i {
	position: absolute;
	right: 14px;
	top: 7px;
	width: 14px;
	height: 8px;
	background: url("http://www.hbzhan.com/images/index/index.png") no-repeat;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.selectTop.focus i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.search button {
	position: absolute;
	height: 38px;
	line-height: 38px;
	background-color: #185ead;
	color: #ffffff;
	width: 80px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	right: -2px;
	top: -2px;
	border-radius: 0 20px 20px 0;
}

.search input {
	width: 375px;
	height: 33px;
	float: left;
	border: none;
	font-size: 14px;
	color: #333;
	text-indent: 14px;
	background-color: #fff;
}

.selectBot {
	position: absolute;
	width: 88px;
	background-color: #ffffff;
	top: 35px;
	left: 0px;
	z-index: 99;
	border-bottom: 2px solid #e6e6e6;
	border-top: 2px solid #e6e6e6;
	display: none;
}

.selectBot li {
	line-height: 26px;
	font-size: 12px;
	text-indent: 16px;
	border-left: 2px solid #e6e6e6;
	border-right: 2px solid #e6e6e6;
}

.selectBot li:hover {
	background-color: #185ead;
	border-left: 2px solid #185ead;
	border-right: 2px solid #185ead;
	color: #fff;
	cursor: pointer;
}
.Live{
	margin:16px auto 0;
}
.Live .left {
	width: 1150px;
	float: left;
	position: relative;
	border-radius: 10px 0 0 10px;
}
.comment {
	float: right;
	width: 350px;
	height: 788px;
	background: #f9f9f9;
	position: relative;
	border-radius: 0 8px 8px 0;
}
.play {
	height: 638px;
	background-color: #333;
	overflow: hidden;
	position: relative;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.play .countDown{
	position: absolute;
	height: 76px;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.8;
	background: #000;
	z-index: 9;
 }
.play .countDown .cont{
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 40px;
	font-size: 18px;
	color: #fff;
	font-style: normal;
	text-align: center;
	line-height: 76px;
	height: 76px;
}
.play .countDown .cont i {
	font-size: 16px;
	margin-right: 6px;
	vertical-align: top;
}
.play .countDown .cont em{
	font-style: normal;
	font-weight: bold;
	border-radius: 10px;
	margin: 0 6px;
	font-size: 24px;
}
.play .countDown p{
	position: absolute;
	right: 0;
	top: 0;
	height: 76px;
	text-align: center;
}
.play .countDown p a{
	line-height: 76px;
	font-size: 24px;
	display: inline-block;
	width: 195px;
	background-color:#ff4d35;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ff4d35), to(#ffa200));
	background-image:-webkit-linear-gradient(90deg, #ff4d35, #ffa200);
	background-image:-moz-linear-gradient(90deg, #ff4d35, #ffa200);
	background-image:-ms-linear-gradient(90deg, #ff4d35, #ffa200);
	background-image:-o-linear-gradient(90deg, #ff4d35, #ffa200);
	background-image:linear-gradient(90deg, #ff4d35, #ffa200);
	color: #fff;
	height: 100%;
}
.play .countDown .cont p a.appointment{
	background: #bababa!important;
}
.h{
	word-break:break-all;
    margin-bottom: -100000px;
    padding-bottom: 100000px;
}
.video{
	width: 100%;
	height: 100%;
	position:relative;
}
.video .image{
	padding-bottom:56.25%;
	height: 0;
	overflow: hidden;
}
.video .image img{
	width: 100%;
	max-height: none;
	display: block;
}
.video a.live-play{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
}
.video a.live-play i{
	font-size: 90px;
	font-style: normal;
}
.video a.open{
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:15px;
	height:30px;
	background-color:#e6e6e6;
	border-radius:15px 0px 0px 15px;
	z-index: 99;
	color: #333;
	text-align: center;
}
.video a.open i{
	font-size: 12px;
	position:absolute;
	top: 7px;
	left: 5px;
	display: none;
}
.video a.open i.show{
	display: block;
}
.video .replayCover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background:rgba(0, 0, 0, 0.5);
	z-index: 98;
}
.video .replayCover a {
	display: block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	background: #ff6600;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 60px;
}
.video .replayCover a img {
	vertical-align: top;
	margin: 19px 10px 0 0;
}
.video a.liveItem {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0;
	transform: none;
}

.video a.liveItem .live-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
}

.video a.liveItem .live-btn i {
	font-size: 50px;
	font-style: normal;
	transform: none;
	position: unset;
}

.video a.liveItem .live-btn .live-ico {
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
}

.LoadIng {
	display: inline-block;
	margin-right: 10px;
    vertical-align: top;
}

.LoadIng span {
	display: inline-block;
	width: 4px;
	height: 100%;
	border-radius: 2px;
	background: #fff;
	-webkit-animation: load 1s ease infinite;
}

.LoadIng span:nth-child(2) {
	-webkit-animation-delay: 0.2s
}

.LoadIng span:nth-child(3) {
	-webkit-animation-delay: 0.4s
}

.LoadIng span:nth-child(4) {
	-webkit-animation-delay: 0.6s
}

@-webkit-keyframes load{
	0%,100%{
		height: 6px;
		background: #fff;
	}
	50%{
		height: 30px;
		margin: -8px 0;
		background: #fff;
	}
}
.tourist {
	position: absolute;
	left: 20px;
	bottom: 40px;
	z-index: 99;
	height: 230px;
	min-width: 330px;

}
.tourist ul{
	position:absolute;
	top: 170px;
}
.tourist ul li{
	padding-top:14px;
}
.tourist ul li p{
	min-height: 32px;
	line-height: 32px;
	color: #ffffff;
	font-size: 14px;
	background-color: rgba(255,171,31,0.6);
	padding: 0 12px;
	border-radius: 5px;
	display: inline-block;
	white-space:nowrap;
}
.tourist ul li p i{
	vertical-align: top;
	font-size: 16px;
	color: #fff600;
	margin:9px 8px 0 0;
}
.tourist ul li p b{
	font-weight: 400;
	color: #332a0c;
	margin: 0 5px;
}
.comment .title{
	height: 43px;
	font-size: 16px;
	font-weight: bold;
	line-height: 43px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding-left: 18px;
	border-radius: 0px 8px 0 0;
	background: #fff;
}
.comment .form{
	position:absolute;
	left: 0;
	bottom:0;
	width: 100%;
}
.comment .form .form-main {
	overflow: hidden;
	padding: 0 0 5px 0;
	border: 1px solid #e3e3e3;
	background: #fff;
	height: 131px;
	width: 100%;
	border-radius: 10px;
}
.comment .form .item{
	padding: 6px 0;
	position:relative;
}
.comment .form .item img{
	/* position:absolute;
	left: 180px;
	top: 13px; */
	margin-right: 5px;
}
.comment .form .item input{
	width: 170px;
	height: 36px;
	background-color: #fff;
	font-size: 14px;
	text-indent: 10px;
	color: #787878;
	font-family: 'microsoft yahei';
	border:none;
	border-radius: 20px;
}
.comment .form .dz {
	position: absolute;
	left: 90px;
	bottom: 12px;
	width: 28px;
	height: 28px;
	z-index: 9;
	display: none;
}
.comment .form .dz b {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url("/images/live/dz.png") no-repeat;
	background-size: cover;
}
.comment .form .dz p {
	color: #fa5a70;
	font-weight: bold;
	display: none;
}
.comment .form .demo img {
	width: 20px;
    height: 20px;
    position: absolute;
	bottom: 14px;
	right: 12px;
}
.comment #form1 .item{
	padding: 0;
	margin-bottom: 10px;
}
.comment #form1 .item:first-child {
	background-color: transparent;
	padding: 6px 0;
	margin: 0;
}
#message{
	height: 16px;
	line-height: 16px;
	background-color: #fff;
	font-size: 16px;
	padding: 5px;
	color: #787878;
	outline: none;
	overflow-x: hidden;
	width: 220px;
	height: 90px;
	line-height: 22px;
	overflow-y: auto;
	word-wrap: break-word;
	width: 100%;
	box-sizing: border-box;
}
#message img{
	width: 20px;
}
.comment .form .item .anonymous{
	position:absolute;
	left: 184px;
	top: 8px;
	font-size: 14px;
}
.comment .form .item .anonymous a{
	color: #999999;
}
.comment .form .item .anonymous a i{
	display: none;
	font-size: 12px;
	margin-right: 5px;
}
.comment .form .item .anonymous a i.focus{
	display: inline;
}
.comment .form .item .applause{
	position:absolute;
	width: 34px;
	height: 34px;
	top:6px;
	right: 38px;
	border-radius: 50%;
	color: #fff;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#48c157), to(#1c932d));
	background-image:-webkit-linear-gradient(-180deg, #48c157, #1c932d);
	background-image:-moz-linear-gradient(-180deg, #48c157, #1c932d);
	background-image:-ms-linear-gradient(-180deg, #48c157, #1c932d);
	background-image:-o-linear-gradient(-180deg, #48c157, #1c932d);
	background-image:linear-gradient(-180deg, #48c157, #1c932d);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#48c157', endColorStr='#1c932d');
}
.comment .form .item .applause i{
	font-size: 20px;
}
.comment .form .item .flower{
	position:absolute;
	width: 34px;
	height: 34px;
	top:6px;
	right: 0px;
	border-radius: 50%;
	color: #fff;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#3d88ff), to(#2d62e4));
	background-image:-webkit-linear-gradient(-180deg, #3d88ff, #2d62e4);
	background-image:-moz-linear-gradient(-180deg, #3d88ff, #2d62e4);
	background-image:-ms-linear-gradient(-180deg, #3d88ff, #2d62e4);
	background-image:-o-linear-gradient(-180deg, #3d88ff, #2d62e4);
	background-image:linear-gradient(-180deg, #3d88ff, #2d62e4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d88ff', endColorStr='#2d62e4');
}
.comment .form .item .flower i{
	font-size: 20px;
}
.comment .form .item button{
	position:absolute;
	right: 10px;
	bottom: -36px;
	height: 36px;
	width: 80px;
	background-color: #185ead;
	border:none;
	font-size: 14px;
	color: #fff;
	outline:none;
	cursor: pointer;
	font-family: 'microsoft yahei';
	border-left: 1px solid #eeeeee;
}
.comment .form .item a.expression{
	position:absolute;
	left: 10px;
	bottom: -36px;
	color: #666;
	line-height: 30px;
	font-size: 14px;
}
.comment .form .item a.expression i{
	font-size: 28px;
	vertical-align: top;
	margin-right: 5px;
}
.faceList {
	position: absolute;
	left: 0px;
	top: 136px;
	padding: 4px;
	width: calc(100% - 10px);
	background: #fff;
	border: 1px solid #dfe6f6;
	z-index: 9;
	display: none;
}
.faceList.faceList2{
	top: 118px;
}

.faceList a {
	float: left;
	height: 28px;
	width: 28px;
	padding: 4px 2px;
}

.faceList ul li a, .faceList ul li img {
	cursor: pointer;
}
.slimScrollDiv {
	height: 596px !important;
}
.comment .area{
	height: 585px !important;
	padding:10px 24px 0px 16px;
	position:relative;
}
.scroll_cont{
 height:100%;
 overflow:hidden
}
.scroll_bar{
 position:absolute;
 top:0;
 right:0;
 width:6px;
 height:100%;
 background-color:#e4e4e4
}
.scroll_slider{
 position:absolute;
 top:0;
 left:0px;
 width:6px;
 height:1px;
 background-color:#185ead;
 border-radius:3px;
 opacity:.5
}
.scroll_slider:hover{
 opacity:1
}
.comment .area .top-tips {
	font-size: 14px;
	line-height: 20px;
	color: #ff6565;
	margin-bottom: 2px;
}
.comment .area ul{
	overflow: hidden;
}
.comment .area ul li{
	position:relative;
}
.comment .area ul li .time {
	color: #bababa;
	text-align: center;
	font-size: 12px;
}
.comment .area ul li p b{
	font-weight: normal;
	color: #185ead;
	margin-right: 5px;
}
.comment .area ul li p mark{
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 6px;
	background-color: #ffa32c;
	margin-left: 12px;
	margin-top: 2px;
	border-radius: 3px;
	vertical-align: top;
}
.comment .area ul li .time {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.comment .area ul li .content {
	margin-top: 4px;
}
.comment .area ul li .content b {
	width: 36px;
	height: 36px;
	float: left;
	display: block;
	margin-right: 10px;
}
.comment .area ul li .txt{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
    position:relative;
}
.comment .area ul li .comment-set{
    position:absolute;
    right:0;
    top:0px;
    font-size:0;
    display: none;
}
.comment .area ul li .comment-set a{
    display: inline-block;
    font-size:12px;
    line-height: 20px;
    border:1px solid #dddddd;
    border-radius:3px;
    color: #666666;
    padding: 0 4px;
    margin-left:4px;
}
.comment .area ul li .comment-set a i{
    font-size:14px;
    color:#fb904a;
    vertical-align: top;
    margin: 0 2px 0 0;
}
.comment .area ul li:hover .comment-set{
    display: block;
}
.comment .area ul li .comment-p {
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	position: relative;
}
.comment .area ul li .comment-p span {
	width: 36px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	width: 36px;
	background: #e3f4ec;
	border-radius: 3px;
	margin-left: 5px;
	color: #185ead;
}
.comment .area ul li .comment-p div {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
}
.comment .area ul li .comment-p div a {
	color: #fd4f60;
}
.comment .area ul li .comment-p div em {
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	margin-left: 8px;
}
.comment .area ul li .comment-p div em a {
	color: #999;
}
.comment .area ul li .comment-p div em i {
	font-style: normal;
	font-size: 12px;
	margin-right: 2px;
	color: #999;
}
.comment .area ul li p {
	background: #f1f4f3;
	color:#333;
	padding: 6px 10px;
	margin-top: 10px;
	border-radius: 0 10px 10px 10px;
	line-height: 22px;
	font-size: 14px;
	position: relative;
}
.comment .area ul li p .comment-istop {
	position: absolute;
	right: 10px;
	bottom: 6px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	border-radius: 3px;
	color: #666666;
	padding: 0 4px;
	margin-left: 4px;
	background: #fff;
	cursor: pointer;
	display: none;
}
.comment .area ul li p .comment-istop i {
	font-size: 14px;
	color: #fb904a;
	vertical-align: top;
	margin: 0 2px 0 0;
}
.comment .area ul li:hover .comment-istop {
    display: block;
}
.comment .area ul li .txt .txt1 {
	margin-top: 12px;
	position: relative;
}
.comment .area ul li .txt .txt1 #textareaReply {
	color: #666;
	font-size: 14px;
	background: #ececec;
	padding: 6px 10px;
	position: relative;
	border-radius: 3px;
	outline: none;
	line-height: 22px;
}
.comment .area ul li .txt .txt1:after {
	content: '';
	position: absolute;
	top: -19px;
	left: 15px;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #ececec;
}
.comment .area ul li .txt .txt1 .push {
	float: right;
	margin-top: 5px;
}
.comment .area ul li .txt .txt1 .push a {
	display:inline-block;
	width: 46px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #999;
	border-radius: 2px;
}
.comment .area ul li .txt .txt1 a.confirm {
	margin-right: 5px;
	background: #00994d;
}
.comment .area ul li p .quote {
	display: block;
	color: #999;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 6px;
}
.comment .area ul li.Topping p {
	background: #185ead;
	color:#fff;
}
.comment .area ul li .txt img{
	max-height: 18px;
	margin: 0 2px;
}
.comment .area ul li.applause{
	text-align: center;
}
.comment .area ul li.applause .message--prompt{
	display: inline-block;
	background: #48c464 url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 8px;
	white-space:nowrap;
}
.comment .area ul li.applause .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.comment .area ul li.applause .message--prompt i{
	font-size: 16px;
	vertical-align: top;
	margin:2px 0px;
}
.comment .area ul li.applause .message--prompt i.icon-like{
	font-size: 16px;
	vertical-align: top;
	margin:2px 8px 2px 8px;
}
.comment .area ul li.flower{
	text-align: center;
}
.comment .area ul li.flower .message--prompt{
	display: inline-block;
	background: #5389fc url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin-bottom: 8px;
	white-space:nowrap;
}
.comment .area ul li.flower .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.comment .area ul li.flower .message--prompt i.icon-flower{
	font-size: 16px;
	vertical-align: top;
	margin:2px 8px 2px 8px;
}
.comment .area ul li.applaud{
	text-align: center;
}
.comment .area ul li.applaud .message--prompt{
	display: inline-block;
	background: #ffa800 url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin-bottom: 8px;
	white-space:nowrap;
}
.comment .area ul li.applaud .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.comment .area ul li.applaud .message--prompt i{
	font-size: 16px;
	vertical-align: top;
	margin:2px 0px;
}
.comment .area ul li.applaud .message--prompt i.icon-clap{
	font-size: 16px;
	vertical-align: top;
	margin:2px 8px 2px 8px;
}
.set{
	position:absolute;
	right: 0;
	top: 0;
}
.set a{
	display: inline-block;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	border:1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 0 0 6px;
}
.set a i{
	display: inline-block;
	vertical-align: top;
	color: #fb904a;
	font-size: 13px;
	margin:0px 4px 0 0;
}
.set a:hover{
	border-color: #fb904a;
	background-color: #fb904a;
	color: #fff;
}
.set a:hover i{
	color: #fff;
}
.live-name{
	background: #fff;
	position:relative;
	padding: 22px 24px;
	border-bottom: 1px solid #eee;
}
.live-name h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	overflow: hidden;
}
.live-name h2 b{
	display: inline-block;
	font-size: 16px;
	color: #ff6600;
	border:1px solid #ff6600;
	height: 26px;
	line-height: 26px;
	border-radius: 15px;
	padding: 0 9px;
	vertical-align: top;
	margin:5px 0 0 14px;
	font-weight: normal;
	text-indent: 0;
	background: none;
}
.name-title {
	padding-right: 430px;
	position: relative;
}
.name-title .time {
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	color: #666;
	margin-top: 7px;
}
.name-title .time span {
	margin-right: 18px;
}
.name-title .time i{
	font-size: 16px;
	color: #999;
	vertical-align: top;
	margin-right: 3px;
}
.name-title .time span:last-child i {
	font-size: 20px;
}
.name-title .item {
	width: 430px;
	position: absolute;
	top: -6px;
	right: 0;
}
.name-title .item ul {
	display: flex;
	justify-content: flex-end;
}
.name-title .item ul li {
	float: left;
	text-align: center;
	position: relative;
	margin-left: 12px;
}
.name-title .item ul li:first-child {
	margin-left: 0;
}
.name-title .item ul li b {
	display: inline-block;
	width: 48px;
	height: 48px;
}
.name-title .item ul li p {
	color: #333;
	font-size: 14px;
	margin-top: 5px;
}
.name-title .item ul li .invite {
	line-height: 40px;
	width: 115px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 0 18px;
	border-radius: 20px;
	background-image: -moz-linear-gradient( 0deg, rgb(100,50,202) 0%, rgb(72,90,210) 54%, rgb(43,130,217) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(100,50,202) 0%, rgb(72,90,210) 54%, rgb(43,130,217) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(100,50,202) 0%, rgb(72,90,210) 54%, rgb(43,130,217) 100%);
	float: left;
	position:relative;
	margin-top: 5px;
}
.name-title .item ul li .invite i img {
    margin-right: 6px;
	margin-bottom: 4px;
}
.name-title .item ul li .invite div {
	position: absolute;
	left: -30px;
	top: 65px;
	width: 184px;
	height: 234px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: none;
	box-shadow: 0px 0px 21px -17px #000;
	z-index: 999;
}
.name-title .item ul li .invite div span{
	display: block;
	font-size: 14px;
	padding:5px 0 0 0;
	text-align: center;
	color: #333;
}
.name-title .item ul li .invite div::after {
	content: "";
	clear: both;
	background-image: url("/images/live/矩形 1.png");
	position: absolute;
	left: 65px;
	top: -28px;
	width: 54px;
	height: 44px;
	z-index: 6;
}
.name-title .item ul li .invite:hover div {
	display: block;
}
.name-title .item ul li .goBack {
	width: 115px;
	text-align: center;
	box-sizing: border-box;
	line-height: 40px;
	background-color: #ff6600;
	color: #fff;
	font-size: 16px;
	padding: 0 18px;
	border-radius: 20px;
	float: left;
	position: relative;
	margin-top: 5px;
}
.name-title .item ul li .goBack i{
	font-size: 20px;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.name-title .item ul li .dmp {
	width: 115px;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	background-color: #ff4747;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 0 18px;
	border-radius: 20px;
	float: left;
	position: relative;
	margin-top: 5px;
}
.name-title .item ul li .dmp img {
	margin-bottom: 4px;
	margin-right: 4px;
}
.name-title .item ul li.zg b {
	background: url("/images/live/zg.png") no-repeat;
	background-size: cover;
}
.name-title .item ul li.dmp b {
	background: url("/images/live/dmp.png") no-repeat;
	background-size: cover;
}
.name-bot {
	height: 42px;
	line-height: 42px;
	background: #fff;
	padding: 0 24px;
	font-size: 14px;
	position: relative;
}

.main{
	margin: 16px auto 0;
	overflow: hidden;
}
.brief {
	width: 1134px;
	float: left;
	margin-right: 16px;
	background: #fff;
	border-radius: 8px;
	padding: 0 24px 30px 24px;
	box-sizing: border-box;
}
.brief-nav {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
}
.brief-nav::after {
	height: 1px;
	width: 100%;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background: #e6e6e6;
}
.brief-nav a {
	display: inline-block;
	margin-right: 25px;
	color: #666;
	position: relative;
	font-weight: bold;
}
.brief-nav a.focus i {
	color: #185ead;
}
.brief-nav a.focus {
	color: #185ead;
}
.brief-nav a.focus::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #185ead;
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 9;
}
.brief-nav a i {
	font-size: 16px;
	color: #999;
	margin-right: 5px;
}
.brief-list {
	display: none;
}
.brief-list .item {
	margin-top: 23px;
}
.brief-list .item .image {
	width: 240px;
	height: 135px;
	float: left;
}
.brief-list .item .text {
	height: 135px;
	overflow: hidden;
	background: #f5f5f5;
	padding-left: 25px;
	position: relative;
}
.brief-list .item .text p {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 23px 0 15px 0;
}
.brief-list .item .text span {
	display: block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	color: #999;
}
.brief-list .item .text p a {
	color: #333;
}
.brief-list .item .text p a:hover {
	color: #185ead;
}
.brief-list .item .text .group {
	display: block;
	width: 85px;
	height: 85px;
	position: absolute;
	right: 30px;
	top: 25px;
	background: url("/images/live/group.png") no-repeat;
	background-size: cover;
	text-align: center;
}
.brief-list .item .text .group p {
	margin: 15px 0 5px 0;
}
.brief-list .item .text .group p i {
	font-size: 28px;
	color: #185ead;
}
.brief-list .item .text .group b {
	color: #333;
	font-size: 14px;
}
.brief-list .content {
	line-height: 32px;
	font-size: 16px;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
.brief-list .live-list {
	overflow: hidden;
	margin: -5px -14px;
	margin-top: 18px;
}
.brief-list .live-list li {
	padding: 5px 14px;
	width: 33.333%;
	float: left;
	box-sizing: border-box;
}
.brief-list .live-list li .image {
	height: 180px;
	position: relative;
}
.brief-list .live-list li .image b {
	width: 80px;
	height: 30px;
	border-radius: 50px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #ff474b;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}
.brief-list .live-list li .image b.notice {
	background: #55a1ff;
	border: none;
	text-indent: 0px;
}
.brief-list .live-list li .image b.replay {
	background: #ffa800;
}
.brief-list .live-list li .image .gradual {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	padding: 20px 12px 10px 12px;
	box-sizing: border-box;
	width: 100%;
}
.brief-list .live-list li .image .gradual span {
	float: right;
	font-size: 14px;
	color: #fff;
}
.brief-list .live-list li .image img {
	width: 100%;
	height: 100%;
}
.brief-list .live-list li p {
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	font-size: 15px;
	margin-top: 10px;
}
.brief-list .live-list li p a {
	color: #333;
}
.brief-list .live-list li p:hover a{
	color: #185ead;
}
.view {
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
	padding: 0 16px;
}
.view-nav {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	position: relative;
}
.view-nav b {
	font-size: 16px;
	color: #333;
}
.view-nav .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 14px;
}
.view-nav::after {
	height: 1px;
	width: 100%;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background: #e6e6e6;
}
.view ul {
	padding: 23px 0 30px 0;
}
.view ul li {
	margin-bottom: 16px;
	overflow: hidden;
}
.view ul li:last-child {
	margin-bottom: 0;
}
.view ul li .image {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 12px;
}
.view ul li .image img{
	width: 100%;
	height: 100%;
}
.view ul li .text {
	overflow: hidden;
}
.view ul li .text p {
	font-size: 16px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 3px;
}
.view ul li .text span {
	display: block;
	font-size: 14px;
	color: #f13939;
	margin-top: 18px;
}
.view ul li .text p a {
	color: #333;
}
.view ul li .text p a:hover {
	color: #185ead;
}
.header {
	margin: 0 auto 0;
	text-align: center;
}
.Content{
	display: none;
}
.introduction{
	padding:30px 0;
	font-size: 14px;
	line-height: 26px;
}

.Applause{
	text-align: center;
}
.Applause .message--prompt{
	display: inline-block;
	background: #48c464 url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 9px 0;
	white-space:nowrap;
}
.Applause .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.Applause .message--prompt i{
	font-size: 16px;
	vertical-align: top;
	margin:2px 0px;
}
.Applause .message--prompt i.icon-like{
	font-size: 18px;
	vertical-align: top;
	margin:2px 12px 2px 14px;
}
.Flower{
	text-align: center;
}
.Flower .message--prompt{
	display: inline-block;
	background: #5389fc url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin: 9px 0;
	white-space:nowrap;
}
.Flower .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.Flower .message--prompt i{
	font-size: 16px;
	vertical-align: top;
	margin:2px 0px;
}
.Flower .message--prompt i.icon-flower{
	font-size: 18px;
	vertical-align: top;
	margin:2px 12px 2px 14px;
}
.applaud{
	text-align: center;
}
.applaud .message--prompt{
	display: inline-block;
	background: #ffa800 url('/images/live/glare.png') no-repeat 100% 0;
	border-radius: 5px;
	padding: 6px 0px 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 9px 0;
	white-space:nowrap;
}
.applaud .message--prompt b{
	font-weight: 400;
	margin: 0 8px;
}
.applaud .message--prompt i{
	font-size: 16px;
	vertical-align: top;
	margin:2px 0px;
}
.applaud .message--prompt i.icon-like{
	font-size: 18px;
	vertical-align: top;
	margin:2px 12px 2px 14px;
}
#messages{
	position:absolute;
	top: 68px;
	right: 14px;
	bottom:44px;
	left: 14px;
	z-index: 4;
	font-size: 14px;
	line-height: 22px;
	color: #787878;
	height: 80px;
	overflow-y: auto;
	outline:none;
}
#messages img{
	width: 24px;
	margin-right: 10px;
}
.bottom-box{
	position:absolute;
	top: 54px;
	right: 0;
	bottom:0;
	left: 0;
	z-index: 1;
	border:1px solid #eeeeee;
	background-color: #fff;
	border-radius: 2px;

}

.foot {
	background-color: #00a499;
	padding: 23px 14px;
	text-align: center;
}

.foot p {
	font-size: 14px;
	line-height: 24px;
	color: #6b6b6b;
	font-family: SimSun;
}

.foot p a {
	color: #fff;
	margin: 0 5px;
	font-family: microsoft yahei;
}

.foot p a:hover {
	color: #185ead;
}

.foot span {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
}

.Code {
	height: 190px;
	position: relative;
	float: left;
	width: 300px;
}

.Code i {
	font-size: 155px;
	color: #ff9000;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.Code i:before {
	vertical-align: middle;
}

.Code img {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.loadMore{
	padding:20px;
	text-align: center;
}
.loadMore a{
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	padding: 0 10px;
	background-color: #f7f7f7;
	border-radius: 3px;
	color: #333;
}
.loadMore a:hover{
	background-color: #00a499;
	color: #fff;
}
.iframe{
	padding:0;
	height: 35px;
	overflow: hidden;
}
.liveVideo{
	height: 100%;
}
.videoMask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
}

.videoMaskItem {
	width: 450px;
	height: 250px;
	background-color: #fff;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 18px;
}

.videoMaskItem img {
	width: 110px;
	margin: 40px 0 25px 0;
}

.videoMaskItem a {
	position: absolute;
	font-size: 24px;
	top: 14px;
	right: 14px;
	color: #999;
}

.hi{
	line-height: 20px;
	font-size: 14px;
	padding: 4px 0 4px 36px;
	background:url('/images/exhibition/hiuser.png') no-repeat;
}
.hi b{
	color:#ff6600;
	padding: 0 12px;
}
.warning{
	position:absolute;
	text-align: center;
	z-index: 9999;
	padding:20px;
	background-color: #000;
	top: 0;
	right: 0px;
	bottom:0;
	left: 0;
}
.compatible-Tips {
	position:absolute;
	text-align: center;
	z-index: 999;
	padding:20px;
	background-color: #000;
	top: 0;
	right: 0px;
	bottom:0;
	left: 0;
}
.blockCenter{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.compatible-Tips i {
	display: block;
	width: 84px;
	height: 84px;
	background: url("/images/live/Tips.png") no-repeat;
	background-size: cover;
	margin: 0 auto 20px;
}
.compatible-Tips p {
	font-size: 14px;
	color: #fff;
	padding: 5px 0;
}
.blockCenter{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.warning i.nowifi{
	display: inline-block;
	width: 60px;
	height: 47px;
	background:url('https://public.mtnets.com/Images/public/nowifi.png') no-repeat;
}
.warning i.badwifi{
	display: inline-block;
    width: 62px;
    height: 50px;
    background: url('https://public.mtnets.com/images/public/badWifi.png') no-repeat;
}
.warning i.anchor{
	display: inline-block;
    width: 45px;
    height: 57px;
    background: url('https://public.mtnets.com/images/public/anchor.png') no-repeat;
}
.warning i.noplay{
	display: inline-block;
    width: 30px;
    height: 27px;
    margin: 150px 0 20px;
    background: url('https://public.mtnets.com/images/public/waring.png') no-repeat;
}

.warning p{
	font-size: 14px;
	color: #fff;
	padding: 12px 0;
}
.warning a{
	display: inline-block;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
	background-color: #a81b0c;
	border-radius: 11px;
	padding: 0 10px;
}


.xiangxi {
	/* position: absolute;
	right: 275px;
	top: 45px; */
	font-size: 14px;
	color: #e6e6e6;
	float: left;
}
.xiangxi1 {
	right: 0px;
}
.xiangxi i {
	vertical-align: top;
	margin-right: 5px;
	color: #185ead;
}
.xiangxi span.fenxiang {
	position: relative;
	cursor: pointer;
	height: 42px;
	display: inline-block;
}
.xiangxi span.shoujilook {
	position: relative;
}
.xiangxi span.fenxiang .fenxiangDiv {
	position: absolute;
	left: -50px;
	top: 42px;
	width: 164px;
	height: 50px;
	z-index: 99;
	background: #fff;
	border-top: 3px solid #185ead;
	box-shadow: 0 6px 15px #d6d6d6;
	padding: 5px 10px;
	box-sizing: border-box;
	display: none;
}
.xiangxi span.shoujilook .ewmDiv {
	position: absolute;
	left: -35px;
	top: 28px;
	width: 150px;
	height: 170px;
	margin-top: 0;
	background: #fff;
	border-top: 3px solid #185ead;
	text-align: center;
	box-shadow: 0 6px 15px #d6d6d6;
	display: none;
	position: absolute;
	z-index: 99;
}
.xiangxi span.shoujilook .ewmDiv p {
	height: 34px;
	line-height: 34px;
}
.xiangxi span.shoujilook .ewmDiv img {
	width: 120px;
	height: 120px;
	margin: 10px  0 ;
}
.xiangxi span.shoujilook:hover .ewmDiv {
	display: block;
}
.xiangxi span.gz-btn,.xiangxi span.gz-btn-active {
	position: relative;
	top: 8px;
	margin:0 5px;
	cursor: pointer;
}
.xiangxi span.gz-btn a,.xiangxi span.gz-btn-active a {
	height: 25px;
	width: 46px;
	display: inline-block;
	background-size: contain;
	cursor: pointer;
}
.xiangxi span.gz-btn a {
	background: url(../../../images/gz-btn.png) no-repeat;
}
.xiangxi span.gz-btn-active a {
	background: url(../../../images/gz-btn-active.png) no-repeat;
}
.xiangxi span.sc-btn,.xiangxi span.sc-btn-active {
	position: relative;
	top: 8px;
	margin: 0 5px;
	cursor: pointer;
}
.xiangxi span.sc-btn a,.xiangxi span.sc-btn-active a {
	height: 25px;
	width: 46px;
	display: inline-block;
	background-size: contain;
	cursor: pointer;
}
.xiangxi span.sc-btn a {
	background: url(../../../images/sc-btn.png) no-repeat;
}
.xiangxi span.sc-btn-active a {
	background: url(../../../images/sc-btn-active.png) no-repeat;
}
.bdsharebuttonbox a{
	display:inline-block!important;
	width:30px!important;
	height:30px!important;
	float:none;
	margin-left:5px;
	margin: 3px!important;
	padding-left: 0!important;
	line-height:0!important;
	float: none!important;
}
.bdsharebuttonbox a:hover .fenxiangDiv {
	display: block;
}
.bdsharebuttonbox a.weixin {
	background:url('../../../images/live/share.png') no-repeat -140px -36px;
}
.bdsharebuttonbox a.weibo {
	background:url('../../../images/live/share.png') no-repeat -45px -36px;
}
.bdsharebuttonbox a.qq {
	background:url('../../../images/live/share.png') no-repeat 0 -36px;
}
.xiangxi span {
	color: #999;
}
.xiangxi span a {
	color: #999;
}
.xiangxi span {
	margin: 0 12px;
}

.visitor{
	margin:0px 0px 10px 300px;
	background-color: #f2f2f2;
	border-radius: 5px;
	padding:6px 12px;
	font-size: 14px;
	line-height: 20px;
	position:relative;
	width: 263px;
}
.visitor i{
	font-size: 20px;
	color: #ff6600;
	position:absolute;
	top: 8px;
	left: 15px;
}
.visitor p{
	margin: 0 0 0 37px;
}
.visitor p b{
	font-weight: 400;
	color: #ff6600 !important;
}

.bottomMenu {
	background-color: #00a499;
	margin-top: 30px;
	padding: 30px 0 25px 0;
}
.bottomMenu .item{
	margin:0 auto;
	overflow: hidden;
}

.Code {
	height: 190px;
	position: relative;
	float: left;
	width: 303px;
}

.Code i {
	font-size: 155px;
	color: #ff9000;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.Code i:before {
	vertical-align: middle;
}

.Code img {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.footTop {
	overflow: hidden;
}
.footLeft {
	float: left;
	width: 30%;
	box-sizing: border-box;
	padding-left: 100px;
	overflow: hidden;
}
.footLeft .title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.footLeft ul {
	float: left;
	margin-right: 60px;
	overflow: hidden;
}
.footLeft ul li {
	line-height: 36px;
	font-size: 16px;
	color: #fff;
}
.footLeft ul li i {
	width: 26px;
	height: 26px;
	line-height: 36px;
	display: inline-block;
	border-radius: 4px;
	vertical-align: middle;
	background: url(../../../images/index/qq_ico.png) no-repeat center center #40bbb3;
	margin-left: 10px;
}
.footLeft ul li i:hover {
	background: url(../../../images/index/qq_ico.png) no-repeat center center #ff9e00;
}
.footLeft .text {
	margin-top: 10px;
	float: left;
}
.footLeft p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.footLeft .lxqq {
	overflow: hidden;
}
.footLeft p b {
	font-size: 16px;
	font-weight: normal;
}
.footCenter {
	float: left;
	width: 30%;
	overflow: hidden;
	border-left: 1px solid #06b6aa;
	border-right: 1px solid #06b6aa;
	box-sizing: border-box;
	padding-right: 1px;
	padding-left: 6%;
}
.footCenter ul {
	width: 45%;
	float: left;
}
.footCenter ul li {
	line-height: 40px;
	width: 100%;
	float: left;
}
.footCenter ul li a {
	color: #fff;
	font-size: 16px;
}
.footCenter .title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.footRight {
	width: 40%;
	float: right;
}
.footRight .title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
	height: auto;
}
.footRight .title b {
	font-weight: normal;
	width: auto;
	height: auto;
	background: none;
}
.footRight ul li {
	width: 33.333%;
	float: left;
}
.footRight ul li .ewm {
	width: 120px;
	height: 120px;
	padding: 8px;
	background: #fff;
	margin: 0 auto;
	border: 8px solid #80d2cc;
	position: relative;
}
.footRight ul li .ewm img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.footRight .title {
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.rightBar {
	width: 56px;
	background-color:#fff;
	position: fixed;
	right: 130px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	border-radius: 40px;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.rightBar ul li {
	height: 70px;
	position: relative;
}

.rightBar ul li a {
	display: inline-block;
    width: 100%;
    height: 100%;
	position: relative;
}
.rightBar ul li a .ewm-div {
	position: absolute;
	left: -155px;
	top: 0px;
	font-size: 14px;
	width: 150px;
	height: 170px;
	margin-top: 0;
	background: #fff;
	border-top: 3px solid #185ead;
	text-align: center;
	box-shadow: 0 6px 15px #d6d6d6;
	display: block;
	position: absolute;
	z-index: 99;
	display: none;
}
.rightBar ul li a .ewm-div p {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}
.rightBar ul li a .yq-div {
	display: none;
	position: absolute;
	left: -190px;
	top: 0;
	width: 184px;
	height: 210px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: b;
	box-shadow: 0px 0px 21px -17px #000;
	z-index: 999;
}
.rightBar ul li a .yq-div span{
	display: block;
	font-size: 14px;
	padding: 5px 0 0 0;
	text-align: center;
	color: #333;
}
.rightBar ul li .fenxiangDiv {
	position: absolute;
	left: -164px;
	top: 10px;
	width: 164px;
	height: 50px;
	z-index: 99;
	background: #fff;
	border-top: 3px solid #185ead;
	box-shadow: 0 6px 15px #d6d6d6;
	padding: 5px 10px;
	box-sizing: border-box;
	display: none;
}
.rightBar ul li:hover div {
	display: block;
}
/* .rightBar ul li a:hover div {
	display: block;
} */
.rightBar ul li b {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin: 10px auto 0;
}
.rightBar ul li p {
	font-size: 12px;
	color: #666;
	text-align: center;
	margin-top: 5px;
}
.rightBar ul li.dy b {
	background: url("/images/live/dy.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.ppt b {
	background: url("/images/live/ppt.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.dmp b {
	background: url("/images/live/dmp.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.sjgk b {
	background: url("/images/live/sjgk.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.yq b {
	background: url("/images/live/yq.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.cj b {
	background: url("/images/live/cj.png") no-repeat;
	background-size: cover;
}
.rightBar ul li.share b {
	background: url("/images/live/shareIco.png") no-repeat;
	background-size: cover;
}
.float-left {
	position:fixed;
	left: 75px;
	bottom: 300px;
	width: 115px;
	height: 302px;
	background: url("/images/live/float-left.png") no-repeat;
	background-size: cover;
	z-index: 999;
}
.float-left-close {
	position: absolute;
	font-size: 12px;
	bottom: -18px;
	left: 8px;
	color: #999;
}
.float-left ul {
	margin-top: 82px;
}
.float-left ul li {
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
}
.float-left ul li a {
	color: #e0eaa1;
	font-weight: bold;
}
.leftBar{
	position:fixed;
	right: 5px;
	top: 30%;
	transform: translateY(-30%);
	border-radius:2px;
	overflow: hidden;
	width: 115px;
	z-index: 999;
	display: none;
}
.leftBar span{
	display: block;
	height: 44px;
	font-size: 16px;
	line-height: 44px;
	text-indent: 15px;
	font-weight: bold;
	color: #fff;
	font-family: 'microsoft yahei';
	background:#ff7b22 url('/images/live/live2020.png') no-repeat 100% -436px;
}
.leftBar .item{
	padding:8px 0;
	border-bottom:1px solid #f0f0f0;
}
.leftBar .item b{
	display: block;
	font-size: 14px;
	padding:2px 10px 8px 15px;
}
.leftBar .item b a{
	color: #333;
}
.leftBar .item p a {
	display: inline-block;
	width: 55px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: 15px;
	color: #999;
	font-size: 12px;
}
.leftBar .item a:hover{
	color: #ff6600;
}
.leftBar .item p a.oneline{
	width: 100px;
}
.gotoTop{
	background-color: #fffbf8;
	height: 45px;
	text-align: center;
}
.leftBar_item {
	width: 50px;
	height: 166px;
	background-color: #ff852d;
	float: right;
	border-radius: 3px 0 0 3px;
}
.leftBar_item .leftBar_logo {
	width: 32px;
	height: 30px;
	background: url("../../../images/index/leftBar_logo.png") no-repeat;
	text-align: center;
	margin: 8px 10px;
	background-size: contain;
}
.leftBar_item .leftBar_logo img {
	width: 100%;
}
.leftBar_item p {
	font-size: 16px;
	margin: 0 15px;
	text-align: center;
	color: #fff;
}
.leftBar_item p i {
	width: 12px;
	height: 14px;
	background: url("../../../images/index/leftBar_ico.png") no-repeat;
	text-align: center;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	margin-top: 5px;
}
.leftBar_hover {
	display: none;
	background-color: #fff;
}
.leftBar:hover .leftBar_hover {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.leftBar:hover .leftBar_item {
	display: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.gotoTop a{
	display: inline-block;
	line-height: 14px;
	font-size: 12px;
	padding-right: 20px;
	color: #ff6600;
	margin-top: 16px;
	background:url('/images/live/live2020.png') no-repeat 100% -402px;
}
ul.productdetil {
	width: calc(100% + 20px);
	overflow: visible;
}
/* 1214 */
.advTop{
	width: 100%;
}
.advTop a{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.advTop a span {
	position: absolute;
	color: #fff;
	background-color: #ff0000;
	font-size: 16px;
	height: 100%;
	right: 0;
	top: 0;
	width: 23px;
	text-align: center;
	padding-top: 2px;
	box-sizing: border-box;
}
.advTop a i{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url(https://public.mtnets.com/Images/public/adv.png) no-repeat;
	background-size: 100% 100%;
}
.advTop .gmgg{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: auto;
}
/* end */
/* 支付弹窗 */
.mask {
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.25);
	width: 100%;
	height: 100%;
	z-index: 999;
}
.payContent {
	width: 380px;
	background-color: #185ead;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	padding: 30px 40px 25px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-190px,-50%);
	font-size: 14px;
}
.payContent .tip {
	font-size: 16px;
	line-height: 26px;
}
.payContent .tip strong {
	font-size: 18px;
	margin: 0 3px;
}
.payContent .image {
	background-color: #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #333;
	padding-top: 20px;
	padding-bottom: 25px;
	margin-top: 25px;
}
.payContent .image p {
	height: 16px;
	overflow: hidden;
	line-height: 1;
}
.payContent .image .image-content {
	margin-top: 20px;
}
.payContent .image .image-content img {
	width: 220px;
}
.payContent .bottom {
	/* margin-top: 15px; */
	line-height: 22px;
}
.payContent .Closed {
	position: absolute;
	right: 10px;
	top: 12px;
	color: #fff;
	font-weight: bold;
}
/* 微名片弹窗 */
.card {
	display: none;
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card-mask {
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	filter: Alpha(Opacity=50);
}
.card-box {
	width: 350px;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background-color:#185ead;
	background-image:-webkit-gradient(linear, top, bottom, from(#185ead), to(#3da6ba));
	background-image:-webkit-linear-gradient(180deg, #185ead, #3da6ba);
	background-image:-moz-linear-gradient(180deg, #185ead, #3da6ba);
	background-image:-ms-linear-gradient(180deg, #185ead, #3da6ba);
	background-image:-o-linear-gradient(180deg, #185ead, #3da6ba);
	background-image:linear-gradient(180deg, #185ead, #3da6ba);
	padding: 18px 24px;
	box-sizing: border-box;
}
.card-title {
	font-size: 18px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	position: relative;
}
.card-title::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	width: 22px;
	height: 4px;
	left: 0;
	background: #fff;
}
.card-title a {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
}
.card-main {
	background: #fff;
	padding: 20px 22px;
	border-radius: 3px;
	margin-top: 50px;
}
.card-main b {
	width: 80px;
	height: 80px;
	display: block;
	margin: -52px auto 0;
	border-radius: 50%;
	box-shadow: 0px 0px 7px 0px rgba(49, 49, 49, 0.2);
	background: #fff url('/images/live/hblogo.png') no-repeat center center;
}
.card-main p {
	font-size: 22px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-top: 16px;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 18px;
	margin-bottom: 10px;
}
.card-main span {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.card-create {
	background: #fff;
	padding: 20px 12px 40px 12px;
	border-radius: 8px;
	position: relative;
	top: -30px;
}
.create-part1 {
	position: relative;
	padding-bottom: 30px;
}
.create-part1 .card-create {
	margin-top: 60px;
}
.card-create label {
	color: #999;
	font-size: 14px;
}
.card-create label b {
	color: #f71b1b;
	margin-right: 3px;
}
.card-create .input {
	margin-top: 20px;
}
.card-create .input:first-child {
	margin-top: 0;
}
.card-create .input p {
	position: relative;
}

.card-create .input p.tip{margin-top: 10px;}
.card-create .input p.tip span{
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	background-color: white;
	border: 1px solid #185ead;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 5px;
	box-sizing: border-box;
}
.card-create .input p.tip span input {
    width: 0;
    height: 0;
    display: none;
	background-color: white;
	border: 1px solid #185ead;
	border-radius: 3px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	box-sizing: border-box;
	padding: 0;
}
.card-create .input p.tip a{color: #185ead;}
.card-create .input p.tip span.checked::after {
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 2px solid #185ead;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.card-create .input p.tip input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 2px solid #185ead;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.card-create .input p .yzm {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #ff8837;
	font-size: 14px;
}
.card-create .input p .yzm.disable {
	display: none;
}
.card-create .input p input {
	height: 45px;
	line-height: 45px;
	width: 100%;
	border: 0;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #ddd;
}
.card-create .input p .count-down1 {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	color: #ff8837;
	font-size: 12px;
	display: none;
}
.create-part1 .card-create .input p .num-code {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #ff8837;
	font-size: 14px;
}
.create-part1 .card-create .input:nth-child(3) p input {
	color: #999;
}
.create-part1 .create-tips {
	font-size: 14px;
	color: #ff8837;
	margin-bottom: 15px;
}
.create-part2 {
	margin-top: 70px;
}
.create-part2 .card-detail {
	margin-top: 20px;
	border-radius: 6px;
	position: relative;
}
.create-part1 .card-detail {
	margin-top: 35px;
	border-radius: 6px;
	position: relative;
}
.create-part1 .btn-create {
	bottom: -50px !important;
}
.create-part2 .card-detail em,.create-part1 .card-detail em {
	font-style: normal;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 40px 0;
	border-color: transparent #006EB6 transparent transparent;
}
.create-part2 .card-detail em::before, .create-part1 .card-detail em::before {
	content: '样';
	position: absolute;
	right: -34px;
	top: 4px;
	color: #fff;
	font-size: 14px;
}
.card-create-m {
	padding:0 12px 20px 12px;
	border-radius: 15px;
	background: #185ead;
	position: relative;
}
.card-create-m::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 77px;
	background: url('/images/live/create-part2-bg.png') no-repeat center center;
	background-size: contain;
	width: 100%;
}
.card-create-m .card-create .input p input{
	color: #bababa;
}
.card-main-title b {
	width: 46px;
	height: 46px;
	display: block;
	margin-right: 10px;
	border-radius: 6px;
	box-shadow: 0px 0px 7px 0px rgba(49, 49, 49, 0.1);
	float: left;
	background: #fff url('/images/live/hblogo.png') no-repeat center center;
	background-size: contain;
}
.card-main-title .text {
	overflow: hidden;
}
.card-main-title .text span {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 2px;
}
.card-main-title .text em {
	font-style: normal;
	font-size: 14px;
	color: #999;
	display: block;
	margin-top: 5px;
}
.create-main .btn-create {
	display: block;
	width: 132px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	z-index: 9;
}
.create-main .create-main-p {
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}
.see-card {
	display: none;
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card-detail {
	margin-top: 55px;
	overflow: hidden;
	padding: 28px 0;
	background: #fff;
	position: relative;
	background: #fff url("/images/live/card-detail.png") no-repeat right bottom;
}
.card-detail::after {
	content: "";
	display: block;
	width: 146px;
	height: 158px;
	position: absolute;
	right: 0;
	background: url("/images/live/card-detail.png") no-repeat right bottom;
	bottom: 0;
	opacity: 0.2;
}
.card-detail b {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 22px;
	padding: 0 22px;
}
.card-detail b span {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-left: 10px;
}
.card-detail p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
	padding: 0 22px;
}
.card-detail p i {
	color: #ff8837;
	font-size: 16px;
	font-weight: normal;
	margin-right: 4px;
}
.card-detail .company {
	height: 40px;
	line-height: 40px;
	background: #ff8837;
	color: #fff;
	padding: 0 22px;
	font-size: 14px;
	margin-top: 26px;
}
.card-modify {
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.card-modify a {
	width: 146px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	background: #4876ff;
	color: #fff;
	border-radius: 2px;
	font-size: 14px;
}
.card-modify a:last-child {
	background: #2c8d40;
}
.card-modify a i {
	font-size: 14px;
	color: #fff;
	margin-right: 5px;
}
.prize {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 716px;
	height: 720px;
	background: url("/images/live/prize.png") no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 160px;
	z-index: 9999;
}
.prize .prize-close{
	position: absolute;
	z-index: 9;
	right: 150px;
	top: 110px;
	width: 41px;
	height: 41px;
	background: url("/images/live/prize-close.png") no-repeat;
	background-size: cover;
}
.prize-cont {
	line-height: 44px;
	font-size: 22px;
	overflow: hidden;
	color: #744908;
	width: 255px;
	margin: 0 auto;
}
.prize-cont b {
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	display: block;
}
.prize-cont span {
	color: #f90b1b;
	font-weight: bold;
}
.prize .prize-more {
	display: block;
	width: 275px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	margin: 54px auto 0;
}
.prize .prize-p {
	font-size: 16px;
	color: #fff9e5;
	text-align: center;
	margin-top: 5px;
}
.in-prize {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 776px;
	height: 809px;
	background: url("/images/live/in-prize.png") no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 170px 190px;
	z-index: 9999;
	display: none;
}
.in-prize .prize-close{
	position: absolute;
	right: 150px;
	top: 110px;
	width: 41px;
	height: 41px;
	background: url("/images/live/prize-close.png") no-repeat;
	background-size: cover;
	z-index: 9;
}
.in-prize-cont {
	width: 330px;
	margin: 0 auto;
}
.in-prize-title {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 30px;
	color: #000;
	letter-spacing: 2px;
	margin-top: 10px;
	text-align: center;
}
.in-prize-tit {
	color: #e75737;
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 15px;
	text-align: center;
}
.in-prize-cont p {
	font-size: 16px;
	color: #91461a;
	margin-top: 10px;
}
.in-prize-cont p em {
	font-size: 14px;
	font-style: normal;
}
.in-prize-swiper {
	display: none;
	overflow: hidden;
	margin-top: 10px !important;
}
.in-prize-cont ul li p {
	overflow: hidden;
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #91461a;
	margin-top: 0;
	overflow: hidden;
}
.in-prize-cont ul li p b {
	font-weight: normal;
	display: block;
	width: 100px;
	float: left;
}
.in-prize-cont ul li span {
	display: block;
	width: 110px;
	float: left;
}
.in-prize-more {
	width: 330px;
	height: 60px;
	line-height: 60px;
	display: block;
	position: absolute;
	bottom: 230px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}
.luck-draw1 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
.luck-draw-mask {
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	filter: Alpha(Opacity=50);
}
.luck-draw-main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 581px;
	height: 360px;
	background: url("/images/live/luck-draw.png") no-repeat;
	background-size: cover;
	z-index: 9;
	box-sizing: border-box;
	padding: 40px 50px 20px 100px;
}
.luck-draw-main a.wantto {
	display: block;
	width: 128px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	color: #d00a06;
	font-weight: bold;
	text-align: center;
	background: #ffc970;
	border-radius: 30px;
	position: absolute;
	bottom: 32px;
	left: 165px;
	z-index: 9;
}
.luck-draw-main a.define {
	display: block;
	width: 128px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	color: #d00a06;
	font-weight: bold;
	text-align: center;
	background: #ffc970;
	border-radius: 30px;
	position: absolute;
	bottom: 32px;
	left: 325px;
	z-index: 9;
}
.luck-draw-main a.see {
	position: absolute;
	bottom: 35px;
	left: 460px;
	font-size: 14px;
	color: #fff;
}
.luck-draw-ul {
	display: none;
	overflow: hidden;
	margin-top: 25px !important;
}
.luck-draw-ul .item {
	width: 50%;
	float: left;
}
.luck-draw-ul .item p {
	line-height: 30px;
	color: #666;
	font-size: 15px;
}
.luck-draw-main b {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #e80503;
}
.luck-draw-close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 31px;
	height: 31px;
	background: url("/images/live/luck-draw-close.png") no-repeat;
	background-size: cover;
	z-index: 9;
}
/* 订阅弹窗 */
.sub {
	display: none;
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sub-mask {
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	filter: Alpha(Opacity=50);
}
.sub-box {
	width: 350px;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background-color:#fff;
	padding: 18px 24px;
	box-sizing: border-box;
}
.sub-title {
	font-size: 18px;
	color: #333;
	height: 30px;
	line-height: 30px;
	position: relative;
}
.sub-title::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	width: 22px;
	height: 4px;
	left: 0;
	background: #185ead;
}
.sub-title a {
	position: absolute;
	right: 0;
	top: 0;
	color: #bababa;
}
.sub-title a i {
	font-size: 16px;
}
.sub-main {
	padding: 35px 0 20px 0;
	border-bottom: 1px solid #e6e6e6;
}
.sub-main b {
	font-size: 20px;
	color: #333;
	display: block;
}
.sub-main p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
	max-height: 66px;
	overflow: hidden;
	margin-top: 18px;
	color: #999;
}
.sub-create {
	background: #fff;
	padding: 24px 0;
	border-radius: 3px;
}
.sub-create label {
	color: #333;
	font-size: 14px;
}
.sub-create label b {
	color: #f71b1b;
	margin-right: 3px;
}
.sub-create .input {
	margin-top: 20px;
}
.sub-create .input .sub-select {
	width: 100%;
	border: 1px solid #185ead;
	color: #333;
	position: relative;
	border-radius: 3px;
	margin-top: 10px;
}
.sub-create .input .sub-select-top .sec-p {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	text-indent: 10px;
	margin-top: 0;
}
.sub-select-top {
	position: relative;
    cursor: pointer;
}
.sub-select-top i {
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: 24px;
}
.sub-select-bot {
	display: none;
	position: absolute;
	top: 38px;
	left: -1px;
	border-bottom: 1px solid #185ead;
	border-top: 1px solid #185ead;
	width: 100%;
}
.sub-select-bot li {
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	width: 100%;
	background: #fff;
	text-indent: 10px;
	border-left: 1px solid #185ead;
	border-right: 1px solid #185ead;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.sub-select-bot li:hover {
	background: #185ead;
	color: #fff;
}
.sub-create .input:first-child {
	margin-top: 0;
}
.sub-create .input p {
	position: relative;
	margin-top: 10px;
}
.sub-create .input:first-child p {
	margin-top: 0;
}
.sub-create .input p .yzm {
	position: absolute;
	right: 0;
	top: 0;
	color: #333;
	font-size: 14px;
	width: 36%;
	border: 1px solid #ddd;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
}
.sub-create .input p input {
	height: 38px;
	line-height: 38px;
	width: 100%;
	border: 0;
	color: #333;
	font-size: 14px;
	border: 1px solid #ddd;
	text-indent: 10px;
	border-radius: 3px;
}
.sub-create .input:nth-child(3) p input {
	width: 58%;
}
.sub-create .sub-btn {
	height: 40px;
	line-height: 40px;
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: 14px;
	background: #185ead;
	margin-top: 31px;
}
.sub-box .sub-ewm {
	margin-top: 40px;
}
.sub-box .sub-ewm img {
	display: block;
	width: 146px;
	height: 146px;
	margin: 0 auto;
}
.sub-box .sub-ewm p {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	text-align: center;
	margin-top: 28px;
}

/* 网络课堂抽奖样式 */
.gift-box {
	position: fixed;
	top: auto;
	left: 100px;
	bottom: 170px;
	z-index: 99;
}
.gift-box span {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 80px;
	height: 22px;
	border-radius: 11px;
	background-color: #ff562f;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-size: 15px;
	margin-left: -40px;
}
.gift-box span i {
	font-size: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
	margin-top: 1px;
}
.gift-box .close {
	position: absolute;
	right: -20px;
	top: -12px;
	color: #ccc;
}
.gift-box .close i {
	font-size: 20px;
}

.luck-mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 99999;
	display: none;
}
.luck-draw {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 330px;
	height: 231px;
	margin-left: -165px;
	margin-top: -115px;
	background: url('../../../images/live/luckDrawbg.png');
}
.luck-draw .draw-box {
	padding: 75px 42px 0 52px;
	overflow: hidden;
}
.luck-draw .draw-box ul {
	float: left;
	height: 96px;
	overflow: hidden;
	margin-right: 30px;
}
.luck-draw .draw-box ul li {
	width: 48px;
	height: 96px;
	line-height: 90px;
	text-align: center;
	padding: 0 6px;
	box-sizing: border-box;
}
.luck-draw-tip {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
    width: 568px;
    height: 568px;
}
.luck-draw-tip .close {
	position: absolute;
	color: #fff;
	right: 55px;
	top: 50px;
	z-index: 9;
}
.luck-draw-tip .close i {
	font-size: 39px;
}
.luck-draw-tip .luck-tip {
	position: absolute;
	left: 0;
	top: 0;
	padding: 108px 170px 0;
	width: 234px;
	box-sizing: content-box;
}
.luck-draw-tip .luck-tip .title {
	text-align: center;
}
.luck-draw-tip .luck-tip p {
	margin-top: 10px;
	font-size: 14px;
	color: #333;
	padding: 0 5px;
}
.luck-draw-tip .luck-tip .top-box {
	height: 230px;
	overflow: hidden;
}
.luck-draw-tip .luck-tip .bottom-box1 {
	padding-top: 40px;
	text-align: center;
}
.luck-draw-tip .luck-tip .bottom-box1 a.ok {
	display: block;
	height: 58px;
	line-height: 58px;
	border-radius: 29px;
	background: url('../../../images/live/btnbg.png') no-repeat;
	background-size: 100% 100%;
	color: #b97a38;
	font-size: 24px;
	font-weight: bold;
}
.luck-draw-result.luck-draw-tip .luck-tip .bottom-box1 {
	padding-top: 20px;
}
.luck-draw-tip .luck-tip .bottom-box1 a.text {
	display: block;
	margin-top: 18px;
	font-size: 16px;
	color: #f5de9b;
}
.luck-draw-tip .luck-tip .bottom-box1 a.text:hover {
	text-decoration: underline;
}
.luck-draw-tip .luck-tip .top-box .result {
	font-size: 24px;
	text-align: center;
	color: #8b5d2b;
	letter-spacing: 4px;
	font-weight: bold;
}
.luck-draw-tip .luck-tip .top-box .text {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #8b5d2b;
	margin-top: 20px;
	line-height: 40px;
}
.luck-draw-tip .luck-tip .bottom-box1 p {
	font-size: 12px;
	color: #f8e3a6;
	line-height: 20px;
}
.luck-draw-tip .luck-tip .top-box .people-num {
	text-align: center;
	color: #ed550a;
	font-size: 15px;
	margin-top: 10px;
}
.top-box .scroll-box {
	margin-top: 10px;
	position: relative;
	text-align: center;
	overflow: hidden;
	height: 135px;
}
.top-box .scroll-box ul {
	position: absolute;
	left: 0;
	width: 100%;
}
.top-box .scroll-box li {
	font-size: 14px;
	line-height: 27px;
	height: 27px;
	overflow: hidden;
	color: #ed550a;
}
.top-box .scroll-box li span {
	display: inline-block;
	width: 65px;
	text-align: left;
}
/* 网络课堂抽奖样式 END*/

/* footer */
.footer {
	margin-top: 35px;
	background: #232830;
	padding: 25px 0;
}
.footer-nav {
	height: 26px;
	line-height: 26px;
	text-align: center;
}
.footer-nav a {
	font-size: 16px;
	color: #d4d4d4;
	padding: 0 20px;
	position: relative;
}
.footer-nav a::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #414141;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer-nav a:last-child::after {
	display: none;
}
.footer p {
	color: #838383;
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}
.footer p .qq{
	position: relative;
	cursor: pointer;
   }
   .footer p .qq .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;

   }
   .footer p .qq .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
   }
   .footer p .qq:hover .QQhover{
	display: inline-block;
   }
.footer .footer_img{
	display: block;
	height: 47px;
	width: 751px;
	background: url('../../../../images/Version/2022/Index/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin: 15px auto 0;
}
.footer .footer_img li{
	float: left;
	width: 117px;
	height: 47px;
	margin-right: 9px;
}
.footer .footer_img li:last-child {
	margin-right: 0;
}
.footer .footer_img li a{
	display: block;
	height: 47px;
	width: 100%
}
/* footer End */

.copyright {
	font-size: 13px;
	line-height: 22px;
	color: #787878;
	border-top: 1px solid #444444;
	margin-top: 10px;
	padding-top: 10px;
	display: inline-block;
}

.copyright img {
	margin: 1px 8px 0 0px;
	vertical-align: top;
}

ul.footImg {
	width: 810px;
	height: 48px;
	margin-bottom: 24px;
	overflow: hidden;
	background: url("https://www.100lbj.com/images/index/Version/2022/copyright.png") no-repeat 0 0;
	margin-top: 15px;
}

ul.footImg li {
	width: 135px;
	float: left;
}

ul.footImg li a {
	width: 125px;
	height: 48px;
	display: block;
}
/* 20230130 */
.blockCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.compatible-Tips .pc-tip {
	float: left;
	margin-right: 72px;
	margin-top: 38px;
}
.compatible-Tips i {
	display: block;
	width: 84px;
	height: 84px;
	background: url("/images/live/Tips.png") no-repeat;
	background-size: cover;
	margin: 0 auto 20px;
}
.compatible-Tips p {
	font-size: 14px;
	color: #fff;
	padding: 5px 0;
}
.compatible-Tips .mobile-tip {
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
}
.compatible-Tips .mobile-tip p {
	text-align: center;
	padding: 12px 0;
	background-color: #408be8;
	line-height: 1;
}
@media only screen and (min-width: 1280px) and (max-width: 1370px) {
	.w{
		width: 1240px;
	}
    .copyright {
    	font-size: 12px;
    }
	.gift-box {
		left: 10px;
	}
	.Xwt {
		width: 90px !important;
		height: 129px !important;
		background-size: contain !important;
	}
	.Xwt .OnlineBtn {
		text-indent: 18px !important;
	}
	.top .item {
		padding: 15px 0 15px 0;
	}
	.top .item .logo {
		width: 170px;
	}
	.top .item .pageName {
		font-size: 20px;
	}
	.search{
		width: 420px;
		height: 30px;
		margin: 2px 0 0 80px;
	}
	.search button {
		height: 34px;
		line-height: 34px;
		width: 70px;
		font-size: 14px;
	}
	.search input{
		width: 256px;
		height: 30px;
	}
	.selectTop p {
		margin-top: 6px;
	}
	.searchSelect {
		height: 30px;
	}
	.top .item .menu a {
		font-size: 15px;
		padding: 0 20px;
	}
	.Live {
		margin: 13px auto 0;
	}
	.Live .left {
		width: 938px;
	}
	.comment {
		width: 290px;
		height: 654px;
	}
	.name-bot {
		height: 35px;
		line-height: 35px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.live-name {
		padding: 16px 18px;
	}
	.live-name h2 {
		font-size: 18px;
	}
	.live-name h2 b {
		font-size: 14px;
		height: 22px;
		line-height: 22px;
	}
	.name-title .item ul li b {
		width: 38px;
		height: 38px;
	}
	.name-title .time {
		height: 18px;
		line-height: 18px;
		margin-top: 5px;
	}
	.xiangxi span.shoujilook .ewmDiv {
		top: 26px;
	}
	.xiangxi span.fenxiang .fenxiangDiv {
		top: 36px;
	}
	.xiangxi {
		height: 35px;
		line-height: 35px;
	}
	.xiangxi span.fenxiang {
		height: 35px;
	}
	.xiangxi span.gz-btn, .xiangxi span.gz-btn-active {
		top: 5px;
	}
	.xiangxi span.sc-btn, .xiangxi span.sc-btn-active {
		top: 5px;
	}
	.slimScrollDiv {
		height: 486px !important;
	}
	.comment .area{
		height: 486px !important;
	}
	.comment .area ul li.applaud .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.applaud .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.applaud .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.comment .area ul li.flower .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.flower .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.flower .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.comment .area ul li.applause .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.applause .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.applause .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.name-title .item {
		right: 0;
		width: 360px;
	}
	.name-title .item ul li {
		margin-left: 12px;
	}
	.name-title .item ul li .dmp {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .invite {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .goBack {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .invite div {
		left: -50px;
		top: 55px;
	}
	.play {
		height: 528px;
	}
	.main{
		margin: 15px auto 0;
	}
	#message {
		height: 75px;
	}
	.comment .form .form-main {
		height: 112px;
	}
	.comment .form .item button {
		height: 30px;
		width: 70px;
		bottom: -36px;
	}
	.comment .form .item .anonymous {
		left: 135px;
	}
	.comment .form .item input {
		text-indent: 10px;
		height: 32px;
		width: 125px;
		font-size: 12px;
	}
	.comment .form .item a.expression {
		left: 10px;
		bottom: -36px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 6px;
	}
	.faceList {
		top: 114px;
	}
	.comment .area ul li .txt .txt1 #textareaReply {
		line-height: 18px;
		font-size: 12px;
		padding: 5px 10px;
	}
	.comment .area ul li .txt .txt1 .push a {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.brief-nav {
		height: 42px;
		line-height: 42px;
	}
	.brief {
		width: 938px;
		padding: 0 20px 20px 20px;
	}
	.brief-list .content p {
		margin-top: 6px;
		line-height: 24px;
	}
	.brief-list .live-list li .image {
		height: 150px;
	}
	.brief-list .live-list {
		margin: -5px -8px;
		margin-top: 13px;
	}
	.brief-list .live-list li {
		padding: 5px 8px;
	}
	.brief-list .item .image {
		width: 198px;
		height: 112px;
	}
	.brief-list .item .text {
		height: 112px;
		padding-left: 20px;
	}
	.brief-list .item .text p {
		margin: 12px 0 10px 0;
		font-size: 16px;
	}
	.brief-list .item {
		margin-top: 18px;
	}
	.brief-list .content {
		line-height: 26px;
		font-size: 14px;
	}
	.comment .area ul li p {
		font-size: 14px;
	}
	.comment .area ul li .comment-p {
		font-size: 12px;
	}
	.view-nav {
		height: 42px;
		line-height: 42px;
	}
	.view ul {
		padding: 18px 0 18px 0;
	}
	.view ul li {
		margin-bottom: 12px;
	}
	.view ul li .text p {
		height: 36px;
		line-height: 18px;
		font-size: 14px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 5px;
	}
	.brief-list .item .text .group {
		top: 13px;
	}
	.brief-list .live-list li p {
		height: 40px;
		line-height: 20px;
		margin-top: 6px;
		font-size: 14px;
	}
	.view ul li .image {
		width: 66px;
		height: 66px;
		margin-right: 8px;
	}
	.view {
		padding: 0 14px;
	}
	.head p {
		margin-right: 130px;
	}
	.footer {
		margin-top: 30px;
		padding: 22px 0;
	}
	.footer-nav a {
		font-size: 14px;
		padding: 0 16px;
	}
	.footer p {
		font-size: 12px;
		margin-top: 12px;
	}
	.footer .footer_img {
		width: 640px;
		height: 40px;
		margin: 13px auto 0;
	}
	.footer .footer_img li {
		width: 99px;
		height: 40px;
	}
	.footer .footer_img li a {
		height: 40px;
	}
	.rightBar {
		top: 60%;
		right: 0px;
	}
	.float-left {
		left: 0;
		bottom: 180px;
		width: 70px;
		height: 185px;
	}
	.float-left ul {
		margin-top: 52px;
	}
	.float-left ul li {
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
	.card-box {
		width: 300px;
		padding: 16px 20px;
	}
	.card-title {
		height: 20px;
		line-height: 20px;
		font-size: 14px;
	}
	.card-title::after {
		height: 3px;
	}
	.card-main {
		padding: 12px 18px;
		margin-top: 40px;
	}
	.card-main p {
		margin-top: 10px;
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 6px;
	}
	.card-main b {
		width: 65px;
		height: 65px;
		margin: -48px auto 0;
	}
	.card-main span {
		font-size: 12px;
	}
	.card-create {
		padding: 20px 10px;
		margin-top: 10px;
	}
	.card-create .input p input {
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.card-create .input {
		margin-top: 10px;
	}
	.create-main .btn-create {
		margin-top: 10px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.create-main .create-main-p {
		font-size: 12px;
		margin-top: 15px;
	}
	.card-detail {
		margin-top: 10px;
		padding: 18px 0;
	}
	.card-detail b {
		font-size: 18px;
		padding: 0 18px;
	}
	.card-detail p {
		padding: 0 18px;
		margin-top: 15px;
	}
	.card-detail .company {
		margin-top: 15px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.card-modify {
		margin-top: 10px;
	}
	.card-modify a {
		font-size: 12px;
	}
	.card-modify a i {
		font-size: 12px;
	}
	.card-create .input p .yzm {
		font-size: 12px;
	}
}
@media only screen and (min-width: 1371px) and (max-width: 1440px) {
	.w{
		width: 1330px;
	}
	.gift-box {
		left: 10px;
	}
	.search{
		width: 420px;
		margin: 2px 0 0 80px;
	}
	.search input{
		width: 256px;
	}
	.Live .left {
		width: 1005px;
	}
	.comment {
		width: 310px;
		height: 700px;
	}
	.name-bot {
		height: 37px;
		line-height: 37px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.live-name {
		padding: 16px 22px;
	}
	.xiangxi span.fenxiang .fenxiangDiv {
		top: 38px;
	}
	.xiangxi span.gz-btn, .xiangxi span.gz-btn-active {
		top: 6px;
	}
	.xiangxi span.sc-btn, .xiangxi span.sc-btn-active {
		top: 6px;
	}
	.slimScrollDiv {
		height: 524px !important;
	}
	.comment .area{
		height: 514px !important;
	}
	.name-title .item {
		right: 0;
	}
	.play {
		height: 566px;
	}
	.main{
		margin: 15px auto 0;
	}
	#message {
		height: 80px;
	}
	.comment .form .form-main {
		height: 119px;
	}
	.comment .form .item button {
		height: 30px;
		width: 76px;
		bottom: -37px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 10px;
	}
	.comment .form .item a.expression {
		left: 10px;
		bottom: -36px;
	}
	.comment #form1 .item {
		margin-bottom: 8px;
	}
	.comment .form .item .anonymous {
		left: 150px;
		height: 32px;
	}
	.comment .form .item input {
		text-indent: 10px;
		width: 140px;
	}
	.comment .area ul li .txt .txt1 #textareaReply {
		line-height: 18px;
		font-size: 12px;
		padding: 5px 10px;
	}
	.comment .area ul li .txt .txt1 .push a {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.brief {
		width: 1005px;
		padding: 0 22px 20px 22px;
	}
	.brief-list .content p {
		margin-top: 8px;
	}
	.brief-list .item .image {
		width: 213px;
		height: 120px;
	}
	.brief-list .item .text {
		height: 120px;
		padding-left: 22px;
	}
	.brief-list .item .text p {
		margin: 13px 0 15px 0;
		font-size: 16px;
	}
	.brief-list .item {
		margin-top: 20px;
	}
	.xiangxi span.fenxiang {
		height: 37px;
	}
	.xiangxi span.gz-btn, .xiangxi span.gz-btn-active {
		top: 6px;
	}
	.xiangxi span.sc-btn, .xiangxi span.sc-btn-active {
		top: 6px;
	}
	.view ul {
		padding: 20px 0 20px 0;
	}
	.view ul li {
		margin-bottom: 16px;
	}
	.view ul li .text p {
		height: 36px;
		line-height: 18px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 8px;
	}
	.brief-list .item .text .group {
		top: 18px;
	}
	.brief-list .live-list li .image {
		height: 160px;
	}
	.brief-list .live-list li p {
		height: 40px;
		line-height: 20px;
		margin-top: 6px;
		font-size: 14px;
	}
	.view ul li .image {
		width: 110px;
		height: 62px;
		margin-right: 10px;
	}
	.view {
		padding: 0 14px;
	}
	.head p {
		margin-right: 130px;
	}
	.footLeft ul li {
		font-size: 15px;
	}
	.footLeft {
		padding-left: 60px;
	}
	.footLeft p {
		font-size: 15px;
	}
	.footRight ul li .ewm {
		width: 120px;
		height: 120px;
	}
	.footLeft p b {
		font-size: 15px;
	}
	.footCenter ul li a {
		font-size: 15px;
	}
	.footRight .title {
		font-size: 15px;
	}
	.rightBar {
		right: 20px;
	}
	.float-left {
		left: 0;
		bottom: 180px;
		width: 70px;
		height: 185px;
	}
	.float-left ul {
		margin-top: 52px;
	}
	.float-left ul li {
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
	.card-box {
		width: 320px;
		padding: 16px 20px;
	}
	.card-main {
		padding: 18px 20px;
	}
	.card-main p {
		font-size: 20px;
		padding-bottom: 14px;
	}
	.card-main b {
		width: 70px;
		height: 70px;
	}
	.card-create {
		padding: 22px 10px;
	}
	.card-create .input {
		margin-top: 15px;
	}
	.create-main .btn-create {
		height: 35px;
		line-height: 35px;
	}
	.card-detail {
		margin-top: 14px;
	}
	.card-create .input p input {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
	.w{
		width: 1330px;
	}
	.gift-box {
		left: 10px;
	}
	.search{
		width: 420px;
		margin: 2px 0 0 80px;
	}
	.search input{
		width: 256px;
	}
	.Live .left {
		width: 1005px;
	}
	.comment {
		width: 310px;
		height: 699px;
	}
	.name-bot {
		height: 37px;
		line-height: 37px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.live-name {
		padding: 16px 22px;
	}
	.xiangxi span.fenxiang .fenxiangDiv {
		top: 38px;
	}
	.xiangxi span.gz-btn, .xiangxi span.gz-btn-active {
		top: 6px;
	}
	.xiangxi span.sc-btn, .xiangxi span.sc-btn-active {
		top: 6px;
	}
	.slimScrollDiv {
		height: 522px !important;
	}
	.comment .area{
		height: 513px !important;
	}
	.name-title .item {
		right: 0;
	}
	.play {
		height: 566px;
	}
	.main{
		margin: 15px auto 0;
	}
	#message {
		height: 80px;
	}
	.comment #form1 .item {
		margin-bottom: 10px;
	}
	.comment .form .item a.expression {
		left: 10px;
		bottom: -36px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 10px;
	}
	.comment .form .form-main {
		height: 119px;
	}
	.comment .form .item .anonymous {
		left: 150px;
	}
	.comment .form .item input {
		text-indent: 10px;
		width: 140px;
		height: 34px;
	}
	.comment .form .item button {
		height: 30px;
		width: 76px;
		bottom: -37px;
	}
	.comment .area ul li .txt .txt1 #textareaReply {
		line-height: 18px;
		font-size: 12px;
		padding: 5px 10px;
	}
	.comment .area ul li .txt .txt1 .push a {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.brief {
		width: 1005px;
		padding: 0 22px 20px 22px;
	}
	.brief-list .content p {
		margin-top: 8px;
	}
	.brief-list .live-list li .image {
		height: 160px;
	}
	.brief-list .item .image {
		width: 213px;
		height: 120px;
	}
	.brief-list .item .text {
		height: 120px;
		padding-left: 22px;
	}
	.brief-list .item .text p {
		margin: 13px 0 15px 0;
		font-size: 16px;
	}
	.brief-list .item {
		margin-top: 20px;
	}
	.xiangxi span.fenxiang {
		height: 37px;
	}
	.view ul {
		padding: 20px 0 20px 0;
	}
	.view ul li {
		margin-bottom: 16px;
	}
	.view ul li .text p {
		height: 36px;
		line-height: 18px;
		margin-top: 5px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 10px;
	}
	.brief-list .item .text .group {
		top: 18px;
	}
	.brief-list .live-list li p {
		height: 40px;
		line-height: 20px;
		margin-top: 6px;
		font-size: 14px;
	}
	.view ul li .image {
		width: 72px;
		height: 72px;
		margin-right: 10px;
	}
	.view {
		padding: 0 14px;
	}
	.head p {
		margin-right: 130px;
	}

	.rightBar {
		right: 20px;
	}
	.float-left {
		left: 0;
		bottom: 240px;
		width: 70px;
		height: 185px;
	}
	.float-left ul {
		margin-top: 52px;
	}
	.float-left ul li {
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
	.card-box {
		width: 320px;
		padding: 16px 20px;
	}
	.card-main {
		padding: 18px 20px;
	}
	.card-main p {
		font-size: 20px;
		padding-bottom: 14px;
	}
	.card-main b {
		width: 70px;
		height: 70px;
	}
	.card-create {
		padding: 22px 10px;
	}
	.card-create .input {
		margin-top: 15px;
	}
	.create-main .btn-create {
		height: 35px;
		line-height: 35px;
	}
	.card-detail {
		margin-top: 14px;
	}
	.card-create .input p input {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 1279px) {
	.w{
		width: 1070px;
	}
    .copyright {
    	font-size: 12px;
    }

	.gift-box {
		left: 10px;
	}
	.Xwt {
		width: 90px !important;
		height: 129px !important;
		background-size: contain !important;
	}
	.Xwt .OnlineBtn {
		text-indent: 18px !important;
	}
	.top .item {
		padding: 15px 0 15px 0;
	}
	.top .item .logo {
		width: 160px;
	}
	.top .item .pageName {
		font-size: 20px;
	}
	.search{
		width: 386px;
		height: 30px;
		margin: 2px 0 0 80px;
	}
	.search button {
		height: 34px;
		line-height: 34px;
		width: 70px;
		font-size: 14px;
	}
	.search input{
		width: 230px;
		height: 30px;
	}
	.selectTop p {
		margin-top: 6px;
	}
	.searchSelect {
		height: 30px;
	}
	.top .item .menu a {
		font-size: 15px;
		padding: 0 15px;
	}
	.Live {
		margin: 13px auto 0;
	}
	.Live .left {
		width: 809px;
	}
	.comment {
		width: 250px;
		height: 562px;
	}
	.comment .title {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		padding-left: 10px;
	}
	.name-bot {
		height: 32px;
		line-height: 32px;
		padding: 0 5px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.live-name {
		padding: 12px 18px;
	}
	.live-name h2 {
		font-size: 16px;
		height: 26px;
		line-height: 26px;
	}
	.live-name h2 b {
		font-size: 14px;
		height: 22px;
		line-height: 22px;
	}
	.name-title .item ul li b {
		width: 36px;
		height: 36px;
	}
	.name-title .item ul li p {
		margin-top: 2px;
	}
	.name-title .item ul li .dmp {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .invite {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .goBack {
		line-height: 30px;
		width: 95px;
		padding: 0 8px;
		font-size: 14px;
	}
	.name-title .item ul li .invite div {
		left: -50px;
		top: 55px;
	}
	.name-title .time {
		height: 18px;
		line-height: 18px;
		margin-top: 4px;
	}
	.xiangxi span.shoujilook .ewmDiv {
		top: 26px;
	}
	.xiangxi span.fenxiang .fenxiangDiv {
		top: 36px;
	}
	.xiangxi i {
		vertical-align: middle;
	}
	.xiangxi span.fenxiang {
		height: 32px;
	}
	.xiangxi span.gz-btn, .xiangxi span.gz-btn-active {
		top: 3px;
	}
	.xiangxi span.sc-btn, .xiangxi span.sc-btn-active {
		top: 3px;
	}
	.xiangxi span.shoujilook .ewmDiv {
		top: 26px;
	}
	.xiangxi span.fenxiang .fenxiangDiv {
		top: 36px;
	}
	.xiangxi span.shoujilook {
		position: relative;
		top: -4px;
	}
	.xiangxi span.fenxiang {
		position: relative;
		top: -4px;
	}
	.xiangxi span.jubao {
		position: relative;
		top: -4px;
	}
	.slimScrollDiv {
		height: 425px !important;
	}
	.comment .area{
		height: 415px !important;
		padding: 10px 14px 0px 10px;
	}
	.comment .area ul li .content b {
		width: 26px;
		height: 26px;
		margin-right: 5px;
	}
	.comment .area ul li p {
		font-size: 12px;
		padding: 5px 8px;
		margin-top: 5px;
	}
	.comment .area ul li.applaud .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.applaud .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.applaud .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.comment .area ul li.flower .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.flower .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.flower .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.comment .area ul li.applause .message--prompt {
		font-size: 12px;
		padding: 4px 0px 4px 6px;
		margin-bottom: 5px;
	}
	.comment .area ul li.applause .message--prompt i {
		font-size: 14px;
		margin-right: 3px;
	}
	.comment .area ul li.applause .message--prompt i.icon-clap {
		margin: 2px 6px 2px 8px;
	}
	.name-title .item {
		right: 0;
		width: 360px;
		top: -3px;
	}
	.play {
		height: 456px;
	}
	.main{
		margin: 15px auto 0;
	}
	.comment .form .item input {
		left: 30px;
	}
	.comment .form .item button {
		height: 26px;
		width: 56px;
		bottom: -33px;
	}
	#message {
		height: 60px;
	}
	.comment .form .item .anonymous {
		left: 125px;
		top: 6px;
	}
	.comment .form .item input {
		text-indent: 5px;
		height: 30px;
		font-size: 12px;
		width: 120px;
	}
	.comment .form .form-main{
		height: 94px;
	}
	.comment #form1 .item {
		margin-bottom: 6px;
	}
	.comment .form .dz {
		left: 85px;
		bottom: 5px;
	}
	.comment .form .item a.expression {
		left: 8px;
		bottom: -36px;
	}
	.comment .area ul li .txt .txt1 #textareaReply {
		line-height: 16px;
		font-size: 12px;
		padding: 4px 10px;
	}
	.comment .area ul li .txt .txt1 .push a {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.brief-nav {
		height: 42px;
		line-height: 42px;
	}
	.brief {
		width: 809px;
		padding: 0 20px 20px 20px;
		margin-right: 11px;
	}
	.brief-list .content p {
		margin-top: 6px;
		line-height: 24px;
	}
	.brief-list .live-list li .image {
		height: 130px;
	}
	.brief-list .item .image {
		width: 198px;
		height: 112px;
	}
	.brief-list .item .text {
		height: 112px;
		padding-left: 20px;
	}
	.brief-list .item .text p {
		margin: 12px 0 10px 0;
		font-size: 16px;
	}
	.brief-list .content b {
		height: 20px;
		line-height: 20px;
		margin-top: 5px;
	}
	.brief-list .content {
		line-height: 26px;
		font-size: 14px;
	}
	.comment .area ul li .comment-p {
		font-size: 12px;
	}
	.brief-list .item {
		margin-top: 18px;
	}
	.view-nav {
		height: 42px;
		line-height: 42px;
	}
	.view ul {
		padding: 18px 0 18px 0;
	}
	.view ul li {
		margin-bottom: 10px;
	}
	.view ul li .text p {
		height: 36px;
		line-height: 18px;
		margin-top: 2px;
		font-size: 14px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 3px;
	}
	.brief-list .item .text .group {
		top: 13px;
	}
	.brief-list .live-list li p {
		height: 36px;
		line-height: 18px;
		margin-top: 4px;
		font-size: 14px;
	}
	.brief-list .live-list {
		margin: -5px -6px;
		margin-top: 12px;
	}
	.brief-list .live-list li {
		padding: 5px 6px;
	}
	.view ul li .image {
		width: 58px;
		height: 58px;
		margin-right: 8px;
	}
	.view {
		padding: 0 14px;
	}
	.head p {
		margin-right: 130px;
	}

	.footer {
		margin-top: 24px;
		padding: 16px 0;
	}
	.footer-nav {
		height: 22px;
		line-height: 22px;
	}
	.footer-nav a::after {
		height: 12px;
	}
	.footer-nav a {
		font-size: 12px;
		padding: 0 10px;
	}
	.footer p {
		font-size: 12px;
		margin-top: 8px;
	}
	.footer .footer_img {
		width: 483px;
		height: 30px;
		margin: 12px auto 0;
	}
	.footer .footer_img li {
		width: 75px;
		height: 30px;
		margin-right: 6px;
	}
	.footer .footer_img li a {
		height: 30px;
	}


	.rightBar {
		right: 0;
		top: 60%;
	}
	.card-box {
		width: 300px;
		padding: 16px 20px;
	}
	.card-title {
		height: 20px;
		line-height: 20px;
		font-size: 14px;
	}
	.card-title::after {
		height: 3px;
	}
	.card-main {
		padding: 12px 18px;
		margin-top: 40px;
	}
	.card-main p {
		margin-top: 10px;
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 6px;
	}
	.card-main b {
		width: 65px;
		height: 65px;
		margin: -48px auto 0;
	}
	.card-main span {
		font-size: 12px;
	}
	.card-create {
		padding: 20px 10px;
		margin-top: 10px;
	}
	.card-create .input p input {
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.card-create .input {
		margin-top: 10px;
	}
	.create-main .btn-create {
		margin-top: 10px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.create-main .create-main-p {
		font-size: 12px;
		margin-top: 15px;
	}
	.card-detail {
		margin-top: 10px;
		padding: 18px 0;
	}
	.card-detail b {
		font-size: 18px;
		padding: 0 18px;
	}
	.card-detail p {
		padding: 0 18px;
		margin-top: 15px;
	}
	.card-detail .company {
		margin-top: 15px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.card-modify {
		margin-top: 10px;
	}
	.card-modify a {
		font-size: 12px;
	}
	.card-modify a i {
		font-size: 12px;
	}
	.card-create .input p .yzm {
		font-size: 12px;
	}
	.float-left {
		left: 0;
	}
	.float-left {
		left: 0;
		bottom: 180px;
		width: 70px;
		height: 185px;
	}
	.float-left ul {
		margin-top: 52px;
	}
	.float-left ul li {
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
}

.start,.end{
		display:none
		}