/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
body{font-size: 12px;float: left;width: 100%;background: #f8f8f8;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none outside none;}
em, i {font-style: normal;text-decoration: none;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
a{color: #333;text-decoration:none;font-size: 14px;}
a:hover{color:#1aa1de;}

#header {position: fixed;width: 12em;height: 100%;background: #175877;text-align: center;z-index: 999;}
#header .avatar {margin-top: 30px;}
#header .avatar img {border: 3px solid #FFF;}
.img-circle{border-radius: 50%;}
#header h3 {color: #FFF;}
#header .nav {margin: 20px 0;}
#header .nav ul {margin: 0 25%;padding: 0;}
#header .nav ul li {border-bottom: 1px dashed #d1f1e9;padding: 10px 0;list-style: none;margin: 0;}
#header .nav a {color: #FFF;font-size: 16px;}
#header .nav a:hover {color: #d1f1e9;}
#header .nav ul li ul {position: absolute;display: none;margin-left: 6em;margin-top: -34px;padding: 0 15px;border-radius: 4px;background: #3498db;white-space: nowrap;z-index: 2000;}
#header .nav ul li ul a {font-size: 14px;}
#header .nav ul li:hover ul {display: block;}
#menu{display:none;font-size: 20px;text-align:center;width: 100%;background: #175877; color:#fff;position: fixed;}

#main {margin-left: 12em;overflow: hidden;padding-top: 0.5em;}
#main .box {width: 98%;margin: 0 auto;}
.yl_left{width: 75%;float:left;}
.yl_left .current{background: url(../images/c.png) no-repeat 6px 7px;border: 1px solid #ffae00;font-size: 16px;padding: 6px 2%;width: 92%;margin: 10px 2%;}
.yl_left h2{font-size: 30px;line-height: 32px;float: left;width: 96%;margin: 0 2%;padding: 10px 0;border-bottom: 2px solid #175877;color: #175877;}
.yl_left_ul{width: 100%;float: left;}
.yl_left_ul li{padding: 30px 0;border-bottom: 1px dashed #ddd;overflow: hidden;float: left;width: 96%;margin: 0 2%;}
.uli li{width: 46%;}
.yl_left_ul li h3{line-height: 1.2;color: #1c1c1c;margin-bottom: 0.5rem;height: 26px;line-height: 26px;overflow: hidden;}
.yl_left_ul li h3 a{font-size: 22px;font-weight: 500;}
.yl_left_ul li h4{line-height: 1.8;font-size: 16px;color: #555;font-weight: 300;max-height: 80px;overflow: hidden;}
.yl_left_ul li p{margin: 20px 0;overflow: hidden;}
.yl_left_ul li p i{float: left;font-size: 14px;line-height: 20px;color: #ffae00;border: 1px solid #ffae00;padding: 0 4px;}
.yl_left_ul li p span{float: left;margin-left: 18px;font-size: 14px;line-height: 20px;color: #898989;}

.art_content { margin-top:28px;width: 96%;margin: 0 2%;}
.art_content h1 { font-size:28px; color:#222; text-align:center; border-bottom:1px solid #ddddde; padding: 22px 0;}
.art_content .post { height:60px; line-height:60px; color:#898989; text-align:center;}
.art_content .post span { margin-right:25px;}
.art_content .text { margin:10px 0; color:#313131; font-size:16px;}
.art_content .text h2{font-size:18px; margin: 10px 0; width:100%; border-bottom:0; padding:0;}
.art_content .text h3{font-size:16px; margin: 10px 0; width:100%; border-bottom:0; padding:0;text-indent: 1em;}
.art_content .text h4{font-size:14px; margin: 10px 0; width:100%; border-bottom:0; padding:0;text-indent: 2em;}
.art_content .text p { line-height:28px; margin:10px 0;}
.art_content .next { font-size:16px;}
.art_content .next li{float: left; width:100%; margin:5px 0;}
.art_content .next li a { color:#313131;}
.art_content .arc-tag { margin:20px 0; color:#898989;}
.art_content .arc-tag a { margin-right:16px; padding:3px 15px; border:1px solid #e7e7e7; color:#898989; text-decoration:none;}
.art_content .next li a:hover,.art_content .arc-tag a:hover{ color:#d98500;} 

.yl_right{ width:25%; float:right;padding: 15px 0;}
.yl_right .rmenu{ overflow:hidden;}
.yl_right h2{font-size: 22px;line-height: 32px;float: left;width: 100%;}
.yl_right h2 span{font-size: 28px;font-family: "SimSun";font-weight: bold;}
.yl_right_ul{padding-bottom:15px;float: left;width: 100%;}
.yl_right_ul li{padding: 15px 0;border-bottom: 1px dashed #ddd;overflow: hidden;float: left;width: 100%;}
.yl_right_ul li a{font-size: 20px;line-height: 25px;color: #1c1c1c;height:26px; overflow:hidden;float: left;}
.yl_right_ul li:nth-child(1) span{color: #ffae00;}
.yl_right_ul li:nth-child(2) span{color: #ffae00;}
.yl_right_ul li:nth-child(3) span{color: #ffae00;}
.yl_right_ul li span{float: left;font-size: 20px;color: #bfbfbf;font-style: italic;font-family: "SimSun";font-weight: bold;margin-right: 20px;}

.copyright {overflow: hidden;padding: 10px 0;width: 93%;margin: 0 1.5%;}
.copyright p {font-size: 16px;margin: 3px 0}
.copyright a {color: #555}

@media screen and (max-width: 768px)
{
#header,#footer{ display:none;}
#menu{display: block;}
#main{margin-left:0;padding-top: 30px;}
.yl_left,.yl_right,.yl_left_ul li{width:100%;float:left;}
.yl_left_ul li p span:nth-child(n+3){display:none;}
.yl_left .current{display:none;}
.art_content .post {height: auto;line-height: 30px;}
.art_content .post span:nth-child(n+3){display:none;}
.art_content h1{padding: 5px 0;}
.art_content .arc-tag{margin: 8px 0;}
}