body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {margin:0;padding:0;}
body {font-family: Arial;font-size: 14px;line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul, li, dl, dd, dt {list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a{color: #34383a;text-decoration: none}
.cl:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.cl {clear:both;zoom:1;}

.fl{float: left}
.fr{float: right}
.mr10{margin-right: 10px;}


#List_1 ul{padding: 10px;}
#List_1 ul li{border-bottom: 1px dotted #dedede;margin: 5px 0;padding: 5px 0;}
#List_1 .content { position: relative}
#List_1 .content h2{ font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#List_1 .content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-right: 23px;}
#List_1 .content i{position: absolute;right: 0;top:30px;;font-size: 24px;}
#List_1 .content:after{
    content: '';
    border-color: rgba(0,0,0,.3);
    border-top: 2px solid #dedede;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    left: auto;

    border-left: 2px solid #dedede;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.article h2{text-align: center;margin: 10px 10px;border-bottom: 1px solid #dedede;padding-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.article > p.img{margin:0 10px}
.article > p.img img{max-width: 100%}
.article > article{margin: 0 10px}