/*reset*/
*, :before, :after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    -webkit-tap-highlight-color: transparent;
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'PingHei', 'PingFang SC', 'STHeitiSC-Light', 'Microsoft YaHei', "微软雅黑", 'Arial', sans-serif;
    background: #F2F3F6;
}
a {
    text-decoration: none;
    color: inherit;
}
ul, li, ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
a:visited, a:active {
    color: inherit;
}
.wrapped {
    max-width: 1140px;
    margin: 0 auto;
}
p, * + p {
    margin: 0;
    line-height: 1;
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.am-fl {
    float: left;
}
.am-fr {
    float: right;
}
.am-btn.am-disabled, .am-btn[disabled], fieldset[disabled] .am-btn, .am-disabled, .disabled {
    pointer-events: none;
    border-color: transparent;
    cursor: not-allowed;
    opacity: .45;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.img--wrapper {
    position: relative;
}
body {
    padding-top: 91px;
}
main>.wrapped.clearfix{
    margin-top:20px;
}
.originalList{
    min-height:60vh;
    max-width:810px;
}
.originalList li{
    float:left;
    width:260px;
    height:275px;
    margin-bottom:15px;
    background: #fff;
}
.originalList li:not(:nth-child(3n+3)){
    margin-right:15px;
}
.originalList li:hover {
    box-shadow: 0 5px 15px rgba(0, 25, 81, 0.1);
    transition: box-shadow 0.2s ease-in;
}
.originalList .card--wrapper{
    padding:15px;
    height:100%;
}
.originalList li .img--wrapper{
    position: relative;
    width:100%;
    height:153.33px;
    overflow: hidden;
}
.originalList li .img--wrapper img{
    position: absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.originalList li .img--wrapper img:hover{
    transform: scale(1.03) translate(-50%,-50%);
    transition: transform 0.2s ease-in 0.2s;
}
.originalList li p.card_title{
    font-size: 18px;
    color:#333;
    line-height: 1;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:16px auto 15px;
}
.originalList li p.article_title{
    color:#565656;
    font-size: 14px;
    line-height: 1.2;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.originalList li p:hover{
    color:#f60;
    transition: color 0.2s ease-in 0.2s;
}
section.am-fr{
    width:300px;
}
/*division*/
.division--wrapper {
    padding: 18px 15px;
    position: relative;
}
.division--wrapper:before{
    position: absolute;
    top:0;
    left:15px;
    content: "";
    width: 4px;
    display: block;
    height: 100%;
    background: url(https://www.d1ev.com/static/home/images/divide.png) no-repeat center;
    background-size: contain;
}
.division--wrapper .p--division{
    margin:0;
    position: relative;
    line-height:22px;
    font-size:20px;
    color:#333;
}
.division--wrapper .p--division .am-fl{
    color:#333;
    font-size:20px;
    margin-left:14px;
    position:relative;
}
.division--wrapper .p--division .am-fr a{
    color:#999;
    font-size:14px;
}
.division--wrapper .p--division .svgIcon{
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.15em;
}
.division--wrapper .p--division .am-fr:hover a{
    color: #f60;
    transition: color 0.2s ease-in 0.2s;
}
.ad--wrapper img{
    margin-bottom:20px;
}
/*热门标签*/
.ws-tag{
    background: #fff;
}
.hotLabel .ws-tag-con{
    padding:20px 15px;
    border-top:1px solid #f4f4f4;
    color: #666;
}
.ws-tag .ws-tag-a {
    display: block;
    font-size: 13px;
    padding: 0 15px;
    margin:0 10px 10px 0;
    height: 26px;
    line-height: 26px;
    border-radius: 30px;
    background: #f2f2f2;
    cursor: pointer;
}
.ws-tag .ws-tag-a:last-of-type{
    margin-bottom:0;
}

footer{
    background: #fff;
}
.foot--list {
    padding-top: 40px;
    margin: 0 auto;
    text-align: center;
}
.foot--list a {
    padding: 0 20px;
    position: relative;
    font-size: 14px;
    color: #808080;
}
.foot--list a:not(:last-of-type):after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    border-left: 1px solid #ceced0;
    height: 14px;
}
.footer_foot{
    padding-top:40px;
    margin-top:40px;
}
.footer_foot .foot_copyright {
    text-align: center;
    font-size: 14px;
    color: #808080;
    padding: 20px 0 40px;
}
.footer_foot .foot_copyright img{
    vertical-align: middle;
}
footer a:hover{
    color: #f60;
    transition: color 0.2s ease-in 0.2s;
}