* {
   margin:0;
   padding:0;
   box-sizing:border-box;
}

html,body {
   height:100%;
   width:100%;
   overflow:hidden;
}

BODY {
   display:flex;
   flex-direction:column;
   font-size:12px;
   color:#475;
   font-family:"微软雅黑","宋体",Arial;
   line-height:1;
}

strong {
   color:red;
}

img {
   border:0;
}

input.ss {
   border:1px solid #8b9;
   width:360px;
   height:22px;
   line-height:22px;
   font-size:14px;
}

input.wbkc {
   BORDER:1px solid #8b9 1px solid;
   height:18px;
   COLOR:#353;
   text-align:center;
}

input.wbkl {
   BORDER:1px solid #8b9 1px solid;
   height:18px;
   COLOR:#353;
   padding-left:2px;
}

input.wbkr {
   BORDER:1px solid #8b9 1px solid;
   height:18px;
   COLOR:#353;
   text-align:right;
   padding-right:2px;
}

input.txt {
   BORDER:1px solid #8b9 1px solid;
   height:18px;
   COLOR:#353;
   padding-left:2px;
}

input.btn {
   height:24px;
   cursor:pointer;
}

table {
   border-collapse:collapse;
   border:0;
   border-spacing:0;
}

textarea {
   display:block;
   resize:none;
}

a {
   text-decoration:none;
}

h2 {
   flex:0 0 24px;
   height:24px;
   background-color:#697;
   color:#fff;
   font-size:12px;
   padding-left:12px;
   line-height:24px;
   border-left:12px solid #000;
   overflow:hidden;
}

h2 input, h2 span, h2 button, h2 i, h2 select {
   float:right;
}

h2 input, h2 select {
   height:20px;
   line-height:20px;
   border:0;
   background-color:#cfd;
   color:#444;
   margin:2px;
   padding:0 8px;
   cursor:pointer;
}

h2 input[type=text] {
   background-color:#fff;
   margin-right:0;
   cursor:auto;
   border-radius:4px 0 0 4px;
}

h2 select {
   padding:0 4px;
   max-width:300px;
   cursor:auto;
}

h2 button {
   margin:2px 4px;
}

h2 i {
   width:20px;
   height:20px;
   line-height:20px;
   background-color:#475;
   color:#fff;
   margin:2px;
   padding:4px 0;
   text-align:center;
   border-radius:50%;
   cursor:pointer;
}

.cls {
   clear:both;
}

#tmenu {
   flex:0 0 28px;
   height:28px;
   display:flex;
   line-height:28px;
   background-color:#222;
   color:#eee;
   padding:0 20px;
   overflow:hidden;
}

#tmenu .tml {
   flex:1 0 40%;
}

#tmenu .tmr {
   flex:1 0 40%;
   text-align:right;
}

#tmenu a {
   color:#fff;
   margin:0 6px;
}

#tmenu b {
   flex:0 1 18%;
   text-align:center;
   color:#fff;
   overflow:hidden;
}

#tmenu input[type=password], #tmenu input[type=submit], #tmenu select, #bbar select {
   height:20px;
   line-height:20px;
   border:0;
   background-color:#666;
   color:#fff;
   padding:0 4px;
}

#tmenu input[type=submit] {
   background-color:#888;
   color:#fff;
   margin-left:4px;
   padding:0 8px;
}

#main {
   flex:1 1 auto;
   display:flex;
   height:calc(100% - 56px);
   padding:10px;
}

#site {
   flex:0 0 auto;
   display:flex;
   flex-direction:column;
   width:300px;
   min-width:150px;
   max-width:500px;
   overflow:hidden;
}

#wztp {
   height:calc(100% - 24px);
   overflow:hidden;
   overflow-y:auto;
}

#lbar,#rbar {
   flex:0 0 auto;
   width:4px;
   height:100%;
   margin:0 3px;
}

#lbar:hover,#rbar:hover {
   background-color:#ccc;
   cursor:col-resize;
}

#bbar {
   flex:0 0 28px;
   display:flex;
   background-color:#222;
   color:#fff;
   padding:0 20px;
   align-items:center;
}

#mess {
   flex:1 0 auto;
}

#xgxm {
   flex:0 0 auto;
   margin-right:10px;
}

#info {
   flex:0 1 auto;
}

#winm {
   position:fixed;
   left:5px;
   bottom:28px;
   padding:10px;
   color:#fff;
   line-height:1.6;
   background-color:rgba(0,0,0,0.7);
   z-index:997;
   display:none;
}

#bbar:hover #winm {
   display:block;
}

#menu {
   flex:0 0 auto;
   display:flex;
   flex-direction:column;
   width:300px;
   min-width:150px;
   max-width:500px;
   overflow:hidden;
}

.mnr {
   flex:2 1 auto;
   border:1px solid #697;
   margin-top:10px;
   background-color:#fff;
   overflow:hidden;
}

#menu .mnr {
   max-height:calc(100% - 192px);
}

