* {margin: 0;padding: 0;list-style-type: none;}
img{border: 0;} 
li{text-decoration: none;list-style: none outside none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear, .clearsp, .feiui-container, .feiui-fluid, .feihu-form-group, .select-list, .panelBar,.toolBar {
    clear: both;
    overflow: auto;
} 
.feihu-table {border-collapse: collapse;width: 100%;}
 table.feihu-table thead tr {background-color: #f2f2f2;}
.feihu-table th, .feihu-table td{ border: 1px solid #ddd;height: 28px;line-height: 28px;padding: 5px 0}
.feihu-table td.txtr,.feihu-table th.txtr,.txtr{text-align:right; padding-right:3px;}
.feihu-table td.txtc,.feihu-table th.txtc,.txtc{text-align:center;}
.feihu-table td.txtl,.feihu-table th.txtl,.txtl{text-align: left;padding-left:3px}
.rq, label.dd,label.hh, label.mm, label.ss {color: red;}
label.dd, label.hh, label.mm, label.ss {padding: 0 3px;width:26px;}
.rb {color: #01AAED;}
.feinv,.movebox{display:none;}
label.error {
    position: absolute;
    right: 18px;
    top: 7px;
    color: #ef392b;
    font-size: 12px;
    z-index: 1000;
}
.Validform_error, input.error, select.error {
    background-color: #fbe2e2;
    border-color: #c66161;
    color: #c00;
}
.layui-fluid, .feihu-fluid {
    background-color: #f2f2f2;
    padding: 15px;
}
.feiui-container, .feiui-fluid {
    position: relative;
    width: 100%;
    padding: 5px 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.feiui-container {
   min-height:500px;
}

.treeSelect-panel {
    position: absolute;
    overflow: auto;
    border: 1px solid #dcdcdc;
    width: 100%;
    display: none;
    border-top-width: 0;
    z-index: 101;
    background: #fff;
}

 .feihu-form-group label.feihu-form-label {
display: block;
float: left;
width: 100px;
margin: 5px 0;
font-weight: bold;
padding-top: 5px;
margin-right: 5px;
text-align: right;
 }
        /*  内元素可能会有border 故需要多预留10px吧 */
 .feihu-form-group .feihu-form-control {
float: left;
position:relative;
margin: 5px 0;
width: -webkit-calc(100% - 126px);
width: -moz-calc(100% - 126px);
width: calc(100% - 126px);
}
.feihu-input, .feihu-select, .feiui-select, .feihu-text {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    padding: 0 8px;
}

.feihu-input, .feihu-select, .feiui-select, .txt_left2, .txt_left1, .txt_left3 {
    height: 30px;
    line-height: 30px;
}
.txt_left2, .txt_left1, .txt_left3 {
    border-width: 0px; 
    text-decoration: none;
    vertical-align: baseline;  
    overflow: hidden;
}
select.feihu-input, .feiui-select, .feihu-select {
    height: 32px;
}
.select-list{padding:5px;}
.select-list > ul > li {
    float: left;
    color: #333;
    margin: 5px 15px 5px 0;
    height: 30px;
    line-height: 30px;
}

.select-list li input, .select-list li select, .select-list .select-control {
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 4px;
    background: transparent;
    outline: none;
    height: 30px;
    width: 220px;
    padding-left: 5px;
}
.select-list li label {display: inline-block;}

.select-list li .picktable {
   /* width: 280px;*/
    display: inline-block;
}
.select-list li input.col-2 {
    width: 105px;
    display: inline-block;
}
.panelBar li {
    display: block;
    float: left;
    height: 30px;
    overflow: hidden;
    margin: 5px 3px;
}
.panelBar .toolBar a, .panelBar .toolBar input, .panelBar .toolBar li.hover a {
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 8px;
    text-decoration: none;
}


.infolist-paging {
   min-width: 600px;
    height: 40px;
	line-height: 40px;
    padding: 10px;
	margin-bottom: 10px; 
    text-align: center;
    font-size: 14px;
    background-color: #fff;
}
.searchList-paging {
    width: 1250px;
    height: 40px;
	line-height: 40px;
    padding: 10px;
	margin-bottom: 10px; 
    text-align: center;
    font-size: 14px;
    background-color: #fff;
}
.feiui-page a, .feiui-page span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 2px 15px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #333;
    border: 1px solid #e2e2e2;
}
.feiui-page a:hover, .feiui-page span {
    background: #1E9FFF;
    color: #fff;
    border: 1px solid #1E9FFF;
}
.feiui-page .feiui-page-curr {
    color: #fff;
	border: 1px solid #1E9FFF;
    background: #1E9FFF;
}

@media screen and (max-width: 768px) {
    .demo-xs{background-color:yellow;} 
                .feiui-hide-xs {display: none !important}
                .feiui-show-xs-block {display: block !important}
                .feiui-show-xs-inline {display: inline !important}
                .feiui-show-xs-inline-block {display: inline-block !important}
                .feiui-col-xs1, .feiui-col-xs10, .feiui-col-xs11, .feiui-col-xs12, .feiui-col-xs2, .feiui-col-xs3, .feiui-col-xs4, .feiui-col-xs5, .feiui-col-xs6, .feiui-col-xs7, .feiui-col-xs8, .feiui-col-xs9,
                .feiui-col-xs13, .feiui-col-xs14, .feiui-col-xs15, .feiui-col-xs16, .feiui-col-xs17, .feiui-col-xs18, .feiui-col-xs19, .feiui-col-xs20, .feiui-col-xs21, .feiui-col-xs22, .feiui-col-xs23, .feiui-col-xs24 {
                    float: left
                }
                .feiui-col-xs1{width:4.166666667%}
                .feiui-col-xs2{width:8.333333333%}
                .feiui-col-xs3{width:12.5%}
                .feiui-col-xs4{width:16.66666667%}
                .feiui-col-xs5{width:20.83333333%}
                .feiui-col-xs6{width:25%}
                .feiui-col-xs7{width:29.16666667%}
                .feiui-col-xs8{width:33.33333333%}
                .feiui-col-xs9{width:37.5%}
                .feiui-col-xs10{width:41.66666667%}
                .feiui-col-xs11{width:45.83333333%}
                .feiui-col-xs12{width:50%}
                .feiui-col-xs13{width:54.16666667%}
                .feiui-col-xs14{width:58.33333333%}
                .feiui-col-xs15{width:62.5%}
                .feiui-col-xs16{width:66.66666667%}
                .feiui-col-xs17{width:70.83333333%}
                .feiui-col-xs18{width:75%}
                .feiui-col-xs19{width:79.16666667%}
                .feiui-col-xs20{width:83.33333333%}
                .feiui-col-xs21{width:87.5%}
                .feiui-col-xs22{width:91.66666667%}
                .feiui-col-xs23{width:95.83333333%}
                .feiui-col-xs24{width:100%}

                .feihu-form-group label.feihu-form-label {
                    float: left;
                    margin: 0;
                    text-align: left;
                }
                /*  内元素可能会有border 故需要多预留10px吧 */
                .feihu-form-group .feihu-form-control {
                    float: left;
                    width: -webkit-calc(100% - 20px);
                    width: -moz-calc(100% - 20px);
                    width: calc(100% - 20px);
                }



            }
            @media screen and (min-width: 769px) {
                .feiui-container {min-width: 750px} 
                .feiui-col-sm1, .feiui-col-sm10, .feiui-col-sm11, .feiui-col-sm12, .feiui-col-sm2, .feiui-col-sm3, .feiui-col-sm4, .feiui-col-sm5, .feiui-col-sm6, .feiui-col-sm7, .feiui-col-sm8, .feiui-col-sm9,
                .feiui-col-sm13, .feiui-col-sm14, .feiui-col-sm15, .feiui-col-sm16, .feiui-col-sm17, .feiui-col-sm18, .feiui-col-sm19, .feiui-col-sm20, .feiui-col-sm21, .feiui-col-sm22, .feiui-col-sm23, .feiui-col-sm24 {
                    float: left
                }
                .feiui-col-sm1{width:4.166666667%}
                .feiui-col-sm2{width:8.333333333%}
                .feiui-col-sm3{width:12.5%}
                .feiui-col-sm4{width:16.66666667%}
                .feiui-col-sm5{width:20.83333333%}
                .feiui-col-sm6{width:25%}
                .feiui-col-sm7{width:29.16666667%}
                .feiui-col-sm8{width:33.33333333%}
                .feiui-col-sm9{width:37.5%}
                .feiui-col-sm10{width:41.66666667%}
                .feiui-col-sm11{width:45.83333333%}
                .feiui-col-sm12{width:50%}
                .feiui-col-sm13{width:54.16666667%}
                .feiui-col-sm14{width:58.33333333%}
                .feiui-col-sm15{width:62.5%}
                .feiui-col-sm16{width:66.66666667%}
                .feiui-col-sm17{width:70.83333333%}
                .feiui-col-sm18{width:75%}
                .feiui-col-sm19{width:79.16666667%}
                .feiui-col-sm20{width:83.33333333%}
                .feiui-col-sm21{width:87.5%}
                .feiui-col-sm22{width:91.66666667%}
                .feiui-col-sm23{width:95.83333333%}
                .feiui-col-sm24{width:100%}

            }
            /* ( max-width: 1068px ) and (min-width: 765px)*/  
           @media screen and (min-width: 993px){
                .feiui-container {min-width: 992px} 

                .feiui-col-md1, .feiui-col-md10, .feiui-col-md11, .feiui-col-md12, .feiui-col-md2, .feiui-col-md3, .feiui-col-md4, .feiui-col-md5, .feiui-col-md6, .feiui-col-md7, .feiui-col-md8, .feiui-col-md9,
                .feiui-col-md13, .feiui-col-md14, .feiui-col-md15, .feiui-col-md16, .feiui-col-md17, .feiui-col-md18, .feiui-col-md19, .feiui-col-md20, .feiui-col-md21, .feiui-col-md22, .feiui-col-md23, .feiui-col-md24 {
                    float: left
                }
                .feiui-col-md1{width:4.166666667%}
                .feiui-col-md2{width:8.333333333%}
                .feiui-col-md3{width:12.5%}
                .feiui-col-md4{width:16.66666667%}
                .feiui-col-md5{width:20.83333333%}
                .feiui-col-md6{width:25%}
                .feiui-col-md7{width:29.16666667%}
                .feiui-col-md8{width:33.33333333%}
                .feiui-col-md9{width:37.5%}
                .feiui-col-md10{width:41.66666667%}
                .feiui-col-md11{width:45.83333333%}
                .feiui-col-md12{width:50%}
                .feiui-col-md13{width:54.16666667%}
                .feiui-col-md14{width:58.33333333%}
                .feiui-col-md15{width:62.5%}
                .feiui-col-md16{width:66.66666667%}
                .feiui-col-md17{width:70.83333333%}
                .feiui-col-md18{width:75%}
                .feiui-col-md19{width:79.16666667%}
                .feiui-col-md20{width:83.33333333%}
                .feiui-col-md21{width:87.5%}
                .feiui-col-md22{width:91.66666667%}
                .feiui-col-md23{width:95.83333333%}
                .feiui-col-md24{width:100%}

            }

           @media screen and (min-width: 1201px) {
               .demo-lg{background-color:red;}
                .feiui-container {min-width: 1200px} 
                .feiui-hide-md {display: none !important}
                .feiui-show-md-block {display: block !important}
                .feiui-show-md-inline {display: inline !important}
                .feiui-show-md-inline-block {display: inline-block !important}
                .feiui-col-lg1, .feiui-col-lg10, .feiui-col-lg11, .feiui-col-lg12, .feiui-col-lg2, .feiui-col-lg3, .feiui-col-lg4, .feiui-col-lg5, .feiui-col-lg6, .feiui-col-lg7, .feiui-col-lg8, .feiui-col-lg9,
                .feiui-col-lg13, .feiui-col-lg14, .feiui-col-lg15, .feiui-col-lg16, .feiui-col-lg17, .feiui-col-lg18, .feiui-col-lg19, .feiui-col-lg20, .feiui-col-lg21, .feiui-col-lg22, .feiui-col-lg23, .feiui-col-lg24 {
                    float: left
                }
                .feiui-col-lg1{width:4.166666667%}
                .feiui-col-lg2{width:8.333333333%}
                .feiui-col-lg3{width:12.5%}
                .feiui-col-lg4{width:16.66666667%}
                .feiui-col-lg5{width:20.83333333%}
                .feiui-col-lg6{width:25%}
                .feiui-col-lg7{width:29.16666667%}
                .feiui-col-lg8{width:33.33333333%}
                .feiui-col-lg9{width:37.5%}
                .feiui-col-lg10{width:41.66666667%}
                .feiui-col-lg11{width:45.83333333%}
                .feiui-col-lg12{width:50%}
                .feiui-col-lg13{width:54.16666667%}
                .feiui-col-lg14{width:58.33333333%}
                .feiui-col-lg15{width:62.5%}
                .feiui-col-lg16{width:66.66666667%}
                .feiui-col-lg17{width:70.83333333%}
                .feiui-col-lg18{width:75%}
                .feiui-col-lg19{width:79.16666667%}
                .feiui-col-lg20{width:83.33333333%}
                .feiui-col-lg21{width:87.5%}
                .feiui-col-lg22{width:91.66666667%}
                .feiui-col-lg23{width:95.83333333%}
                .feiui-col-lg24{width:100%}

            }
 
            @media screen and (min-width: 769px) and (max-width: 992px){
                .demo-sm{background-color:green;}
                .feiui-hide-sm {display: none !important}
                .feiui-show-sm-block {display: block !important}
                .feiui-show-sm-inline {display: inline !important}
                .feiui-show-sm-inline-block {display: inline-block !important}
            }
            @media screen and (min-width: 993px) and (max-width: 1200px){
                .demo-md{background-color:blue;}
                .feiui-hide-md {
                    display: none !important
                }
                .feiui-show-md-block {display: block !important}
                .feiui-show-md-inline {display: inline !important}
                .feiui-show-md-inline-block {display: inline-block !important} 
            }