body{ background: #f5f5f5;font-family: "微软雅黑"; padding: 0; border: 0; margin: 0;}

li{list-style: none;}
a:link{text-decoration:none;color:#555;} 
a:visited{text-decoration:none;color:#555;} 
a:hover{text-decoration:none;color:#f00;} 
a:active{text-decoration:none;color:#555;}

.top{ height: 50px;}
.top .col-xs-8{ padding: 15px 0 0 30px;}
.top .col-xs-4{ text-align:right; padding: 9px 20px 0 0;}
.top .col-xs-4 .btn-link{ color: #555;}
#hmsg .badge {background-color:#0f56aa; color:#fff; margin-top:9px;}

.banner{}
.main{}

.headline{display:block;margin:20px 0 25px;border-bottom:1px solid #ddd;}
.headline h2{margin:0 0 -2px; padding:0 5px 10px; display:inline-block; border-bottom:2px solid #0146ab; font-size: 22px;}

.content{ padding: 0px 0 0;}
.content span{ color: #aaa; font-size: 12px;float:right!important}
.content li{ height: 32px; font-size:16px; line-height: 2em; background: url(../images/libg.jpg) no-repeat 0 15px;padding-left:1em;}
.content li a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%; float: left;height: 32px; }
.content li span a{ display:block; white-space: normal;overflow: auto;text-overflow:ellipsis; width:100%; float: left;height: 32px; padding-right:15px;}

.m2 li a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:88%; float: left;height: 32px; }
.m3{ text-align: center; padding:20px 30px;}
.m3 img{ width: 150px; height: 150px; border-radius: 50%;}
.m3 p{ margin: 10px 0;}
.change_one{ text-align: right;}
.m4 { padding: 0 40px;}
.m4 li a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60%; float: left;height: 32px; }
footer .container{margin-top:20px ; padding: 15px 0; text-align: center;}

.new-massage{ display: inline-block; padding: 10px 0 10px 10px; vertical-align: bottom;}
.new-massage .badge{background: #c00;}
.user-image{}
.user-image img{ border-radius:50%; width: 95px; height: 95px;border:2px solid #fff;}
.follow-button{ text-align: center; padding: 10px 0 0 0;}
.blog-name,.user-name{ text-align: center;}
.blog-name h1,.user-name h5{ font-family: "微软雅黑"; color: #eee;}
.blog-name a:link{text-decoration:none;color:#fff;} 
.blog-name a:visited{text-decoration:none;color:#fff;} 
.blog-name a:hover{text-decoration:none;color:#fc0;} 
.blog-name a:active{text-decoration:none;color:#fff;}
.blog-name h1{text-shadow: #000 0 0 4px;}
.user-name{text-shadow: #000 0 0 2px;}

.lead{ text-align: center; color: #ccc; font-size: 12px; font-family: "微软雅黑";}
.main h3{ padding: 15px; margin: 0;}
.bg-primary{background: #042668;}
.bg-primary a:link{text-decoration:none;color:#fff;} 
.bg-primary a:visited{text-decoration:none;color:#fff;} 
.bg-primary a:hover{text-decoration:none;color:#fc0;} 
.bg-primary a:active{text-decoration:none;color:#fff;}
.img_title_profile{background:#fff; padding: 10px 0;}

.i_t_p_con{border-bottom:1px dotted #ccc; overflow:hidden; padding: 10px 15px;}
.i_t_p_con:hover{ background:#f9f9f9;}
.i_t_p_img{ float:left; padding:10px 0 0 5px; width:140px;}
.i_t_p_title{font-size:18px;font-family:"微软雅黑"; padding:10px 5px 10px 150px; }
.i_t_p_profile{font-size:12px; color:#888; padding:5px 15px 10px 160px;}
.main .container .bg-primary{ margin-top: 15px;}
.container .bg-info {padding: 15px; text-align: center;}
.artical { background: #fff; padding:10px 0px 30px;}
.artical img{max-width: 100%; height: auto; display: block; margin: 15px auto;}
.article-text{ font-size: 18px; line-height: 1.8em;padding: 0 2% 3%;}
.article-text a{ padding: 0 5px;}
.article-text a:link{text-decoration:underline;color:#337ab7;} 
.article-text a:visited{text-decoration:underline;color:#337ab7;} 
.article-text a:hover{text-decoration:underline;color:#f00;} 
.article-text a:active{text-decoration:none;color:#337ab7;}
.article-text p{ text-indent: 2em; white-space: normal; word-break: break-word;}
.article-text p img { display: block;text-indent: 0 !important;}
.main-img{ text-align: center;}
.unitnamemail {margin-top: 25px;text-align: center;font-size: 14px;}
.navbar{border-radius:0px; border:none;}/*边框白边去除*/
.txt{margin:10px 15px 10px 15px;}
.txt p{text-indent:2em;}
.img-zoomable {padding: 3px;}

.datetime{text-align: right;padding: 10px;}
.ipother{ text-align: right;  padding:20px 10px 10px;}
.poll{ text-align: center; padding: 10px; font-size:20px;}
.poll .layui-icon{font-size:20px;}
.areaCenter{ text-align: right; padding: 10px;}
.prev{margin: 8px 0 4px 10px;}
.next{margin: 4px 0 16px 10px;}
.comment-headline .bg-success{padding: 10px; background: #eee; text-align: right;}
.comment-container{ padding:10px 0; border-bottom: 1px #ccc dotted;}
.comment-user-img { text-align: center;}
.comment-user-img img{border-radius:50%; width: 40px; height: 40px; margin:10px ;}
.comment-user-name{ font-size: 12px; color: #999;}
.comment-time{ font-size: 12px; color: #999;}
.comment-artilec{ margin-top: 10px; margin-bottom: 5px;}
.comment-artilec img {padding: 3px; display: inline;}
.msgnum {background: #c00;}
.txt2{margin-top: 25px;}

.search_con{margin-top:10px;}

@media screen and (min-width: 768px){
.article-text{ padding: 0 5% 3%;}
.artical { padding:10px 20px 30px;}
}