header{padding: 15px 25px;display: flex;align-items: center;justify-content: space-between;position: fixed;z-index: 9999;width: 100%;box-sizing: border-box;}
header>a>img{display:inline-block;padding-right:10px;}
header::before{position: absolute;background: #3b4043;content: "";width: 100%;height: 100%;top: 0;z-index: -2;left: 0;}
header::after{position: absolute;background: #f2f2f2;border-radius: 0 0 0 30px;content: "";width: 100%;height: 100%;top: 0;z-index: -1;left: 0;}
header ul li{display:inline-block;position: relative;padding: 0 8px;}
header ul li.link i{width: 32px;height: 32px;border-radius: 500px;color: #fff;display: inline-flex;align-items: center;justify-content: center;margin-right: 5px;background: #F04D44;}
header ul li.link a:hover i{background: #0E88B7;}
header ul li.link a:hover i{box-shadow: 2px 4px 10px rgba(9,9,9,0.2);}
header ul li img{vertical-align: text-top;padding-right:5px;}
header ul li:nth-last-of-type(2){font-weight:600}
header ul li:nth-last-of-type(2) a{display:inline-block;vertical-align: bottom;margin-left: 5px;}
header ul li:nth-last-of-type(2) i{display:block;}
header ul li:last-child{padding-right:0;}
header ul li:last-child button{background:#FBC34A;border-radius: 5px;padding: 3px 10px;}
header ul li:last-child i{margin-right: 5px;font-weight: 600;font-size: 14px;}

menu{background: #3b4043;background: -moz-linear-gradient(top,  #3b4043 0%, #1d2022 100%);background: -webkit-linear-gradient(top,  #3b4043 0%,#1d2022 100%);background: linear-gradient(to bottom,  #3b4043 0%,#1d2022 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4043', endColorstr='#1d2022',GradientType=0 );color: #fff;padding: 0;width: 220px;margin: 0;position: fixed;top: 62px;height: calc(100% - 62px);z-index: 999;border-radius: 0 30px 0 0;display: flex;flex-direction: column;}
menu .site_map{display: block;width: 80%;margin: 40px auto;background: #525556;border-radius: 10px;text-align: center;padding: 10px 10px;margin-bottom: 30px;}
menu .site_map:hover{background:#0E88B7;}
menu .site_map i{margin-right:5px;vertical-align: bottom;}

menu section{flex-grow: 1;height: 100%;}
menu section i[class^="icon_"]{font-size: 16px;padding-right: 5px;font-weight: 100;}
menu section button,menu section a{padding: 12px 20px;display:block;width: 100%;text-align: left;}

.menu{overflow-y:auto;height: calc(100% - 112px);}
.menu .depth1>ol{display: none;background: #525556;}
.menu .depth1.active{color: #000;overflow: hidden;color: #fff;}
.menu .depth1>button ,menu .site_info{font-size: 17px;width: 100%;text-align: left;}
.menu .depth1>button{font-weight:600;}
.menu .depth1.active>button{color: #fbc34a;font-weight: 700;border-bottom: 2px solid #fbc34a;}
.menu .depth2>ol{display: none;background: #747474;}
.menu .depth2>button{font-size:16px;padding: 10px 20px 10px 43px;font-weight: 600;}
.menu .depth2>button.active{background: #efedff;background: -moz-linear-gradient(left,  #efedff 1%, #fbfbff 100%);background: -webkit-linear-gradient(left,  #efedff 1%,#fbfbff 100%);background: linear-gradient(to right,  #efedff 1%,#fbfbff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efedff', endColorstr='#fbfbff',GradientType=1 );color:#5a52a3;}
.menu .depth2>button:hover{color: #fbc34a;}
.menu .depth2.active{background: -moz-linear-gradient(left,  #efedff 1%, #fbfbff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efedff', endColorstr='#fbfbff',GradientType=1 );}
.menu .depth2.active>button{color: #fbc34a;}
.menu .depth3.active>a:before{background:#fff;}
.menu .depth3>a{font-size:14px;padding: 7px 20px 7px 53px;position: relative;}
.menu .depth3>.active{background:#0E88B7;}
.menu .depth3:not(.active)>a:hover{background: #0E88B7;}
.menu .depth3.active>a{background: #0E88B7;}
.menu .depth3>a:before{content:"";position:absolute;width:2px;height:2px;border-radius:500px;background: #fff;left: 44px;top: 15px;}

main{padding: 0 20px 25px 0;padding-left: 240px;background: #f2f2f2;min-height: calc(100% - 64px);box-sizing: border-box;padding-top: 65px;border-radius: 5px 5px;overflow-x: auto;}
main>form{min-width:1500px;}
main .route i{color: #5a52a3;}
main .route em{padding: 0 5px;}
.main_wrap{overflow-x:auto;}
.main_inner{min-width:1500px;}

footer{padding: 20px 25px;padding-left: 240px;background: #767678;color: #fff;display: flex;align-items: center;justify-content: center;gap: 10px;}
footer p{width:300px;text-align: center;}
footer p i{vertical-align: text-top;margin-right:5px}
footer p:first-child{text-align:right;}
footer p:last-child{text-align: left;}

.sitemap{position: fixed;width: 100%;height: 100%;background: #fff;top: 0;left: 0;z-index: 99999;padding: 30px;text-align: right;padding-top: 60px;display: none;}
.sitemap .sitemap_wrap{text-align:left;height: 100%;overflow-y: auto;}
.sitemap .close{font-size: 50px;line-height: 0;transform: rotate(45deg);font-weight: 100;height: 50px;position: absolute;top: 5px;right: 30px;}
.sitemap_wrap>div{border: 1px solid #D3D3D5;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.sitemap_wrap>div:nth-of-type(n+2){margin-top: 50px;}
.sitemap .top{padding: 10px 20px;background: #f0eff7;border-bottom: 1px solid #D3D3D5;}
.sitemap .top .Th1{margin:0;}
.sitemap section{background:#fff;padding: 0 30px;}
.sitemap section .Th2{margin:0;}
.sitemap section>div{padding: 30px 0;border-bottom: 1px dashed #D3D3D5;display: grid;grid-template-columns: 200px 1fr;}
.sitemap section>div:last-child{border:0;}
.sitemap section ul.tm_cir{margin-left:0;display: grid;grid-template-columns: repeat(7,1fr);gap: 10px;}
.sitemap section ul.tm_cir li{margin:0;}