.em-details {

}
/*head部分的样式*/
.em-head {
    padding: 1rem 0;
}
.status-item {
    display: inline-block;
    position: relative;
    font-size: 18px;
    text-align: center;
}
.status-item:before {
    content: '';
    display: inline-block;
}
.status-item:after {
    content: '';
    display: inline-block;
}
.status1 {
    background-image: url("../images/exchangeMarket/application.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
.status2 {
    background-image: url("../images/exchangeMarket/application-out.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
.status3 {
    background-image: url("../images/exchangeMarket/prev-bidding.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
.status4 {
    background-image: url("../images/exchangeMarket/bidding.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
/*挂牌-成交公示（多人竞拍）*/
.status5 {
    background-image: url("../images/exchangeMarket/complete1.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
/*挂牌-协议交易公示（一人竞拍）*/
.status6 {
    background-image: url("../images/exchangeMarket/complete1_1.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
/*协议-协议成交公示*/
.status7 {
    background-image: url("../images/exchangeMarket/complete2.png");
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    padding-top: 4px;
}
.em-name {
    font-size: 1.2rem;
    padding: 0.5rem 0;
}
.em-num {
    width: 100%;
    padding-bottom: 1rem;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1rem;
}
.num-left {
    width: 74%;
}
.num-item:not(:last-child) {
    margin-right: 2rem;
}
.num-label {
    color: #0D214A;
}
.num-value {
    color: #000000;
}
.num-right {
    width: 24%;
    justify-content: center;
}
.num-price {
    font-size: 1rem;
    color: red;
    align-items: flex-end;
    justify-content: center;
}
.num-price > span {
    display: inline-block;
    padding: 0 0.3rem;
    font-size: 1.5rem;
    position: relative;
    top: 0.15rem;
}
.em-institution {
    width: 100%;
    justify-content: space-between;
}
.institution-left {
    width: 74%;
    padding: 1rem 1rem;
    background: #E1EAFD;
    align-items: flex-start;
    justify-content: space-between;
}
.institution-logo {
    align-items: center;
    padding-right: 1rem;
    line-height: 34px;
    width: 170px;
}
.institution-logo > img {
    width: 1.4rem;
    position: relative;
    top: 0.1rem;
}
.institution-logo > span {
    color: #2267F7;
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 1.1rem;
    word-break: keep-all;
}
.institution-content {
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 200px);
}
.institution-item {
    align-items: flex-start;
    width: 33.3%;
}
.institution-item:not(:last-child) {
    margin-right: 2rem;
}
.institution-label {
    color: #0D214A;
    word-break: keep-all;
    height: 34px;
    line-height: 34px;
}
.institution-value {
    color: #000000;
    word-break: break-all;
    line-height: 34px;
}
.institution-right {
    width: 24%;
    height: 80px;
}
/*报名*/
.institution-sign {
    font-size: 1.1rem;
    text-align: center;
    padding: 0.5rem;
    background-color: #FFFFFF;
    border-radius: 10rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.institution-sign:before {
    content: "";
    display: inline-block;
    width: calc(100% - 1rem);
    position: absolute;
    left: 0.5rem;
    top: 0.3rem;
    height: calc(100% - 1rem);
    background-color: #DBE7FF;
    border-radius: 10rem;
    z-index: 1;
}
.institution-sign:after {
    content: "";
    display: inline-block;
    width: calc(100% - 1rem);
    position: absolute;
    left: 0.5rem;
    bottom: 0.3rem;
    height: calc(100% - 1rem);
    background-color: #0052fd;
    border-radius: 10rem;
    z-index: 2;
}
/*报名已结束*/
.institution-sign-out {
    font-size: 1.1rem;
    text-align: center;
    padding: 0.5rem;
    background-image: linear-gradient(45deg, #BECEDB, #8DA2CD);
    border-radius: 10rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #FFFFFF;
    letter-spacing: 0.5rem;
}
.sign-title {
    background-color: #2267F7;
    color: #FFFFFF;
    border-radius: 10rem;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    font-size: 20px;
}
.sign-title > span {
    font-size: 16px;
    padding-right: 0.4rem;
}
.sign-title > img {
    width: 0.5rem;
    position: relative;
    top: 0.05rem;
}
/*body部分的样式*/
.em-title {
    text-align: center;
    font-size: 1.3rem;
    color: #000000;
    padding: 2rem 0 1rem;
}
.em-subTitle {
    text-align: center;
    padding-bottom: 2rem;
    font-size: 0.9rem;
}
.em-description {
    text-indent: 2em;
    padding-bottom: 1rem;
    line-height: 1.5rem;
    font-size: 0.9rem;
}
.em-menu {
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
}
.em-menu > li {
    padding-bottom: 1rem;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #000000;
}
.em-menu > li.menu-active {
    font-weight: bold;
    color: #2267F7;
    border-bottom-color: #2267F7;
}
.em-menu > li:not(:last-child) {
    margin-right: 2rem;
}
.em-type > p:not(:last-child) {
    margin-bottom: 0.75rem;
}
.em-radio {
    width: 100%;
    align-items: center;
}
.em-radio .radio-item:not(:last-child) {
    margin-right: 1rem;
}
.em-radio .radio-item .radio {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1px 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 0;
    background-image: url(../../../../icheck/1.0/minimal/grey@2x.png);
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
    position: relative;
    top: -0.1rem;
}
.em-radio .radio-item .radio.active {
    background-position: -40px 0;
}
.em-radio .radio-item .radio-text {
    margin-left: 0.3rem;
}
/*web端报名*/
.body-front {
    padding: 3rem;
    background-color: #FFFFFF;
}
.body-front .box-body {
    padding-bottom: 42px;
}
.body-front .box-footer {
    text-align: center;
    border: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.layer-applicationForm .layui-layer-title {
    text-align: center;
    font-size: 1rem;
    padding: 0 81px;
    background-image: url(../images/biddingApplication/application-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #FFF;
}
.layer-applicationForm .layui-layer-setwin .layui-layer-close {
    color: #FFFFFF;
}
.application-nav {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
}
.application-nav > li {
    position: relative;
    padding: 0 4rem;
    align-items: center;
}
.application-nav > li:not(:last-child):before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 2px;
    background-color: #D0D3D7;
    position: absolute;
    top: 50%;
    right: -1rem;
    border-radius: 4px;
    margin-top: -5px;
    transform: rotate(45deg);
}
.application-nav > li:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 2px;
    background-color: #D0D3D7;
    position: absolute;
    top: 50%;
    right: -1rem;
    border-radius: 4px;
    margin-top: 6px;
    transform: rotate(-45deg);
}
.nav-img {
    width: 5rem;
    margin-right: 1rem;
}
.nav-description {
    justify-content: center;
}
.nav-description .title {
    font-size: 1.8rem;
    color: #333333;
}
.nav-description .title > span {
    color: #000000;
    margin-right: 0.6rem;
    font-size: 2rem;
}
.nav-description .description {
    color: #999999;
    font-size: 1.4rem;
    margin-top: 0.6rem;
}
.nav-grey .title,
.nav-grey .title > span {
    color: #999999;
}
.application-label {
    width: 100%;
    align-items: center;
    background-image: linear-gradient(45deg, rgb(34 103 247 / 10%), transparent);
    padding: 0.6rem 2rem;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.application-label > .label-img {
    width: 4rem;
    margin-right: 1rem;
    position: relative;
    top: 0.2rem;;
}
.application-label > .label-index {
    color: #2267F7;
    margin-right: 0.6rem;
    font-weight: bold;
    font-size: 2.2rem;
}
.application-label > .label-text {
    color: #000000;
}
.body-application .box-body .application-item:not(:last-child){
    margin-bottom: 2rem;
}
.application-form-title {
    margin-bottom: 1.6rem;
    color: #2267F7;
    font-size: 2rem;
}
.application-form-content {
    font-size: 1.6rem;
    color: #333333;
    padding-left: 1.6rem;
}
.application-notice > .notice {
    line-height: 2.4rem;
    text-indent: 2em;
}
.application-notice > .notice:not(:last-child) {
    margin-bottom: 1rem;
}
.application-toggle {
    color: #2267F7;
    font-size: 1.4rem;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
}
.application-toggle .text {
    cursor: pointer;
}
.application-toggle .text:after {
    content: "收起";
}
.application-toggle .toggle {
    cursor: pointer;
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-bottom: 0.8rem solid #2267F7;
    margin-left: 0.6rem;
}
.toggle-active .text:after {
    content: "展开";
}
.toggle-active .toggle {
    transform: rotateX(180deg);
}
.application-form-content > .content-item:not(:last-child) {
    margin-bottom: 1.6rem;
}
.content-item-title {
    font-size: 1.7rem;
    color: #2267F7;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.content-item-title:after {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #2267F7;
    transform: rotate(138deg);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.4rem;
}
.content-item > .content-item-row {
    margin-bottom: 1rem;
    justify-content: space-between;
}
.content-item-row-left {
    width: 48%;
}
.content-item-row-right {
    width: 48%;
}
.content-item .row-label {
    width: 100%;
    margin-bottom: 1rem;
}
.content-item .row-label > .required{
    color: red;
}
.content-item .row-input {
    width: 100%;
}
.row-input-border {
    padding: 1.2rem;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
}
.row-input-bg {
    padding: 0.5rem 1.2rem;
    border-radius: 6px;
    border: 1px solid #E2E2E2;
    background-color: rgba(34,103,247,0.05);
}
.content-item .em-inputFlex {
     width: 100%;
     align-items: center;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
 }
.content-item .em-inputFlex > span {

}
.content-item .input-content {
    margin: 0 10px;
    position: relative;
    top: 2px;
}
.content-item .input-other {
    width: 12%;
    margin: 0 10px;
}
/*材料清单*/
.file-limit {
    color: red;
    margin-top: 6px;
    font-size: 15px;
}
.file-border {
    border-top: 1px dashed #555;
    padding-top: 1rem;
    margin-top: 1rem;
}
.application-fileTips {
    color: red;
    font-size: 15px;
}
.application-fileTips > a,
.application-fileTips > a:hover,
.application-fileTips > a:focus {
    color: #0000ff;
    text-decoration: underline;
}
/*交纳保证金*/
.deposit-notice {
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-top: 4rem;
    color: #424242;
    font-weight: bold;
}
.application-notice > .notice {
    line-height: 2.4rem;
}
.deposit-notice > .notice:not(:last-child) {
    margin-bottom: 1rem;
}
.row-input-amount {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.amount-left,
.amount-right {
    width: 49%;
}
.amount-item {
    align-items: center;
    justify-content: space-around;
}
.amount-item > .text {
    display: inline-block;
    width: 50px;
}
.amount-item > .input {
    border-bottom: 1px solid #d9d9d9;
    width: calc(100% - 130px);
}
.amount-item > .input > input,
.amount-item > .input > input:focus {
    border: 0;
    box-shadow: none;
}
.amount-item > .unit {
    display: inline-block;
    width: 60px;
    color: red;
    font-size: 2rem;
}
.amount-style {
    color: red;
    font-size: 2rem;
}
/*详情页面*/
.row-detail-bg {
    padding: 0.5rem 1.2rem;
    border-radius: 6px;
    border: 1px solid #E2E2E2;
    background-color: #F9F9F9;
}
.row-detail-bg .amount-item > .input {
    border-bottom: 0;
}
/*竞拍流程*/
.bidding-content {
    background: #FFFFFF;
    padding: 1rem;
    margin: 1rem 0;
}
.bidding-title {
    width: 100%;
    align-items: center;
    padding-bottom: 1rem;
}
.title-img {
    width: 1.4rem;
}
.title-text {
    color: #2267F7;
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 1.1rem;
    word-break: keep-all;
}
.bidding-description {
    padding: 4px;
    background-color: #FFFFFF;
    margin: 1rem 0 0;
}
.description-bg {
    background-image: url(../images/exchangeMarket/bidding-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem;
}
.bidding-description-btn {
    justify-content: center;
    align-items: center;
}
.bidding-description-bottom {
    padding-bottom: 2rem;
}
.bidding-description-btn .bidding-item {
    margin: 0 1rem;
    padding: 0.3rem 0;
    width: 14rem;
    color: #FFFFFF;
    width: 24rem;
    cursor: pointer;
    height: 2.3rem;
    align-items: center;
    justify-content: center;
}
.bidding-description-btn .bidding-item > a,
.bidding-description-btn .bidding-item > a:hover,
.bidding-description-btn .bidding-item > a:focus {
    color: #FFFFFF;
}
.bidding-tip-btn {
    padding-top: 1rem;
    justify-content: center;
    align-items: center;
}
.bidding-start {
    background-color: #2267F7;
}
.bidding-end {
    background-color: #8C9CBB;
}
.bidding-confirm {
    background-color: #2267F7;
}
.countdown-item {
    border: 3px solid #2267F7;
    width: 24rem;
    height: 2.3rem;
    background-color: #FFFFFF;
}
.countdown-item > .countdown-text {
    padding: 0.3rem 1rem;
    background-color: #2267F7;
    color: #fff;
}
.countdown-item > .countdown-time {
    padding: 0.3rem 2rem;
    background-color: #FFFFFF;
    color: #999999;
}
.countdown-time text {
    color: #0D214A;
    display: inline-block;
    margin: 0 6px;
}
.price-content {
    justify-content: center;
    align-items: center;
    border: 2px solid #CECECE;
    width: 24rem;
    height: 2.3rem;
    background-color: #F6F6F6;
}
.price-content .price-reduce {
    cursor: pointer;
    background-color: #F6F6F6;
    padding: 0.3rem 0.6rem;
    border-right: 2px solid #CECECE;
    width: 2rem;
    align-items: center;
}
.price-content .price-number {
    padding: 0 4rem;
    background-color: #FFFFFF;
    font-weight: bold;
    width: 20rem;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.price-content .price-add {
    cursor: pointer;
    background-color: #F6F6F6;
    padding: 0.3rem 0.6rem;
    border-left: 2px solid #CECECE;
    width: 2rem;
}
.price-deal {
    pointer-events: none;
}
.price-deal .price-reduce,
.price-deal .price-add {
    color: #999999;
}
.price-deal .price-number {
    color: #999999;
    background-color: #F6F6F6;
}
.bidding-tip-item {
    margin: 0 2rem;
    align-items: center;
    justify-content: center;
    color: #0D214A;
    font-size: 18px;
}
.bidding-tip-item > img {
    width: 1.2rem;
    margin-right: 0.4rem;
}
.bidding-proc-content {
    padding: 2rem 0 0;
}
.bidding-proc-border {
    border: 1px solid #E0EAFF;
}
.proc-title {
    width: 100%;
    align-items: center;
    padding: 0.6rem 1rem;
    background-color: #E0EAFF;
}
.proc-content {
    padding: 3rem 0;
    align-items: center;
    justify-content: center;
}
.proc-content > img {
    width: 6rem;
}
.proc-content-text {
    font-size: 0.75rem;
    padding-top: 2rem;
    color: #2267F7 ;
}
.proc-noData {
    padding: 3rem 0;
    align-items: center;
    justify-content: center;
}
.proc-noData > img {
    width: 6rem;
}
.proc-noData-text {
    font-size: 0.75rem;
    padding-top: 2rem;
    color: #999999 ;
}
.proc-table {
    padding: 1rem;
    max-height: 40rem;
    overflow-y: auto;
}
.proc-table .view-table th,
.proc-table  .view-table td {
    border-bottom: 1px solid #E0EAFF!important;
    padding: 0.625rem 1.25rem;
    word-break: break-all;
    border: 0;
    font-size: 1rem;
}
.proc-table .proc-top td {
    color: red;
}
.proc-table td .text {
    display: inline-block;
    background-color: #2267F7;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.proc-table .proc-top td .top-text {
    display: inline-block;
    padding: 2px 6px;
    font-size: 16px;
    background-color: rgb(246 65 65 / 20%);
    color: #F64141;
    border-radius: 4px;
}
.proc-table  .proc-self {
    position: relative;
}
.proc-table  .proc-self:after {
    content: "我";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -6px;
    width: 2rem;
    font-size: 12px;
    background-color: #2267F7;
    color: #FFFFFF;
    text-align: center;
    height: 1rem;
    border-radius: 0 10px 0;
    line-height: 1rem;
}
.completed-flex {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.completed-left {
    width: 74%;
}
.completed-right {
    width: 24%;
    align-items: center;
    justify-content: center;
}
.completed-value {
    color: red;
    font-size: 1rem;
    margin-bottom: 1rem;
}
.completed-value > span {
    font-size: 1.4rem;
    margin: 0 0.2rem;
}
.opinion-link,
.opinion-link:hover,
.opinion-link:focus {
    background: #F64141;
    border-radius: 0.5rem;
    padding: 0.3rem 2rem;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
}
.opinion-link > img {
    width: 1rem;
    margin-right: 0.2rem;
    position: relative;
    top: 0.1rem;
}
.completed-type {
    width: 100%;
    align-items: center;
    justify-content: center;
}
.completed-img {
    width: 4rem;
}
.completed-text {
    color: #000;
    margin-top: 1rem;
}
.bidding-countdown {
    text-align: center;
    margin-top: 1rem;
}
/*审核记录*/
.application-item > .bidding-part:not(:last-child) {
    margin-bottom: 1.6rem;
}
.bidding-proc {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.6rem;
}
.proc-list {
    font-size: 1.6rem;
    padding: 0.4rem 1rem;
    background: #F9F9F9;
    border: 1px solid #E2E2E2;
}
.proc-list > li.proc-item {
    width: 100%;
}
.proc-list > li.proc-item:not(:last-child) {
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 2px dashed #E2E2E2;
}
.pro-user {
    width: 15%;
    padding-right: 1.6rem;
}
.pro-date {
    width: 12%;
    padding-right: 1.6rem;
}
.pro-opinion {
    width: 73%;
}
.pro-single {
    flex-wrap: wrap;
    line-height: 24px;
}
.pro-single > span.text {
    width: 84px;
}
.pro-single > p.description {
    width: calc(100% - 84px);
    color: #2267F7;
    white-space: normal;
    word-break: break-all;
}