@charset "UTF-8";
.view-table > ul {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #DCDFE6;
    border-left: 1px solid #DCDFE6
}

.view-table > ul > li {
    display: flex;
    width: 50%
}
.block_4 {
  background-color: rgba(255, 244, 244, 1);
  width: 800px;
  height: 53px;
  border: 1px solid rgba(255, 202, 202, 1);

  margin:0 auto;
  margin-bottom:40px;
  text-align:center;
  border-radius: 10px;
}

.image-text_1 {
  width: 281px;
  height: 23px;
  
  margin:0 auto;
  margin-top:15px;
}

.thumbnail_1 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.text-group_1 {
  width: 256px;
  height: 23px;
  overflow-wrap: break-word;
  font-size: 0;
 

  text-align: center;
  white-space: nowrap;
  line-height: 23px;
}

.text_29 {
  width: 256px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(136, 136, 136, 1);
  font-size: 16px;
 
  text-align: center;
  white-space: nowrap;
  line-height: 23px;
}

.text_30 {
  width: 256px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(196, 0, 1, 1);
  font-size: 16px;
  

  text-align: center;
  white-space: nowrap;
  line-height: 23px;
  margin-left:10px;
  font-weight: bold;
}

.view-table > ul > li > span {
    box-sizing: border-box;
    display: block;
    padding: 5px 10px;
    border-right: 1px solid #DCDFE6;
    border-bottom: 1px solid #DCDFE6;
    font-size: 12px
}

.view-table > ul > li > span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    background-color: #F5F7FA
}

.view-table > ul > li > span:last-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.view-table__tooltip.el-tooltip__popper {
    padding: 5px;
    background-color: #059A58
}

.view-table__tooltip.el-tooltip__popper .popper__arrow, .view-table__tooltip.el-tooltip__popper .popper__arrow:after {
    border-bottom-color: #059A58
}

.text-tip__handle {
    font-weight: 400;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 1;
    border-radius: 100%;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

.text-tip__handle:hover {
    color: #FF9812;
    border-color: #FF9812
}

.text-tip__icon {
    font-size: 14px;
    color: #999
}

.text-tip__icon:hover {
    color: #059A58
}

.text-tip.el-tooltip__popper {
    border: none;
    box-shadow: 0 1px 3px #ddd
}

.text-tip.el-tooltip__popper .text-tip__content {
    line-height: 1.5
}

.text-tip.el-tooltip__popper .text-tip__content a {
    color: #059A58;
    cursor: pointer
}

.text-tip.el-tooltip__popper .text-tip__content a:hover {
    text-decoration: underline
}

.text-tip.el-tooltip__popper[x-placement^=top] .popper__arrow {
    border-top-color: #ddd !important
}

.text-tip.el-tooltip__popper[x-placement^=right] .popper__arrow {
    border-right-color: #ddd !important
}

.text-tip.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ddd !important
}

.text-tip.el-tooltip__popper[x-placement^=left] .popper__arrow {
    border-left-color: #ddd !important
}

.invoice-options .invoice-options__type {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.invoice-options .invoice-options__type .el-button--text {
    color: #5f5f5f
}

.invoice-options .invoice-options__fee, .invoice-options .invoice-options__showfee {
    margin-bottom: 10px
}

.invoice-list .invoice-list__list {
    overflow: hidden;
    overflow-y: auto
}

.invoice-list .invoice-list__item {
    display: flex;
    align-items: center;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px dotted #ececec;
    cursor: pointer
}

.invoice-list .invoice-list__item:first-child {
    border-top: 1px dotted #ececec
}

.invoice-list .invoice-list__item:hover {
    background-color: #f5f6f7
}

.invoice-list .invoice-list__item:hover .invoice-list__btns {
    display: block
}

.invoice-list .invoice-list__item .invoice-list__content {
    flex: 1;
    max-width: calc(100% - 64px);
    display: flex;
    align-items: center;
    color: #5f5f5f;
    font-size: 13px
}

.invoice-list .invoice-list__item .invoice-list__content > i {
    margin-right: 10px;
    font-size: 16px;
    color: #059A58;
    vertical-align: middle
}

.invoice-list .invoice-list__item .invoice-list__content > i.el-icon-checked {
    flex-shrink: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    background: #fff
}

.invoice-list .invoice-list__item .invoice-list__content > span {
    flex-shrink: 0;
    margin-right: 20px;
    white-space: nowrap
}

.invoice-list .invoice-list__item .invoice-list__content > span.name {
    flex-shrink: 1;
    color: #333;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.invoice-list .invoice-list__item .invoice-list__btns {
    display: none;
    width: 64px;
    text-align: right;
    white-space: nowrap
}

.invoice-list .invoice-list__more i {
    vertical-align: bottom
}

.invoice-list .invoice-list__more i.up {
    transform: rotate(90deg)
}

.invoice-list .invoice-list__more i.down {
    transform: rotate(-90deg)
}

.invoice-dialog .el-dialog__body {
    padding: 5px 20px 20px
}

.invoice-dialog .invoice-dialog__title {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.invoice-dialog .invoice-dialog__title .el-tooltip {
    margin-left: 6px
}

.invoice-dialog .invoice-dialog__tips--1 {
    margin-bottom: 16px;
    line-height: 1.5;
    font-size: 12px;
    color: #999
}

.invoice-dialog .el-form--label-right .el-form-item__label {
    text-align: right
}

.invoice-dialog .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    display: inline-block
}

.page-pbnum .el-input {
    width: 84px
}

.page-pbnum .el-input .el-input__inner {
    text-align: left
}

.page-pbnum .page-pbnum__tips {
    margin: 0 10px;
    font-size: 12px;
    color: #666
}

.page-pbnum.error {
    padding: 4px 0;
    border-radius: 3px;
    border: 2px solid rgba(255, 33, 33, .05);
    background: rgba(255, 33, 33, .05)
}

.page-pbnum .page-pbnum__errorTips {
    font-size: 12px;
    color: #C00
}

.page-pbnum__popover {
    box-sizing: border-box
}

.page-pbnum__popover .page-pbnum__popover__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 8px 13px
}

