
/*kesion表单样式组件*/

.ks-title{height:40px; line-height:40px; overflow:hidden; padding:0 20px; font-size:14px;colo:#525252;margin-top:5px;}
.ks-tab{height:40px; line-height:40px; margin:0 15px; position:relative; overflow:hidden;}
.ks-tab:before{ content:'';width:100%;height:1px; position:absolute;bottom:0;left:0; background:#ebebeb;}
.ks-tab li{ float:left;width:25%;float:left; text-align:center; font-size:13px;}
.ks-tab .active{ position:relative; z-index:1;}
.ks-tab .active span{ background:#fff;color:#666;}
.ks-tab .active span:hover{ background:#fff;}
.ks-tab span{border:1px solid #ebebeb; display:block; background:#f9f9f9;color:#999;border-radius:3px;margin-right:5px; cursor:pointer;}
.ks-tab span:hover{ background:#f6f6f6;}
.ks-tab-col2 li{width:50%;}
.ks-tab-col3 li{width:33.3%;}
.ks-tab-col4 li{width:25%;}

.ks-tab2{ display:inline-block;border:1px solid #21B384;border-radius:4px; overflow:hidden;height:30px;}
.ks-tab2 li{width:inherit; padding:0 20px;height:30px; line-height:30px;border-left:1px solid #21B384;border-radius:0px; cursor:pointer;color:#525252;}
.ks-tab2 li:first-child{border-left:0px;}
.ks-tab2 .active{ background:#21B384;color:#fff;}

.ks-tab-small{height:33px; line-height:33px;}

.ks-btn-center{ text-align:center;}
.ks-btn{ padding:0 20px;height:38px; line-height:38px; font-size:14px; border:1px solid #dbdbdb; cursor:pointer;color:#525252;background:none;border-radius:3px; outline:none;}
.ks-btn-normal{background:#21B384;color:#fff;border:1px solid #21B384;}

.ks-btn-line{border:1px solid #21B384;color:#21B384;}
.ks-btn-small{height:32px; line-height:32px; font-size:12px; padding:0 15px;}

.ks-form li{ padding:10px 20px 10px 110px;border-bottom:1px solid #ebebeb;min-height:33px; position:relative;}
.ks-form-title{ position:absolute;left:20px;top:10px; line-height:33px; font-size:13px; color:#888;}
.ks-textarea{border:1px solid #ebebeb; padding:10px; line-height:23px; font-size:13px;}

.ks-text,
.ks-select,
.ks-textarea{-webkit-transition:.3s; transition:.3s;outline:none;}

.ks-text,
.ks-select{width:260px;height:34px; line-height: 34px;border:1px solid #ebebeb; font-size:14px; padding:0 10px;}
.ks-text:focus,
.ks-select:focus,
.ks-textarea:focus,
.ks-text-on{border:1px solid #21B384;}

.ks-text:disabled{ background:#f3f3f3 !important;}

.ks-tips{ line-height:32px;color:#999;}
.ks-tips-bar{ line-height:22px; padding:8px 15px; background:#fffbe6;color:#664810;border:1px solid #fff5c2;}
.ks-tips-bar .drag-font{float:left;}
.ks-tips-bar .drag-i-tuli{color:#f5bd00; margin-right:10px;}

.ks-sub-color{color:#f55d54;}

.ks-table td{ line-height:24px; position:relative; padding-top:20px;color:#929292;}
.ks-td-tit{ text-align:right; line-height:40px; color:#929292; white-space:nowrap; padding:20px 15px 0px 30px;width:40px;}

.ks-textarea-cover{ padding-right:22px;}
.ks-textarea-cover .ks-textarea{width:100%;}


/*开关*/
.ks-checkbox-style{width:46px;height:28px; background:#d2d2d2;border-radius:50px; position:relative; cursor:pointer; -webkit-transition:0.3s; transition:0.3s;}
.ks-checkbox-style i{width:24px;height:24px; background:#fff;border-radius:50%; box-shadow: 0 0 6px rgba(0,0,0,0.2); position:absolute;top:2px;right:20px; -webkit-transition:0.3s; transition:0.3s;}

.ks-checked{ background:#34bd75;}
.ks-checked i{right:2px;}

