/** layui自定义配色，配色生成网站https://layui.newphper.com */

/** 自宝义引用区块样式 */
.layui-quote-war {
    background-color: #ffefe6;
    border-style: solid;
    border-width: 0 0 0 8px;
    border-left-color: #ffb08f;
}
/** 自宝义引用区块内容样式 */
.layui-elem-quote.quote-text dl {
    padding: 5px 15px;
    font-size: 16px;
}
/** 自定义表格标题样式 */
.layui-table-thead {
    width: 120px;
    text-align: right !important;
    background-color: #f9f9f9;
}
/** 自定义表格大小 */
.layui-table[lay-size=slg] td, .layui-table[lay-size=slg] th {
    padding: 20px 26px;
    font-size: 16px !important;
}

.layui-layout-admin .layui-logo {
    color: #009688
}

.layui-elem-quote {
    border-left-color: #009688
}

.layui-btn {
    background-color: #009688
}

.layui-btn-primary {
    background-color: #fff
}

.layui-btn-primary:hover {
    border-color: #009688
}

.layui-btn-group .layui-btn-primary:hover {
    color: #009688
}

.layui-laypage a:hover {
    color: #009688
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688
}

.layui-laypage select:focus {
    border-color: #009688 !important
}

.layui-upload-drag .layui-icon {
    font-size: 50px;
    color: #009688
}

.layui-upload-drag[lay-over] {
    border-color: #009688
}

.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #009688
}

.layui-nav-tree .layui-nav-bar {
    background-color: #009688
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #009688
}

.layui-slider-input-btn i:hover {
    color: #009688
}

.layui-slider-wrap-btn {
    border-color: #009688 !important
}

.layui-slider-bar {
    background: #009688 !important
}

html .layui-laydate .layui-this {
    background-color: #009688 !important
}

.laydate-theme-molv .layui-laydate-header {
    background-color: #009688
}

.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover {
    color: #009688 !important
}

.layui-progress-bar {
    background-color: #5fb878
}

.layui-form-select dl dd.layui-this {
    background-color: #5fb878
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #009688;
    background-color: #009688
}

.layui-form-onswitch {
    border-color: #5fb878;
    background-color: #5fb878
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #5fb878
}

.layui-table-edit:focus {
    border-color: #5fb878 !important
}

.layui-nav-tree .layui-nav-itemed:after {
    background-color: #5fb878
}

.layui-nav-child dd.layui-this {
    background-color: #5fb878
}

.layui-nav .layui-nav-child dd.layui-this a {
    background-color: #5fb878
}

.layui-breadcrumb a:hover {
    color: #5fb878 !important
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #5fb878
}

.layui-tab-card>.layui-tab-more .layui-this {
    color: #5fb878
}

.layui-timeline-axis {
    color: #5fb878
}

.laydate-day-mark::after {
    background-color: #5fb878 !important
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: #5fb878 !important
}

.layui-laydate-footer span:hover {
    color: #5fb878 !important
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
    background-color: #5fb878 !important
}

.layui-transfer-active .layui-btn {
    background-color: #5fb878;
    border-color: #5fb878;
}

.layui-btn-normal {
    background-color: #2d8cf0;
}

.layui-btn-warm {
    background-color: #ff9900;
}

.layui-btn-danger {
    background-color: #ef2f39;
}

.layui-btn-disabled,
.layui-btn-disabled:hover,
.layui-btn-disabled:active {
    background-color: #FBFBFB;
}

.layui-bg-success {
    background-color: #5fb878!important;
}
.layui-bg-error {
    background-color: #dd514c!important;
}

/** 会员中心样式 Start */
.layui-layout-admin .layui-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
	color: #333
}
.layui-layout-admin .layui-header .layui-nav-img {
	width: 26px;
	height: 26px
}
.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,.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a {
	background: 0 0
}
.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-header .layui-layout-right,.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-layout-left,.layui-layout-admin .layui-logo,.layui-layout-admin .layui-side {
	transition: all .3s;
	-webkit-transition: all .3s;
}
.layui-header .layui-nav-item .layui-icon {
	position: relative;
	top: 1px;
	font-size: 16px
}
.layui-header .layui-layout-right .layui-badge-dot {
	margin-left: 0
}
.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-tabspage-none .layui-layout-admin .layui-header {
	border-bottom: none;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
}
.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 transparent #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-side {
	width: 220px;
	top: 0;
	z-index: 1001
}
.layui-side-menu .layui-side-scroll {
	width: 240px
}
.layui-side-menu .layui-nav {
	width: 220px;
	margin-top: 50px;
	background: 0 0
}
.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: 0 0
}
.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: 0 0!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
}
.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>.layui-nav-child,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more {
	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)
}
.layui-side-menu {
	box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);
}
/** --- 顶部LOGO --- */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo {
    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-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)
}

/** --- 右侧主体内容 --- */
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-layout-left {
    left: 220px !important;
}
.layui-body {
    top: 50px !important;
}

/** --- 消息通知面板 --- */
.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:hover {
    background-color: #f2f2f2;
    color: #888;
}
.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;
}
[lay-href], [lay-tips], [layadmin-event] {
    cursor: pointer;
}
.layui-table td, .layui-table th {
    padding: 14px 18px;
}
/** 会员中心样式 End */

/** 用户留言 */
.layadmin-caller {
    background: #fff;
    padding: 30px;
    padding-top: 0;
}
.layadmin-caller .caller-contar {
    padding-bottom: 20px;
}
.layadmin-caller .caller-contar .caller-item {
    padding: 25px 0;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
}
.layadmin-caller .caller-contar .caller-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    float: left;
}
.layadmin-caller .caller-contar .caller-img i {
    font-size: 40px;
}
.layadmin-caller .caller-contar .caller-item .caller-main {
    margin-left: 20px;
}
.layadmin-caller .caller-fl {
    float: left;
}
.layadmin-caller em {
    font-style: normal;
    margin-left:15px;
}
.layadmin-caller .caller-contar .caller-item .caller-main p:first-child {
    padding-top: 0;
}
.layadmin-caller .caller-contar .caller-item .caller-main p {
    line-height: 150%;
    padding: 8px 0;
}
.layadmin-caller .caller-contar .caller-item .caller-main .caller-title {
    padding-bottom: 0px;
}
.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds {
    padding-bottom: 12px;
}
.layadmin-caller .caller-main .caller-title i,
.layadmin-caller .caller-main .caller-adds i {
    padding-right: 5px;
    margin: 0;
}
.layadmin-caller .caller-contar .caller-iconset i:first-child {
    margin-left: 0;
}
.layadmin-caller .caller-contar button {
    margin-top: 22px;
}
.layadmin-caller .caller-fr {
    float: right;
}