/**

 @Name：layuiAdmin
 @Author：贤心
 @Site：http://www.layui.com/admin/
 @License：LPPL
 
 */
 
html #layuicss-layuiAdmin{display: none; position: absolute; width: 1989px;}

.left{float: left;}

.right{float: right;}

.red{color: red; }
/* 系统 */
::-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;}

/* 重置布局结构 */
.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-header .layui-nav .layui-nav-item .information{position: relative;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .dot{width:6px;height:6px;border-radius: 100%;background-color:red;
  position: absolute;top: 15px;right: 10px;}
.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;}
*/

/* 表单 */
.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: 0px;}
.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-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;}
}

/* 侧边收缩模式 */
.layadmin-side-shrink .layui-layout-admin .layui-logo{width: 60px; background-image: url(../img/logo.png);}
.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-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 .informationup .layui-nav-more{border:0}
/* .layui-layout-admin .layui-header .layui-nav .informationup .layui-nav-child dd{border-bottom:1px solid #20222A}
.layui-layout-admin .layui-header .layui-nav .informationup .layui-nav-child dd:nth-last-of-type(1){border:0} */
.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{display: none; height: 50px; line-height: 50px; margin-bottom: 0; border-radius: 0;}
.layadmin-header .layui-breadcrumb{padding: 0 15px;}
.layui-card-header{position: relative; }
.layui-card-header .layui-icon{line-height: initial; position: absolute; right: 15px; top: 50%; margin-top: -7px;}
.layadmin-iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}

.fonsiza{font-size: 16px;}
/*
 
 控制台
 
*/


/* 重置轮播样式 */
.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;font-weight:bold;font-size:16px}
.layui-card .layui-tab-brief .layui-tab-title .layui-this:after{height: 43px;}
.layui-card .layui-tab-brief .layui-tab-content{padding: 15px;}
.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-form-label {
    width: auto;
    padding: 9px 10px;
}

.layui-form-item .layui-input-inline {
    float: left;
    width: 190px;
    margin-right: 0px;
}

.layui-form-item .layui-inline {
    margin-bottom: 5px;
    margin-right: 0;
}
.layui-table-page > div {
    text-align: right;
    height: 26px;

}

.tab-tit{ float: left;}

.tab-tit-btn{ float: right;}

