/**
	给力心理 文章  2015-11-20
**/
html {color: #808080;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;padding: 0;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontVsoicon,sans-serif
}

table {border-collapse: collapse;border-spacing: 0}
fieldset,img {border: 0}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal}
ol,ul {list-style: none}
caption,th {text-align: left}
h2,h3,h4,h5,h6 {font-size: 100%}
h1{font-size: 12px;font-weight: normal;float: left}
q:before,q:after {content: ''}
abbr,acronym {border: 0;font-variant: normal}
sup {vertical-align: text-top}
sub {vertical-align: text-bottom}
input,textarea,select {font-family: inherit;font-size: inherit;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
.fr {float: right}
.fl {float: left}
.clear {clear: both}
.hide {display: none}
.show {display: block}
input,button,a {outline: 0}

.h20{ height:20px;}

/**首页**/
.content{ background-color: #F2F2F5; width: 100%;display: inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal; overflow:  visible;}
.content ul li {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px; padding: 5px; float: left; width: 100%;
}
.content ul a{ text-decoration: none; color: #484848;}
.a_author img{ float: left; width: 29%;margin-right: 1%;}
.a_author .username{ color: #00A06A; font-weight: bold}
.time{color: #9f9f9f;}
.time span {margin: 0px 5px;}
.time img{ vertical-align: middle; margin-right: 2px;}
.a_title{font-size: 14px; height: 40px;line-height: 18px; overflow: hidden;padding-right: 5px;}

.op{ display: block; margin-top: 5px;}
.op .btn{ border: 1px #00A06A solid; color: #00A06A; border-radius: 5px; padding: 1px 10px; margin: 0px 5px;}
/**自动加载**/
.loaddiv,.div_null{display:none;}
.loaddiv,.div_null{text-align: center;margin: 20px;}
.alink{display:none;font-size: 46px;}

.a_list{width: 100%;}
.a_list a{ text-decoration: none}
.a_list li{ width: 100%; float: left; height: 90px; margin-top: 20px;}
.a_list .t_img{ width: 40%; float: left;}
.a_list .t_img img{width: 100%; border-radius: 20px; height: 90px;}
.a_list .t_r{ width: 57%; margin-left: 3%; float: left;text-align: left}
.a_list .t_r_t{ font-size: 14px; height: 36px; overflow: hidden;color: #333; line-height: 18px}
.a_list .t_r_d{color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden;}
.a_list .t_r_i{ width: 100%;margin-top: 10px;}
.a_list .t_r_i span{ color: #999999; margin-right: 5px;}
.a_list .t_r_i img{ width: 24px; height: 24px; border-radius: 50%; vertical-align: middle;margin-right: 5px;}
.a_list .s_r{ float: right; margin-right: 5px;}
.a_list i{ margin-right: 5px;}

/**文章详情**/
.article{ background-color: #fff;  padding: 10px;}
.article .msg{font-size: 14px;line-height: 24px;color: #333333;}
.article .msg a{
    color: #333333;
    text-align: center;
    text-decoration: underline;color: blue;
    width: 80px;}
.article .msg p a{display: inline}
/*.article .msg img{ width: 90%;margin: 5%;}*/
.article .title{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px;}
.article .title h1{ font-size: 14px; font-weight: bold;float: none}
.article .title .a_atr{  border: 1px solid #f5c344;border-radius: 2px;color: #f5c344;font-size: 12px;padding: 0px 2px;float: left;line-height: 16px;margin-top: 4px; margin-right: 5px;}
.article .time{  width: 100%;   height: 30px;}
.article .time span{color:#999999;}
.article .time .t_r{ width: 120px;float: right}
.t_r .icon{color: #333}
.t_r span{font-size: 12px;color:#999999 }
.pre{left: 0;}
.next{ right: 0;}
.pre,.next{ width: 30px; position: fixed; top:48%;}
.pre img,.next img{ width: 30px; height: 30px;}
.more{ margin: 0 auto; line-height: 30px;text-decoration: none;}

.thumb img{ width: 100%; border-radius: 10px;}

.author{  background-color: #fff;padding:20px 10px 10px;   margin-top: 10px;}
.author .a_left{ text-align: center; width: 40px; float: left;}
.a_left img{border-radius: 50%;height: 40px;width: 40px;}
.author .a_right{ margin-left: 50px;}
.author .a_right .gz{   background-color: #f8d94d;border-radius: 20px;color: #333333;cursor: pointer;font-weight: bold; margin-left: 2%; padding: 7px 27px; position: absolute;
    right: 10px;top: 36px;}
.author .a_right .sp{margin-top: 5px; display: block; margin-top: 5px;overflow: hidden; height: 32px;}
.a_right .name{ font-size: 16px;font-weight: bold;color: #333333;margin-right: 10px;}
.a_right .uid{ color: #999999;border: #EBEBEB 1px solid; border-radius: 5px;padding: 2px 5px;}
.a_right .utitle{    background-color: #fff;
    font-size: 16px;
    height: 100px;}

.relation{ background-color: #fff;margin-top: 10px;}
.relation .item{ border-bottom: 1px #ccc dotted; line-height: 28px; margin: 5px;height: 80px;}
.relation .item a{ text-decoration: none; color: #5c5c5c; width: 100%;display: block;}
.relation .item_title{  color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px;}
.item_title a{ text-decoration: none; color: #333; font-size: 12px;float: right}
.relation .r_i_l{width: 100px;float: left;}
.relation .r_i_l img{width: 100px; height: 75px; border-radius: 5px;}
.relation a{ text-decoration: none; cursor: pointer}


.relation2{ background-color: #fff;margin-top: 20px;margin-bottom: 50px;}
.relation2 .item{ border-bottom: 1px #ccc dotted; line-height: 28px; margin: 5px;height: 30px;}
.relation2 .item a{ text-decoration: none; color: #5c5c5c; width: 100%;display: block;}
.relation2 .item_title{  color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px;}

.r_i_r{   float: left;
    height: 60px;
    margin-left: 106px;
    position: absolute;}
.r_i_r .r_i_r_t{     color: #333333;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    width: 100%;}
.r_i_r .r_i_r_s{  color: #999999;
    float: left;
    font-size: 10px;cursor: pointer;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    width: 100%; margin-right: 5px;}
.r_i_r .r_i_r_info{}
.r_i_r_info img{ width: 20px; height: 20px; border-radius: 50%;vertical-align: middle;}
.r_i_r_info i{ color: #333; margin-right: 5px;}
.r_i_r_info span{font-size: 10px; color: #999}
.r_i_r_i_d{ float: right;margin-right: 10px;}

/**点赞功能**/
.r_op .good,.r_op .bad{   
    cursor: pointer; width: 50%;
    display: block;
    float: left;
    text-align: center; 
    font-size: 16px;
    }
.r_op{     background-color: #fff;padding: 20px 0;
    font-size: 16px;
    height: 140px;}
.r_op .good i{ height: 80px;font-size: 32px;
    line-height: 80px;border: 1px solid #ccc;margin: 0 auto;
    border-radius: 50%;
    width: 80px;color: red;display: block;
}
.r_op .bad i{ height: 80px;display: block;font-size: 32px;
    line-height: 80px;border: 1px solid #ccc;margin: 0 auto;
    border-radius: 50%;
    width: 80px;}

.header_nav a{ text-decoration: none;color: #333;}
.header_nav .cur{background-color: #f8d94d;border: medium none;color: #333}
.header_nav{   background-color: #fff; font-size: 14px; height: 50px; line-height: 30px; position: fixed; top: 0px; z-index: 999;width: 100%;border-bottom: 1px solid #f1f1f1;}
.header_nav li{ float: left; width: 15%; text-align: center; color: #333; margin: 10px 2%;border:1px solid #dcdcdc;border-radius: 20px;}

.breadcrumbs{color: #a1a1a1; line-height: 20px; padding: 5px;font-size: 12px;  overflow: hidden; background-color:#F8F8F8;text-shadow: none;}
.breadcrumbs a{ color: #a1a1a1; text-decoration: none;text-shadow: none;float: left}
.breadcrumbs span{ float: left}
#box img{width: 90%;height: auto;}