.guarantee__user-role-page{background:url(../../static/img/gtm-register-bg@2x.e84545e1.png) 50% no-repeat;background-size:100% 100%;padding:4.52rem 0 1.25rem;height:100%;box-sizing:border-box}.guarantee__user-role-page .user-role-select-box{width:56%;height:32.5rem;margin:auto;margin-top:3.125rem;background:#fff;padding:.625rem 3.75rem 3.75rem;box-shadow:0 .25rem .75rem 0 rgba(0,0,0,.1)}.guarantee__user-role-page .user-role-select-box h2{font-size:1.875rem;font-weight:600;color:#444;margin:1.875rem 0;height:1.875rem;line-height:1.875rem;text-align:center}.guarantee__user-role-page .user-role-select-box .user-role-tips{font-size:1.125rem;font-family:MicrosoftYaHei;color:red;line-height:1.5rem;text-align:center}.guarantee__user-role-page .user-role-select-box .user-role-box{display:flex;flex-direction:row;justify-content:center;margin-top:3.125rem}.guarantee__user-role-page .user-role-select-box .user-role-box .user-role-item{width:26.625rem;height:17.5rem;border:.125rem solid #e2e2e2;border-radius:.5625rem;cursor:pointer}.guarantee__user-role-page .user-role-select-box .user-role-box .user-role-item:hover{border-color:#2695ea}.guarantee__user-role-page .user-role-select-box .user-role-box .user-role-item .text-content{font-weight:700;font-size:1.625rem;color:#2695ea;text-align:center;margin-top:12.5rem}.guarantee__user-role-page .user-role-select-box .user-role-box .user-role-item--active{border-color:#2695ea}.guarantee__user-role-page .user-role-select-box .user-role-box .agent-role{background:url(../../static/img/agent-role.108562b8.png) 50% no-repeat;background-size:100% 100%;margin-right:2.5rem}.guarantee__user-role-page .user-role-select-box .user-role-box .bidder-role{background:url(../../static/img/bidder-role.073ceed1.png) 50% no-repeat;background-size:100% 100%}.guarantee__user-role-page .user-role-select-box .enter-box{text-align:center;margin-top:3.375rem}