.gulh2s{
    font-size: 18px;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-weight: bold;
    color: #c83c23;
}

.gul{
    margin: 0 -0.5rem;
}

.gul li{
    width: calc(100% / 6);
    float: left;
    padding: 0.5rem;
}

.gul li a{
    border: 1px solid #ddd;
    display: block;
    border-radius: 3px;
}

.night .gul li a{
    border:1px solid #444;
}

.gul li a>div{
    padding: 0.5rem;
    padding-bottom: 0;
}

.gul li a>div .ya{
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: #c83c23;
    margin-bottom: 0.4rem;
    border-radius: 3px;
}

.gul li a>div .yn{
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.4rem;
    position: relative;
}

.gul li a>div div:last-child{
    margin-bottom: 0;
}

.gul li a>div .yn::before{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    border-radius: 3px 0 0 3px;
}
.gul li a>div .yn::after{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    float: right;
    border-radius:0 3px 3px 0;
}

.gul li a>h3{
    text-align: center;
    font-size: 0.65rem;
    height: 2rem;
    line-height: 2rem;
}

.gj{
    border: 1px solid #f19866;
    background: #FFFBF6;
    border-radius: 6px;
}

.night .gj{
    border: 1px solid #444;
    background: #242627;
}

.gj h2{
    text-align: center;
    background: #F09866;
    color: #fff;
    height: 2.2rem;
    line-height: 2.2rem;
}

.gj h3{
    text-align: center;
    background: #F09866;
    color: #fff;
    height: 2.2rem;
    line-height: 2.2rem;
}

.night .gj h2{
    background: #444;
    color: #fff;
}

.night .gj h3{
    background: #444;
    color: #fff;
}

.gj .gt{
    margin: 1rem auto;
    padding: 0.5rem;
}

.gj .gt .gtt{
    width: 8rem;
    margin: auto;
    margin-bottom: 1.2rem;
}

.gj .gt .gtt .ya{
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: #c83c23;
    margin-bottom: 0.4rem;
    border-radius: 3px;
}

.gj .gt .gtt .yn{
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.4rem;
    position: relative;
}

.gj .gt .gtt .yn::before{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    border-radius: 3px 0 0 3px;
}
.gj .gt .gtt .yn::after{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    float: right;
    border-radius:0 3px 3px 0;
}

.gj .gt .gtta{
    text-align: center;
    font-size: 0.65rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

.gj .gt .gttb{
    text-align: center;
    font-size: 0.65rem;
    color: #c83c23;
    height: 1.2rem;
    line-height: 1.2rem;
}

.ulxgs{
    margin-bottom: 0.8rem;
}

.ulxgs li{
    width: calc(100% / 4);
    float: left;
}

.ulxgs li .gfs{
    width: 5rem;
    margin: auto;
}

.ulxgs li .gfs .ya{
    height: 0.4rem;
    line-height: 0.4rem;
    background-color: #c83c23;
    margin-bottom: 0.2rem;
    border-radius: 3px;
}

.ulxgs li .gfs .yn{
    height: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.2rem;
    position: relative;
}

.ulxgs li .gfs .yn::before{
    content:'';
    height: 0.4rem;
    line-height: 0.4rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    border-radius: 3px 0 0 3px;
}
.ulxgs li .gfs .yn::after{
    content:'';
    height: 0.4rem;
    line-height: 0.4rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    float: right;
    border-radius:0 3px 3px 0;
}

.ulxgs li .gfs div:last-child{
    margin-bottom: 0;
}

.ulxgs li .gdi{
    text-align: center;
    font-size: 0.6rem;
    height: 1rem;
    line-height: 1rem;
}

.ulxgs li .gdi.gna{
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-top: 0.2rem;
}

.guaxiangjies{
    padding: 0.5rem;
}

.guaxiangjies p{
    line-height: 0.9rem;
    font-size: 0.6rem;
    margin: 0.4rem 0;
}

.guaxiangjies p>span {
    color: #866940;
}

.guaxiangjies h4{
    text-align: center;
    border-bottom: 1px solid #f29866;
    border-top: 1px solid #f29866;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-style: dashed;
}

.night .guaxiangjies h4{
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
}

.guaxiangjies h4 .ya{
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: #c83c23;
    border-radius: 3px;
    width: 6rem;
    display: inline-block;
}

.guaxiangjies h4 .yn{
    height: 0.6rem;
    line-height: 0.6rem;
    position: relative;
    width: 6rem;
    display: inline-block;
}

.guaxiangjies h4 .yn::before{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    border-radius: 3px 0 0 3px;
}
.guaxiangjies h4 .yn::after{
    content:'';
    height: 0.6rem;
    line-height: 0.6rem;
    width: calc(50% - 5%);
    display: inline-block;
    background-color: #000;
    float: right;
    border-radius:0 3px 3px 0;
}

@media screen and (max-width: 1399px){
    .gul li{
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 1125px){
    .gul li{
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 650px){
    .gul li{
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 640px) {
    .tools-cent {
        padding: 0;
    }
}

@media screen and (max-width: 540px) {
    .ulxgs li {
        width: calc(100% / 2);
        float: left;
        padding: 0.5rem 0;
    }
}

@media screen and (max-width: 400px){
    .gul li a>div .ya{
        height: 0.4rem;
        line-height: 0.4rem;
        margin-bottom: 0.2rem;
    }

    .gul li a>div .yn{
        height: 0.4rem;
        line-height: 0.4rem;
        margin-bottom: 0.2rem;
        position: relative;
    }
    .gul li a>div .yn::before{
        content:'';
        height: 0.4rem;
        line-height: 0.4rem;
    }
    .gul li a>div .yn::after{
        content:'';
        height: 0.4rem;
        line-height: 0.4rem;
    }
    .gul li {
        padding: 0.25rem;
    }
    .gj .gt .gtta {
        font-size: 0.65rem;
    }
    .gj .gt .gttb {
        font-size: 0.65rem;
        height: 1.2rem;
        line-height: 1.2rem;
    }
}

@media screen and (max-width: 300px){
    .ulxgs li {
        width: calc(100% / 1);
    }
}