.w1200 {width: 1200px;margin: 0 auto;}
.g-article{font:normal 12px/20px "PingFang SC","Microsoft YaHei","Simsun",Arial; width: 1200px;margin: 20px auto}
.article-left{margin-bottom:20px;background: #FFF;}
.article-left .article-title{font-size:32px; line-height:40px; padding:20px 0;font-weight:bold;color:#000;}
.article-left .article-info{height:20px;line-height:20px;overflow:hidden;}
.article-left .article-info .share{width:160px; height:16px; line-height:16px; float:right;}
.article-left .article-info .date{color:#bbb;}
.article-left .article-info .date span{padding:0 10px;border-left:1px solid #e5e5e5;}
.article-left .article-info .date span:first-child{padding-left:0;border-left:none;}
.article-left .article-info .date span .iconfont{font-size: 12px; margin-right: 3px;}
.article-left .article-info .art-praise{float: right;display:inline-block;line-height: 20px;color:#bbb;text-decoration:none;cursor: pointer;}
.article-left .article-info .art-praise .iconfont{font-size: 12px; margin-right: 3px;}
.article-left .article-info .art-praise.sel{color: var(--theme-color, #2693ff);}
.article-left .article-content{padding:20px;line-height:25px; font-size:14px;}
.article-left .article-content .article-login{margin-bottom: 80px;padding-top:150px;background: url(/image/common/icon-ku.png) center 40px no-repeat;text-align: center; font-size:18px; color: #999; line-height: 40px; font-weight:normal;}
.article-left .article-content .label{color:#999; margin:10px; font-size:14px;}
.article-left .article-content .label a{padding:0 5px;}
.article-tuijian{border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:10px 0;}
.article-tuijian .hd strong{font-size:20px;color:#333;}
.article-tuijian li{float:left; width:50%;padding:10px;box-sizing:border-box;overflow:hidden;transition:background .3s;}
.article-tuijian li .pic{float:left;width:75px;height:50px;margin-right:10px;}
.article-tuijian li .pic img{object-fit:cover;}
.article-tuijian li .title{height:25px;line-height:25px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.article-tuijian li span.log{font-family:Arial; color:#999; float:right;margin-left:5px;margin-right:30px;}
.article-tuijian li a{font-size:12px;white-space:nowrap;overflow: hidden;display: block;text-overflow:ellipsis;background:url(../circle/dot.gif) left center no-repeat;}
.article-tuijian li a:hover{text-decoration:none;}
.article-tuijian li:hover{background:#f9f9f9;}
.article-tuijian li:hover .title{color: var(--theme-color, #2693ff);}
.article-tuijian li .bt-line { height: 20px; line-height: 20px; margin-top: 5px; font-size: 0; overflow: hidden; }
.article-tuijian li .bt-line .tags { margin-right: 15px; }
.article-tuijian li .bt-line .tag { display: inline-block; height: 18px; line-height: 18px; margin: 1px 5px 1px 0; padding: 0 4px; font-size: 12px; color: #aaa; background: #f0f0f0; }
.article-tuijian li .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-tuijian li .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-tuijian li .bt-line .count-el em { color: #aaa; }
.article-tuijian li .bt-line .date { float: right; font-size: 12px; color: #ccc; }

.tabbar { text-align: center; font-size: 0; overflow: hidden; }
.tabbar a { display: inline-block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 2vw; margin: 0 10px 20px; font-size: 16px; text-align: center;  background: #fff; border-radius: 4px; -webkit-transition: background 0.3s; transition: background 0.3s; }
.tabbar a:hover { text-decoration: none; background: #e8e8e8; }
.tabbar a.on { color: #fff; background: var(--theme-color, #2693ff); }

.img-hover { display: block; overflow: hidden; }
.img-hover img { -webkit-transition: all 0.8s; transition: all 0.8s; }
.img-hover:hover img { opacity: .9; -webkit-transform: scale(1.05); transform: scale(1.05); }

.article-list-1 .art-item { padding: 20px; border-bottom: 1px solid #f5f5f5; background: #fff; overflow: hidden; -webkit-transition: background 0.3s; transition: background 0.3s; display: -webkit-flex; display: flex; }
.article-list-1 .art-item:hover { background: #fafafa; }
.article-list-1 .item-thumb { float: left; width: 150px; height: 100px; margin-right: 20px; background: #fafafa; -webkit-flex-shrink: 0; flex-shrink: 0; }
.article-list-1 .item-thumb img { object-fit: cover; }
.article-list-1 .item-content { overflow: hidden; -webkit-flex: 1; flex: 1; }
.article-list-1 .item-content .title { display: block; height: 25px; line-height: 25px; font-size: 18px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; }
.article-list-1 .item-content .title:hover { color: var(--theme-color, #2693ff); }
.article-list-1 .item-content .des { height: 40px; margin: 5px 0 10px; line-height: 20px; font-size: 14px; color: #aaa; overflow: hidden; }
.article-list-1 .item-content .bt-line { height: 20px; line-height: 20px; font-size: 0; overflow: hidden; }
.article-list-1 .item-content .bt-line .tags { margin-right: 15px; }
.article-list-1 .item-content .bt-line .tag { display: inline-block; height: 18px; line-height: 18px; margin: 1px 5px 1px 0; padding: 0 4px; font-size: 12px; color: #aaa; background: #f0f0f0; }
.article-list-1 .item-content .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-list-1 .item-content .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-list-1 .item-content .bt-line .count-el em { color: #aaa; }
.article-list-1 .item-content .bt-line .date { float: right; font-size: 12px; color: #ccc; }

.article-list-2 .art-item { padding: 20px; border-bottom: 1px solid #f5f5f5; background: #fff; overflow: hidden; -webkit-transition: background 0.3s; transition: background 0.3s; }
.article-list-2 .art-item:hover { background: #fafafa; }
.article-list-2 .item-thumb { float: right; width: 150px; height: 100px; margin-left: 40px; background: #fafafa; }
.article-list-2 .item-thumb img { object-fit: cover; }
.article-list-2 .item-content { overflow: hidden; -webkit-flex: 1; flex: 1; }
.article-list-2 .item-content .title { display: block; height: 25px; line-height: 25px; font-size: 18px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; }
.article-list-2 .item-content .title:hover { color: var(--theme-color, #2693ff); }
.article-list-2 .item-content .des { height: 40px; margin: 5px 0 10px; line-height: 20px; font-size: 14px; color: #aaa; overflow: hidden; }
.article-list-2 .item-content .bt-line { height: 20px; line-height: 20px; font-size: 0; overflow: hidden; }
.article-list-2 .item-content .bt-line .tags { margin-right: 15px; }
.article-list-2 .item-content .bt-line .tag { display: inline-block; height: 18px; line-height: 18px; margin: 1px 5px 1px 0; padding: 0 4px; font-size: 12px; color: #aaa; background: #f0f0f0; }
.article-list-2 .item-content .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-list-2 .item-content .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-list-2 .item-content .bt-line .count-el em { color: #aaa; }
.article-list-2 .item-content .bt-line .date { float: right; font-size: 12px; color: #ccc; }

.article-list-3 .art-item { padding: 20px 0; border-bottom: 1px solid #f5f5f5; background: #fff; overflow: hidden; }
.article-list-3 .item-hd { height: 25px; line-height: 25px; margin-bottom: 10px; overflow: hidden; display: -webkit-flex; display: flex; }
.article-list-3 .item-hd .title { display: block; height: 25px; line-height: 25px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-flex: 1; flex: 1; }
.article-list-3 .item-hd .title:hover { color: var(--theme-color, #2693ff); }
.article-list-3 .item-hd .date { float: right; display: inline-block; width: 100px; font-size: 12px; text-align: right; color: #ccc; -webkit-flex-shrink: 0; flex-shrink: 0; }
.article-list-3 .item-bd { background: #f9f9f9; overflow: hidden; }
.article-list-3 .item-thumb { float: left; width: 150px; height: 100px; background: #fafafa; }
.article-list-3 .item-thumb img { object-fit: cover; }
.article-list-3 .item-content { height: 80px; padding: 10px 20px; overflow: hidden; -webkit-flex: 1; flex: 1; }
.article-list-3 .item-content .des { height: 40px; margin: 5px 0 15px; line-height: 20px; font-size: 14px; color: #aaa; overflow: hidden; }
.article-list-3 .item-content .bt-line { height: 20px; line-height: 20px; font-size: 0; overflow: hidden; }
.article-list-3 .item-content .bt-line .tags { float: right; }
.article-list-3 .item-content .bt-line .tag { display: inline-block; height: 18px; line-height: 18px; margin: 1px 0 1px 5px; padding: 0 4px; font-size: 12px; color: #aaa; background: #eee; }
.article-list-3 .item-content .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-list-3 .item-content .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-list-3 .item-content .bt-line .count-el em { color: #aaa; }

.article-list-4 .art-item { position: relative; width: 100%; height: 180px; padding-left: 220px; padding-top: 20px; margin-bottom: 20px; box-sizing: border-box; overflow: hidden; }
.article-list-4 .item-thumb { position: absolute; left: 0; top: 0; width: 240px; height: 160px; background: #fafafa; }
.article-list-4 .item-thumb img { object-fit: cover; }
.article-list-4 .item-bd { position: relative; z-index: 1; height: 160px; padding: 20px 40px; background: #fff; box-sizing: border-box; overflow: hidden; }
.article-list-4 .date { float: left; width: 70px; height: 120px; padding-right: 19px; color: #aaa; border-right: 1px solid #f5f5f5; }
.article-list-4 .date p { margin-bottom: 10px; line-height: 30px; font-size: 24px; }
.article-list-4 .date span { font-size: 14px; color: #ccc; border-bottom: 1px solid; border-color: var(--theme-color, #2693ff); }
.article-list-4 .item-content { padding-left: 110px; }
.article-list-4 .item-content .title { display: block; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; }
.article-list-4 .item-content .title:hover { color: var(--theme-color, #2693ff); }
.article-list-4 .item-content .des { height: 50px; margin: 5px 0 15px; line-height: 25px; font-size: 16px; color: #aaa; overflow: hidden; }
.article-list-4 .item-content .bt-line { height: 20px; line-height: 20px; font-size: 0; overflow: hidden; }
.article-list-4 .item-content .bt-line .tags { float: right; }
.article-list-4 .item-content .bt-line .tag { display: inline-block; height: 18px; line-height: 18px; margin: 1px 0 1px 5px; padding: 0 4px; font-size: 12px; color: #aaa; background: #eee; }
.article-list-4 .item-content .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-list-4 .item-content .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-list-4 .item-content .bt-line .count-el em { color: #aaa; }

.article-list-5 { margin-right: -20px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.article-list-5 .art-item { width: 25%; padding-right: 20px; margin-bottom: 20px; box-sizing: border-box; }
.article-list-5 .art-item.col-3 { width: 33.33%; }
.article-list-5 .item-thumb { position: relative; width: 100%; height: 0; padding-bottom: 60%; background: #fafafa; overflow: hidden; }
.article-list-5 .item-thumb img { width: 100%; height: auto; object-fit: cover; }
.article-list-5 .item-content { padding: 0 10px 10px; background: #fff; overflow: hidden; }
.article-list-5 .item-content .title { display: block; height: 20px; line-height: 20px; margin: 10px 0 5px; font-size: 16px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; }
.article-list-5 .item-content .title:hover { color: var(--theme-color, #2693ff); }
.article-list-5 .item-content .des { height: 80px; margin: 5px 0 15px; line-height: 20px; font-size: 12px; color: #aaa; overflow: hidden; }
.article-list-5 .item-content .bt-line { height: 20px; line-height: 20px; font-size: 0; overflow: hidden; }
.article-list-5 .item-content .bt-line .date { float: right; font-size: 12px; color: #ccc; }
.article-list-5 .item-content .bt-line .count-el { display: inline-block; margin-right: 10px; font-size: 12px; color: #ccc; }
.article-list-5 .item-content .bt-line .count-el .iconfont { font-size: 12px; margin-right: 3px; }
.article-list-5 .item-content .bt-line .count-el em { color: #aaa; }