/*外框*/
.app-container{ padding:0!important;}
.app-container .head-container{ padding-left: 10px!important; margin-top: 10px!important;}
.head-container{ padding-bottom: 0!important;}

/*弹出框*/
.el-dialog__header{ padding: 10px!important;}
.el-dialog__title{ font-size: 15px!important;font-weight: 700;}
.el-dialog__headerbtn{ top: 10px!important; right: 10px!important;}
.el-dialog__body{ padding:0!important;}

.head-container .filter-item.el-input { width: 150px; }
.head-container .filter-item.el-date-editor{line-height: 0;}
.head-container .filter-item.el-select { width: 150px;}
.head-container .filter-item .el-select { width: 150px;}
.head-container .filter-item.vue-treeselect { width: 150px;}
.head-container .filter-item.el-cascader { width: 150px;}
.head-container .filter-item.el-range-editor { width: 304px;}
.head-container .filter-item.el-range-editor .el-range-input { width: 102px;}

/*上传图片*/
.el-upload--picture-card{width: 80px!important; height: 80px!important; line-height: 78px!important;}
.el-upload-list--picture-card .el-upload-list__item{ width: 80px!important; height: 80px!important;}
.el-upload-list--picture-card .el-upload-list__item-actions span + span { margin-left: 0!important;}
.hide .el-upload--picture-card { display: none; }
.elUp { display: inline; }
.elUp ul { display: none; }

/*穿梭框*/
.el-transfer-panel{width: 240px;}
.search-transfer {padding: 10px;}
.search-transfer .el-transfer-panel{width: 300px;}
.search-transfer .el-transfer-panel .el-transfer-panel__body{height: 300px;}
.search-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__list{height: 300px;}

/*级联tab选择组件*/
.cl-cascader-tab .add_oil_depot{position: relative;}
.cl-cascader-tab .add_text_wrap .wrap_box{ position:relative; border: 1px solid #CECBCE; background:#fff; display:inline-block; font-size:14px; height:22px; padding:4px 6px; z-index:999;line-height: 22px;box-sizing: content-box;}
.cl-cascader-tab .add_hover .wrap_box{ border-bottom:none;}
.cl-cascader-tab .content_wrap {float: left; position: absolute; top: 34px; left: 0; border: 1px solid #CECBCE; width: 460px; padding: 12px 12px 15px; background: #fff; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; z-index:998;min-height: 300px;}
.cl-cascader-tab .add_oil_depot ul,.add_oil_depot li{ padding:0; margin:0;}
.cl-cascader-tab .add_oil_depot .content-list li { float: left; width: 100px; padding: 0 16px 1px 0; clear: none; line-height: 18px; font-style:normal; list-style:none; font-size:14px;}
.cl-cascader-tab .add_oil_depot .el-tab-pane:nth-child(3) .content-list li{width: 120px;}
.cl-cascader-tab .add_oil_depot .content-list li a{ cursor: pointer; color: #303133; line-height: 18px; margin:3px 0; display: block; width: 100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cl-cascader-tab .add_oil_depot .content-list li a:hover{ color:#f56c6c; }
.cl-cascader-tab .add_oil_depot .content-list li.current{ color:#f56c6c;}

.goods_el_select>.el-select,.goods_el_select>.el-input{width:calc(100% - 39px); float: left; }
.goods_el_select .goods_el_more{ float: right;}
.goods_el_select .goods_el_more .el-button--mini{ padding: 7px 10px;}
.goods_el_select .goods_el_more .el-button--small{ padding: 9px 9px;}

/*按钮形式的radio*/
.cl-button-radio .el-radio-button__inner{border:1px solid #dcdfe6;box-shadow:none!important;margin-right: 10px;}
.cl-button-radio .el-radio-button:first-child .el-radio-button__inner{border-radius:4px;box-shadow:none!important}
.cl-button-radio .el-radio-button__orig-radio:checked+.el-radio-button__inner{ color:#f56c6c; background: #fff; border-color: #f56c6c;}
.cl-button-radio .el-radio-button__orig-radio:checked+.el-radio-button__inner:before{ position: absolute; content: ''; bottom:0; right: 0; width: 20px; height: 20px; display: block; background-image: url('../images/pitch_on.png'); background-size: cover;}
.cl-button-radio .el-radio-button:last-child .el-radio-button__inner{border-radius:4px}
.cl-button-radio .el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}
.cl-button-radio .el-radio-button--medium .el-radio-button__inner{border-radius:4px}
.cl-button-radio .el-radio-button--small .el-radio-button__inner{border-radius:4px}
.cl-button-radio .el-radio-button--mini .el-radio-button__inner{border-radius:4px}

/*机构信息下拉*/
.cl-user-org-info .el-select-dropdown__list{ padding: 6px 6px 3px 6px; display: inline-block; max-width: 560px;}
.cl-user-org-info .el-select-dropdown__item{height: auto;width: 266px!important;border: 1px solid #ddd;margin: 4px;padding: 5px;border-radius: 3px;float: left;}
.cl-user-org-info .el-select-dropdown__item:hover{border: 1px solid #c8303d;background: #ffe3e3;}
.cl-user-org-info .el-select-dropdown__item i{position: absolute;left: 5px;top: 10px;padding: 8px;font-size: 18px;border-radius: 30px;border: 1px solid #c8303d;color: #c8303d;}
.cl-user-org-info .cl-user-org-info-item{ overflow: hidden; padding: 8px;}
.cl-user-org-info .cl-user-org-info-item div{padding-left: 34px;float: left;}
.cl-user-org-info .cl-user-org-info-item p{font-size: 12px;color: #999;width: 208px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; min-height: 22px; line-height: 22px;}
.cl-user-org-info .cl-user-org-info-item p.name{color: #2b2b2b;font-size: 14px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;white-space: initial;min-height: 44px;}
.cl-user-org-info .el-scrollbar__view.el-select-dropdown__list .label-select_box_add{ margin-bottom: 38px; overflow: hidden;}
.cl-user-org-info .el-scrollbar__view.el-select-dropdown__list .label-select_add { position: absolute;  bottom: 0px; width: 100%;left: 0px; background: #fff;}

/*加载中*/
.el-loading-mask {left: -1px;width: calc(100% + 2px);}

.goods_el_select>.el-select,.goods_el_select>.el-input{width:calc(100% - 39px); float: left; }
.goods_el_select .goods_el_more{ float: right;}
.goods_el_select .goods_el_more .el-button--small{ padding: 12px 9px;}

.el-dialog__body .el-tabs{ margin-top: -15px;}
.el-dialog .el-dialog__header{ position: relative; z-index: 1111;}
.el-dialog .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-dialog .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-dialog .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-dialog .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left:20px;
}

/*分类搜索*/
.cl-search-classify ul { margin-right: 10px; margin-bottom: 10px; max-height: 400px; overflow: hidden; }
.cl-search-classify ul li{ padding-left: 5px;}
.cl-search-classify ul li:hover{ cursor: pointer; background: rgb(254,240,240); color: #ff4949;}
.cl-search-classify ul li.current{ cursor: pointer; background: rgb(254,240,240); color: #ff4949;}
.cl-search-classify ul li.hover{ cursor: pointer; background: rgb(254,240,240); color: #ff4949;}

/*发送短信组件*/
.cl-sms-code-input .el-input{ width:calc(100% - 100px);}
.cl-sms-code-input .cl-sms-code-input-btn{ display: inline-block;vertical-align: middle;float: right;}
.cl-sms-code-input .el-button{ width: 90px;}