.m-button{align-items:center;background:transparent;border:none;border-radius:50px;box-shadow:0 0 10px #03caee4d;cursor:pointer;display:flex;font-family:HYWenHei-65W;font-size:17px;height:42px;justify-content:center;line-height:42px;margin:2vw auto;width:180px}.m-button,.m-button span{color:#fff!important;position:relative}.m-button span{margin-right:10px}.m-button span i{font-size:20px;left:100%;position:absolute}.m-button .btn_code{left:50%;min-width:120px;position:absolute;top:60px;transform:translate(-50%) rotateY(90deg);transition:transform .3s;width:8vw}.m-button .btn_code img{border-radius:15px;overflow:hidden;width:100%}.m-button .btn_code:before{border-bottom:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translate(-50%);width:0}.m-button .active{transform:translate(-50%) rotateY(0)}.m-button:after{background:linear-gradient(90deg,#0e95cc,#06def5);box-shadow:inset -7px -4px 3px #ffffff4d,inset 7px 1px 3px #0000004d;transition:all .3s}.m-button:after,.m-button:before{border-radius:50px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.m-button:before{background:linear-gradient(90deg,#0760b2,#06def5);box-shadow:inset -5px -5px 3px #ffffff4d,inset 5px 2px 3px #0000004d}.m-button:hover:after{opacity:0}@media screen and (max-width:1024px){.m-button{font-size:15px;height:38px;line-height:38px;margin:5vw auto 0}}