body{background-color:#f7f7f7;background-image:url(https://statica1.gldjc.com/gcj-web/index/pro/nuxt/632d902.png);background-repeat:no-repeat;background-size:cover;background-position:center 0}.page-middle{width:1200px;margin:auto;height:auto;min-height:calc(100vh - 214px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.register-page{width:100%;height:auto}.register-page .select-role{width:940px;height:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-bottom:20px}.register-page .select-role .select-title{width:100%;height:60px;line-height:60px;font-size:18px;color:#000;text-align:center}.register-page .select-role .select-panel{height:340px;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:120px}.register-page .select-role .select-panel,.register-page .select-role .select-panel .role-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.register-page .select-role .select-panel .role-panel{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:210px;height:320px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:2px;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);cursor:pointer;-webkit-transition:height .5s,width .5s;-o-transition:height .5s,width .5s;transition:height .5s,width .5s}.register-page .select-role .select-panel .role-panel:hover{width:222px;height:340px}.register-page .select-role .select-panel .role-panel:hover .role-content .role-name{font-size:24px;color:#000}.register-page .select-role .select-panel .role-panel .role-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.register-page .select-role .select-panel .role-panel .role-content .role-img{height:72px;width:72px}.register-page .select-role .select-panel .role-panel .role-content .role-img img{height:100%;width:100%}.register-page .select-role .select-panel .role-panel .role-content .role-name{margin-top:40px;line-height:40px;font-size:20px;font-weight:700;color:#666;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.register-page .select-role .select-panel .role-panel .role-bottom{position:absolute;left:0;bottom:0;width:100%;height:42px;padding:0 10px;line-height:42px;font-size:13px;color:#000;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;opacity:.3}.register-page a{text-decoration:none}