@media screen and (max-width: 1067px) {
    .container{
        width: 100%;
        max-width: 500px;
    }
    .columns .label-group{
        columns: 500px;
        -moz-columns: 500px;
        -webkit-columns: 500px;
    }
}
@media screen and (min-width: 1068px){
    .container{
        width: 778px;
    }
    .columns .label-group{
        columns: 370px;
        -moz-columns: 370px;
        -webkit-columns: 370px;
    }
}
@media screen and (min-width: 1260px){
    .container{
        width: 960px;
    }
    .columns .label-group{
        columns: 308px;
        -moz-columns: 308px;
        -webkit-columns: 308px;
    }
}
@media screen and (min-width: 1500px){
    .container{
        width: 1170px;
    }
    .columns .label-group{
        columns: 378px;
        -moz-columns: 378px;
        -webkit-columns: 378px;
    }
}
/**flex布局*/
.d-flex{
    display: flex!important;
    flex-wrap: wrap;
}
.d-inline-flex{ display: inline-flex!important;}
.flex-column{
    flex-direction: column;
}
/*flex-wrap-no*/
.flex-nowrap{
    flex-wrap:nowrap!important;
}
/*flex-justify-content-between*/
.justify-space-between{
    justify-content: space-between;
}
/*flex-justify-content-center*/
.justify-center{
    justify-content: center;
}
.justify-end{
    justify-content: flex-end;
}
.justify-space-around{
    justify-content: space-around;
}
.flex-grow-0{
    flex-grow: 0 !important;
}
.flex-grow-1{
    flex-grow: 1 !important;
}
.flex-shrink-0{
    flex-shrink: 0 !important;
}
.flex-shrink-1{
    flex-shrink: 1 !important;
}
.flex-right{
    flex:1;
    text-align: right;
}
.item-right{
    margin-left: auto;
}
.d-flex .divider{
    flex:1;
}
/*flex-align-self-end*/
.align-self-end{
    align-self:end;
}
/*flex-align-items-center*/
.align-items-center{
    align-items: center;
}
.align-items-end{
    align-items: flex-end;
}
/*flex-box*/
.box-sizing-border{margin-bottom: 5px;box-sizing: border-box}

/*marginstyle默认14px .85 12px*/
.ma-1{margin: .3rem}
.ma-2{  margin:0.6rem }
.ma-3{  margin: 0.85rem  }
.ma-4{  margin: 1.25rem  }
.ma-b-4{  margin-bottom: 1.25rem  }
.ma-t-2{ margin-top: 0.6rem;  }
.ma-r-2{ margin-right: 0.6rem}
.ma-y-3{ margin:.85rem 0}
.ma-y-2{ margin:.6rem 0}
.ma-y-1{ margin:.3rem 0}

/*paddingstyle默认14px .85 12px*/
.pa-t-0{padding-top: 0!important;}
.pa-1{padding:0.1rem}
.pa-2{padding: .6rem}
.pa-3{padding: .85rem}
.pa-t-3{ padding-top: .85rem}
.pa-l-3{ padding-left: .85rem!important;}
.pa-r-4{
    padding-right: 1.25rem;
}
.pa-4{padding: 1.25rem}
.pa-5{padding: 1.5rem}
.pa-y-3{ padding:.85rem 0}
.pa-x-4{padding-left: 1.25rem!important; padding-right: 1.25rem!important;}
.pa-b-4{padding-bottom: 1.25rem!important;}
/*图标*/
.icon-nav{
    /*font-size: 1.24rem;*/
    padding-right: 1.25rem;
    color: rgb(130 130 130 );
    background-color:transparent;
}
.icon-nav:hover{cursor: pointer;color: RGB(255,121,26)}

/*对齐*/
.txt-center{
    text-align: center;
}
.txt-right{
    text-align: right;
}

.border-danger{
    border:1px solid #e74c3c;
}

/*displaystyle*/
.d-block{ display: block!important;}
.d-inline-block{display: inline-block!important;}
.dis-inline-block{display: inline-block; }


