/* navigation*/
.navigation{width:100%; padding:1rem 0; }
.navigation p:before {content: ""; width: 1.1rem; height: 1.4rem; background: url("../images/navigationicon.png")no-repeat center; -webkit-background-size: cover; background-size: cover;  float:left; margin-top:.1rem; margin-right:.6rem;}
.navigation p{padding-left:.7rem; font-size:1.2rem; color:#343434; }
.navigation p a{display:inline-block; margin:0 .2rem; color:#7c7c7c; }

/*typename*/
.typename{ width:100%; background-color:#fff; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; border-radius:.3rem;}
.typename .typename_title{ padding:.8rem 0 .8rem 4%; width:96%;  float: left;}
.typename .typename_title h1{ font-size:1.5rem; color:#c4a572; font-weight:normal; margin-right:.5rem; float:left;}
.typename .typename_title h1 span{ font-size:.8rem; color:#d4d4d4; margin-left:.5rem; text-transform:uppercase;}
.typename .typename_title .more{ float:right; margin-top:.5rem; margin-right:1rem; color:#bbbcbc; font-size:.9rem;}
.typename .typename_title .more:after{content: ""; width: 1.9rem; height: 1.7rem; background: url("../images/list_typename_zixun.png")no-repeat center; -webkit-background-size: cover; background-size: cover;  float:right; margin-top:-.3rem; margin-left:.5rem;}

/*article*/
.article{ width:100%; margin-top:.6rem; background-color:#fff; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; border-radius:.3rem;}
.article .title{ width:100%; float:left; padding:1.5rem 0 1rem; border-bottom:1px solid #cccccc; text-align:center;}
.article .title h1{ font-size:1.5rem; color:#303030; font-weight:normal; margin:0 .8rem .7rem;}
.article .title span{ display:block; font-size:1rem; color:#7c7c7c;}
.article .content{ font-size:1rem; color:#7c7c7c; margin:0 .8rem;}
.article .content p{ line-height:1.8rem; text-indent:2em; margin-bottom:1rem;}
.article .content img{ max-width:25rem;}

/*prenext*/
.prenext{ width:100%; margin-top:.6rem; background-color:#fff; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; border-radius:.3rem; padding:1rem 0;}
.prenext p{ line-height:2rem; margin-left:4%; font-size:1rem; color:#7c7c7c; }
.prenext p a{color:#7c7c7c;}

/*tishi*/
.tishi{ width:100%; margin-top:.6rem; background-color:#fff; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; border-radius:.3rem;}
.tishi p{ color:#7c7c7c; font-size:.9rem; line-height:1.5rem; padding:1rem 0; margin-right:.8rem;}
.tishi p:before{ content: ""; width: 6.8rem; height: 4.7rem; background: url("../images/article_tishi.jpg")no-repeat center; -webkit-background-size: cover; background-size: cover; float:left; margin-left:.5rem;}
.tishi p span{ font-weight:700; font-size:1.1rem; color:#d91214; display:block;}