.margin_top7 {
    margin-top: 0.7rem;
    font-size: 13px;
    color: #494949;
    margin: 0;
    padding: 2px 5px;
}

.quoteheader::after {
    height: 0;
    content: '\20';
    clear: both;
    display: block;
}


.quoteheader .quote3l_l {
    width: 20rem;
    float: left;
}


.margin_top7 .quote_quotenums .zxj {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 2px;
}


.price_up {
    color: #f00;
    animation-name: blinkred;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.price_down {
    color: #090;
    animation-name: blinkgreen;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.margin_top7 .quote_quotenums .zxj .price_up_icon, .margin_top7 .quote_quotenums .zxj .price_down_icon {
    margin-left: 4px;
}

.price_up_icon {
    display: inline-block;
    width: 1.7rem;
    height: 2.3rem;
    min-width: 16px;
    min-height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8yMi8yMU6CEBEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAqUlEQVQ4jc2SzQrCQAyEM0uh1+qp7/9yeqq9etnxIEpIk+y2WHAugfx8hGRAUjI9UTiyIuspLYCOuyF2MAO5kGggym8grdW9erEND3n3ZNGCvpA7kL/JSPeD5G7ARxeBjKzATeQQQAue2bLNZnJjvNAna4EbPbmQCBCBUtv36ieQISqstf9p/k0UYFJ3mI7eRAOj7c497KLiYnJdED10bQDSTSww0/+Y7QV3TVJRbIZPgQAAAABJRU5ErkJggg==) no-repeat;
}

.price_down_icon {
    display: inline-block;
    width: 1.7rem;
    min-width: 16px;
    height: 2.3rem;
    min-height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8yMi8yMU6CEBEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABI0lEQVQ4jdWUT04CMRSHvxITCjKKm3E1K4RbyHG8gMY7mHgquMVMWHVFXQgZlEFNngsto6UdYcHCL5m8P3399U3bVIkIPuPJ9W7ym8l4qvxcK1Z8CP9EZPX8EvR9Tpom9y5Og/5ROjn+npTzVWPsCO6JK04uezwtLbrqbuO9RQAq/Qpz0HR/xSGiv+NWj8V7iRxCXGRRhG0AdfWA0B9ic0M6ymBRMGtrEgPpKMPmhjKDwaZi1tYMNhVA7feHtIp7UTY3pGnFbG2w9muwzNgKJwboD7fWWs2gk2GtprjJlXLvyfldR6Be3fdDLB/XCkD9fJScUIgyg8TU1gnsiPwl5Hfg2Dkdv2Cf8eARx4Ri+eg98Sc0digi0e/t/UPObrU01YgIn7Vjw2MaoYO6AAAAAElFTkSuQmCC) no-repeat;
}


.margin_top7 .quote_quotenums .zd {
    text-align: center;
    font-size: 17px;
    margin-top: 3px;
}

.margin_top7 .quote_quotenums .zd > span {
    margin: 0 6px;
}

.margin_top7 .quote_quotenums .zd > span {
    margin: 0 6px;
}

.quoteheader .quote3l_c {
    width: 40rem;
    float: left;
}

.margin_top7 .brief_info_c {
    padding: 3px 3px 0 2px;
}

.margin_top7 .brief_info_c table {
    width: 100%;
    border-collapse: collapse;
}


.margin_top7 .brief_info_c table .n {
    text-align: right;
}

.margin_top7 .brief_info_c table td {
    padding: 0;
    height: 3.2rem;
}


/* 基于宽度阈值调整布局 */
@media screen and (max-width: 720px) {
    .quoteheader .quote3l_l {
        width: 100%;
    }

    .quoteheader .quote3l_c {
        width: 100%;
    }

    .margin_top7 .quote_quotenums .zxj {
        text-align: left;
    }

    .margin_top7 .quote_quotenums .zd {
        text-align: left;
    }

    .margin_top7 .brief_info_c table td {
        width: 16.67%;
    }

    .margin_top7 .brief_info_c table .n {
        text-align: left;
    }

}