.popup-box {
    width: 100%;
    height: 100%
}

.popup-box .popup-body {
    width: 100%;
    height: 386px;
    background: #fff
}

.popup-box .popup-body .popup-head {
    padding: 11px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup-box .popup-body .popup-head .popup-title {
    margin: 0 auto
}

.popup-box .popup-body .popup-head .popup-title uni-view {
    font-size: 17px;
    text-align: center
}

.popup-box .popup-body .popup-head .popup-title .code {
    padding: 5px 0 0;
    font-size: 15px;
    color: #878f9f
}

.popup-box .popup-body .popup-option {
    padding: 0 16px;
    background: #fff
}

.popup-box .popup-body .popup-option .option-item {
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup-box .popup-body .popup-option .option-item .option-name {
    font-size: 17px
}

.popup-box .popup-body .popup-option .option-item .option-input {
    display: flex;
    align-items: center
}

.popup-box .popup-body .popup-option .option-item .option-input uni-input {
    font-size: 17px;
    text-align: right
}

.popup-box .popup-body .popup-option .option-item .option-input uni-text {
    width: 27px;
    font-size: 16px;
    text-align: center
}

.popup-box .popup-body .popup-option .option-item .option-input .optional-value {
    font-size: 17px;
    color: #ff3a2c
}

.middle {
    height: 88px;
    background: #fafafa;
    margin: 0 11px 16px 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.middle .middle-box {
    width: 100%;
    height: 71px;
    margin: 0 5px;
    display: flex;
    align-items: center
}

.middle .middle-item {
    width: calc((100% - 0.5px) / 2);
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    color: #000
}

.middle .middle-item span {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-top: 16px
}

.middle .middle-line {
    width: 0.5px;
    height: 60px;
    background: #b2b2b2
}

.main .main-title {
    height: 49px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.main .main-tip {
    height: 27px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    font-size: 12px;
    font-weight: 500;
    color: #666
}

.main .main-tip .green {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 700;
    color: #70ad47;
    padding-left: 16px
}

.main .main-tip .red {
    font-size: 16px;
    font-family: DIN;
    font-weight: 700;
    color: red;
    padding-left: 16px
}

.main .main-th {
    height: 33px;
    background: #f5f5f5;
    display: flex;
    align-items: center
}

.main .main-th .main-th-item {
    width: 20%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.main .main-th .main-th-item2 {
    width: 33.3333333333%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.main .main-tab {
    width: 100%;
    overflow-y: scroll
}

.main .main-th2 {
    width: 270%;
    height: 33px;
    background: #f5f5f5;
    display: flex;
    align-items: center
}

.main .main-th2 .main-th-item {
    width: 11.1111111111%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.main .main-tr {
    min-height: 33px;
    border-bottom: 0.5px solid #ccc;
    display: flex;
    align-items: center
}

.main .main-tr .main-tr-item {
    width: 20%;
    min-height: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 300;
    color: #000;
    padding: 8px 5px;
    box-sizing: border-box;
    word-wrap: break-word
}

.main .main-tr .green {
    color: #70ad47
}

.main .main-tr .red {
    color: red
}

.main .main-tr2 {
    min-height: 22px;
    display: flex;
    align-items: center
}

.main .main-tr2 .main-tr-item {
    width: 20%;
    min-height: 11px;
    line-height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 300;
    color: #000;
    padding: 5px 5px;
    box-sizing: border-box;
    word-wrap: break-word
}

.main .main-tr2 .main-tr-item2 {
    width: 33.3333333333%;
    min-height: 11px;
    line-height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 300;
    color: #000;
    padding: 5px 5px;
    box-sizing: border-box;
    word-wrap: break-word
}

.main .main-tr2 .green {
    color: #70ad47
}

.main .main-tr2 .red {
    color: red
}

.main .main-tr3 {
    width: 270%;
    min-height: 22px;
    display: flex;
    align-items: center
}

.main .main-tr3 .main-tr-item {
    width: 11.1111111111%;
    min-height: 11px;
    line-height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 300;
    color: #000;
    padding: 5px 5px;
    box-sizing: border-box;
    word-wrap: break-word
}

.main .main-tr3 .main-tr-btn {
    width: 55px;
    height: 22px;
    background: #004dd6;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.main .main-tr3 .green {
    color: #70ad47
}

.main .main-tr3 .red {
    color: red
}

.main .margin-top-30 {
    margin-top: 16px
}

.main .margin-bottom-30 {
    margin-bottom: 16px
}

.newSelect {
    height: 33px;
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newSelect .newSelect-item {
    width: 126px;
    height: 33px;
    background: #333;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newSelect .newSelect-item-on {
    background: #004dd6
}

.newTh {
    background: #f5f5f5;
    display: flex;
    margin-top: 11px;
    padding: 0 11px
}

.newTh .newTh-item {
    width: 33.3333333333%;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.newTh .newTh-item2 {
    width: 20%;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.newTh .flex-start {
    justify-content: flex-start
}

.newTh .flex-end {
    justify-content: flex-end
}

.newTr {
    height: 33px;
    border-bottom: 0.5px solid #ccc;
    padding: 0 11px;
    display: flex
}

.newTr .newTr-item {
    width: 33.3333333333%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 700;
    color: #000
}

.newTr .flex-start {
    justify-content: flex-start
}

.newTr .flex-end {
    justify-content: flex-end
}

.newTr2 {
    height: 33px;
    border-bottom: 0.5px solid #ccc;
    padding: 0 11px;
    display: flex
}

.newTr2 .newTr-item {
    width: 20%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 700;
    color: #000
}

.newTr2 .flex-start {
    justify-content: flex-start
}

.newTr2 .flex-end {
    justify-content: flex-end
}

.newBox {
    background: #fafafa;
    margin: 11px 11px 0 11px;
    padding: 0 5px
}

.newBox .newBox-title {
    height: 38px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 11px
}

.newBox .newBox-title span {
    font-size: 13px;
    font-weight: 300;
    color: #000
}

.newBox .newBox-Th {
    height: 33px;
    background: #f5f5f5;
    display: flex;
    align-items: center
}

.newBox .newBox-Th .newBox-Th-item1 {
    width: 25%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.newBox .newBox-Th .newBox-Th-item2 {
    width: 20%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.newBox .newBox-Tr {
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #ccc
}

.newBox .newBox-Tr .newBox-Tr-item1 {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.newBox .newBox-Tr .newBox-Tr-item2 {
    width: 20%;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.newBox .newBox-Tr .newBox-Tr-btn {
    width: 55px;
    height: 22px;
    background: #004dd6;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.newTop {
    margin: 11px 11px 0 11px;
    background: #fafafa;
    padding: 0 16px
}

.newTop .newTop-top {
    height: 54px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.newTop .newTop-top .newTop-top-left {
    height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.newTop .newTop-top .newTop-top-left .newTop-top-left-tit {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 1px
}

.newTop .newTop-top .newTop-top-left .newTop-top-left-foot {
    height: 16px;
    display: flex;
    align-items: center
}

.newTop .newTop-top .newTop-top-left .newTop-top-left-foot span {
    height: 16px;
    border: 1px solid #004dd6;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #004dd6;
    padding: 0 7px;
    margin-right: 5px
}

.newTop .newTop-top .newTop-top-right {
    height: 54px;
    font-size: 12px;
    font-weight: 400;
    color: grey;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column
}

.newTop .newTop-top .newTop-top-right span {
    font-size: 22px;
    font-family: DIN;
    font-weight: 700;
    color: red
}

.newTop .newTop-foot {
    height: 78px;
    display: flex;
    align-items: center
}

.newTop .newTop-foot .newTop-foot-item {
    width: 25%;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: grey;
    flex-direction: column
}

.newTop .newTop-foot .newTop-foot-item .red {
    font-size: 16px;
    font-family: DIN;
    font-weight: 700;
    color: red;
    margin-bottom: 5px
}

.newTop .newTop-foot .newTop-foot-item .black {
    font-size: 16px;
    font-family: DIN;
    font-weight: 700;
    color: #000
}

.newChange {
    height: 40px;
    display: flex;
    align-items: center
}

.newChange span {
    background: #efefef;
    width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #666
}

.newChange span img {
    width: 6px;
    height: 11px;
    margin-left: 5px
}

.newChange .on {
    background: #e4eeff
}

.newItem {
    height: 160px;
    border: 0.5px solid #e0e0e0;
    margin: 11px 11px 0 11px
}

.newItem .newItem-top {
    height: 48px;
    background: #efefef;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    color: #333
}

.newItem .newItem-top span {
    font-size: 13px;
    font-weight: 500;
    text-align: right
}

.newItem .newItem-info {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 7px;
    box-sizing: border-box
}

.newItem .newItem-info span {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box
}

.newItem .newItem-info span.text-right {
    text-align: right;
    display: block;
}

.newItem .newItem-foot {
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newItem .newItem-foot .blue {
    width: 121px;
    height: 33px;
    background: #068c90;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.newItem .newItem-foot .orange {
    width: 121px;
    height: 33px;
    background: #f77e50;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.newItem2 {
    margin-bottom: 11px
}

.newItem2 .newItem2-top {
    height: 49px;
    background: #fafafa;
    border: 0.5px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 0 11px;
    text-align: left;
}

.newItem2 .newItem2-top span {
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: grey;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.newItem2 .newItem2-top span span {
    font-size: 12px;
    font-weight: 400;
    color: grey
}

.newItem2 .newItem2-middle {
    height: 33px;
    background: #f5f5f5;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.newItem2 .newItem2-middle .newItem2-middle-item {
    width: 33.3333333333%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.newItem2 .newItem2-middle .flex-start {
    justify-content: flex-start
}

.newItem2 .newItem2-middle .flex-end {
    justify-content: flex-end
}

.newItem2 .newItem2-foot {
    /* background: #fff; */
    background: #fff;
    border: 0.5px solid #b1b1b147;
    padding-bottom: 11px
}

.newItem2 .newItem2-foot .newItem2-foot-info {
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 11px
}

.newItem2 .newItem2-foot .newItem2-foot-item {
    width: 33.3333333333%;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: DIN;
    font-weight: 700;
    color: #000
}

.newItem2 .newItem2-foot .newItem2-foot-btn {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newItem2 .newItem2-foot .newItem2-foot-btn .blue {
    width: 160px;
    height: 40px;
    background: #32476c;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
}

.newItem2 .newItem2-foot .newItem2-foot-btn .orange {
    width: 160px;
    height: 40px;
    border: 1px solid #004dd6;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
}

.newItem2 .newItem2-foot .flex-start {
    justify-content: flex-start
}

.newItem2 .newItem2-foot .flex-end {
    justify-content: flex-end
}

.newSearch {
    height: 33px;
    background: #f5f5f5;
    border-radius: 16px;
    padding: 0 17px;
    margin: 11px 11px 0 11px;
    display: flex;
    align-items: center
}

.newSearch img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.newSearch uni-input {
    width: calc(100% - 21px);
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    font-weight: 400;
    color: grey
}

.newSelect2 {
    height: 33px;
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newSelect2 span {
    width: 126px;
    height: 33px;
    background: #333;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    padding: 0 5px;
    box-sizing: border-box
}

.newSelect2 span img {
    width: 22px;
    height: 22px;
    margin-right: 19px
}

.newSelect2 .on {
    background: #182844
}

.newSelect3 {
    height: 44px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newSelect3 .newSelect-item {
    width: 193px;
    height: 44px;
    background: #e4eeff;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newSelect3 .newSelect-item-on {
    background: #182844;
    color: #fff
}

.newItem2 .newBox-Tr-btn {
    width: 55px;
    height: 22px;
    background: #1d2a43;
    border-radius: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}