body{
	font-size: 15px; line-height: 24px; color: #222; text-align: justify; padding-bottom: 10px;
}
*{
	box-sizing: border-box;
}
.top{
	position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #ffffff; box-shadow: 0px 1px 2px rgba(128, 128, 128, .6);
	z-index: 100;
}
.top-left{
	float: left; width: 40px; height: 40px; margin-top: 5px; margin-left: 10px;
}
.top-left img{
	width: 100%; height: 100%;
}
.top-mid{
	float: left; margin-left: 5px; height: 30px; margin-top: 10px; line-height: 30px;
}
.top-right{
	float: right; width: 90px; height: 30px; margin-top: 10px; margin-right: 10px; position: relative;
}
.top-right a{
	display: block; width: 100%; height: 100%; text-align: center;; line-height: 30px; background: #E0474C;
	font-size: 13px; border-radius: 7px; color: #ffffff; font-weight: bold;
}
.top-right span{
	position: absolute; width: 90px; height: 30px; left: 0; bottom: 0; background: #E0474C;
	-webkit-animation: living 2s linear infinite; z-index: -1; border-radius: 6px;
}
.live span:nth-child(2){
	-webkit-animation-delay: 1s; /*第二个span动画延迟1.5秒*/
}
@keyframes living {
	0%{
		transform: scale(1);
		opacity: 0.5;  
	}
	50%{
		transform: scale(1.2);  
		opacity: 0;   /*圆形放大的同时，透明度逐渐减小为0*/
	}
	100%{
		transform: scale(1);
		opacity: 0.5;
	}
}
.headpic{
	width: 100%; overflow: hidden;
}
.s-fg{
	height: 5px; background: #f5f5f5;
}
.b-fg{
	height: 10px; background: #f5f5f5;
}
.main{
	padding: 0 15px;
}
.title{
	font-size: 16px; font-weight: 500; margin-bottom: 10px; margin-top: 10px;
}
.summary{
	color: #808080; font-size: 14px; line-height: 21px; padding-bottom: 10px;
}
.layui-tab{
	margin: 0;
}
.layui-tab-brief>.layui-tab-title .layui-this{
	color: rgb(17,112,203);
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 2px solid rgb(17,112,203);
}
.layui-tab-content{
	padding: 0;
}
.son-title{
	padding: 10px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dcdcdc;
}
.nitem{
	padding: 10px 0; border-bottom: 1px solid #dcdcdc; display: flex; justify-content: space-between; align-items: center;
}
.nitem-left{
	padding-right:8px;
}
.nitem-right{
	width: 122px; height: 83px; background-size: cover; background-position: center;
}
.ntitle{
	height: 65px; overflow: hidden; text-align: justify; line-height: 20px; font-weight: 500;
}
.ntime{
	font-size: 12px; color: #808080; margin-top: 5px; text-align:left;
}
.son-a{
	width: 100%; box-sizing: border-box; padding: 5px 15px 5px 5px; text-align: right; margin-top: 10px; background: #ffffff;
	display: block; font-size: 12px;
}
.main-top{
	border-top: 10px solid #f5f5f5; border-bottom: 0px solid #f5f5f5;
	white-space: nowrap; overflow-x: auto;
}
.main-top-item{
	width: 20%; display: inline-block; margin-left: 15px;
	text-align: center; overflow: hidden; padding-top: 10px;
}
.main-top-item.wr-this{
	border-bottom: 3px solid rgb(17,112,203); color: rgb(17,112,203);
}
.main-main{
	padding: 0 15px;
}
.qa-sdk-wrapper {
	position: fixed;
	width: 400px;
	right: -600px;
	max-height: 530px;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
	background: #fff;
}

.qa-sdk-close-btn {
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	position: absolute;
	top: 16px;
	right: 16px;
}

.qa-sdk-close-btn:hover {
	border-radius: 50%;
	background-color: #d5d9df;
}

#qa-sdk-iframe {
	width: 400px;
}

@media (min-width: 1024px) and (max-width: 1366px) {
	.qa-sdk-wrapper{
		width: 356px;
	}
	#qa-sdk-iframe {
		width: 356px;
	}
}