/**本格式文件基于 layui-v2.4.5 进行的拓展**/
/*1-颜色-前端颜色-灰度*/
.vkc-f-h0{color:#000000 !important;}
.vkc-f-h1{color:#111111 !important;}
.vkc-f-h2{color:#222222 !important;}
.vkc-f-h3{color:#333333 !important;}
.vkc-f-h4{color:#444444 !important;}
.vkc-f-h5{color:#555555 !important;}
.vkc-f-h6{color:#666666 !important;}
.vkc-f-h7{color:#777777 !important;}
.vkc-f-h8{color:#888888 !important;}
.vkc-f-h9{color:#999999 !important;}
.vkc-f-h10{color:#AAAAAA !important;}
.vkc-f-h11{color:#BBBBBB !important;}
.vkc-f-h12{color:#CCCCCC !important;}
.vkc-f-h13{color:#DDDDDD !important;}
.vkc-f-h14{color:#EEEEEE !important;}
.vkc-f-h15{color:#FFFFFF !important;}
/*1-颜色-前端颜色-常用彩色*/
.vkc-f-b0{color:#0000FF !important;}
.vkc-f-b1{color:#1E9FFF !important;}
.vkc-f-g0{color:#00FF00 !important;}
.vkc-f-g1{color:#009688 !important;}
.vkc-f-o0{color:#FF5722 !important;}
.vkc-f-o1{color:#F89406 !important;}
.vkc-f-o2{color:#996633 !important;}
.vkc-f-p0{color:#A069C3 !important;}
.vkc-f-r0{color:#FF0000 !important;}
.vkc-f-r1{color:#DD5A43 !important;}
.vkc-f-y0{color:#FFFF00 !important;}
.vkc-f-y1{color:#FEE188 !important;}
/*1-颜色-背景颜色-灰度*/
.vkc-b-g0{background-color:#000000 !important;}
.vkc-b-g1{background-color:#111111 !important;}
.vkc-b-g2{background-color:#222222 !important;}
.vkc-b-g3{background-color:#333333 !important;}
.vkc-b-g4{background-color:#444444 !important;}
.vkc-b-g5{background-color:#555555 !important;}
.vkc-b-g6{background-color:#666666 !important;}
.vkc-b-g7{background-color:#777777 !important;}
.vkc-b-g8{background-color:#888888 !important;}
.vkc-b-g9{background-color:#999999 !important;}
.vkc-b-g10{background-color:#AAAAAA !important;}
.vkc-b-g11{background-color:#BBBBBB !important;}
.vkc-b-g12{background-color:#CCCCCC !important;}
.vkc-b-g13{background-color:#DDDDDD !important;}
.vkc-b-g14{background-color:#EEEEEE !important;}
.vkc-b-g15{background-color:#FFFFFF !important;}
/*1-颜色-背景颜色-常用彩色*/
.vkc-b-b0{background-color:#0000FF !important;}
.vkc-b-b1{background-color:#1E9FFF !important;}
.vkc-b-g0{background-color:#00FF00 !important;}
.vkc-b-g1{background-color:#009688 !important;}
.vkc-b-o0{background-color:#FF5722 !important;}
.vkc-b-o1{background-color:#F89406 !important;}
.vkc-b-o2{background-color:#996633 !important;}
.vkc-b-p0{background-color:#A069C3 !important;}
.vkc-b-r0{background-color:#FF0000 !important;}
.vkc-b-r1{background-color:#DD5A43 !important;}
.vkc-b-y0{background-color:#FFFF00 !important;}
.vkc-b-y1{background-color:#FEE188 !important;}
/*1-颜色-边框颜色-灰度*/
.vkc-d-g0{border-color:#000000 !important;}
.vkc-d-g1{border-color:#111111 !important;}
.vkc-d-g2{border-color:#222222 !important;}
.vkc-d-g3{border-color:#333333 !important;}
.vkc-d-g4{border-color:#444444 !important;}
.vkc-d-g5{border-color:#555555 !important;}
.vkc-d-g6{border-color:#666666 !important;}
.vkc-d-g7{border-color:#777777 !important;}
.vkc-d-g8{border-color:#888888 !important;}
.vkc-d-g9{border-color:#999999 !important;}
.vkc-d-g0{border-color:#AAAAAA !important;}
.vkc-d-g1{border-color:#BBBBBB !important;}
.vkc-d-g2{border-color:#CCCCCC !important;}
.vkc-d-g3{border-color:#DDDDDD !important;}
.vkc-d-g4{border-color:#EEEEEE !important;}
.vkc-d-g5{border-color:#FFFFFF !important;}
/*1-颜色-边框颜色-常用彩色*/
.vkc-d-b0{border-color:#0000FF !important;}
.vkc-d-b1{border-color:#1E9FFF !important;}
.vkc-d-g0{border-color:#00FF00 !important;}
.vkc-d-g1{border-color:#009688 !important;}
.vkc-d-o0{border-color:#FF5722 !important;}
.vkc-d-o1{border-color:#F89406 !important;}
.vkc-d-o2{border-color:#996633 !important;}
.vkc-d-p0{border-color:#A069C3 !important;}
.vkc-d-r0{border-color:#FF0000 !important;}
.vkc-d-r1{border-color:#DD5A43 !important;}
.vkc-d-y0{border-color:#FFFF00 !important;}
.vkc-d-y1{border-color:#FEE188 !important;}

/*2-矩形-间距-内边距*/
.vkr-s-i0{padding:0 !important;}
.vkr-s-i4{padding:4px !important;}
.vkr-s-i5{padding:5px !important;}
.vkr-s-i6{padding:6px !important;}
.vkr-s-i8{padding:8px !important;}
.vkr-s-i10{padding:10px !important;}
.vkr-s-i15{padding:15px !important;}
.vkr-s-i20{padding:20px !important;}
.vkr-s-i30{padding:30px !important;}
.vkr-s-i40{padding:40px !important;}
/*2-矩形-间距-外边距*/
.vkr-s-lr-15{margin:0 -15px !important;}
.vkr-s-o0{margin:0 !important;}
.vkr-s-o4{margin:4px !important;}
.vkr-s-o5{margin:5px !important;}
.vkr-s-o6{margin:6px !important;}
.vkr-s-o8{margin:8px !important;}
.vkr-s-o10{margin:10px !important;}
.vkr-s-o15{margin:15px !important;}
.vkr-s-o20{margin:20px !important;}
.vkr-s-o30{margin:30px !important;}
.vkr-s-o40{margin:40px !important;}
/*2-矩形-间距-本下级列间距*/
.vkr-s-c2{margin:0 -1px;overflow:hidden;zoom:1;}
.vkr-s-c2>* {padding:0 1px;}
.vkr-s-c4{margin:0 -2px;overflow:hidden;zoom:1;}
.vkr-s-c4>* {padding:0 2px;}
.vkr-s-c6{margin:0 -3px;overflow:hidden;zoom:1;}
.vkr-s-c6>* {padding:0 3px;}
.vkr-s-c8{margin:0 -4px;overflow:hidden;zoom:1;}
.vkr-s-c8>* {padding:0 4px;}
.vkr-s-c10{margin:0 -5px;overflow:hidden;zoom:1;}
.vkr-s-c10>* {padding:0 5px;}
.vkr-s-c12{margin:0 -6px;overflow:hidden;zoom:1;}
.vkr-s-c12>* {padding:0 6px;}
.vkr-s-c16{margin:0 -8px;overflow:hidden;zoom:1;}
.vkr-s-c16>* {padding:0 8px;}
.vkr-s-c20{margin:0 -10px;overflow:hidden;zoom:1;}
.vkr-s-c20>* {padding:0 10px;}
.vkr-s-c25{margin:0 -12.5px;overflow:hidden;zoom:1;}
.vkr-s-c25>* {padding:0 12.5px;}
.vkr-s-c30{margin:0 -15px;overflow:hidden;zoom:1;}
.vkr-s-c30>* {padding:0 15px;}
.vkr-s-c40{margin:0 -20px;overflow:hidden;zoom:1;}
.vkr-s-c40>* {padding:0 20px;}
/*2-矩形-下级矩形宽度*/
.vkr-w-s1>*{width:100%;}
.vkr-w-s2>*,.vkr-w-s3>*,.vkr-w-s4>*,.vkr-w-s5>*,.vkr-w-s6>*,.vkr-w-s7>*,.vkr-w-s8>*,.vkr-w-s9>*,.vkr-w-s10>*,.vkr-w-s11>*,.vkr-w-s12>*{float:left;display:block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.vkr-w-s2>*{width:50%;}
.vkr-w-s3>*{width:33.333333%;}
.vkr-w-s4>*{width:25%;}
.vkr-w-s5>*{width:20%;}
.vkr-w-s6>*{width:16.666666%;}
.vkr-w-s7>*{width:14.2857143%;}
.vkr-w-s8>*{width:12.5%;}
.vkr-w-s9>*{width:11.1111111%;}
.vkr-w-s10>*{width:10%;}
.vkr-w-s11>*{width:9.0909091%;}
.vkr-w-s12>*{width:8.3333333%;}
/*2-矩形-宽度-当前矩形绝对值*/
.vkr-w-a220{width:220px;}
.vkr-w-a240{width:240px;}
.vkr-w-a350{width:350px;}
.vkr-w-a400{width:400px;}
.vkr-w-a510{width:510px;}
/*2-矩形-宽度-当前矩形百分比*/
.vkr-w-p1{width:100%;}
.vkr-w-p2{width:50%;}
.vkr-w-p3{width:33.333333%;}
.vkr-w-p4{width:25%;}
.vkr-w-p5{width:20%;}
.vkr-w-p6{width:16.666666%;}
.vkr-w-p7{width:14.2857143%;}
.vkr-w-p8{width:12.5%;}
.vkr-w-p9{width:11.1111111%;}
.vkr-w-p10{width:10%;}
.vkr-w-p11{width:9.0909091%;}
.vkr-w-p12{width:8.3333333%;}
/*2-矩形-高度-当前矩形绝对值*/
.vkr-h-a5{height:5px;}
.vkr-h-a5{height: 5px;}
.vkr-h-a10{height: 10px;}
.vkr-h-a16{height: 16px;}
.vkr-h-a20{height: 20px;}
.vkr-h-a22{height: 22px;}
.vkr-h-a24{height: 24px;}
.vkr-h-a28{height: 28px;}
.vkr-h-a30{height: 30px;}
.vkr-h-a32{height: 32px;}
.vkr-h-a40{height: 40px;}
.vkr-h-a50{height: 50px;}
.vkr-h-a60{height: 60px;}
.vkr-h-a80{height: 80px;}
.vkr-h-a100{height:100px;}
.vkr-h-a110{height:110px;}
.vkr-h-a160{height:160px;}
.vkr-h-a200{height: 200px;}
.vkr-h-a300{height: 300px;}
.vkr-h-a380{height: 380px;}
.vkr-h-a400{height: 400px;}
.vkr-h-a800{height: 800px;}
/*2-矩形-行高度-当前矩形绝对值*/
.vkr-h-h5{line-height:5px;}
.vkr-h-h8{line-height: 8px;}
.vkr-h-h10{line-height: 10px;}
.vkr-h-h16{line-height: 16px;}
.vkr-h-h20{line-height: 20px;}
.vkr-h-h28{line-height: 28px;}
.vkr-h-h30{line-height: 30px;}
.vkr-h-h32{line-height: 32px;}
.vkr-h-h40{line-height: 40px;}
.vkr-h-h50{line-height: 50px;}
.vkr-h-h60{line-height: 60px;}
.vkr-h-h80{line-height: 80px;}
.vkr-h-h100{line-height:100px;}
.vkr-h-h110{line-height:110px;}
.vkr-h-h200{line-height: 200px;}
.vkr-h-h300{line-height: 300px;}
.vkr-h-h400{line-height: 400px;}
.vkr-h-h800{line-height: 800px;}
/*2-矩形-高度-当前矩形百分比*/
.vkr-h-p1{height:100%;}
.vkr-h-p2{height:50%;}
.vkr-h-p3{height:33.333333%;}
.vkr-h-p4{height:25%;}
.vkr-h-p5{height:20%;}
.vkr-h-p6{height:16.666666%;}
.vkr-h-p7{height:14.2857143%;}
.vkr-h-p8{height:12.5%;}
.vkr-h-p9{height:11.1111111%;}
.vkr-h-p10{height:10%;}
.vkr-h-p11{height:9.0909091%;}
.vkr-h-p12{height:8.3333333%;}
/*2-矩形-边框——圆角*/
.vkr-b-r4{border-radius: 4px;}
.vkr-b-r5{border-radius: 5px;}
.vkr-b-r6{border-radius: 6px;}
.vkr-b-r8{border-radius: 8px;}
.vkr-b-r10{border-radius: 10px;}
/*2-矩形-边框——风格*/
.vkr-b-s0{border-style: hidden;}
.vkr-b-s1{border-style: solid;}
.vkr-b-s2{border-style: dotted;}
.vkr-b-s3{border-style: double;}
/*2-矩形-边框——粗细*/
.vkr-b-w0{border-width: 0;}
.vkr-b-w1{border-width: 1px;}
.vkr-b-w2{border-width: 2px;}
.vkr-b-w3{border-width: 3px;}
.vkr-b-w4{border-width: 4px;}
.vkr-b-t1{border-width: thin;}
.vkr-b-t2{border-width: thick;}
.vkr-b-t3{border-width: medium;}
/*2-矩形-浮动*/
.vkr-fl{float:left;}
.vkr-fn{float:none;}
.vkr-fr{float:right;}
/*2-矩形-内部对齐*/
.vkr-fni{text-align:initial;}
.vkr-fnl{text-align:left;}
.vkr-fnc{text-align:center;}
.vkr-fnr{text-align:right;}
/*3-字体-字号*/
.vkf-s12,h6{font-size: 12px;}
.vkf-s13{font-size: 13px;}
.vkf-s14,h5{font-size: 14px;}
.vkf-s16,h4{font-size: 16px;}
.vkf-s18,h3{font-size: 18px;}
.vkf-s20,h2{font-size: 20px;}
.vkf-s24,h1{font-size: 24px;}
/*3-字体-风格*/
.vkf-t-i{font-style: italic;}
.vkf-t-n{font-style: normal;}
.vkf-t-o{font-style: oblique;}
/*3-字体-粗细*/
.vkf-w1{font-weight: 100;}
.vkf-w2{font-weight: 200;}
.vkf-w3{font-weight: 300;}
.vkf-w4{font-weight: 400;}
.vkf-w5{font-weight: 500;}
.vkf-w6{font-weight: 600;}
.vkf-w7{font-weight: 700;}
.vkf-w8{font-weight: 800;}
.vkf-wb{font-weight: bold;}
/*3-字体-家族*/
.vkf-f0{font-family:  "Arial","Microsoft YaHei",'微软雅黑', '黑体', '新宋体', 'Arial Unicode MS', serif ; -mox-osx-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;}
.vkf-f1{font-family:  "Arial","Microsoft YaHei";}

/*4-重自定义layui控件-主菜单*/
/*外框高度*/
/*.vkl-m{height:33px;}*/

/*4-重自定义layui控件-表格中的switch*/
.layui-table .layui-form-switch{margin-top:0;}
/*4-重自定义layui控件-表格中的button*/
.layui-table .layui-btn{height:28px;line-height:28px;padding:0 10px;font-size:12px;}
/*4-重自定义layui控件-Tab*/

/*5-VKES控件*/

/*6-VKES式样*/
.vkp-1{cursor: pointer;}


@media screen and (min-width: 768px){
	/*4-重自定义layui控件-主菜单*/
	/*菜单按钮*/
	.vkl-m button{display: none;}
 }

/*表单*/
.vk-input-sm{height:32px;}

/*带标签的选择框*/
.vk-tool-select{display: table;padding-right:15px;width:100%; border-collapse:separate; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative; }
.vk-tool-select .vk-tool-label{ display: table-cell; white-space:nowrap; text-align: center; width:1%; }
.vk-tool-select .vk-tool-label span{ text-align: center; background-color: #1E9FFF; color:#FFFFFF; position: relative; margin-right:-1px; padding:7px 10px; line-height: 28px; font-size:12px; }
.vk-tool-select .layui-input-inline{width:100%;}
.vk-tool-select .layui-unselect{border-color:#1E9FFF;}
.vk-tool-select .layui-input{height:28px;border-color:#1E9FFF;}
.vk-tool-select .layui-input:hover ,.vk-tool-select .layui-input:focus{border-color:#1E9FFF !important;}
.vk-tool-select>select{ display: table-cell; width:100%; }
.vk-tool-select .layui-form-selected dl{top:30px;}
.vk-tool-select .layui-form-select dl dd{font-size:12px;}
.vk-tool-select .layui-form-select dl dd.layui-this{background-color:#1E9FFF;}
.vk-tool-select .layui-select-title{position: relative;top:0px;font-size:12px;}

/*带标签的输入框*/
.vk-input-label{width:100%;height:28px;position: relative;}
.vk-input-label input{font-size:14px;height:28px;border-radius:14px;border:1px solid #A4A4A4;padding:0 30px 0 16px;width:100%;box-sizing:border-box;background-color: transparent;}
.vk-input-label #vk-btnSearch{position: absolute;top:0px;right:6px;width:20px;height:20px;cursor: pointer;}
.vk-input-label #vk-btnSearch:hover{color:#1E9FFF;}

/*面包屑*/
.vk-crumbs{line-height: 40px;border:none;background:#FFFFFF;padding-left:15px;border-bottom: 1px dotted #E5E5E5;display:block;height:40px;overflow: hidden;width:auto;}
.vk-crumbs ul li{float:left;padding-right:24px;position: relative;}
.vk-crumbs ul li:first-child{padding-right:5px;color:#1E9FFF;}
.vk-crumbs ul li:before{content:"\e65b";color:#BBBBBB;position: absolute;right:5px;top:calc(50% - 19px);font-size:10px; font-family:layui-icon !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.vk-crumbs ul li:first-child:before,.vk-crumbs ul li:last-child:before{display: none;}

/*源代码段格式*/
pre{background-color: #444444; padding: 10px; color: #FFFFFF; border-radius: 10px;}