.fangshan {
    margin: 0.5rem auto 0.5rem auto;
    width: 10rem;
    height: auto;
}
.box{
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    border: 2px solid rgb(224, 224, 224);
    position: relative;
}
.night .box{
    border: 2px solid #444;
}
.box img{
    width: 8rem;
    height: 8rem;
    position: relative;
    top:0.9rem;
    left:0.9rem;
}
#nob1 {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgb(245, 245, 245);
    position: absolute;
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
    z-index: 3;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px;
}
.night #nob1{
    background: rgb(68 68 68);
}
.shu {
    width: 1rem;
    height: 12rem;
    background: #ccc;
    margin-top: -2px;
    margin-left: calc(50% - 0.5rem);
    position: relative;
    border-radius: 50px 50px 0 0;
}
.night .shu{
    background-color: #444;
}
.shu>div.tuo{
    width: 1.8rem;
    height: 0.5rem;
    position: absolute;
    top: 0px;
}
.shu>div{
    width: 1.8rem;
    position: absolute;
    top: 2rem;
    left: -0.4rem;
    border-radius: 5px;
    background-color: #eee;
    border: 2px solid #cccccc;
    text-align: center;
}
.night .shu>div{
    background-color: #666;
    border: 1px solid #444;
}
.shu>div>div{
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    margin: 0.5rem auto;
    cursor: pointer;
}
.night .shu>div>div{
    background-color: #444;
    color: #fff;
}
.shu>div>div.act{
    color: #fff;
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}
.pan {
    width: 8rem;
    height: 2rem;
    margin-left: calc(50% - 4rem);
    border-radius: 50%;
    margin-top: -1rem;
    background: #ccc;
}
.night .pan{
    background: #444;
}
.yidang{
    -webkit-animation: aitoolload 0.6s infinite linear;
    animation: aitoolload 0.6s infinite linear;
}
.erdang{
    -webkit-animation: aitoolload 0.4s infinite linear;
    animation: aitoolload 0.4s infinite linear;
}
.sandang{
    -webkit-animation: aitoolload 0.1s infinite linear;
    animation: aitoolload 0.1s infinite linear;
}
@-webkit-keyframes aitoolload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes aitoolload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}