/*字体font-1-2*/
.font-2{
    font-size: 0.6rem!important;
}
.font-3{
    font-size: 1rem!important;
}
.font-4{
    font-size: 1.25rem;
}
.font-5{
    font-size: 1.5rem;
}
.labelHr {
    border-bottom: 1px solid #aaa;
    min-height: 40px;
    margin-bottom: 15px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.width-10{ width: 100% }
.width-60{width: 60px; display: inline-block}
.bg-white{
    background-color: white!important;
}
.cols-auto{
    columns: auto!important;
    -moz-columns: auto!important;
    -webkit-columns: auto!important;
}
.opacity-2{
    opacity: .2;
}
.imgcls-3{
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.list-number{
    list-style-type:decimal;
}
.list-disc{
    list-style-type: disclosure-closed;
}
.list-disc i{ display: inline-block;width: 70px;font-weight: lighter}
.well{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.warning{
    background-color:#f0ad4e;
    color:#fff;
}

.card{
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    box-shadow: 0 2px 4px 0 var(--cb-color-shadow,rgba(0,0,0,0.16));
}
.card-footer{
    width: 100%;
    display: inline-flex;
    align-items: center;
    text-align: center;
    color: var(--cb-color-button-text-brand-secondary-text,#666);
    background-color: #ebedf54a;
}
.card-footer [class^="fa-"]{
    color: var(--cb-color-button-text-brand-secondary-text,#666);
    background-color: #ebedf54a;
}
.card-footer>div{
    flex: 1 1 auto;
    padding:.6rem 0;
    border-right: 1px solid #ebedf5;
}
.card .btngrp>div:hover{
    color:  RGB(255,128,53);
    cursor:pointer;
}
.placeholderBox:empty:before{
    color:lightgrey;
    content:attr(placeholder);
}
.card-main {
    width: 500px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
}
.card-head{
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid #e5e1e1;
}
.card-content{
    flex: 1 1 auto;
}
.cardTitle {
    display: flex;
}
.cardTitle .card-subtitle:before{
    content: "/";
    padding: 0 10px;
    margin-left: 0;
}
.card-title{
    flex-wrap: wrap;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .0125em;
    /*line-height: 2rem;*/
    word-break: break-all;
    padding: 0.6rem 0;
}
.card-subtitle{
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0071428571em;
    color: rgba(0,0,0,.6);
    margin: auto;
    margin-left: 0;
}

.panel{
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-sizing: border-box;
}
.panel-info .panel-heading{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-default .panel-heading{
    background-color: #ebedf5;
    border-color: #ddd;
}
.default-heading{
    background-color: #ebedf5;
    border-color: #ddd;
    padding:  .6rem;
}
.head-title{
    display:flex;
    padding:  .6rem;
    border-bottom:1px solid #e5e5e5;
}
.panel-heading{
    padding:  .6rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    border-bottom: 1px solid transparent;
}
.panel-body{
    padding: 15px;
}
.panel-footer{
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.columns{
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}
.label-group{
    /*box-sizing: border-box;*/
    min-height: 26px;
    vertical-align: top;
    display: inline-block;
    display: -moz-inline-block;
}

.label-group>.ellipsis:first-child{
    width: 60px; /*90*/
    color: #7f8c8d;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0 !important;
    font-size: 12px;
    padding: .2rem .6rem .3rem .85rem;

}
.label-group>.ellipsis:last-child{
    padding: .2rem .6rem .3rem 0; /*.2rem .6rem .3rem*/
}
.label-group>.ellipsis{

    /* display: inline-block; */
    float: left;
    /* display: -webkit-inline-flex; */
    text-overflow: ellipsis;
}
.files-head {
    padding: 1rem 0.6rem;
    color: #333;
    border-bottom: 1px solid #ddd;
    background: #ebedf5;
}
.files-list{
    padding: 0 .85rem;
}
.files-list [class^="icon-"]:before,
.files-list [class^="fa-"]:before{
    margin-right: .4rem;
    color: RGB(135,135,138);
}
.files-list li{
    list-style-type:none;
    padding: .5rem 0;
    display: flex;
    justify-content: space-around;
}
.files-list li:hover{
    background:#f5f5f5;
}
.files-list .icon-download,.fa-close,
.files-list .fa-eye,.collapse-head,
.icon-copy,.fa-phone{
    cursor: pointer;
}
.fa-exclamation-triangle:before,
.fa-exclamation-circle:before{
    margin-right:.6rem;
    color:#f0ad4e;
    background-color:white;
}
.fa-info-circle:before{
    margin-right:.6rem;
    color:#5bc0de;
    background-color:white;
}

.files-list .fa-file-excel-o:before,
.files-list .fa-file-zip-o:before,
.files-list .fa-file-pdf-o:before,
.files-list .fa-file-word-o:before,
.files-list .fa-file-powerpoint-o:before,
.files-list .fa-file-picture-o:before,
.files-list .fa-file-o:before{
    background: white;
    font-size: 1rem;
    margin-right: 8px;
    display: inline-block;
}
.files-list .fa-file-excel-o:before{
    color: RGB(0,209,164);
}
.files-list .fa-file-zip-o:before{
    color: RGB(248,180,102);
}
.files-list .fa-file-pdf-o:before{
    color: RGB(242,102,102);
}
.files-list .fa-file-word-o:before{
    color: RGB(82,158,255);
}
.files-list .fa-file-powerpoint-o:before{
    color: RGB(242,102,102);
}
.files-list .fa-file-picture-o:before{
    color: RGB(25,214,173);
}
.files-list .fa-file-o:before{
    color: RGB(135,135,138);
}

.rotate-after:after{
    display: inline-block;
    transition: all .25s;
    transform: rotate(-90deg);
}
.rotate-after-90:after{
    display: inline-block;
    transition: all .25s;
    transform: rotate(-90deg);
}
.rotate:before{
    display: inline-block;
    transition: all .25s;
    transform: rotate(-90deg);
}
.rotate-90:before{
    display: inline-block;
    transition: all .25s;
    transform: rotate(90deg);
}

.active-dom{
    border:1px groove red;
}
.active-shadow{
    border:1px dashed #4e6ef2;
}
/*折叠样式*/
.collapse.in{
    height: auto;
}
.collapse.out {
    display: none;
}
.collapse {
    padding: 0;
    box-sizing: border-box;
    position: relative;
    height: 0;
    overflow: hidden;
    visibility: visible;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}
.collapse-head:after{
    /*content: "\e90b";*/
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    display: inline-block;
    transition: all .25s;
    float: right;
}
.test{
    background-color: #1a237e;
    color: #7b1fa2;
}
.card-main-test .display-box{
    min-width: 100px;
    min-height: 26px;
}
.card-main-test .display-box:hover,
.card-main-test .panel:hover{
    border: 3px solid #ddd;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 60%), 0px 5px 8px 0px rgb(0 0 0 / 54%), 0px 1px 14px 0px rgb(0 0 0 / 52%) !important;
}
.fun-ul li{ padding-left: .6rem; }
.list-box:after{
        content: '|';
        margin:0 1rem;
    color:#aaa;
}
.list-box label{
    color:#aaa;
    font-size: 12px;
    margin-right: 5px;
}

.list-cname{
    align-items: center;
    border-bottom: solid 1px #ddd;
    width: 100%;
    font-size:12px;
    display: inline-flex;
    vertical-align: middle;
    line-height: inherit;
   
    }
 



.label-value{
    max-width: 120px;
}
.lab-red{
	border-radius: 4px; 
	font-size: 10px; 
	background: #e74c3c; 
	color: rgb(255, 255, 255); 
	padding: .2rem 0 .2rem 0;
}
.lab-ash{
	border-radius: 4px; 
	font-size: 10px; 
	background: #bdc3c7; 
	color: rgb(255, 255, 255); 
	padding: .2rem 0 0 .6rem;
}
.elevation-5 {
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0px 5px 8px 0px rgb(0 0 0 / 14%), 0 1px 14px 0px rgb(0 0 0 / 12%) !important;}
.TSwtxt{
	white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.TCbSearch{
	display: flex;
	padding: 8px 0;
	z-index: 20;
    border-bottom: 1px solid #e5e5e5;
}