@charset "utf-8";
/*
[MBKFW.COM - S11_v9.0]
S11-v9-CSS-xiaohei-qq:290948585-202203-2024
*/
/* xiaohei*/
*,:after,:before {}
p{padding:0;margin:0}
body {font-size:12px;background:#f7f8fa;color:#354054;}
.f_l,.fl{float:left}
.f_r,.fr{float:right}
.flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.bg-white {background-color:#fff;}
.hidden {display:none;}
.flex-row {-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.flex-row,.flex-row-reverse {-webkit-box-orient:horizontal;}
.flex-row-reverse {-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.flex-wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.items-start {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.items-end {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.items-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.justify-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.justify-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.justify-around {-ms-flex-pack:distribute;justify-content:space-around;}
.justify-evenly {-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
.flex-1 {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;}
.float-right {float:right;}
.float-left {float:left;}
.clearfix:after {content:"";display:table;clear:both;}
.font-normal {font-weight:400;}
.font-medium {font-weight:500;}
.font-bold {font-weight:700;}
.font-black {font-weight:900;}
.pointer{cursor:pointer; }
.m-100{width:100%}
.h-1 {height:1px;}
.h-16 {height:16px;}
.h-18 {height:18px;}
.h-20 {height:20px;}
.h-21 {height:21px;}
.h-24 {height:24px;}
.h-30 {height:30px;}
.h-32 {height:32px;}
.h-35 {height:35px;}
.h-40 {height:40px;}
.h-45 {height:45px;}
.h-50 {height:50px;}
.h-55 {height:55px;}
.h-60 {height:60px;}
.h-80 {height:80px;}
.h-100 {height:100px;}
.h-110 {height:110px;}
.h-120 {height:120px;}
.h-140 {height:140px;}
.h-160 {height:160px;}
.h-200 {height:200px;}
.h-220 {height:220px;}
.h-300 {height:300px;}
.h-350 {height:350px;}
.h-450 {height:450px;}
.h-full {height:100%;}
.h-screen {height:100vh;}
.text-12 {font-size:12px;}
.text-14 {font-size:14px;}
.text-15 {font-size:15px;}
.text-16 {font-size:16px;}
.text-18 {font-size:18px;}
.text-20 {font-size:20px;}
.text-22 {font-size:22px;}
.text-24 {font-size:24px;}
.text-26 {font-size:26px;}
.text-28 {font-size:28px;}
.text-30 {font-size:30px;}
.text-32 {font-size:32px;}
.text-35 {font-size:35px;}
.text-36 {font-size:36px;}
.text-40 {font-size:40px;}
.text-48 {font-size:48px;}
.leading-3 {line-height:.75rem;}
.leading-4 {line-height:1rem;}
.leading-5 {line-height:1.25rem;}
.leading-tight {line-height:1.25;}
.leading-relaxed {line-height:1.625;}
.leading-loose {line-height:2;}
.m-5 {margin:5px;}
.mx-1 {margin-left:1px;margin-right:1px;}
.mx-5 {margin-left:5px;margin-right:5px;}
.mx-6 {margin-left:6px;margin-right:6px;}
.my-8 {margin-top:8px;margin-bottom:8px;}
.mx-8 {margin-left:8px;margin-right:8px;}
.my-10 {margin-top:10px;margin-bottom:10px;}
.mx-10 {margin-left:10px;margin-right:10px;}
.mx-12 {margin-left:12px;margin-right:12px;}
.my-15 {margin-top:15px;margin-bottom:15px;}
.my-16 {margin-top:16px;margin-bottom:16px;}
.my-20 {margin-top:20px;margin-bottom:20px;}
.my-21 {margin-top:21px;margin-bottom:21px;}
.my-24 {margin-top:24px;margin-bottom:24px;}
.my-30 {margin-top:30px;margin-bottom:30px;}
.mx-auto {margin-left:auto;margin-right:auto;}
.mt-0 {margin-top:0;}
.mr-0 {margin-right:0;}
.ml-1 {margin-left:1px;}
.mt-2 {margin-top:2px;}
.mr-2 {margin-right:2px;}
.mb-2 {margin-bottom:2px;}
.ml-2 {margin-left:2px;}
.mr-3 {margin-right:3px;}
.mb-3 {margin-bottom:3px;}
.ml-3 {margin-left:3px;}
.mt-4 {margin-top:4px;}
.mr-4 {margin-right:4px;}
.mb-4 {margin-bottom:4px;}
.ml-4 {margin-left:4px;}
.mt-5 {margin-top:5px;}
.mr-5 {margin-right:5px;}
.mb-5 {margin-bottom:5px;}
.ml-5 {margin-left:5px;}
.mt-6 {margin-top:6px;}
.mr-6 {margin-right:6px;}
.mb-6 {margin-bottom:6px;}
.ml-6 {margin-left:6px;}
.mt-7 {margin-top:7px;}
.mr-7 {margin-right:7px;}
.mb-7 {margin-bottom:7px;}
.ml-7 {margin-left:7px;}
.mt-8 {margin-top:8px;}
.mr-8 {margin-right:8px;}
.mb-8 {margin-bottom:8px;}
.ml-8 {margin-left:8px;}
.ml-9 {margin-left:9px;}
.mt-10 {margin-top:10px;}
.mr-10 {margin-right:10px;}
.mb-10 {margin-bottom:10px;}
.ml-10 {margin-left:10px;}
.mt-11 {margin-top:11px;}
.ml-11 {margin-left:11px;}
.mt-12 {margin-top:12px;}
.mr-12 {margin-right:12px;}
.mb-12 {margin-bottom:12px;}
.ml-12 {margin-left:12px;}
.mt-13 {margin-top:13px;}
.ml-13 {margin-left:13px;}
.mt-14 {margin-top:14px;}
.mt-15 {margin-top:15px;}
.mr-15 {margin-right:15px;}
.mb-15 {margin-bottom:15px;}
.ml-15 {margin-left:15px;}
.mt-16 {margin-top:16px;}
.mr-16 {margin-right:16px;}
.mb-16 {margin-bottom:16px;}
.ml-16 {margin-left:16px;}
.ml-17 {margin-left:17px;}
.mt-18 {margin-top:18px;}
.mb-18 {margin-bottom:18px;}
.ml-18 {margin-left:18px;}
.mt-19 {margin-top:19px;}
.mt-20 {margin-top:20px;}
.mr-20 {margin-right:20px;}
.mb-20 {margin-bottom:20px;}
.ml-20 {margin-left:20px;}
.ml-22 {margin-left:22px;}
.ml-23 {margin-left:23px;}
.mt-24 {margin-top:24px;}
.mr-24 {margin-right:24px;}
.mb-24 {margin-bottom:24px;}
.ml-24 {margin-left:24px;}
.mt-25 {margin-top:25px;}
.mr-25 {margin-right:25px;}
.ml-25 {margin-left:25px;}
.mr-26 {margin-right:26px;}
.ml-26 {margin-left:26px;}
.mt-28 {margin-top:28px;}
.mt-30 {margin-top:30px;}
.mr-30 {margin-right:30px;}
.mb-30 {margin-bottom:30px;}
.ml-30 {margin-left:30px;}
.mt-32 {margin-top:32px;}
.ml-32 {margin-left:32px;}
.mt-35 {margin-top:35px;}
.ml-35 {margin-left:35px;}
.mt-40 {margin-top:40px;}
.mr-40 {margin-right:40px;}
.mb-40 {margin-bottom:40px;}
.ml-40 {margin-left:40px;}
.mt-45 {margin-top:45px;}
.mr-45 {margin-right:45px;}
.ml-45 {margin-left:45px;}
.mt-50 {margin-top:50px;}
.mr-50 {margin-right:50px;}
.mt-60 {margin-top:60px;}
.mr-60 {margin-right:60px;}
.ml-60 {margin-left:60px;}
.ml-65 {margin-left:65px;}
.mt-70 {margin-top:70px;}
.mr-70 {margin-right:70px;}
.ml-70 {margin-left:70px;}
.ml-75 {margin-left:75px;}
.mt-80 {margin-top:80px;}
.ml-80 {margin-left:80px;}
.mt-90 {margin-top:90px;}
.ml-95 {margin-left:95px;}
.mt-100 {margin-top:100px;}
.ml-100 {margin-left:100px;}
.mt-110 {margin-top:110px;}
.mt-125 {margin-top:125px;}
.mr-130 {margin-right:130px;}
.ml-140 {margin-left:140px;}
.mr-150 {margin-right:150px;}
.mt-180 {margin-top:180px;}
.ml-180 {margin-left:180px;}
.mb-350 {margin-bottom:350px;}
.max-h-full {max-height:100%;}
.max-w-full {max-width:100%;}
.overflow-auto {overflow:auto;}
.overflow-hidden {overflow:hidden;}
.p-6 {padding:6px;}
.p-8 {padding:8px;}
.p-10 {padding:10px;}
.p-15 {padding:15px;}
.p-16 {padding:16px;}
.p-20 {padding:20px;}
.p-24 {padding:24px;}
.p-25 {padding:25px;}
.p-40 {padding:40px;}
.px-0 {padding-left:0;padding-right:0;}
.py-1 {padding-top:1px;padding-bottom:1px;}
.py-3 {padding-top:3px;padding-bottom:3px;}
.py-4 {padding-top:4px;padding-bottom:4px;}
.py-5 {padding-top:5px;padding-bottom:5px;}
.px-5 {padding-left:5px;padding-right:5px;}
.py-6 {padding-top:6px;padding-bottom:6px;}
.px-6 {padding-left:6px;padding-right:6px;}
.py-7 {padding-top:7px;padding-bottom:7px;}
.px-7 {padding-left:7px;padding-right:7px;}
.py-8 {padding-top:8px;padding-bottom:8px;}
.px-8 {padding-left:8px;padding-right:8px;}
.px-9 {padding-left:9px;padding-right:9px;}
.py-10 {padding-top:10px;padding-bottom:10px;}
.px-10 {padding-left:10px;padding-right:10px;}
.py-12 {padding-top:12px;padding-bottom:12px;}
.px-12 {padding-left:12px;padding-right:12px;}
.py-14 {padding-top:14px;padding-bottom:14px;}
.py-15 {padding-top:15px;padding-bottom:15px;}
.px-15 {padding-left:15px;padding-right:15px;}
.py-16 {padding-top:16px;padding-bottom:16px;}
.px-16 {padding-left:16px;padding-right:16px;}
.py-18 {padding-top:18px;padding-bottom:18px;}
.py-20 {padding-top:20px;padding-bottom:20px;}
.px-20 {padding-left:20px;padding-right:20px;}
.py-21 {padding-top:21px;padding-bottom:21px;}
.px-24 {padding-left:24px;padding-right:24px;}
.px-25 {padding-left:25px;padding-right:25px;}
.px-26 {padding-left:26px;padding-right:26px;}
.px-28 {padding-left:28px;padding-right:28px;}
.py-30 {padding-top:30px;padding-bottom:30px;}
.px-30 {padding-left:30px;padding-right:30px;}
.py-40 {padding-top:40px;padding-bottom:40px;}
.px-40 {padding-left:40px;padding-right:40px;}
.px-45 {padding-left:45px;padding-right:45px;}
.py-60 {padding-top:60px;padding-bottom:60px;}
.px-60 {padding-left:60px;padding-right:60px;}
.px-80 {padding-left:80px;padding-right:80px;}
.py-100 {padding-top:100px;padding-bottom:100px;}
.py-150 {padding-top:150px;padding-bottom:150px;}
.pl-0 {padding-left:0;}
.pl-5 {padding-left:5px;}
.pb-8 {padding-bottom:8px;}
.pt-10 {padding-top:10px;}
.pr-10 {padding-right:10px;}
.pb-10 {padding-bottom:10px;}
.pl-10 {padding-left:10px;}
.pr-12 {padding-right:12px;}
.pb-14 {padding-bottom:14px;}
.pl-14 {padding-left:14px;}
.pt-15 {padding-top:15px;}
.pr-15 {padding-right:15px;}
.pb-15 {padding-bottom:15px;}
.pl-15 {padding-left:15px;}
.pt-16 {padding-top:16px;}
.pt-20 {padding-top:20px;}
.pr-20 {padding-right:20px;}
.pb-20 {padding-bottom:20px;}
.pl-20 {padding-left:20px;}
.pt-21 {padding-top:21px;}
.pr-24 {padding-right:24px;}
.pl-24 {padding-left:24px;}
.pb-25 {padding-bottom:25px;}
.pl-25 {padding-left:25px;}
.pt-30 {padding-top:30px;}
.pb-30 {padding-bottom:30px;}
.pt-40 {padding-top:40px;}
.pb-40 {padding-bottom:40px;}
.pl-40 {padding-left:40px;}
.pt-45 {padding-top:45px;}
.pb-50 {padding-bottom:50px;}
.pl-50 {padding-left:50px;}
.pt-70 {padding-top:70px;}
.pt-75 {padding-top:75px;}
.pb-80 {padding-bottom:80px;}
.pl-80 {padding-left:80px;}
.pb-90 {padding-bottom:90px;}
.pt-100 {padding-top:100px;}
.pl-110 {padding-left:110px;}
.pt-120 {padding-top:120px;}
.pl-150 {padding-left:150px;}

.block {display: block}
.inline-block {display: inline-block;}
.align-middle {vertical-align: middle;}
.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pointer-events-none {pointer-events:none;}
.fixed {position:fixed;}
.absolute {position:absolute;}
.relative {position:relative;}
.inset-0 {top:0;right:0;bottom:0;left:0;}
.right-0 {right:0;}
.resize {resize:both;}
.shadow {-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-primary {color:#3a8cef;font-size: 14px;}
.text-orange1 {color:#f3630e;}
.text-danger {color:#f56c6c;}
.text-gray1 {color:#909399;}
.text-black {color:#000;}
.text-white {color:#fff;}
.text-gray-400 {color:#cbd5e0;}
.text-gray-500 {color:#a0aec0;}
.text-gray-600 {color:#718096;}
.text-gray-700 {color:#4a5568;}
.text-gray-900 {color:#1a202c;}
.text-red-500 {color:#f56565;}
.text-red-600 {color:#e53e3e;}
.text-red-700 {color:#c53030;}
.text-yellow-600 {color:#d69e2e;}
.text-green-600 {color:#38a169;}
.text-blue-500 {color:#4299e1;}
.logo-box {border-radius: 20px;}
.w-100 {width: 100px;}
.w-150 {width: 150px;}
/**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
.inline-flex {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.g-container {margin-left:auto;margin-right:auto;}
.g-body {margin:10px;margin-bottom:0;padding-left:338px;position:relative;}
.g-nav {position:absolute;left:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;}
main {display:block;}
.m-container {padding:24px;background-color:#fff;}
.g-body .nav-fill {display:none;}

.g-body img{max-width: 100%;height: auto;}

.m-title {padding:0;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size: 16px;font-weight:700;}
.m-title.purple:before {background-color:#b620e0;}
.m-title.purple2:before {background-color:#6236ff;}
.m-title.green:before {background-color:#44d7b6;}
.m-title.blue:before {background-color:#0091ff;}
.m-title.blue2:before {background-color:#32c5ff;}
.m-title.orange:before {background-color:#f7b500;}
.m-title.orange2:before {background-color:#fa6400;}
.m-title.yellow:before {background-color:#fade72;}
.m-title:before {display:inline;margin-right:6px;content:"";width: 5px;height: 16px;background-color: #4E6EF2;border-radius:2px;}
.m-title span#sing_for_number{float:right;color: #FF5722;font-size:14px}
/**/
.header{width: 100%;z-index: 99;min-width: 1200px;}
.header .head_top{width: 100%;height: 36px;background: #F3F3F3;line-height: 36px;position: relative;z-index: 2;}
.header .head_top .w1220{padding:0 15px}
.ul_nyb li{float: left; margin-left: 20px;}
.ul_nyb li:first-child{margin-left: -10px;}
.ul_nyb li a{padding: 0 10px; font-size: 12px; color: #C8CDD5; display: block;}
.ul_nyb li a:hover{background: #000;}
.ul_nyb li.active a{background: #000;}
.head_l li {float:left;margin:0 10px 0 0;}
/**/
.login_res{height: 40px; display: none; float: right; line-height: 40px;}
.login_res.on{display: block;}
.login_res span{text-align: right; font-size: 12px; color: #fff; cursor: pointer;}
.login_res span.login_btn{margin-right: 16px; position: relative;}
.login_res span.login_btn::after{content: ''; position: absolute; top: 50%; right: -9px; width: 1px; height: 14px; background: #fff; margin-top: -7px; transform: rotate(15deg);}
.login_res span:hover{color: #FF6600;}
/**/
.header .xzapp{height: 40px;position: relative;margin-right: 0;}
.header .xzapp .tit{font-size: 12px;cursor: pointer;padding-left: 17px;}
.header .xzapp .tit span {content:'';left: 0;top: 50%;position: absolute;margin-top: -8px;width: 12px;height: 12px;background: url(code-icon-h.png) no-repeat;background-size: 100%;}
.header .xzapp:hover .tit{color: #4E6EF2;}
.header .xzapp:hover .tit span{color: #4E6EF2;}
.header .xzapp .drop-down{width: 178px;height: 175px;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(38,38,38,.1);border-radius: 6px;position: absolute;top: 36px;right: 0;margin-left: -89px;padding-top: 18px;text-align: center;visibility: hidden;opacity: 0;transition: opacity .1s;*display: none;z-index: 99;border: 1px solid #dce3ef;border-radius: 3px;}
.header .xzapp .drop-down .arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;top: -7px;right: 63px;border-width:0 7px 7px;border-bottom-color:#dce3ef;}
.header .xzapp .drop-down .arrow:after {content:'';position:absolute;width:0;height:0;right:-7px;top:1px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #fff;transform:translateY(0.3px);}
.header .xzapp .ewm{}
.header .xzapp .ewm .pone{font-size: 14px; color: #333333; line-height: 1em;}
.header .xzapp .ewm img{display: block; width: 120px; height: 120px; margin: 5px auto;}
.header .xzapp .ewm .ptwo{font-size: 12px; color: #666666; line-height: 1em;}
.header .xzapp:hover .drop-down{visibility: visible;opacity: 1;*display: block;}
/**/
.header .xzdaohang{margin-right: 25px;position: relative;}
.header .xzdaohang .tit:after{content: '|';position: absolute;width: 0px;height: 14px;background-color: #d4d4d4;right: -11px;color: #d4d4d4;}
.header .xzdaohang .tit:before{content: '|';position: absolute;width: 0px;height: 14px;background-color: #d4d4d4;right: 62px;color: #d4d4d4;}
.header .xzdaohang .tit{font-size: 12px;cursor: pointer;}
.header .xzdaohang .tit span{font-size: 14px;vertical-align: -1px;color: #444444;}
.header .xzdaohang:hover .tit{color: #4E6EF2;}
.header .xzdaohang:hover .tit span{color: #4E6EF2;}
.header .xzdaohang .drop-down {width:400px;/* padding:7px 0; */font-size: 14px;position:absolute;right: 50%;margin-right: -59px;top: 36px;opacity: 0;transition: opacity .1s;*display: none;background: #ffffff;visibility: hidden;border: 1px solid #dce3ef;border-radius: 3px;}
.header .xzdaohang .drop-down .arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;top: -7px;right: 52px;border-width:0 7px 7px;border-bottom-color:#dce3ef;}
.header .xzdaohang .drop-down .arrow:after {content:'';position:absolute;width:0;height:0;right:-7px;top:1px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #fff;transform:translateY(0.3px);}
.header .xzdaohang .drop-down .midname {padding: 10px 15px;font-size:14px;overflow: hidden;}
.header .xzdaohang .drop-down .midname .m-li{float:left;width: 25%;}
.header .xzdaohang .drop-down .midname .m-li span{margin:0 0px;display:none;}
.header .xzdaohang:hover .tit:after{content: '|';position: absolute;width: 0px;height: 14px;}
.header .xzdaohang:hover .tit:before{content: '|';position: absolute;width: 0px;height: 14px;}
.header .xzdaohang:hover .drop-down{ visibility: visible;opacity: 1;*display: block;}
.header .xzmyb2b {margin-right: 25px;font-size: 12px;}
/**/
.topBar {position:relative;}
.topBar .container {position:relative;padding: 0 1%;width: 98%;}
.topBar .container .brand {width:159px;height:35px;position:absolute;left:0;top:50%;margin-top:-17px;}
.topBar .container .brand a {width:159px;height:35px;display:block;background:url(//himg.china.cn/img/common/logo/159x35.png) left top no-repeat;}
.topBar .container .top-nav {float:right;}
.topBar .container .top-nav li {float:left;line-height: 80px;height: 80px;font-size:16px;margin-right: 40px;}
.topBar .container .top-nav li a {font-size:16px;}
.topBar .container .top-nav li a:hover,.topBar .container .top-nav li.active a {color:#236fee;}
.topBar .container .top-switch {float:left;line-height:28px;height:28px;margin: 25px 0 0px 20px;border-left:1px solid #dbe2ed;}
.topBar .container .top-switch .name {font-size:18px;color:#666;float:left;padding: 0 0 0 20px;}
.topBar .container .top-switch .name:hover {color:#236fee;}
.topBar .container .top-switch .btna {border-radius:50px;height:22px;width:80px;background:#bfbfbf;color:#fff;font-size:12px;float:left;text-align:center;line-height:22px;margin:3px 0;}
.topBar .container .top-switch .btna:hover {background:#236fee;}
.topBar .container .top-switch .workbench-name {float:left;color:#fff;padding:4px 10px;border-radius:3px;line-height:20px;background:#26324f;margin-left:10px;}
.topBar .container .top-switch .workbench-more {float:left;padding:0 20px;height:49px;font-size:14px;position:relative;}
.topBar .container .top-switch .workbench-more .title a {float:none !important;margin-top:0 !important;color:#333 !important;}
.topBar .container .top-switch .workbench-more .more {position:relative;padding-right:12px;cursor:pointer;}
.topBar .container .top-switch .workbench-more .more:after {content:"";position:absolute;border:4px #fff solid;border-top:4px #333 solid;width:0;height:0;overflow:hidden;top:50%;margin-top:-2px;right:0;font-size:0;line-height:0;}
.topBar .container .top-switch .workbench-more .down {position:absolute;left:0;top:49px;width:100%;padding:20px;background:#fff;border-radius:0 0 3px 3px;display:none;-webkit-box-shadow:rgba(104,142,243,0.15) 0 0 13px;-moz-box-shadow:rgba(104,142,243,0.15) 0 0 13px;box-shadow:rgba(104,142,243,0.15) 0 0 13px;}
.topBar .container .top-switch .workbench-more:hover .down {display:block;}
.topBar .container .top-switch .workbench-more .down-transverse-720 {width:700px;padding:25px 10px;text-align:center;}
.topBar .container .top-switch .workbench-more .down-transverse-720 dl {overflow:hidden;padding-bottom:10px;margin-left:-15px;}
.topBar .container .top-switch .workbench-more .down-transverse-720 dl dd {float:left;padding-bottom:15px;font-size:12px;padding-left:35px;}
.topBar .container .top-switch .workbench-more .down-transverse-720 dl dd p {padding-top:10px;}
.topBar .container .top-switch .workbench-more .down-transverse-720 dl dd img {width:60px;}
.topBar .container .top-switch .workbench-more .down-transverse-720 dl dd .bw95 {width:95px;padding:20px 0;}
.topBar .container .top-switch .workbench-more .down-transverse-720 .a {color:#205bdd;}
.topBar .container .top-message {float:right;margin: 25px 0 25px;padding: 0 25px 0 25px;border-left:1px solid #dbe2ed;position:relative;/* margin-right: 20px; */}
.topBar .container .top-message .box {height:30px;line-height:30px;position:relative;padding-left:30px;font-size:16px;}
.topBar .container .top-message .box .icon-message {width:21px;height:21px;position:absolute;left:0;top:50%;margin-top:-10px;background:url(icon-message.png) center center no-repeat;}
.topBar .container .top-message .box .icon-avatar {width:21px;height:21px;position:absolute;left:0;top:50%;margin-top:-10px;}
.message-num {height:13px;text-align:center;line-height:13px;background:#e60000;color:#fff;border-radius:6.5px 6.5px 6.5px 0;position:absolute;top:-7px;left:11px;padding:0 5px;border:1px solid #fff;font-size:12px;font-style: normal;}
.topBar .container .top-message .drop-down {display:none;width:118px;padding:7px 0;font-size:12px;position:absolute;z-index:1006;left:50%;margin-left:-59px;top:30px;}
.topBar .container .top-message .drop-down .arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;top:0;left:50%;margin-left:-7px;border-width:0 7px 7px;border-bottom-color:#dce3ef;}
.topBar .container .top-message .drop-down .arrow:after {content:'';position:absolute;width:0;height:0;right:-7px;top:1px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #fff;transform:translateY(0.3px);}
.topBar .container .top-message .drop-down ul {border:1px solid #dce3ef;background:#fff;border-radius:3px;padding:7px 0 7px 14px;}
.topBar .container .top-message .drop-down ul li {line-height:28px;}
.topBar .container .top-message ul a {display:block;overflow:hidden;height:28px;}
.topBar .container .top-message ul em {color:red;margin-left:5px;font-style:normal}
.topBar .container .top-message:hover .drop-down {display:block;}
.tip-bar {background-color:#31333f;height:34px;line-height:34px;text-align:center;font-size:14px;color:#fff;width:100%;border:0;padding:5px 0;}
.tip-bar a {color:#fff;text-decoration:underline;}
.tip-bar .cha {display:inline-block;*display:inline;*zoom:1;background:url("//himg.china.cn/img/erm/add-xing.png") 0 -35px no-repeat;width:10px;height:15px;cursor:pointer;}



@media (-webkit-max-device-pixel-ratio:1) {::-webkit-scrollbar-track-piece {background-color:#fff;}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#a0a0a0;}
;}
@media (max-width:1600px) {.g-body {padding-left:255px;}
;}
.g-nav {position:absolute;left:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;/* margin-right:10px;*/
;}
.g-nav .nav-left {width:163px;background:#354054;border-radius:8px 0 0 8px;color:#d6d8dc;padding-top:16px;padding-bottom:40px;min-height:100vh;height:100vh;}
.g-nav .nav-left a {color:#d6d8dc;}
.g-nav .nav-left .menu_i {font-size:14px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding-left:29px;}
.g-nav .nav-left .menu_i i {width:22px;height:22px;margin-right:8px;}
.g-nav .nav-left .menu_i .menu_i_0 {background-image:url(menu_i_0.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_1 {background-image:url(menu_i_1.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_2 {background-image:url(menu_i_2.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_3 {background-image:url(menu_i_3.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_4 {background-image:url(menu_i_4.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_5 {background-image:url(menu_i_5.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_6 {background-image:url(menu_i_6.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_7 {background-image:url(menu_i_7.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_8 {background-image:url(menu_i_8.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_9 {background-image:url(menu_i_9.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i .menu_i_10 {background-image:url(menu_i_10.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;}
.g-nav .nav-left .menu_i.active .menu_i_0,.g-nav .nav-left .menu_i:hover .menu_i_0 {background-image:url(menu_i_0_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_1,.g-nav .nav-left .menu_i:hover .menu_i_1 {background-image:url(menu_i_1_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_2,.g-nav .nav-left .menu_i:hover .menu_i_2 {background-image:url(menu_i_2_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_3,.g-nav .nav-left .menu_i:hover .menu_i_3 {background-image:url(menu_i_3_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_4,.g-nav .nav-left .menu_i:hover .menu_i_4 {background-image:url(menu_i_4_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_5,.g-nav .nav-left .menu_i:hover .menu_i_5 {background-image:url(menu_i_5_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_6,.g-nav .nav-left .menu_i:hover .menu_i_6 {background-image:url(menu_i_6_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_7,.g-nav .nav-left .menu_i:hover .menu_i_7 {background-image:url(menu_i_7_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_8,.g-nav .nav-left .menu_i:hover .menu_i_8 {background-image:url(menu_i_8_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_9,.g-nav .nav-left .menu_i:hover .menu_i_9 {background-image:url(menu_i_9_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.g-nav .nav-left .menu_i.active .menu_i_10,.g-nav .nav-left .menu_i:hover .menu_i_10 {background-image:url(menu_i_10_on.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.icon-svg {display:inline-block;width:1em;height:1em;fill:currentColor;overflow:hidden;vertical-align:middle;margin-top:-3px;}
.g-nav .nav-left .menu_i.active,.g-nav .nav-left .menu_i:hover {background:#3e4f70;color:#f4ea2a;}
.g-nav .nav-left .menu_i.active a,.g-nav .nav-left .menu_i:hover a {color:#f4ea2a;}
.g-nav .nav-left .menu_i .title {display:inline;}
.g-nav .nav-left .menu_i .alias {display:none;}
sup {top:-.8em;font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
.custom-badge {display:inline-block;padding:0 4px;height:16px;font-size:12px;line-height:12px;border-radius:8px;background:#4CAF50;color:#fff;}
.custom-badge.hot{background-color:#F44336}
.relative {position:relative;}
.badge-fixed {position:absolute;top:-28px;right:-24px;}
.g-nav .nav-right {width:164px;background:#fff;padding-bottom:56px;min-height:100vh;height:100vh;overflow:auto;}
.g-nav .nav-right .menu-item {position:relative;font-size:14px;font-weight:700;color:#354054;height:48px;line-height:48px;padding-left:30px;cursor:default;}
.g-nav .nav-right .menu-item:before {position:absolute;content:"";width:3px;height:3px;border: 3px solid #354054;background:#fff;top:50%;margin-left:-15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;}
.g-nav .nav-right .menu-item .f_r{font-weight:normal;font-size:12px;margin-right:10px;color:#ff6600;}
.g-nav .nav-right .menu-item .f_r a{color:#ff6600;}
.g-nav .nav-right .sub-menu-item {display:block;position:relative;font-size:14px;color:#666;height:40px;line-height:40px;padding-left:30px;cursor:pointer;}
#message {position:relative;}
.g-nav .nav-right .sub-menu em {display: inline-block;height: 14px;line-height: 14px;position: absolute;z-index: 1;font-style: normal;left: 90px;top: 12px;padding: 0 4px;background: #FF6600;border: 1px solid #FF4400;border-radius: 10px;color: #FFFFFF;font-size: 12px;}
.g-nav .nav-right .side_b,.g-nav .nav-right .sub-menu-item:hover {background: #ececec;color:#3a8cef;}
.g-nav .nav-right .side_b a,.g-nav .nav-right .sub-menu-item:hover a{color: #3a8cef;}
@media (max-width:1600px) {
.g-nav .nav-left {width:80px;}
.g-nav .nav-left .menu_i {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;}
.g-nav .nav-left .menu_i i {margin-right:0;margin-left:3px;margin-bottom:2px;display:block;}
.g-nav .nav-left .menu_i .title {display:none;}
.g-nav .nav-left .menu_i .alias {display:inline;}
}
.g-body.is-sticky .g-nav {position:fixed;top:0;left:10px;margin-left:0;z-index:10;}
.g-body.is-sticky .nav-fill {position:absolute;display:block;top:0;left:0;height:100vh;width:338px;}
@media (max-width:1600px) {
    .g-body.is-sticky .g-nav {margin-left:0;}
    .g-body.is-sticky .nav-fill {width:255px;}
}
@media (max-width:1200px) {
    .g-body.is-sticky .g-nav {margin-left:0;left:0;}
    .g-body.is-sticky .nav-fill {width:255px;}
}
.m-brower-tip {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:9999;}
.m-brower-tip .content {content:"\60a8\4f7f\7528\7684\6d4f\89c8\5668\7248\672c\8fc7\4f4e\ff0c\53ef\80fd\6709\5b89\5168\98ce\9669\ff0c\8bf7\4f7f\7528\65b0\7684\6d4f\89c8\5668\3002";position:fixed;width:334px;padding:25px;font-size:14px;border-radius:3px;letter-spacing:1px;line-height:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff;background:#faa662;z-index:10000;}
.m-brower-tip a {color:#38f;}
@media (min-width:768px) {
    .sm\:container {width:100%;max-width:768px;}
}
@media (min-width:1200px) {
    .sm\:container {max-width:1200px;}
}
@media (min-width:1600px) {
    .sm\:container {max-width:1600px;}
}
@media (min-width:1920px) {
    .sm\:container {max-width:1920px;}
}
.sm\:subpixel-antialiased {-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}

@media (min-width:1200px) {
    .md\:container {width:100%;}
@media (min-width:768px) {
    .md\:container {max-width:768px;}
}
@media (min-width:1200px) {
    .md\:container {max-width:1200px;}
}
@media (min-width:1600px) {
    .md\:container {max-width:1600px;}
}
@media (min-width:1920px) {
    .md\:container {max-width:1920px;}
}
.md\:subpixel-antialiased {-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}
.md\:w-120 {width:120px;}
.md\:w-180 {width:180px;}

@media (min-width:1600px) {
    .lg\:container {width:100%;}
}
@media (min-width:768px) {
    .lg\:container {max-width:768px;}
}
@media (min-width:1200px) {
    .lg\:container {max-width:1200px;}
}
@media (min-width:1600px) {
    .lg\:container {max-width:1600px;}
}
@media (min-width:1920px) {
    .lg\:container {max-width:1920px;}
}
.lg\:mt-0 {margin-top:0;}
.lg\:subpixel-antialiased {-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}
.lg\:w-300 {width:300px;}
.lg\:w-1\/2 {width:50%;}
.lg\:w-1\/3 {width:33.333333%;}
.lg\:w-2\/3 {width:66.666667%;}
.lg\:w-3\/4 {width:75%;}
.lg\:w-1\/5 {width:20%;}

@media (min-width:1920px) {
    .xl\:container {width:100%;}
}
@media (min-width:768px) {
    .xl\:container {max-width:768px;}
}
@media (min-width:1200px) {
    .xl\:container {max-width:1200px;}
}
@media (min-width:1600px) {
    .xl\:container {max-width:1600px;}
}
@media (min-width:1920px) {
    .xl\:container {max-width:1920px;}
}
.xl\:subpixel-antialiased {-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}
#myavatar {border-radius:50px;}