.kuan{
    border: 2px solid #F6D07B;
    border-radius: 3px;
    display: block;
}
.night .kuan{
    border: 2px solid #444;
}
.ka,.kc{
    width: 12.5rem;
    display: inline-block;
    float: left;
}
.ka>div:last-child{
    border-bottom: 0;
}
.ka{
    border-right: 1px solid #f7d07b;
}
.night .ka{
    border-right: 1px solid #444;
}
.kc>div:last-child{
    border-bottom: 0;
}
.kc{
    border-left: 1px solid #f7d07b;
}
.night .kc{
    border-left: 1px solid #444;
}
.kb{
    width: calc(100% - 25rem);
    display: inline-block;
    float: left;
    background-color: #fcf8ef;
}
.td1{
    height: 2rem;
    line-height: 2rem;
    border-bottom: 1px solid #f7d07b;
    padding-left: 0.5rem;
}
.night .td1{
    border-bottom: 1px solid #444;
}
.td1 span{
    margin-right: 1rem;
}
.td1 span:first-child{
    color:red;
}
.yit{
    height: 1.6rem;
    line-height: 1.6rem;
    width: 1.6rem;
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    border-radius: 100%;
    margin: 1rem auto;
}
.yi{
    height: 6.125rem;
    overflow-x: auto;
}
.yi::-webkit-scrollbar {
    width: 2px;
    height: 2px
}
.yi::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #f7d07b;
}
.yi::-webkit-scrollbar-thumb:hover {
    background-color: #f7d07b;
}
.yi span ,.ji span{
    padding: 0.2rem 0rem;
    width: calc(100% / 4);
    display: inline-block;
    text-align: center;
    font-size: 0.6rem;
}
.td4{
    border-bottom: 1px solid #f7d07b;
    height: 10rem;
    overflow: hidden;
}
.night .td4{
    border-bottom: 1px solid #444;
}
.td4 .tit{
    color: red;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 0.7rem;
}
.jisheng span , .xiongsha span{
    padding: 0.25rem 0rem;
    width: calc(100% / 4);
    display: inline-block;
    text-align: center;
}
.kba{
    border-bottom: 1px solid #f7d07b;
}
.night .kba{
    border-bottom: 1px solid #444;
}
.gongli{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.7rem;
}
.pronexts{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6rem;
}
.pronexts a{
    width: 0;
    height: 0;
    border: 30px solid transparent;
    font-size: 0;
    line-height: 0;
}
.pronexts a.ls{
    border-right-color: red;
}
.pronexts a.rs{
    border-left-color: red;
}
.pronexts span{
    font-size: 5rem;
    font-weight: 700;
    margin: 0 3rem;
    color: red;
}
.nongli{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.7rem;
}
.kbc{}
.kbc>div{
    width: calc(100% / 2);
    display: inline-block;
    float: left;
    border-bottom: 1px solid #f7d07b;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.night .kbc>div{
    border-bottom: 1px solid #444;
}
.kbc>div>div:first-child{
    position: relative;
    height: 6rem;
    color: #fff;
    text-align: center;
    background: #BC2F3F;
    display: flex;
    align-items: center;
    border-radius: 6px;
    width: 1.5rem;
    font-size: 0.8rem;
}
.kbc>div>div:first-child:after,.kbc>div>div:first-child::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #BC2F3F;
    margin-left: -8px;
}
.kbc>div>div:first-child:after {
    top: auto;
    bottom: -6px;
}
.kbc>div>div:last-child{

}
.kbc>div>div:last-child div{
    height: 1.6rem;
    line-height: 1.6rem;
    padding-left: 1rem;
    font-size: 0.7rem;
}
.kbc>div>div:last-child div span:first-child{
    color:red;
    font-weight: 700;
}
.kbc>div>div:last-child div span{
    margin-right: 1.2rem;
}
.kbc>div>div:last-child div span:last-child{
    margin-right: 0rem;
}
.yearzhishui{
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-bottom: 1px solid #f7d07b;
    font-size: 0.7rem;
}
.night .yearzhishui{
    border-bottom: 1px solid #444;
}
.shichens{
    text-align: center;
    height: 4rem;
    border-bottom: 1px solid #f7d07b;
    padding-top: 0.65rem;
}
.night .shichens{
    border-bottom: 1px solid #444;
}
.shichens span{
    width: 1rem;
    display: inline-block;
    font-size: 0.65rem;
    text-align: center;
    line-height: normal;
    margin: 0 0.4rem;
}
.shichens span.g{
    color:green;
}
.shichens span.r{
    color:red;
}
@media screen and (max-width: 1420px){
    .kuan {
        display: flex;
        flex-wrap: wrap;
    }
    .ka{
        width: 50%;
        border-right: 0;
    }
    .kb{
        width: 100%;
        order: -1;
    }
    .kc{
        width: 50%;
    }
}
@media screen and (max-width: 1000px){
    .kbc>div {
        width: 100%;
    }
}
@media screen and (max-width: 886px){
    .kbc>div {
        width: calc(100% / 2);
    }
}
@media screen and (max-width: 700px){
    .kbc>div {
        width: 100%;
    }
}
.zhai{
    max-width:26.5rem;
}
.za{
    border: 1px solid #f7d07b;
    padding: 0.25rem;
    border-radius: 4px;
}
.night .za{
    border: 1px solid #444;
}
.za>div{
    width: calc(100% / 3);
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0.25rem;
}
.za>div>div{
    background-color: #fcf8ef;
    padding: 0.5rem 0;
}
.za>div>div span{
    display: block;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.5rem;
}
.za>div>div span.ss{
    font-size: 0.9rem;
    margin: 0.25rem 0;
    font-weight: bold;
}
.zb{
    margin-top: 0.5rem;
    border: 1px solid #f7d07b;
    border-radius: 4px;
}
.night .zb{
    border: 1px solid #444;
}
.zba{
    background-color: #f7d07b;
    padding: 0.5rem 0;
}
.night .zba{
    background-color: #333;
}
.zba>div{
    display: inline-block;
    float: left;
    text-align: center;
    color: #6f4b14;
}
.night .zba>div{
    color: #ddd;
}
.zba .zbaa{
    width: 35%;
    border-right: 1px solid #f9dc9d;
}
.night .zba .zbaa {
    border-right: 1px solid #444;
}
.zba .zbab{
    width: 30%;
    border-right: 1px solid #f9dc9d;
}
.night .zba .zbab {
    border-right: 1px solid #444;
}
.zba .zbac{
    width: 35%;
}
.zba span{
    font-size: 0.5rem;
    display: inline-block;
    
}
.night .zba span{
    color: #aaa;
}
.zba p{
    font-size: 0.6rem;
    margin-top: 0.4rem;
}
.zbb{
    padding: 0.5rem 0.5rem 0.05rem 0.5rem;
}
.zbb>span{
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
    display: block;
    color: red;
    font-size: 0.9rem;
    margin: 0.25rem 0;
}
.zbb>span.g{
    color:green;
}
.zbb>div{
    margin: 0.7rem 0 0.45rem 0;
}
.zbb>div span{
    display: inline-block;
    color: green;
    padding: 0.1rem 0.35rem;
    background-color: #dae7cb;
    margin-right: 0.25rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
}
.zbb>div.zji span{
    color: red;
    background-color: #fee0e0;
}
.night .zbb>div span{
    color: #ddd;
    background-color: #333;
}
.zc{
    border: 1px solid #f7d07b;
    margin-top: 0.5rem;
    border-radius: 4px;
}
.night .zc{
    border: 1px solid #444;
}
.zc .ti{
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #f7d07b;
    color: #704b13;
    padding-left: 0.5rem;
}
.night .zc .ti {
    background-color: #444;
    color: #bbb;
}
.zc .ts{
    background-color: #fcf8ef;
    padding: 0.5rem 0;
}

