/*
 * MMstrap  v1.0.2 (https://www.monmei.com/)
 * Copyright 2025 Monmei Technology, Inc.
 */
:root {
    --mu-white: #fff;
    --mu-black: #202020;
    --mu-lightblack: #303133;
    --mu-red: #ff0000;
    --mu-orange: #ff6600;
    --mu-yellow: #ffb800;
    --mu-green: #00be06;
    --mu-deep-green: #08a307;
    --mu-cyan: #0dcaf0;
    --mu-blue: #1070ff;
    --mu-blue-a: #1890ff;
    --mu-blue-b: #1890ff;
    --mu-purple: #ff00ff;
    --mu-brown: #A52A2A;
    --mu-pink: #FF1493;
    --mu-indigo: #6610f2;
    --mu-teal: #16baaa;
    --mu-gray-1: #606266;
    --mu-gray-2: #909399;
    --mu-gray-3: #C0C4CC;
    --mu-bg-gray-1: #E9E9E9;
    --mu-bg-gray-2: #F4F4F4;
    --mu-bg-gray-3: #F8F8F8;
    --mu-light-yellow: #fff7d1;
    --mu-light-orange: #faf7f2;
    --mu-light-gray: #fafafa;
    --mu-light-green: #eff8ec;
    --mu-light-green-b: #F2FFEA;
    --mu-light-blue: #ebf5ff;
    --mu-border-gray-1: #cccccc;
    --mu-border-gray-2: #dddddd;
    --mu-border-gray-3: #eeeeee;
    --mu-border-gray-4: #F2F6FC;
}
/*常用*/
.mu-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.mu-flex-ai { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mu-flex-sb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.mu-flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
.mu-flex-t { -webkit-align-items: flex-start; align-items: flex-start; }
.mu-flex-c { -webkit-justify-content: center; justify-content: center; }
.mu-flex-r {
    -webkit-justify-content: end;
    justify-content: end;
}
.mu-flex-col { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; }
.mu-flex-inline { display: inline-flex; }
.mu-border-box, .mu-border-box * { box-sizing: border-box }
.mu-box, .mu-box * { box-sizing: content-box }
.mu-clear { clear: both; *zoom:1
}
.mu-clear:after { content: '\20'; clear: both; *zoom:1;
display: block; height: 0 }
.mu-inline { position: relative; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle }
.mu-cover { display: inline-block; height: 100%; }
.mu-rel { position: relative }
.mu-block {
    display: block !important
}
.mu-show { display: block!important }
.mu-hide { display: none!important }
.mu-show-v { visibility: visible!important }
.mu-hide-v { visibility: hidden!important }
.mu-overflow { overflow: hidden!important; }
.mu-tl { text-align: left!important; }
.mu-tr { text-align: right!important; }
.mu-tc { text-align: center!important; }
.mu-fl { float: left!important; }
.mu-fr { float: right!important; }
.mu-circle { border-radius: 100% }
.mu-elip { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.mu-disabled, .mu-unselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none }
.mu-disabled, .mu-disabled:hover { color: #d2d2d2!important; cursor: not-allowed!important }
/*窗体*/
.mu-auto {margin: 0 auto; }
.mu-main-s { position: relative; width: 1200px; margin: 0 auto; }
.mu-main { position: relative; width: 1400px; margin: 0 auto; }
.mu-main-b { position: relative; width: 1600px; margin: 0 auto; }
.mu-main-w { position: relative; width: 96%; margin: 0 auto; }
.mu-main-f { position: relative; width: 100%; }
/*边距*/
.mu-p-0 { padding: 0px !important }
.mu-p-5 { padding: 5px!important }
.mu-p-10 { padding: 10px!important }
.mu-p-15 { padding: 15px!important }
.mu-p-20 { padding: 20px!important }
.mu-p-30 { padding: 30px!important }
.mu-p-40 { padding: 40px!important }
.mu-p-50 { padding: 50px!important }
.mu-p-60 { padding: 60px!important }
.mu-pt-0 { padding-top: 0px !important }
.mu-pt-5 { padding-top: 5px!important }
.mu-pt-10 { padding-top: 10px!important }
.mu-pt-15 { padding-top: 15px!important }
.mu-pt-20 { padding-top: 20px!important }
.mu-pt-30 { padding-top: 30px!important }
.mu-pt-40 { padding-top: 40px!important }
.mu-pt-50 { padding-top: 50px!important }
.mu-pt-60 { padding-top: 60px!important }
.mu-pb-0 { padding-bottom: 0px !important }
.mu-pb-5 { padding-bottom: 5px!important }
.mu-pb-10 { padding-bottom: 10px!important }
.mu-pb-15 { padding-bottom: 15px!important }
.mu-pb-20 { padding-bottom: 20px!important }
.mu-pb-30 { padding-bottom: 30px!important }
.mu-pb-40 { padding-bottom: 40px!important }
.mu-pb-50 { padding-bottom: 50px!important }
.mu-pb-60 { padding-bottom: 60px!important }
.mu-pr-0 { padding-right: 0px !important }
.mu-pr-5 { padding-right: 5px!important }
.mu-pr-10 { padding-right: 10px!important }
.mu-pr-15 { padding-right: 15px!important }
.mu-pr-20 { padding-right: 20px!important }
.mu-pr-30 { padding-right: 30px!important }
.mu-pr-40 { padding-right: 40px!important }
.mu-pr-50 { padding-right: 50px!important }
.mu-pr-60 { padding-right: 60px!important }
.mu-pl-0 { padding-left: 0px !important }
.mu-pl-5 { padding-left: 5px!important }
.mu-pl-10 { padding-left: 10px!important }
.mu-pl-15 { padding-left: 15px!important }
.mu-pl-20 { padding-left: 20px!important }
.mu-pl-30 { padding-left: 30px!important }
.mu-pl-40 { padding-left: 40px!important }
.mu-pl-50 { padding-left: 50px!important }
.mu-pl-60 { padding-left: 60px!important }
.mu-m-0 { margin: 0px !important }
.mu-m-5 { margin: 5px!important }
.mu-m-10 { margin: 10px!important }
.mu-m-15 { margin: 15px!important }
.mu-m-20 { margin: 20px!important }
.mu-m-30 { margin: 30px!important }
.mu-m-40 { margin: 40px!important }
.mu-m-50 { margin: 50px!important }
.mu-m-60 { margin: 60px!important }
.mu-mt-0 { margin-top: 0px !important }
.mu-mt-5 { margin-top: 5px!important }
.mu-mt-8 {
    margin-top: 8px !important
}
.mu-mt-10 { margin-top: 10px!important }
.mu-mt-15 { margin-top: 15px!important }
.mu-mt-20 { margin-top: 20px!important }
.mu-mt-30 { margin-top: 30px!important }
.mu-mt-40 { margin-top: 40px!important }
.mu-mt-50 { margin-top: 50px!important }
.mu-mt-60 { margin-top: 60px!important }
.mu-mb-0 { margin-bottom: 0px !important }
.mu-mb-5 { margin-bottom: 5px!important }
.mu-mb-10 { margin-bottom: 10px!important }
.mu-mb-15 { margin-bottom: 15px!important }
.mu-mb-20 { margin-bottom: 20px!important }
.mu-mb-30 { margin-bottom: 30px!important }
.mu-mb-40 { margin-bottom: 40px!important }
.mu-mb-50 { margin-bottom: 50px!important }
.mu-mb-60 { margin-bottom: 60px!important }
.mu-mr-0 { margin-right: 0px !important }
.mu-mr-5 { margin-right: 5px!important }
.mu-mr-10 { margin-right: 10px!important }
.mu-mr-15 { margin-right: 15px!important }
.mu-mr-20 { margin-right: 20px!important }
.mu-mr-30 { margin-right: 30px!important }
.mu-mr-40 { margin-right: 40px!important }
.mu-mr-50 { margin-right: 50px!important }
.mu-mr-60 { margin-right: 60px!important }
.mu-ml-0 { margin-left: 0px !important }
.mu-ml-5 { margin-left: 5px!important }
.mu-ml-10 { margin-left: 10px!important }
.mu-ml-15 { margin-left: 15px!important }
.mu-ml-20 { margin-left: 20px!important }
.mu-ml-30 { margin-left: 30px!important }
.mu-ml-40 { margin-left: 40px!important }
.mu-ml-50 { margin-left: 50px!important }
.mu-ml-60 { margin-left: 60px!important }
/*背景颜色*/
.mu-bg-white { background-color: var(--mu-white) !important; color: var(--mu-gray) !important; }
.mu-bg-gray { background-color: var(--mu-bg-gray-3) !important; color: var(--mu-gray) !important; }
.mu-bg-black { background-color: var(--mu-black) !important; color: var(--mu-white) !important; }
.mu-bg-blue { background-color: var(--mu-blue) !important; color: var(--mu-white) !important; }
.mu-bg-orange { background-color: var(--mu-orange) !important; color: var(--mu-white) !important; }
.mu-bg-yellow { background-color: var(--mu-yellow) !important; color: var(--mu-white) !important; }
.mu-bg-green { background-color: var(--mu-green) !important; color: var(--mu-white) !important; }
.mu-bg-purple { background-color: var(--mu-purple) !important; color: var(--mu-white) !important; }
.mu-bg-brown { background-color: var(--mu-brown) !important; color: var(--mu-white) !important; }
.mu-bg-pink { background-color: var(--mu-pink) !important; color: var(--mu-white) !important; }
.mu-bg-red { background-color: var(--mu-red) !important; color: var(--mu-white) !important; }
.mu-bg-cyan { background-color: var(--mu-cyan) !important; color: var(--mu-white) !important; }
.mu-bg-indigo { background-color: var(--mu-indigo) !important; color: var(--mu-white) !important; }
.mu-bg-teal { background-color: var(--mu-teal) !important; color: var(--mu-white) !important; }
/*边框颜色*/
.mu-border-gray-1 { border-width: 1px; border-style: solid; border-color: var(--mu-border-gray-1); }
.mu-border-gray-2 { border-width: 1px; border-style: solid; border-color: var(--mu-border-gray-2); }
.mu-border-gray-3 { border-width: 1px; border-style: solid; border-color: var(--mu-border-gray-3); }
.mu-border-gray-4 { border-width: 1px; border-style: solid; border-color: var(--mu-border-gray-4); }
.mu-border-red { border-width: 1px; border-style: solid; border-color: var(--mu-red)!important; color: var(--mu-red)!important }
.mu-border-top-red { border-top: 1px solid var(--mu-red) !important; }
.mu-border-orange { border-width: 1px; border-style: solid; border-color: var(--mu-orange)!important; color: var(--mu-orange)!important }
.mu-border-top-orange { border-top: 1px solid var(--mu-orange) !important; }
.mu-border-yellow { border-width: 1px; border-style: solid; border-color: var(--mu-yellow)!important; color: var(--mu-yellow)!important }
.mu-border-green { border-width: 1px; border-style: solid; border-color: var(--mu-green)!important; color: var(--mu-green)!important }
.mu-border-top-green { border-top: 1px solid var(--mu-green) !important; }
.mu-border-cyan { border-width: 1px; border-style: solid; border-color: var(--mu-cyan)!important; color: var(--mu-cyan)!important }
.mu-border-blue { border-width: 1px; border-style: solid; border-color: var(--mu-blue)!important; color: var(--mu-blue)!important }
.mu-border-top-blue { border-top: 1px solid var(--mu-blue) !important; }
.mu-border-purple { border-width: 1px; border-style: solid; border-color: var(--mu-purple)!important; color: var(--mu-purple)!important }
.mu-border-black { border-width: 1px; border-style: solid; border-color: var(--mu-black)!important; color: var(--mu-black)!important }
hr.mu-border-black, hr.mu-border-red, hr.mu-border-orange, hr.mu-border-yellow, hr.mu-border-green, hr.mu-border-cyan, hr.mu-border-blue, hr.mu-border-purple, hr.mu-border-1, hr.mu-border-2, hr.mu-border-3, hr.mu-border-4 { border-width: 0 0 1px }
.mu-timeline-item:before { background-color: #eee }
/*边框圆角*/
.mu-radius-0 { border-radius: 3px; }
.mu-radius-3 { border-radius: 3px; }
.mu-radius-5 { border-radius: 5px; }
.mu-radius-10 { border-radius: 10px; }
.mu-radius-15 { border-radius: 15px; }
.mu-radius-20 { border-radius: 20px; }
.mu-radius-30 { border-radius: 30px; }
/*box阴影*/
.mu-box-shadow-1 { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
.mu-box-shadow-2 { box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); }
.mu-box-shadow-3 { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); }
/*文档元素*/
.mu-text { line-height: 1.8; font-size: 14px }
.mu-text h1, .mu-text h2, .mu-text h3, .mu-text h4, .mu-text h5, .mu-text h6 { color: #3a3a3a }
.mu-text h1 { font-size: 32px }
.mu-text h2 { font-size: 24px }
.mu-text h3 { font-size: 18px }
.mu-text h4 { font-size: 16px }
.mu-text h5 { font-size: 14px }
.mu-text h6 { font-size: 13px }
.mu-text ol, .mu-text ul { padding-left: 15px }
.mu-text ul li { margin-top: 5px; list-style-type: disc }
.mu-text ol li { margin-top: 5px; list-style-type: decimal }
.mu-text-em, .mu-word-aux { color: #999!important; padding-left: 5px!important; padding-right: 5px!important }
.mu-text p { margin: 15px 0 }
.mu-text p:first-child { margin-top: 0 }
.mu-text p:last-child { margin-bottom: 0 }
.mu-text a:not(.mu-btn) { color: var(--mu-blue) }
.mu-text a:not(.mu-btn):hover { text-decoration: underline }
.mu-text blockquote:not(.mu-elem-quote) { padding: 5px 15px; border-left: 5px solid #eee }
.mu-text pre>code:not(.mu-code) { padding: 15px; font-family: "Courier New", Consolas, "Lucida Console" }
/*文字大小*/
.mu-font-12 { font-size: 12px!important }
.mu-font-13 { font-size: 13px!important }
.mu-font-14 { font-size: 14px!important }
.mu-font-15 { font-size: 15px!important }
.mu-font-16 { font-size: 16px!important }
.mu-font-18 { font-size: 18px!important }
.mu-font-20 { font-size: 20px!important }
.mu-font-22 { font-size: 22px!important }
.mu-font-24 { font-size: 24px!important }
.mu-font-26 { font-size: 26px!important }
.mu-font-28 { font-size: 28px!important }
.mu-font-30 { font-size: 30px!important }
.mu-font-32 { font-size: 32px!important }
.mu-font-44 {
    font-size: 44px !important
}
/*文字粗细*/
.mu-fw-blod {
    font-weight: bold !important;
}
.mu-fw-bloder {
    font-weight: bolder !important;
}
.mu-fw-300 {
    font-weight: 300 !important;
}
.mu-fw-400 {
    font-weight: 400 !important;
}
.mu-fw-500 {
    font-weight: 500 !important;
}
.mu-fw-600 {
    font-weight: 600 !important;
}
/*文字颜色*/
.mu-font-white { color: var(--mu-white) !important; }
.mu-font-black { color: var(--mu-black) !important; }
.mu-font-lightblack { color: var(--mu-lightblack) !important; }
.mu-font-red { color: var(--mu-red) !important; }
.mu-font-orange { color: var(--mu-orange) !important; }
.mu-font-yellow { color: var(--mu-yellow) !important; }
.mu-font-green { color: var(--mu-green) !important; }
.mu-font-cyan { color: var(--mu-cyan) !important; }
.mu-font-blue { color: var(--mu-blue) !important; }
.mu-font-purple { color: var(--mu-purple) !important; }
.mu-font-brown { color: var(--mu-brown) !important; }
.mu-font-pink { color: var(--mu-pink) !important; }
.mu-font-indigo { color: var(--mu-indigo) !important; }
.mu-font-teal { color: var(--mu-teal) !important; }
.mu-font-gray-1 { color: var(--mu-gray-1) !important; }
.mu-font-gray-2 { color: var(--mu-gray-2) !important; }
.mu-font-gray-3 { color: var(--mu-gray-3) !important; }
/*文本省略*/
.mu-line-clamp1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.mu-line-clamp2 { -webkit-line-clamp: 2 }
.mu-line-clamp2, .mu-line-clamp3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical }
.mu-line-clamp3 { -webkit-line-clamp: 3 }
/*按钮*/
.mu-btn { display: inline-block; vertical-align: middle; height: 38px; line-height: 36px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box }
.mu-btn:hover { opacity: .8; filter: alpha(opacity=80); color: #fff }
.mu-btn:active { opacity: 1; filter: alpha(opacity=100) }
.mu-btn+.mu-btn { margin-left: 10px }
.mu-btn-container { word-spacing: -5px }
.mu-btn-container .mu-btn { margin-right: 10px; margin-bottom: 10px; word-spacing: normal }
.mu-btn-container .mu-btn+.mu-btn { margin-left: 0 }
.mu-btn-radius { border-radius: 100px }
.mu-btn .mu-icon { padding: 0 2px; vertical-align: middle\0; vertical-align: bottom }
.mu-btn-primary { border-color: #d2d2d2; background: 0 0; color: #5f5f5f }
.mu-btn-primary:hover { border-color: #16baaa; color: #333 }
.mu-btn-normal { background-color: #1070ff }
.mu-btn-warm { background-color: #ffb800 }
.mu-btn-danger {
    background-color: var(--mu-orange);
}
.mu-btn-checked { background-color: #16b777 }
.mu-btn-disabled, .mu-btn-disabled:active, .mu-btn-disabled:hover { border-color: #eee!important; background-color: #fbfbfb!important; color: #d2d2d2!important; cursor: not-allowed!important; opacity: 1 }
.mu-btn-lg { height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px }
.mu-btn-sm { height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px }
.mu-btn-xs { height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px }
.mu-btn-xs i { font-size: 12px!important }
/*其他*/
.mu-indent-2{
    text-indent: 2em;
}