@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; } .success_logo { width: 201rpx; height: 281rpx; margin: 10% auto; display: flex; flex-direction: column; margin-bottom: 20%; } .success_logo icon { width: 201rpx; height: 201rpx; background: #52A0FD; border-radius: 50%; color: #fff; font-size: 40px; text-align: center; line-height: 201rpx; } .success_logo text { font-size: 36rpx; text-align: center; padding-top: 3%; } .success button { width: 640rpx; height: 88rpx; line-height: 84rpx; background: #52A0FD; color: #fff; margin: 3% auto; font-size: 36rpx; } .check { background: #fff!important; color: #52A0FD!important; border:1px solid #52A0FD; } .active{ opacity: .6; }