* {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;}

#feiGrid.wj-flexgrid .wj-cell {
    padding: 6px;
}
.edui-dialog {
    z-index: 100009;
}
.layui-input, .layui-select, .layui-textarea {
    height: 30px;
}
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, .feihu-text {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none; 
    padding: 0 8px;
}

.feihu-input, .feihu-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, .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} 
            }




@font-face {
    font-family: layui-icon;
    src: url(../feihu/layui/font/iconfont.eot?v=250);
    src: url(../feihu/layui/font/iconfont.eot?v=250#iefix) format('embedded-opentype'),url(../feihu/layui/font/iconfont.woff2?v=250) format('woff2'),url(../feihu/layui/font/iconfont.woff?v=250) format('woff'),url(../feihu/layui/font/iconfont.ttf?v=250) format('truetype'),url(../feihu/layui/font/iconfont.svg?v=250#layui-icon) format('svg')
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
 
 
input.radio, .feiui-radio td, .feiui-radio th, td.feiui-radio, .radio td, .radio th, td.radio, .tabpick td, .tabpick th, .radiolist td, .radiolist th, th.radiolist, td.radiolist {
    border: 0;
    padding: 0;
}
.radio td, .radio th,.radiolist td, .radiolist th {
    padding:0;
}
.radio .layui-form-radio {
    margin: 0 2px 0 0;
    padding-right: 3px;
}
.radio label {
 height:28px;
 line-height:28px;
  padding-right:3px;
}

.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;
}
.row-hover {background: none repeat scroll 0 0 #7CC5E5;border-color: #7CC5E5;}
.manage_table {border-collapse: collapse;width: 100%;}
 table.manage_table thead tr {background-color: #f2f2f2;}
.manage_table th, .manage_table td{ border: 1px solid #ddd;height: 28px;line-height: 28px;padding: 5px 0}
.manage_table td.txtr,.manage_table th.txtr,.txtr{text-align:right; padding-right:3px;}
.manage_table td.txtc,.manage_table th.txtc,.txtc{text-align:center;}
.manage_table td.txtl,.manage_table th.txtl,.txtl{text-align: left;padding-left:3px}
.txt_left2, .txt_left1, .txt_left3 {border-width: 0px;}
.txt_left {border-color: gray;border-right: 0 solid gray;border-style: solid;border-width: 0 0 1px;cursor: text;font-size: 9pt;height: 25px;line-height: 150%;text-align: left;text-decoration: none;vertical-align: baseline;}

.fa-chevron-right::before {
    content: "\e65b";
}
.fa-chevron-left::before {
    content: "\e65a";
}
.layui-icon {
    font-family: "layui-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.layui-icon-Arrowdown:before {
    content: "\e62e";
}

.layui-icon-Arrowup:before {
    content: "\e62f";
}

.layui-icon-Arrowright:before {
    content: "\e635";
}

.layui-icon-Arrowleft:before {
    content: "\e636";
}

.layui-icon-yanjing-biyan:before {
    content: "\e63a";
}


/* 背景色 */
.bg-primary {
	background-color: #33cabb !important;
	color: #fff!important;
}
.bg-secondary {
	background-color: #e4e7ea !important;
	color: #fff!important;
}
.bg-success {
	background-color: #15c377 !important;
	color: #fff!important;
}
.bg-info {
	background-color: #48b0f7 !important;
	color: #fff!important;
}
.bg-warning {
	background-color: #faa64b !important;
	color: #fff!important;
}
.bg-danger {
	background-color: #f96868 !important;
	color: #fff!important;
}
.bg-pink {
	background-color: #f96197 !important;
	color: #fff!important;
}
.bg-purple {
	background-color: #926dde !important;
	color: #fff!important;
}
.bg-brown {
	background-color: #8d6658 !important;
	color: #fff!important;
}
.bg-cyan {
	background-color: #57c7d4 !important;
	color: #fff!important;
}
.bg-yellow {
	background-color: #fcc525 !important;
	color: #fff!important;
}
.bg-gray {
	background-color: #868e96 !important;
	color: #fff!important;
}
.bg-dark {
	background-color: #465161 !important;
	color: #fff!important;
}
.bg-white {
	background-color: #fff !important
}
.bg-lightest {
	background-color: #fcfdfe !important
}
.bg-lighter {
	background-color: #f9fafb !important
}
.bg-light {
	background-color: #f5f6f7 !important
}
.bg-translucent {
    background-color: rgba(255, 255, 255, 0.175)
}
.bg-transparent {
	background-color: transparent !important
}

/* 字体颜色 */
.text-primary {
	color: #33cabb !important
}
.text-title, .morecond {
    color: #393D49 !important
}
.text-link {
    color: #01AAED !important
}
.text-secondary {
    color: #e4e7ea !important
}
.text-success {
	color: #15c377 !important
}
.text-info {
	color: #48b0f7 !important
}
.text-warning {
	color: #faa64b !important
}
.text-danger {
	color: #f96868 !important
}
.text-pink {
	color: #f96197 !important
}
.text-purple {
	color: #926dde !important
}
.text-brown {
	color: #8d6658 !important
}
.text-cyan {
	color: #57c7d4 !important
}
.text-yellow {
	color: #fcc525 !important
}
.text-gray {
	color: #868e96 !important
}
.text-dark {
	color: #465161 !important
}
.text-default {
	color: #4d5259 !important
}
.text-muted {
	color: #868e96 !important
}
.text-light {
	color: #616a78 !important
}
.text-lighter {
	color: #a5b3c7 !important
}
.text-fade {
	color: rgba(77,82,89,0.7) !important
}
.text-fader {
	color: rgba(77,82,89,0.5) !important
}
.text-fadest {
	color: rgba(77,82,89,0.4) !important
}
.text-white {
    color: #ffffff!important
}
.text-transparent {
	color: transparent !important
}
a.text-primary:hover,a.text-primary:focus {
	color: #33cabb !important
}
a.text-secondary:hover,a.text-secondary:focus {
	color: #e4e7ea !important
}
a.text-info:hover,a.text-info:focus {
	color: #48b0f7 !important
}
a.text-success:hover,a.text-success:focus {
	color: #15c377 !important
}
a.text-warning:hover,a.text-warning:focus {
	color: #faa64b !important
}
a.text-danger:hover,a.text-danger:focus {
	color: #f96868 !important
}


/* 复选框 & 单选框 */
.feiui-checkbox,
.feiui-radio {
    display: block;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 25px;
    font-weight: 400;
    min-height: 18px;
    height: auto !important;
    line-height: 18px !important;
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.feiui-radio td, .feiui-checkbox td {
    position: relative;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    cursor: pointer;
    padding: 0 5px 0 25px;
    font-weight: 400;
    min-height: 18px;
    height: auto !important;
    line-height: 18px !important;
}
.feiui-checkbox input,
.feiui-radio input {
    position: absolute;
    /*opacity: 0;*/
    display: none;
}
.feiui-checkbox span::before,
.feiui-checkbox label::before,
.feiui-radio label::before,
.feiui-radio span::before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 18px;
    width: 18px;
    left: 0;
    top: 0px;
    border: 2px solid #ebebeb;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

.feiui-checkbox span::after,.feiui-checkbox label::after,
.feiui-radio span::after, .feiui-radio label::after {
    content: '';
    position: absolute;
    display: none;
    width: 5px;
    height: 10px;
    left: 7px;
    top: 3px;
    border: solid #4d5259;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.feiui-checkbox span,
.feiui-radio span {
    display: inline-block;
}

.feiui-checkbox input:checked ~ span:after,
.feiui-checkbox input:checked ~ label:after,
.feiui-radio input:checked ~ span:after,
.feiui-radio input:checked ~ label:after {
    display: inline-block;
}

.feiui-checkbox:hover span::before,
.feiui-radio:hover span::before {
    border-color: #ebebeb;
}

.feiui-checkbox.checkbox-grey span::before,
.feiui-checkbox.radio-grey span::before,
.feiui-radio.checkbox-grey span::before,
.feiui-radio.radio-grey span::before {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.feiui-checkbox input:disabled + span,
.feiui-radio input:disabled + span {
    cursor: not-allowed;
}
    .feiui-checkbox input:disabled + span::before,
    .feiui-checkbox input:disabled + span::after,
    .feiui-checkbox input:disabled + label::before,
    .feiui-checkbox input:disabled + label::after,
    .feiui-radio input:disabled + span::before,
    .feiui-radio input:disabled + span::after {
        opacity: .4;
    }
/* checkbox */
.checkbox-primary input:checked ~ span::before, .checkbox-primary input:checked ~ label::before {
    background-color: #33cabb;
    border-color: #33cabb;
}

.checkbox-primary input:checked ~ span::after, .checkbox-primary input:checked ~ label::after {
    border-color: #fff;
}

.checkbox-success input:checked ~ span::before {
    background-color: #15c377;
    border-color: #15c377;
}

.checkbox-success input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-info input:checked ~ span::before {
    background-color: #48b0f7;
    border-color: #48b0f7;
}

.checkbox-info input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-warning input:checked ~ span::before {
    background-color: #faa64b;
    border-color: #faa64b;
}

.checkbox-warning input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-danger input:checked ~ span::before {
    background-color: #f96868;
    border-color: #f96868;
}

.checkbox-danger input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-dark input:checked ~ span::before {
    background-color: #465161;
    border-color: #465161;
}

.checkbox-dark input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-secondary input:checked ~ span::before {
    background-color: #e4e7ea;
    border-color: #e4e7ea;
}

.checkbox-secondary input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-purple input:checked ~ span::before {
    background-color: #926dde;
    border-color: #926dde;
}

.checkbox-purple input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-pink input:checked ~ span::before {
    background-color: #f96197;
    border-color: #f96197;
}

.checkbox-pink input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-cyan input:checked ~ span::before {
    background-color: #57c7d4;
    border-color: #57c7d4;
}

.checkbox-cyan input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-yellow input:checked ~ span::before {
    background-color: #fcc525;
    border-color: #fcc525;
}

.checkbox-yellow input:checked ~ span::after {
    border-color: #fff;
}

.checkbox-brown input:checked ~ span::before {
    background-color: #8d6658;
    border-color: #8d6658;
}

.checkbox-brown input:checked ~ span::after {
    border-color: #fff;
}
/* radio */
.feiui-radio label::before,
.feiui-radio span::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.feiui-radio span::after, .feiui-radio label::after {
    border: 0;
    height: 9.2px;
    width: 9.2px;
    left: 6px;
    top: 6px;
    background: #4d5259;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.radio-primary input:checked ~ span::before,
.radio-primary input:checked ~ label::before {
    background-color: #33cabb;
    border-color: #33cabb;
}

.radio-primary input:checked ~ span::after, .radio-primary input:checked ~ label::after {
    background-color: #fff;
}

.radio-success input:checked ~ span::before {
    background-color: #15c377;
    border-color: #15c377;
}

.radio-success input:checked ~ span::after {
    background-color: #fff;
}

.radio-info input:checked ~ span::before {
    background-color: #48b0f7;
    border-color: #48b0f7;
}

.radio-info input:checked ~ span::after {
    background-color: #fff;
}

.radio-warning input:checked ~ span::before {
    background-color: #faa64b;
    border-color: #faa64b;
}

.radio-warning input:checked ~ span::after {
    background-color: #fff;
}

.radio-danger input:checked ~ span::before {
    background-color: #f96868;
    border-color: #f96868;
}

.radio-danger input:checked ~ span::after {
    background-color: #fff;
}

.radio-dark input:checked ~ span::before {
    background-color: #465161;
    border-color: #465161;
}

.radio-dark input:checked ~ span::after {
    background-color: #fff;
}

.radio-secondary input:checked ~ span::before {
    background-color: #e4e7ea;
    border-color: #e4e7ea;
}

.radio-secondary input:checked ~ span::after {
    background-color: #fff;
}

.radio-purple input:checked ~ span::before {
    background-color: #926dde;
    border-color: #926dde;
}

.radio-purple input:checked ~ span::after {
    background-color: #fff;
}

.radio-pink input:checked ~ span::before {
    background-color: #f96197;
    border-color: #f96197;
}

.radio-pink input:checked ~ span::after {
    background-color: #fff;
}

.radio-cyan input:checked ~ span::before {
    background-color: #57c7d4;
    border-color: #57c7d4;
}

.radio-cyan input:checked ~ span::after {
    background-color: #fff;
}

.radio-yellow input:checked ~ span::before {
    background-color: #fcc525;
    border-color: #fcc525;
}

.radio-yellow input:checked ~ span::after {
    background-color: #fff;
}

.radio-brown input:checked ~ span::before {
    background-color: #8d6658;
    border-color: #8d6658;
}

.radio-brown input:checked ~ span::after {
    background-color: #fff;
}

.checkbox-inline, .radio-inline {
    display: inline-block;
}
/* 复选框 & 单选框end */