.zc .ts>div{
    width: calc(100% / 3);
    display: inline-block;
    float: left;
    text-align: center;
    border-right: 1px solid #FFEB3B;
}

.night .zc .ts>div{
    border-right: 1px solid #444;
}

.zc .ts>div:last-child{
    border-right: 0;
}
.zc .ts>div span{
    font-size: 0.5rem;
    height: 1rem;
    line-height: 1rem;
    display: block;
    margin-bottom: 0.2rem;
}
.zc .ts>div p{
    font-size: 0.7rem;
    height: 1rem;
    line-height: 1rem;
    display: block;
    font-weight: bold;
}
.zcs .ts>div{
    width: calc(100% / 2);
}
.zd{
    border: 1px solid #f7d07b;
    margin-top: 0.5rem;
    border-radius: 4px;
}
.night .zd{
    border: 1px solid #444;
}
.zd .ti{
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #f7d07b;
    color: #704b13;
    padding-left: 0.5rem;
}
.night .zd .ti{
    background-color: #444;
    color: #bbb;
}
.zd .ts{
    padding: 0.25rem;
}
.zd .ts div{
    width: calc(100% / 2);
    display: inline-block;
    float: left;
    padding: 0.25rem;
}
.zd .ts span{
    padding: 0.4rem 0;
    display: block;
    text-align: center;
    background-color: #fcf8ef;
}
.ze{
    border: 1px solid #f7d07b;
    margin-top: 0.5rem;
    border-radius: 4px;
    padding: 0.5rem 0.5rem 0.05rem 0.5rem;
}
.night .ze{
    border: 1px solid #444;
}
.ze>span{
    height: 1rem;
    line-height: 1rem;
    display: block;
    color: #7a551c;
    font-size: 0.7rem;
    margin: 0.25rem 0;
}
.ze>div{
    margin: 0.7rem 0 0.45rem 0;
}
.ze>div span{
    display: inline-block;
    color: #FF9800;
    padding: 0.1rem 0.35rem;
    background-color: #f8e1c0;
    margin-right: 0.25rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
}
.ze>div.zxiongsha span{
    color: #FF5722;
    background-color: #ffdbcf;
}
.night .ze>div span{
    color: #ddd;
    background-color: #444;
}
.zf{
    border: 1px solid #f7d07b;
    margin-top: 0.5rem;
    border-radius: 4px;
    padding: 0.25rem;
}
.night .zf{
    border: 1px solid #444;
}
.zf>div{
    width: calc(100% / 2);
    float: left;
    padding: 0.25rem;
}
.zf>div>div{
    background-color: #f6f7fa;
    padding: 0.5rem;
}
.zf>div>div span{
    font-size: 0.5rem;
    margin-bottom: 0.25rem;
    display: block;
}
.zf>div>div p{
    font-size: 0.65rem;
    color: #2196F3;
}
.zy{
    border: 1px solid #f7d07b;
    padding: 0.5rem 0;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}
