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));
}
.scroll_cont .icon-user::before {
	content: "\e769" !important;
}
.tourist .icon-user::before {
	content: "\e769" !important;
}
.w{
	width: 1600px;
	margin: 0 auto;
}
.iframe {
	overflow: hidden;
	height: 36px;
	position: relative;
}
/* .iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
} */
svg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
}

#header {
	background: #f5f5f5;
	height: 36px;
	line-height: 36px;
	width: 100%;
	font-size: 12px;
}
.header{
	margin: 0 auto;
	background: #f5f5f5;
}
#divLogin{
	float: left;
}
#divLogin p{
	float: left;
	margin-right: 15px;
	padding-right: 0;
}
#divLogin p{
	color: #666;
}
#divLogin a{
	color: #333;
}
#divLogin a:hover {
	color: #094;
}
#divLogin ul {
	float: left;
}
#divLogin ul li {
	float: left;
}
#divLogin ul li img {
	vertical-align: top;
	margin: 2px 4px 0 0;
}
#divLogin ul li a{
	color: #999;
	margin-right: 15px;
}
#divLogin ul li a:hover,.header p a:hover{
	color: #44a631;
}
#divLogin ul li a.S-login {
	color: #44a631;
}

.header p {
	float: right;
	padding-right: 170px;
	font-size: 0;
}
.header p a {
	font-size: 12px;
	color: #999;
	padding: 0 10px;
	position: relative;
}
/* header--drop */
.header--drop{
	margin: 0 auto;
	position:relative;
}
.header--drop ul {
	position: absolute;
	right: 0;
	top: -36px;
}
.header--drop ul li {
	float: left;
	height: 36px;
	position:relative;
}
.header--drop ul li .weixin{
	height: 36px;
	position:relative;
	color: #44a631;
}
.header--drop ul li.wx a {
	color: #44a631;
}
.header--drop ul li .weixin.hover::before{
	background-color: #fff;
	content:'';
	position:absolute;
	left: 0px;
	top: -2px;
	right: 0px;
	bottom:0;
	height: 45px;
	z-index: 2;
}
.header--drop ul li .weixin.hover{
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.header--drop ul li .weixin.hover::after,.header--drop ul li:last-child .weixin::after{
	display: none;
}
.web-code {
	width: 300px;
	padding: 25px 25px 20px 25px;
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 36px;
	right: 0;
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
	display: none;
	text-align: center;
	z-index: 101;
}
.web-code1 {
	width: 450px;
	padding: 25px 12px 20px 12px;
}
.web-code .item {
	float: left;
	width: calc(50% - 20px);
	margin: 0 10px;
}
.web-code1 .item {
	width: calc(33.33% - 20px) !important;
}
.web-code img{
	width: 100%;
	height: 100%;
}
.web-code b{
	display: block;
	font-size: 14px;
	padding:18px 0 8px 0;
}
.web-code p{
	color: #999;
}
.header--drop ul li a {
	color: #999;
	line-height: 36px;
	display: block;
	padding: 0 10px;
	position: relative;
	z-index: 9;
	font-size: 12px;
	cursor: pointer;
}
.header--drop ul li a i {
	vertical-align: top;
	font-size: 16px;
	margin: 10px 2px 0 0;
}
.header--drop ul li a:hover{
	color: #44a631;
}
/* nav */
.video-top {
	background-color: #fff;
	padding: 15px 0;
	background: url(../../../../images/video/version/2022/searchbg.png) no-repeat right bottom;
	background-size: cover;
}
.video-top .w {
	position: relative;
}
.video-top .w::after {
	content: "";
	clear: both;
	display: block;
}
.video-top .logo {
	width: 252px;
	float: left;
}
.video-top .page-name {
	float: left;
	margin-left: 40px;
	margin-top: 20px;
}
.video-top .right {
	position: absolute;
	right: 0;
	top: 13px;
}
.video-top .right li {
	float: left;
	line-height: 36px;
	margin-left: 60px;
	position: relative;
}
.video-top .right li:first-child {
	margin-left: 0;
}
.video-top .right li a {
	font-size: 18px;
	color: #fff;
}
.video-top .right li a.guestBtn {
	font-size: 15px;
	width: 112px;
	display: block;
	text-align: center;
	line-height: 36px;
	height: 36px;
	border-radius: 18px;
	background-color: #fff;
	color: #22af6b;
}
.video-top .right li a i {
	font-size: 18px;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	vertical-align: top;
}
.video-top .right li a i.ease {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 0;
}
.video-top .right li.hover a i.ease {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.video-top .right li a.btn {
	font-size: 15px;
	display: block;
	padding: 0 25px;
	border-radius: 18px;
	background-image: -moz-linear-gradient( 0deg, rgb(0,153,68) 0%, rgb(181,172,73) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,153,68) 0%, rgb(181,172,73) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,153,68) 0%, rgb(181,172,73) 100%);
	color: #fff;
}
.video-top .right li .menu-bot {
	position: absolute;
	top: 36px;
	width: 120px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
	display: none;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}

/* .video-top .right li .menu-bot p {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: center
} */

.video-top .right li .menu-bot a {
	height: 46px;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	color: #333;
	display: block;
	position: relative;
}
.video-top .right li .menu-bot a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 16px;
	right: 16px;
	border-bottom: 1px dotted #ddd;
}
.video-top .right li .menu-bot a:hover {
	color: #3fc197;
	background-color: #e8f9f3;
}
.hot {
	width: 1000px;
	/* float: left; */
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	color: #fd5958;
	margin: 18px auto 0;
	overflow: hidden;
	padding-top: 2px;
}
.hot a {
	color: #fff;
	margin: 0 7px;
	display: inline-block;
}
.hot a:first-of-type {
	margin-left: 0;
}
.hot a:hover{
	text-decoration: underline;
}
.hot i{
	margin: 0 4px 0 2px;
	vertical-align: top;
	font-size: 14px;
}
.hot b {
	display: none;
}
.search-box {
	padding: 32px 0;
	background: url(../../../../images/video/version/2022/searchbg.png) no-repeat right bottom;
	background-size: cover;
}
.search {
	width: 380px;
	height: 50px;
	position: relative;
	background-color: #fff;
	float: left;
	margin-left: 65px;
	margin-top: 6px;
	border-radius: 25px;
}
.search form {
	height: 100%;
}
.searchSelect {
	width: 86px;
	height: 100%;
	position: relative;
	float: left;
}

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

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

.selectTop i {
	position: absolute;
	right: 14px;
	top: 5px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	font-size: 10px;
	color: #999;
}

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

.search button {
	position: absolute;
	height: 100%;
	background-color: #ff6600;
	color: #ffffff;
	width: 110px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	right: 0;
	top: 0;
	border-radius: 27px;
}
.search button i {
	margin-right: 8px;
}
.search input {
	width: calc(100% - 195px);
	height: 100%;
	float: left;
	border: none;
	font-size: 14px;
	color: #333;
	text-indent: 14px;
	background-color: #fff !important;
	border-radius: 25px;
}
/* 1 */
 /* input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
} */
/* 2 */
:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
}
/*3  */
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	box-shadow: 0 0 0px 1000px #ffffff inset !important;
} */

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

