@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1534659384595'); /* IE9*/ src: url('iconfont.eot?t=1534659384595#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPYAAsAAAAABhwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8z0hLY21hcAAAAYAAAABLAAABcOeBtrVnbHlmAAABzAAAACgAAAAoHY4LQWhlYWQAAAH0AAAALQAAADYSXJwsaGhlYQAAAiQAAAAcAAAAJAfeA4NobXR4AAACQAAAAAgAAAAICAAAAGxvY2EAAAJIAAAABgAAAAYAFAAAbWF4cAAAAlAAAAAeAAAAIAENABJuYW1lAAACcAAAAUUAAAJtPlT+fXBvc3QAAAO4AAAAHwAAADDa4m9xeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeRT6LZG7438AQw9zA0AAUZgTJAQDrDQyVeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfxb5/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQACmwrNAAABAAAAAAO3Ar8ABQAACQEnBwkBA3D+EfFGATcCNQK+/hHxR/7JAjZ4nGNgZGBgAOL/SbOL4vltvjJwszCAwPX5OhbINAsD034gxcHABOIBABYpCKIAAAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAQBHCAJrBAAAAAQAAAAAAAAAABQAAHicY2BkYGBgYmBjANEgFgMDFxAyMPwH8xkACS0BIAAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAiZGJkZmBLS0zL7M4g4EBABBxAp0A') format('woff'), url('iconfont.ttf?t=1534659384595') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1534659384595#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-finish:before { content: "\e659"; } .success { width: 100%; height: 100%; position: absolute; } .info { display: flex; flex-direction: column; text-align: left; margin-top: 275rpx; } .info text { text-align: center; font-size: 26rpx; padding-top: 13rpx; } .info text:nth-child(1) { font-size: 34rpx; padding-top: 32rpx; color: #52a0fd; } .info text:nth-child(4) { font-size: 42rpx; padding-top: 90rpx; color: #52A0FD; } .success button { display: inline-block; width: 330rpx; height: 94rpx; background: #52a0fd; border-radius: 8rpx; color: #fff; margin: 6% auto; font-size: 36rpx; } .success button:nth-of-type(1){ margin-right: 20rpx; } .btn{ position: absolute; bottom: 30rpx; text-align: center; width: 680rpx; left: 0; right: 0; margin: auto; } .check { background: #fff !important; color: #52a0fd !important; border: 1rpx solid #52a0fd; } .active { opacity: 0.6; }