@charset "UTF-8";
/**本格式文件基于 layui-v2.4.5 进行的拓展**/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

/*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-h16{color:#F8F8F8;}
/*1-颜色-前端颜色-常用彩色*/
.vkc-f-b0{color:#0000FF !important;}
.vkc-f-b1{color:#1E9FFF !important;}
.vkc-f-b2{color:#669FC7 !important;}
.vkc-f-g0{color:#00FF00 !important;}
.vkc-f-g1{color:#009688 !important;}
.vkc-f-g2{color:#6C9842 !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-r2{color:#B52C26 !important;}
.vkc-f-r3{color:#EBCCD1 !important;}
.vkc-f-y0{color:#FFFF00 !important;}
.vkc-f-y1{color:#FEE188 !important;}
/*1-颜色-背景颜色-灰度*/
.vkc-b-h0{background-color:#000000 !important;}
.vkc-b-h1{background-color:#111111 !important;}
.vkc-b-h2{background-color:#222222 !important;}
.vkc-b-h3{background-color:#333333 !important;}
.vkc-b-h4{background-color:#444444 !important;}
.vkc-b-h5{background-color:#555555 !important;}
.vkc-b-h6{background-color:#666666 !important;}
.vkc-b-h7{background-color:#777777 !important;}
.vkc-b-h8{background-color:#888888 !important;}
.vkc-b-h9{background-color:#999999 !important;}
.vkc-b-h10{background-color:#AAAAAA !important;}
.vkc-b-h11{background-color:#BBBBBB !important;}
.vkc-b-h12{background-color:#CCCCCC !important;}
.vkc-b-h13{background-color:#DDDDDD !important;}
.vkc-b-h14{background-color:#EEEEEE !important;}
.vkc-b-h15{background-color:#FFFFFF !important;}
/*1-颜色-背景颜色-常用灰度*/
.vkc-b-h16{background-color:#F8F8F8 !important;}
.vkc-b-h17{background-color:#F8F8F8 !important;}
.vkc-b-h18{background-color:#EDEDED !important;}
.vkc-b-h19{background-color:#F6F6F6 !important;}

/*1-颜色-背景颜色-常用彩色*/
.vkc-b-b0{background-color:#0000FF !important;}
.vkc-b-b1{background-color:#1E9FFF !important;}
.vkc-b-b2{background-color:#2A8BCB !important;}
.vkc-b-b3{background-color:#3F96D4 !important;}
.vkc-b-b4{background-color:#40AAE3 !important;}
.vkc-b-g0{background-color:#00FF00 !important;}
.vkc-b-g1{background-color:#009688 !important;}
.vkc-b-g2{background-color:#6C9842 !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-p1{background-color:#9889C1 !important;}
.vkc-b-p2{background-color:#BE2F64 !important;}
.vkc-b-r0{background-color:#FF0000 !important;}
.vkc-b-r1{background-color:#DD5A43 !important;}
.vkc-b-r2{background-color:#B52C26 !important;}
.vkc-b-r3{background-color:#EBCCD1 !important;}
.vkc-b-y0{background-color:#FFFF00 !important;}
.vkc-b-y1{background-color:#FEE188 !important;}
.vkc-b-y2{background-color:#FE9E19 !important;}
.vkc-b-y3{background-color:#FFB44B !important;}
.vkc-b-y4{background-color:#EDE8D5 !important;}
.vkc-b-y5{background-color:#CCC8B8 !important;}

/*1-颜色-边框颜色-灰度*/
.vkc-d-h0{border-color:#000000 !important;}
.vkc-d-h1{border-color:#111111 !important;}
.vkc-d-h2{border-color:#222222 !important;}
.vkc-d-h3{border-color:#333333 !important;}
.vkc-d-h4{border-color:#444444 !important;}
.vkc-d-h5{border-color:#555555 !important;}
.vkc-d-h6{border-color:#666666 !important;}
.vkc-d-h7{border-color:#777777 !important;}
.vkc-d-h8{border-color:#888888 !important;}
.vkc-d-h9{border-color:#999999 !important;}
.vkc-d-h10{border-color:#AAAAAA !important;}
.vkc-d-h11{border-color:#BBBBBB !important;}
.vkc-d-h12{border-color:#CCCCCC !important;}
.vkc-d-h13{border-color:#DDDDDD !important;}
.vkc-d-h14{border-color:#EEEEEE !important;}
.vkc-d-h15{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-r4{border-color:#A94442 !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;}
.vkr-s-otn30{margin-top:-30px !important;}
.vkr-s-otn20{margin-top:-20px !important;}
.vkr-s-otn10{margin-top:-10px !important;}
.vkr-s-otn5{margin-top:-5px !important;}
.vkr-s-ot0{margin-top:0px !important;}
.vkr-s-ob0{margin-bottom:0px !important;}
.vkr-s-ol0{margin-left:0px !important;}
.vkr-s-or0{margin-right:0px !important;}
.vkr-s-or10{margin-right:10px !important;}
.vkr-s-ot40{margin-top:40px !important;}
.vkr-s-ob10{margin-bottom:10px !important;}
.vkr-s-ob20{margin-bottom:20px !important;}
.vkr-s-ob30{margin-bottom:30px !important;}
.vkr-s-ob40{margin-bottom:40px !important;}
.vkr-s-ob-15{margin-bottom:-15px !important;}
/*2-矩形-间距-本下级列间距*/
.vkr-s-c2{margin:0 -1px;zoom:1;}
.vkr-s-c2>* {padding:0 1px;}
.vkr-s-c4{margin:0 -2px;zoom:1;}
.vkr-s-c4>* {padding:0 2px;}
.vkr-s-c6{margin:0 -3px;zoom:1;}
.vkr-s-c6>* {padding:0 3px;}
.vkr-s-c8{margin:0 -4px;zoom:1;}
.vkr-s-c8>* {padding:0 4px;}
.vkr-s-c10{margin:0 -5px;zoom:1;}
.vkr-s-c10>* {padding:0 5px;}
.vkr-s-c12{margin:0 -6px;zoom:1;}
.vkr-s-c12>* {padding:0 6px;}
.vkr-s-c16{margin:0 -8px;zoom:1;}
.vkr-s-c16>* {padding:0 8px;}
.vkr-s-c20{margin:0 -10px;zoom:1;}
.vkr-s-c20>* {padding:0 10px;}
.vkr-s-c25{margin:0 -12.5px;zoom:1;}
.vkr-s-c25>* {padding:0 12.5px;}
.vkr-s-c28{margin:0 -14px;zoom:1;}
.vkr-s-c28>* {padding:0 14px;}
.vkr-s-c30{margin:0 -15px;zoom:1;}
.vkr-s-c30>* {padding:0 15px;}
.vkr-s-c40{margin:0 -20px;zoom:1;}
.vkr-s-c40>* {padding:0 20px;}
.vkr-s-c60{margin:0 -30px;zoom:1;}
.vkr-s-c60>* {padding:0 30px;}
/*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-a100{width:100px;}
.vkr-w-a220{width:220px;}
.vkr-w-a240{width:240px;}
.vkr-w-a300{width:300px;}
.vkr-w-a400{width:400px;}
.vkr-w-a510{width:510px;}
.vkr-w-a600{width:600px;}
/*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%;}
.vkr-w-pa{width:auto;}
/*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-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-a200{height: 200px;}
.vkr-h-a300{height: 300px;}
.vkr-h-a400{height: 400px;}
.vkr-h-a540{height: 540px;}
.vkr-h-a600{height: 600px;}
.vkr-h-a800{height: 800px;}
/*2-矩形-行高度-当前矩形绝对值*/
.vkr-h-h5{line-height:5px;}
.vkr-h-h5{line-height: 5px;}
.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-h200{line-height: 200px;}
.vkr-h-h300{line-height: 300px;}
.vkr-h-h400{line-height: 400px;}
/*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-f-rx{overflow-x:auto;overflow-y:hidden;}
.vkr-f-ry{overflow-x:hidden;overflow-y:auto;}
.vkr-f-ra{overflow:auto;}
.vkr-f-rn{overflow:hidden;}
.vkr-f-fl{float:left;}
.vkr-f-fn{float:none;}
.vkr-f-fr{float:right;}
.vkr-f-pt{position: fixed;top:0;}
.vkr-f-pb{position: fixed;bottom:0;}
.vkr-f-pl{position: fixed;left:0;}
.vkr-f-pr{position: fixed;right:0;}
.vkr-f-z5{z-index: 5;}
.vkr-f-z10{z-index: 10;}
.vkr-f-z20{z-index: 20;}
.vkr-f-z99{z-index: 99;}
.vkr-f-z999{z-index: 999;}
.vkr-f-z9999{z-index: 9999;}
.vkr-f-t0{top:0 !important;}
/*2-矩形-对齐*/
.vkr-f-tl{text-align: left !important;}
.vkr-f-tc{text-align: center !important;}
.vkr-f-tr{text-align: right !important;}
.vkr-f-vt{vertical-align: top;}
.vkr-f-vm{vertical-align: middle;}
.vkr-f-vb{vertical-align: bottom;}
.vkr-f-di{display: inline-block;}
/*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;}
.vkf-s36{font-size: 36px;}
.vkf-s40{font-size: 40px;}
/*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 !important;}
.vkf-w2{font-weight: 200 !important;}
.vkf-w3{font-weight: 300 !important;}
.vkf-w4{font-weight: 400 !important;}
.vkf-w5{font-weight: 500 !important;}
.vkf-w6{font-weight: 600 !important;}
.vkf-w7{font-weight: 700 !important;}
.vkf-w8{font-weight: 800 !important;}
.vkf-wb{font-weight: bold !important;}
/*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;}

.layui-form-item .vk-input-inline2{width:510px;}

@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;}

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

/*震动*/
@-webkit-keyframes shake { 10%, 90% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20%, 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 30%, 50%, 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } }
@keyframes shake { 10%, 90% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20%, 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 30%, 50%, 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } }
/*向左飞入*/
.layui-anim-left { -webkit-animation-name: layui-left; animation-name: layui-left; }
@-webkit-keyframes layui-left { from { -webkit-transform: translate3d(1000px,0,0); opacity: .3 }  to { -webkit-transform: translate3d(0,0,0); opacity: 1 } }
@keyframes layui-left { from { transform: translate3d(1000px,0,0); opacity: .3 }  to { transform: translate3d(0,0,0); opacity: 1 } }
/*向右飞入*/
.layui-anim-right { -webkit-animation-name: layui-right; animation-name: layui-right; }
@-webkit-keyframes layui-right { from { -webkit-transform: translate3d(0,0,0); opacity: .3 }  to { -webkit-transform: translate3d(1000px,0,0); opacity: 1 } }
@keyframes layui-right { from { transform: translate3d(0,0,0); opacity: .3 }  to { transform: translate3d(1000px,0,0); opacity: 1 } }



/*1280分辨率以上（大于1200px）*/

 @media screen and (min-width:1200px){
    #page{ width: 1100px; }
    #content,.div1{width: 730px;}
    #secondary{width:310px}
}

/*1100分辨率（大于960px，小于1199px）*/

@media screen and (min-width: 960px) and (max-width: 1199px) {
    #page{ width: 960px; }
    #content,.div1{width: 650px;}
    #secondary{width:250px}
    select{max-width:200px}
} 

/*880分辨率（大于768px，小于959px）*/

@media screen and (min-width: 768px) and (max-width: 959px) {
    #page{ width: 900px; }
    #content,.div1{width: 620px;}
    #secondary{width:220px}
    select{max-width:180px}
} 

/*720分辨率（大于480px，小于767px）*/

@media only screen and (min-width: 480px) and (max-width: 767px){
    #page{ width: 450px; }
    #content,.div1{width: 420px;position: relative; }
    #secondary{display:none}
    #access{width: 450px; }
    #access a {padding-right:5px}
    #access a img{display:none}
    #rss{display:none}
    #branding #s{display:none}
} 

/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {
    #page{ width: 300px; }
    #content,.div1{width: 300px;}
    #secondary{display:none}
    #access{width: 330px;} 
    #access a {padding-right:10px;padding-left:10px}
    #access a img{display:none}
    #rss{display:none}
    #branding #s{display:none}
    #access ul ul a{width:100px}
}