@charset "utf-8";
/*about*/
.aboutcon{ color:#696969}
h1.t_nav { border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px; }
h1.t_nav a{width: 100px; display: block; text-align: center ; color: #fff; float:left}
h1.t_nav span{float:right; color:#999}
.n1 { background: #5EA51B;}
.n2{ background: #8BBF5D; }
.about{ width:740px;overflow: hidden;line-height:22px;}
.about h2{ font-size:22px; font-family: 'Architects Daughter', cursive;margin-bottom:5px;}
.about_c,.about{margin:5px 0}
.about ul{ width:710px}
.about_c{ padding:10px 0 0 10px; color:#242222; line-height:26px; }
.about_c span{ color:#19A566}
a.blog_link{ color:#1CA368; margin:0 20px}
.about #me_text{width:740px;overflow: hidden;color:#242222;background: url("../images/r_line.jpg"/*tpa=http://www.csss111.com/images/r_line.jpg*/) repeat-y right;font-family:"微软雅黑"; }
#me_text p{width:700px;padding:6px 20px;text-indent:2em;font-size:16px;}
.about_c .about_qq{width:200px;heiht:30px;}
.about_c .about_qq span{width:60px;height:28px;float:left;}
.about_c .about_qq p{display:block;width:93px;height:30px;margin-top:3px; background:url("../images/qq_bg.png"/*tpa=http://www.csss111.com/images/qq_bg.png*/) no-repeat;float:left;}
.about_c .about_yx{width:200px;heiht:30px;}
.about_c .about_yx p{width:97px;height:25px; background:url("../images/qq_bg.png"/*tpa=http://www.csss111.com/images/qq_bg.png*/) -93px 0 no-repeat;float:left;}
.about_c .about_yx span{width:60px;height:28px;line-height:30px;float:left;}
/*个人日记*/
.moodlist { margin: auto; width: 100%; overflow: hidden }
/* --------------------博客列表-------------------- */
h1.t_nav span{ float:right; color:#999}
h1.t_nav { border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px;margin:20px auto;width:1000px }
h1.t_nav a { width: 100px; display: block; text-align: center; color: #fff; float: left }
.n1 { background: #5EA51B; }
.n2 { background: #8BBF5D; }
.bloglist { width: 1000px; margin: 0 auto; background: url("../images/r_title_bg.jpg"/*tpa=http://www.csss111.com/images/r_title_bg.jpg*/) repeat-y 764px 0;overflow: hidden; }
.arrow_box { background: #f8f8f8; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(214, 214, 214, 0.7); width: 730px; border-radius: 6px; position: relative; padding: 20px 0; margin: 20px 0; }
.arrow_box img { width: 150px; float: left; margin: 0 20px 0 20px; }
.arrow_box p { line-height: 24px; padding: 0 20px 20px }
.arrow_box::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent #fff; position: absolute; left: 730px; top: 23px; }/* 三角形 */
.arrow_box::after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 758px; top: 16px; background: #CCCCCE; border: 2px solid #fff; transition: all 0.5s; }/* 圆形 */
.arrow_box:hover::before { border-color: transparent transparent transparent #CECCCD }/* 三角形 */
.arrow_box:hover::after { border: #fff 2px solid; background: #5EA51B }/* 圆形 */
.arrow_box:hover { background: #f4f2f2; color: #333; text-shadow: #f7f7f7 1px 1px 1px }
.dateview { position: absolute; left: 788px; top: 20px; width: 125px; line-height: 30px; background: #5EA51B; border-radius: 0px 40px; text-align: center; color: #fff }