.fcdcdiv{
    border: 1px solid #eee;
    padding: 0.5rem;
    border-radius: 3px;
    margin: auto;
    max-width: 20rem;
}

.night .fcdcdiv{
    border:1px solid #444;
}

.fcdcdiv .fcdinput{
    display: flex;
    align-items: center;
}

.fcdcdiv .fcdinput>div:nth-child(1){
    width: calc((100% - 2.5rem) / 2);
}

.fcdcdiv .fcdinput>div:nth-child(2){
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.night .fcdcdiv .fcdinput>div:nth-child(2){
    color: #bbb;
}

.fcdcdiv .fcdinput>div:nth-child(3){
    width: calc((100% - 2.5rem) / 2);
}

.frac-line{
    margin: 0.5rem 0;
    border-bottom: 1px solid #eee;
    height: 1px;
}

.night .frac-line{
    border-bottom: 1px solid #444;
}

.fcdcdiv .fcdinput input{

}

.fcdcdiv .fcdinput input[type="number"]::-webkit-outer-spin-button,
.fcdcdiv .fcdinput input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fcdcdiv .fcdinput input[type="number"] {
  -moz-appearance: textfield;
}

.noone{
    margin-top: 0.5rem;
    border-top: 1px solid #eee;
    padding-top: 0.5rem;
}

.night .noone{
    border-top: 1px solid #444;
}

.noone-sign{
    gap: 0.5rem;
    flex-direction: column;
}

.noone-sign .icoshanchu{
    color: #FF9800;
    cursor: pointer;
}

/**************************************/

.fcdfoot{
    margin-top: 0.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    border-top: 1px solid #eee;
    padding-top: 0.5rem;
}

.night .fcdfoot{
    border-top: 1px solid #444;
}

.fcdfoot button{
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0.4rem 0.6rem;
    background-color: #10b981;
    border:0;
    color: #fff;
    border-radius: 3px;
    transition: background 0.3s;
    cursor: pointer;
}

.fcdfoot button:nth-child(1){
    background-color: #607D8B;
}

.fcdfoot button:nth-child(2){
    background-color: #795548;
}

/**************************************/

.fcdcres{
    max-width: 20rem;
    margin: 0.75rem auto 0 auto;
    display: none;
}

/**************************************/

.restongji{
   
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    gap: 0.5rem;
    border: 1px solid #eee;
    padding: 0.5rem;
}

.restongji div:first-child {
    grid-column: span 3;
}

.night .restongji{
    border: 1px solid #444;
}

.restongji>div{
    padding: 0.75rem 0;
    background-color: #f6f7fa;
    border-radius: 3px;
}

.night .restongji>div{
    background-color: #181a1b;
    border: 1px solid #444;
}

.restongji>div>div:nth-child(1){
    margin-bottom: 0.5rem;
}

.restongji>div>div:nth-child(2){
    font-size: 0.5rem;
}


@media screen and (max-width: 940px) {
    .restongji {
        max-width: 100%;
    }

    .chart-container{
        max-width: 100%;
    }
}

@media screen and (max-width: 580px) {
    .restongji {
        grid-template-columns: repeat(1, 1fr);
        
    }
    .restongji div:first-child {
        grid-column: span 1;
    }
}

/**************************************/

.reslist{
    border: 1px solid #eee;
    background-color: #f6f7fa;
    margin-top: 0.75rem;
    border-radius: 3px;
    padding: 0.5rem;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}

.night .reslist{
    border: 1px solid #444;
    background-color: #232627;
}

.process-item{
    background-color: #fff;
    padding: 0.5rem;
}

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

.process-item>div:nth-child(1){
    display: flex;
    align-items: center;
}

.process-item>div:nth-child(1)>div:nth-child(1){
    width: calc(50% - 1rem);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.process-item>div:nth-child(1)>div:nth-child(2){
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
}

.process-item>div:nth-child(1)>div:nth-child(3){
    width: calc(50% - 1rem);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.process-item span{
    font-size: 1.2rem;
    font-weight: 700;
}

.process-item span.num{
    color: #03d1a8;
}

.process-item .processline{
    width: 50%;
    height: 2px;
    background: #04d1a8;
    margin: 0.4rem 0;
    border-radius: 2px;
}

.process-item>div:nth-child(2){
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    justify-content: center;
    border-top: 1px solid #eee;
    padding: 0.5rem 0 0 0;
}

.night .process-item>div:nth-child(2){
    border-top: 1px solid #444;
}

.process-item>div:nth-child(2) span{
    color: #03d1a8;
    font-size: 0.8rem;
}