.x-error-box{height:100px;position:relative;width:100%;z-index:1}.x-error{aspect-ratio:80/115;background-color:#fff;left:50%;margin:0 auto;position:absolute;transform:translate(-50%);width:88px}.x-error .check-icon{border:4px solid #f27474;border-radius:50%;box-sizing:content-box;height:80px;position:relative;width:80px}.x-error .check-icon:after,.x-error .check-icon:before{background:#fff;content:"";height:100px;position:absolute}.x-error .check-icon:before{border-radius:100px 0 0 100px;left:-2px;top:-8px;transform:rotate(-45deg);transform-origin:100% 50%;width:calc(50% + 5px)}.x-error .check-icon:after{animation:rotate-circle-x 4.5s ease-in;border-radius:0 100px 100px 0;right:-30%;top:-15%;transform:rotate(-45deg);transform-origin:0 50%;width:75%}.x-error .check-icon .icon-line{background-color:#f27474;border-radius:2px;display:block;position:absolute;width:5px;z-index:10}.x-error .check-icon .icon-line.line-tip{animation:icon-line-left 1s;height:70px;left:50%;top:2.5px;transform:rotate(-45deg) translate(-50%)}.x-error .check-icon .icon-line.line-long{animation:icon-line-right 1s;height:70px;right:50%;top:2.5px;transform:rotate(45deg) translate(50%)}.x-error .check-icon .icon-circle{border:4px solid #f2747480;border-radius:50%;box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:10}.x-error .check-icon .icon-fix{background-color:#fff;height:90px;left:52%;position:absolute;top:-10%;transform:rotate(-45deg) translate(-50%);width:5px;z-index:1}@keyframes rotate-circle-x{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-left{0%{height:0;left:20%;top:12.5px}54%{height:0;left:20%;top:12.5px}70%{height:75px;left:52.5%;top:2.5px}84%{height:65px;left:50%;top:4px}to{height:70px;left:50%;top:2.5px}}@keyframes icon-line-right{0%{height:0;right:20%;top:12.5px}65%{height:0;right:20%;top:12.5px}84%{height:65px;right:50%;top:4px}to{height:70px;right:50%;top:2.5px}}