html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { line-height: 1.6; font: 0.9rem "微软雅黑",arial,sans-serif; } * { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } .message_body { background: #f5f5f5; padding: 0px; margin: 0; } .message_group { background: #f5f5f5; padding: 20px; margin: 0; } .message_box { background: #ffffff; box-shadow: 0px 0px 1px 1px #ddd; border-radius: 10px; position: relative; display: block; padding: 10px; margin-bottom: 30px; } .message_box .message_photo { position: absolute; top: -10px; left: -10px; width: 50px; height: 50px; border-radius: 25px; background: #ffffff; border: 2px solid #ffffff; overflow: hidden; } .message_box .message_photo img { width: 50px; height: 50px; } .message_box .SendName { height: 30px; padding-left: 40px; color: #999999; line-height: 30px; text-align:left; font-size:16px; } .message_box .big_img { width: 100%; } .message_box .big_img img { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center 0; background-position: 50% 50%; -webkit-background-size: 100%; padding-top: 10px; } .message_box .content { color: #333333; line-height: 30px; font-size: 18px; } .message_box .bottom { height: 30px; color: #999999; line-height: 30px; } .message_box .bottom .message_date { float: left; font-size: 12px; line-height: 30px; } .message_box .bottom .EyeNum { float: right; font-size: 12px; line-height: 30px; background: url(../imgs/ico_Eye.png) no-repeat center left; padding: 0 25px; color: #999; } .message_box .bottom .SignNum { float: right; font-size: 12px; line-height: 30px; background: url(../imgs/ico_Sign.png) no-repeat center left; padding: 0 25px; color: #999; } .message_box .bottom .BackNum { float: right; font-size: 12px; line-height: 30px; background: url(../imgs/ico_message.png) no-repeat center left; padding: 0 25px; color: #999; } .message_box .content_notice { color: #333333; line-height: 30px; font-size: 14px; text-indent: 2em; /*background: url(../imgs/ico_notice.png) no-repeat 5px 5px;*/ display: block; text-align:left; } /*一行3张图*/ .figure-list { margin: 0; padding: 0; } .figure-list:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .figure-list li { list-style: none; float: left; width: 32% !important; padding:0!important; margin: 1.333% 1.333% 0 0; } .figure-list figure { position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ background-position: center; background-repeat: no-repeat; background-size: cover; } .figure-list figure a { display: block; position: absolute; width: 100%; top: 0; bottom: 0; } /*一行2张图*/ .figure-list2 { margin: 0; padding: 0; } .figure-list2:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .figure-list2 li { list-style: none; float: left; width: 48% !important; padding:0!important; margin: 2% 2% 0 0; } .figure-list2 figure { position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ background-position: center; background-repeat: no-repeat; background-size: cover; } .figure-list2 figure a { display: block; position: absolute; width: 100%; top: 0; bottom: 0; } /*************************************************************************************************************/ /*内容页*/ .message_content { background: #ffffff; padding: 20px; margin: 0; } .message_content .message_title { text-align: center; color: #333333; line-height: 30px; font-size: 24px; } .message_content .sub-title { text-align: center; color: #999999; line-height: 30px; font-size: 14px; background: url(../imgs/line.png) repeat-x center center; height: 30px; } .message_content .sub-title .SendName, .message_content .sub-title .message_date { background: #ffffff; line-height: 30px; padding: 0 10px; } .message_content .article_body { margin: 10px auto; color: #333333; line-height: 1.5em; } .message_content .article_body p { font-size: 0.7rem; } .message_content .article_body img { max-width: 100%; margin: auto; } .message_content .bottom { height: 30px; color: #999999; line-height: 30px; } .message_content .bottom .message_date { float: left; font-size: 12px; line-height: 30px; } .message_content .bottom .EyeNum { float: left; font-size: 12px; line-height: 30px; background: url(../imgs/ico_Eye.png) no-repeat center left; padding: 0 25px; color: #999; } .message_content .bottom .SignNum { float: right; font-size: 12px; line-height: 30px; background: url(../imgs/ico_Sign1.png) no-repeat center left; padding: 0 25px; color: #607fa6; } .message_content .bottom .BackNum { float: left; font-size: 12px; line-height: 30px; background: url(../imgs/ico_message.png) no-repeat center left; padding: 0 25px; color: #999; } /*留言区域*/ .leave_word { background: #f5f5f5; padding: 20px; margin: 0; } .leave_word .sub-title { text-align: center; color: #999999; line-height: 30px; font-size: 14px; background: url(../imgs/line.png) repeat-x center center; height: 30px; } .leave_word .sub-title .SendName { background: #f5f5f5; line-height: 30px; padding: 0 10px; } .leave_word textarea { width: 100%; border: 1px solid #ececeb; border-radius: 5px; background: #ffffff; color: #333333; line-height: 25px; padding: 5px; } .leave_word ul { width: 100%; } .leave_word ul.leave_list li { width: 100%; padding: 5px; border-bottom: 1px dashed #ececec; line-height: 25px; list-style: none; font-size: 14px; } .leave_word .leave_top { width: 100%; height: 30px; line-height: 30px; display: block; padding-bottom: 10px; } .leave_word .leave_top img { float: left; width: 30px; height: 30px; } .leave_word .leave_top .leaveName { float: left; height: 30px; color: #999999; line-height: 30px; font-size: 14px; padding-left: 10px; } .leave_word .leave_top .SignIn { float: left; height: 30px; color: #1aad19; line-height: 30px; font-size: 14px; padding-left: 10px; } .leave_word .leave_top .SignNo { float: left; height: 30px; color: #999999; line-height: 30px; font-size: 14px; padding-left: 10px; } .leave_word .leavetime { height: 30px; color: #999999; line-height: 30px; float: right; font-size: 12px; } .leave_word ul.leave_list li p { font-size: 14px; color: #333; } .leave_word ul.leave_list img { max-width:100%; } .leave_word ul.Sign_list { width: 100%; padding-bottom:10px; border-bottom:1px solid #ececec; margin-bottom:10px; } .leave_word ul.Sign_list li { padding:5px 10px; line-height: 25px; list-style: none; font-size: 14px; text-align: center; color: #333; display: inline-block; } .leave_word ul.Sign_list li.SignIn { color: #1aad19; }