main{
	padding-top: 3vw;
}
.tab{
	width: 100%;
	height: 50px;
	background-color: #efefef;
	margin-bottom: 3vw;
}
.tab ul.container{
	height: 100%;
	overflow: hidden;
}
.tab ul.container>li{
	height: 100%;
	text-align: center;
}
.tab ul.container>li span{
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #121212;
}
.tab ul.container>li.active span,.tab ul.container>li span:hover{
	color: #0072FF;
	cursor: pointer;
	border-bottom: 2px solid #0072FF;
}
.left{
	padding: 0;
}
.left>a{
	display: inline-block;
	width: 100%;
	margin: 1vw 1.5vw 1vw 0;
	border-bottom: 1px solid #eee;
}

.left img{
	width: 100%;
}

.left .list{
	width: 100%;
	/* padding-left: 0; */
	padding-bottom: 20px;
	padding-top: 15px;
}
.left .list:hover{
	box-shadow: 1px 1px 5px #ddd;
}
.left .list:hover .title{
	color: #0072FF;
}
.left .list .title{
	color: #121212;
	margin-bottom: 1vw;
}
.left .list .detail,.left .list .time{
	color: #666;
}
.left .list .time{
	margin-top: 1vw;
}
main.message_detail{
	margin-top: 1vw;
}
main.message_detail .nav{
	margin-bottom: 3vw;
	
}
main.message_detail .nav a{
	color: #333;
}
main.message_detail .nav a:hover,main.message_detail .nav span{
	color: #0072FF;
}
main.message_detail .title{
	text-align: center;
	margin-bottom: 3vw;
}
main.message_detail .title>.sign{
	font-size: 12px;
	color: #666;
}
main.message_detail .content{
	margin-bottom: 4vw;
}
main.message_detail .content p{
	text-indent: 2em;
	margin-bottom: 1vw;
}
main.message_detail .content img{
	/*width: 100%;*/
	margin-bottom: 1vw;
}


.right{
	border: 1px solid #0072FF;
	padding: 0;
	margin-bottom: 3vw;
}
.right .title{
	width: 100%;
	height: 40px;
	background-color: #0072FF;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}
.right .list{
	padding: 10px 5px;
	display: inline-block;
	width: 100%;
	color: #333;
}
.right .list:hover{
	color: #0072FF;
}
.right .list .logo{
	display: inline-block;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	border-radius: 50%;
	background-color: #eee;
	color: #666;
	font-size: 12px;
}
.right .list:nth-of-type(1) .logo,.right .list:nth-of-type(2) .logo,.right .list:nth-of-type(3) .logo{
	background-color: #FF8C00;
	color: #fff;
}
.right .list span.time{
	padding-left: 18px;
	font-size: 12px;
	color: #666;
}

/* pc */
@media screen and (min-width: 768px) {
	.tab{
		height: 50px;
	}
	.tab ul.container>li{
		width: 100px;
	}
	.tab ul.container>li span{
		line-height: 48px;
		font-size: 16px;
	}
	.left>a.text{
		padding-left: 15px;
	}
	
	.left .list .title{
		/*font-size: 1.3vw;*/
		font-size: 18px;
	}
	.left .list .detail{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 1vw;
	}
	main.message_detail .nav{
		font-size: 1vw;
	}
	main.message_detail .title{
		/*font-size: 1.5vw;*/
		font-size: 20px;
	}
	
	main.message_detail .title,main.message_detail .content{
		padding-right: 3vw;
	}
	main.message_detail .content{
		font-size: 16px;
	}
	
}

/* app */
@media screen and (max-width: 768px) {
	.tab{
		height: 30px;
	}
	.tab ul.container>li{
		width: 80px;
	}
	.tab ul.container>li span{
		line-height: 28px;
		font-size: 14px;
	}
	.left .col-sm-4{
		padding: 0;
	}
	.left .list{
		width: 100%;
		height: 22vw;
	}
	.left .list .title{
		font-size: 14px;
	}
	.left .list .detail{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-size: 12px;
	}
	main.message_detail .title{
		font-size: 18px;
	}
	
}