@charset "utf-8";
/* CSS PUBLIC.CSS */

/* ---------- ---------- 通用界面 ---------- ---------- */
body {font-weight: normal;	background-color: #F7F7F7;}
a {	text-decoration: none;	color: #576b95;}
main { min-height: 80vh;}
pre{white-space: pre-wrap; word-wrap: break-word; line-height: 200%;}

/* 垂直居中控制 */
.parent{height: 100%;display: flex;align-items: center;justify-content: center;}
.child{width: 100%; display: flex;align-items: center;/*justify-content: center;*/}

/* 高度控制 */
.height-px-40{height: 40px;overflow:hidden;}
.height-px-50{height: 50px;overflow:hidden;}
.height-px-60{height: 60px;overflow:hidden;}
.height-px-80{height: 80px;overflow:hidden;}
.height-px-90{height: 90px;overflow:hidden;}
.height-px-100{height: 100px;overflow:hidden;}
.height-px-120{height: 120px;overflow:hidden;}
.height-px-140{height: 140px;overflow:hidden;}
.height-px-150{height: 150px;overflow:hidden;}
.height-px-160{height: 160px;overflow:hidden;}
.height-px-180{height: 180px;overflow:hidden;}
.height-px-200{height: 200px;overflow:hidden;}
.height-px-220{height: 220px;overflow:hidden;}
.height-px-240{height: 240px;overflow:hidden;}
.height-px-280{height: 280px;overflow:hidden;}
.height-px-300{height: 300px;overflow:hidden;}
.height-px-310{height: 310px;overflow:hidden;}
.height-px-320{height: 320px;overflow:hidden;}
.height-px-360{height: 360px;overflow:hidden;}
.height-px-400{height: 400px;overflow:hidden;}
.height-px-480{height: 480px;overflow:hidden;}
.height-px-500{height: 500px;overflow:hidden;}
.height-px-540{height: 540px;overflow:hidden;}
.height-px-600{height: 600px;overflow:hidden;}
.height-px-640{height: 640px;overflow:hidden;}
.height-px-720{height: 720px;overflow:hidden;}

.max-height-px-40 {max-height: 40px;overflow:hidden;}
.max-height-px-50 {max-height: 50px;overflow:hidden;}
.max-height-px-60 {max-height: 60px;overflow:hidden;}
.max-height-px-80 {max-height: 80px;overflow:hidden;}
.max-height-px-90 {max-height: 90px;overflow:hidden;}
.max-height-px-100 {max-height: 100px;overflow:hidden;}
.max-height-px-120 {max-height: 120px;overflow:hidden;}
.max-height-px-150 {max-height: 150px;overflow:hidden;}
.max-height-px-160 {max-height: 160px;overflow:hidden;}
.max-height-px-180 {max-height: 180px;overflow:hidden;}
.max-height-px-200 {max-height: 200px;overflow:hidden;}
.max-height-px-220 {max-height: 220px;overflow:hidden;}
.max-height-px-240 {max-height: 240px;overflow:hidden;}
.max-height-px-280 {max-height: 280px;overflow:hidden;}
.max-height-px-300 {max-height: 300px;overflow:hidden;}
.max-height-px-310 {max-height: 310px;overflow:hidden;}
.max-height-px-320 {max-height: 320px;overflow:hidden;}
.max-height-px-360 {max-height: 360px;overflow:hidden;}
.max-height-px-400 {max-height: 400px;overflow:hidden;}
.max-height-px-480 {max-height: 480px;overflow:hidden;}
.max-height-px-500 {max-height: 500px;overflow:hidden;}
.max-height-px-540 {max-height: 540px;overflow:hidden;}
.max-height-px-600 {max-height: 600px;overflow:hidden;}
.max-height-px-640 {max-height: 640px;overflow:hidden;}
.max-height-px-720 {max-height: 720px;overflow:hidden;}

/* 高度控制-图片 */
.height-px-40 img {height: 40px;overflow:hidden;}
.height-px-50 img {height: 50px;overflow:hidden;}
.height-px-60 img {height: 60px;overflow:hidden;}
.height-px-80 img {height: 80px;overflow:hidden;}
.height-px-90 img {height: 90px;overflow:hidden;}
.height-px-100 img {height: 100px;overflow:hidden;}
.height-px-120 img {height: 120px;overflow:hidden;}
.height-px-150 img {height: 150px;overflow:hidden;}
.height-px-160 img {height: 160px;overflow:hidden;}
.height-px-180 img {height: 180px;overflow:hidden;}
.height-px-200 img {height: 200px;overflow:hidden;}
.height-px-220 img {height: 220px;overflow:hidden;}
.height-px-240 img {height: 240px;overflow:hidden;}
.height-px-280 img {height: 280px;overflow:hidden;}
.height-px-300 img {height: 300px;overflow:hidden;}
.height-px-310 img {height: 310px;overflow:hidden;}
.height-px-320 img {height: 320px;overflow:hidden;}
.height-px-360 img {height: 360px;overflow:hidden;}
.height-px-400 img {height: 400px;overflow:hidden;}
.height-px-480 img {height: 480px;overflow:hidden;}
.height-px-500 img {height: 500px;overflow:hidden;}
.height-px-540 img {height: 540px;overflow:hidden;}
.height-px-600 img {height: 600px;overflow:hidden;}
.height-px-640 img {height: 640px;overflow:hidden;}
.height-px-720 img {height: 720px;overflow:hidden;}

/* 高度控制-页面 */
.height-vh-100{height: 100vh;}
.height-vh-95{height: 95vh;}
.height-vh-90{height: 90vh;}
.height-vh-85{height: 85vh;}
.height-vh-80{height: 80vh;}
.height-vh-75{height: 75vh;}
.height-vh-70{height: 70vh;}
.height-vh-65{height: 65vh;}
.height-vh-60{height: 60vh;}
.height-vh-55{height: 55vh;}
.height-vh-50{height: 50vh;}
.height-vh-45{height: 45vh;}
.height-vh-40{height: 40vh;}
.height-vh-35{height: 35vh;}
.height-vh-30{height: 30vh;}
.height-vh-25{height: 25vh;}
.height-vh-20{height: 20vh;}
.height-vh-15{height: 15vh;}
.height-vh-10{height: 10vh;}
.height-vh-5{height: 5vh;}

/* 高度控制-最大页面 */
.max-height-vh-100{max-height: 100vh;}
.max-height-vh-95{max-height: 95vh;}
.max-height-vh-90{max-height: 90vh;}
.max-height-vh-85{max-height: 85vh;}
.max-height-vh-80{max-height: 80vh;}
.max-height-vh-75{max-height: 75vh;}
.max-height-vh-70{max-height: 70vh;}
.max-height-vh-65{max-height: 65vh;}
.max-height-vh-60{max-height: 60vh;}
.max-height-vh-55{max-height: 55vh;}
.max-height-vh-50{max-height: 50vh;}
.max-height-vh-45{max-height: 45vh;}
.max-height-vh-40{max-height: 40vh;}
.max-height-vh-35{max-height: 35vh;}
.max-height-vh-30{max-height: 30vh;}
.max-height-vh-25{max-height: 25vh;}
.max-height-vh-20{max-height: 20vh;}
.max-height-vh-15{max-height: 15vh;}
.max-height-vh-10{max-height: 10vh;}
.max-height-vh-5{max-height: 5vh;}
.max-height-px-480{max-height: 480px;}

/* 高度控制-最大页面图片 */
.max-height-vh-100 img {max-height: 100vh;}
.max-height-vh-95 img {max-height: 95vh;}
.max-height-vh-90 img {max-height: 90vh;}
.max-height-vh-85 img {max-height: 85vh;}
.max-height-vh-80 img {max-height: 80vh;}
.max-height-vh-75 img {max-height: 75vh;}
.max-height-vh-70 img {max-height: 70vh;}
.max-height-vh-65 img {max-height: 65vh;}
.max-height-vh-60 img {max-height: 60vh;}
.max-height-vh-55 img {max-height: 55vh;}
.max-height-vh-50 img {max-height: 50vh;}
.max-height-vh-45 img {max-height: 45vh;}
.max-height-vh-40 img {max-height: 40vh;}
.max-height-vh-35 img {max-height: 35vh;}
.max-height-vh-30 img {max-height: 30vh;}
.max-height-vh-25 img {max-height: 25vh;}
.max-height-vh-20 img {max-height: 20vh;}
.max-height-vh-15 img {max-height: 15vh;}
.max-height-vh-10 img {max-height: 10vh;}
.max-height-vh-5 img {max-height: 5vh;}
.max-height-px-480 img {max-height: 480px;}

/* 高度控制-最小页面 */
.min-height-vh-100{min-height: 100vh;}
.min-height-vh-95{min-height: 95vh;}
.min-height-vh-90{min-height: 90vh;}
.min-height-vh-85{min-height: 85vh;}
.min-height-vh-80{min-height: 80vh;}
.min-height-vh-75{min-height: 75vh;}
.min-height-vh-70{min-height: 70vh;}
.min-height-vh-65{min-height: 65vh;}
.min-height-vh-60{min-height: 60vh;}
.min-height-vh-55{min-height: 55vh;}
.min-height-vh-50{min-height: 50vh;}
.min-height-vh-45{min-height: 45vh;}
.min-height-vh-40{min-height: 40vh;}
.min-height-vh-35{min-height: 35vh;}
.min-height-vh-30{min-height: 30vh;}
.min-height-vh-25{min-height: 25vh;}
.min-height-vh-20{min-height: 20vh;}
.min-height-vh-15{min-height: 15vh;}
.min-height-vh-10{min-height: 10vh;}
.min-height-vh-5{min-height: 5vh;}

/* 高度控制-最小页面图片 
.min-height-vh-100 img{min-height: 100vh;}
.min-height-vh-95 img{min-height: 95vh;}
.min-height-vh-90 img{min-height: 90vh;}
.min-height-vh-85 img{min-height: 85vh;}
.min-height-vh-80 img {min-height: 80vh;}
.min-height-vh-75 img {min-height: 75vh;}
.min-height-vh-70 img {min-height: 70vh;}
.min-height-vh-65 img {min-height: 65vh;}
.min-height-vh-60 img {min-height: 60vh;}
.min-height-vh-55 img {min-height: 55vh;}
.min-height-vh-50 img {min-height: 50vh;}
.min-height-vh-45 img {min-height: 45vh;}
.min-height-vh-40 img {min-height: 40vh;}
.min-height-vh-35 img {min-height: 35vh;}
.min-height-vh-30 img {min-height: 30vh;}
.min-height-vh-25 img {min-height: 25vh;}
.min-height-vh-20 img {min-height: 20vh;}
.min-height-vh-15 img {min-height: 15vh;}
.min-height-vh-10 img {min-height: 10vh;}
.min-height-vh-5 img {min-height: 5vh;}*/


/* 透明控制 */
.opacity-1 {background-color: rgba(0,0,0,.1);}
.opacity-2 {background-color: rgba(0,0,0,.2);}
.opacity-3 {background-color: rgba(0,0,0,.3);}
.opacity-4 {background-color: rgba(0,0,0,.4);}
.opacity-5 {background-color: rgba(0,0,0,.5);}
.opacity-6 {background-color: rgba(0,0,0,.6);}
.opacity-7 {background-color: rgba(0,0,0,.7);}
.opacity-8 {background-color: rgba(0,0,0,.8);}
.opacity-9 {background-color: rgba(0,0,0,.9);}

/* 背景色彩控制 */
.bg-blue{ background: #007BFF; }
.bg-indigo{ background:#6610f2;}
.bg-purple{ background:#6f42c1;}
.bg-pink{ background:#e83e8c;}
.bg-red{ background:#dc3545;}
.bg-orange{ background:#fd7e14;}
.bg-yellow{ background:#ffc107;}
.bg-green{ background:#28a745;}
.bg-teal{ background:#20c997;}
.bg-cyan{ background:#17a2b8;}
.bg-white{ background:#fff;}
.bg-black{ background:#000;}
.bg-gray{ background:#6c757d;}
.bg-golden{background-color:#ffc107!important}

/* 字体字大小控制 */
.text-px-8 {font-size: 8px;}
.text-px-9 {font-size: 9px;}
.text-px-10 {font-size: 10px;}
.text-px-11 {font-size: 11px;}
.text-px-12 {font-size: 12px;}
.text-px-13 {font-size: 13px;}
.text-px-14 {font-size: 14px;}
.text-px-15 {font-size: 15px;}
.text-px-16 {font-size: 16px;}
.text-px-17 {font-size: 17px;}
.text-px-18 {font-size: 18px;}
.text-px-19 {font-size: 19px;}
.text-px-20 {font-size: 20px;}
.text-px-21 {font-size: 21px;}
.text-px-22 {font-size: 22px;}
.text-px-23 {font-size: 23px;}
.text-px-24 {font-size: 24px;}
.text-px-28 {font-size: 28px;}
.text-px-30 {font-size: 30px;}
.text-px-32 {font-size: 32px;}
.text-px-36 {font-size: 36px;}

/* 缩行2个字 */
.text-indent {text-indent: 2em;}
/* 多行溢出 */
.text-truncate-2 {	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-truncate-3 {	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.text-truncate-4 {	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.nav-text-01{color: #d72229; }
.nav-text-02{color: #dd4a16; }
.nav-text-03{color: #e47615; }
.nav-text-04{color: #efa100; }
.nav-text-05{color: #fad900; }
.nav-text-06{color: #c8de00; }
.nav-text-07{color: #83c024; }
.nav-text-08{color: #37aa35; }
.nav-text-09{color: #00973a; }
.nav-text-10{color: #008f57; }
.nav-text-11{color: #00917c; }
.nav-text-12{color: #0091a2; }
.nav-text-13{color: #0091c8; }
.nav-text-14{color: #0080c7; }
.nav-text-15{color: #0065ab; }
.nav-text-16{color: #004890; }
.nav-text-17{color: #202778; }
.nav-text-18{color: #47166f; }
.nav-text-19{color: #6f1a75; }
.nav-text-20{color: #971a76; }
.nav-text-21{color: #c51578; }
.nav-text-22{color: #db146f; }
.nav-text-23{color: #da1c5a; }
.nav-text-24{color: #da2045; }


.nav-bg-01{background: #d72229; }
.nav-bg-02{background: #dd4a16; }
.nav-bg-03{background: #e47615; }
.nav-bg-04{background: #efa100; }
.nav-bg-05{background: #fad900; }
.nav-bg-06{background: #c8de00; }
.nav-bg-07{background: #83c024; }
.nav-bg-08{background: #37aa35; }
.nav-bg-09{background: #00973a; }
.nav-bg-10{background: #008f57; }
.nav-bg-11{background: #00917c; }
.nav-bg-12{background: #0091a2; }
.nav-bg-13{background: #0091c8; }
.nav-bg-14{background: #0080c7; }
.nav-bg-15{background: #0065ab; }
.nav-bg-16{background: #004890; }
.nav-bg-17{background: #202778; }
.nav-bg-18{background: #47166f; }
.nav-bg-19{background: #6f1a75; }
.nav-bg-20{background: #971a76; }
.nav-bg-21{background: #c51578; }
.nav-bg-22{background: #db146f; }
.nav-bg-23{background: #da1c5a; }
.nav-bg-24{background: #da2045; }

/* 所有颜色 */
.bg-white-100{background-color: rgba(255, 255, 255, 0.1)}
.bg-white-200{background-color: rgba(255, 255, 255, 0.2)}
.bg-white-300{background-color: rgba(255, 255, 255, 0.3)}
.bg-white-400{background-color: rgba(255, 255, 255, 0.4)}
.bg-white-500{background-color: rgba(255, 255, 255, 0.5)}
.bg-white-600{background-color: rgba(255, 255, 255, 0.6)}
.bg-white-700{background-color: rgba(255, 255, 255, 0.7)}
.bg-white-800{background-color: rgba(255, 255, 255, 0.8)}
.bg-white-900{background-color: rgba(255, 255, 255, 0.9)}

.bg-black-100{background-color: rgba(0, 0, 0, 0.1)}
.bg-black-200{background-color: rgba(0, 0, 0, 0.2)}
.bg-black-300{background-color: rgba(0, 0, 0, 0.3)}
.bg-black-400{background-color: rgba(0, 0, 0, 0.4)}
.bg-black-500{background-color: rgba(0, 0, 0, 0.5)}
.bg-black-600{background-color: rgba(0, 0, 0, 0.6)}
.bg-black-700{background-color: rgba(0, 0, 0, 0.7)}
.bg-black-800{background-color: rgba(0, 0, 0, 0.8)}
.bg-black-900{background-color: rgba(0, 0, 0, 0.9)}



.bg-blue-100{color:#000;background-color:#cfe2ff}
.bg-blue-200{color:#000;background-color:#9ec5fe}
.bg-blue-300{color:#000;background-color:#6ea8fe}
.bg-blue-400{color:#000;background-color:#3d8bfd}
.bg-blue-500{color:#fff;background-color:#0d6efd}
.bg-blue-600{color:#fff;background-color:#0a58ca}
.bg-blue-700{color:#fff;background-color:#084298}
.bg-blue-800{color:#fff;background-color:#052c65}
.bg-blue-900{color:#fff;background-color:#031633}
.bg-indigo-100{color:#000;background-color:#e0cffc}
.bg-indigo-200{color:#000;background-color:#c29ffa}
.bg-indigo-300{color:#000;background-color:#a370f7}
.bg-indigo-400{color:#fff;background-color:#8540f5}
.bg-indigo-500{color:#fff;background-color:#6610f2}
.bg-indigo-600{color:#fff;background-color:#520dc2}
.bg-indigo-700{color:#fff;background-color:#3d0a91}
.bg-indigo-800{color:#fff;background-color:#290661}
.bg-indigo-900{color:#fff;background-color:#140330}
.bg-purple-100{color:#000;background-color:#e2d9f3}
.bg-purple-200{color:#000;background-color:#c5b3e6}
.bg-purple-300{color:#000;background-color:#a98eda}
.bg-purple-400{color:#000;background-color:#8c68cd}
.bg-purple-500{color:#fff;background-color:#6f42c1}
.bg-purple-600{color:#fff;background-color:#59359a}
.bg-purple-700{color:#fff;background-color:#432874}
.bg-purple-800{color:#fff;background-color:#2c1a4d}
.bg-purple-900{color:#fff;background-color:#160d27}
.bg-pink-100{color:#000;background-color:#f7d6e6}
.bg-pink-200{color:#000;background-color:#efadce}
.bg-pink-300{color:#000;background-color:#e685b5}
.bg-pink-400{color:#000;background-color:#de5c9d}
.bg-pink-500{color:#fff;background-color:#d63384}
.bg-pink-600{color:#fff;background-color:#ab296a}
.bg-pink-700{color:#fff;background-color:#801f4f}
.bg-pink-800{color:#fff;background-color:#561435}
.bg-pink-900{color:#fff;background-color:#2b0a1a}
.bg-red-100{color:#000;background-color:#f8d7da}
.bg-red-200{color:#000;background-color:#f1aeb5}
.bg-red-300{color:#000;background-color:#ea868f}
.bg-red-400{color:#000;background-color:#e35d6a}
.bg-red-500{color:#fff;background-color:#dc3545}
.bg-red-600{color:#fff;background-color:#b02a37}
.bg-red-700{color:#fff;background-color:#842029}
.bg-red-800{color:#fff;background-color:#58151c}
.bg-red-900{color:#fff;background-color:#2c0b0e}
.bg-orange-100{color:#000;background-color:#ffe5d0}
.bg-orange-200{color:#000;background-color:#fecba1}
.bg-orange-300{color:#000;background-color:#feb272}
.bg-orange-400{color:#000;background-color:#fd9843}
.bg-orange-500{color:#000;background-color:#fd7e14}
.bg-orange-600{color:#000;background-color:#ca6510}
.bg-orange-700{color:#fff;background-color:#984c0c}
.bg-orange-800{color:#fff;background-color:#653208}
.bg-orange-900{color:#fff;background-color:#331904}
.bg-yellow-100{color:#000;background-color:#fff3cd}
.bg-yellow-200{color:#000;background-color:#ffe69c}
.bg-yellow-300{color:#000;background-color:#ffda6a}
.bg-yellow-400{color:#000;background-color:#ffcd39}
.bg-yellow-500{color:#000;background-color:#ffc107}
.bg-yellow-600{color:#000;background-color:#cc9a06}
.bg-yellow-700{color:#000;background-color:#997404}
.bg-yellow-800{color:#fff;background-color:#664d03}
.bg-yellow-900{color:#fff;background-color:#332701}
.bg-green-100{color:#000;background-color:#d1e7dd}
.bg-green-200{color:#000;background-color:#a3cfbb}
.bg-green-300{color:#000;background-color:#75b798}
.bg-green-400{color:#000;background-color:#479f76}
.bg-green-500{color:#fff;background-color:#07c160}
.bg-green-600{color:#fff;background-color:#146c43}
.bg-green-700{color:#fff;background-color:#0f5132}
.bg-green-800{color:#fff;background-color:#0a3622}
.bg-green-900{color:#fff;background-color:#051b11}
.bg-teal-100{color:#000;background-color:#d2f4ea}
.bg-teal-200{color:#000;background-color:#a6e9d5}
.bg-teal-300{color:#000;background-color:#79dfc1}
.bg-teal-400{color:#000;background-color:#4dd4ac}
.bg-teal-500{color:#000;background-color:#20c997}
.bg-teal-600{color:#000;background-color:#1aa179}
.bg-teal-700{color:#fff;background-color:#13795b}
.bg-teal-800{color:#fff;background-color:#0d503c}
.bg-teal-900{color:#fff;background-color:#06281e}
.bg-cyan-100{color:#000;background-color:#cff4fc}
.bg-cyan-200{color:#000;background-color:#9eeaf9}
.bg-cyan-300{color:#000;background-color:#6edff6}
.bg-cyan-400{color:#000;background-color:#3dd5f3}
.bg-cyan-500{color:#000;background-color:#0dcaf0}
.bg-cyan-600{color:#000;background-color:#0aa2c0}
.bg-cyan-700{color:#fff;background-color:#087990}
.bg-cyan-800{color:#fff;background-color:#055160}
.bg-cyan-900{color:#fff;background-color:#032830}
.bg-gray-100{color:#000;background-color:#f8f9fa}
.bg-gray-200{color:#000;background-color:#e9ecef}
.bg-gray-300{color:#000;background-color:#dee2e6}
.bg-gray-400{color:#000;background-color:#ced4da}
.bg-gray-500{color:#000;background-color:#adb5bd}
.bg-gray-600{color:#fff;background-color:#6c757d}
.bg-gray-700{color:#fff;background-color:#495057}
.bg-gray-800{color:#fff;background-color:#343a40}
.bg-gray-900{color:#fff;background-color:#212529}

.img_gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

/* 主页LED大屏 */
.notice-bg{background-repeat: repeat;background-image: url("../images/tips/notice_bg.png");}
.notice-led{width: 100%;height: 50px;overflow: hidden;position: relative;}
.notice-text{position: absolute;top: 0;left: 0;white-space: nowrap;opacity: 0;animation: scroll 30s linear infinite;animation-play-state: paused;}
.notice-text.scroll{opacity: 1;animation-play-state: running;}
@keyframes scroll{0%{transform: translateX(0);}
100%{transform: translateX(-100%);}}

/* 内容字体颜色 */
#content{color: #333333;}
#content p{line-height: 180%;color: #666666;}
#content img{max-width: 100%;}

/* 列表缩略图背景控制 */
.thumb-bg{background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image: url("/img/nopic.gif");}
.thumb-bg img{min-width: 100%; min-height: 100%;margin: auto;text-align: center;}


/*打印机重置*/
/*@page {size: landscape;e;margin: 5mm 5mm 5mm 5mm;}}*/
@media print {body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;zoom: 85%;}}