/*element*/
.el-menu-item a{ display: block; color: #fff;}
.el-menu.el-menu--horizontal{ border-bottom: none;}
.el-table th{ text-align: center; font-weight: normal; color: #999;}
.main-page .number{ font-weight: normal;}
.el-button--primary a{ color: #fff;}
.el-button--default a{ color: #606266;}
.main-upload-picture .el-form-item__label{ float: initial;}
.el-button + .el-button-link,.el-button-link + .el-button{ margin-left: 10px;}
.el-form .el-form-item .el-select-block{ display: block;}
.el-form-clear-float .el-form-item__label{ float: initial;}

/*flex*/
.main-item{ display: flex; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: -moz-box;}
.main-item-center{ align-items: center; -webkit-align-items: center; -webkit-box-align: center;}
.main-item-content{ flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; width: 1px;}

/*重置滚动条*/
::-webkit-scrollbar{ width: 6px; height: 6px; background: #F1F1F1;}
::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background-color: #C1C1C1;}

/**/
.main-frame-header{ height: 60px; background: #545C64; display: flex; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: -moz-box;}
.main-frame-header-logo{ line-height: 60px; padding: 0 15px;}
.main-frame-header-logo img{ max-height: 30px;}
.main-frame-header-menu{ flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1;}
.main-frame-container{ height: calc(100vh - 60px); height: -webkit-calc(100vh - 60px);}
.main-frame-content{ padding: 15px;}
.main-frame-tool{ overflow: hidden; font-size: 0;}
.main-frame-tool .btn-filtrate{ background: #409EFF url("../images/icon/icon_filtrate.png") no-repeat left 10px center; background-size: 16px; padding-left: 34px;}
.main-frame-tool + .main-frame-box{ margin-top: 15px;}
.main-site{ color: #52b6d8; line-height: 32px; font-size: 14px; float: right;}
.main-query-box{ padding: 15px 10px; width: 300px; margin-right: 15px; border: solid 1px #fff; border-left-width: 8px; background: #fff; margin-bottom: 0; position: relative; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.05); -moz-box-shadow: 0 0 8px rgba(0,0,0,.05); box-shadow: 0 0 8px rgba(0,0,0,.05); -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; transition: width .3s;}
.main-query-show .main-query-box{ width: 0; height: 0; padding: 0; border: none; margin: 0; overflow: hidden;}
.main-query-btn{ width: 100%;}
.main-frame-table{ background: #fff; padding: 20px; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.05); -moz-box-shadow: 0 0 8px rgba(0,0,0,.05); box-shadow: 0 0 8px rgba(0,0,0,.05);}
.main-frame-table img{ max-height: 80px; max-width: 120px;}

.main-news-edit{ max-width: 1400px; min-width: 1200px;}
.main-news-edit-form{ margin-right: 50px;}
.el-dialog__wrapper .el-form-item__label{ width: 100%;}
.main-news-editor-title{ line-height: 32px;}
.main-news-editor{ width: 700px;}

/*上传图片*/
.main-upload-picture{ margin-bottom: 0 !important;}
.main-upload-picture ul{ overflow: hidden;}
.main-upload-picture li.upload-item,.main-upload-picture li.upload-item-btn{ float: left; position: relative; margin-right: 15px; margin-bottom: 10px; width: 60px; height: 60px; overflow: hidden; cursor: pointer; border: dashed 1px #c0ccda; border-radius: 6px; box-sizing: border-box; background: #FBFDFF;}
.main-upload-picture li img{ width: 100%; height: 100%; position: relative; z-index: 9; background: #fff;}
.main-upload-picture li img[src='']{ background: none;}
.main-upload-picture.main-picture-auto li{ width: auto;}
.main-upload-picture.main-picture-auto li.upload-item,.main-upload-picture li.upload-item-btn{ min-width: 60px;}
.main-upload-picture.main-picture-auto img{ width: auto; height: 58px;}
.main-upload-picture.main-picture-heightAuto li{ width: 80px;}
.main-upload-picture.main-picture-heightAuto-auto li.upload-item,.main-picture-heightAuto li.upload-item-btn{ min-width: 80px; height: auto;}
.main-upload-picture.main-picture-heightAuto img{ width: 80px; height: auto;}

.main-upload-picture .upload-item-close{ display: none; width: 24px; height: 24px; position: absolute; right: 0; top: 0; z-index: 10; background: url("../images/icon/icon_uploadCloseBg.png") no-repeat right top; background-size: 100% 100%;}
.main-upload-picture .upload-item-close:hover{ background: url("../images/icon/icon_uploadCloseBg1.png") no-repeat right top; background-size: 100% 100%;}
.main-upload-picture .upload-item-close:after{ content: ""; display:block; width: 24px; height: 24px; background: url("../images/icon/icon_uploadClose1.png") no-repeat right 3px top 3px; background-size: 8px;}
.main-upload-picture .upload-item-close:hover:after{ background: url("../images/icon/icon_uploadClose2.png") no-repeat right 3px top 3px; background-size: 8px;}
.main-upload-picture li.upload-item:hover .upload-item-close,.main-upload-picture li.upload-item-btn:hover .upload-item-close{ display: block;}
.main-upload-picture li.upload-item-btn{ background: #FBFDFF url("../images/icon/icon_uploadBg.png") no-repeat center; background-size: 24px; position: relative;}
.main-upload-picture li.upload-item-btn label{ position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; cursor: pointer;}
.main-upload-picture li.upload-item-btn input[type=file]{ display: none;}
.main-picture-size{ font-size: 12px; color: #999; line-height: 16px;}

/*分页*/
.main-pagination{ text-align: right; margin-top: 15px;}
.main-pagination .el-pager li{ font-weight: normal;}