.web_fq{ background: #000;}

.layui-table-view .layui-table td, .layui-table-view .layui-table th {

   text-align: center;

}

.l_cor_1{ color: #FFFFFF; background: #5050D7C4;  padding: 4px 8px; border-radius: 100px; font-size:12px ;}

.l_cor_1:hover{ opacity: .8;}

.l_cor_2{ color: #FFFFFF;  background: #dd4f4f; padding: 4px 8px; border-radius: 100px;font-size:12px ;}

.l_cor_2:hover{ opacity: .8;}

.l_cor_3{color: #FFFFFF;  background: #FFB800; padding: 4px 8px; border-radius: 100px;font-size:12px ;}

.l_cor_3:hover{ opacity: .8;}

.l_cor_4{color: #FFFFFF;  background: #009688; padding: 4px 8px; border-radius: 100px;font-size:12px ;}

.l_cor_4:hover{ opacity: .8;}

.l_cor_5{color: #FFFFFF;  background: #000; padding: 4px 8px; border-radius: 100px;font-size:12px ;}

.l_cor_5:hover{ opacity: .8;}

.web_w_250{ width: 250px !important;}

.web_w_270{ width: 270px !important;}

.web_w_330{ width: 330px !important;}

.web_date{ padding-right: 30px; background-image: url(../img/q_wd_ic_08.png);
background-position:185px  center ; background-repeat: no-repeat;}

.web_w_210{width: 210px !important;}

.web_textarea{ width: 100%; height: 140px; padding: 10px 20px; box-sizing: border-box;}

.endpsiot{ width: 100%; height: 100%;}

.web_title{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; background: #F9F9F9;;
padding: 0 10px; box-sizing: border-box; margin-bottom: 20px;}

.layui-input-block {  margin-left: 90px;  min-height: 36px;}

.web_w_gd{ width: 90px; text-align: right; box-sizing: border-box;}

.clear{ clear: both; width: 100%; height: 1px;}

.mioteradd{ width: 100%; text-align: center;}

.enmgree{ font-size: 30px; color: #009F95;cursor: pointer;}

.enmred{font-size: 30px; color: red;cursor: pointer; display: none;}

.web_fgx{ border-top: 1px solid #DDDDDD; text-align: center; margin-bottom: 0 !important; padding-top: 10px;  margin-top: 10px;}

.webzw{ margin-left: 10px; font-size: 12px; color: #666666 !important; font-weight: 500 !important;}

.enmtop{ padding-top: 20px !important;}

.modret{ width: 100%; height: 150px; box-sizing: border-box; border:none; padding: 10px;
box-sizing: border-box;}

.modreterd{ border:1px solid #DDDDDD ; padding: 10px;}


.modret:disabled{  
    background:transparent;
    color:#333;
}

.webmadbot{ margin-bottom: 0 !important;}


.ensh{ width: auto; height: 34px; line-height: 34px; float: left; margin-right: 10px; margin-bottom:10px ;}

.webspr{ width: 100%; height: 30px; line-height: 30px; padding-left:20px; box-sizing: border-box; }

.web_poent{ width: 250px; height: 130px; position: relative;}

.web_burt{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;}

.web_poent_1{width: 120px; height: 150px; position: relative;}

.min_highe{ min-height: 400px;}

.web_bot10{ margin-bottom: 10px;}

.l_cor_2_size{ color: #007DDB;}


.t_cor_1{color: #5050D7C4;}

.t_cor_2{color: #dd4f4f;}

.t_cor_3{color: #FFB800;}

.clemoyu{ width: 100%; height: 150px; line-height: 30px; overflow: auto; border: 1px solid #DDDDDD; box-sizing: border-box;}

.enprr{ font-size: 16px; margin-right: 20px;}

.tab-tit{ font-size: 16px;}

.enprr b{ color: red;}



/*导入*/
.dr{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 900;
    display: none;
}
.dr-box{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 200px;
	margin-top: -100px;
	margin-left: -125px;
	background: white;
	z-index: 999;
	overflow: hidden;
	display: none;
}
.dr-body{
	overflow: hidden;
	padding-top: 10px;
}
.dr-tit{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	background-color: rgb(248, 248, 248);
	box-sizing: border-box;
	position: relative;
}
.laylists{
	position: relative;
	width: 100%;
	float: left;
	padding: 5px 25px;
	box-sizing: border-box;
}
.web_file_1{
	position: absolute;
	width: 100%;
	height: 38px;
	opacity: 0;
}
.web_inp_s{
	width: 100%;
}
.butorde1{
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	
	box-sizing: border-box;
}
.minbut1{
	width: 100%;
	border-color: #1E9FFF;
    background-color: #E68509;
    color: #fff;
	height: 30px;
    line-height: 30px;
    
    padding: 0 15px;
    border: none;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
.minbut2{
	background-color: #fff;
    color: #333;
	height: 30px;
    line-height: 30px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    
}
.jdt-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: auto;
    overflow: hidden;
    z-index: 10000;
    display: none;
}
.drqx{
	 position: absolute; top: 0; right: 10px; font-size: 25px;
}

.clitop{ margin-top: 5px;}


.text-right {
    width: calc(100% - 130px) !important;
    margin-right: 0;
}

.web_w_80{ width: 80px;}

.tjmort{ width: 100%; height: 550px; padding: 10px 15px; box-sizing: border-box;}

.web_bag{ background: #f5f5f5;; padding: 5px 15px;}

.wenb_ckm_img{ width: 200px; height: 200px; margin:  0 auto;}

.wenb_ckm_p{  width: 100%; height: 40px; text-align: center; line-height: 14px;}

.web_left_cera{ width: 100%; height: auto;}

.clear{ clear: both;}

.enmorty{ background: #F5F5F5; padding: 10px ; box-sizing: border-box; border-radius: 5px;}

.enmjpe{ padding: 6px 6px 4px 4px; box-sizing: border-box;}

.enmdisst{ width: 100%; height: 30px; line-height: 30px; color: #888;}

.enmbest{ height: 40px; line-height: 40px; font-size: 30px;font-weight: 300;color: #009688;}

.ennmhcent{ width: 100%; height: auto; padding-left: 15px; box-sizing: border-box;}

.web_kt_title{ width: 100%; height: 40px; line-height: 40px; background: #eff2f5; text-indent: 15px;}

.feintr{ border: 1px solid #DDDDDD; box-sizing: border-box; margin-bottom: 20px;}

.enmtorcent{ width: 100%; height: auto; padding: 20px 20px 10px 20px; box-sizing: border-box;}

.enmph{ width: 100%; height: auto; margin-right: 10px; overflow: hidden; margin-bottom: 10px;}

.web_xftr{ float: left;}

.enmph .layui-form-radio * { font-size: 16px !important;}

.enmph .layui-form-checkbox * { font-size: 16px !important;}

.enmph .layui-form-checkbox{ margin-top: 10px;}

.web_input{ width: calc(100% - 60px); float: right;}

.moderty{ width: 100%; height: 35px; padding: 5px 80px; box-sizing: border-box; margin-bottom: 20px;}

.addbs{ width: 100px; text-align: center; height: 25px; line-height: 25px; float: left; margin-right: 20px; border-radius: 5px; background: #009688; 
color: #FFFFFF; cursor: pointer; font-size: 12px;}

.removebs{ width: 100px; text-align: center; height: 25px; line-height: 25px; float: left; border-radius: 5px; background: red; color: #FFFFFF;  cursor: pointer;
font-size: 12px;}

.clemt{  display: block; float: left; line-height: 25px; margin-left: 10px;}

.woir{  display: block; float: left; line-height: 25px; margin-left: 5px;}

.enmgoot{ width: 100%; height: 40px; padding-left: 90px; box-sizing: border-box; padding-top: 10px;}

.moorer{ width: 100px; height: 30px; line-height: 30px; text-align: center; background: #009688; color: #FFFFFF; cursor: pointer; float: left;}

.emktrw{width: auto; height: 30px; line-height: 30px; float: left; color: #666; margin-left: 20px;}

.web_input_1{ width:120px; float: left;}

.web_input_2{ width: calc(100% - 120px); float: right;}

.goptre{ width: auto; float: left; margin-left: 20px;}


.web_input_4{ width:90px; float: left; margin-left: 10px;}

.web_input_3{ width: calc(100% - 185px); float: left;  height: 38px; line-height: 38px;}

.wnmbf{ line-height: 38px; margin-left: 5px; float: left;}

.web_input_5{ width: calc(100% - 120px); float: left;  height: 38px; line-height: 38px;}

.duoxuan{ display: none;}  

.banduan{ display: none;}   
 
.tiankongti{ display: none;}    

.wenda{ display: none;}  

.enmodty{ width: 100%; height: auto; position: absolute; top: 38px; left: 0; z-index: 8;}

.w_cor_1{ color: #0055AA;}

.enmjpr{ font-size: 16px;}

.none_wl{ display: none;}

.none_cj{ display: none;}

.enmjot{ display: none;}


.web_poent_150{ width: 150px; height: 150px; position: relative;}

.enmopt{ width: 80px; height: 80px; margin: 10px; border: 1px solid #DDDDDD; border-radius: 5px; position: relative; 
padding: 5px; box-sizing: border-box; float: left;}

.enmopt1{ width: 190px; height: 190px; margin: 10px; border: 1px solid #DDDDDD; border-radius: 5px; position: relative; 
padding: 5px; box-sizing: border-box; float: left;}

.enmopt1 img{ width: 100%; height: 100%;}

.enmicon{ font-size: 20px; position: absolute; top: 0; right: 0;}

.enmicon1{font-size: 24px; position: absolute; top: 3px;right: 0px;color: red;background: #fff;
    border-radius: 100%;}

.enmopt img{ width: 100%; height: 100%;}

.web_anme{ width: 100px; height: 100px; position: relative;}

.bssot{ font-size: 18px; color: red;}

.buolty{border-bottom: 1px solid #DDDDDD;}

.enmaery{line-height: 38px; color:#007DDB; cursor: pointer;}

.web_poent_100{ width: 100%; height: 100px; position: relative;}

.mpoclord{ width: auto; margin-left: 20px; color: red; font-size: 14px;}

.webcenter{ width: 100%; height: auto; overflow: hidden;}

.webcenter_left{ width: 50%; height: 500px; float: left; padding-right: 50px; box-sizing: border-box; overflow: auto;}

.moitert{ padding: 2px 10px; margin-top: 8px; color: #FFFFFF; line-height: 20px; background:#008855; border-radius: 5px; float: right; 
font-size: 12px; cursor: pointer;}

.left_one{ width: 100%; height: auto;}

.left_tow{ width: 100%; height: auto;}

.title_one{ width: 100%; height: 40px; line-height: 40px; background: #e1e1e1; border-radius: 5px; padding: 0 10px; position: relative;
 box-sizing: border-box; margin-bottom: 10px;}

.title_one_this{ border: 1px solid #008855; box-sizing: border-box;}

.title_one_left{ width: auto; height: 40px; line-height: 40px; float: left; margin-left: 30px; box-sizing: border-box; cursor: pointer; position: relative;}
 
.title_one_this .title_one_left{  color: #008855;}

.title_one_right{ width: auto; float:right;}

.title_one_right a{ float: left; margin-right: 10px; line-height: 40px; cursor: pointer;}

.title_tow_center{ width: 100%; height: auto; padding-left: 20px; box-sizing: border-box;}

.title_tow{width: 100%; height: 40px; line-height: 40px; background: #e1e1e1; border-radius: 5px; padding: 0 10px; box-sizing: border-box; margin-bottom: 10px;}

.title_tow_center{ display: none;}

.title_tow_left{width: 50%; height: 40px; line-height: 40px; float: left; padding-left: 10px; box-sizing: border-box; cursor: pointer; }

.title_tow_this .title_tow_left{ color: #008855;}

.title_tow_this{ border: 1px solid #008855; box-sizing: border-box;}

.web_img{ width: 20px; height: 20px; position: absolute; top: 10px; left: 10px; display: block;}

.webcenter_right{ width: 48%; padding-left: 40px; box-sizing: border-box; float: left;}

.emortyw{ width: 100%; height: auto;display: none; }

.botyer{ width: calc(100% - 70px); float: left;}

.emortycon{width: 100%; height: auto; display: none;}

.psoot{ color: red; font-size: 14px;}

.enmcenter{ width: 100%; height: auto; border: 1px dotted #e9e9e9; border-bottom: none; }

.enmcenter_list{border-bottom: 1px dotted #e9e9e9;padding: 20px 25px 20px 20px; padding-bottom: 20px;min-height: 120px;}

.enmcenter_list:hover{ background:#f7f9fb;box-shadow:0 1px 4px rgba(33,69,100,.15);}

.enmcenter_list_img{ width: 130px; height: 130px; border: 1px solid #DDDDDD; float: left; position: relative;}

.enmcenter_list_nr{ width: calc(100% - 150px); height: 130px; float: right;}

.enmcenter_list_nr_h2{ width: 100%; height:38px; padding-top: 8px; box-sizing: border-box;}

.misst{ width: 65%; height: 30px; line-height: 30px; float: left; display: block; color:#666666;}

.miknaber{ width: auto; float: left; height: 30px; line-height: 30px;color:#666666; overflow: hidden;}

.miknaber b{ font-size: 18px; line-height: 30px;}

.seledert{ width: 100px; height: 30px; line-height: 30px;  border: 1px solid #DDDDDD; text-align: center; cursor: pointer; box-sizing: border-box; border-radius: 5px;}

.mintre_right{ width: 100px; height: 30px; float: right; position: relative;}

.motery{ width: 120px; height: auto; position: absolute; top: 30px; left: 0; padding: 5px 0; box-sizing: border-box; border: 1px solid #DDDDDD;z-index: 999; 
background: #FFF; border-radius: 5px;  -moz-box-shadow: 0 0 5px #d9d9d9;-webkit-box-shadow: 0 0 5px #d9d9d9; box-shadow: 0 0 5px #d9d9d9; display: none;}

.motery a{ width: 100%; height: 30px; line-height: 30px; display: block; padding: 0 10px; box-sizing: border-box; }

.motery a:hover{ background: #F2F2F2; cursor: pointer;}

.enmcenter_list_nr_ct{ width: 100%; height: auto; overflow:  hidden; margin-top: 5px;}

.bkonert{ width: calc(100% - 320px); height: auto; float: left;}

.fr_list{ width: 100%; height: 20px; line-height: 20px; color:#868686;}

.bkonert_right{ width: auto; float: right; margin-top: 50px;}

.bsptet{ display: block;  float: left; margin-left: 10px; height: 30px; line-height: 30px; padding: 0 10px;}

.bsptet:hover{ border: 1px solid #DDDDDD; border-radius: 5px; cursor: pointer;}

.enmtpst{ width: 50px; height: 30px; text-align: center; line-height: 30px; position: absolute; right: 0; bottom: 0; 
border: 1px solid #DDDDDD; color: #666; background: #FFFFFF;}

.topbolhaeder{ width: 100%; height: 45px; border-radius: 10px 10px 0 0; overflow: hidden;}

.topbolhaeder ul{ padding: 0; margin: 0;}

.topbolhaeder ul li{ width: 33.333%; height: 45px; float: left; text-align: center; line-height: 45px; border-left: 1px solid #FFFFFF; 
background:#e2e9ef ; box-sizing: border-box;}

.topbolhaeder ul li a{ color: #999; font-size: 16px;}

.li_this{ background: #143ca8 !important;}

.li_this a{ color: #FFFFFF !important;}

.oer_header{ width: 100%; height: auto; border: 1px solid #DDDDDD; box-sizing: border-box; margin-top: 5px;}

.oer_header_top{ width: 100%; margin-bottom: 20px;height: 40px;line-height: 40px;text-indent: 20px;font-size: 16px;
color: #555;border-top: 1px solid #e6e9ee;background-color: #f9f9f9;}

.oer_header_center{ width: 100%; height: auto; padding-right: 20px; box-sizing: border-box;}

.enm_3{ display: none;}

.enm_2{display: none;}

.emkotre{ width: 750px; height: 250px;}

.emkotre img{ width: 250px; height: 250px; display: block; padding: 5px; box-sizing: border-box; float: left; cursor: pointer;}

.li_this_1{ background: #4a9b04 !important;}

.li_this_1 a{ color: #FFFFFF !important;}

.enmtibt{ width: 100%;  border: 1px solid #e6e9ee; padding: 8px; box-sizing: border-box; overflow: hidden; margin: 10px auto;}

.clemoyr{  float: left;}

.rozikp{ float: right; line-height: 38px;}

.rozikp b{ color: red; font-size: 16px;} 

.minopte{ width: 100%; height: auto;  border: 1px solid #e6e9ee; padding: 8px ; box-sizing: border-box;}

.emmlpter{ width: 100%; height: 38px;}

.emmlpter_left{ width: auto; float: left; height: 38px; line-height: 38px;}

.empyr{ font-size: 16px; cursor: pointer;}

.mipyrt b{ color: red; font-size: 16px;}

.enmtsr{ float: right; margin-left: 10px;}

.nmtyer{ text-align: center; border: none;}

.bg{background-color: white !important;}

.da {background-color: white !important;  border-top: 1px dashed #DDDDDD; padding: 10px;box-sizing: border-box;}

.enmitr{ width:100%; height: auto; padding:5px; box-sizing: border-box; background: #FFFFFF; margin-bottom: 10px; color: #666; text-indent: 10px;} 

.enmior{width:100%; height: auto; padding:5px; box-sizing: border-box; background: #FFFFFF; }

.bist{ width: 100%; height: auto; overflow: hidden; background: #FFFFFF;}

.enmlo tr{vertical-align: middle !important;}

.enmlo th{vertical-align: middle !important; }

.enmlo td{vertical-align: middle !important;}

.enmdver{ width: 30px;}

.enmdver_1{width: 40px; text-align: center;}

.mtoordil{ width: 100%; height: auto; border: 1px solid #DDDDDD; box-sizing: border-box;}

.mtoordil_title{ width: 100%; height: 40px; background: #f2f2f2; line-height: 40px; font-size: 16px; padding: 0 10px; 
box-sizing: border-box; margin-top: 5px;}

.mtoordil_center{ width: 100%; height: auto; overflow: hidden; padding: 10% 10%; box-sizing: border-box;}

.mtoordil_center_left{ width: 50%; height: auto; float: left; text-align: center;}

.mtoordil_center_left p{ margin:20px 0; font-size: 16px;}

.tongji{ width: 100%; height: 80px; border: 1px solid #DDDDDD; border-radius: 5px; border-right: none; box-sizing: border-box; margin-bottom: 10px;}

.tongji ul{ padding: 0; margin: 0;}

.tongji ul li{ width: 11.1111%; height: 80px; float: left; border-right: 1px solid #DDDDDD; box-sizing: border-box; text-align: center; 
padding: 20px 0 0 0;}

.tongji ul li p{ font-size: 16px;}

.tongji ul li a{ font-size: 18px;}



.enmloy{ line-height: 38px; color: #808080;}

.web_top_1{ padding-top: 20px;}


.selectClass{height:auto;}

.selectLsft{float:left;line-height: 38px;margin-right: 10px;font-size:14px}

.selectRight{float:left}

.currentzb{line-height: 38px;margin-bottom:15px}

.currentzb lable{width:80px!important}

.currentzb .currentText{padding:0;box-sizing: border-box;text-align:left;float:left;line-height:38px}

.currentRight{width: calc(100% - 100px);}

.currentRight input{width:255px;line-height:38px;box-sizing: border-box;}

.currentRight input:nth-of-type(1){margin-right:20px}

.currentRight1{width: calc(100% - 100px);height:auto;overflow: hidden;}

.currentRight1 input{width:255px;line-height:38px;box-sizing: border-box;float: left;}

/* .currentRight1 input:nth-of-type(1){margin-right:20px} */

.shopperRl{line-height:38px;float:left;margin-right: 30px;}

.shopperRl .layui-input{width:240px;float:left;margin-right:10px}

.shopperNumber{float:left;line-height:38px;font-size: 12px;color: #666;}

.shopperSupply{font-size:14px;color:red;}

.storeTime{float: left;}

.storeTime .layui-input{width:auto;display: inline-block;}

.storeTime .layui-input:nth-of-type(1){margin-right:10px}

.storeTime .layui-input:nth-of-type(2){margin-left:10px}

.addressThree .layui-edge{right:30px}

.addressThree .layui-select-title{width:140px}

.addressThree .layui-form-select{margin:0}

/* .addressThree .layui-input{width:261px} */

.service .layui-form-checkbox{max-height:20px}

.hjImg img{display: block;width:170px;height:170px;padding-top: 5px;margin: auto;box-sizing: border-box;}
	
.watch{line-height: 38px;color:#fff;display: inline-block;width: 100px;text-align: center;background:#1E9FFF}

.setPops{width: 70%;position: absolute; left:40%;top:50%;z-index: 10;overflow: hidden; display: none;}

.filterPop{background: rgba(0,0,0,.5);position: absolute;left:0px;top:0px;width: 100%;height:100%;z-index: 9;
    overflow: hidden; display: none;}
	
.setPops1{width: 70%;position: absolute;left:40%;top:50%;z-index: 10;overflow: hidden;display: none;}

.filterPop1{background: rgba(0,0,0,.5);position: absolute;left:0px;top:0px;width: 100%;height:100%;
    z-index: 9;overflow: hidden;display: none;}
	
.orderTop{height: auto;overflow: hidden;margin-bottom: 20px;}	

.orderTop1{height: auto;overflow: hidden;position: absolute;bottom: 0;
left: 15px;}
	
.totalPrice{float:left;margin-right:30px;}

.totalPrice .layui-input{width: auto;display: inline-block;border-top: 0;border-left: 0;border-right: 0;font-size: 16px;
    color: red;font-weight: bold;width: 100px;border-bottom:0}

.selectRight .layui-input{width:100px}

.ztext{position: absolute;bottom: 0;line-height: 50px;background: #000;opacity: 0.5;
    text-align: center; width: 220px;color: #fff;font-size: 16px;}
	
.emmkotadd{width: 120px;line-height: 38px;background: #1E9FFF;color: #fff; text-align: center;float:left;   margin: 0 0 0 100px;
cursor: pointer;}

.emmkotsc{width: 60px;line-height: 38px;background: #FF5722;color: #fff; text-align: center;float:left;margin-top:10px;
 position:absolute;bottom:0;right:0}
	
.addBtn{height:auto;overflow: hidden;margin-bottom:20px}

.webntimg{width:400px;background-image: url(../img/erweima_img_bac@2x.png);background-repeat: no-repeat;background-size:100% 100%;position:relative;height:508px;
}

.webntimgbanner{width:400px;position:absolute;}

.webntimgbanner .code{width: 200px;position: relative;margin-left: -100px;left: 50%;margin-top:10%}

.webntimgbanner .top{font-size: 20px;color: #fff;text-align: center;padding-top: 20px;box-sizing: border-box;}

.webntimgbanner .tips{font-size: 16px;color: #fff;text-align: center;margin-top: 5%;}

.enca{font-size:14px}

.enca span{display:inline-block;width:100px;line-height:24px;border:1px solid #000;text-align:center;border-radius: 5px;margin:0 10px}

.enca_this{background:#1E9FFF;color:#fff;border:1px solid #fff !important;line-height:24px}

.webntimg1{width:400px;height:400px;}

.webntimg1 img{display:block;width:100%;height:100%}

.quizclass{line-height:38px;border: 1px solid #000;padding: 10px 20px;border-radius: 10px;margin-left: 30px;}

.enmorule{line-height:38px;}

.enmorule i{color:#666;font-style:normal}

.firsttable{font-size:20px;font-weight:bold}

.firsttable i{font-style:normal;font-weight:normal;font-size:14px;margin-left:10px}

.enmbz{line-height: 50px;padding-left: 20px;font-size: 16px;}

.enmtotal{font-size: 20px; font-weight: bold;line-height: 50px;text-align: right;
    padding-right: 100px;box-sizing: border-box;}
	
.enmtotalv{text-align:right;padding-right: 100px;box-sizing: border-box;color:red;padding-bottom: 30px;}

.paycode{text-align:right;padding-right: 100px;box-sizing: border-box;}

.proccessTop{height:auto;overflow: hidden;padding: 15px 15px 0;box-sizing: border-box;}

.proccessCode{float: left;width: 150px;}

.proccessCode .number{float:left;font-size:20px;font-weight: bold;color:red;display:inline-block;margin-top:5px}

.proccessCode .numbertxt{margin-left:60px;width:200px}

.proccessCode .numbertxt p:nth-last-of-type(1) img{display:block;width:14px;float:left;margin-right:5px;margin-top:5px}

.previewImgsm{display: block;padding-top: 8px;box-sizing: border-box;position: relative;
    margin-left: -30px;left: 50%;}

.previewImg img{display:block;width:14px;float:left;margin-right:5px}

.Reply{padding:30px 0;box-sizing: border-box;}

.Replybtn{float:left;width:50%;text-align:center;font-size:16px}

.Replybtn input{margin-left:10px}

.Replyselect{text-align: center;margin-top: 30px;}

.Replyselect select{width: 200px;height: 38px;}

#indexBody{background:#fff;width:100%;height:100%;padding:20px;box-sizing: border-box;padding-top:0}

.business{border-bottom:1px solid #ebebeb;height:auto;overflow: hidden;}

.businessImg{display:block;width:150px;border-radius: 8px;float:left}

.businessTop{width: calc(100% - 170px);float: right;}

.businessTop h3{font-size:20px;font-weight:bold;height:30px}

.businessDesc{line-height:40px}

.businessDesc span{font-size:16px;display:inline-block;text-align:left;}
.businessDesc span:nth-child(1){width: 35%;}
.businessDesc span:nth-child(2){width: 30%;}
.businessDesc span:nth-child(3){width: 30%;}

.contentLeft{float:left;height:auto;overflow: hidden;width:70%;padding-top:10px;box-sizing: border-box;border-right:1px solid #ebebeb;padding-right: 10px;}

.contentLeft_tit h3{color:#000}

.caitips{height:40px;line-height:40px;background:#009688;padding-left: 10px;box-sizing: border-box;}

.caitips span{color:#fff; width:16%; display: block; float: left;}

.contentLeft_tit{margin-bottom:10px}

.caitips_content{padding: 20px;box-sizing: border-box;}

.caitips_content a{display: inline-block;margin: 0 50px 10px 0;}

.hastips{position:relative}

.hastips i{position: absolute;top: -5px;right: -5px;display: block;width: 14px;height: 14px;background: red;
    border-radius: 50%;color: #fff;font-size: 8px;line-height: 14px;text-align: center;font-style: normal;}
	
.contentRight{float:right;width:30%;}

.xlph{box-sizing: border-box;padding: 0 20px;height: auto;overflow: hidden;margin-bottom: 15px;}

.xlph .img{display:block;width:70px;border-radius: 10px;float:left}

.xlphRight{ width: calc(100% - 80px); float: right;margin-left: 10px;}

.xlphRight .tit{font-size: 16px; color: #000;font-weight: bold;}

.xlphRight .price{font-size: 14px;color: red;margin-top: 5px;}

.xlphRight .price span{color:#000}

.xlphRight  .xl{font-size: 14px;color: #000;}

.startLevel img{display: inline-block;width: 12px;}

.ruleDel{margin-left: 30px;height: 30px;line-height: 30px;background: #fff;color: red;}

.ruleDel:hover{color:red !important}