@charset "utf-8";
/* CSS Document */
.mz_content { text-align: left; font-size: 16px; /*padding: 0 17px 5px 17px;*/padding-bottom: 5px; line-height: 2.2em;}
.mz_content img {width:400px;}
.mz_content li { display: inline-block; }
.mz_content .txt { font-size: 1.4em; flex: 1; color: #444; width: 100%; margin-top: 15px; }
.mz_content .w_x { height: 35px; text-align: center; line-height: 35px; font-size: 16px; color: #7f7f7f; margin-top: 10px; }
.mz_content .word { font-size: 22px; font-weight: bold; }
.score_bg { background: #f8f8f8; border-top: 1px solid #eaeaea; }
.color_red1 { color: #ba4a57 }
.color_red2 { color: #ff3535 }
.mz_content em { display: inline-block; font-style:normal;background: #f8eeef;padding: 5px 10px; margin-bottom:5px;}
.mz_content em:nth-child(2n) { background: #f7eee9; }
.red { color: red !important; font-weight: bold }
.red1 { color: red !important }
.sc-box { /*display: flex;*/ align-items: center; font-size: 18px; font-weight: bold; color: #666666; padding-top: 15px; margin-bottom: 5px; }
.sc-box:before { content: "·"; color: #ba4a57; font-weight: bold; margin-right: 10px; }
.sc-box .score_explain { font-size: 14px; color: #e87272; margin-left: 50px; }
.name-zd span { margin-right: 18px; color: #b06f6d; }
.name-zd span:nth-child(2n) { color: #c58762; }
.m_b20 { margin-bottom: 20px; }
.mz_content .tag-box { margin-top: 10px; }
.mz_content .tag-box span { display: inline-block; padding: 5px 10px; background-color: #f8eeef; color: #b06f6d; margin-top: 5px; }
.mz_content .tag-box span:nth-child(2n) { background-color: #f7eee9; color: #c58762; }
.mz_content p .ex-tit { font-size: 28px; font-weight: bold; color: #acde42; padding: 0 5px; }
.mz_content .pro-bg { width: 100%; height: 10px; background-color: #eeeeee; border-radius: 10px; position: relative; }
.mz_content .pro-bg .pro-con { position: absolute; top: 0; left: 0; height: 10px; background-color: #acde42; border-radius: 10px; }
.mz_content .item { font-size: 14px; border-left: 1px solid #eaeaea; }
.mz_content .item .flex { text-align: center; border: 1px solid #eaeaea; border-top: 0; border-left: none; height: 35px; line-height: 35px }
.mz_content .item .flex3 { /*flex: 1;*/display: flex;align-items: center; text-align: center; padding: 0 2em;border-bottom: 1px solid #eaeaea; border-top: 0; border-left: none;line-height: 35px;color: #f00; font-weight: bold; }
.mz_content .item .flex2 { flex: 2; text-align: center; border: 1px solid #eaeaea; border-top: 0; border-left: none; line-height: 35px }
.mz_content .d_flex { display: flex; flex-flow: wrap; }
.mz_content .flex { flex: 1; }
.mz_content .flex6 { flex: 6; }
.mz_content .t3 { display: flex; align-items: center; justify-content: center; min-height: 50px; height: auto !important; }
.mz_content .t4 { display: flex; align-items: center; min-height: 50px; height: auto !important; text-align: left !important; line-height: 1.5 !important; padding-left: 10px; }
.mz_content .t4.nd { display: block; padding: 10px 20px; }
.a_c { align-items: center; margin-top: 15px; }
.mz_content .info-i .title { padding: 0 10px; height: 28px; line-height: 28px; font-size: 14px; background-color: #fcfcfc; border: solid 1px #ebebeb; margin-right: 15px; cursor: pointer; }
.mz_content .info-i .l { margin-right: 10px; cursor: pointer; }
.mz_content p.word { float: left; width: 158px; height: 158px; text-align: center; line-height: 158px; font-size: 100px; background: url(../images/tianzige100.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: 15px; margin-right: 25px;font-weight:normal; }
.mz_content .word-explain-intro { margin: 20px 0 0 0; background-color: #fffee7; border: solid 1px #e8e6b4; font-size: 14px; }
.mz_content .word-explain-intro.l { background-color: #e6fffb; border: solid 1px #9ed7ce; margin-bottom: 0 }
.p-20 { padding: 20px; }
.mz_content .title { font-size: 24px; text-align: center; padding: 20px; font-weight: bold; font-family: "Microsoft YaHei" }
.mz_content .info { line-height: 1.8; color: #333; border: 1px solid #eaeaea; background-color: #eeeeee; border-radius: 8px; padding: 10px; box-sizing: border-box; }
.mz_content .item .mz-bz-box{ height: 55px; padding: 10px; font-size: 18px; font-weight: bold; color: #ff0000; cursor: pointer;}
.mz_content .item .mz-bz-box a{color: #ff0000; }
.ty-name {margin-top:10px;}
.ty-name li{margin-right:10px; cursor: default;}
 @media screen and (max-width:768px) {
.mz_content .w_x, .mz_content .item .flex { height: auto; }
.mz_content .item .flex3 { height: auto; flex: 1; line-height: 70px; }
.mz_content .item .flex2 { height: auto; }
.mz_content .item .flex3+.flex2, .mz_content .item .flex6 { flex: 6;text-align:left;padding-left:5px; }
.mz_content p.word { float: left; width: 3.5rem; height: 3.5rem; text-align: center; line-height: 3.5rem; font-size: 2.2rem; background: url(../images/tianzige100.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: 15px; margin-right: 1rem; }
.a_c { margin-top: 0; }
.a_c li { align-items: center; margin-top: 15px; }
}
