﻿@charset "utf-8";
.content {}
.content-max{ max-width:1000px !important;}
.content_title { margin: 0; padding: 30px 80px 0; text-align: center; font-size: 24px; line-height: 1.4; color: #4a89e2; }
.content_attr { color: #a6afb3; margin: 40px 0; background:#f5f5f5; height:40px; line-height:40px; padding:0 50px; }
.content_attr .date { float: left; width: 25%;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;  }
.content_attr .ly { float: left; width: 25%; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.content_attr .liull{float: left; width: 25%; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.content_attr .fontsize { float: right; width: 25%; color: #7b8a90; text-align: right; }
.content_attr .fontsize .sizes { float: right;  position:relative;}
.content_attr .fontsize b { font-weight: normal; font-size: 16px; padding-right: 10px; }
.content_attr .fontsize a { color: #999; cursor: pointer; }
.content_attr .fontsize a:hover { color: #333; }
.content_attr .fontsize ul{position:absolute; top:40px; left:0; display:none;}
.content_attr .fontsize li a { background: #f4f4f4; color: #666666; cursor: pointer; padding:0 40px;display: block; line-height: 22px; margin-bottom: 1px; text-align: center; }
.content_attr .fontsize li a:hover { background: #dbecf7; }
.content_article { clear: both; font-size: 16px; line-height: 2.1; }
.content_article p { margin: 15px 0; }
.content_article img{max-width:100%;}
.content_ewm{padding-top:45px; text-align:center;}
.content_ewm table{margin:auto;}
.content_ewm img{display:block; margin:auto;}
.content_ewm .info{ margin:auto; position:relative; color:#7b8a90; line-height:35px;}
.bdsharebuttonbox{ float:right;}
/***responsive***/
@media (max-width: 1199px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}

/*ipad*/
@media (max-width: 991px) {
.content_title { padding: 0; }
.content { padding-left: 25px; padding-right: 25px; }
.content_attr{ padding:0 20px; margin: 30px 0;}

}
 @media (min-width: 768px) and (max-width: 991px) {
}

/* xs mobile*/
@media (max-width: 767px) {
.content {padding:10px; }
.content_title { font-size: 20px; }
.content_attr { padding:0 5px; font-size: 12px; margin: 20px 0;}
.content_attr .date {  width: 30%; }
.content_attr .ly {  width: 40%;}
.content_attr .liull{ width:30%; text-align:right;}
.content_attr .fontsize { display:none; }

}
@media only screen and (max-width: 479px) {
.content_attr .date {  width: 50%; }
.content_attr .ly {  width: 50%; text-align:right; }
.content_attr .liull{display:none;}
}