.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: 180px; 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: 28px; 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; }