.stock-buy-page .card {
    height: 165px;
    background: linear-gradient(162deg, #004dd6, #23d1d7);
    border-radius: 5px;
    margin: 22px 11px 0 11px
}

.stock-buy-page .card .card-top {
    height: 110px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stock-buy-page .card .card-top .card-top-name {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.stock-buy-page .card .card-top .card-top-list {
    height: 15px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-top: 12px
}

.stock-buy-page .card .card-top .card-top-list img {
    width: 13px;
    height: 13px;
    object-fit: contain;
    margin-right: 6px
}

.stock-buy-page .card .card-foot {
    height: 55px;
    background: linear-gradient(162deg, #004dd6, #23d1d7);
    border-radius: 0 0 5px 5px;
    display: flex;
    align-items: center
}

.stock-buy-page .card .card-item {
    width: calc((100% - 0.5px) / 2);
    height: 55px;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stock-buy-page .card .card-item .card-item-list {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.stock-buy-page .card .card-item .card-item-list span {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.stock-buy-page .card .card-line {
    width: 0.5px;
    height: 33px;
    background: #fafafa;
    border-radius: 0 0 0.5px 0.5px
}

.stock-buy-page .box {
    background: #ffffff;
    border-radius: 5px;
    margin: 16px 20px 0 20px;
    padding: 8px;
    box-shadow: 1px -1px 5px #b9b9b961;
}

.stock-buy-page .box .box-list {
    height: 49px;
    border-bottom: 0.5px solid #ccc;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    color: grey
}

.stock-buy-page .box .box-list span {
    font-size: 13px;
    font-family: DIN;
    font-weight: 700;
    color: #000
}

.stock-buy-page .sub {
    width: 100%;
    height: 35px;
    background: #000;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 auto;
    border: none;
}


.stock-buy-page .sub-danger {
    width: 100%;
    height: 35px;
    background: #d60000;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 auto;
    border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

body.pages-market-info {
    background: #fff
}