/*通用*/
.layui-input::-moz-placeholder, .layui-input:-ms-input-placeholder, .layui-input::-webkit-input-placeholder {color:#ccc;}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*滚动条*/
::-webkit-scrollbar { width:5px; height:5px; background-color: #ddd;}
/*滑块*/
::-webkit-scrollbar-thumb {
    background-color: #CDCDCD;
}
/*滑道*/
::-webkit-scrollbar-track { background-color: #f0f0f0;}

.input-size-1{width:100px;}
.img-thumbnail{padding: 1px;}
.img-thumbnail:hover{border-color: #117af4;}
.cursor-hand{cursor:pointer;}
.dropdown-menu > li > a .fa{width:20px; text-align: center;}

.layui-layer.layui-layer-iframe{overflow: hidden;}

.layui-card .layui-form-item{padding:5px 0 15px; border-bottom: 1px dashed #f0f0f0;}
.layui-card .layui-form-item .layui-input-block + .layui-input-block{margin-top: 10px;}

.layui-form-item .layui-input-block{margin-left:0;}
.layui-form-item .layui-input-block.margin-left{margin-left:10px;}
.layui-form-item .layui-form-label + .layui-input-block,
.layui-form-item .layui-form-label + .layui-input-block + .layui-input-block{margin-left: 140px;}
.layui-form-item .layui-form-label + .layui-input-inline{margin-left:10px;}

/*全局*/
.container-gray{background-color: #f8f8f8;}
/*内页帮助提示区域*/
.help-box{position:relative; margin:10px; padding:10px; line-height:2; font-size:14px; border:1px dashed #62b3ff; background-color:#f5faff; border-radius:3px;}
/*列表搜索区域*/
.search-box{margin:10px;}
.search-box .layui-form-item{padding-bottom:0; margin-bottom: 0; border-bottom:0;}
.search-box .layui-form-select .layui-input{padding-right: 0;}
.search-box .item-label{font-size: 12px; color:#666;}
.search-box .item-label > strong{color: #000;}
.search-box .item-label:after{content:'，'; margin-right:5px;}
.search-box .item-label:last-child:after{content:'';}
.search-box .layui-input-inline{margin-bottom: 5px;}
.search-box .layui-input-inline .layui-input-inline{margin-bottom: 0;}

/*内容选项卡*/
.tab-box{margin: 10px;}
.tab-box .layui-tab-title{height:39px; overflow: hidden; border-color: #5FB878; padding-left: 2px;}
.tab-box .layui-tab-title li{line-height:40px; background-color: #eaeaea; color:#333; margin-right:3px; border-radius:4px 4px 0 0; border-width:0;}
.tab-box .layui-tab-title li a{color:#333;}
.tab-box .layui-tab-title .layui-this{color:#fff; background-color: #5FB878; border-color:#5FB878;}
.tab-box .layui-tab-title .layui-this:after{ border-radius:4px 4px 0 0; border-width:0;}
.tab-box .layui-tab-title .layui-this a{color:#fff; font-weight: bold;}

/*列表区域*/
.main-box{margin:10px 10px 0; }
.search-box + .main-box{margin-top: 0;}
.search-box + .main-box .layui-table, .layui-table-view{margin-top: 0; margin-bottom: 0;}
.main-box table td .layui-table-cell{padding-left: 5px; padding-right: 5px;}
.main-box .layui-table-body{background-color: #fff;}
.layui-table-page{background-color: #fff;}

/*表单区域*/
.form-box{margin:10px; background-color: #fff;}
.form-box.tab-box{background-color: transparent;}
.form-box.tab-box .layui-tab-content{background-color: #fff;}
.form-box .layui-form-item{padding:15px 0; margin-bottom: 0; border-bottom: 1px dashed #f0f0f0;}
.form-box .layui-form-item .layui-input-block + .layui-input-block{margin-top: 10px;}
.layui-form-item .width-100{width:100px;}

/*颜色*/
.text-gray{color: #999;}
.text-gray1{color: #aaa;}
.text-gray2{color: #bbb;}
.text-gray3{color: #ccc;}
.text-blue{color:#1E9FFF;}
.text-red{color:red}
.text-danger{color:#FF5722;}
.text-info{color:#01AAED;}
.text-orange{color:#FFB800;}
.text-cyan{color:#2F4056;}
.text-black{color:#393D49;}
.text-red{}
.label{font-weight: normal; line-height: 1; display: inline-block; font-size:0.8em; padding:3px 4px; border-radius:2px;}
.label-gray{color: #333; background-color: #eee;}
.label.label-outer{background-color: transparent; border:1px solid #eee; color:#333;}
.label-outer.label-primary{color:#2e6da4; border-color:#2e6da4;}
.label-outer.label-warning{color:#eea236; border-color:#eea236;}
.label-outer.label-danger{color:#d43f3a; border-color:#d43f3a;}
.label-outer.label-info{color:#46b8da; border-color:#46b8da;}
.label-outer.label-success{color:#4cae4c; border-color:#4cae4c;}
.iconfont{font-size: unset;}

/*alert*/
.alert{border-radius:0; padding: 10px; margin-bottom: 15px; border-radius:3px;}
.alert-margin{margin:15px 0 0 0;}
.alert.layui-bg-cyan a{color:#fff;}

/*loading*/
.layui-layer-loading .layui-layer-content{text-align: center; color: #fff; padding-top: 30px; font-size:14px;}

/*按钮*/
.btn{border-radius:2px;}
.btn-blue { color: #fff; background-color: #117af4; border-color: #117af4;}
.btn-blue:focus,
.btn-blue.focus {color: #fff; background-color: #117af4; border-color: #117af4;}
.btn-blue:hover {color: #fff;background-color: #117af4; border-color: #117af4;}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue { color: #fff; background-color: #117af4; border-color: #117af4;}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {color: #fff; background-color: #117af4; border-color: #117af4;}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {background-image: none;}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {background-color: #117af4; border-color: #117af4;}
.btn-blue .badge {color: #117af4; background-color: #fff;}

/*list-group*/
.list-group.items{border-width:0; margin-bottom: 0;}
.list-group.items .list-group-item{ position: relative; border-radius: 0; border:1px solid #ddd; border-width:1px 0 0 0; font-size:14px; padding:12px 15px;}
.list-group.items .list-group-item:first-child{border-top:0;}
.list-group.items .list-group-item .list-group-item-price{ position: absolute; right:15px;}
.list-group.items .list-group-item.check .list-group-item-price{ position: absolute; right:60px;}
.list-group.items .list-group-item .list-group-item-check{ display: none; position: absolute; right:0; width:40px; text-align: center; font-size:20px;}
.list-group.items .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background-color:#fff; color: #000; border-color:#ddd; border-width:1px 0 0 0; z-index: unset;}
.list-group.items .list-group-item.active .list-group-item-check{display: block;}

/*下拉菜单*/
.dropdown-menu > li > a{padding-top:10px; padding-bottom:10px;}

/*面包屑导航*/
.breadcrumb{background-color: transparent; padding:0 15px; margin-bottom: 15px; height:45px; line-height: 45px; border-bottom: 1px solid #eee;}
.breadcrumb.nomargin{margin-bottom: 0;}
.breadcrumb > li.text-blue,
.breadcrumb > li.text-blue a{color: #117af4; text-decoration: none;}
.breadcrumb .text-blue{color: #117af4;}
.breadcrumb .addon{ margin-left: 50px; display: inline-block;}
.pagebutton .breadcrumb{margin-bottom: 5px;}

/*layui选项卡*/
.layui-tab-title li{padding-left: 20px; padding-right: 20px;}

/*layui-btn*/
.layui-btn-divider,.layui-btn-divider:hover{padding-left:5px; padding-right:5px; background-color: transparent; border-color: transparent; color: #ddd; cursor: default;}
a.layui-btn:hover{text-decoration: none;}
.layui-btn.layui-btn-mini{height: auto; line-height: 1; padding:1px 3px; font-size:12px;}
.layui-btn+.layui-btn{margin-left:3px;}

/*布局*/
.row.row10{margin-left: -10px; margin-right: -10px;}
.row.row10 div[class*="col-"]{padding-left: 10px; padding-right: 10px;}

/*通用表单*/
.form-control{border-radius:0;}
.form-control.w25{width:25%;}
.form-control.w50{width:50%;}
.form-control.w75{width:75%;}
.form-control.size1{width:100px;}
.form-control.size2{width:200px;}
.form-control.size3{width:300px;}
div.form-control{min-height: 38px; height: auto;}
select.form-control{min-height: 38px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #fafafa;}
.form-group{padding-top:15px; padding-bottom: 15px; margin-bottom:0; border-bottom: 1px dotted #eee;}
.form-group .control-label{float: left; width:120px; height: 34px; line-height:34px; text-align: left; overflow: hidden; }
.form-group .control-label.must .must-tip{position: absolute; margin-top: 5px; color: #117af4; font-size:1.5em;}
.form-group .control-label + .control-input{ margin-left: 135px;}
.form-group .control-input.with-checkbox{padding-top:8px;}
.form-group .control-input .checkbox, .form-group .control-input .radio{margin-left:20px; margin-top: 6px;}
.form-group .control-input .checkbox-inline, .form-group .control-input .radio-inline{margin-top: 6px; margin-bottom:5px;}
.form-group input.form-control{border-radius:0; height:38px;}
.form-group .help-block{margin-bottom: 0; font-size:12px; color: #aaa;}
.from-help-block{margin-top:15px; line-height: 1.8em; color:#aaa;}
.form-lg .form-group .control-label{width:150px;}
.form-lg .form-group .control-label + .control-input{ margin-left: 165px;}

.form-group.full{}
.form-group.full .control-label{float: none; text-align: left; display: block; width:100%;}
.form-group.full .control-label + .control-input{margin-left: 0;}

.form-group .input-group + .input-group{margin-top: 5px;}
.input-group .input-group-addon{border-radius:0;}
.input-group .noleftborder{border-left:0;}
.input-group .norightborder{border-right:0;}
.input-group .input-group-select{padding: 0; background-color: transparent;}
.input-group .input-group-select select.form-control{height:32px; border-width: 0; min-width: 80px;}
.input-group-addon + .input-group-addon,
.input-group-addon + .form-control,
.form-control + .input-group-addon{border-left:0;}
.form-group.button{padding-left: 135px; border-width:0;}
.form-group.button .btn{border-radius:2px; padding-left: 25px; padding-right: 25px;}

.form-group-header{padding-top:15px; padding-bottom: 15px; margin-bottom:0; border-bottom: 1px solid #eee; font-weight: bold; color: #FF5722;}
.form-group-header .layui-icon{color:#FF5722;}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin-left:0;}
.radio-inline, .checkbox-inline{margin-right: 15px;}

/*form-group-vertical*/
.form-group-vertical .control-label{float: none; width:unset; display: block; text-align: left;}
.form-group-vertical .control-input,
.form-group.form-group-vertical .control-label + .control-input{margin-left:0;}

/*cascade*/
.cascade.inline{display: inline-block;}

/*label*/
.layui-form label{font-weight: normal;}
.layui-form label .form-control{display: inline-block;}
.layui-form-label .must-tip{position: absolute; margin:5px 0 0 3px; color: #FFB800; font-size:1.5em;}

/*自定义：页面名称*/
.pagename .right{float: right; margin: 5px 15px 0 0;}
.pagename + .body{margin-top:-10px;}

/*页面按钮*/
.pagebutton{margin-bottom: 15px;}
.pagebutton .btn-divider{cursor: unset; color: #eee;}
.pagebutton.nomargin{margin-bottom: 0;}

/* 底部按钮 */
.body.body-with-footer-button{margin-bottom: 45px;}
.footer-button{ position:fixed; z-index: 9999; width:100%; left:0; bottom:0; padding:5px 15px; border-top:1px solid #e2e2e2; background-color: #f5f5f5;}
.footer-button-submit{padding:0; text-align: right;}
.footer-button-submit .btn{height:45px; line-height: 45px; padding: 0 30px; border-radius:0; font-size:16px;}
.footer-button-submit .btn-link{color:red; cursor: unset;}
.footer-button-submit .btn-link:hover{text-decoration: none;}

/*图片上传，缩略图*/
.upload-lists-item{float:left; position: relative; margin:0 5px 5px 0; width:75px; height:75px; background-color: #fafafa; border-radius:1px; border:1px solid #ccc;}
.upload-lists-item .text{padding-top:20px; line-height: 1.5em; font-size:12px; text-align: center; color:#aaa;}
.upload-lists-item .text .iconfont{font-size:3em;}
.upload-lists-item img{width:100%; height:100%; border-radius:1px;}
.upload-lists-item .mask{display: none; position: absolute; z-index: 1; width:100%; height:100%; padding-top:25px; text-align: center;}
.upload-lists-item:hover .mask{display: block;}

/*文件上传*/
.upload-lists.list-group{margin-bottom: 0;}
.upload-lists .list-group-item{}
.upload-lists .list-group-item-btn{float:right; margin:-5px -10px 0 0}
.upload-lists .list-group-item-btn .btn{ padding: 5px 8px; border-radius: 0;}
.upload-lists .list-group-item:last-child{border-radius:0; border-bottom: 0;}
.upload-lists .list-group-item:first-child{border-radius: 0;}

.size2 .upload-lists-item{width:150px;}
.size1_5 .upload-lists-item{width:100px;}

/*layui table*/
.nomargin .layui-table, .nomargin.layui-table-view{margin: 0;}
.layui-table .layui-table-cell{height:auto; min-height: 28px; padding-left: 5px; padding-right: 5px;}
.layui-table .layui-table-edit{padding-left: 4px; padding-right: 4px;}

.layui-table-view .layui-table td[data-edit="text"] .layui-table-cell:before {font-family: layui-icon; content: '\e642'; color: #ddd; font-size: 12px; margin-right:2px;}

.font-weight{font-weight: bold;}
.font-normal{font-weight: normal;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-blue{color:#0155bf;}

.font-size-12{font-size:12px;}
.font-size-14{font-size:14px;}
.font-size-16{font-size:16px;}
.font-size-18{font-size:18px;}


.cascade .form-inline select.form-control{width:auto; display: inline-block;}
.control-input .layui-input-inline{margin: 0 5px 5px 0;}
.layui-input, .layui-select, .layui-textarea{border-radius:2px; border-color:#ccc;}
.layui-textarea{min-height: unset;}
.layui-input-help{display: block; clear: both; color:#aaa; line-height: 2;}

.cascade-select{}
.layui-input-inline .cascade-select{display: inline-block;}
.cascade-select .layui-input-inline{width:150px; margin-right: 5px;}


.body-modal .layui-fluid{padding: 0; background-color: #fff;}
.body-modal .layui-fluid .layui-card{border-width:0; border-radius:2px; box-shadow: none;}

.layui-footer{position: fixed; z-index:1000; left:0; bottom:0; width:100%; padding:5px 15px; text-align: center; background-color: #fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.15); box-sizing: border-box;}
.body-modal .layui-footer{background-color: #f2f2f2; border-top:1px solid #ccc;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.layui-footer.unset{position:unset; border-top:1px solid #ccc;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.layui-footer.normal{position: unset; padding:0 0 10px 110px; text-align: left; box-shadow: none;}
.layui-with-footer{padding-bottom:48px;}
.layui-footer-blank{height:30px;}
.topwidnow .layui-footer{left:204px; width:calc(100vw - 204px);}

.layui-form-label{width:130px; box-sizing: border-box; padding-left: 0; padding-right:8px;}
.layui-form-label.mini{font-size:12px;}

/*input-group*/
.layui-input-group{display: flex; flex-direction:row; justify-content : space-between;}
.layui-input-group .layui-input-group-addon{display: block;width:auto; height:38px; padding:0 10px; line-height: 36px; white-space:nowrap; border:1px solid #ccc; background-color: #f0f0f0; color:#666; box-sizing: border-box;}
.layui-input-group .layui-input, .layui-input-group .layui-unselect{display: block;width:100%; border-radius:0;}
.layui-input-group * + *{margin-left: -1px;}
.layui-input-group > *:first-child{border-radius:2px 0 0 2px;}
.layui-input-group > *:last-child,
.layui-input-group > *:last-child .layui-input{border-radius: 0 2px 2px 0;}
@media screen and (max-width: 450px){
    .layui-input-group{margin-bottom: 5px;}
}

/*.layui-form-item .layui-input-inline {width: 150px;}*/
@media screen and (max-width: 450px){
    .layui-card-body{padding: 10px;}
    .layui-card-body .layui-tab-content{padding:10px 0;}
    .layui-card .layui-form-item{padding: 5px 0 15px;}
    .layui-form-item .layui-form-label{display: block; float:unset; width: 100%; text-align: left;}
    .layui-form-item .layui-form-label + .layui-input-block{margin-left: 0;}
    .layui-form-item .layui-form-label + .layui-input-inline{margin-left: 0;}
    .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 0;}

    .layui-form-item .layui-input-inline {left: 0; margin-left:0;}

    .layui-form-item .layui-form-label + .layui-input-block,
    .layui-form-item .layui-form-label + .layui-input-block + .layui-input-block{margin-left: 0px;}

    .cascade-select .layui-input-inline{max-width: 30vw; display: inline-block;}
}

/*list-group*/
.list-group{display: block;}
.list-group-item{ display: block; padding:10px; border:1px solid #eee; border-width:0 1px 1px; color:#333; font-size:14px; cursor: pointer;}
.list-group-item:first-child{border-top:1px solid #eee; border-radius:2px 2px 0 0;}
.list-group-item:last-child{border-radius:0 0 2px 2px;}



.text-ellipsis-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}