@charset "utf-8";
/* CSS Document */

/* 主体是左右，布局css调整项：其它由js动态实时调整
 * 1、整体最小宽度、最小高度
 * 2、左侧宽度
 * 3、底部高度
 */
@font-face{font-family:"方正正准黑"; src:url('fonts/FZZZH.TTF') format('truetype');}

.mContainer{min-width:1200px; min-height:700px; height:100vh; padding:0 20px; display:flex; flex-flow:column; position:relative; background:#f1f2f8;}
.mContainer:before{display:block; content:""; width:100%; height:21vh; background:#016bff; position:absolute; left:0; top:0; z-index:0;}
/* Top 部分 */
.mTop{height:70px; line-height:70px; position:relative; z-index:102; display:flex; align-items:center;}
.mLogo{flex:1; line-height:70px; font-family:"方正正准黑"; font-size:28px; color:#fff;}

.userInfo{height:50px; line-height:50px; padding:0 15px 0 8px; text-align:center; cursor:pointer; color:#fff;}
.userInfo span{font-size:14px;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif;}

.userInfoMenu{width:88px; padding:5px 0; visibility:hidden; margin-top:10px; background-color:#fff; position:absolute; transition:all 0.2s; opacity:0; z-index:102; box-shadow:0 5px 10px rgba(0,0,0,.15); color:#666; border-radius:5px;}
.userInfoMenu:before{display:block; content:""; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-bottom:6px #fff solid; position:absolute; left:50%; top:-12px; transform:translateX(-50%);}
.userInfoMenu.show{margin-top:0; visibility:visible; opacity:1;}
.userInfoMenu ul li{height:32px; line-height:32px; text-align:center; color:#666; cursor:pointer; margin-bottom:13px; position:relative; transition:all .3s;}
.userInfoMenu ul li:after{display:block; content:""; width:100%; height:1px; background:#ebeef5; position:absolute; left:0; bottom:-7px;}
.userInfoMenu ul li:last-of-type{margin-bottom:0;}
.userInfoMenu ul li:last-of-type:after{display:none;}
.userInfoMenu ul li:hover{background:#eaf3ff; color:#016bff;}

.mContent{flex:1; width:100%; padding-bottom:20px; position:relative; z-index:10; display:flex; overflow:hidden;}
/* Left、Right、Bottom 部分 */
.mLeft{width:200px; -moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none; background:#fff; border-radius:10px; display:flex; flex-flow:column; height:100%;}

.mRight{position:relative; flex:1; margin-left:20px; height:100%; overflow:hidden;}

.mFrame{width:100%; height:100%; vertical-align:top;}

/* 左侧菜单列表 */
.mMenu{flex:1; width:calc(100% - 20px); margin:13px 0; padding:0 10px; overflow:hidden;}

/*正常菜单*/
div.menuListDiv{padding:0;}
ul.leftMenuList li{padding:10px 0;}
ul.leftMenuList li p{display:flex; align-items:center; padding:0 10px; display:flex; align-items:center; height:34px; line-height:34px; font-size:16px; border-radius:5px; cursor:pointer; font-size:16px; transition:all .3s;}
ul.leftMenuList li p i{display:block; width:18px; height:18px; text-align:center; position:relative; border-radius:3px; background:#bababa; color:#fff; transition:all .3s;}
ul.leftMenuList li p i:before{display:block; width:36px; height:36px; line-height:36px; font-size:20px; transform:scale(.5) translate(-50%,-50%); transform-origin:left top; position:absolute; left:50%; top:50%;}
ul.leftMenuList li p span{flex:1; padding:0 6px;}
ul.leftMenuList li label{transition:all .3s;}
ul.leftMenuList ul{display:none; padding-top:10px;}
ul.leftMenuList ul li p{padding-left:34px; font-size:14px !important;}
ul.leftMenuList ul li p i{display:none;}
ul.leftMenuList ul ul li p{padding-left:55px;}
ul.leftMenuList p.current, ul.leftMenuList li.open>p{color:#016bff;}
ul.leftMenuList p.current>i{background:#016bff;}
ul.leftMenuList li.current p.current, ul.leftMenuList p:hover{background:#eaf3ff; color:#016bff;}
ul.leftMenuList li.current p.current>i, ul.leftMenuList li.open p>i, ul.leftMenuList p:hover>i{background:#016bff;}


.rightSetBox .layerDiv{padding:0 20px 10px;}


.formBox li{padding-bottom:24px;}
.formBox li:last-of-type{padding-bottom:0;}
.formBox li p{line-height:22px; padding-bottom:8px; font-size:14px;}
.formBox li p .red{padding-right:5px;}
.formBox li .txt{width:calc(100% - 32px); height:38px; line-height:38px; border-radius:4px; padding:0 15px;}