.selectBot li {
	line-height: 30px;
	font-size: 14px;
	text-indent: 16px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.selectBot li:hover {
	background-color: #094;
	border-left: 2px solid #094;
	border-right: 2px solid #094;
	color: #fff;
	cursor: pointer;
}
/* nav end */
.top{
	background-color: #fff;
	/* box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16); */
}
/* Tophead */
.Tophead{
	margin: 0 auto;
	position: relative;
}
.Tophead ul{
	position: absolute;
	top: -35px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 35px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
	font-size: 12px;
	position: relative;
}
.Tophead li .ServiceTop::after{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #e2e2e2;
}
.Tophead li:last-child .ServiceTop::after{
	display: none;
}
.Tophead li .ServiceTop a{
	color: #666;
}
/* 两个下拉 */
.Tophead li.mobile .ServiceTop a,.Tophead li.weixin .ServiceTop a{
	color: #138146;
}
.Tophead li .ServiceTop i{
	font-size: 13px;
	margin-right: 4px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 35px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 9999;
	box-sizing: border-box;
}
.ServiceBot1 {
	width: 672px;
	padding: 18px 14px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
}
.ServiceBot1 .item {
	float: left;
	width: 25%;
}
.ServiceBot1 .item .image{
	padding: 4px 4px 0;
	border-radius: 8px;
	display: inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
}
.ServiceBot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.ServiceBot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.ServiceBot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.Tophead li.mobile .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.mobile .hover::after{
	display: none;
}
/* weixin */
.ServiceBot2{
	height: 220px;
	width: 740px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.ServiceBot2 .gzRight{
	width: 440px;
	border-left: 1px solid #f3f3f3;
	float: right;
}
.ServiceBot2 .gzRight a{
	height: 110px;
	padding: 65px 20px 27px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	float: left;
	cursor: pointer;
}
.ServiceBot2 .gzRight a:nth-child(1)::after,
.ServiceBot2 .gzRight a:nth-child(2)::after,
.ServiceBot2 .gzRight a:nth-child(3)::after,
.ServiceBot2 .gzRight a:nth-child(4)::after{
	position: absolute;
	content:'';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a::before{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a:nth-child(4n)::before{
	display: none;
}
.ServiceBot2 .gzRight a i{
	position: absolute;
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 31px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-1.png) no-repeat;
	background-size: 100% 100%!important;
	display: inline-block;
	vertical-align: top;
}
.ServiceBot2 .gzRight a:nth-child(2) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-2.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(3) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-3.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(4) i{
	width: 63px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-4.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(5) i{
	width: 28px;
	height: 24px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-5.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(6) i{
	width: 41px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-6.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(7) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-7.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(8) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-8.png) no-repeat;
}
.ServiceBot2 .gzRight a.focus,.ServiceBot2 .gzRight a:hover{
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 2px 12px 0px rgba(40, 40, 40, 0.1);
}
.ServiceBot2 .gzRight a.focus::after,.ServiceBot2 .gzRight a.focus::before{
	display: none;
}
.ServiceBot2 .zgLeft{
	width: 299px;
	height: 100%;
	float: right;
	position: relative;
	display: none;
}
.ServiceBot2 .zgLeft p{
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 50%;
	width: 20px;
	line-height: 28px;
	font-size: 20px;
	color: #c27468;
	transform: translateY(-50%);
}
.ServiceBot2 .zgLeft img{
	position: absolute;
	left: 66px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.Tophead li.weixin .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.weixin .hover::after{
	display: none;
}
.Live{
	margin:16px auto 0;
}
.Live .left {
	width: 1200px;
	float: left;
	position: relative;
	border-radius: 10px 10px 0 0;
	padding-bottom: 30px;
	background-color: #fff;
}
.comment {
	float: right;
	width: 384px;
	height: 784px;
	background: #fff;
	position: relative;
	border-radius: 10px 10px 0 0;
	padding-bottom: 30px;
}
.play {
	height: 784px;
	background-color: #333;
	position: relative;
	border-radius: 10px;
}

.play .countDown {
	position: absolute;
	height: 76px;
	right: 0;
	left: 0;
	bottom: 109px;
	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: 675px;
	position: relative;
	overflow: hidden;
}
.video .image{
	padding-bottom:56.25%;
	height: 0;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.video .image img{
	width: 100%;
	max-height: none;
	display: block;
}
.liveItem {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.video .live-play,
.video .live-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
}
.video .live-play i,
.video .live-btn i{
	font-size: 90px;
	font-style: normal;
}
.video .live-btn .live-ico {
	font-size: 16px;
	text-align: center;
}
.video .replayCover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background:rgba(0, 0, 0, 0.5);
	z-index: 5;
}
.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;
}
@-webkit-keyframes load{
	0%,100%{
		height: 5px;
		background: #fff;
	}
	50%{
		height: 20px;
		margin: -5px 0;
		background: #fff;
	}
}
.LoadIng{
	display: inline-block;
	margin-right: 6px;
}
.LoadIng span{
	display: inline-block;
	width: 3px;
	height: 100%;
	border-radius: 3px;
	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;
}
.LoadIng span:nth-child(5){
	-webkit-animation-delay:0.8s;
}
.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;
}
.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: 39px;
	background-color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 39px;
	color: #00b578;
	border-bottom: 1px solid #eee;
	border-radius: 10px 10px 0 0;
	text-align: center;
	position: relative;
}
.comment .title::after{
	position: absolute;
	content: "";
	width: 64px;
	height: 2px;
	bottom: -1px;
	left: 50%;
	margin-left: -32px;
	background-color: #00b578;

}
.comment .form {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
}
.comment .form .form-main {
	overflow: hidden;
	height: 77px;
	width: 100%;
	border-radius: 10px;
	padding: 0 16px;
	box-sizing: border-box;
	-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;
}
.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: 33px 56px 0 0;
}
.comment #form1 .item:first-child {
	background-color: transparent;
	padding: 6px 0;
	margin: 0;
}
#message {
	font-size: 16px;
	padding: 8px 0 8px 10px;
	color: #787878;
	outline: none;
	overflow-x: hidden;
	height: 44px;
	line-height: 26px;
	overflow-y: auto;
	word-wrap: break-word;
	width: 296px;
	box-sizing: border-box;
	background: #f2f4f3;
	border: 1px solid #eaeceb;
	border-radius: 6px 0 0 6px;
	border-right: none;
}
#message img {
	/* width: 20px; */
	max-width: 100%;
	height: auto;
	max-height: none;
}
.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: 0;
	bottom: 0px;
	color: #fff;
	line-height: 42px;
	font-size: 14px;
	width: 56px;
	background: #22af6b;
	border: 1px solid #eaeceb;
	border-left: none;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
	-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;
}
.comment .form .item a.expression {
	font-size: 22px;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
}
.comment .form .item a.expression i {
	font-size: 22px;
	color: #bababa;
}
.comment .form .form-main.formHover{
	height: 155px;
}
.comment .form .form-main.formHover #message {
	height: 122px;
}
.comment .form .form-main.formHover button {
	line-height: 120px;
}
.faceList {
	position: absolute;
	left: 0px;
	top: -150px;
	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: 667px !important;
}
.comment .area{
	height: 657px !important;
	padding:10px 24px 0px 16px;
	overflow-y: auto;
	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:#22af6b;
 border-radius:3px;
 opacity:.5
}
.scroll_slider:hover{
 opacity:1
}*/
.slimScrollBar {
	background-color: #22af6b !important;
	opacity: .5 !important;
}
.comment .area .top-tips {
	font-size: 15px;
	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: #22af6b;
	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;
	display: none;
}
.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: 15px;
	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: #22af6b;
}
.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: 15px;
	position: relative;
    word-break: break-all;
    word-wrap: break-word;
}
.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: #22af6b;
	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: 15px 20px;
	border-bottom: 1px solid #eee;
}
.live-name h2 {
	font-size: 24px;
	font-weight: bold;
	height: 60px;
	line-height: 30px;
	overflow: hidden;
}
.live-name h2 b {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	border-radius: 9px 0 9px 0;
	padding: 0 19px;
	vertical-align: top;
	margin: 3px 0 0 10px;
	font-weight: normal;
	text-indent: 0;
	background-color: #129cff;
}
.live-name h2 b.replay{
	background-color: #129cff;
}
.live-name h2 b.notice{
	background-color: #ffa800;
}
.live-name h2 b.live{
	background-color: #ff474b;
}
.name-title {
	padding: 0 315px 0 100px;
	position: relative;
}
.name-title .comLogo{
	position: absolute;
	left: 0;
	top: 0;
	height: 76px;
	width: 76px;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	overflow: hidden;
}
.name-title .comLogo img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.name-title .item-bot{
	margin-top: 8px;
	overflow: hidden;
}
.name-title .time {
	float: left;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #666;
}
.name-title .time span {
	margin-right: 14px;
	padding-right: 14px;
	font-size: 13px;
	position: relative;
}
.name-title .time span::after{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	width: 1px;
	background-color: #ddd;
}
.name-title .time span:last-child{
	margin-right: 0;
	padding-right: 0;
}
.name-title .time span:last-child::after{
	display: none;
}
.name-title .time i {
	font-size: 14px;
	color: #999;
	vertical-align: top;
	margin: 2px 6px 0 0;
	display: inline-block;
}
.name-title .time i.iconview{
	font-size: 16px;
}
.name-title .xiangxi{
	float: left;
	margin-left: 10px;
	height: 30px;
}
.name-title .xiangxi span{
	display: inline-block;
	margin:4px 0 0 12px;
}
.name-title .xiangxi span.guanzhu a,
.name-title .xiangxi span.shoucang a,
.name-title .xiangxi span.jubao a{
	display: block;
	width: 60px;
	height: 26px;
	background-size: 100% 100%!important;
	cursor: pointer;
}
.name-title .xiangxi .guanzhu{
	display: none;
}
.name-title .xiangxi span.gz-btn a {
	background: url(../../../images/live/version/2022/gz-btn.png) no-repeat;
}
.name-title .xiangxi span.gz-btn-active a {
	background: url(../../../images/live/version/2022/gz-btn-active.png) no-repeat;
}
.name-title .xiangxi span.sc-btn a {
	background: url(../../../images/live/version/2022/sc-btn.png) no-repeat;
}
.name-title .xiangxi span.sc-btn-active a {
	background: url(../../../images/live/version/2022/sc-btn-active.png) no-repeat;
}
.name-title .xiangxi span.jubao a {
	background: url(../../../images/live/version/2022/jb-btn.png) no-repeat;
}





