.AutoCss{width:1130px; height:100%; margin:0 auto;}
.AutoCss article{width:750px; float:left; background:#fff; margin-top:85px; border-radius:8px; box-shadow:1px 1px 6px 1px #ccc;}
.AutoCss article .article_div1{height:350px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position:relative;}
.AutoCss article .article_div1 img{width:100%;} /*margin-top:-20%;图片偏移高度，从数据库中读取*/
.AutoCss article .article_div2{width:100%; height:100px; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.2);}
.AutoCss article .article_div2 h2{margin-left:20px; color:#fff; position:absolute; top:12px;}
.AutoCss article .article_div2 p{color:#fff; margin-left:15px; margin-top:46px;}
.AutoCss article .article_div2 p span{border-right:1px solid #fff; padding-left:6px; padding-right:12px;}
.AutoCss article .article_div2 p span:last-child{border-right:none;}
.AutoCss article .article_div2 .p1 span a{color:#fff;}
.AutoCss article .article_div2 em{margin-left:15px; display:block; margin-top:6px;}
.AutoCss article .article_div2 em a{padding-left:6px; padding-right:6px; color:#fff;}
.AutoCss article .article_div2 em a:last-child{border-right:none;}
.AutoCss article section{padding:20px;}
.AutoCss article h2{font-size:20px; color:#fff; position:absolute; bottom:40px; overflow: auto; white-space:nowrap;}
.AutoCss aside{width:350px; margin-left:30px; float:left;}
.AutoCss aside section{width:100%; border-radius:10px; margin-top:30px;  background-color:rgba(255,255,255,0.9); box-shadow:1px 1px 6px 1px #000;}
.AutoCss aside section h3{height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal;}
.AutoCss aside section a{color:#000;}
.AutoCss aside section p{height:38px; line-height:38px; border-top:1px solid #ccc; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; font-family:'KaiTi';}
.AutoCss aside section span{margin-left:10px;}
.AutoCss aside section p:hover{background-color:rgba(220,220,220,0.8);}
.AutoCss aside section:hover{box-shadow:1px 1px 12px 1px #000;}
.AutoCss aside section .last_br{border-top:1px solid #ccc; height:10px;}
.AutoCss aside section:first-child{margin-top:85px;}
.AutoCss aside section div p{width:48%; display:inline-block; height:38px; line-height:38px; border-top:1px solid #ccc; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; font-family:'KaiTi';}
@media screen and (max-width:1280px) {
    .AutoCss{width:100%;}
    .AutoCss article{width:100%;}
    .AutoCss article .article_div1{height:580px;}
    .AutoCss aside{width:94%; margin-left:3%;}
}
@media screen and (max-width:1200px) {
    .AutoCss article .article_div1{height:555px;}
}
@media screen and (max-width:1150px) {
    .AutoCss article .article_div1{height:530px;}
}
@media screen and (max-width:1100px) {
    .AutoCss article .article_div1{height:505px;}
}
@media screen and (max-width:1050px) {
    .AutoCss article .article_div1{height:480px;}
}
@media screen and (max-width:1000px) {
    .AutoCss article .article_div1{height:455px;}
}
@media screen and (max-width:950px) {
    .AutoCss article .article_div1{height:430px;}
}
@media screen and (max-width:900px) {
    .AutoCss article .article_div1{height:405px;}
}
@media screen and (max-width:850px) {
    .AutoCss article .article_div1{height:380px;}
}
@media screen and (max-width:800px) {
    .AutoCss article .article_div1{height:355px;}
}
@media screen and (max-width:750px) {
    .AutoCss article .article_div1{height:320px;}
}
@media screen and (max-width:700px) {
    .AutoCss article .article_div1{height:300px;}
}
@media screen and (max-width:650px) {
    .AutoCss article .article_div1{height:280px;}
}
@media screen and (max-width:600px) {
    .AutoCss article .article_div1{height:260px;}
}
@media screen and (max-width:550px) {
    .AutoCss article .article_div1{height:240px;}
}
@media screen and (max-width:500px) {
    .AutoCss article .article_div1{height:220px;}
}
@media screen and (max-width:450px) {
    .AutoCss article .article_div1{height:200px;}
    .AutoCss article section .form_pixiv .tips{width:86%;font-size:14px;}
}
@media screen and (max-width:400px) {
    .AutoCss article .article_div1{height:180px;}
}
@media screen and (max-width:350px) {
    .AutoCss article .article_div1{height:160px;}
}
@media screen and (max-width:300px) {
    .AutoCss article .article_div1{height:140px;}
}
@media screen and (max-width:250px) {
    .AutoCss article .article_div1{height:120px;}
}
@media screen and (max-width:200px) {
    .AutoCss article .article_div1{height:100px;}
}
footer{display:block;}
.AutoCss article section .form_pixiv{
    position:relative; top:-20px;
}
.AutoCss article section .form_pixiv h1{
    font-size:16px; padding:0; clear:both; position:relative; top:28px;
}
.AutoCss article section .form_pixiv a{
    text-align:center;
}
.AutoCss article section .form_pixiv .tips span{
    font-size:12px;
}
.AutoCss h3{text-align:center; font-weight:normal; margin:10px; color:#ccc;}
.AutoCss .text p{text-align:center; font-size:16px; margin-bottom:42px;}
.AutoCss .text img{display:block; width:92%; margin:0 auto;}
.AutoCss .text .loadView{margin-top:12px; visibility:hidden;}
.AutoCss .text .loadViewShare{visibility:hidden;}

.circle {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    border: 15px solid #B22727;
}
.AutoCss article .archives_data{width:100%; height:56px;}
.AutoCss article .archives_data span{width:50%; height:50px; line-height:50px; text-align: center;}
.AutoCss article .archives_data .data_left{display:inline-block; background-color:rgba(250,133,70,0.6); float:left;}
.AutoCss article .archives_data .data_right{display:inline-block; background-color:rgba(249,187,67,0.6); float:right;}
.AutoCss article .archives_data .data_left:hover{background-color:rgba(250,133,70,0.8);}
.AutoCss article .archives_data .data_right:hover{background-color:rgba(249,187,67,0.8);}

.article_div1 .article_div2 h2{height:30px; width:96%; overflow:auto; white-space:nowrap;}
.article_div1 .article_div2 h2::-webkit-scrollbar{display:none;}
.article_div1 .article_div2 .p1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_div1 .article_div2 em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
@media screen and (max-width:600px) {
    .AutoCss article .article_div2 p span:nth-child(1), .AutoCss article .article_div2 em a:nth-child(1){padding-left:6px;}
    .AutoCss article .article_div2 p span{ padding-left:0; padding-right:4px; }
    .AutoCss article .article_div2 em a{padding-left:2px; padding-right:2px;}
}

.AutoCss article .text h3{font-size:14px; text-overflow:ellipsis; white-space: nowrap;}
.article_div1 .article_div2 p, .article_div1 .article_div2 a, .article_div1 .article_div2 em{font-size:14px;}
@media screen and (max-width:300px) {
    .AutoCss article .article_div2 h2{margin-left:6px;}
    .AutoCss article .article_div2 .p1{margin-left:0;}
    .AutoCss article .article_div2 em{margin-left:0;}
    .AutoCss article .text p{font-size:12px;}
    .article_div1 .article_div2 a, .article_div1 .article_div2 span{font-size:12px;}
    .article_div1 .article_div2 h2{font-size:16px;}
}


@media screen and (max-width:1280px) {
    footer{display:none;}
    .AutoCss aside{padding-bottom:36px;}
}