.article-content{padding:50px 60px;width: 715px;background: #fff;border-radius: 8px;overflow: hidden;position: relative;}
.article-content h1{color: #404040;line-height: 60px;font-weight: 700;font-size: 32px}
.remarks {font-size: 12px; color: #bbbbbb}
.remarks span{margin-right: 26px}
.paragraph{color: #333;line-height: 28px;padding: 40px 0;text-align: center; border-bottom: 3px solid #eeeeee}
.paragraph p{text-align: left;margin-bottom:20px;font-size: 14px}
.paragraph img{margin:5px auto;width: 100%}
.other{line-height: 32px;padding-top: 15px;color: #666}
.other a{color: #27ae61}
.other a:hover{text-decoration: underline;}
.corner{position: absolute;width: 80px;height: 80px;background:url(/images/corner.png) center no-repeat; left: 0;top: 0;}
.corner span{position: absolute;font-size: 18px;font-weight: 700;transform:rotate(-45deg);color: #fff;top: 15px;left: 7px;}

.article-list{background: #fff;border-radius: 8px;width: 184px;padding:30px;margin-left: 20px;padding-top:40px;}
.article-list dl{border-left:1px dotted #35af57;padding-left: 12px;background:url(/images/sj.png) -1px 1px no-repeat;}
.article-list dl:first-child{padding-bottom: 30px;}
.article-list dl dt{font-size: 16px;color: #333;line-height: 30px;position: relative;top: -8px}
.article-list dd{line-height: 36px;}
.article-list dd a{color: #666666}
.article-list dd a:hover{color: #27ae61;text-decoration: underline;}
.article-list dd span{color: #999999}

.article-btn{width: 100px;padding-top:40px;}
.article-btn dl{margin-bottom: 10px}
.article-btn dd{width: 36px;line-height: 36px;text-align: center; margin:8px auto;position: relative;height: 36px;}
.article-btn dd i{font-size: 36px;margin-right: 0;cursor: pointer;color: #cccccc}
.article-btn dd:hover i{color: #27ae61}
.article-btn dd span{position: absolute;display: block;width:26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;font-size: 12px;
    right: -16px;top: -6px;background:#f90;color: #fff}
.article-btn dt{text-align: center;position: relative;width: 72px;margin:0 auto;}
.article-btn dt b{position: absolute;height: 1px;display: block;width: 100%;background:#cccccc;top: 17px;z-index: -1}
.article-btn dt em{margin:0 auto;width: 38px;height: 36px;background:#f5f5f5;z-index: 1;line-height: 36px;display: block;color: #bbbbbb;font-size: 12px}
.article-btn .dobtn dd {border-radius: 50%;border:1px solid #bcbcbc;}
.article-btn .dobtn dd p{color: #bbbbbb;font-size: 12px;text-align: center;line-height: 20px}
.article-btn .dobtn dd i{font-size: 26px;}
.article-btn .dobtn dd:last-child i{cursor: default;color: #cccccc!important}
.article-btn .dobtn dd.active{border-color: #f90;}
.article-btn .dobtn dd.active i{color: #f90}

@media screen and (max-width:1460px) {
	.article-content{padding:50px 60px;width: 650px;}	
	.article-list{width: 264px;}
}

.active{
	color: green!important;
}