/*定位*/
|
.tl {
|
text-align: left;
|
}
|
.tc {
|
text-align: center;
|
}
|
.tr {
|
text-align: right;
|
}
|
.bc {
|
margin-left: auto;
|
margin-right: auto;
|
}
|
.fl {
|
float: left;
|
display: inline;
|
}
|
.fr {
|
float: right;
|
display: inline;
|
}
|
.cb {
|
clear: both;
|
}
|
.cl {
|
clear: left;
|
}
|
.cr {
|
clear: right;
|
}
|
|
/*文字排版*/
|
.f12 {
|
font-size: 12px;
|
}
|
.f13 {
|
font-size: 13px;
|
}
|
.f14 {
|
font-size: 14px;
|
}
|
.f16 {
|
font-size: 16px;
|
}
|
.f18 {
|
font-size: 18px;
|
}
|
.f20 {
|
font-size: 20px;
|
}
|
.f22 {
|
font-size: 23px;
|
}
|
.f25 {
|
font-size: 25px;
|
}
|
.f30 {
|
font-size: 30px;
|
}
|
.f35 {
|
font-size: 35px;
|
}
|
.f40 {
|
font-size: 40px;
|
}
|
.f45 {
|
font-size: 45px;
|
}
|
.f50 {
|
font-size: 50px;
|
}
|
.f55 {
|
font-size: 55px;
|
}
|
.f60 {
|
font-size: 60px;
|
}
|
.f65 {
|
font-size: 65px;
|
}
|
.fb {
|
font-weight: bold;
|
}
|
.fn {
|
font-weight: normal;
|
}
|
.t2 {
|
text-indent: 2em;
|
}
|
.lh150 {
|
line-height: 150%;
|
}
|
.lh180 {
|
line-height: 180%;
|
}
|
.lh200 {
|
line-height: 200%;
|
}
|
.unl {
|
text-decoration: underline;
|
}
|
.no_unl {
|
text-decoration: none;
|
}
|
|
.clearfix:after {
|
display: block;
|
content: '';
|
clear: both;
|
}
|
.clearfix {
|
zoom: 1;
|
}
|
.vm {
|
vertical-align: middle;
|
}
|
|
.pr {
|
position: relative;
|
}
|
.pa {
|
position: absolute;
|
}
|
.pa100 {
|
position: absolute;
|
left: 0;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
}
|
.zoom {
|
zoom: 1;
|
}
|
.hidden {
|
visibility: hidden;
|
}
|
.none {
|
display: none;
|
}
|
/*长度高度*/
|
.w10 {
|
width: 10px;
|
}
|
.w20 {
|
width: 20px;
|
}
|
.w30 {
|
width: 30px;
|
}
|
.w40 {
|
width: 40px;
|
}
|
.w50 {
|
width: 50px;
|
}
|
.w70 {
|
width: 70px;
|
}
|
.w90 {
|
width: 90px;
|
}
|
.w100 {
|
width: 100px;
|
}
|
.w300 {
|
width: 300px;
|
}
|
.w500 {
|
width: 500px;
|
}
|
.w600 {
|
width: 600px;
|
}
|
.w700 {
|
width: 700px;
|
}
|
.w800 {
|
width: 800px;
|
}
|
.w {
|
width: 100%;
|
}
|
.h50 {
|
height: 50px;
|
}
|
.h100 {
|
height: 100px;
|
}
|
.h200 {
|
height: 200px;
|
}
|
.h {
|
height: 100%;
|
}
|
|
/*编剧*/
|
.ma {
|
margin: auto;
|
}
|
.m10 {
|
margin: 10px;
|
}
|
.m15 {
|
margin: 15px;
|
}
|
.m30 {
|
margin: 30px;
|
}
|
.mt5 {
|
margin-top: 5px;
|
}
|
.mt10 {
|
margin-top: 10px;
|
}
|
.mt15 {
|
margin-top: 15px;
|
}
|
.mt20 {
|
margin-top: 20px;
|
}
|
.mt30 {
|
margin-top: 30px;
|
}
|
.mt50 {
|
margin-top: 50px;
|
}
|
.mt100 {
|
margin-top: 100px;
|
}
|
.mb5 {
|
margin-bottom: 5px;
|
}
|
.mb10 {
|
margin-bottom: 10px;
|
}
|
.mb15 {
|
margin-bottom: 15px;
|
}
|
.mb20 {
|
margin-bottom: 20px;
|
}
|
.mb30 {
|
margin-bottom: 30px;
|
}
|
.mb50 {
|
margin-bottom: 50px;
|
}
|
.mb100 {
|
margin-bottom: 100px;
|
}
|
.ml5 {
|
margin-left: 5px;
|
}
|
.ml10 {
|
margin-left: 10px;
|
}
|
.ml15 {
|
margin-left: 15px;
|
}
|
.ml20 {
|
margin-left: 20px;
|
}
|
.ml30 {
|
margin-left: 30px;
|
}
|
.ml50 {
|
margin-left: 50px;
|
}
|
.ml100 {
|
margin-left: 100px;
|
}
|
.mr5 {
|
margin-right: 5px;
|
}
|
.mr10 {
|
margin-right: 10px;
|
}
|
.mr15 {
|
margin-right: 15px;
|
}
|
.mr20 {
|
margin-right: 20px;
|
}
|
.mr30 {
|
margin-right: 30px;
|
}
|
.mr50 {
|
margin-right: 50px;
|
}
|
.mr100 {
|
margin-right: 100px;
|
}
|
.p5 {
|
padding: 5px;
|
}
|
.p10 {
|
padding: 10px;
|
}
|
.p15 {
|
padding: 15px;
|
}
|
.p20 {
|
padding: 20px;
|
}
|
.p30 {
|
padding: 30px;
|
}
|
.p50 {
|
padding: 50px;
|
}
|
.p100 {
|
padding: 100px;
|
}
|
.pt5 {
|
padding-top: 5px;
|
}
|
.pt10 {
|
padding-top: 10px;
|
}
|
.pt15 {
|
padding-top: 15px;
|
}
|
.pt20 {
|
padding-top: 20px;
|
}
|
.pt30 {
|
padding-top: 30px;
|
}
|
.pt50 {
|
padding-top: 50px;
|
}
|
.pt100 {
|
padding-top: 100px;
|
}
|
.pb5 {
|
padding-bottom: 5px;
|
}
|
.pb10 {
|
padding-bottom: 10px;
|
}
|
.pb15 {
|
padding-bottom: 15px;
|
}
|
.pb20 {
|
padding-bottom: 20px;
|
}
|
.pb30 {
|
padding-bottom: 30px;
|
}
|
.pb50 {
|
padding-bottom: 50px;
|
}
|
.pb100 {
|
padding-bottom: 100px;
|
}
|
.pl5 {
|
padding-left: 5px;
|
}
|
.pl10 {
|
padding-left: 10px;
|
}
|
.pl15 {
|
padding-left: 15px;
|
}
|
.pl20 {
|
padding-left: 20px;
|
}
|
.pl30 {
|
padding-left: 30px;
|
}
|
.pl50 {
|
padding-left: 50px;
|
}
|
.pl60 {
|
padding-left: 60px;
|
}
|
.pl100 {
|
padding-left: 100px;
|
}
|
.pr5 {
|
padding-right: 5px;
|
}
|
.pr10 {
|
padding-right: 10px;
|
}
|
.pr15 {
|
padding-right: 15px;
|
}
|
.pr20 {
|
padding-right: 20px;
|
}
|
.pr30 {
|
padding-right: 30px;
|
}
|
.pr50 {
|
padding-right: 50px;
|
}
|
.pr100 {
|
padding-right: 100px;
|
}
|
.pl-checkbox {
|
padding-left: 44px;
|
}
|
.pd10 {
|
padding: 10px;
|
}
|
.pd20 {
|
padding: 20px;
|
}
|
|
.mg10 {
|
margin: 10px;
|
}
|
.mg20 {
|
margin: 20px;
|
}
|
.mg30 {
|
margin: 30px;
|
}
|
.p0m0 {
|
padding: 0;
|
margin: 0;
|
}
|
.cursor-pointer {
|
cursor: pointer;
|
}
|
.dis-inleblock {
|
display: inline-block;
|
}
|
.dis-inline {
|
display: inline;
|
}
|
.dis-block {
|
display: block;
|
}
|
.text-overflow {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.overflow-y {
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
.overflow-x {
|
overflow-x: auto;
|
overflow-y: hidden;
|
}
|
.overflow-auto {
|
overflow: auto;
|
}
|
.overflow-hidden {
|
overflow: hidden;
|
}
|
|
.text-center {
|
text-align: center;
|
}
|
.text-left {
|
text-align: left;
|
}
|
.text-right {
|
text-align: right;
|
}
|
|
.vertical-top {
|
vertical-align: top;
|
}
|
.vertical-middle {
|
vertical-align: middle;
|
}
|
.vertical-bottom {
|
vertical-align: bottom;
|
}
|
.border-box {
|
box-sizing: border-box;
|
}
|
.flex-center {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.width100 {
|
width: 100%;
|
}
|
.width50 {
|
width: 50%;
|
}
|
.width60 {
|
width: 60%;
|
}
|
.width70 {
|
width: 70%;
|
}
|
|
.height100 {
|
height: 100%;
|
}
|
.height40 {
|
height: 40%;
|
}
|
.height50 {
|
height: 50%;
|
}
|
.height60 {
|
height: 60%;
|
}
|
.height70 {
|
height: 70%;
|
}
|
.height80 {
|
height: 80%;
|
}
|
|
.height50-10 {
|
height: calc(50% - 10px);
|
}
|
.height40-10 {
|
height: calc(40% - 10px);
|
}
|
.height30-10 {
|
height: calc(30% - 10px);
|
}
|
.height100-10 {
|
height: calc(100% - 10px);
|
}
|
.height100-20 {
|
height: calc(100% - 20px);
|
}
|
.height100-25 {
|
height: calc(100% - 25px);
|
}
|
.height100-30 {
|
height: calc(100% - 30px);
|
}
|
.height100-40 {
|
height: calc(100% - 40px);
|
}
|
.height100-45 {
|
height: calc(100% - 45px);
|
}
|
.height100-50 {
|
height: calc(100% - 50px);
|
}
|
.height100-55 {
|
height: calc(100% - 55px);
|
}
|
.height100-60 {
|
height: calc(100% - 60px);
|
}
|
.height100-65 {
|
height: calc(100% - 65px);
|
}
|
.height100-70 {
|
height: calc(100% - 70px);
|
}
|
.height100-75 {
|
height: calc(100% - 75px);
|
}
|
.height100-80 {
|
height: calc(100% - 80px);
|
}
|
.height100-85 {
|
height: calc(100% - 85px);
|
}
|
.height100-90 {
|
height: calc(100% - 90px);
|
}
|
.height100-95 {
|
height: calc(100% - 95px);
|
}
|
.height100-100 {
|
height: calc(100% - 100px);
|
}
|
.height100-120 {
|
height: calc(100% - 120px);
|
}
|
.is-always-shadow {
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
}
|
.spanText {
|
font-family: 'PingFangSC-Regular';
|
font-size: 14px;
|
}
|
.bg-card-blue {
|
background: #f4fcff;
|
}
|
|
.radius-circle {
|
border-radius: 50%;
|
overflow: hidden;
|
}
|
.radius-5 {
|
border-radius: 5px;
|
}
|
.radius-10 {
|
border-radius: 10px;
|
}
|
.radius-15 {
|
border-radius: 15px;
|
}
|
.radius-20 {
|
border-radius: 20px;
|
}
|
.radius-25 {
|
border-radius: 25px;
|
}
|
/* 自定义flex布局 start */
|
|
.flex-box {
|
display: -webkit-flex;
|
display: flex;
|
}
|
|
.flex-box-wrap {
|
display: -webkit-flex;
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.flex-center {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.flex-row-left {
|
display: flex;
|
align-items: flex-start;
|
justify-content: flex-start;
|
}
|
|
.flex-row-center {
|
display: flex;
|
align-items: flex-start;
|
justify-content: center;
|
}
|
|
.flex-row-right {
|
display: flex;
|
align-items: flex-start;
|
justify-content: flex-end;
|
}
|
|
.flex-row-between {
|
display: flex;
|
align-items: flex-start;
|
justify-content: space-between;
|
}
|
|
.flex-vertical-top {
|
display: flex;
|
align-items: flex-start;
|
}
|
|
.flex-vertical-center {
|
display: flex;
|
align-items: center;
|
}
|
|
.flex-vertical-bottom {
|
display: flex;
|
align-items: flex-end;
|
}
|
|
.flex-vertical-fill {
|
display: flex;
|
align-items: stretch;
|
}
|
|
.flex-iteam-top {
|
align-self: flex-start;
|
}
|
|
.flex-iteam-center {
|
align-self: center;
|
}
|
|
.flex-iteam-bottom {
|
align-self: flex-end;
|
}
|
|
// elementu-ui
|
|
.el-radio__input.is-checked .el-radio__inner {
|
border-color: #3d68e1;
|
background: #3d68e1;
|
}
|
.el-radio__input.is-checked + .el-radio__label {
|
color: #3d68e1;
|
}
|
|
.el-switch.is-checked .el-switch__core {
|
border-color: #3d68e1;
|
background-color: #3d68e1;
|
}
|
.el-pagination .btn-prev,
|
.el-pagination .btn-next {
|
background: transparent !important;
|
}
|
.el-pager li {
|
}
|
.el-pagination {
|
text-align: right;
|
margin-top: 30px ;
|
}
|
//应用相关样式定义
|
.main-color {
|
color: #ea1e24;
|
}
|
.el-input__inner {
|
border-radius: 0 ;
|
background: transparent !important;
|
}
|
.el-table {
|
&.el-table--scrollable-x .el-table__body-wrapper{
|
overflow-x: hidden;
|
&:hover{
|
overflow: auto;
|
}
|
}
|
.cursor-pointer {
|
cursor: pointer;
|
padding-right: 10px;
|
height: 20px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #1a99ff;
|
line-height: 20px;
|
&:hover {
|
color: #45abfc;
|
}
|
&:focus {
|
color: #1789e5;
|
}
|
}
|
}
|
//右侧主内容区通用格式
|
.right-main {
|
width: calc(100% - 220px);
|
//height: calc(100% - 70px)!important;
|
//height: 100%;
|
//min-height: calc(100vh - 60px)!important;
|
padding: 0 20px;
|
background-color: #f4f4f4;
|
.el-input.is-disabled .el-input__inner {
|
border-color: #eee;
|
color: #ccc;
|
}
|
.top-title {
|
text-align: left;
|
padding: 20px 0;
|
height: 20px;
|
font-size: 14px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: bold;
|
color: #111111;
|
line-height: 20px;
|
}
|
.bread-crumb {
|
display: flex;
|
align-items: center;
|
padding: 20px 0;
|
.prev-title {
|
height: 20px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
line-height: 20px;
|
a {
|
color: #555555;
|
}
|
}
|
.devide {
|
width: 1px;
|
height: 10px;
|
margin: 0 10px;
|
background: #ccc;
|
}
|
.cur-title {
|
font-size: 14px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #111111;
|
line-height: 20px;
|
}
|
}
|
.control-bar {
|
padding: 10px 20px;
|
box-sizing: border-box;
|
background-color: #fff;
|
margin-bottom: 10px;
|
text-align: left;
|
position: relative;
|
.line-one {
|
display: flex;
|
flex-wrap: wrap;
|
min-height: 52px;
|
}
|
.screening {
|
margin: 10px 40px 10px 0;
|
label {
|
padding-right: 10px;
|
height: 16px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #111111;
|
line-height: 16px;
|
}
|
.el-input,
|
.el-input__inner {
|
width: 230px;
|
}
|
.el-date-editor {
|
width: 334px;
|
}
|
}
|
.right-fixed {
|
position: absolute;
|
top: 20px;
|
right: 20px;
|
}
|
.el-button {
|
//width: 88px;
|
padding: 0 12px;
|
height: 32px;
|
border-width: 0;
|
}
|
.btn-search {
|
border-width: 1px;
|
}
|
.btn-reset {
|
background: rgba(85, 85, 85, 0.1);
|
color: #555;
|
border-color: #555;
|
letter-spacing: 0.1em;
|
vertical-align: top;
|
border-width: 1px;
|
&:hover {
|
background: #555;
|
border-color: #555;
|
color: #fff;
|
}
|
&:focus {
|
background: #444;
|
border-color: #444;
|
color: #fff;
|
}
|
}
|
}
|
|
.main-content {
|
background: #fff;
|
min-height: calc(100vh - 150px);
|
.form-area {
|
padding: 20px;
|
text-align: left;
|
.el-form-item__label {
|
text-align: right;
|
padding-right: 5px;
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #111111;
|
}
|
.el-input {
|
width: 360px;
|
height: 40px;
|
}
|
.el-input__inner {
|
color: #555;
|
}
|
.el-input.is-disabled .el-input__inner {
|
color: #888;
|
}
|
.title {
|
display: flex;
|
align-items: center;
|
margin-bottom: 15px;
|
.devide {
|
width: 4px;
|
height: 16px;
|
margin-right: 10px;
|
background: #1a99ff;
|
}
|
.word {
|
height: 20px;
|
font-size: 14px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: bold;
|
color: #111111;
|
line-height: 20px;
|
}
|
}
|
.read-only {
|
font-size: 14px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
color: #555555;
|
}
|
.btn-after-input {
|
width: 44px;
|
height: 27px;
|
margin-left: 15px;
|
padding: 0;
|
background: rgba(26, 153, 255, 0.1);
|
border: 1px solid #1a99ff;
|
font-size: 12px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
color: #1a99ff;
|
}
|
.btn-save {
|
width: 96px;
|
height: 36px;
|
padding: 0;
|
}
|
}
|
}
|
}
|
.table-area {
|
background: #fff;
|
margin-top: 30px;
|
//min-height: calc(100vh - 295px) !important;
|
box-sizing: border-box;
|
|
.el-table {
|
thead {
|
color: #3D3D3D !important;
|
}
|
thead th {
|
padding: 8px 0;
|
font-size: 16px;
|
background-color: #F0F3F5;
|
}
|
|
.cell {
|
padding-left: 11px;
|
}
|
|
.operation {
|
span {
|
font-size: 14px;
|
color: #1a99ff;
|
padding-right: 10px;
|
}
|
}
|
}
|
|
.multiple-sub-title {
|
text-align: left;
|
height: 22px;
|
margin-bottom: 15px;
|
font-size: 16px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: bold;
|
color: #111111;
|
line-height: 22px;
|
}
|
}
|
.bg-gray {
|
height: 100%;
|
background: #f8f8f8;
|
}
|
.header-transparent {
|
height: 80px;
|
border-bottom: 1px solid #e3dfdf;
|
.logo {
|
float: left;
|
margin: 19px 0 0 40px;
|
}
|
.text-right {
|
float: right;
|
margin-top: 25px;
|
margin-right: 40px;
|
display: flex;
|
align-items: center;
|
.devide {
|
height: 14px;
|
margin: 0 15px;
|
}
|
}
|
.toIndex {
|
height: 18px;
|
font-size: 18px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: bold;
|
color: #555555;
|
line-height: 18px;
|
}
|
.el-link.is-underline:hover:after {
|
display: none;
|
}
|
.qrcode {
|
img {
|
width: 29px;
|
}
|
}
|
}
|
.code-btn:not(.is-disabled) {
|
&:hover {
|
background: #ea1e24 !important;
|
color: #fff !important;
|
}
|
&:focus {
|
background: #d21a20 !important;
|
color: #fff !important;
|
}
|
}
|
.btn-orange {
|
background: #ff7b01 !important;
|
color: #fff !important;
|
&:hover {
|
background: #fc9231 !important;
|
color: #fff !important;
|
}
|
&:focus {
|
background: #e56e00 !important;
|
color: #fff !important;
|
}
|
}
|
.el-select-dropdown__item{
|
.option-lt,.option-rt{
|
display: inline-block;
|
width: 136px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.option-lt{
|
margin-right: 10px;
|
}
|
}
|
|
.button {
|
cursor: pointer;
|
user-select: none;
|
}
|
|
.iconfont {
|
user-select: none;
|
}
|
|
.h32 {
|
height: 32px;
|
line-height: 32px;
|
|
input {
|
height: 32px;
|
line-height: 32px;
|
}
|
|
.el-select__caret {
|
line-height: 32px;
|
}
|
}
|