#menu .mnr.w0 {
   flex:1 0 auto;
   max-height:calc((100% - 340px) / 2);
}

#menu .mnr.w1 {
   flex:2 1 auto;
   max-height:calc((100% - 340px) / 2);
}

.mnr:first-child {
   flex:0 0 auto;
   margin-top:0;
}

.mnr .dt {
   padding:6px;
   overflow:auto;
   max-height:calc(100% - 24px);
}

.dt li {
   margin:4px;
}

.dt li a {
   font-size:16px;
   color:#444;
}

#site .mnr:first-child {
   display:flex;
   height:24px;
   border:none;
   justify-content: space-between;
}

#site .mnr:first-child input {
   flex:0 0 94px;
   border:1px solid #475;
   background-color:#eee;
   cursor:pointer;
   line-height:24px;
}

#wwz,#wjx,#wbf,#wmk,#wdm {
   height:calc((100% - 44px) / 2);
}

#wbf,#wmk,#wdm {
   display:none;
}

#wtp {
   display:none;
   height:calc(100% - 34px);
}

#htgl {
   flex:1 1 auto;
   min-width:400px;
}

#htgl form {
   display:flex;
   flex-direction:column;
   height:100%;
}

.an {
   flex:0 0 46px;
   position:relative;
   text-align:center;
   background-color:#697;
   line-height:46px;
}

.an input[type=submit], .an input[type=button], .an input[type=reset] {
   height:26px;
   border:2px solid #888;
   margin:2px 4px;
   padding:0 8px;
   background-color:#ddd;
   line-height:24px;
   cursor:pointer;
}

.an .ml {
   position:absolute;
   left:20px;
   top:11px;
   height:24px;
   line-height:24px;
   color:#ddd;
}

.an .mr {
   position:absolute;
   right:20px;
   top:11px;
   height:28px;
   line-height:28px;
   color:#ddd;
}

.an .mr .qr {
   display:none;
   position:absolute;
   right:12px;
   bottom:22px;
   outline:2px solid #888;
}

.an .mr:hover .qr {
   display:block;
}

.an1 {
   flex:0 0 30px;
   text-align:center;
   background-color:#bec;
   line-height:30px;
   overflow:hidden;
}

.dht {
   position:relative;
   height:24px;
   line-height:22px;
   margin:3px auto;
   white-space:nowrap;
}

.dht div {
   display:inline-block;
   height:24px;
   margin:0 4px;
}

.dht span {
   display:inline-block;
   height:24px;
   color:#9b9;
}

.dht a, .dht b {
   display:inline-block;
   height:24px;
   background-color:#cfd;
   color:#253;
   margin:0 4px;
   padding:0 6px;
   border:1px solid #888;
}

.an2 {
   top:24px;
   bottom:auto;
   background-color:#bec;
}

.an2 input[type=text] {
   width:60%;
   height:26px;
   line-height:24px;
   border:1px solid #aaa;
}

.an2 input[type=submit] {
   height:26px;
   line-height:24px;
   border:1px solid #aaa;
   margin:0 2px;
}

.bgzt {
   flex:1 1 auto;
   height:100%;
   overflow:auto;
   border:1px solid #697;
   border-top:none;
   border-bottom:none;
}

.bgzt.bbj {
   top:70px;
   bottom:76px;
}

.bgzt.tpj {
}

.bgzt table {
   min-width:100%;
   min-height:100%;
}

.bgzt th {
   color:#fff;
   background-color:#9ca;
   padding:0 4px;
}

.bgzt th, .bgzt td {
   position:relative;
   height:24px;
   border:1px solid #8b9;
   line-height:24px;
   white-space:nowrap;
}

.bgzt .l {
   text-align:left;
   padding-left:2px;
}

.bgzt .c {
   text-align:center;
}

.bgzt .r {
   text-align:right;
   padding-right:2px;
}

.bgzt .m {
   color:red;
}

.bgzt td input[type=text] {
   height:100%;
   width:100%;
   border:0;
   text-indent:4px;
   background-color:#eee;
   line-height:100%;
}

.bgzt td input[type=checkbox], .bgzt td input[type=radio] {
   margin:0 6px;
}

.bgzt td textarea {
   height:100%;
   width:100%;
   border:0;
   padding:4px;
   background-color:#eee;
   line-height:1.5;
}

.bgzt td select {
   height:100%;
   width:100%;
   border:0;
   background-color:#eee;
   line-height:100%;
}

.bgzt input[type=submit],.bgzt input[type=button] {
   height:22px;
   border:1px solid #888;
   margin:1px 4px;
   padding:0 8px;
   background-color:#ddd;
   line-height:21px;
   cursor:pointer;
}

.bgzt td.ta {
   height:100%;
   white-space:normal;
}

.bgzt td.ta textarea {
   position:absolute;
   left:40px;
   top:0;
   bottom:0;
   right:0;
   width:calc(100% - 40px);
   font-family:"Source Code Pro","Courier New",Monaco,Arial;
   font-size:12px;
   overflow:auto;
   white-space:nowrap;
   outline:none;
   background-color:#fff;
}

