.datajx{
    background-color: #f9f0e6;
    padding: 1.5rem 0;
}

.night .datajx{
    background-color: #242627;
}

.datajxdiv{
    max-width: 25rem;
    width: 100%;
    margin: auto;
    background-color: #c34338;
    padding: 0.8rem;
    border-radius: 6px;
}

.night .datajxdiv{
    background-color: #181a1b;
}

.datajxdiv .dxl{
    width: 10rem;
    display: inline-block;
    background-color: #fff7ea;
    border: 4px solid #f7b650;
    border-radius: 6px;
    text-align: center;
    padding: 0.5rem 0;
}

.night .datajxdiv .dxl{
    background-color: #242627;
    border: 4px solid #444444;
}

.datajxdiv .dxl .a{
    height: 1.4rem;
    line-height: 1.4rem;
    color: #c44338;
    font-size: 1rem;
}

.datajxdiv .dxl .b{
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem;
    color: #c44338;
    font-weight: bold;
}

.datajxdiv .dxl .c{
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.65rem;
}

.datajxdiv .dxl span{
    margin: 0 0.25rem;
}

.datajxdiv .dxl .d{
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.65rem;
}

.datajxdiv .dxr{
    width: calc(100% - 10rem - 0.8rem);
    float: right;
    background-color: #fff7ea;
    border: 4px solid #f7b650;
    border-radius: 6px;
    padding: 0.5rem 0;
}

.night .datajxdiv .dxr{
    background-color: #242627;
    border: 4px solid #444444;
}

.datajxdiv .dxr .a{
    text-align: center;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #c44338;
    font-size: 1rem;
    margin-bottom: 0.9rem;
}

.datajxdiv .dxr .b{
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 0 0 1.2rem;
    font-size: 0.75rem;
}

.datajxdiv .dxr .b.d{
    color: red;
}

.datajxdiv .dxr .b.c{
    color: #FF9800;
}

.datajxsx{
    max-width: 25rem;
    width: 100%;
    margin: auto;
    border-radius: 6px;
    border: 1px solid #FF9800;
    background-color: #fffbf7;
    margin-top: 1rem;
    padding: 0.25rem;
}

.night .datajxsx{
    border: 1px solid #444444;
    background-color: #181a1b;
}

.datajxsx>div{
    width: calc(50% - 0.5rem);
    float: left;
    background-color: #fff;
    border: 1px solid #ecdccc;
    margin: 0.25rem;
    border-radius: 6px;
    padding: 0.5rem 0;
    position: relative;
}

.night .datajxsx>div{
    background-color: #242627;
    border: 1px solid #444444;
}

.datajxsx>div p{
    text-align: center;
    font-size: 1rem;
    color: #ff9800;
    height: 1.6rem;
    line-height: 1.6rem;
}

.datajxsx>div span{
    height: 1.4rem;
    line-height: 1.4rem;
    display: block;
    text-align: center;
    font-size: 0.8rem;
}

.datajxjj{
    max-width: 25rem;
    width: 100%;
    margin: auto;
    background-color: #FF9800;
    margin-top: 1rem;
    border: 1px solid #ff9800;
    padding: 0.25rem;
    border-radius: 6px;
}

.night .datajxjj{
    background-color: #181a1b;
    border: 1px solid #181a1b;
}

.datajxjj>div{
    background-color: #fffbf8;
    margin-bottom: 0.25rem;
    border-radius: 3px;
    padding: 0.5rem;
    position: relative;
    width: calc(50% - 0.125rem);
    float: left;
}

.datajxjj>div:nth-child(2n){
    float: right;
}

.datajxjj>div>span{
    position: absolute;
    right: 0.5rem;
    top: 1.5rem;
    font-size: 3rem;
    color: #ff9800;
    opacity: 0.2;
    font-style: unset;
    font-family: cursive;
}

.night .datajxjj>div{
    background-color: #242627;
}

.datajxjj>div:last-child{
    margin-bottom: 0rem;
}

.datajxjj>div:nth-last-child(2) {
    margin-bottom: 0rem;
}

.datajxjj>div>div{
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.7rem;
    color: #ff9800;
}

.datajxjj>div>div.a{
    text-align: center;
    padding: 0.5rem 0;
    height: unset;
    line-height: unset;
    padding-top: 0.15rem;
}

.datajxjj>div>div.a div{
    display: inline-block;
    background-color: #ff9800;
    color: #fff;
    margin: auto;
    padding: 0 2rem;
    border-radius: 10px;
    height: 1.4rem;
    line-height: 1.4rem;
}

.datajxprenext{
    max-width: 25rem;
    width: 100%;
    margin: auto;
    background-color: #ff9800;
    border-radius: 6px;
    margin-top: 1rem;
    padding: 0.25rem;
}

.night .datajxprenext{
    background-color: #181a1b;
}

.datajxprenext a{
    width: calc(50% - 0.125rem);
    display: inline-block;
    text-align: center;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #ff9800 !important;
    background-color: #fffbf8;
    border-radius: 3px;
}

.night .datajxprenext a{
    background-color: #242627;
}

.datajxprenext a:hover{
    color: #ff9800;
}

@media screen and (max-width: 580px){
    .datajx {
        padding: 0rem 0;
        background-color: #fff;
    }
    .night .datajx {
        padding: 0rem 0;
        background-color: #242627;
    }
}


@media screen and (max-width: 510px){
    .datajxdiv .dxr .b {
        padding: 0 0 0 0.6rem;
    }
}

@media screen and (max-width: 500px){
    .datajxdiv {
        padding: 0.5rem;
    }
    .datajxdiv .dxl {
        width: 100%;
    }
    .datajxdiv .dxr {
        width: 100%;
        margin-top: 0.5rem;
    }
}

@media screen and (max-width: 450px){
    .datajxjj>div {
        width: 100%;
    }
    .datajxjj>div:nth-last-child(2){
        margin-bottom: 0.25rem;
    }
}

@media screen and (max-width: 360px){
    .datajxsx {
        padding: 0.5rem;
    }
    .datajxsx>div {
        width: 100%;
        float: left;
        margin: 0;
        margin-bottom: 0.5rem;
    }
    .datajxsx>div:last-child{
        margin-bottom: 0rem;
    }
}