.contractRecordDirectly{background-color:#f6f6f6}.contractRecordDirectly .header{width:100%;height:80px;min-height:80px;background:#0a589c}.contractRecordDirectly .header .left{padding-left:27px;font-family:Source Han Sans SC;display:flex;align-items:center;font-weight:700;font-size:28px;color:#fff;height:100%}@media (min-width:2160px){.contractRecordDirectly .header .left{font-size:30px}}.contractRecordDirectly .header .left>img{margin-right:16px}.contractRecordDirectly .header .left>span{font-size:28px}@media (min-width:2160px){.contractRecordDirectly .header .left>span{font-size:30px}}.contractRecordDirectly .btnList{margin:10px 20px;background:#fff;padding:10px;display:flex;align-items:center;box-sizing:border-box}.contractRecordDirectly .layout-warp,.contractRecordDirectly .pageHeader{box-shadow:none}.contractRecordDirectly /deep/.layout-warp{margin:10px 20px 20px 20px}.contractRecordDirectly /deep/.layout-warp .pageList .layout-list{margin:0;padding:0}.contractRecordDirectly /deep/.layout-warp .pageList .layout-list .table-header{padding-top:0}.contractRecordDirectly /deep/.layout-warp .pageList .layout-list .el-table .state{display:flex;flex-direction:row;align-items:center}.contractRecordDirectly /deep/.layout-warp .pageList .layout-list .el-table .state .dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}