body{padding:60px 0 0 0; }
.cmd-footer-vib{font-size:12px;color:#999;line-height:20px;padding:10px 20px; text-align:center;}
.w-6{width:60%;float:left;}
.w-5{width:50%;float:left;}
.w-4{width:40%;float:left;}
.fw{font-weight:600;}
.max-body{height:100%;overflow-y:auto;}
/**Login**/
.slogan-bar{display:inline-block;width:360px;height:380px;overflow:hidden;background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.05); position:absolute; top:50%;left:50%;margin:-190px 0 0 -180px; border-radius:5px;}
.slogan-tip{border-bottom:1px solid #efefef;}
.tab-tip{width:50%;float:left; height:48px;line-height:48px;overflow:hidden;color:#353535;font-size:18px;font-weight:500;}
.tab-tip.on{position:relative;z-index:1;color:#353535;}
.tab-tip.on::after{content:"";width:68px;height:3px;position:absolute;bottom:0;left:0;background:#007AFF;}
.slogan{padding:30px 30px;}
.slogan .prepv{}
.slogan .t-input{border:1px solid #ced0da;height:46px;width:100%;border-radius:3px;color:#666;font-size:15px;}
.slogan input.t-input::-webkit-input-placeholder { color:#aab2bd; font-size:15px; }
.slogan .el-button{height:50px;font-size:18px;}
.slogan .t-input:focus{border-color:#cdd8ef;box-shadow:0 0 15px #cdd8ef;}
.msg-error{font-size:13px;color:#ff3300;text-align:left; line-height:20px;height:20px;overflow:hidden;}
.tips{font-size:12px;color:#999;line-height:1.5;}

.cmd-header{padding:0 15px; background-color:#222430; position:fixed;top:0;left:0;z-index:5;}
.cmd-logo{color:#fff; font-family:"kaiti";font-size:26px;height:40px;line-height:40px;background:url(../img/pc.png) 0 center no-repeat; background-size:40px auto;padding-left:50px; font-weight:600; }
.cmd-show-time{color:#fff;font-family:"kaiti"; font-size:18px;height:40px;line-height:40px;}
.cmd-more,.cmd-icon-qxt,.cmd-icon-font{width:24px;height:24px;background:#f2f6fc url(../img/right.png) center center no-repeat; background-size:16px;display:block;border-radius:2px;text-align:center;}
.cmd-icon-font{background:none;font-size:24px;color:#999;cursor: pointer;}
.cmd-icon-font:hover{color:#007AFF;}
.cmd-more{background-image:none;font-size:12px;line-height:24px;}
.cmd-icon-qxt{margin-top:0;background-image:url(../img/qxt.png);cursor:pointer;}
.cmd-icon-qxt:hover,.cmd-more:hover{background-color:#007AFF;color:#fff;}
.out-item-nav{background-color:#f2f6fc; border-radius:5px; padding:8px 9px;}
.grid-rows{display:grid; grid-template-columns:repeat(7, minmax(50px, 1fr)); grid-gap: 10px;}
.cmd-row{background-color:#fff;border-radius:6px;padding:9px;border:1px solid #f5f5f5; }
.cmd-span-text{height:30px;line-height:30px;}
.cmd-span-text::before{content:""; width:8px;height:8px;background-color:#2878ff;float:left;border-radius:2px;overflow:hidden;margin:11px 6px 0 0;}
.cmd-span-tip{height:30px;line-height:30px;font-size:12px;color:#787878;}
.cmd-last-tip{height:24px;list-height:24px;color:#353535;font-size:12px;} 
.r-tip{color:#ff3300;}

.e-set-pull,.e-set-clear{height:30px;line-height:30px;cursor:pointer;}
.e-set-clear{font-size:12px;color:#888; }
.e-set-pull::after{content:"展开";font-size:12px;color:#007AFF;}
.e-set-pull.open::after{content:"收起";color:#666;}

.cmd-span-t{font-size:13px;color:#666;height:24px;line-height:24px;}
.cmd-span-a{font-size:24px;height:46px;line-height:46px;}
.cmd-span-b{font-size:12px;height:24px;line-height:24px;color:#666;display:inline-block;} 
.cmd-span-c{font-size:12px;height:20px;line-height:20px;color:#666;}
.lab-unit{display:inline-block;font-size:13px;padding:0 0;color:#666;}
.sx-main{border:1px solid #ededed; }
.hm-main{border:0;}
.batmart{width:120px;border-right:1px solid #efefef;}
.dsplat{position:absolute;top:50%;margin-top:-39px;}
.sxabk{background-color:#f6f7f8;width:50px;line-height:70px; text-align:center;font-size:15px; }

.sx-main{background-color:#fff;}
.sx-main .cmd-span-a{font-size:20px;height:30px;line-height:30px;}
.sx-main .cmd-span-b{font-size:12px;height:24px;line-height:24px;} 
.sx-main .lab-unit{font-size:13px; padding-left:3px;} 
.red-a{color:#ff0000;}.red-b{color:#32CD32;}
.sq-va,.sq-vb{color:#2878ff; font-weight:600;}
.sq-vb{color:#ff3300;}

.grid-mg{display:grid; grid-template-columns:repeat(3, minmax(50px, 1fr)); grid-gap:10px;}
.mg-item-grid{height:50px;background-color:#f2f6fc;border-radius:5px;}
.mg-tball{padding-right:10px;}
.tbal-el-a{height:50px;line-height:50px;font-size:13px;padding-left:10px;color:#555;}
.tbal-el-b{height:50px;line-height:50px;font-size:18px;padding-left:10px;}
.mg-item-grid .lab-unit{height:50px;overflow:hidden; line-height:54px;padding-left:5px; font-size:12px;}
/** 动态弹窗 **/
.dialog{z-index:3;} .dialog .bg{position:absolute;z-index:-1;left:0;top:0;}
.cmd-input-code{height:100px; width:100%;padding:10px 10px;}
.code-input{width:100%;height:100%;border:1px solid #efefef; text-align:center; border-radius:5px; font-size:28px; }
.code-input:focus{box-shadow: 0 0 10px #ddd;}

/**/
.cmd-seter-bom{border-bottom:1px solid #efefef;}
.cmd-seter-item{display:inline-block;height:36px;line-height:32px;font-size:13px;color:#353535;padding:0 10px; cursor:pointer;}
.cmd-seter-item.on{font-size:13px;font-weight:600; color:#2878ff;position:relative;z-index:1; }
.cmd-seter-item.on::after{content:""; width:24px; height:4px;border-radius:2px;background-color: #2878ff;display:block;position:absolute;bottom:0;left:50%;margin-left:-12px;}

/****/
.dislog-main-qxt{background-color:#fff;position:absolute;bottom:0;left:0;z-index:11;}
.btn-dis-colse{background:url(../img/colse.png) center center no-repeat; background-size:21px; width:30px;height:30px; cursor: pointer;}
.dis-icon-qxt{background:url(../img/qxt.png) left center no-repeat; background-size:21px; padding-left:30px; margin-left:20px;}
.a-item-change{display:inline-block;padding:0 10px; font-size:13px;background-color:#eee;border-radius:3px;margin-right:10px;height:24px;line-height:24px; cursor: pointer;}
.a-item-change.on{background-color:#e9f1ff;color:#2878ff;font-weight:600;}

/***/
.btn-refresh,.btn-vwfresh{height:30px;line-height:30px;cursor:pointer; font-size:13px;color:#333;}
.btn-refresh:hover,.btn-vwfresh:hover{color:#2878ff;}
.btn-refresh .iconfont,.btn-vwfresh .iconfont{ height:20px;line-height:20px;overflow:hidden;; font-size:18px;float:left; margin-top:5px;margin-right:3px;}

/** 右侧弹窗控件 **/
.dia-right-main{width:420px;height:100%;background-color:#fff;padding:60px 0 10px 0;float:right; }
.row-lays{display:flex; flex-direction:column; height:100%; }
.row-cell{ flex-grow: 1; overflow:auto; display: flex; align-items: flex-start; }

/******/
.reset-from{}
.r-lab-name{height:30px;line-height:30px;font-size:14px;}
.reset-from .form-prev{ width:100px;}
.ilab-time{background-color:#f2f6fc;}
.ilab-text{font-size:15px; color:#2878ff; }
.ilab-time b{color:#111;font-size:13px;}

/****/
.cmd-tip-error{font-size:12px;color:#ff3300; line-height:20px;padding:5px;}
.cmd-tip-error:before{content:"";width:8px;height:8px;font-size:12px;font-weight:600;color:#fff;background-color:#ff3300;border-radius:50%;display:block;text-align:center;float:left;margin:6px 5px 0 5px;}

/****/
.container_box{height:100%;padding:10px 0;}
.col_side{width:240px;height:100%;padding:15px; border-right:1px solid #efefef;}

.menu-units{padding:0 15px;overflow:hhidden;border-radius:9px;}
.menu-units-span{width:20px;height:20px;overflow:hidden;margin-top:10px; margin-right:10px;}
.menu-units-label{height:40px;line-height:40px;font-size:14px;color:#0f1115; padding-left:10px;}
.menu-header-name{color:#888;line-height:30px;font-size:12px; padding-left:10px;}
.menu-units.on{background-color:#e4edfd;}
.menu-units.on .menu-units-label{color:#3964fe;font-weight:600;}
.bosunt{height:30px;line-height:30px;font-size:14px;color:#666;}

.sptable{display:inline-block;width:100px;}

.self-input-date{width:140px;height:30px;padding:0 10px; font-size:14px;}

/**/
.diag-main{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;}
.diag-main .bg{background-color:rgba(0,0,0,.15);width:100%;height:100%;}
.diag-m-chage{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;width:60%;max-width:240px;background-color:rgba(51,52,63,1);padding-top:15px;}
.item-diag{padding:0 10px;}
.icon-item{width:20px;height:20px;margin:10px;text-align:left;line-height:20px;color:#fff; font-size:21px;overflow:hidden;}
.icon-item-name{height:40px;line-height:40px;color:#fff;font-size:15px;}
.seg-tips{font-size:13px;line-height:30px;color:#fff;}
.segment{ padding:10px 0;}
.seg-av{width:32px;height:32px;background:url(../img/kimi.png) center center no-repeat; background-size:32px 32px;}

.seg-content{ font-size:14px; line-height:1.6; background-color:rgba(0,0,0,.05); border-radius:5px;padding:10px 10px; float:left; max-width:95%;position:relative; color:#353535;}
.seg-content b.lang{min-width:60px;display: inline-block;}
.seg-time{font-size:13px;line-height:20px;color:#757575; margin-top:5px;}
.seg-status{font-size:10px;position:absolute;left:100%;bottom:0;margin-left:5px;z-index:1;background-color:#e9f1ff;padding:2px 4px;float:left;display:inline-block; min-width:42px; text-align:center;border-radius:3px;}
.seg-send{}
.seg-send .seg-content{float:right; max-width:80%; background-color:#e9f1ff; background-color:#2878ff; color:#fff;}
.maxh{height:100%;overflow-y:auto;position:absolute;left:0;top:0;z-index:1;padding-bottom:50px;}
/******/
.diag-footer{border-top:1px solid rgba(255,255,255,.2); background-color:rgba(65,66,76,1); padding:15px 0; }
.res-btn{font-size:14px;padding:5px 8px; border-radius:3px; border:1px solid #d5d5d5;float:left;margin-right:10px;}
.diag-title{font-weight:600;font-size:15px;line-height:20px; color:rgba(255,255,255,.78);}
.out_page_status{padding:0 15px 15px 15px;}
.out_page_status span{font-size:12px;padding:4px 10px;color:#888;}
/**/
.btn-post{padding:8px 15px;width:100%;}
.from-label{display:block;color:#fff;min-width:100px;height:40px;line-height:40px;text-align:right;}
.from-select{height:40px;padding:0 12px;}
.from-textarea{ line-height:1.5;padding:12px; min-height:180px;}
@media (max-width:640px) {
    .segment{padding:12px 12px 0 12px;}
	.seg-content{padding:9px 10px;}
	.from-label{min-width:60px; display:none;}
}
.dot-loader{float:left;padding-left:10px;}
.dot-loader span {
  display: inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background-color: rgba(0,0,0,1);
  margin-right:8px;
  animation:dot-pulse 1s infinite ease-in-out;
}
 
.dot-loader span:nth-child(2) {
  animation-delay: 0.3s; /* 稍微延迟第二个圆点的动画 */
}
 
.dot-loader span:nth-child(3) {
  animation-delay: 0.6s; /* 稍微延迟第三个圆点的动画 */
}
 
@keyframes dot-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5); /* 让圆点稍微放大 */
  }
}

.out-item-nav{background-color:#f2f6fc; border-radius:5px; padding:8px 9px;}
.grid-rows{display:grid; grid-template-columns:repeat(7, minmax(50px, 1fr)); grid-gap: 10px;}
.cmd-row{background-color:#fff;border-radius:6px;padding:9px;border:1px solid #f5f5f5; }
.cmd-span-text{height:30px;line-height:30px;}
.cmd-span-text::before{content:""; width:8px;height:8px;background-color:#2878ff;float:left;border-radius:2px;overflow:hidden;margin:11px 6px 0 0;}
.cmd-span-tip{height:30px;line-height:30px;font-size:12px;color:#787878;}
.cmd-last-tip{height:24px;list-height:24px;color:#353535;font-size:12px;} 
.r-tip{color:#ff3300;}

.cmd-span-t{font-size:13px;color:#666;height:24px;line-height:24px;}
.cmd-span-a{font-size:24px;height:46px;line-height:46px;}
.cmd-span-b{font-size:12px;height:24px;line-height:24px;color:#666;display:inline-block;} 
.cmd-span-c{font-size:12px;height:20px;line-height:20px;color:#666;}
.lab-unit{display:inline-block;font-size:13px;padding:0 0;color:#666;}
.sx-main{border:1px solid #f5f5f5; }
.hm-main{border:0;}
.batmart{width:120px;border-right:1px solid #efefef;}
.dsplat{position:absolute;top:50%;margin-top:-39px;}
.sxabk{background-color:#f6f7f8;width:50px;line-height:74px; text-align:center;font-size:15px; }
.sq-va,.sq-vb{color:#2878ff; font-weight:600;}
.sq-vb{color:#ff3300;}


.diag-footer-msg{padding:14px;}
.diag-msg-main{background-color:rgba(65,66,76,1);padding:4px;border-radius:24px;}
.input-msg{height:40px;padding:0 10px;background:transparent;border:transparent;color:rgba(255,255,255,.8); font-size:16px;}
.input-msg::placeholder{color:rgba(255,255,255,.35);font-size:14px;}
.btn-send-tg{background-color:#2878ff;width:60px;height:32px;border-radius:16px;border:transparent;margin:4px;line-height:32px;color:#fff;text-align:center; font-size:13px;}

/**/
.diag-form{ padding:5px 0 15px 0; background-color:rgba(65,66,76,1); background-color:#414158; border-top:1px solid rgba(255,255,255,.15); border-top-left-radius:10px;border-top-right-radius:10px; position: absolute; bottom:0;left:0;z-index:2; }
.btn-submit,.btn-resite{font-size:15px;padding:8px 10px; border-radius:5px;}
.btn-submit{ background-color:#4d6bfe; color:#fff; border:1px solid #2878ff; }
.btn-resite{border:1px solid rgba(255,255,255,.15); color:rgb(186 186 193); background:transparent; }
.form-text{height:34px;line-height:34px;font-size:14px; color:rgba(255,255,255,.75);}
.tform-fw{color:#fff;font-weight:600;}
.t-btn-close{background:url(../img/t-btn-close.png) center center no-repeat; background-size:22px; width:32px;height:32px; cursor:pointer;}
.t-btn-close:before,.t-btn-close::after{}