html{
    font-family:"PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,"Hiragino Sans GB",tahoma,"寰蒋闆呴粦",sans-serif;
    height: 100%;
    font-size: 0.5vw;
}
@media only screen and  (max-width: 2000px) {
    html {
        font-size: 0.6vw;
    }
}
@media only screen and  (max-width: 1800px) {
    html {
        font-size: 0.8vw;
    }
}
@media only screen and  (max-width: 1500px) {
    html {
        font-size: 1vw;
    }
}
@media only screen and  (max-width: 1300px) {
    html {
        font-size: 1.1vw;
    }
}
@media only screen and  (max-width: 1100px) {
    html {
        font-size: 1.4vw;
    }
}
@media only screen and  (max-width: 900px) {
    html {
        font-size: 1.7vw;
    }
}
@media only screen and  (max-width: 700px) {
    html {
        font-size: 2vw;
    }
}
@media only screen and  (max-width: 500px) {
    html {
        font-size: 2.3vw;
    }
}

@media only screen and  (max-width: 300px) {
    html {
        font-size: 2.5vw;
    }
}
#app {
    position: relative;
    z-index: 1;
    border: 0.5rem solid #ff0000;
    background: #fff8ba;
    border-radius: 15px;
    margin-top: 20px;

}
p{
    background: unset;
    border: 0;
}

.hztj a{
    display: flex;
    justify-content: center;
}
.top11{
    display: flex;
    justify-content: center;
    position: absolute;
    top: -1.7rem;
    text-align: center;
    width: 100%;
    align-items: center;
}
.top11 img{
    height: 4.5rem;
    width: 20rem;
    margin: 0 auto;
}
.top11 p{
    position: absolute;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
    font-style: italic; background: unset;
    border: 0;
}
.msg{
    margin-top: 3rem;
    height: 3rem;
    background: #fffbd9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg img{
    width: 2rem;margin: 0 1rem 0 0.5rem;
}
marquee{
    font-weight: bold;font-size: 1.5rem;
}
.boxx li{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 1rem 1rem;
    background: #fffbd9e8;
    border-top: 3px dashed #ff574ee0;
    position: relative;
}

.boxx li:last-child{
    border-bottom: 3px dashed #ff574ee0;
}
.boxx .tb{
    width: 7rem;
}
.jrgw{
    width: 14rem;
}
.boxx span{
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
}
.boxx .ss{
    margin-left: 2rem;width: auto;
}
.boxx .stop{
    display: flex;
}
.boxx .stop p{
    width: auto;
    min-width: 13rem; background: unset;
    border: 0;
}
.boxx .bs{
    width: 1.6rem;
}
.boxx .bswz{
    color: #15bc83;
    font-size: 1.3rem;
    padding-left: 8px;
    font-weight: bold;background: unset;
    border: 0;
}
.mztj{
    display: flex;
    justify-content: center;

}
.mztj pt{
    height: 5rem;
    width: 5rem;
    border-radius: 85rem;
    background: #ff3939;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
    line-height: 5rem;font-style: italic;
}
.mztj pt:nth-child(1){
    position: relative;
    left: 1.2rem;
}
.mztj pt:nth-child(2){
    position: relative;
    left: 0.4rem;
}
.mztj pt:nth-child(3){
    position: relative;
    left: -0.4rem;
}
.mztj pt:nth-child(4){
    position: relative;
    left: -1.2rem;
}
.hztj{
    border: 3px dashed #ff574ee0;
}
.hztj ul{
    overflow: hidden;
}

.centered-image{
    display: block;
    margin: auto;
}
.hztj li{
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 3px dashed #ff574ee0;
    width: calc(50% - 3px);
    float: left;
    padding: 1rem 0;
    background: #fffbd9e8;
}
.hztj li:nth-child(1),.hztj li:nth-child(2){
    border-top: 0;
}
.hztj li p{
    width: auto; background: unset;
    border: 0;
}
.hztj li img{
    width: 7rem;
    height:7rem;margin-right: 1.4rem;
}
.hztj li:nth-child(2n+1){
    border-right: 3px dashed #ff574ee0;
}
.hztj li span{display: block;font-weight: bold;font-style: italic;}
.hztj li span:nth-child(1){font-size: 1.75rem;}
.hztj li span:nth-child(2){font-size: 1.5rem;}
.lvs{color: #0bca68;}
.las{color: #023b95;}
h2{font-size: 2.2rem;font-weight: bold;text-align: center;padding-bottom: 1rem;margin-top: 1rem;}
h3{font-size: 1.3rem;color: #ff0000;text-align: center;margin-top: 1rem;}