.article{padding-top: 30px;padding-bottom: 50px;background-color:#f5f5f5;}
.article .bread{margin-bottom: 20px;color: #5a5a5a;font-size:16px;width: 100%}
.article .bread a{color: #5a5a5a;margin:0 5px;text-decoration: none;font-size:16px;}
.article .bread a:first-child{margin-left: 0;}
.article .bread a:hover{color: #14259b;}
.article .article-left{background-color: #fff;}
.article .article-left .tit{padding: 30px 0 20px;font-weight:bold;font-size: 20px;line-height: 30px;}
.article .article-left .meta{font-size: 15px;color: #666}
.article .article-left .meta span:last-child{float: right}
.article .article-left .des{margin: 20px 0;background-color: #f3f4fa;padding: 15px;line-height: 1.8;font-size: 15px}
.article .article-left .article-con{margin-top: 25px;margin-bottom: 15px;font-size: 16px;line-height: 2;color: #333;overflow: hidden}
.article .article-left .article-con p{margin-bottom: 15px}
.article .article-left .article-con img{display: block;width: auto;max-width: 100%;margin: 5px auto}
.article .article-left .article-con b,.article .article-left .article-con strong{font-weight: bold;}
.article .article-left .article-con h1,.article .article-left .article-con h2,.article .article-left .article-con h3,.article .article-left .article-con h4,.article .article-left .article-con h5,.article .article-left .article-con h6{font-weight: bold;}
.article .article-left .article-con a{color: #14259b;font-weight: bold}
.article .article-left .article-tag li{float: left;width: auto;height: 40px;line-height: 40px;position: relative;margin-right: 15px;background-color: #f5f5f5;color: #333;font-size: 16px;padding-left: 45px;padding-right: 15px;border-radius: 30px;cursor: pointer;margin-bottom: 10px}
.article .article-left .article-tag li:before{content: "#";position: absolute;left: 10px;top: 5px;width: 30px;height: 30px;background-color: #fff;color: #cf152d;line-height: 30px;text-align: center;font-weight: bold;border-radius: 50%;font-size: 18px;}
.article .article-left .article-tag li a{color: #333;font-size: 16px;font-weight: bold;text-decoration: none}
.article .article-left .article-tag li.cur{background-color:#14259b;}
.article .article-left .article-tag li.cur:before{color: #14259b;}
.article .article-left .article-tag li.cur a{color: #fff}
.article .article-left .article-pre{margin: 25px 0}
.article .article-left .article-pre p{float: left;width: 50%;padding: 15px}
.article .article-left .article-pre .article-prev,.article .article-left .article-pre .article-next{background-color: #eee;}
.article .article-left .article-pre .article-prev span,.article .article-left .article-pre .article-next span{color: #333;font-weight: bold;display: block;text-align: center;font-size: 16px;margin-bottom: 10px;}
.article .article-left .article-pre .article-prev a,.article .article-left .article-pre .article-next a{display: block;width: 100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:30px;color: #333;text-decoration: none}
.article .article-left .article-pre .article-prev:hover,.article .article-left .article-pre .article-next:hover{background-color: #e7e9f5;}
.article .article-left .article-pre .article-prev:hover a,.article .article-left .article-pre .article-prev:hover span,.article .article-left .article-pre .article-next:hover a,.article .article-left .article-pre .article-next:hover span{color: #14259b;}
.article .article-left .article-hr{background-color: #f5f5f5;height: 20px;margin-left: -15px;margin-right: -15px;}
.article .article-left .article-related{padding: 15px 0}
.article .article-left .article-related h3{font-weight: bold;font-size: 18px;margin-bottom: 15px;}
.article .article-left .article-related li{float: left;position: relative;width: 50%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;padding-left: 20px;}
.article .article-left .article-related li:before{content: "·";position: absolute;top: 0;left: 5px;font-size: 40px;color: #666}
.article .article-left .article-related li a{color: #333;text-decoration: none;font-size: 15px;display: inline-block;width: 95%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.article .article-left .article-related li a:hover{color: #14259b;}
.article .article-left .article-comment{padding: 15px 0}
.article .article-left .article-comment h3{font-weight: bold;font-size: 18px;margin-bottom: 15px;}
.article .article-left .article-comment textarea.CMTcontent{width: 100%;padding: 10px;height: 95px;line-height: 25px;background-color: #f5f5f5;border: none;outline: none;font-size: 15px}
.article .article-left .article-comment textarea.CMTcontent:focus{outline: 1px solid #ccc}
.article .article-left .article-comment pre.pre{visibility: hidden;height: 0;}
.article .article-left .article-comment .article-input{margin-top: 15px;text-align: right;}
.article .article-left .article-comment .article-input .CMT-name-input{background-color:#f5f5f5;border:none;width: 25%;height: 35px;padding: 10px;outline: none;font-size: 15px;border-radius: 15px;}
.article .article-left .article-comment .article-input .plBtn{height: 35px;line-height: 35px;display: inline-block;text-decoration: none;font-size: 16px;font-weight: bold;background: -webkit-gradient(linear,left top, left bottom,from(#344ce0),to(#16279f));background: -webkit-linear-gradient(#344ce0,#16279f);background: -moz-linear-gradient(#344ce0,#16279f);background: -o-linear-gradient(#344ce0,#16279f);background: linear-gradient(#344ce0,#16279f);color: #fff;padding: 0 30px;border-radius: 15px;margin-left: 15px}
.article .article-left .article-comment .comment-show{margin: 15px 0}
.article .article-left .article-comment .comment-show li{margin-bottom: 20px;padding-top: 20px;border-top:1px solid #ccc}
.article .article-left .article-comment .comment-show li:first-child{border:none;padding-top:0}
.article .article-left .article-comment .comment-show .comment-avatar{border-radius: 50%;width:50px;height: 50px;float: left;margin-right: 15px}
.article .article-left .article-comment .comment-show .comment-con{float: left;width: -webkit-calc(100% - 65px);width: -moz-calc(100% - 65px);width: calc(100% - 65px)}
.article .article-left .article-comment .comment-show .comment-con .comment-username{font-size: 15px;color: #14259b;font-weight: bold;margin-bottom: 15px}
.article .article-left .article-comment .comment-show .comment-con .comment-txt{width: 100%;overflow: hidden;font-size: 15px;color: #5d5d5d;line-height: 1.5}
.article .article-left .article-comment .comment-show .comment-con .comment-time{font-size: 15px;color: #5d5d5d;margin-top: 15px;}
.article .article-left .article-comment .comment-more{display: block;width: 100%;margin: 25px 0 15px;background-color: #f5f5f5;height: 40px;line-height: 40px;text-align: center;cursor: pointer;color: #5d5d5d}
.article .article-left .article-comment .comment-more:hover{color: #14259b}
.article .article-right .article-aside{width: 100%;height: auto;margin-bottom: 25px}
.article .article-right .article-aside img{width: 100%;height: 100%;overflow: hidden;-o-object-fit: cover;object-fit: cover;}
.article .article-right .article-hot{background-color: #fff;padding: 15px 0}
.article .article-right .article-hot h3{border-bottom: 2px solid #e5e5e5;padding-left:20px;padding-bottom: 10px;font-weight: bold;font-size: 18px;position: relative}
.article .article-right .article-hot h3:after{content: "";width: 35%;height: 2px;position: absolute;left: 0;bottom:-2px;background-color: #14259b}
.article .article-right .article-hot ul{margin:25px 15px 0;}
.article .article-right .article-hot ul li{margin-bottom: 10px;border-bottom:1px solid #e5e5e5;}
.article .article-right .article-hot ul li:last-child{border: none}
.article .article-right .article-hot ul li h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.article .article-right .article-hot ul li i{display: inline-block;width: 20px;height: 20px;background-color: #808080;color: #fff;text-align: center;line-height:20px;margin-right: 8px}
.article .article-right .article-hot ul li:nth-child(1) i{background-color: #cf152d;}
.article .article-right .article-hot ul li:nth-child(2) i{background-color: #14259b;}
.article .article-right .article-hot ul li:nth-child(3) i{background-color: #33AA92;}
.article .article-right .article-hot ul li a{font-size: 15px;text-decoration: none;color: #333;}
.article .article-right .article-hot ul li a:hover{color: #14259b;}
.article .article-right .article-hot ul li p{font-size: 15px;color: #999;margin-top: 15px;padding-bottom: 15px;}
.article .article-right .article-hot ul li:last-child p{padding-bottom:0}
.article .article-right .article-hot ul li p span:last-child{float:right;}
.article .article-right .article-testing{width: 100%;height: auto;margin-top: 25px}
.article .article-right .article-testing img{width: 100%;height: 100%;overflow: hidden;-o-object-fit: cover;object-fit: cover;}
.article .article-right .article-new{background-color: #fff;padding: 15px 0;margin-top: 25px;}
.article .article-right .article-new h3{border-bottom: 2px solid #e5e5e5;padding-left:20px;padding-bottom: 10px;font-weight: bold;font-size: 18px;position: relative}
.article .article-right .article-new h3:after{content: "";width: 35%;height: 2px;position: absolute;left: 0;bottom:-2px;background-color: #14259b}
.article .article-right .article-new ul{margin:25px 15px 0;}
.article .article-right .article-new ul li{margin-bottom: 10px;border-bottom:1px solid #e5e5e5;}
.article .article-right .article-new ul li:last-child{border: none}
.article .article-right .article-new ul li h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.article .article-right .article-new ul li i{display: inline-block;width:5px;height:5px;background-color: #14259b;margin-right:5px;border-radius: 50%;vertical-align: middle;}
.article .article-right .article-new ul li a{font-size: 15px;text-decoration: none;color: #333;}
.article .article-right .article-new ul li a:hover{color: #14259b;}
.article .article-right .article-new ul li p{font-size: 15px;color: #999;margin-top: 15px;padding-bottom: 15px;}
.article .article-right .article-new ul li:last-child p{padding-bottom:0}
.article .article-right .article-new ul li p span:last-child{float:right;}
.article-con,.des{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.article-con a,.article-con img{-moz-user-select: auto;-webkit-user-select: auto;-ms-user-select: auto;-o-user-select: auto;user-select: auto;cursor:pointer}
@media print{
    .article-con,.des{display:none}
}
@media (max-width: 992px) and (min-width:767px){
	.article-right{padding-left: 0;padding-right: 0;}
	.article .article-right .article-aside{margin-top: 15px}
}
@media (max-width:767px){
	.article{padding-top: 80px;padding-bottom: 0;}
	.article .bread{padding-left: 0;font-size: 15px;line-height: 25px;margin-bottom: 15px;}
	.article .bread a{font-size: 15px;}
	.article-right{padding-left: 0;padding-right: 0;}
	.pagetion,.article .article-right .article-aside{margin-bottom: 15px}
	.article .article-right .article-testing,.article .article-right .article-new{margin-top: 15px}
}
@media (max-width:500px){
	.article .article-left .meta span{display: block;width: 100%}
	.article .article-left .meta span:last-child{float: none;margin-top: 10px}
	.article .article-left .des{margin-bottom: 0}
	.article .article-left .article-con{margin-top: 15px}
	.article .article-left .article-tag li a{font-size: 15px;}
	.article .article-left .article-pre p{float: none;width: 100%}
	.article .article-left .article-pre .article-prev span{text-align: left;}
	.article .article-left .article-pre .article-next span{text-align: left;}
	.article .article-left .article-related li{float: none;width: 100%}
	.article .article-left .article-comment .article-input{text-align: left}
	.article .article-left .article-comment .article-input .CMT-name-input{width: 50%}
	.article .article-left .article-comment .article-input .plBtn{width: 45%;margin-left: 3%;}
}
.single-vivi{margin-bottom: 15px}