body { background: #f2f2f2; } .layuimini-container { border: 1px solid #f2f2f2; border-radius: 5px; background-color: #ffffff } .layuimini-main { margin: 10px 10px 10px 10px; } /**必填红点 */ .layuimini-form > .layui-form-item > .required:after { content: '*'; color: red; position: absolute; margin-left: 4px; font-weight: bold; line-height: 1.8em; top: 6px; right: 5px; } .layuimini-form > .layui-form-item > .layui-form-label { width: 120px ; } .layuimini-form > .layui-form-item > .layui-input-block { margin-left: 150px !important; } .layuimini-form > .layui-form-item > .layui-input-block > tip { display: inline-block; margin-top: 10px; line-height: 10px; font-size: 10px; color: #a29c9c; } /**搜索框*/ .layuimini-container .table-search-fieldset { margin: 0; border: 1px solid #e6e6e6; padding: 10px 20px 5px 20px; color: #6b6b6b; /*position: sticky;*/ /*top: 0;*/ /*z-index: 999;*/ background: #ffffff; } /**自定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px } ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } ::-webkit-scrollbar-thumb { background-color: #9c9da0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em } .my-shadow:hover { box-shadow: 2px 0 4px rgba(0, 21, 41, .35); } .my-card { cursor: pointer; width: 100%; display: inline-block; border-top-left-radius: 4px; border-top-right-radius: 4px; } .my-card-context{ margin-left: 15px; font-size: 18px; margin-top: 5px; font-weight:normal; } .my-time { margin-top: 40px; margin-bottom: 20px; } .my-info{ margin-top: 10px; margin-bottom: 20px; } body { font-family: 华文楷体; font-weight: bold; } .waterfall-demo { position: relative; opacity: 0; transition: .2s ease; margin-bottom: 60px; } .waterfall-grid { position: relative; /* fluffy */ margin: 0 auto; width: 98%; /* end fluffy */ } .waterfall-grid-item { position: absolute; top: 0; left: 0; /* fluffy */ width: 45%; /*height: 120px;*/ border-radius: 3px; background-color: #EDEDED; /* end fluffy */ -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; border: 1px solid #ADADAD; } /* mq */ @media (max-width: 600px) { .grid-item { width: 120px; height: 80px; } } .layui-return-top{ position: fixed; z-index: 100000; bottom: 15px; right: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 2px; text-align: center; background-color: rgba(0, 0, 0, .7); color: #fff; cursor: pointer; }