.bind_steam .title{font-size:36px;margin-top:50px}.bind_steam .bind_steam_wrapper{margin-top:120px;display:flex;height:300px}.bind_steam .bind_steam_wrapper .form_box{width:490px;height:100%}.bind_steam .bind_steam_wrapper .form_box.right{display:flex;align-items:center;justify-content:center}.bind_steam .bind_steam_wrapper .form_box .steam_login_btn .el-button{width:360px;background:transparent;color:#fff;border:1px solid #e03c2f}.bind_steam .bind_steam_wrapper .form_box .steam_login_btn .el-button:hover{border-color:#ff665a;background:#ff665a;color:#fff}.bind_steam .bind_steam_wrapper .login_btn{padding-left:100px;margin-top:20px}.bind_steam .bind_steam_wrapper .login_btn .el-button{width:100%}.bind_steam .form_box_bottom{display:flex;align-items:center;justify-content:space-between;padding-left:100px}.bind_steam .ver_code_box .vercode_img{width:100%;position:absolute;left:0;top:0;height:100%}.bind_steam .ver_code_box .el-input-group--append{position:relative}.bind_steam .ver_code_box .el-input-group--append .el-input-group__append{display:none;position:absolute;left:0;top:-100px;cursor:pointer;width:100%;height:100px;box-sizing:border-box;border:4px solid #683120}.bind_steam .ver_code_box .el-input-group--append .el-input-group__append img{width:100%;height:92px;vertical-align:top}.bind_steam .ver_code_box .el-input-group--append:hover .el-input-group__append{display:block}.bind_steam .sp{width:260px;display:flex;align-items:center;justify-content:center}.bind_steam .sp span{color:#fff;font-size:36px;position:relative}.bind_steam .sp span:after,.bind_steam .sp span:before{content:"";display:inline-block;height:100px;border-left:1px solid #272935;position:absolute;left:50%;transform:translateX(-50%)}.bind_steam .sp span:before{bottom:50px}.bind_steam .sp span:after{top:50px}