@keyframes toleft {
    form{padding-right: 0}
    to{padding-right: 10%}
}
@keyframes toright {
    form{padding-left: 0}
    to{padding-left: 10%}
}

#leftright{
    bottom: 2%;
    position: absolute;
    width: 100%;
    height: 10%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    pointer-events: none;
    user-select: none;

}

#leftright .gag{
    width: 50%;
}

#leftright .left{
    background: url("/resources/jindiweixin/image/left.png") no-repeat center center;
    background-size: contain;
    width: 10%;
    height:50%;
    animation:toleft 1s alternate infinite;
    opacity: 0.5;
}
#leftright .right{
    background: url("/resources/jindiweixin/image/right.png") no-repeat center center;
    background-size: contain;
    width: 10%;
    height:50%;
    animation:toright 1s alternate infinite;
    opacity: 0.5;
}

#canvas_close{
    border: 1px solid white;
    border-radius:10px;
    position: absolute;
    font-size: 1rem;
    color: white;
    padding: 10px 15px;
    top: 10px;
    right: 10px;
}
#canvas_close:after{
    content: '关闭';
}