.touxingdiv{
    padding: 1.5rem 0;
}
.touxiang_img{
    text-align: center;
}
.touxiang_img svg{
    width: 5rem;
}
.touxing_input{
    text-align: center;
    margin-top: 0.5rem;
}
.touxing_input input{
    height: 1.8rem;
    line-height: 1.8rem;
    border: 0;
    border-bottom: 1px solid #888;
    text-align: center;
    width: 10rem;
    text-overflow: ellipsis;
}

.night .touxing_input input{
    background-color: #232627;
    color: #eee;
}

.tongxing_but{
    text-align: center;
    margin: 0.75rem 0 0 0;
}
.tongxing_but div{
    display: inline-block;
    margin: 0 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}
.tongxing_but svg{
    width: 1.5rem;
    height: 1.5rem;
}
.svg-button {
    fill: #6a6b6c;
    fill-rule: evenodd;
    cursor: pointer;
}
.ma-spinner{
    display: inline-block;
    position: relative;
    width:5rem;
    height:5rem;
}
.ma-spinner div{
    position: absolute;
    border: 4px solid #ababab;
    opacity: 1;
    border-radius: 50%;
    animation: ma-spinner 1s cubic-bezier(0,.2,.8,1) infinite;
}
.ma-spinner div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes ma-spinner {
    0% {
        top: 2.5rem;
        left: 2.5rem;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 5rem;
        height: 5rem;
        opacity: 0
    }
}
.animated-rotate-div {
    animation: rotating 2s linear infinite; /* 无限循环，每轮2秒 */
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.touxingalerts{
    text-align: center;
    padding: 1rem;
}

.touxingalerts span{
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    background-color: #ff7504;
    color: #fff;
    margin: 0 0.5rem;
    width: 5rem;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.touxingalerts span.svgss{
    background-color: #4CAF50;
}