.bgzt td.ta .lnum {
   position:absolute;
   left:0;
   top:0;
   bottom:0;
   width:40px;
   height:100%;
   background-color:#ddd;
   overflow:hidden;
   padding:4px;
   font-size:12px;
   text-align:center;
   line-height:1.5;
}

.bgzt td.ta .tpxs {
   position:absolute;
   left:0;
   top:0;
   height:100%;
   width:100%;
   /*bottom:0;
   right:0;
   */
 padding:5px;
   overflow-x:hidden;
   overflow-y:auto;
}

.bgzt td td {
   border:0;
}

.tp {
   position:relative;
   display:inline-block;
   width:200px;
   height:200px;
   margin:4px 0 0 4px;
   border:1px solid #ccc;
   background:no-repeat center / contain #eee;
   overflow:hidden;
}

#wztp .tp {
   width:266px;
}

.tp:hover {
   background-color:#000;
}

.tp img, .tp video {
   position:absolute;
   max-width:100%;
   max-height:100%;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   transition:all 1s;
   cursor:pointer;
}

.tp:hover img, .tp:hover video {
   /*min-width:100%;*/
   /*min-height:100%;*/
   max-width:250%;
   max-height:250%;
}

.tp label, .ulf label {
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   height:20px;
   line-height:20px;
   color:#fff;
   background-color:rgba(0,0,0,0.5);
   transition:all 1s;
   white-space:nowrap;
   overflow:hidden;
}

.tp:hover label {
   background-color:rgba(200,200,200,0.1);
}

.tp label input[type=text] {
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   height:20px;
   line-height:20px;
   text-align:center;
   border:0;
   z-index:2;
   display:none;
}

.tp .btn {
   position:absolute;
   right:2px;
   top:2px;
}

.tp .btn span {
   float:right;
   width:20px;
   height:20px;
   margin-left:2px;
   text-align:center;
   line-height:20px;
   font-size:10px;
   color:#fff;
   background-color:#888;
   cursor:pointer;
   border-radius:50%;
}

.tp .msg {
   position:absolute;
   left:2px;
   bottom:22px;
   line-height:1.4;
   font-size:10px;
   color:#444;
   transition:all 1s;
}

#wztp .tp .msg {
   bottom:2px;
}

.tp:hover .msg {
   color:#eee;
}

.ulf {
   position:relative;
   display:inline-block;
   width:200px;
   height:200px;
   margin:4px 0 0 4px;
   border:1px solid #ccc;
   background:no-repeat center / contain #eee;
   overflow:hidden;
}

.ulf i {
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
   font-size:100px;
   text-align:center;
   line-height:200px;
   color:#bbb;
   z-index:1;
}

.ulf input[type=file] {
   position:absolute;
   right:0;
   top:0;
   height:100%;
   font-size:96vw;
   opacity:0;
   z-index:2;
}

.ulf .btn {
   position:absolute;
   right:2px;
   top:2px;
   z-index:3;
}

.ulf .btn span {
   float:right;
   width:20px;
   height:20px;
   margin-left:2px;
   text-align:center;
   line-height:20px;
   font-size:10px;
   color:#fff;
   background-color:#888;
   cursor:pointer;
   border-radius:50%;
}

.bgzt.bls table {
   min-height:0;
}

.bgzt.bls input[type=text],.bgzt.bls textarea {
   min-width:100%;
   left:0;
   top:0;
   height:24px;
   overflow:hidden;
}

.bgzt.bls input[type=text]:focus {
   background-color:#fff;
}

.bgzt.bls textarea:focus {
   position:absolute;
   height:200px;
   z-index:99;
   overflow-y:auto;
   background-color:#fff;
}

.bgzt.bls tr:nth-of-type(n+15) textarea:focus {
   bottom:0;
   top:auto;
}

.bgzt .tpyl {
   height:209px;
}

#winb {
   position:absolute;
   left:0;
   top:0;
   bottom:0;
   right:0;
   background-color:rgba(0,0,0,0.5);
   z-index:999;
   display:none;
}

#win {
   position:absolute;
   left:50%;
   top:50%;
   width:800px;
   height:600px;
   margin-left:-400px;
   margin-top:-300px;
   background-color:#fff;
   overflow:hidden;
   box-shadow:10px 10px 10px #444;
}

#win form {
   display:flex;
   flex-direction:column;
   height:100%;
}

#mwin1 {
   display:none;
}

.dyjg h1 {
   height:80px;
   line-height:80px;
   color:#000
}

.dyjg table {
   width:100%;
}

.dyjg th {
   color:#fff;
   background-color:#000;
}

.dyjg td {
   color:#000;
}

.dyjg th, .dyjg td {
   height:30px;
   border:1px solid #888;
   line-height:30px;
   white-space:nowrap;
   padding:0 4px;
}

.dyjg .l {
   text-align:left;
}

.dyjg .c {
   text-align:center;
}

.dyjg .r {
   text-align:right;
}