| body { | 
|     font-family: Arial, "Microsoft YaHei"; | 
|     background-color: #ffffff; | 
| } | 
|   | 
| .layui-tab-card > .layui-tab-title { | 
|     background-color: #ffffff; | 
| } | 
|   | 
| .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea { | 
|     border-color: #eee; | 
| } | 
|   | 
| .layui-content { | 
|     height: 150px; | 
| } | 
|   | 
| .content3 { | 
|     height: 595px; | 
| } | 
|   | 
| .content4 { | 
|     height: 640px; | 
| } | 
|   | 
| .cnt { | 
|     border: 1px solid #5FB878; | 
|     height: 150px; | 
|     border-radius: 5px; | 
|     /*background: -webkit-gradient(linear, 0% 0%, 0% 50%,from(#262525), to(#262525));*/ /*谷歌*/ | 
| } | 
|   | 
| .ctop:hover { | 
|     cursor: pointer; /*鼠标变成手指样式*/ | 
|   /*  -webkit-transition: border linear .1s,-webkit-box-shadow linear .5s; | 
|     border-color: rgba(95,184, 120,.75); | 
|     -webkit-box-shadow: 0 0 18px rgba(95,184,120);*/ | 
| } | 
|   | 
| .check { | 
|     cursor: pointer; /*鼠标变成手指样式*/ | 
|     -webkit-transition: border linear .1s,-webkit-box-shadow linear .5s; | 
|     border-color: rgba(95,184, 120,.75); | 
|     -webkit-box-shadow: 0 0 18px rgba(95,184,120); | 
| } | 
| .check1 { | 
|     cursor: pointer; /*鼠标变成手指样式*/ | 
|     -webkit-transition: border linear .1s,-webkit-box-shadow linear .5s; | 
|     border-color: rgba(0,148, 255,.75); | 
|     -webkit-box-shadow: 0 0 18px rgba(0,148,255); | 
| } | 
|   | 
| .cns { | 
|     border: 1px solid #5FB878; | 
|     height: 160px; | 
|     border-radius: 5px; | 
| } | 
|   | 
| .topright dt img { | 
|     display: block; | 
|     height: 145px; | 
|     width: 100%; | 
| } | 
|   | 
| dt { | 
|     height: 145px; | 
|     width: 20%; | 
|     border: 1px solid rgb(0 0 0 / 10%); | 
| } | 
|   | 
| dl { | 
|     overflow: hidden; | 
|     margin: 2px 0px; | 
| } | 
|   | 
| .topright > dd { | 
|     padding: 0px 10px; | 
|     width: 50%; | 
| } | 
|   | 
| dt, dd { | 
|     float: left; | 
| } | 
|   | 
| .cnt h1, .cns h1 { | 
|     line-height: 25px; | 
|     margin: 0 5px; | 
|     white-space: nowrap; | 
|     text-overflow: ellipsis; | 
|     overflow: hidden; | 
| } | 
|   | 
| h1 span { | 
|     font-family: "微软雅黑"; | 
|     font-weight: bold; | 
|     white-space: nowrap; | 
|     overflow: hidden; | 
|     text-overflow: ellipsis; | 
|     line-height: 0.9; | 
|     font-size:12px; | 
| } | 
|   | 
| .cnt, .cns dl dd { | 
|     margin: 0 auto; | 
|     /*text-align:center;*/ | 
| } | 
|   | 
| .layui-show { | 
|     padding: 5px 10px; | 
| } | 
|   | 
| .color_border1 { | 
|     border: 0.4em solid #ffd800; | 
|     background-color: #ffd800; | 
| } | 
|   | 
| .color_border2 { | 
|     border: 0.4em solid #09d1ea; | 
|     background-color: #09d1ea; | 
| } | 
|   | 
| .color_border3 { | 
|     border: 0.4em solid #808080; | 
|     background-color: #808080; | 
| } | 
| .color_border4 { | 
|     border: 0.4em solid #13ad4c; | 
|     background-color: #13ad4c; | 
| } | 
|   | 
| .gj_icon { | 
|     border-radius: 0.4em; | 
|     width: 1px; | 
|     height: 1px; | 
|     display: inline-block; | 
|     vertical-align: 0px; | 
|     margin-right: 14px; | 
| } | 
|   | 
| .imgicon { | 
|     height: 100px; | 
|     display: block; | 
|     text-align: center; | 
| } | 
|   | 
| .imgtitle { | 
|     text-align: center; | 
|     display: block; | 
|     font-size: 20px; | 
| } | 
|   | 
| .layui-icon { | 
|     font-size: 90px; | 
| } | 
|   | 
| .imgicon0 { | 
|     height: 100px; | 
|     display: block; | 
|     text-align: center; | 
|     margin: 0.2em auto; | 
|     width: 100px; | 
| } | 
|   | 
|     .imgicon0:hover { | 
|         cursor: pointer; /*鼠标变成手指样式*/ | 
|         -webkit-transition: border linear .1s,-webkit-box-shadow linear .5s; | 
|         border-color: rgba(141,39,142,.75); | 
|         -webkit-box-shadow: 0 0 18px rgba(111,1,32,3); | 
|     } | 
|   | 
| .bottomright { | 
|     cursor: pointer; /*鼠标变成手指样式*/ | 
|     transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/ | 
| } | 
|   | 
|     .bottomright:hover { | 
|         transform: scale(1.3); /*鼠标放上之后元素变成1.4倍大小*/ | 
|     } | 
|   | 
| #mychart1, #mychart2 { | 
|     width: 100%; | 
|     height: 320px; | 
| } | 
|   | 
| .delete { | 
|     width: 20px; | 
|     height: 20px; | 
|     border-radius: 60%; | 
|     position: absolute; | 
|     top: 5px; | 
|     right: 15px; | 
|     font-size: 30px; | 
| } | 
|   | 
|     .delete:hover { | 
|         cursor: pointer; /*鼠标变成手指样式*/ | 
|     } | 
|   | 
| .tcenter { | 
|     width: 100%; | 
| } | 
|   | 
| .prs { | 
|     font-family: "微软雅黑"; | 
|     font-weight: bold; | 
|     line-height: 30px; | 
|     margin: 0 0px 0px 10px; | 
|     float: left; | 
| } | 
|   | 
| .layui-progress { | 
|     width: 60%; | 
|     float: left; | 
|     top: 6px; | 
| } |