.page-pbnum__popover .page-pbnum__popover__content > div {
    width: 145px
}

.page-pbnum__popover .page-pbnum__popover__content > div:last-child {
    margin-top: 20px
}

.page-pbnum__popover .page-pbnum__popover__content > div > img {
    display: block;
    width: 100%
}

.page-pbnum__popover .page-pbnum__popover__content > div > p {
    margin-top: 15px;
    white-space: nowrap;
    font-size: 12px;
    color: #666
}

.page-province .el-select + .el-select {
    margin-left: 10px
}

.page-orderman .page-orderman__list {
    overflow: hidden;
    overflow-y: auto
}

.page-orderman .page-orderman__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px dotted #ececec;
    cursor: pointer
}

.page-orderman .page-orderman__item:first-child {
    border-top: 1px dotted #ececec
}

.page-orderman .page-orderman__item:hover {
    background-color: #f5f6f7
}

.page-orderman .page-orderman__item:hover .page-orderman__btns {
    display: block
}

.page-orderman .page-orderman__item .page-orderman__content {
    flex: 1
}

.page-orderman .page-orderman__item .page-orderman__content > i {
    margin-right: 10px;
    font-size: 16px;
    color: #059A58;
    vertical-align: middle
}

.page-orderman .page-orderman__item .page-orderman__content > i.el-icon-checked {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    background: #fff
}

.page-orderman .page-orderman__item .page-orderman__content > span {
    margin-right: 20px;
    white-space: nowrap;
    color: #5f5f5f
}

.page-orderman .page-orderman__item .page-orderman__content .man {
    color: #333;
    font-weight: 700
}

.page-orderman .page-orderman__item .page-orderman__btns {
    display: none
}

.page-orderman .page-orderman__more i {
    vertical-align: bottom
}

.page-orderman .page-orderman__more i.up {
    transform: rotate(90deg)
}

.page-orderman .page-orderman__more i.down {
    transform: rotate(-90deg)
}

.page-region .page-region__placeholder input[type=text]::placeholder {
    color: #606266
}

.page-address .page-address__list {
    overflow: hidden;
    overflow-y: auto
}

.page-address .page-address__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px dotted #ececec;
    cursor: pointer
}

.page-address .page-address__item:first-child {
    border-top: 1px dotted #ececec
}

.page-address .page-address__item:hover {
    background-color: #f5f6f7
}

.page-address .page-address__item:hover .page-address__btns {
    display: block
}

.page-address .page-address__item .page-address__content {
    flex: 1;
    display: flex;
    align-items: center;
    max-width: calc(100% - 146px)
}

.page-address .page-address__item .page-address__content > i {
    flex-shrink: 0;
    margin-right: 10px;
    font-size: 16px;
    color: #059A58;
    vertical-align: middle
}

.page-address .page-address__item .page-address__content > i.el-icon-checked {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    background: #fff
}

.page-address .page-address__item .page-address__content > span {
    flex-shrink: 0;
    margin-right: 20px
}

.page-address .page-address__item .page-address__content > span.name {
    font-weight: 700;
    color: #333
}

