.article-item{margin-bottom: 25px;width: 900px;opacity: 0;transform: scale(0);}
.article-item dt,.article-item dd{height: 300px;overflow: hidden;}
.article-item dt{width: 350px;}
.article-item dd{margin-left: 30px;width: 520px;}
.article-item h3{margin-top: 6px;margin-bottom: 17px;max-width: 450px;font-size: 20px;font-weight: bold;line-height:1.5}
.article-item .span-pink{position: relative;margin-left: 5px;padding: 0px 5px;font-size:12px;color:#fff; background-color: #f1588c;}
.article-item .article-other{margin-bottom: 17px;}
.article-item p{margin-bottom: 60px;width: 100%;height: 90px;text-indent: 2px;line-height: 30px;overflow: hidden;-epub-word-break:break-all;-ms-word-break:break-all;word-break: break-all;}
.article-item .article-tag{margin-bottom: 15px;  width: 100%;  height: 20px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.article-item .article-tag a{margin-right: 6px;}
.article-item .article-tag a:hover{color:#f1588c;}
.article-item .article-option{} 
.pager{margin-top: 50px;} 
.article-tip{width:100%;height:46px;line-height:40px;text-indent:3px;font-size:16px;color:#737373;}
.article-tip .nav-crob{width: 900px;}
.article-tip .nav-crob .pull-right a{margin-left:10px;}
.article-tip span{color:#737373;}
 @media screen and (min-width:320px) and (max-width:640px) {
 .article-tip .nav-crob {width:100%}
.article-item {width:100%}
.article-item dt {width:45%}
.article-item dt, .article-item dd {height:auto}
.article-item dt img {width:100%;height:auto}
.article-item dd {width:50%;margin-left: 5%}
.article-item h3 {max-width: 100%;font-weight: normal;font-size: 18px;display:block;}
}