/**

 @Name：layuiAdmin
 @Author：贤心
 @Site：http://www.layui.com/admin/
 @License：LPPL

 */

html #layuicss-layuiAdmin{display: none; position: absolute; width: 1989px;}




/* 系统 */
::-webkit-input-placeholder{color: #ccc}

/** 滚动条 **/
/*
::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
*/


/* 全局 */
html{background-color: #f2f2f2; color: #666;}
*[template],
.layadmin-tabsbody-item{display: none;}
*[lay-href],
*[lay-tips],
*[layadmin-event]{cursor: pointer;}
a {
    color: #38f;
}

a:hover {
    color: #2767c0;
}
.mt20 {
    margin-top: 20px;
}


/* 重置布局结构 */
.layui-layout-admin .layui-header{position: fixed; top: 0; left: 0; width: 100%; height: 50px;}

/*
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-item a{color: #fff;}
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-item a cite{color: rgba(255,255,255,.7);}
*/

.layui-layout-admin .layui-header .layui-nav .layui-nav-child a{color: #333;}
.layui-layout-admin .layui-side{width: 220px; top: 0; z-index: 1001;}
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item{height: 50px; line-height: 50px;}
.layui-layout-admin .layui-logo{position: fixed; left: 0; top: 0; z-index: 1002; width: 220px; height: 49px; padding: 0 15px; box-sizing: border-box; overflow: hidden; font-weight: 300; background-repeat: no-repeat; background-position: center center;}
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer{left: 220px;}
.layadmin-pagetabs{position: fixed; top: 50px; right: 0; z-index: 999;}
.layadmin-pagetabs .layui-breadcrumb{padding: 0 15px;}
.layui-layout-admin .layui-body{position: fixed; top: 90px; bottom: 0;}
.layui-layout-admin .layui-body .layadmin-tabsbody-item{position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden;}
.layui-layout-admin .layui-header .layui-nav-img{width: 26px; height: 26px;}
.layui-layout-admin .layui-header .layui-nav-child{top: 55px;}
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child{left: auto; right: 0;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this{background: none}

/* 统一动画 */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header .layui-layout-right{transition: all .3s; -webkit-transition: all .3s;}

/* 图标 */
.layui-icon-login-qq{color: #3492ED;}
.layui-icon-login-wechat{color: #4DAF29;}
.layui-icon-login-weibo{color: #CF1900;}

/* 重置表格风格 */
/*
.layui-table th,
.layui-table td,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"],
.layui-table-view,
.layui-table-header,
.layui-table-tool,
.layui-table-page,
.layui-table-fixed-r,
.layui-table-tips-main{border-color: #f6f6f6;}

.layui-table thead tr,
.layui-table-header,
.layui-table-tool,
.layui-table-patch,
.layui-table-mend{background-color: #fff;}

.layui-table[lay-even] tr:nth-child(even),
.layui-table tbody tr:hover,
.layui-table-hover,
.layui-table-click{background-color: #f8f8f8;}
*/



/*分割线*/
.split-line {
    /* position: relative;*/
    /* margin-right: 6px;*/
}

.split-line:after {
    content: "|";
    height: 0;
    margin: 0 0 0 4px;
}

.split-line:last-child:after {
    display: none;
}

/*间隔*/
.blank-line {
    width: auto;
    height: 20px;
    background-color: #fff;
}

/*空白页*/
.blank-page {
    width: auto;
    height: 400px;
    background-color: #fff;
}



/* 表单 */
.layui-form[wid100] .layui-form-label{width: 100px;}
.layui-form[wid100] .layui-input-block{margin-left: 130px;}
@media screen and (max-width: 450px){
    .layui-form[wid100] .layui-form-item .layui-input-inline{margin-left: 132px;}
    .layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 130px;}
}
.layui-form-item .layui-input-company{width: auto; padding-right: 10px; line-height: 38px;}

/* 辅助 */
.layadmin-flexible{}
.layui-bg-white{background-color: #fff;}
.layadmin-loading{position: absolute; left: 50%; top: 50%; margin: -16px -15px; font-size: 30px; color: #c2c2c2;}
.layadmin-fixed{position: fixed; left: 0; top: 0; z-index: 999;}
.layadmin-link{color: #029789!important;}
.layadmin-link:hover{opacity: 0.8;}

/* 弹出面板 */
.layui-layer-admin .layui-layer-title{height: 50px; line-height: 50px; border: none 0; background-color: #20222A; color: #fff;}
.layui-layer-admin i[close]{position: absolute; padding: 5px; right: 10px; top: 12px; color: #fff; cursor: pointer;}
.layui-layer-admin .layui-layer-content{padding: 20px; line-height: 22px;}
.layui-layer-admin .layui-layer-content cite{font-style: normal; color: #FF5722;}

/* 右侧面板 */
.layui-layer-adminRight{top: 50px !important; bottom: 0; box-shadow: 1px 1px 10px rgba(0,0,0,.1); border-radius: 0; overflow: auto;}

/* 弹出便签 */
.layadmin-note .layui-layer-content{padding: 0;}
.layadmin-note textarea{display: block; width: 300px; height: 132px; min-width: 300px; min-height: 132px; line-height: 20px; padding: 10px 20px; border: none; box-sizing: border-box; color: #666; word-wrap: break-word;}

/* 头部导航 */
.layui-layout-admin .layui-layout-left{padding: 0 10px;}
.layui-layout-admin .layui-layout-left .layui-nav-item{margin: 0 20px;}
.layui-layout-admin .layui-input-search{display: inline-block; vertical-align: middle; height: 32px; border: none; cursor: text;}
.layui-layout-admin .layui-layout-left a{padding: 0;}
.layui-layout-admin .layui-layout-right{padding: 0;}
.layui-header .layui-nav-item .layui-icon{position: relative; top: 1px; font-size: 16px;}
.layui-header .layui-nav-item:hover{}
.layui-header .layui-layout-right .layui-badge-dot{margin-left: 11px;}
.layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar{top: 0 !important; bottom: auto; height: 3px; background-color: #fff; background-color: rgba(255,255,255,.3);}

/* 遮罩 */
.layadmin-body-shade{position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.3); z-index: 1000;}
.layui-page-bottom {
    height: 60px;
    line-height: 60px;
    background-color: #ffffcc;
    text-align: center;
}

/* 侧边菜单 */
.layui-side-menu .layui-side-scroll{width: 240px;}
.layui-side-menu .layui-nav{width: 220px; margin-top: 50px; background: none;}
.layui-side-menu .layui-nav .layui-nav-item a{height: 40px; line-height: 40px; padding-left: 45px; padding-right: 30px;}
.layui-side-menu .layui-nav .layui-nav-item > a{padding-top: 8px; padding-bottom: 8px;}
.layui-side-menu .layui-nav .layui-nav-item a:hover{background: none;}
.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child{padding: 5px 0;}
.layui-side-menu .layui-nav .layui-nav-item .layui-icon{position: absolute; top: 50%; left: 20px; margin-top: -19px;}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child{background: none!important;}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a{padding-left: 60px}
.layui-side-menu .layui-nav .layui-nav-more{right: 15px;}

/* 侧边菜单 - 平板移动设备 */
@media screen and (max-width: 992px) {
    .layui-layout-admin .layui-side{transform: translate3d(-220px, 0, 0); -webkit-transform: translate3d(-220px, 0, 0); width: 220px;}
    .layui-layout-admin .layui-layout-left,
    .layadmin-pagetabs,
    .layui-layout-admin .layui-body,
    .layui-layout-admin .layui-footer{left: 0;}
}


/*弹出风格统一化*/
.layui-layer-btn .layui-layer-btn0 {
    border: rgba(0, 150, 136, 0.7) !important;;
    background-color: #009688 !important;
}

/*搜索区样式*/

.search-box {
    padding: 10px 20px 10px 0;
    background-color: #f8f8f8;
    font-size: 13px;
}

.search-box .layui-row {
    margin-bottom: 0;
}

/*.search-box .layui-row:last-child {*/
/*margin-bottom: 0;*/
/*}*/

.search-box .layui-row > div {
    padding: 7px 0;
}

.search-box .layui-row > .search-box-last {
    padding-left: 18px;
}

.search-box .layui-form-label {
}

.search-box a.btn-search-more {
    margin-left: 20px;
}

.search-box a.btn-search-more .layui-icon {
    font-size: 13px;
}

/*表格toolbox*/
.layui-table-toolbox {
    margin-bottom: 10px;
}

.layui-table-toolbox .layui-btn-container {
    float: left;
}

.layui-table-toolbox .layui-btn-container .layui-btn {
    margin-bottom: 0;
}

.layui-table-toolbox .layui-table-setting {
    float: right;
}

.layui-table-toolbox .layui-table-setting .layui-btn .layui-icon {
    margin-right: 0;
}

/* 侧边收缩模式 */
/*.layadmin-side-shrink .layui-layout-admin .layui-logo{width: 60px; background-images: url(res/logo.png); !*background-size: 20px;)*!}*/
/*.layadmin-side-shrink .layui-layout-admin .layui-logo span{display: none;}*/
/*.layadmin-side-shrink .layui-side{left: 0; width: 60px;}*/
/*.layadmin-side-shrink .layui-layout-admin .layui-layout-left,*/
/*.layadmin-side-shrink .layadmin-pagetabs,*/
/*.layadmin-side-shrink .layui-layout-admin .layui-body,*/
/*.layadmin-side-shrink .layui-layout-admin .layui-footer{left: 60px;}*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav{position: static; width: 60px;}*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav-item{position: static;}*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav-item>a{padding-right: 0;}*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav-item cite,*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more,*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child{display: none; padding: 8px 0; width: 200px;}*/
/*.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-itemed>a{background: rgba(0,0,0,.3);}*/

.layadmin-side-shrink .layui-layout-admin .layui-side {
    transform: translate3d(-220px, 0, 0);
    -webkit-transform: translate3d(-220px, 0, 0);
    width: 220px;
}
.layadmin-side-shrink .layui-layout-admin .layui-layout-left,
.layadmin-side-shrink .layadmin-pagetabs,
.layadmin-side-shrink .layui-layout-admin .layui-body,
.layadmin-side-shrink .layui-layout-admin .layui-footer {
    left: 0;
}

/* 移动端展开模式 */
.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left,
.layadmin-side-spread-sm .layadmin-pagetabs,
.layadmin-side-spread-sm .layui-layout-admin .layui-body,
.layadmin-side-spread-sm .layui-layout-admin .layui-footer{left: 0; transform: translate3d(220px, 0, 0); -webkit-transform: translate3d(220px, 0, 0);}
.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right{transform: translate3d(220px, 0, 0); -webkit-transform: translate3d(220px, 0, 0);}
.layadmin-side-spread-sm .layui-side{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.layadmin-side-spread-sm .layadmin-body-shade{display: block; }


/* 页面标签 */
.layadmin-pagetabs{height: 40px; line-height: 40px; padding: 0 80px 0 40px; /*border-bottom: 2px solid #292B34;*/ background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}
.layadmin-pagetabs .layadmin-tabs-control{position: absolute; top: 0; width: 40px; height: 100%; text-align: center; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; border-left: 1px solid #f6f6f6;}
.layadmin-pagetabs .layadmin-tabs-control:hover{background-color: #f6f6f6;}
.layadmin-pagetabs .layui-icon-prev{left: 0; border-left: none; border-right: 1px solid #f6f6f6;}
.layadmin-pagetabs .layui-icon-next{right: 40px; right: 40px;}
.layadmin-pagetabs .layui-icon-down{right: 0;}
.layadmin-tabs-select.layui-nav{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: none;}
.layadmin-tabs-select.layui-nav .layui-nav-item{line-height: 40px;}
.layadmin-tabs-select.layui-nav .layui-nav-item>a{height: 40px;}
.layadmin-tabs-select.layui-nav .layui-nav-item a{color: #666;}
.layadmin-tabs-select.layui-nav .layui-nav-child{top: 40px; left: auto; right: 0;}
.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color: #f2f2f2!important; color: #333;}
.layadmin-tabs-select.layui-nav .layui-nav-more,
.layadmin-tabs-select.layui-nav .layui-nav-bar{display: none;}

.layadmin-pagetabs .layui-tab{margin: 0; overflow: hidden;}
.layadmin-pagetabs .layui-tab-title{height: 40px; border: none;}
.layadmin-pagetabs .layui-tab-title li{min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-right: 40px; overflow: hidden; border-right: 1px solid #f6f6f6; vertical-align: top;}
.layadmin-pagetabs .layui-tab-title li:first-child{ padding-right: 15px;}
.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close{display: none;}
.layadmin-pagetabs .layui-tab-title li .layui-tab-close{position: absolute; right: 8px; top: 50%; margin: -7px 0 0 0; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; font-size: 12px;}
.layadmin-pagetabs .layui-tab-title li:after{content:''; position: absolute; top: 0; left: 0; width: 0; height: 2px; border-radius: 0; background-color: #292B34; transition: all .3s; -webkit-transition: all .3s;}
.layadmin-pagetabs .layui-tab-title li:hover:after{width: 100%;}
.layadmin-pagetabs .layui-tab-title li:hover,
.layadmin-pagetabs .layui-tab-title li.layui-this{background-color: #f6f6f6;}
.layadmin-pagetabs .layui-tab-title li.layui-this:after{width: 100%; border: none; height: 2px; background-color: #292B34;}

/* 不开启页面标签时 */
.layadmin-tabspage-none .layui-layout-admin .layui-header{border-bottom: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.layadmin-tabspage-none .layui-layout-admin .layui-body{top: 50px;}
.layadmin-tabspage-none .layadmin-header{display: block;}
.layadmin-tabspage-none .layadmin-header .layui-breadcrumb{border-top: 1px solid #f6f6f6;}

/* 底部固定区域 */
.layui-layout-admin .layui-footer{padding: 10px 0; text-align: center;}

/* 默认主题修饰 */
.layui-layout-admin .layui-header{border-bottom: 1px solid #f6f6f6; box-sizing: border-box; background-color: #fff;}
.layui-layout-admin .layui-header a,
.layui-layout-admin .layui-header a cite{color: #333;}
.layui-layout-admin .layui-header a:hover{color: #000;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #666}
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #666;}
.layui-layout-admin .layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar{height: 2px; background-color: #20222A}
.layui-layout-admin .layui-logo{background-color: #20222A; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);}
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-logo a{color: #fff; color: rgba(255,255,255,.8)}
.layui-side-menu{box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);}
.layui-layout-admin .layui-footer{box-shadow: 0 -1px 2px 0 rgba(0,0,0,.05);}

.layui-side-menu,
.layadmin-setTheme-side{background-color: #20222A; color: #fff;}
.layadmin-setTheme-header{background-color: #fff;}

.layui-layout-admin .layui-footer{background-color: #fff;}
.layui-tab-admin .layui-tab-title{background-color: #393D49; color: #fff;}


/*

 格局

*/

.layui-fluid{padding: 15px;}
.layadmin-header{height: 50px; line-height: 50px; margin-bottom: 0; border-radius: 0;}
.layadmin-header .layui-breadcrumb{padding: 0 15px; visibility: visible; border-top: 1px solid #f6f6f6;}

.layui-card-header{position: relative;}
.layui-card-header .layui-icon{line-height: initial; position: absolute; right: 15px; top: 50%; margin-top: -7px;}
.layui-card-header .layui-card-title {
    float: left;
}

.layui-card-header .layui-card-more {
    float: right;
}

.layui-card-header .layui-card-more .layui-btn {
    margin-bottom: 0;

}
.layadmin-iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}


/*

 控制台

*/


/* 重置轮播样式 */
.layadmin-carousel{height: 185px !important; background-color: #fff;}
.layadmin-carousel .layui-carousel-ind li{background-color: #e2e2e2;}
.layadmin-carousel .layui-carousel-ind li:hover{background-color: #c2c2c2;}
.layadmin-carousel .layui-carousel-ind li.layui-this{background-color: #999;}
.layadmin-carousel .layui-carousel,
.layadmin-carousel > *[carousel-item] > *{background-color: #fff;}
.layadmin-carousel .layui-col-space10{margin: 0;}
.layadmin-carousel .layui-carousel-ind{position: absolute; top: -41px; text-align: right;}
.layadmin-carousel .layui-carousel-ind ul{background: none;}

/* 重置tab样式 */
.layui-card .layui-tab-brief .layui-tab-title{height: 42px; border-bottom-color: #f6f6f6;}
.layui-card .layui-tab-brief .layui-tab-title li{margin: 0 15px; padding: 0; line-height: 42px;}
.layui-card .layui-tab-brief .layui-tab-title li.layui-this{color: #333;}
.layui-card .layui-tab-brief .layui-tab-title .layui-this:after{height: 43px;}
.layui-card .layui-tab-brief .layui-tab-content{padding: 10px;}
.layui-card .layui-table-view{margin: 0;}

/* 快捷方式 */
.layadmin-shortcut li{text-align: center;}
.layadmin-shortcut li .layui-icon{display: inline-block; width: 100%; height: 60px; line-height: 60px; text-align: center; border-radius: 2px; font-size: 30px; background-color: #F8F8F8; color: #333; transition: all .3s; -webkit-transition: all .3s;}
.layadmin-shortcut li cite{position: relative; top: 2px; display: block; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}
.layadmin-shortcut li:hover .layui-icon{background-color: #f2f2f2;}

/* 待办事项 */
.layadmin-backlog .layadmin-backlog-body{display: block; padding: 10px 15px; background-color: #f8f8f8; color: #999; border-radius: 2px; transition: all .3s; -webkit-transition: all .3s;}
.layadmin-backlog-body h3{padding-bottom: 10px; font-size: 12px;}
.layadmin-backlog-body p cite{font-style: normal; font-size: 30px; font-weight: 300; color: #009688;}
.layadmin-backlog-body:hover{background-color: #f2f2f2; color: #888;}

/* 数据概览 */
.layadmin-dataview{height: 332px !important;}
.layadmin-dataview>*[carousel-item]:before{display: none;}
.layadmin-dataview>*[carousel-item]>div{height: 332px;}

/* 控制台效果报告 */
.layadmin-takerates{padding-top: 5px;}
.layadmin-takerates .layui-progress{margin: 50px 0 60px;}
.layadmin-takerates .layui-progress:last-child{margin-bottom: 10px;}
.layadmin-takerates .layui-progress h3{position: absolute; right: 0; top: -35px; color: #999; font-size: 14px;}
.layadmin-takerates .layui-progress-bar{text-align: left;}
.layadmin-takerates .layui-progress-text{top: -35px; line-height: 26px; font-size: 26px;}

/* 产品动态 */
.layadmin-news{height: 60px !important; padding: 5px 0;}
.layadmin-news a{display: block; line-height: 60px; text-align: center;}
.layadmin-news .layui-carousel-ind{height: 45px;}

/* 文字列表 */
.layadmin-list li{margin-bottom: 6px; padding-bottom: 6px; border-bottom-color: #f6f6f6; list-style-position: inside; list-style-type: disc;}
.layadmin-list li{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.layadmin-list li a{color: #666;}
.layadmin-list li a:hover{color: #009688;}
.layadmin-list li:last-child{border: none; padding: 0; margin: 0;}

/* 文本区域 */
.layadmin-text p{margin-bottom: 10px; text-indent: 2em;}
.layadmin-text p:last-child{margin: 0;}
.layadmin-font-em{font-size: 13px; color: #758697;}




/********************************

  其它主页开始 By star1029

*******************************/

/* 主页示例一 by star1029 */
/* 进行中的项目 */
.layui-card-header .layui-a-tips{position: absolute; right: 15px; color: #01AAED;}
.layuiadmin-card-text{background-color: #f8f8f8; color: #777; padding: 24px;}
.layuiadmin-card-text .layui-text-top{padding-bottom: 10px;}
.layuiadmin-card-text .layui-text-top i{margin-right: 10px; font-size: 24px; color: #009688;}
.layuiadmin-card-text .layui-text-top a{line-height: 24px; font-size: 16px; vertical-align: top;}
.layuiadmin-card-text .layui-text-center{height: 44px; line-height: 22px; margin-bottom: 10px; overflow: hidden;}
.layuiadmin-card-text .layui-text-bottom{position: relative;}
.layuiadmin-card-text .layui-text-bottom a{color: #777; font-size: 12px; text-overflow: ellipsis; word-break: break-all;}
.layuiadmin-card-text .layui-text-bottom span{color: #CCC; font-size: 12px; position: absolute; right: 0;}
.layuiadmin-card-text a:hover,
.layuiadmin-card-link a:hover,
.layuiadmin-card-team li a:hover{color: #01AAED; transition: all 300ms;}

/* 动态 */
.layuiadmin-card-status{padding: 0 10px 10px 10px;}
.layuiadmin-card-status dd{padding: 15px 0; border-bottom: 1px solid #EEE; display: -webkit-flex; display: flex;}
.layuiadmin-card-status dd:last-child{border: none;}
.layuiadmin-card-status dd div.layui-status-img,
.layuiadmin-card-team .layui-team-img{width: 32px; height: 32px; border-radius: 50%; background-color: #009688; margin-right: 15px;}
.layuiadmin-card-status dd div.layui-status-img a{width: 100%; height: 100%; display: inline-block; text-align: center; line-height: 32px;}
.layuiadmin-card-status dd div.layui-status-img img,
.layuiadmin-card-team .layui-team-img img{width: 50%; height: 50%;}
.layuiadmin-card-status dd div a{color: #01AAED;}
.layuiadmin-card-status dd div span{color: #BBB;}

/* 便捷导航 */
.layuiadmin-card-link{padding-left: 10px; font-size: 0}
.layuiadmin-card-link a{display: inline-block; width: 25%; color: #666; font-size: 14px; margin-bottom: 12px;}
.layuiadmin-card-link button{vertical-align: top;}
.layuiadmin-card-link button:hover{color: #009688;}

/* 团队 */
.layuiadmin-card-team li{padding: 10px 0 10px 10px;}
.layuiadmin-card-team .layui-team-img{display: inline-block; margin-right: 8px; width: 24px; height: 24px; text-align: center; line-height: 24px;}
.layuiadmin-card-team span{color: #777;}


/* 主页示例二 by star1029 */
.layuiadmin-badge{position: absolute; top: 50%; margin-top: -9px; right: 15px; color: #01AAED; }
.layuiadmin-card-list{padding: 15px;}
.layuiadmin-card-list p.layuiadmin-big-font{font-size: 36px; color: #666; line-height: 36px; padding: 5px 0 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.layuiadmin-card-list p.layuiadmin-normal-font{padding-bottom: 10px; font-size: 20px; color: #666; line-height: 24px;}
.layuiadmin-span-color{font-size: 14px; position: absolute; right: 15px;}
.layuiadmin-span-color i{padding-left: 5px;}
.layuiadmin-btn-group{position: absolute; right: 15px;}

.layuiadmin-card-status li{position: relative; padding: 10px 0; border-bottom: 1px solid #EEE;}
.layuiadmin-card-status li h3{padding-bottom: 5px; font-weight: 700;}
.layuiadmin-card-status li p{padding-bottom: 10px;}
.layuiadmin-card-status li>span{color: #999;}
.layuiadmin-home2-usernote .layuiadmin-reply{display: none; position: absolute; right: 0; bottom: 12px;}
.layuiadmin-home2-usernote li:hover .layuiadmin-reply{display: block;}

.layuiadmin-page-table td span{color: #2F4056;}
.layuiadmin-page-table td span.first{color: #FF5722;}
.layuiadmin-page-table td span.second{color: #FFB800;}
.layuiadmin-page-table td span.third{color: #5FB878;}


/******  其它主页结束 By star1029  ******/




/*

 应用

*/


/* 消息中心 */
.layuiAdmin-msg-detail h1{font-size: 16px;}
.layuiAdmin-msg-detail .layui-card-header{height: auto; line-height: 30px; padding: 15px;}
.layuiAdmin-msg-detail .layui-card-header span{padding: 0 5px; color: #999;}
.layuiAdmin-msg-detail .layui-card-header span:first-child{padding-left: 0;}
.layuiAdmin-msg-detail .layui-card-body{padding: 15px;}

/* 文章列表 */
.layuiadmin-content-bread{padding-bottom: 20px;}

/* 进度条样式 */
.layuiadmin-order-progress{position: relative; top: 12px;}




/*

 系统

*/


/* 头部图标重置 */
.layui-card-header.layuiadmin-card-header-auto{padding-top: 15px; padding-bottom: 15px; height: auto;}
.layuiadmin-card-header-auto i.layuiadmin-button-btn{position: relative; right: 0; top: 0; vertical-align: middle;}
.layuiadmin-card-header-auto .layui-form-item:last-child{margin-bottom: 0;}


/* 主题设置 */
.layadmin-setTheme{padding: 15px; overflow-x: hidden;}
.layadmin-setTheme>h5{padding: 20px 0 10px; color: #000;}
.layadmin-setTheme>h5:first-child{padding-top: 0;}
.layadmin-setTheme-color{width: 330px; font-size: 0;}
.layadmin-setTheme-color li{position: relative; display: inline-block; vertical-align: top; width: 80px; height: 50px; margin: 0 15px 15px 0; background-color: #f2f2f2; cursor: pointer; font-size: 12px; color: #666;}
.layadmin-setTheme-color li:after{content: ''; position: absolute; z-index: 20; top: 50%; left: 50%; width: 1px; height: 0; border: 1px solid #f2f2f2; transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.layadmin-setTheme-color li.layui-this:after,
.layadmin-setTheme-color li:hover:after{width: 100%; height: 100%; padding: 4px; top: -5px; left: -5px; border-color: #5FB878; opacity: 1;}

.layadmin-setTheme-header{position: relative; z-index: 10; height: 10px; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.layadmin-setTheme-side{position: absolute; left: 0; top: 0; width: 20px; height: 100%; z-index: 11; box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);}
.layadmin-setTheme-logo{position: absolute; left: 0; top: 0; width: 100%; height: 10px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);}
.layadmin-form-right{text-align: right;}


/* 关于 */
.layadmin-about p{margin-bottom: 10px;}

/* 菜单列表 */
.layadmin-menu-list .layui-card-header{height: 50px; line-height: 50px; font-size: 16px;}
.layadmin-menu-list .layui-card-header:active{background-color: #f2f2f2;}
.layadmin-menu-list .layui-card-header .layui-icon{position: relative; top: 1px; left: 0; display: inline-block; margin: 0 10px 0; font-size: 18px;}


/* 动画 */
@-webkit-keyframes layui-rl{ /* 从右往左滑入 */
    from {-webkit-transform: translate3d(100%, 0, 0);}
    to {-webkit-transform: translate3d(0, 0, 0);}
}
@keyframes layui-rl{
    from {transform: translate3d(100%, 0, 0);}
    to {transform: translate3d(0, 0, 0);}
}
.layui-anim-rl{-webkit-animation-name: layui-rl; animation-name: layui-rl;}

@-webkit-keyframes layui-lr{ /* 从右往左滑入 */
    from {-webkit-transform: translate3d(0 0, 0); opacity: 1;}
    to {-webkit-transform: translate3d(100%, 0, 0); opacity: 1;}
}
@keyframes layui-lr{
    from {transform: translate3d(0, 0, 0);}
    to {transform: translate3d(100%, 0, 0);}
}
.layui-anim-lr{-webkit-animation-name: layui-lr; animation-name: layui-lr;}

.layui-anim-rl.layer-anim-close{-webkit-animation-name: layui-lr; animation-name: layui-lr;}


/* 提示页 */
.layadmin-tips{margin-top: 30px; text-align: center;}
.layadmin-tips .layui-icon[face]{display: inline-block; font-size: 300px; color: #393D49;}
.layadmin-tips .layui-text{width: 500px; margin: 30px auto; padding-top: 20px; border-top: 5px solid #009688; font-size: 16px;}
.layadmin-tips h1{font-size: 100px; line-height: 100px; color: #009688;}
.layadmin-tips .layui-text .layui-anim{display: inline-block;}


/*

  响应式补充

*/

@media screen and (max-width: 768px) {

    /* 产品清单模板 */
    .layadmin-panel-selection{margin: 0; width: auto;}

    /* 导航 */
    .layui-body .layui-nav .layui-nav-item{display: block;}

    /* 主体容器 */
    .layui-layout-admin .layui-body .layadmin-tabsbody-item{-webkit-overflow-scrolling: touch; overflow: auto;}
}

/*通用上传样式*/

.layui-upload-box {
    position: relative;
    width: 80px;
    height: 80px;
    border: 1px solid #e6e6e6;
    background: #fff url("../scripts/images/img-plus-icon.svg") no-repeat center;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}


.layui-upload-box:hover,
.layui-upload-box:active {
    border-color: #C9C9C9;
}

.lmf-upload-list .layui-upload-btn {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.lmf-upload-list .layui-upload-img {
    width: 80px;
    height: 80px;
}

.lmf-upload-list .layui-img-hint {
    vertical-align: top;
}

.lmf-upload-list .layui-inline {
    position: relative;
}

.lmf-upload-list .layui-inline .del-img-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.lmf-upload-list .layui-inline.del-img-btn:hover {
    background-color: rgba(0, 0, 0, .8);
}

.layui-layer-tips-content {
    word-break: break-all;
}

.blank-value-select .layui-form-select .layui-input::-webkit-input-placeholder {
    color: #666;
}

.blank-value-select .layui-anim .layui-select-tips {
    color: #666;
}

.blank-value-select .layui-anim .layui-this {
    background-color: #5FB878;
    color: #fff;
}

/*附件上传*/
.layui-upload_info {
    display: flex;
}

.layui-upload_info .layui-upload_fliename {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layui-upload_info .layui-inline {
    margin-bottom: 0;
    padding: 9px 0;
}

.layui-upload_info.lmf-upload-list {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
}

.layui-upload_info.lmf-upload-list .layui-upload_tool {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    background: #f2f2f2;
    text-align: center;
    vertical-align: middle;
}

.layui-upload_info.lmf-upload-list .layui-upload_tool .layui-upload-img {
    width: 60px;
    height: 60px;
    margin-top: 5px;
}

/*分类间距*/
#category-tree-content {
    padding-top: 10px;
    margin-left: 10px;
}

/*设置表单*/
.setting-form label:hover {
    cursor: pointer;
}

.setting-form .layui-col-sm3 {
    padding-left: 22px;
    margin: 20px 0 0 0;
}

.setting-form .layui-col-sm3 input[readonly] {
    color: rgb(84, 84, 84);
    cursor: default;
}

/*组织架构图标*/
.organization-tree-content.jstree-default .jstree-themeicon {
    background-image: none;
    width: 24px !important;
}

.organization-tree-content.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
}

.organization-tree-content.jstree-default .jstree-anchor .jstree-icon {
    color: #009688
}

.organization-tree-content.jstree-default .jstree-anchor.jstree-disabled .jstree-icon {
    color: #666
}


/*表单必填项*/

.layui-form-item .layui-label-required {

}

.layui-form-item .layui-label-required:before {
    content: "*";
    color: #ff0000;

}

.layui-laydate {
    z-index: 20000000 !important;
}
/*input样式*/

/*input搜索图标样式*/
.layui-input-search-icon {
    cursor: pointer;
    background: #fff url(../scripts/images/search-icon.svg) no-repeat scroll right 10px center;
    background-size: 18px 18px;
    padding-right: 36px;
}

/*input查看样式*/
.layui-input-view {
    padding: 10px 0;
    line-height: 1.4;
    word-break: break-all;
}

/*input不可用样式*/
.layui-input-disable {
    background-color: #f2f2f2;
    color: #ACA899;
    cursor: not-allowed !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

.layui-input-disable + .layui-form-select .layui-input {
    color: #ACA899;
    background-color: #f2f2f2;
    cursor: not-allowed !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

.layui-input-disable + .layui-form-select .layui-edge {
    display: none;
}

/*表单尺寸*/
.layui-form-item .layui-input-lg,
.layui-input-lg {
    width: 520px;
}

.layui-form-item .layui-input-md,
.layui-input-md {
    width: 260px;
}

.layui-form-item .layui-input-xs,
.layui-input-xs {
    width: 100px;
}

.layui-form-select dl {
    max-width: 400px;
}

select[lay-ignore] {
    width: 100%;
}

/*小号表单*/
.layui-form-sm {

}

.layui-form-sm .layui-input-block {
    min-height: 30px;
}

.layui-form-sm .layui-form-label {
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    text-align: center;
}

.layui-form-sm .layui-input {
    height: 30px;
}

.layui-form-sm .layui-form-select dl {
    top: 34px;
}

.layui-form-sm .layui-form-select.layui-form-selectup dl {
    top: auto;
    bottom: 34px;
}
.layui-form-sm .layui-search-btn {
    margin-left: 10px;
}

/*自定义输入框组*/
.layui-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.layui-input-group .layui-input {
    width: 100%;
    background-image: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 2;
    float: left;
}

.layui-input-group .layui-input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    display: table-cell;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-input-group .layui-input-group-addon:last-child {
    border-left: 0;
    border-left-width: 0px;
    border-left-style: initial;
    border-left-color: initial;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.layui-input-group .layui-form-danger:focus + .layui-input-group-addon {
    border: 1px solid red;
}

.layui-input-group .layui-input:hover + .layui-input-group-addon {
    border-color: #D2D2D2 !important;
}

/*自定义输入框组-无背景*/

.layui-input-group.only-icon {
}

.layui-input-group.only-icon .layui-input {
    border-right: none
}

.layui-input-group.only-icon .layui-input-group-addon {
    background-color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.layui-layer-admin .layui-layer-title {
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: #20222A;
    color: #fff
}

.layui-layer-admin i[close] {
    position: absolute;
    padding: 5px;
    right: 10px;
    top: 12px;
    color: #fff;
    cursor: pointer
}

.layui-layer-admin .layui-layer-content {
    padding: 20px;
    line-height: 22px
}

.layui-layer-admin .layui-layer-content cite {
    font-style: normal;
    color: #FF5722
}

.layui-layer-adminRight {
    top: 50px !important;
    bottom: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0;
    overflow: auto
}

.layadmin-note .layui-layer-content {
    padding: 0
}

.layadmin-note textarea {
    display: block;
    width: 300px;
    height: 132px;
    min-width: 300px;
    min-height: 132px;
    line-height: 20px;
    padding: 10px 20px;
    border: none;
    box-sizing: border-box;
    color: #666;
    word-wrap: break-word
}

/*左右title布局*/
.layui-colla-title-hasmore {
    position: relative;
    padding-left: 15px;
}

.layui-colla-title-hasmore .layui-colla-icon {
    display: none;
}

.layui-colla-title-hasmore .layui-colla-title-more {
    position: absolute;
    right: 15px;
    top: 0;
    color: #4b50ff;
}

/*bootstrap dropdown*/

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

/*bootstrap popover */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

/*商品预览*/

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell {
    display: inline-block;
    height: 69px;
    line-height: 69px;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell > div {
    display: inline-block;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell > .inner-table {
    display: table;
    height: 100%;
    vertical-align: middle;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell > .inner-table .inner-table-box {
    display: table-cell;
    vertical-align: middle;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell > div .layui-show-sm-block {
    line-height: 20px;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell .props {

    line-height: 20px;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell .product-preview-warp {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.layui-table-body .layui-table[lay-skin = 'product'] .layui-table-cell .product-preview-warp .product-preview {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}

.product-preview .fl {
    float: left;
}

.product-preview .fr {
    float: right;
}

.product-preview .pic {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.product-preview .pr {
    color: red;
    font-size: 16px;
    margin-right: 20px;
}

.product-preview .od {
    color: #999;
}

.product-preview .fl .title {
    max-width: 280px;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-break: break-all;
}
/**/
.startTime {
    display: inline-block;
    float: left;
    width: 45%;
}
.timeCenter {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 10%;
}
.endTime {
    display: inline-block;
    float: right;
    width: 45%;
}
.start-end-date {
    width: calc(100% - 140px);
    margin-right: 0;
}
.yd_show {
    display:none !important;
}
@media screen and (max-width: 500px) {
    body{
        display: flex;
        position: fixed;
        overflow:hidden;
        left:0;
        height:100%;
        width:100%;
    }
    body>div{overflow:auto;}
    .yd_show {
        display:block !important;
    }
    .yd_hide {
        display: none !important;
    }

    .layadmin-tips .layui-text {
        width: 100%;
    }
    .start-end-date {
        width: calc(100% - 110px);
        margin-right: 0;
    }
    .startTime {
        display: inline-block;
        float: none;
        width: 100%;
    }

    .timeCenter {
        display: block;
    }
    .endTime {
        display: inline-block;
        width: 100%;
    }
}