File: //www/wwwroot/www.jfaslk.com/css/index.css
p {
margin: 0;
}
.cu {
font-weight: bold;
}
.w1 {
width: 100%;
}
.blue {
color: #02A7F0;
}
.ye_bg {
background-color: yellow;
}
.zhong {
text-align: center;
}
/* * {
margin: 0 auto;
padding: 0;
} */
#hd {
background: red none scroll 0 0;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
#hd .z {
height: 64px
}
.z {
float: left;
font-weight: 400;
font-size: 16px
}
.content {}
.content h1 {
font: bold 26px/40px microsoft yahei
}
.content p {
font: 18px/1.75 microsoft yahei;
color: #333
}
.content h2 {}
.content h4 {}
.content p img {
width: 100%
}
.content p b {
color: #f00
}
.content p strong {
color: #f00
}
.content p em {
font-style: normal;
background: #6F0404;
color: #fff;
margin: auto;
text-align: center;
margin: auto;
display: block;
margin-bottom: 10px;
font-size: 20px;
padding: 0 10px
}
.content p em.wid12 {
width: 12em
}
.content p em.wid11 {
width: 11em
}
.content p em.wid10 {
width: 10em
}
.content p em.wid9 {
width: 9em
}
.content p em.wid8 {
width: 8em
}
.content p em.wid7 {
width: 7em
}
.content p em.wid6 {
width: 6em
}
.box {
max-width: 640px;
margin: 0 auto;
}
.mbx {
font: 16px/30px microsoft yahei;
}
#main {
padding: 0 10px;
padding-bottom: 50px
}
.date {
border-bottom: 1px solid #ccc;
padding: 20px 0 10px 0;
margin-bottom: 10px
}
.date span {
float: right;
color: #999
}
.date span strong {
color: #f00
}
h2 {
text-align: center;
color: #f00;
padding: 10px 0;
font: bold 24px/1.75 microsoft yahei;
}
h3 {
color: #f00;
padding: 10px 0;
margin: 10px 0;
font: bold 20px/1.75 microsoft yahei;
}
h4 {
text-align: center;
color: #333;
padding: 10px 0;
margin: 10px 0;
font: bold 24px/1.75 microsoft yahei;
}
a {
text-decoration: none
}
.comments {
padding: 0 15px;
font-family: Helvetica, Arial, sans-serif;
}
.comments .comments_lable {
border-bottom: 1px solid #e9ebee;
line-height: 25px;
margin-bottom: 24px;
padding: 8px 0;
display: flex;
justify-content: space-between;
}
.comments .comments_lable .comments_lable_left>span {
font-weight: 600;
font-size: 0.9em;
line-height: 25px;
}
.comments .comments_lable .comments_lable_right>span {
font-size: 0.9em;
line-height: 25px;
}
.comments .comments_lable .comments_lable_right>select {
font-size: 1em;
}
.comments .comments_input {
margin-bottom: 20px;
}
.comments .comments_input>textarea {
font-size: 1em;
padding: 12px 8px;
min-height: 40px;
border: 1px solid #d3d6db;
word-wrap: break-word;
box-sizing: border-box;
vertical-align: top;
width: 100%;
font-family: Helvetica, Arial, sans-serif;
}
.comments .comments_input>textarea:focus {
outline-offset: -2px;
outline: -webkit-focus-ring-color auto 1px;
}
.comments .comments_input .submit_comment {
border: 1px solid #d3d6db;
border-top: 0;
position: relative;
display: flex;
padding: 8px;
font-size: 14px;
line-height: 1.358;
word-break: break-word;
background: #f5f6f7;
text-align: right;
justify-content: space-between;
}
.comments .comments_input .submit_comment>span {
font-size: 11px;
color: #90949c;
font-weight: normal;
line-height: 24px;
}
.comments .comments_input .submit_comment>div {
right: 0;
}
.comments .comments_input .submit_comment>div>button {
background-color: #9cb4d8;
border-color: #9cb4d8;
font-size: 0.9em;
white-space: normal;
line-height: 22px;
color: #fff;
border: 1px solid;
border-radius: 2px;
box-sizing: content-box;
-webkit-font-smoothing: antialiased;
font-weight: bold;
justify-content: center;
padding: 0 8px;
position: relative;
text-align: center;
text-shadow: none;
vertical-align: middle;
}
.comments .comments_list {
font-size: 14px;
line-height: 1.358;
word-break: break-word;
}
.comments .comments_list .comment_reply {
display: flex;
padding-left: 8px;
margin: 8px 0;
}
.comments .comments_list .acomment {
display: flex;
margin-top: 12px;
padding-top: 12px;
border-top: 1px dotted #d3d6db;
}
.comments .comments_list .acomment .acomment_left {
position: relative;
display: block;
width: 40px;
padding-right: 8px;
}
.comments .comments_list .acomment .acomment_left>img {
width: 32px;
height: 32px;
object-fit: cover;
overflow: hidden;
}
.comments .comments_list .acomment .acomment_right {
display: block;
}
.comments .comments_list .acomment .acomment_right .acomment_name span a {
color: #385898;
font-weight: 600;
white-space: nowrap;
}
.comments .comments_list .acomment .acomment_right .acomment_content {
color: #1c1e21;
font-size: 14px;
line-height: 1.358;
word-break: break-word;
margin: 4px 0;
}
.comments .comments_list .acomment .acomment_right .acomment_content .acomment_img {
max-width: 100%;
height: auto;
padding: 0;
}
.comments .comments_list .acomment .acomment_right .acomment_tool {
font-size: 12px;
line-height: 1.358;
padding-top: 2px;
}
.comments .comments_list .acomment .acomment_right .acomment_tool>a {
color: #4267b2;
cursor: pointer;
text-decoration: none;
}
.comments .comments_list .acomment .acomment_right .acomment_tool>span {
font-size: 12px;
}
.commentmark {
margin-bottom: 4px;
margin-top: 4px;
color: #90949c;
font-style: italic;
}
.commentmark>span>a {
color: #385898;
cursor: pointer;
text-decoration: none;
}
.comment_reply_list {
border-left: 1px dotted #d3d6db;
}
#dibu1 span {
display: block;
text-align: center
}
#dibu1 span img {
display: block;
width: 100%;
}
@media screen and (max-width: 640px) {
#dibu1 {
display: block;
width: 100%;
position: fixed;
bottom: 0%;
}
}
@media screen and (min-width: 640px) {
#dibu1 {
display: block;
max-width: 640px;
position: fixed;
bottom: 0%;
left: 50%;
margin-left: -320px
}
}