.layui-layout-body { background-color: #f2f2f2; color: #5f5f5f; }
.layui-layout-admin .layui-header { background-color: #fff; }
.layui-layout-admin .layui-logo { color: #5f5f5f; font-size: 1.25rem; }
.ku-menu .layui-nav-item a { color: #5f5f5f; }
.ku-menu .layui-nav-item a:hover, .ku-menu .layui-this a { color: #16b777; }
.layui-bg-white { background: #fff; }

.site-body .index-body { position: absolute; top: 60px; padding-bottom: 44px; left: 0px; right: 0; bottom: 0; width: 100%; }
.site-body .layui-bg-purple { background-color: #502c6c !important; }
.site-body .layui-nav { background-color: #502c6c; }
.site-body { }
.site-body .layui-fluid { padding: 10px; }

.site-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 990; text-align: center; height: 60px; line-height: 60px; padding: 0 15px; box-shadow: -1px 0 4px rgb(0 0 0 / 12%); background-color: #fafafa; }


/* 平板移动设备   --> 当设备屏幕的宽度大于或等于 992px 时 */
@media (min-width: 768px) {
    .layui-layout-admin .ku-menu { position: absolute !important; left: 200px; top: 0; }
}

/* 宽度小于或等于 768px  */
@media (max-width: 768px) {
    /*.layui-layout-body { background-color: green; }*/
    .layui-layout-admin .layui-logo { width: auto; left: 10px; }
    /*.layui-layout-admin .ku-menu { position: absolute !important; right: 10px; top: 0; }*/

    .ku-menu-tool { right: 10px; top: 0; position: absolute; display: inline-block; margin-top: 0; list-style: none; vertical-align: middle; line-height: 60px; color: #fff; }

    .ku-menu { display: none; padding: 0px; background: #fff !important; position: fixed; top: 0px; left: 0; width: 240px; height: 100%; z-index: 999; overflow-y: auto; transition: left .3s; }
    .ku-menu .layui-nav-item { display: block; }
    .ku-menu .layui-nav-item a { color: #000 !important; }
    .ku-mask { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 998; overflow: hidden; }
}

/*flex布局*/
.flex { display: flex; }
.flex-sub { flex: 1; }
.flex-twice { flex: 2; }
.flex-treble { flex: 3; }
.flex-full { flex-grow: 1 }
.flex-direction { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.align-center { align-items: center; }
.align-stretch { align-items: stretch; }
.self-start { align-self: flex-start; }
.self-center { align-self: flex-center; }
.self-end { align-self: flex-end; }
.self-stretch { align-self: stretch; }
.align-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }


/* 右侧信息栏 */
.layadmin-cmdlist-fluid { padding-bottom: 60px; }
.cmdlist-container { background: #fff; border: 1px solid transparent; }
.cmdlist-container:hover { border: 1px solid #e8e8e8; }
.cmdlist-container .imgbox { display: block; width: 100%; height: 180px; overflow: hidden; }
.cmdlist-container img { width: 100%; height: 100%; }
.cmdlist-text { padding: 20px; }
.cmdlist-text .info { height: 40px; font-size: 16px; line-height: 20px; width: 100%; overflow: hidden; color: #000; margin-bottom: 10px; font-weight: bold; }
.cmdlist-text .difficultylevel { }
.cmdlist-text .difficultylevel .lvTitle { color: #000; }
.cmdlist-text .price { font-size: 14px; }
.cmdlist-text .price b { margin-right: 20px; }
.cmdlist-text .price p { display: inline-block; }
.cmdlist-text .flow { text-align: right; float: right; }
#demo0 { text-align: center; }

/* 商品列表 */
.layadmin-message-fluid .layui-col-md12 { background: #fff; height: auto; padding-bottom: 50px; }
.layadmin-message-fluid .layui-input-block { margin-left: 0; }
.layadmin-message-fluid .layui-form { padding: 45px 40px 0 40px; }
.layadmin-message-fluid .layui-form-label { text-align: left; font-size: 18px; padding-left: 10px; }
.layadmin-message-fluid .layui-textarea { min-height: 100px; font-size: 16px; }
.layadmin-message-fluid .layui-input-right { float: right; }
.layadmin-messag-icon { overflow: hidden; float: left; }
.layadmin-messag-icon .layui-icon { font-size: 24px; line-height: 30px; margin-right: 15px; color: #C4CBCF; }
.layadmin-messag-icon { margin-top: 4px; }
.message-content { padding: 0 40px; }
.message-content .media-body { margin-bottom: 60px; }
.message-content .media-body .pad-btm { padding-bottom: 0; }
.message-content .media-left { float: left; margin-right: 10px; }
.message-content .media-left img { border-radius: 50%; }
.message-text { padding-top: 10px; }
.message-content-btn { text-align: center; }
.message-content .layui-btn { height: auto; line-height: 26px; padding: 5px 30px; font-size: 16px; }