.name-title .item {
	max-width: 310px;
	position: absolute;
	top: 2px;
	right: 0;
}
.name-title .item span.share{
	width: 49px;
	height: 80px;
	display: inline-block;
	margin-left: 18px;
}
.name-title .item .Share-3{
	position: relative;
}
.name-title .item ul {
	float: left;
}
.name-title .item ul li {
	float: left;
	text-align: center;
	position: relative;
	margin-left: 22px;
}
.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 {
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	float: left;
	position: relative;
	padding: 12px 14px;
	border-radius: 6px;
	border: 1px solid rgb(72,90,210);
	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%);
}
.name-title .item ul li .invite i {
	display: block;
	margin: 0 auto 11px;
	width: 19px;
	background: url(/images/live/version/2022/invite.png) no-repeat;
	height: 19px;
	background-size: 100% 100% !important;
}
.name-title .item ul li .invite:hover{
	background-image: none;
	background-color: #fff;
	color: rgb(72,90,210);;
}
.name-title .item ul li .invite:hover i{
	background: url(/images/live/version/2022/invite-hover.png) no-repeat;
}
.name-title .item ul li .invite div {
	position: absolute;
	left: -63px;
	top: 86px;
	width: 184px;
	padding-bottom: 18px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: none;
	box-shadow: 0px 0px 21px -17px #000;
	z-index: 9999;
}
.name-title .item ul li .invite div span{
	display: block;
	font-size: 14px;
	padding: 10px 0 5px 0;
	text-align: center;
	color: #333;
}
.name-title .item ul li .invite div img{
	max-width: 150px;
}

.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 {
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	float: left;
	position: relative;
	padding: 11px 10px;
	border: 1px solid red;
	background-color: red;
	border-radius: 6px;
}
.name-title .item ul li .goBack i {
	display: block;
	width: 26px;
	height: 24px;
	margin: 0 auto 8px;
	background: url("/images/live/version/2022/jzt.png") no-repeat;
	background-size: 100% 100%!important;
}
.name-title .item ul li .goBack:hover{
	background-color: #fff;
	color: red;
}
.name-title .item ul li .goBack:hover i{
	background: url("/images/live/version/2022/jzt-hover1.png") no-repeat;
}
.name-title .item ul li .dmp {
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	float: left;
	position: relative;
	padding: 11px 10px;
	border: 1px solid #00b578;
	background-color: #00b578;
	border-radius: 6px;
}
.name-title .item ul li .dmp i {
	display: block;
	width: 26px;
	height: 21px;
	background: url("/images/live/version/2022/dmp.png") no-repeat;
	margin: 0 auto 11px;
	background-size: 100% 100%!important;
}
.name-title .item ul li .dmp:hover{
	background-color: #fff;
	color: #00b578;
}
.name-title .item ul li .dmp:hover i{
	background: url("/images/live/version/2022/dmp-hover1.png") no-repeat;
}
.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-title .item span.fenxiang{
	position: absolute;
	right: 18px;
	top: 0px;
	height: 62px;
	padding: 14px 10px 0;
	font-size: 14px;
	color: #333;
}
.name-title .item .fenxiang .iconfenxiang{
	font-size: 23px;
	display: block;
	margin: 0 auto 12px;
}
.name-title .item span.fenxiang .fenxiangDiv {
	position: absolute;
	left: -92px;
	top: 77px;
	width: 164px;
	height: 50px;
	z-index: 99;
	background: #fff;
	border-top: 3px solid #22af6b;
	box-shadow: 0 6px 15px #d6d6d6;
	padding: 5px 10px;
	box-sizing: border-box;
	/* display: none; */
}
.name-bot {
	height: 42px;
	line-height: 42px;
	background: #fff;
	padding: 0 24px;
	font-size: 14px;
	position: relative;
}

.main {
	margin: 0 auto;
	overflow: hidden;
}
.brief {
	width: 1200px;
	float: left;
	margin-right: 16px;
	background: #fff;
	border-radius: 0 0 8px 8px;
	padding: 0 24px 30px 24px;
	box-sizing: border-box;
}
.brief-nav {
	font-size: 20px;
	position: relative;
}
.brief-nav a {
	display: inline-block;
	height: 38px;
	line-height: 30px;
	margin-right: 35px;
	color: #999;
	position: relative;
	font-weight: bold;
}
.brief-nav a i {
	display: inline-block;
	margin-right: 8px;
	vertical-align: top;
}
.brief-nav a:nth-child(1) i{
	width: 26px;
	height: 24px;
	margin-top: 3px;
	background: url(../../../../images/live/version/2022/briefA1.png) no-repeat;
}
.brief-nav a:nth-child(2) i{
	width: 21px;
	height: 22px;
	margin-top: 4px;
	background: url(../../../../images/live/version/2022/briefA2.png) no-repeat;
}
.brief-nav a.focus:nth-child(1) i{
	background: url(../../../../images/live/version/2022/hover1.png) no-repeat;
}
.brief-nav a.focus:nth-child(2) i{
	background: url(../../../../images/live/version/2022/hover2.png) no-repeat;
}
.brief-nav a.focus i {
	color: #22af6b;
}
.brief-nav a.focus {
	color: #333;
}
.brief-nav a.focus::after {
	content: "";
	width: 100%;
	height: 3px;
	background: #22af6b;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.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: #22af6b;
}
.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: #22af6b;
}
.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: -10px -12px 0;
}
.brief-list .live-list li {
	padding: 0 12px;
	width: 33.333%;
	float: left;
	box-sizing: border-box;
	margin-top: 34px;
}
.brief-list .live-list li .image {
	height: 207px;
	position: relative;
}
.brief-list .live-list li .image b {
	height: 30px;
	border-radius: 2px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #ff474b;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	padding: 0 8px;
}
.brief-list .live-list li .image b.notice {
	background: #55a1ff;
	border: none;
	text-indent: 0px;
}
.brief-list .live-list li .image b.replay {
	background: #00b578;
}
.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%;
	border-radius: 4px;
}
.brief-list .live-list li p {
	height: 54px;
	line-height: 54px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
}
.brief-list .live-list li p a {
	color: #333;
}
.brief-list .live-list li p:hover a{
	color: #22af6b;
}
.view {
	overflow: hidden;
	background: #fff;
	border-radius: 0 0 8px 8px;
	padding: 0 16px;
}
.view-nav {
	height: 37px;
	line-height: 32px;
	overflow: hidden;
	position: relative;
}
.view-nav b {
	font-size: 20px;
	color: #333;
	position: relative;
	padding-left: 10px;
}
.view-nav b::after {
	position: absolute;
	content: '';
	top: 50%;
	width: 3px;
	height: 16px;
	margin-top: -8px;
	background-color: #00b578;
	left: 0;
}
.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: 5px 0 25px 0;
}
.view ul li {
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid #eaeaea;
}
.view ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.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: 14px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 9px;
}
.view ul li .text span {
	display: block;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.view ul li .text p a {
	color: #333;
}
.view ul li .text p a:hover {
	color: #22af6b;
}
.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: #22af6b;
}

