@charset "utf-8";
/**
 * YZMCMS轻论坛
 * @author           袁志蒙  
 * @license          http://www.yzmcms.com
 */
/* CSS Document */

.yzm_main{margin: 15px auto;}
/* .yzm_main_left{width:100%}
.yzm_main_right{width:100%;} */
.yzm_list_section{margin-bottom: 15px; padding-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.yzm_list_section strong{font-weight: normal; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; display: block;}
.yzm_list li{padding-left: 15px; height: 45px; line-height: 22px; padding: 15px 15px 15px 75px; border-bottom: 1px dotted #e2e2e2; position: relative;}
.yzm_list li:last-child{border-bottom: none; padding-bottom: 0px}
.yzm_avatar{position: absolute; left: 15px; top: 15px;}
.yzm_avatar img{width: 45px; height: 45px; margin: 0; border-radius: 2px;}
.yzm_list h3{height: 26px; font-weight: normal;}
.yzm_badge{height: 16px; line-height: 16px; padding: 0 5px; font-size: 12px; border: 1px solid #5FB878; background: none; color: #5FB878; border-radius: 2px; position: relative; top: -7px}
.yzm_list h3 a{font-size: 14px; display: inline-block; max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yzm_list_badge{position: absolute; right: 15px; top: 20px;}
.yzm_time{margin-left: 15px}
.yzm_list_nums{position: absolute; right: 15px; top: 40px; font-size: 13px; color: #999;}
.yzm_list_nums span{margin-left: 8px}
.yzm_list_nums span img{height: 13px; margin-right: 3px; vertical-align: middle}
.yzm_list_info{color: #999; font-size: 13px;}
.yzm_list_info a cite{font-style: normal; color: #999;}
.yzm_stick{border-radius: 2px; font-size: 12px; background: #393D49; color: #fff; height: 20px; line-height: 20px; border: none; padding: 2px 6px;}
.yzm_essence{border-radius: 2px; font-size: 12px; background: #FF5722; color: #fff; height: 20px; line-height: 20px; border: none; padding: 2px 6px;}
.yzm_recomm{border-radius: 2px; font-size: 12px; background: #5FB878; color: #fff; height: 20px; line-height: 20px; border: none; padding: 2px 6px;}
.yzm_v{height: 13px;}
.yzm_release a{background: #5FB878; display: block; border-radius: 5px; text-align: center; color: #fff; width: 120px; margin: 0 auto; height: 50px; line-height: 50px; font-size: 16px; transition: all 0.2s;}
.yzm_release a:hover{opacity: 0.9;}
.yzm_sign{padding-top: 15px}
.yzm_sign p{text-align: center; margin-top: 10px;}
.yzm_sign p img{height: 14px; cursor: pointer;}
.yzm_sign p span{color: #ff5722; margin: 0 3px;}
.yzm_lately{width: 100%; text-align: center; overflow: hidden;}
.yzm_lately dd{position: relative; margin: 10px 0 5px 0; width: 25%; height: 90px; float: left; vertical-align: top; font-size: 12px;}
.yzm_lately dd a img{width: 65px; height: 65px; border-radius: 2px; text-align: center;}
.yzm_lately dd a cite{position: absolute; bottom: 25px; left: 0; right: 0; margin: auto; width: 65px; height: 20px; line-height: 20px; text-align: center; background-color: rgba(0, 0, 0, .2); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal;}
.yzm_lately dd a i{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 65px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; font-size: 12px;}
.yzm_recommend{
    margin-top: 10px;
    margin-bottom: 5px;
}
.yzm_link{margin: 8px auto; padding: 0 15px; overflow: hidden;}
.yzm_recommend li a{width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yzm_recommend li:nth-child(-n+3)>em {
    background: #E12726;
}
.yzm_recommend li em {
    display: inline-block;
    width: 18px;
    line-height: 18px;
    height: 18px;
    background: #626262;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 5px;
    font-style: normal;
}




.yzm_link li{float: left; margin-right: 15px}
.yzm_conent_box{margin-bottom: 15px; padding: 15px 15px 25px 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.yzm_conent_box h1{font-size: 24px; line-height: 36px; margin-top: 5px; font-weight: normal;}
.yzm_status{margin-top: 10px;}
.yzm_detail_info{line-height: 35px; margin: 10px 0 10px; color: #666; border-bottom: 1px dotted #E9E9E9;}
.yzm_detail_info span{display: inline-block; margin-right: 20px;}
.yzm_content{font-size: 16px; color: #323232}
.yzm_content a{color: #01aaed}
.yzm_content a:hover{color: #5fb878}
.yzm_content img{margin: 10px 0; max-width: 100%}
.yzm_content pre{color: #444; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; display: block; margin: 10px 0; padding: 9px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 3px; background-color: #f5f5f5; white-space: pre-wrap; word-wrap: break-word; font-size: 11px; line-height: 20px; word-break: break-all}
.yzm_content h2{font-size: 18px; line-height: 38px; font-weight: normal; border-left: 3px solid #428bca; padding-left: 10px; margin: 8px 0; background: #f2f2f2;}
.yzm_content h3{font-size:14px;margin-bottom:10px;color:#111;}
.yzm_content p{word-break:break-all;}
.yzm_content ol{margin-top:10px}
.yzm_content ol li{margin-left:20px}
.yzm_content em{font-style:normal}
.yzm_content_fieldset{text-align: center; margin: 10px 0 20px; border-width: 1px 0 0; border-style: solid; border-color: #e6e6e6;}
.yzm_content_fieldset legend{font-size: 20px; padding: 0 10px}
.yzm_content_comment textarea{width: 98%; height: 120px; padding: 1% 1%; border: 1px solid #dadada; margin-bottom: 10px}
.yzm_operation{border-top: 1px dotted #E9E9E9; margin-top: 10px; padding-top: 10px;}
.yzm_operation a{margin-top: 10px; margin-right: 15px; padding: 3px 12px; background: #009688; color: #fff; font-size: 12px;}
.yzm_operation a:hover{background: #32aa9e;}
.yzm_comment_ul li{padding: 15px 0; border-bottom: 1px dotted #e2e2e2;}
.yzm_comment_ul li .yzm_comment_avatar{float: left; margin-right: 10px;}
.yzm_comment_ul li .yzm_comment_avatar img{height: 45px; width: 45px}
.yzm_comment_ul li .yzm_detail_user a{color: #01aaed}
.yzm_comment_ul li .yzm_detail_user a:hover{color: #5fb878}
.yzm_comment_ul li cite{font-style: normal;}
.yzm_comment_ul .yzm_comment_date{height: 20px; line-height: 20px; color: #999; display: block}
.yzm_comment_more{text-align: center; height: 35px; line-height: 35px; color: red;}
.yzm_cc{margin-top: 10px; color: #353535; word-break: break-all;}
.yzm_cc_text{word-wrap: break-word; font-size: 11px; line-height: 20px; word-break: break-all;white-space: pre-wrap;background: #fbf9f9;padding:6px;border-radius:5px;}
.yzm_cc a{color:#1c6d8e}
.yzm_cc a:hover{color:#5fb878}
.yzm_cc_reply{overflow: hidden}
.yzm_cc_reply img{float: left; height: 22px; margin-right: 5px}
.yzm_cc_reply span{cursor: pointer}
.yzm_cc_reply span:hover{color: #000}
.yzm_float{color: #999; float: left; margin-right: 20px; transition: all 0.9s}
.yzm_float span:hover{color: #333}
.yzm_float i{margin-right:5px}
.yzm_float em{font-style: normal;}
.yzm_praise span,.yzm_praise span:hover{color: #c00;}
.yzm_button{width: auto; display: inline-block; height: 35px; line-height: 35px; padding: 0 23px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; font-weight: bold; transition: opacity 0.2s;}
.yzm_button:hover{opacity: .8; filter: alpha(opacity=80); color: #fff}
.yzm_user_info{margin-top: 5px; padding: 10px 15px}
.yzm_user_info .userlink{display: block; margin-bottom: 10px}
.yzm_user_info p{text-align: center;}
.yzm_user_info_avatar{width: 70%; margin: 0 auto; text-align: center}
.yzm_user_info_avatar .useravatar{height: 150px; width: 150px}
.yzm_user_info_avatar .usergroup img{height: 20px;}
.yzm_user_info_operation{text-align: center;}
.yzm_user_info_operation a{padding: 6px 50px; margin-top: 10px; display: inline-block; text-align: center; font-size: 16px; color: #fff; background: #46be8a; transition: all 0.3s;}
.yzm_user_info_operation a.primary{background: #2e6da4; margin-left: 10px;}
.yzm_user_info_operation a:hover{opacity: .8; filter: alpha(opacity=80);}
.yzm_add{background: #fff;}
.yzm_add h3{margin: 15px 15px; height: 55px; line-height: 70px; font-weight: normal; border-bottom: 1px solid #e6e6e6; color: #009688; font-size: 14px; margin-bottom: 20px}
.yzm_add h3 b{font-weight: normal; display: block; height: 54px; width: 100px; text-align: center; border-bottom: 2px solid #009688;}
.yzm_add form{margin: 0 15px; padding-bottom: 50px}
.yzm_col{margin-bottom: 20px; position: relative}
.yzm_col span{display: inline-block; width: 110px; height: 38px; line-height: 38px; border-radius: 2px 0 0 2px; text-align: center; background-color: #fbfbfb; overflow: hidden; border: 1px solid #e6e6e6; border-right: none; color: #000;}
.yzm_col select{display: inline-block; width: calc(100% - 110px); height: 40px; line-height: 40px; border-radius: 2px 0 0 2px; font-size: 14px; text-align: center; background-color: #fbfbfb; border: 1px solid #e6e6e6; color: #000; padding: 0 5px; position: absolute; left: 110px;}
.yzm_col .text_input{display: inline-block; width: calc(100% - 120px); height: 38px; line-height: 38px; border-radius: 2px 0 0 2px; font-size: 14px; background-color: #fff; border: 1px solid #e6e6e6; color: #000; padding: 0 5px; position: absolute; left: 110px;}
.yzm_col .code_input{width: 150px}
.yzm_col .yzm_textarea{width: calc(100% - 12px); height: 250px; border-radius: 2px 0 0 2px; font-size: 14px; background-color: #fff; border: 1px solid #e6e6e6; color: #000; padding: 5px 5px;}
.yzm_col .text_input:hover,
.yzm_col .text_input:focus,
.yzm_col .yzm_textarea:focus{border-color: #c9c9c9; outline: medium none; transition: all 0.218s ease 0s;}
.yzm_col .code_img{display: block; cursor: pointer; margin-top: 15px;}