.page-address .page-address__item .page-address__content > span.extaddress {
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-address .page-address__item .page-address__btns {
    display: none
}

.page-address .page-address__more i {
    vertical-align: bottom
}

.page-address .page-address__more i.up {
    transform: rotate(90deg)
}

.page-address .page-address__more i.down {
    transform: rotate(-90deg)
}

.page-address-dialog .page-address-dialog__region .el-cascader {
    width: 100%
}

.top-advert.el-carousel .el-carousel__item {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.top-advert.el-carousel .el-carousel__item.is-active {
    opacity: 1
}

.express-table {
    border: 1px solid #EBEEF5;
    border-bottom: 0
}

.express-table table td, .express-table table th {
    border: 0
}

.express-table .el-table th {
    color: #333;
    background-color: #F2F4F6
}

.express-table .el-table td, .express-table .el-table th.is-leaf {
    border-bottom: 1px solid #EBEEF5
}

.express-table .el-table .el-table__row {
    cursor: pointer
}

.express-table .express-table__icon {
    vertical-align: middle
}

.express-table .express-table__icon.el-icon-checked {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    background: #fff
}

.express-table .express-table__icon.el-icon-success {
    font-size: 16px;
    color: #059A58
}

.express-table .express-table__mark {
    color: #C00
}

.page-has_period__popover .page-has_period__popover__content {
    text-align: center;
    font-size: 12px
}

.page-has_period__popover .page-has_period__popover__content > p {
    margin-bottom: 10px
}

.page-has_period__popover .page-has_period__popover__content > p > span {
    margin-right: 10px;
    font-weight: 700
}

.page-has_period__popover .page-has_period__popover__content img {
    height: 60px
}

.page-color-block {
    display: inline-block;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #fff
}

.page-color-block.white {
    border-color: #ddd
}

.page-color-block.disabled {
    opacity: .7
}

.page-color-block.disabled.white {
    background: #f2f2f2 !important
}

.page-engineer .page-engineer__list {
    overflow: hidden;
    overflow-y: auto;
    border-top: 1px dotted #ececec
}

.page-engineer .page-engineer__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding-left: 10px;
    border-bottom: 1px dotted #ececec
}

.page-engineer .page-engineer__item:hover {
    background-color: #f5f6f7
}

.page-engineer .page-engineer__item:hover .page-engineer__btns {
    display: block
}

.page-engineer .page-engineer__item .el-checkbox__input {
    width: 16px
}

.page-engineer .page-engineer__item .el-checkbox__label {
    flex: 1;
    max-width: calc(100% - 36px)
}

.page-engineer .el-checkbox__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 40px
}

.page-engineer .el-checkbox__label .page-engineer__content {
    flex: 1;
    display: flex;
    align-items: center;
    max-width: calc(100% - 146px)
}

.page-engineer .el-checkbox__label .page-engineer__content > span {
    flex-shrink: 0;
    margin-right: 20px;
    color: #5f5f5f
}

.page-engineer .el-checkbox__label .page-engineer__content > span.name {
    font-weight: 700;
    color: #333
}

.page-engineer .el-checkbox__label .page-engineer__content > span.email {
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-engineer .el-checkbox__label .page-engineer__btns {
    display: none
}

.page-engineer .page-engineer__more i {
    vertical-align: bottom
}

.page-engineer .page-engineer__more i.up {
    transform: rotate(90deg)
}

.page-engineer .page-engineer__more i.down {
    transform: rotate(-90deg)
}

.page-engineer .page-engineer__list.is-radio .page-engineer__item .el-checkbox__inner {
    border-radius: 50%
}

.needchange {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.needchange .el-dialog__footer, .needchange .el-dialog__header {
    background-color: #f8f8f8
}

.needchange .el-dialog__footer .needchange__primaryBtn {
    color: #fff;
    border-color: #C00;
    background-color: #C00
}

.needchange .el-dialog__footer .needchange__primaryBtn:hover {
    border-color: #B80000;
    background-color: #B80000
}

.needchange .el-dialog__body {
    background-color: #f8f8f8;
    padding: 20px
}

.needchange .nedtips, .needchange .nedtips1 {
    display: inline-block;
    height: 32px;
    background: rgba(204, 0, 0, .05);
    line-height: 32px;
    color: #572929
}

.needchange .el-dialog__title {
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700
}

.needchange .nedtips, .needchange .nedtips1, .needchange .uneed_smt .box1 ul li {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400
}

.needchange .nedtips1 {
    width: 215px;
    border: 1px solid rgba(204, 0, 0, .1);
    border-radius: 4px;
    transform: translate(325%, 20px)
}

.needchange .nedtips {
    width: 288px;
    border: 1px solid rgba(204, 0, 0, .1);
    border-radius: 4px;
    transform: translate(219%, 20px)
}

.needchange .uneed_smt {
    display: flex;
    flex-direction: row;
    height: 366px;
    width: 100%
}

.needchange .uneed_smt .box1 {
    width: 33.2%;
    margin-right: 5px;
    background: #fff !important;
    border-radius: 10px
}

.needchange .uneed_smt .box1 .img {
    padding: 3px
}

.needchange .uneed_smt .box1 ul li {
    text-align: left;
    margin-left: 30px;
    list-style: disc;
    color: #666;
    margin-bottom: 14px;
    padding-right: 10px
}

.needchange .uneed_smt .box1 ul li::marker {
    color: #c00
}

.needchange .uneed_smt .box1 .title_msg {
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    text-align: center;
    color: #333;
    margin-bottom: 30px
}

.page-quote-new {
    margin-left: 30px;
    color: #C00;
    border-color: #C00
}

.page-quote-new:focus, .page-quote-new:hover {
    color: #B80000;
    border-color: #B80000;
    background-color: #fff
}

.page-review_file-dialog .el-dialog__body {
    padding: 10px 20px 20px;
    line-height: 24px
}

.page-review_file-dialog .el-dialog__footer .el-button.el-button--primary {
    border-color: #C00;
    background-color: #C00
}

.page-review_file-dialog .el-dialog__footer .el-button.el-button--primary:hover {
    border-color: #B80000;
    background-color: #B80000
}