body{ background: #F2F2F2; height: 100%; min-height: 750px; display: flex; justify-content: center; align-items: center;}
.box{ background: url('../images/bg.png') no-repeat left bottom #FFF; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 900px; height: 680px; padding: 40px 30px; box-sizing: border-box; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.box>.text{ font: 14px/24px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
.box>.icon{ width: 200px; height: 200px; margin: 15px 0; border: 1px solid #DFDFDF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.box>.tips{ height: 48px; line-height: 48px; font-size: 14px;}