.foot span {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
}
.footLeft .lxqq .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.footLeft .lxqq .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
}
.footLeft .lxqq a{
	position: relative;
	cursor: pointer;
}
.footLeft .lxqq a:hover .QQhover{
	display: inline-block;
}
.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;
}

.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;
}

.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;
	height: 207px;
}
.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: 80px;
	top: 200px;
	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 #22af6b;
	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 #22af6b;
	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_ico.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;
}
.rightBar ul li.consult b {
	background: url("/images/live/consult.png") no-repeat;
	background-size: cover;
}
.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: #22af6b;
	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:#44c098;
	background-image:-webkit-gradient(linear, top, bottom, from(#44c098), to(#3da6ba));
	background-image:-webkit-linear-gradient(180deg, #44c098, #3da6ba);
	background-image:-moz-linear-gradient(180deg, #44c098, #3da6ba);
	background-image:-ms-linear-gradient(180deg, #44c098, #3da6ba);
	background-image:-o-linear-gradient(180deg, #44c098, #3da6ba);
	background-image:linear-gradient(180deg, #44c098, #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 #3DBB93;
	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 #3DBB93;
	border-radius: 3px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	box-sizing: border-box;
	padding: 0;
}
.card-create .input p.tip a{color: #3DBB93;}
.card-create .input p.tip span.checked::after {
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 2px solid #3DBB93;
	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 #3DBB93;
	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: #2ba587;
	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;
}
/* 20221104 */
.create-part4 .card-tip{
	margin-top: 17px;
}
.create-part4 .card-tip p{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
}
.create-part4 .card-detail-1 {
	margin-top: 15px;
	overflow: hidden;
	padding: 24px 0 18px;
	background: #fff;
	position: relative;
	background: #fff url("/images/live/card-detail1.png") no-repeat;
	background-size: 100% 100%;
}
.create-part4 .card-detail-1 b {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 22px;
	padding: 0 8px 0 135px;
	color: #004f9c;
}
.create-part4 .card-detail-1 b span {
	font-size: 13px;
	color: #333;
	font-weight: normal;
	margin-left: 10px;
}
.create-part4 .card-detail-1 p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
	margin-top: 8px;
	padding: 0 8px 0 135px;
	color: #333;
}
.create-part4 .card-detail-1 p i {
	color: #004f9c;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;
}
.create-part4 .card-detail-1  span.card-img{
	position: absolute;
	left: 9px;
	bottom: 22px;
	width: 70px;
	height: 70px;
}
.create-part4 .card-detail-1 .company {
	height: 20px;
	line-height: 20px;
	color: #333;
	padding: 0 8px 0 95px;
	font-size: 14px;
	margin-top: 7px;
	overflow: hidden;
}
/* end */
.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: #22af6b;
}
.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 #22af6b;
	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 #22af6b;
	border-top: 1px solid #22af6b;
	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 #22af6b;
	border-right: 1px solid #22af6b;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.sub-select-bot li:hover {
	background: #22af6b;
	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: #22af6b;
	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;
}
.name-title .item .Share3-top {
	height: 80px!important;
	line-height: 80px!important;
}
.name-title .item .Share3-top i {
	margin: 34px 4px 0 0!important;
}
.name-title .item .Share3-bot {
	left: auto !important;
	top: auto !important;
	bottom: 85px !important;
	right: -20px !important;
}
/* 0927 */
.rightBar .share .Share3-top{
	display: none!important;
}
.rightBar .share .Share3-bot{
	bottom: -94px!important;
	left: auto!important;
	right: 3px!important;
}
.rightBar .share::after{
	position: absolute;
	content: "";
	left: -5px;
	top: 0px;
	bottom: 0px;
	width: 5px;
}
/* 网络课堂抽奖样式 END*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
}
#ifrvideo{
	position: absolute;
	left: 0;
	top: 0;
}
/* 20221129 */
.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: #00b578;
	line-height: 1;
}
/* 20230323 */
.comment .form .item a.uploadImg {
	position: absolute;
	left: 35px;
	top: 4px;
}
.comment .form .item a.uploadImg #uploadform {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.comment .form .item a.uploadImg i{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(https://public.mtnets.com/Images/live/live-icon-ba.png) no-repeat;
	background-size: 100% 100%;
}
.comment .area ul li p.comment-txt{
	border-radius: 0;
}
.comment .area ul li p.comment-txt img.comment-img,.comment .area ul li p.comment-txt img.live-image{
	display: block;
	max-height: none!important;
}
/* 20231122 */
.rightBar .yq-bot{
	position: absolute;
	top: 0;
	right: 56px;
	width: 398px;
	padding: 20px 36px 28px 0;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 99;
	display: none;
}
.rightBar .yq-bot .yq-image{
	float: left;
	padding: 0 28px;
	position: relative;
}
.rightBar .yq-bot .yq-image img{
	width: 142px;
	height: 142px;
}
.rightBar .yq-bot .yq-image::after{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -60px;
	content: "";
	width: 1px;
	height: 120px;
	background-color: #eee;
}
.rightBar .yq-bot .text{
	padding: 18px 0 0 27px;
	overflow: hidden;
}
.rightBar .yq-bot .text p{
	line-height: 30px;
	font-size: 22px;
	font-weight: 700;
	color: #333;
	text-align: left;
}
.rightBar .yq-bot .text p em{
	font-style: normal;
	color: #22af6b;
}
.rightBar .yq-bot .text span{
	margin-top: 14px;
	line-height: 20px;
	font-size: 15px;
	color: #999;
	display: block;
}
.rightBar .yq-bot .text span:last-child{
	margin-top: 6px;
}
.rightBar .yq:hover .yq-bot{
	display: block;
}
@media only screen and (min-width: 1281px) and (max-width: 1370px) {
	.w{
		width: 1240px;
	}
	.gift-box {
		left: 10px;
	}
	.Xwt {
		width: 90px !important;
		height: 129px !important;
		background-size: contain !important;
	}
	.Xwt .OnlineBtn {
		text-indent: 18px !important;
	}
	.advTop a span {
		font-size: 14px;
	}
	.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 ul li .invite div {
		left: -70px;
		top: 71px;
	}
	.play {
		height: 614px;
	}
	.comment .form .item .anonymous {
		left: 135px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 6px;
	}
	.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-list .content p {
		margin-top: 6px;
		line-height: 24px;
	}
	.brief-list .live-list li .image {
		height: 150px;
	}
	.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;
	}
	.brief-list .item .text .group {
		top: 13px;
	}
	.brief-list .live-list li p {
		height: 40px;
		line-height: 20px;
		margin-top: 6px;
		font-size: 14px;
	}
	.head p {
		margin-right: 130px;
	}
	.rightBar {
		top: 60%;
		right: 0px;
	}
	.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;
	}
	/* 0831 */
	.video-top .logo {
		width: 194px;
	}
	.video-top .page-name {
		margin-left: 30px;
		margin-top: 14px;
		width: 98px;
	}
	.search {
		width: 296px;
		height: 40px;
		margin: 2px 0 0 32px;
	}
	.search button {
		height: 40px;
		line-height: 40px;
		width: 86px;
		font-size: 14px;
	}
	.search button i {
		margin-right: 5px;
		font-size: 12px;
	}
	.search input {
    	width: 144px;
    	height: 40px;
    }
    .selectTop p {
    	font-size: 14px;
    	text-indent: 15px;
    	margin-top: 11px;
    }
    .searchSelect {
    	width: 75px;
    }
    .selectTop i {
    	right: 10px;
    	top: 5px;
    	font-size: 9px;
    }
	.video-top .right li {
		line-height: 28px;
		margin-left: 42px;
	}
	.video-top .right li a {
		font-size: 14px;
		color: #fff;
	}
	.video-top .right li a i {
		font-size: 14px;
		margin-right: 4px;
	}
	.video-top .right li a i.ease {
		font-size: 9px;
		margin-left: 5px;
		margin-right: 0;
	}
	.video-top .right li a.guestBtn {
		font-size: 13px;
		width: 86px;
		line-height: 28px;
		height: 28px;
	}
	.comment {
		width: 298px;
		height: 614px;
		padding-bottom: 25px;
	}
	.Live .left {
		width: 930px;
		padding-bottom: 25px;
	}
	.live-name {
		padding: 12px 15px;
	}
	.name-title .comLogo {
		height: 64px;
		width: 64px;
	}
    .live-name h2 {
    	font-size: 19px;
    	height: 56px;
    	line-height: 28px;
    }
	.live-name h2 b {
		font-size: 13px;
		height: 22px;
		line-height: 22px;
		border-radius: 7px 0 7px 0;
		padding: 0 15px;
		margin: 7px 0 0 10px;
	}
    .name-title {
    	padding: 0 200px 0 76px;
    }
	.name-title .item-bot {
		margin-top: 0;
	}
	.name-title .item {
		right: 0;
		max-width: 252px;
	}
	.name-title .item span.share{
		height: 65px;
		margin-left: 12px;
	}
	.name-title .item ul li {
		margin-left: 12px;
	}
	.name-title .item ul li .goBack,
	.name-title .item ul li .dmp {
		font-size: 13px;
		padding: 8px 5px;
	}
	.name-title .item ul li .invite{
		font-size: 13px;
		padding: 8px;
	}
	.name-title .item ul li .invite i{
		height: 17px;
		width: 17px;
		margin: 0 auto 8px;
	}
	.name-title .item ul li .goBack i {
		width: 21px;
		height: 20px;
		margin: 0 auto 5px;
	}
	.name-title .item ul li .dmp i {
		width: 21px;
		height: 17px;
		margin: 0 auto 8px;
	}
	.name-title .item span.fenxiang {
		right: 30px;
		height: 54px;
		padding: 10px 10px 0;
		font-size: 13px;
	}
	.name-title .item .fenxiang .iconfenxiang {
		font-size: 18px;
		margin: 0 auto 8px;
		text-align: center;
	}
	.name-title .item span.fenxiang .fenxiangDiv {
		top: 62px;
	}
	.video {
		height: 523px;
	}
	.video .replayCover a {
		width: 164px;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
	}
	.video .replayCover a img {
		margin: 17px 7px 0 0;
		width: 16px;
	}
	.comment .title {
		height: 35px;
		font-size: 14px;
		line-height: 35px;
	}
	.comment .title::after {
		width: 60px;
		margin-left: -30px;
	}
	.comment .area .top-tips {
		font-size: 13px;
		line-height: 18px;
	}
	.comment .area ul li p {
		font-size: 13px;
		line-height: 20px;
	}
	#message {
		font-size: 14px;
		padding: 6px 0 6px 8px;
		height: 34px;
		line-height: 22px;
		width: 230px;
	}
	.comment .form .item button {
		line-height: 32px;
		font-size: 13px;
		width: 43px;
	}
	.comment .form .item a.expression {
		left: 8px;
		font-size: 18px;
	}
	.comment .form .item a.expression i {
		font-size: 18px;
	}
	.comment #form1 .item {
		padding: 24px 43px 0 0;
	}
	.comment .form .form-main {
		height: 58px;
	}
	.comment .area {
		height: 480px !important;
		padding: 10px 16px 0 14px;
	}
	.comment .form .form-main.formHover {
		height: 124px;
	}
	.comment .form .form-main.formHover #message {
		height: 100px;
	}
	.comment .form .form-main.formHover button {
		line-height: 100px;
	}
	.faceList {
		top: -138px;
	}
	.faceList a {
		height: 24px;
		width: 24px;
	}
	.brief {
		width: 930px;
		padding: 0 18px 18px 18px;
		margin-right: 12px;
	}
	.brief-nav {
		font-size: 16px;
	}
	.brief-nav a {
		height: 32px;
		line-height: 26px;
		margin-right: 28px;
	}
	.brief-nav a:nth-child(1) i {
		width: 22px;
		height: 20px;
		background-size: 100% 100% !important;
	}
	.brief-nav a i {
		margin-right: 5px;
	}
	.brief-nav a.focus::after {
		height: 2px;
	}
	.brief-nav a:nth-child(2) i {
		width: 19px;
		height: 20px;
		margin-top: 4px;
		background-size: 100% 100% !important;
	}
	.brief-list .live-list {
		margin: -10px -10px 0;
	}
	.brief-list .live-list li {
		padding: 0 10px;
		margin-top: 28px;
	}
	.brief-list .live-list li .image {
		height: 160px;
	}
	.brief-list .live-list li .image b {
		height: 24px;
		right: 10px;
		top: 10px;
		font-size: 13px;
		line-height: 24px;
		padding: 0 5px;
	}
	.brief-list .live-list li p {
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}
	.view {
		padding: 0 12px;
	}
	.view-nav {
		height: 32px;
		line-height: 26px;
	}
	.view-nav b {
		font-size: 17px;
		padding-left: 10px;
	}
	.view-nav b::after {
		width: 2px;
		height: 14px;
		margin-top: -6px;
	}
	.view-nav .more {
		font-size: 12px;
	}
	.view ul {
		padding: 5px 0 14px 0;
	}
	.view ul li {
		padding: 7px 0;
	}
	.view ul li .image {
		width: 60px;
		height: 60px;
		margin-right: 8px;
	}
	.view ul li .text p {
		height: 28px;
		line-height: 28px;
		font-size: 13px;
		margin-top: 3px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 3px;
	}
	.bottomMenu {
		margin-top: 22px;
		padding: 24px 0 15px 0;
	}
	.footLeft ul {
		margin-right: 45px;
	}
	.footLeft ul li {
		line-height: 34px;
		font-size: 15px;
	}
	.footCenter ul li {
		line-height: 38px;
	}
	.footCenter ul li a {
		font-size: 15px;
	}
	.footRight .title {
		font-size: 15px;
		margin-bottom: 15px;
		margin-top: 8px;
	}
	.foot {
		padding: 16px 14px;
	}
	.footCenter {
		width: 25%;
	}
	.footRight {
		width: 42%;
	}
	.name-title .item .Share3-top {
		height: 65px !important;
		line-height: 65px !important;
		font-size: 14px!important;
	}
	.name-title .item .Share3-top i {
		margin: 27px 4px 0 0 !important;
	}
	.name-title .item .Share3-bot {
		bottom: 70px !important;
		right: -15px !important;
	}
	.play .countDown {
		bottom: 91px;
	}
	.create-part2 .card-detail-1 {
		padding: 18px 0 14px;
		margin-top: 10px;
	}
	.create-part2 .card-detail-1 b {
		height: 24px;
		line-height: 24px;
		font-size: 18px;
		padding: 0 8px 0 110px;
	}
	.create-part2 .card-detail-1 b span {
		font-size: 12px;
		margin-left: 6px;
	}
	.create-part2 .card-detail-1 p {
		height: 18px;
		line-height: 18px;
		font-size: 12px;
		margin-top: 6px;
		padding: 0 8px 0 110px;
	}
	.create-part2 .card-detail-1 .company {
		height: 18px;
		line-height: 18px;
		padding: 0 8px 0 80px;
		font-size: 12px;
		margin-top: 7px;
	}
	.create-part2 .card-detail-1 span.card-img {
		left: 5px;
		bottom: 18px;
		width: 62px;
		height: 62px;
	}
	.card-tip {
		margin-top: 12px;
	}
	.card-tip p {
		height: 18px;
		line-height: 18px;
		font-size: 12px;
	}
	.comment .form .item a.uploadImg {
		left: 35px;
		top: 4px;
	}
	.comment .form .item a.uploadImg i {
		width: 16px;
		height: 16px;
	}

}
@media only screen and (min-width: 1371px) and (max-width: 1440px) {
	.w{
		width: 1330px;
	}
	.gift-box {
		left: 10px;
	}
	.name-bot {
		height: 37px;
		line-height: 37px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.slimScrollDiv {
		height: 522px !important;
	}
	.comment .area{
		height: 513px !important;
	}
	.name-title .item {
		right: 0;
	}
	.play {
		height: 658px;
	}
	#message {
		height: 80px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 10px;
	}
	.comment .form .form-main {
		height: 119px;
	}
	.comment .form .item .anonymous {
		left: 150px;
	}
	.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;
	}
	.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;
	}
	.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: 0px;
	}
	.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;
	}
	/* 0831 */
	.video-top .logo {
		width: 210px;
	}
	.video-top .page-name {
		margin-left: 32px;
		margin-top: 15px;
		width: 105px;
	}
	.search {
		width: 316px;
		height: 40px;
		margin: 4px 0 0 35px;
	}
	.search button {
		width: 92px;
		font-size: 14px;
	}
	.search button i {
		margin-right: 5px;
		font-size: 13px;
	}
    .selectTop p {
    	margin-top: 11px;
    }
    .search input {
    	width: 138px;
    }
	.video-top .right li a {
		font-size: 15px;
	}
	.video-top .right li a i {
		font-size: 16px;
		margin-right: 6px;
	}
	.video-top .right li {
		margin-left: 45px;
		line-height: 30px;
	}
	.video-top .right li .menu-bot a {
		font-size: 15px;
	}
	.video-top .right li a.guestBtn {
		font-size: 14px;
		width: 94px;
		line-height: 30px;
		height: 30px;
	}
	.video-top .right li a i.ease {
		font-size: 10px;
		margin-left: 8px;
		margin-right: 0;
	}
	.Live {
		margin: 13px auto 0;
	}
	.live-name {
		padding: 12px 18px;
	}
	.name-title .comLogo {
		height: 70px;
		width: 70px;
	}
    .name-title {
    	padding: 0 210px 0 80px;
    }
	.live-name h2 b {
		font-size: 13px;
		height: 22px;
		line-height: 22px;
		border-radius: 8px 0 8px 0;
		padding: 0 17px;
		margin: 10px 0 0 10px;
	}
    .live-name h2 {
    	font-size: 21px;
    }
	.name-title .time {
		font-size: 14px;
		height: 26px;
		line-height: 26px;
	}
	.name-title .item-bot {
		margin-top: 6px;
	}
	.name-title .xiangxi {
		margin-left: 8px;
		height: 26px;
	}
	.name-title .xiangxi span {
		margin: 0px 0 0 10px;
	}
	.name-title .item ul li .goBack i {
		width: 22px;
		height: 21px;
		margin: 0 auto 6px;
	}
	.name-title .item ul li .dmp i {
		width: 23px;
		height: 18px;
		margin: 0 auto 8px;
	}
	.name-title .item ul li .goBack,
	.name-title .item ul li .dmp {
		font-size: 13px;
		padding: 10px 7px;
	}
	.name-title .item .fenxiang .iconfenxiang {
		font-size: 20px;
		margin: 0 auto 8px;
		text-align: center;
	}
	.name-title .item ul li {
		margin-left: 14px;
	}
	.name-title .item span.fenxiang {
		right: 26px;
		height: 56px;
		padding: 12px 8px 0;
		font-size: 14px;
	}
	.name-title .item span.fenxiang .fenxiangDiv {
		top: 66px;
	}
	.video {
		width: 100%;
		height: 561px;
	}
	.video .replayCover a {
		width: 176px;
		height: 54px;
		line-height: 54px;
		font-size: 16px;
	}
	.video .replayCover a img {
		margin: 19px 8px 0 0;
		width: 18px;
	}
	.Live .left {
		width: 998px;
		padding-bottom: 25px;
	}
	.comment {
		width: 320px;
		height: 658px;
		padding-bottom: 25px;
	}
	.comment .area ul li p {
		line-height: 20px;
		font-size: 13px;
	}
	.comment .form .item button {
		line-height: 36px;
		font-size: 13px;
		width: 56px;
	}
	.comment .form .item a.expression i {
		font-size: 20px;
	}
	.comment .form .item a.expression {
		font-size: 20px;
		left: 6px;
	}
	.comment #form1 .item {
		padding: 27px 56px 0 0;
	}
	#message {
		font-size: 14px;
		padding: 4px 0 4px 8px;
		height: 36px;
		line-height: 24px;
		width: 232px;
	}
	.comment .form .form-main.formHover #message {
		height: 108px;
	}
	.comment .form .form-main.formHover button {
		line-height: 108px;
	}
	.comment .form .form-main.formHover {
		height: 136px;
	}
	.comment .form .form-main {
		height: 63px;
	}
	.comment .area {
		height: 515px !important;
	}
	.faceList {
		top: -142px;
	}
	.brief {
		width: 998px;
		padding: 0 22px 24px 22px;
		margin-right: 12px;
	}
	.brief-list .live-list li {
		padding: 0 10px;
		margin-top: 24px;
	}
	.brief-list .live-list li p {
		height: 42px;
		line-height: 42px;
		margin-top: 0;
		font-size: 15px;
	}
	.brief-list .live-list {
		margin: -10px -10px 0;
	}
	.view ul {
		padding: 5px 0 13px 0;
	}
	.view ul li .image {
		width: 62px;
		height: 62px;
		margin-right: 10px;
	}
	.view ul li .text p {
		height: 26px;
		line-height: 26px;
		margin-top: 5px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 8px;
	}
	.view ul li {
		padding: 6px 0;
	}
	.bottomMenu {
		margin-top: 24px;
		padding: 25px 0 20px 0;
	}
	.foot {
		padding: 14px;
	}
	.faceList a {
		height: 26px;
		width: 26px;
	}
	.name-title .item {
		max-width: 268px;
	}
	.name-title .item span.share{
		height: 70px;
	}
	.name-title .item .Share3-top {
		height: 70px !important;
		line-height: 70px !important;
		font-size: 15px!important;
	}
	.name-title .item .Share3-top i {
		margin: 29px 4px 0 0 !important;
	}
	.name-title .item .Share3-bot {
		bottom: 74px !important;
		right: -18px !important;
	}
	.name-title .item ul li .invite{
		font-size: 13px;
		padding: 10px;
	}
	.name-title .item ul li .invite i{
		margin: 0 auto 8px;
		width: 18px;
		height: 18px;
	}
	.name-title .item ul li .invite div {
		left: -69px;
		top: 76px;
	}
	.play .countDown {
		bottom: 97px;
	}
	.create-part4 .card-detail-1 {
		padding: 22px 0 16px;
	}
	.create-part4 .card-detail-1 b {
		padding: 0 8px 0 120px;
	}
	.create-part4 .card-detail-1 p {
		margin-top: 6px;
		padding: 0 8px 0 120px;
	}
	.create-part4 .card-detail-1 .company {
		padding: 0 8px 0 85px;
		font-size: 14px;
		margin-top: 7px;
	}
	.create-part4 .card-detail-1 span.card-img {
		left: 7px;
		bottom: 22px;
		width: 66px;
		height: 66px;
	}
	.comment .form .item a.uploadImg {
		left: 35px;
		top: 6px;
	}
	.comment .form .item a.uploadImg i {
		width: 18px;
		height: 18px;
	}

}
@media only screen and (min-width: 1441px) and (max-width: 1640px) {
	.w{
		width: 1330px;
	}
	.gift-box {
		left: 10px;
	}
	.name-bot {
		height: 37px;
		line-height: 37px;
	}
	.advTop a span {
		font-size: 14px;
	}
	.slimScrollDiv {
		height: 522px !important;
	}
	.comment .area{
		height: 513px !important;
	}
	.name-title .item {
		right: 0;
	}
	.play {
		height: 658px;
	}
	#message {
		height: 80px;
	}
	.comment .form .dz {
		left: 90px;
		bottom: 10px;
	}
	.comment .form .form-main {
		height: 119px;
	}
	.comment .form .item .anonymous {
		left: 150px;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	/* 0831 */
	.video-top .logo {
		width: 210px;
	}
	.video-top .page-name {
		margin-left: 32px;
		margin-top: 15px;
		width: 105px;
	}
	.search {
		width: 316px;
		height: 40px;
		margin: 4px 0 0 35px;
	}
	.search button {
		width: 92px;
		font-size: 14px;
	}
	.search button i {
		margin-right: 5px;
		font-size: 13px;
	}
    .search input {
    	width: 139px;
    }
    .selectTop p {
    	margin-top: 11px;
    }
	.video-top .right li a {
		font-size: 15px;
	}
	.video-top .right li a i {
		font-size: 16px;
		margin-right: 6px;
	}
	.video-top .right li {
		margin-left: 45px;
		line-height: 30px;
	}
	.video-top .right li .menu-bot a {
		font-size: 15px;
	}
	.video-top .right li a.guestBtn {
		font-size: 14px;
		width: 94px;
		line-height: 30px;
		height: 30px;
	}
	.video-top .right li a i.ease {
		font-size: 10px;
		margin-left: 8px;
		margin-right: 0;
	}
	.Live {
		margin: 13px auto 0;
	}
	.live-name {
		padding: 12px 18px;
	}
	.name-title .comLogo {
		height: 70px;
		width: 70px;
	}
	.name-title {
    	padding: 0 208px 0 80px;
    }
	.live-name h2 b {
		font-size: 13px;
		height: 22px;
		line-height: 22px;
		border-radius: 8px 0 8px 0;
		padding: 0 17px;
		margin: 10px 0 0 10px;
	}
    .live-name h2 {
    	font-size: 21px;
    }
	.name-title .time {
		font-size: 14px;
		height: 26px;
		line-height: 26px;
	}
	.name-title .item-bot {
		margin-top: 6px;
	}
	.name-title .xiangxi {
		margin-left: 8px;
		height: 26px;
	}
	.name-title .xiangxi span {
		margin: 0px 0 0 10px;
	}
	.name-title .item ul li .goBack i {
		width: 22px;
		height: 21px;
		margin: 0 auto 6px;
	}
	.name-title .item ul li .dmp i {
		width: 23px;
		height: 18px;
		margin: 0 auto 8px;
	}
	.name-title .item ul li .goBack,
	.name-title .item ul li .dmp {
		font-size: 13px;
		padding: 10px 7px;
	}
	.name-title .item .fenxiang .iconfenxiang {
		font-size: 20px;
		margin: 0 auto 8px;
		text-align: center;
	}
	.name-title .item ul li {
		margin-left: 14px;
	}
	.name-title .item span.fenxiang {
		right: 26px;
		height: 56px;
		padding: 12px 8px 0;
		font-size: 14px;
	}
	.name-title .item span.fenxiang .fenxiangDiv {
		top: 66px;
	}
	.video {
		width: 100%;
		height: 561px;
	}
	.video .replayCover a {
		width: 176px;
		height: 54px;
		line-height: 54px;
		font-size: 16px;
	}
	.video .replayCover a img {
		margin: 19px 8px 0 0;
		width: 18px;
	}
	.Live .left {
		width: 998px;
		padding-bottom: 25px;
	}
	.comment {
		width: 320px;
		height: 658px;
		padding-bottom: 25px;
	}
	.comment .area ul li p {
		line-height: 20px;
		font-size: 13px;
	}
	.comment .form .item button {
		line-height: 36px;
		font-size: 13px;
		width: 56px;
	}
	.comment .form .item a.expression i {
		font-size: 20px;
	}
	.comment .form .item a.expression {
		font-size: 20px;
		left: 6px;
	}
	.comment #form1 .item {
		padding: 27px 56px 0 0;
	}
	#message {
		font-size: 14px;
		padding: 4px 0 4px 8px;
		height: 36px;
		line-height: 24px;
		width: 232px;
	}
	.comment .form .form-main.formHover #message {
		height: 108px;
	}
	.comment .form .form-main.formHover button {
		line-height: 108px;
	}
	.comment .form .form-main.formHover {
		height: 136px;
	}
	.comment .form .form-main {
		height: 63px;
	}
	.comment .area {
		height: 515px !important;
	}
	.faceList {
		top: -142px;
	}
	.brief {
		width: 998px;
		padding: 0 22px 24px 22px;
		margin-right: 12px;
	}
	.brief-list .live-list li {
		padding: 0 10px;
		margin-top: 24px;
	}
	.brief-list .live-list li p {
		height: 42px;
		line-height: 42px;
		margin-top: 0;
		font-size: 15px;
	}
	.brief-list .live-list {
		margin: -10px -10px 0;
	}
	.view ul {
		padding: 5px 0 13px 0;
	}
	.view ul li .image {
		width: 62px;
		height: 62px;
		margin-right: 10px;
	}
	.view ul li .text p {
		height: 26px;
		line-height: 26px;
		margin-top: 5px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 8px;
	}
	.view ul li {
		padding: 6px 0;
	}
	.bottomMenu {
		margin-top: 24px;
		padding: 25px 0 20px 0;
	}
	.foot {
		padding: 14px;
	}
	.rightBar {
		right: 70px;
	}
	.faceList a {
		height: 26px;
		width: 26px;
	}
	.name-title .item {
		max-width: 268px;
	}
	.name-title .item span.share{
		height: 70px;
	}
	.name-title .item .Share3-top {
		height: 70px !important;
		line-height: 70px !important;
		font-size: 15px!important;
	}
	.name-title .item .Share3-top i {
		margin: 29px 4px 0 0 !important;
	}
	.name-title .item .Share3-bot {
		bottom: 76px !important;
		right: -18px !important;
	}
	.name-title .item ul li .invite{
		font-size: 13px;
		padding: 10px;
	}
	.name-title .item ul li .invite i{
		margin: 0 auto 8px;
		width: 18px;
		height: 18px;
	}
	.name-title .item ul li .invite div {
		left: -69px;
		top: 76px;
	}
	.play .countDown {
		bottom: 97px;;
	}
	.create-part4 .card-detail-1 {
		padding: 22px 0 16px;
	}
	.create-part4 .card-detail-1 b {
		padding: 0 8px 0 120px;
	}
	.create-part4 .card-detail-1 p {
		margin-top: 6px;
		padding: 0 8px 0 120px;
	}
	.create-part4 .card-detail-1 .company {
		padding: 0 8px 0 85px;
		font-size: 14px;
		margin-top: 7px;
	}
	.create-part4 .card-detail-1 span.card-img {
		left: 7px;
		bottom: 22px;
		width: 66px;
		height: 66px;
	}
	.comment .form .item a.uploadImg {
		left: 35px;
		top: 6px;
	}
	.comment .form .item a.uploadImg i {
		width: 18px;
		height: 18px;
	}
}
@media only screen and (max-width: 1280px) {
	.w{
		width: 1070px;
	}
	.header p a {
		padding: 0 8px;
	}
	.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 .invite div {
		left: -50px;
		top: 72px;
		width: 140px;
		height: 164px;
	}
	.name-title .item ul li .invite div::after {
		left: 42px;
	}
	.name-title .time {
		height: 18px;
		line-height: 18px;
		margin-top: 4px;
	}
	.slimScrollDiv {
		height: 425px !important;
	}
	.comment .area ul li .content b {
		width: 26px;
		height: 26px;
		margin-right: 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;
	}
	.comment .form .item .anonymous {
		left: 125px;
		top: 6px;
	}
	.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;
	}
	.comment .area ul li .comment-p {
		font-size: 12px;
	}
	.head p {
		margin-right: 130px;
	}

	.footLeft ul li {
		font-size: 14px;
	}
	.footLeft p b {
		font-size: 14px;
	}
	.footLeft p {
		font-size: 14px;
	}
	.footRight .title {
		font-size: 14px;
	}
	.footCenter ul li a {
		font-size: 14px;
	}
	.briefingRight ul li p {
		font-size: 14px;
	}
	.foot {
		font-size: 12px;
		padding: 10px;
	}
	.footLeft {
		padding-left: 50px;
	}
	.footLeft ul {
		margin-right: 30px;
	}
	.footCenter {
		padding-left: 60px;
	}
	.footRight ul li .ewm {
		width: 100px;
		height: 100px;
	}
	.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;
	}
	/* 8031 */
	.video-top {
		padding: 13px 0;
	}
	.video-top .logo {
		width: 168px;
	}
	.video-top .page-name {
		margin-left: 26px;
		margin-top: 10px;
		width: 84px;
	}
	.search {
		width: 254px;
		height: 34px;
		margin: 3px 0 0 32px;
	}
	.searchSelect {
    	width: 66px;
    }
    .selectTop i {
    	right: 10px;
    	top: 5px;
    	font-size: 8px;
    }
    .selectTop p {
    	font-size: 12px;
    	line-height: 18px;
    	text-indent: 16px;
    	margin-top: 8px;
    	height: 18px;
    }
    .search input {
    	width: calc(100% - 135px);
    	font-size: 13px;
    	text-indent: 10px;
    }
	.search button {
		height: 34px;
		line-height: 34px;
		width: 72px;
		font-size: 13px;
	}
	.search button i {
		margin-right: 4px;
		font-size: 12px;
	}
	.video-top .right li {
		line-height: 28px;
		margin-left: 24px;
	}
	.video-top .right li a {
		font-size: 13px;
	}
	.video-top .right li a i {
		font-size: 13px;
		margin-right: 3px;
	}
	.video-top .right li a i.ease {
		font-size: 8px;
		margin-left: 6px;
		margin-right: 0;
		margin-top: 2px;
	}
	.video-top .right li a.guestBtn {
		font-size: 13px;
		width: 74px;
		line-height: 28px;
		height: 28px;
		border-radius: 18px;
	}
	.video-top .right {
		top: 4px;
	}
	.Live .left {
		width: 803px;
		padding-bottom: 20px;
	}
	.comment {
		width: 257px;
		height: 530px;
		padding-bottom: 20px;
	}
	.name-title .comLogo {
		height: 56px;
		width: 56px;
	}
	.live-name {
		padding: 10px 13px;
	}
    .name-title {
    	padding: 0 170px 0 66px;
    }
    .live-name h2 {
    	font-size: 17px;
    	height: 50px;
    	line-height: 25px;
    }
	.live-name h2 b {
		font-size: 12px;
		height: 18px;
		line-height: 19px;
		padding: 0 9px;
		border-radius: 6px 0 6px 0;
	}
	.name-title .item-bot {
		margin-top: 0px;
	}
	.name-title .time {
		height: 26px;
		line-height: 26px;
		margin-top: 0;
		font-size: 12px;
	}
	.name-title .time span {
		margin-right: 10px;
		padding-right: 10px;
		font-size: 12px;
	}
	.name-title .time i {
		font-size: 12px;
		margin: 0px 4px 0 0;
	}
	.name-title .xiangxi {
		margin-left: 8px;
		height: 26px;
	}
	.name-title .xiangxi span {
		margin: 0px 0 0 8px;
	}
	.name-title .item {
		right: 0;
		max-width: 207px;
		top: 2px;
	}
	.name-title .item span.share{
		width: 41px;
		margin-left: 12px;
		height: 62px;
	}
	.name-title .item ul li .goBack,
	.name-title .item ul li .dmp {
		font-size: 12px;
		padding: 8px 3px;
	}
	.name-title .item ul li .invite{
		font-size: 12px;
		padding: 8px 6px;
	}
	.name-title .item ul li {
		margin-left: 14px;
	}
	.name-title .item ul li .goBack i {
		width: 20px;
		height: 18px;
		margin: 0 auto 5px;
	}
	.name-title .item ul li .dmp i {
		width: 20px;
		height: 16px;
		margin: 0 auto 7px;
	}
	.name-title .item ul li .invite i{
		height: 16px;
		width: 16px;
		margin: 0 auto 7px;
	}
	.name-title .item span.fenxiang {
		right: 5px;
		height: 45px;
		padding: 14px 6px 0;
		font-size: 12px;
	}
	.name-title .item span.fenxiang .fenxiangDiv {
		left: -124px;
		top: 58px;
	}
	.video {
		height: 451px;
	}
	.video .replayCover a {
		width: 142px;
		height: 44px;
		line-height: 44px;
		font-size: 13px;
	}
	.video .replayCover a img {
		margin: 16px 5px 0 0;
		width: 13px;
	}
	.comment .area .top-tips {
		font-size: 12px;
		line-height: 16px;
	}
	.comment .area ul li p {
		font-size: 12px;
		padding: 5px 8px;
		margin-top: 5px;
		line-height: 18px;
	}
	.comment .area {
		height: 440px !important;
		padding: 10px 14px 0px 10px;
	}
	.name-title .item .fenxiang .iconfenxiang {
		font-size: 16px;
		margin: 0 auto 4px;
		text-align: center;
	}
	.play {
		height: 530px;
	}
	#message {
		font-size: 12px;
		padding: 4px 0 4px 6px;
		height: 32px;
		line-height: 24px;
		width: 191px;
	}
	.comment .form .item button {
		line-height: 32px;
		font-size: 12px;
		width: 46px;
	}
	.comment .form .item a.expression i {
		font-size: 16px;
	}
	.comment .form .item a.expression {
		font-size: 16px;
	}
	.comment #form1 .item {
		padding: 20px 46px 0 0;
	}
	.comment .form .form-main {
		height: 52px;
		padding: 0 11px;
	}
	.comment .form {
		bottom: 20px;
	}
	.comment .form .form-main.formHover{
		height: 124px;
	}
	.comment .form .form-main.formHover #message {
		height: 104px;
	}
	.comment .form .form-main.formHover button {
		line-height: 104px;
	}
	.faceList a {
		height: 20px;
		width: 20px;
	}
	.faceList {
		top: -122px;
	}
	.brief {
		width: 803px;
		padding: 0 17px 15px 17px;
		margin-right: 10px;
	}
	.brief-nav {
		font-size: 14px;
	}
	.brief-nav a {
		height: 28px;
		line-height: 22px;
		margin-right: 22px;
	}
	.brief-nav a:nth-child(1) i {
		width: 20px;
		height: 18px;
		margin-top: 2px;
		background-size: 100% 100% !important;
	}
	.brief-nav a.focus::after {
		height: 2px;
	}
	.brief-nav a:nth-child(2) i {
		width: 15px;
		height: 16px;
		margin-top: 3px;
		background-size: 100% 100%!important;
	}
	.brief-nav a i {
		margin-right: 4px;
	}
	.brief-list .live-list {
		margin: -8px -8px 0;
	}
	.brief-list .live-list li {
		padding: 0 8px;
		margin-top: 20px;
	}
	.brief-list .live-list li .image {
		height: 138px;
	}
	.brief-list .live-list li .image b {
		height: 20px;
		border-radius: 2px;
		right: 8px;
		top: 8px;
		font-size: 12px;
		line-height: 20px;
		padding: 0 4px;
	}
	.brief-list .live-list li p {
		height: 28px;
		line-height: 28px;
		font-size: 14px;
	}
	.view-nav {
		height: 28px;
		line-height: 22px;
	}
	.view-nav b {
		font-size: 14px;
		padding-left: 8px;
	}
	.view-nav b::after {
		width: 2px;
		height: 12px;
		margin-top: -5px;
	}
	.view-nav .more {
		font-size: 12px;
	}
	.view ul {
		padding: 5px 0 15px 0;
	}
	.view ul li {
		padding: 5px 0;
	}
	.view ul li .image {
		width: 49px;
		height: 49px;
		margin-right: 10px;
	}
	.view ul li .text p {
		font-size: 13px;
		height: 22px;
		line-height: 22px;
		margin-top: 2px;
	}
	.view ul li .text span {
		font-size: 12px;
		margin-top: 6px;
	}
	.bottomMenu {
		margin-top: 20px;
		padding: 20px 0 15px 0;
	}
	.name-title .item .Share3-top {
		height: 62px !important;
		line-height: 62px !important;
		font-size: 12px!important;
	}
	.name-title .item .Share3-top i {
		margin: 26px 4px 0 0 !important;
		background-size: 100% 100%!important;
	}
	.name-title .item .Share3-bot {
		bottom: 68px !important;
		right: -13px !important;
	}
	.play .countDown {
		bottom: 79px;
	}
	.create-part4 .card-detail-1 {
		padding: 18px 0 14px;
		margin-top: 10px;
	}
	.create-part4 .card-detail-1 b {
		height: 24px;
		line-height: 24px;
		font-size: 18px;
		padding: 0 8px 0 110px;
	}
	.create-part4 .card-detail-1 b span {
		font-size: 12px;
		margin-left: 6px;
	}
	.create-part4 .card-detail-1 p {
		height: 18px;
		line-height: 18px;
		font-size: 12px;
		margin-top: 6px;
		padding: 0 8px 0 110px;
	}
	.create-part4 .card-detail-1 .company {
		height: 18px;
		line-height: 18px;
		padding: 0 8px 0 80px;
		font-size: 12px;
		margin-top: 7px;
	}
	.create-part4 .card-detail-1 span.card-img {
		left: 5px;
		bottom: 18px;
		width: 62px;
		height: 62px;
	}
	.create-part4 .card-tip {
		margin-top: 12px;
	}
	.create-part4 .card-tip p {
		height: 18px;
		line-height: 18px;
		font-size: 12px;
	}
	.comment .form .item a.uploadImg {
		left: 25px;
		top: 5px;
	}
	.comment .form .item a.uploadImg i {
		width: 14px;
		height: 14px;
	}
	.comment .area ul li .comment-img {
		margin-top: 5px;
	}



}

.start,.end{
		display:none
		}