[v-cloak]{display:none}
::-webkit-scrollbar{display:none;}
body{position:fixed;top:0;left:0;right:0;bottom:0;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}


.table_b{margin:1%;background-color: #eee;width:98%;border-spacing:1px;border-collapse:inherit}
.table_td_t {text-align: center;background-color: #E8E8E8;height:40px}
.table_td_t img{margin-left:2px;height:12px}
.table_td_c {background-color: #FFFFFF;height:40px;font-size:12px}

.table_b tr:hover .table_td_c{background:#f2f2f2}

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

td{padding:0 5px;height:40px;}
/*
.tab0 {background-color: #eee;width:100%;border-spacing:1px;border-collapse:inherit}
.tab2 {background-color: #E8E8E8;}
.tab3 {background-color: #E8E8E8;text-align:center}
.tab4 {background-color: #FFFFFF;text-align:center}
.tab5 {background-color: #FFFFFF;}
td .gl{cursor:pointer}
*/

/*form*/
.form{float:left;width:100%;padding:30px;padding-top:10px;box-sizing:border-box}
.form>ul>li{float:left;width:100%;margin:10px 0;font:12px/30px arial;display: flex;justify-content: flex-start;align-items: center;flex-direction: row;}
.form>ul>li .t{float:left;padding-right:5px;width:120px;text-align:right}
.form>ul>li> .t>i{color:red}

.form>ul>li span{float:left;padding-right: 5px;width:20%;text-align:right}
.form input{width:80%;height:30px;border:1px #ddd solid;}
.form select{width:80%;height:30px;border:1px #ddd solid;}
.form textarea{width:80%;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;}

/*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: 5px;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;overflow:hidden}
#menu_bar #menu .ul2.on{position:fixed;left:35px;z-index:31;width:140px;text-indent:20px;}
#menu_bar #menu .ul2 a{font:14px/30px arial;color:#777}
#menu_bar #menu .ul1 .col.on{background:#999}
#menu_bar #menu .ul2 a:hover,#menu_bar #menu .ul2 a.on{color:red;text-decoration:none;}

/* #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%;  min-height: 300px;}
#content #home_page_content #page_content{float:left;width:100%;  padding:20px 50px }

#content .right_top{padding-left:150px;width:100%;height:50px;box-shadow:0 0 5px #ccc;position:fixed;top:0px;right:0px;background:white;z-index:20;box-sizing:border-box}
#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 ul.set .user_menu{position: absolute;width: 150px;top:50px;left:-40px;border: 1px #eee solid;background: #f2f2f2;display:none;overflow:hidden}
#content .right_top ul.set .user_menu li{float:left;padding-left:20px;width: 100%;text-align: left;}
#content .right_top ul.set li:hover .user_menu{display:block}
#content .right_top ul.set .icon_down{width:15px;height:15px}

/* #content .right_top ul.set_menu{height: 50px;font: 12px/50px arial;text-align: center;}
#content .right_top ul.set_menu li{float:left;width:80px;border-left:1px #eee solid} */
#content .right_top ul.set .user_menu li:hover{background: #de2f00;color:white;cursor:pointer}
/*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;}

/* 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}
.qsbox.on{height:auto;border:1px #f2f2f2 solid;}
.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:650px;overflow-y:auto}

.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}