[v-cloak]{display:none}
::-webkit-scrollbar{display:none;}
/* body{position:fixed;top:0;left:0;right:0;bottom:0;padding:0;margin:0} */
body{float:left;width:100%;padding:0;margin:0}

/* *{box-sizing:border-box} */
*{margin:0px;padding:0px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
div,ul{box-sizing:border-box}
ul{margin:0px;padding:0px}
li{margin:0px;padding:0px;list-style-type:none;}
a,a:hover,a:visited,a:active{text-decoration:none;}
p{margin:0px;padding:0px}
input,select,textarea{padding:0 5px;border:1px #ddd solid;outline:none;border-radius:5px;background:white;min-height:30px}
input[type=checkbox]{margin-right:5px}

/*q*/
.q-fwh100{float:left;width:100%;height:100%;}

/*box center*/
.q-pfc,.q-box-fixed-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.q-pac,.q-box-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.q-div-input{float:left;width:100%;margin-top:10px;height:40px;}
.q-div-input input{float:left;text-indent:10px;width:100%;height:35px;box-sizing:border-box}

/*width*/
.q-w50{width:50%}


.href,.plink{cursor:pointer;color:#999}
.fl{float:left}
.fr{float:right}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}

.w100{width:100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w30{width:30%}
.w20{width:20%}
.w10{width:10%}
.w500{width:500px}
.fwc{display:flex;flex-wrap: wrap;justify-content: center;}

.cup{cursor:pointer;color:#888}



/* body{margin:0;padding:0} */
h3{margin:1%}
h3 a,h3 a:hover,h3 a:link,h3 a:visited,h3 a:active{text-decoration:none;color:#999}
/* input,select{border:1px #ddd solid;outline:none;border-radius:3px;background:white;height:30px} */
h3 .current{padding-left:10px}


h4{float:left;margin:0px 1% 5px 1%;border:1px #ddd solid;padding:8px;background:#eee;border-radius:5px;width:auto;}
h4 select{color:#999;font-size:14px;}
h4 input{margin-left:5px;margin-right:5px;width:150px;color:#999}
h4 button{color:#777;}
.page{height:40px;font:12px/40px arial;;text-indent:10px}
.page>a,.page>span{padding: 5px 10px 5px 10px;border: 1px #dddddd solid;cursor: pointer;}
.page>a{color: #444;text-decoration: none;}
.page .rows{float:right;margin-right:10px;width: 200px;height: 40px;font: 12px/40px arial;text-align: right;}
.page li{list-style:none}
.page .current{background:gray;color:white}

.ico-font-size20{font-size:20px}

.menuList{float: left;width: 98%;height:40px;margin: 10px 1%;background:#f2f2f2}
.menuList li{float:left;min-width:80px;padding:0 10px;font:16px/40px arial;text-align:center;cursor:pointer}
.menuList li.on{background:#ddd}

#apps{float:left;width:100%;min-width:820px}

.table_b{float:left;margin:1%;margin-top:0;background-color: #eee;width:98%;border-spacing:1px;border-collapse:inherit;opacity:0}
.table_b.on{opacity:1;transition: opacity 0.1s linear;}
.table_td_t {background-color: #ddd;height:40px;line-height: normal;}
.table_td_t img{margin-left:2px;height:12px}
.table_td_c {background-color: #FFFFFF;height:40px;font-size:12px;line-height: normal;}

.table_b tr:hover .table_td_c{background:#f2f2f2}
/* margin:2px 5px; */
.table_td_c button{padding: 0 6px;height:30px;background:red;color:white;border:none;border-radius:5px;font-size:12px;cursor:pointer}

.table_td_c .imgs{display:block;margin-top:4px;margin-bottom:4px;width: 40px;height: 40px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/40px arial;text-align:center;background-color:#f9eff0;background-size:100%;color: #de2f00;overflow:hidden}

td{padding:5px;height:40px;}
.table_b button{background:none;color:#de2e00}

/**/
.table_body::-webkit-scrollbar {display:block;}
.table_body::-webkit-scrollbar:vertical {width: 0px;}
.table_body::-webkit-scrollbar:horizontal{height:8px;}
.table_body::-webkit-scrollbar-thumb{border-radius: 8px;background-color: rgba(0, 0, 0, .2);}
.table_body{float: left;margin:1%;width: 98%;overflow: auto scroll;border:1px #eee solid}
.table_b.o{border-spacing:0px;width:100%}
.table_b.o td{border-bottom:1px #eee solid}
.table_b.on{margin:0;min-width: 1500px;}
.table_b.ons{margin:0;width:100%;opacity:1}
.table_b .tb-left{position:sticky;left:-1px;}
.table_b .tb-right{position:sticky;right:-1px;}
.table_b .tb-left:after,.table_b .tb-right:after{position: absolute;top: 0;content: "";right: 0;bottom: -1px;width: 30px;transform: translateX(100%);}
.table_b.tb_left .tb-left:after{box-shadow: inset 9px 0px 8px -8px rgba(0,0,0,.15);}

.table_b .tb-right:after{right:auto;left:-60px;}
.table_b.tb_right .tb-right:after{box-shadow: inset -9px 0px 8px -8px rgba(0,0,0,.15);}
.table_b .tabMore{float: right;padding-right: 10px;cursor: pointer;}
/**/


/*form*/
/*form*/
.form{float:left;width:100%;padding:10px 30px;box-sizing:border-box}
.form>ul>li{float:left;width:100%;margin:10px 0;font:12px/40px arial;display: flex;flex-direction: column;}
.form>ul>li .t{float:left;padding-right:5px;width:100%;text-align:left;font: 14px/20px arial;}
.form>ul>li> .t>i{padding-right:4px;color:red}

.form>ul>li>span{float:left;padding-right: 5px;text-align:right}
.form>ul>li>span.w100{width:100%;position:relative;display:flex;align-items: center;}
.form>ul>li>span.w100 .tips{position: absolute;left: 0;bottom: -30px;width: 100%;text-align: left;color: red;z-index:-1}
.form>ul>li.submit{display: flex;flex-direction: row;justify-content: center;}
.form input{width:100%;height:30px;border:1px #ddd solid;}
.form input[type=radio],.form input[type=checkbox]{width:fit-content;}
.form input.on{border:1px red solid}
.form select{width:100%;height:30px;border:1px #ddd solid;}
.form select.on{border:1px red solid}
.form textarea{width:100%;height:200px;border:1px #ddd solid;resize:none;}

.form .but{margin:auto;margin:5px 0;width:150px;height:40px;font:14px/40px arial;background:#ff673f;color:white;text-align:center;border-radius:5px;cursor:pointer;	display: flex;justify-content: center;}

.form .img_head{float: left;padding:0;width: 60px;height: 60px;background-color: #f9eff0;color:#de2f00;border-radius: 50%;	font: 30px/60px arial;text-align: center;background-size:100%;overflow:hidden}
.form .img_head img{max-width:100%;max-height:100%}
.form .img_head_up{heigh:60px;font:14px/60px arial;color:#de2e00;width:80px;cursor:pointer}
.form ul.radio{margin:0;display:flex;flex-direction:row}
.form ul.radio li{margin:0 20px;display:flex;align-items:center}

.form .sellist{position:relative;width:100%;}
.form .sellist .sel_list{position: absolute;padding:0;top: 35px;width:98%;min-height:40px;background: white;box-shadow: 0px 3px 5px 0px #aaa;z-index: 9;display:none;max-height:300px;overflow-y:auto;}

.form .sellist .sel_list.bottom{top:auto;bottom:36px;box-shadow: 0px -2px 5px 0px #aaa;}

.form .sellist .glyphicon{position: absolute;padding: 0;width: 10px;right: 20px;top: 14px;color: #aaa;}
.form .sellist.on .sel_list{display:block}
.form .sellist.on .sel_list li{float: left;width: 100%;height:40px;text-align: left;border-bottom: 1px #eee solid;padding-left: 10px;cursor:pointer}
.form .sellist.on .sel_list li:hover{background:#eee}
.form .sel_list::-webkit-scrollbar{display:block;}
.form .sel_list::-webkit-scrollbar:vertical {width: 3px;}
.form .sel_list::-webkit-scrollbar:horizontal{height:0px;}
.form .sel_list::-webkit-scrollbar-thumb{border-radius: 8px;background-color: rgba(0, 0, 0, .3);} 
.form .sel_list .list_loading{color:red;text-align:center}

.form .imgUp{float: left;width: 100px;height: 100px;border: 1px #eee solid;background: #f2f2f2;text-align: center;font: 30px / 100% arial;color: #888;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.form .imgUp img{width:100%;height:100%}

.form .inputs{padding: 5px 0;background: #f2f2f2;}
.form .inputs>li{float:left;width:100%;margin-left:5%;display: flex;align-items: center;}
.form .inputs>li span{float:left;width:20%;text-align:left}
.form .inputs>li input{float:left;width:60%;}

/*top*/
/*
#logo{float:left;  width: 100%;  height: 40px; }
#logo .title{float:left;width:200px;font:24px/40px arial;text-align:center;}
*/

/*
#navigation_bar{float:left;  width: 100%;  height: 50px;  background-color: #5677fc;}
#navigation_bar>ul{width: 100%; height: 50px;}
#navigation_bar>ul>li{float: left;  width: 100px;  height: 50px;  font:16px/50px arial; text-align: center;  margin: auto;}
#navigation_bar>ul>li>a{display:block;  width: 100px;  height: 50px;  color:white;text-decoration:none;}
#navigation_bar>ul>li:hover{background:#4f57ff}
#navigation_bar ul li #na_{background:#4f57ff;}
*/

#app_bg{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0.5;z-index:9998}
#app_loading{position:fixed;top:50%;left:50%;width:50px;height:50px;border:1px #f2f2f2 solid;border-radius:10px;background: white url("../images/loading.gif") center center no-repeat;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:9999}
#message{position:fixed;padding:5px 10px;border-radius:5px;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);bottom:15%;background:black;color:white;font-size:14px;z-index:999999}


/*left*/
#menu_bar{position:absolute;top:0px;bottom:0px;width: 150px;background-color: #eee;box-shadow:0 0 5px #ccc;display:none;overflow-x:auto;z-index:30}
#menu_bar #menu_top{float:left;padding-left: 5px;width:100%;height:50px;font:16px/50px arial;text-align:center;background:#de2f00;color:white;overflow:hidden;display: flex;align-items: center;justify-content: center;text-indent: 5px;}
/* #menu_bar #meu_1{float: left;  width:100%;padding-left: 10px;box-sizing:border-box} */
#menu_bar #menu{float: left;  width:100%;overflow: hidden}
#menu_bar #menu .ul1{float:left;width:100%;margin:0}
#menu_bar #menu .ul2{float:left;width:100%;margin:0;text-indent:30px;background:white;display:none}
#menu_bar #menu .ul1 .col{width:150px;text-indent: 10px;color: #333;font:16px/40px arial;cursor:pointer;overflow: hidden;}
#menu_bar #menu .ul1 .col>i{position: relative;top: 5px;}
#menu_bar #menu .ul2 li{height:30px;line-height:30px;font:14px/30px arial;color:#777;overflow:hidden}
#menu_bar #menu .ul2.on{position:fixed;left:35px;z-index:31;width:140px;border:1px #ddd solid;border-left:none;text-indent:20px;}
#menu_bar #menu .ul1 .col.on{background:#999}
#menu_bar #menu .ul2 li:hover,#menu_bar #menu .ul2 li.on{color:red;text-decoration:none;}
#menu_bar #menu .ul1 .col .ico{float: right;padding-right: 10px;}
#menu_bar #menu .ul1 .col .ico svg{transform: rotate(-90deg);color:#ff02008f}
#menu_bar #menu .ul1 .col.on .ico svg{transform: rotate(0deg);}


#menu_bar #userInfo{position: absolute;float: left;width: 100%;bottom: 0;}
#menu_bar #userInfo>ul>li{display: flex;align-items: center;justify-content: space-between;width: 150px;color: #333;font: 16px/48px arial;cursor: pointer;overflow: hidden;}
#menu_bar #userInfo>ul>li:hover{background:white}
#menu_bar #userInfo .imgs{float:left;display:block;margin-left:5px;width: 30px;height: 30px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/30px arial;text-align:center;background-color:#ffcbbd;background-size:100%;color: red;overflow:hidden}
#menu_bar #userInfo .info{float:left;font:12px/48px arial;text-indent:5px}
#menu_bar #userInfo .ico svg {transform: rotate(-90deg);color: #ff02008f;}

#menu_bar #userInfo .user_menu{position: fixed;bottom: 3px;left: 150px;min-width:150px;z-index: 99;box-shadow: 0px 1px 12px rgba(0,0,0,0.1);background:white;display:none}
#menu_bar #userInfo .user_menu>li{padding-left:10px;font:12px/36px arial}
#menu_bar #userInfo .user_menu>li:hover{background:#f2f2f2}
#menu_bar.on #userInfo .user_menu{left:35px}

#menu_bar #userInfo li:hover .user_menu{display:block}

#menu_bar #userInfo .user_menu>li .user_menus{position: absolute;top:0;left:100%;min-width:150px;z-index: 99;box-shadow: 0px 1px 12px rgba(0,0,0,0.1);background:white;display:none}
#menu_bar #userInfo .user_menu>li:hover .user_menus{display:block}
#menu_bar #userInfo .user_menu>li .user_menus>li{padding-left:10px}
#menu_bar #userInfo .user_menu>li .user_menus>li.on{color:red}
#menu_bar #userInfo .user_menu>li .user_menus>li:hover{background:#f2f2f2}

/* #menu_bar #menu>ul>.m{ font-size:14px;  color: #000000;  font-weight: 600;} */

/*content*/
#content{float:left;width:100%; min-height:300px;overflow-y:auto;display:none}
#content #home_page_content{float: left;margin-top:50px;padding-left:150px;;width: 100%;  height: calc(100% - 50px);}
#content #home_page_content #page_content{float:left;width:100%;  padding:20px 50px }
#content #home_page_content .toleft{position: absolute;background: #fa867e;margin-left: 34px;color:white;width:25px;height: 50px;font: 12px/50px arial;cursor:pointer;z-index: 99;-webkit-user-select: none;text-align:center}
	
#content #home_page_content .toright{position: absolute;background: #fa867e;color:white;width:25px;height: 50px;font: 12px/50px arial;cursor:pointer;z-index: 99;-webkit-user-select: none;text-align:center}


#content .right_top{padding-left:150px;width:100%;height:50px;box-shadow:1px 2px 2px 0px #eae7e8;position:fixed;top:0px;right:0px;background:#f9eff0;z-index:20;box-sizing:border-box;display: flex;justify-content: space-between;}
#content .right_top .list{margin:15px;cursor:pointer}

#content .right_top .top_title{padding: 0 10px;height: 50px;font: 16px/50px arial;}
#content .right_top .top_title .logo{float: left;margin: 10px;width: 30px;height: 30px;background: antiquewhite;border-radius: 50%;background-size:80%;background-position: center center;background-repeat: no-repeat;}
#content .right_top .top_title #pages_tree{padding-left: 20px;font-size: 12px;}

#content .right_top ul.set{float: right;margin-right:10px;width:auto;  height: 50px; }
#content .right_top ul.set>li{position:relative;float: right;padding:0 10px;height: 50px;  font:16px/50px arial; text-align: center;border-left:1px #eee solid;display: flex;align-items: center;}
#content .right_top ul.set>li a{color: #171414;  font-weight: 400;}
#content .right_top ul.set .meun{float:left;width:120px;border:1px #ddd solid;border-top:none;display:none;position: relative;z-index: 99;background: white;}


#content .right_top .user_menu{position: absolute;width: 150px;top:50px;right: -8px;float: left;border: 1px #eee solid;background: #fff;font:12px/40px arial;display:none}
#content .right_top .user_menu li{float:left;padding-left:20px;width:100%;text-align:left}
#content .right_top .user_menu li:hover{background:#ddd}
#content .right_top ul.set li:hover .user_menu{display:block}
#content .right_top ul.set .imgs{display:block;margin-top:4px;margin-bottom:4px;width: 40px;height: 40px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/40px arial;text-align:center;background-color:#f9eff0;background-size:100%;color: #de2f00;overflow:hidden}

#content .right_top .menu{width:-webkit-fill-available;border-left:1px #ddd solid;border-right:1px #ddd solid;overflow-y: scroll;background:#f2f2f2}
#content .right_top .menu::-webkit-scrollbar{display:none}
#content .right_top ul.menus{width:max-content;position:relative;left:0px}
#content .right_top ul.menus li{float:left;margin-right:2px;padding:0 15px;font:12px/50px arial;background: #fdfdfd;cursor:pointer;display:flex;align-items: center;-webkit-user-select: none;}
#content .right_top ul.menus li:hover,#content .right_top ul.menus li.on{background: #fbd3d7;}

#content .right_top ul.menus li .close{float:right;margin-left: 20px;margin-right: 0px;font-size: 12px;}

/*bottom*/
#db{float: left;  width: 100%;  height: 78px;  background-color: #E9EDFD; border: 1px solid #8e7b7b36; border-width: 2px 0 0 0;   text-align:center;line-height:78px;  color: #6B6D6E;  font-size: 12px;}

#tab{height: 100%}
#tab .tabs{float:left;width:100%;height:100%;display:none}
#tab .tabs.on{display:block}

/* box */
.qsbox_mask{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0.2;z-index:998}
.qsbox{position:fixed;top:50%;left:50%;max-width:80%;border-radius:5px;background: white;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);min-height: 0px;height: 0px;border: none;overflow: hidden;z-index:998;opacity:0}
.qsbox.on{height:auto;border:1px #f2f2f2 solid;}
.qsbox.ons{height:auto;border:1px #f2f2f2 solid;opacity:1;transition: opacity 0.3s linear;}
.qsbox.ons.right{transform:none;-webkit-transform:none;top:0;right:0;bottom:0;left:auto}

.qsbox .top{float:left;padding:0 10px;width:100%;height:40px;background:#f5f5f5;font:bold 14px/40px arial;cursor:move}
.qsbox .top .close{float:right;margin:0;width:20px;height:40px;text-align:center;font:16px/40px arial;cursor:pointer}
.qsbox .content{float:left;width:100%;max-height:680px;overflow-y:auto}
.qsbox.right .content{max-height:none;height:calc(100% - 40px)}
.qsbox .content .tips{float:left;width:100%}
.qsbox .content .tips .c{float:left;width:100%;min-height:100px;display: flex;justify-content: center;align-items: center;}
.qsbox .content .tips .c .svg.warning{width:40px;height:40px;margin-right:10px;background: url(../images/warning.svg) no-repeat;background-size:100%}
.qsbox .content .tips .button{float:left;width:100%;display: flex;justify-content: space-around;}
.qsbox .content .tips .button div{width:50%;font:14px/40px arial;background:#eee;color:#666;text-align:center;cursor:pointer}
.qsbox .content .tips .button .confirm{background:#b32500;color:white}

.qsbox .box_but{float:left;width:100%;height:60px;border-top:1px #eee solid;}
.qsbox .box_but .close,.box_but .but{float:right;margin:15px;background:#951e24;width:60px;height:30px;border:1px #eee solid;text-align:center;border-radius:5px;color:#333;font:12px/30px arial;cursor:pointer;opacity:1;text-shadow:none}
.qsbox .box_but .but{padding:0px;color:white}
.qsbox .box_but .close{color:#333;background:#eee}


.qsform{float:left;width:100%}
.qsform>ul{float:left;margin:10px auto;width:100%;}
.qsform>ul>li{margin-top:6px;font:12px/30px arial;color:#666}
.qsform>ul>li i{color:red}
.qsform>ul>li:first-child{float:left;width:20%;text-align:right;}
.qsform>ul>li:first-child font {padding-right:10px;display: block;text-align:right;line-height: 0.1;}
.qsform>ul>li:last-child{float:left;width:80%;}
.qsform li input,.qsform li textarea,.qsform li select{height:30px;width:70%;padding-left:10px;border:1px #eee solid;border-radius:4px}


.page{height:30px;font:12px/30px arial;;text-indent:10px}
.page>a,.page>span{padding: 5px 10px 5px 10px;border: 1px #dddddd solid;cursor: pointer;}
.page>a{color: #428bca;text-decoration: none;}
.page .rows{float:right;margin-right:10px;width: 200px;height: 20px;font: 12px/20px arial;text-align: right;}
.page li{list-style:none}

.pages{float:left;margin-left:1%;width:98%;height:40px;font:12px/40px arial;color:#444}
.pages input{margin:0;margin-right:5px;}
.pages .fl{padding-left:12px;display: flex;justify-items: center;align-items: center;}
.pages .fr{display: flex;justify-items: center;align-items: center;}
.pages .fr select{margin:0 5px;width:50px;height:28px;border:1px #ccc solid;border-radius:3px;background:white}
.pages .fr .pagination{margin:0;padding:0 20px}
.pages .fr .pagination li{float:left;margin-left:5px;min-width:30px;text-align:center;font:12px/26px arial;color:#444;border:1px #ccc solid;border-radius:3px;cursor:pointer}
.pages .fr li.first,.pages .fr li.last{color:#aaa;border:1px #fff solid}
.pages .fr li.ons{border:1px #fff solid}
.pages .fr .first.on,.pages .fr .last.on{color:#0078c1;border:1px #ccc solid}
.pages .fr li.more{font: 16px/16px arial;height: 26px;border:1px #fff solid}
.pages .fr .gopage{margin: 0 5px;width: 40px;height: 28px;border: 1px #ccc solid;text-align:center;border-radius:3px}
.pages .fr button{margin:0 0 0 5px;padding:0px 5px;border:1px #ccc solid;color:#444;border-radius:3px;height:28px;line-height:28px}