.night .zy{
    border: 1px solid #444;
}
.zyy{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    margin-bottom: 0.5rem;
}
.zyy a{
    width: 0;
    height: 0;
    border: 15px solid transparent;
    font-size: 0;
    line-height: 0;
}
.zyy a.l{
    border-right-color: red;
}
.zyy a.r{
    border-left-color: red;
}
.zyy span{
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0 3rem;
    color: red;
}
.zgongli{
    text-align: center;
    font-size: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
.znongli{
    text-align: center;
    font-size: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
.zs{
    border: 1px solid #f7d07b;
    padding: 0.5rem 0;
    border-radius: 4px;
    margin-top: 0.5rem;
    text-align: center;
}
.night .zs{
    border:1px solid #444;
}
.zs span {
    width: 1rem;
    display: inline-block;
    font-size: 0.65rem;
    text-align: center;
    line-height: normal;
    margin: 0 0.4rem;
}
.zs span.g{
    color:green;
}
.zs span.r{
    color:red;
}
.night .kb{
    background-color: unset;
}
.night .za>div>div{
    background-color: #333;
}
.night .zc .ts {
    background-color: #333;
}
.night .zd .ts span{
    background-color: #333;
}
.night .zf>div>div{
    background-color: #333;
}
.layuidatas{
    padding: 0.5rem 0;
    text-align: center;
    border: 1px solid #f7d07b;
}
.night .layuidatas{
    border:1px solid #444;
}
.layui-form-select {
    position: relative;
    color: #5f5f5f;
    width: 90px;
    display: inline-block;
}
.shichen{
    margin-top:0.75rem
}
.shichen>div{
    margin-bottom: 0.5rem;
}
.sca{
    height: 1.6rem;
    line-height: 1.6rem;
    background-color: #f7d07b;
    color: #704b13;
    padding-left: 0.5rem;
}
.night .sca{
    background-color: #222;
    color: #ddd;
    border: 1px solid #444;
}
.scb{
    height: 1.6rem;
    line-height: 1.6rem;
    border: 1px solid #e5e5e5;
    padding-left: 0.5rem;
    border-top: 0;
}
.night .scb{
    border: 1px solid #444;
    border-top: 0;
}
.scb span{
    margin-right: 0.5rem;
}
.scb span.hu{
    color: #f7d07b;
}
.scb span.j{
    color: green;
}
.scb span.he{
    color: #666;
}
.scb span.x{
    color: red;
}
.scc{
    height: 1.6rem;
    line-height: 1.6rem;
    border: 1px solid #e5e5e5;
    padding-left: 0.5rem;
    border-top: 0;
}
.night .scc{
    border: 1px solid #444;
    border-top: 0;
}
.scc div{
    display: inline-block;
    min-width: 6rem;
}
.scc div span{
    display: inline-block;
    color: #777;
}
.scc div span::after{
    content: "：";
}
.scc div p{
    display: inline-block;
}
.scd{
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    border: 1px solid #e5e5e5;
    border-top: 0;
}
.night .scd{
    border: 1px solid #444;
    border-top: 0;
}
.scd>span{
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
    display: block;
    color: green;
    font-size: 0.7rem;
    margin: 0.25rem 0 0.5rem 0;
}
.scd>span.j{
    color:red;
}
.scd>div{}
.scd>div span{
    display: inline-block;
    color: green;
    padding: 0.1rem 0.35rem;
    background-color: #dae7cb;
    margin-right: 0.25rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
}
.night .scd>div span{
    background-color: #171a1b;
}
.scd>div.j span{
    color: red;
    background-color: #fee0e0;
}
.night .scd>div.j span {
    background-color: #171a1b;
}
.zhai{
    display: none;
}
@media screen and (max-width: 530px){
    .kuan{
        display: none;
    }
    .zhai{
        display: block;
    }
    .scb{
        text-align: right;
    }
    .scb span:first-child{
        float: left;
    }
    .scc {
        height: unset;
        line-height: unset;
        padding: 0.5rem 0;
    }
    .scc div {
        min-width: unset;
        width: calc(100% / 3);
        text-align: center;
        border-right: 1px solid #f5f5f5;
    }
    .night .scc div {
        border-right: 1px solid #444;
    }
    .scc div:last-child{
        border-right: 0;
    }
    .scc div span {
        display: block;
        margin-bottom: 0.25rem;
    }
    .scc div span::after{
        display: none;
    }
}
@media screen and (max-width: 480px){
    .zs span {
        margin: 0 0.2rem;
    }
}
@media screen and (max-width: 380px){
    .zs span {
        margin: 0 0rem;
    }
}