.genealogy[data-v-eaf95682] .el-dialog__header{padding-bottom:0!important}.correct-color-container .correct-color[data-v-4347d2c4],.correct-color-container[data-v-4347d2c4],.top[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.correct-color-container .correct-color .block[data-v-4347d2c4]{-webkit-box-sizing:border-box;box-sizing:border-box;width:198px;height:199px;border-radius:36px;border:8px solid #d7d7d7;margin:20px}.correct-color-container .plus[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;color:#969696;font-size:100px;font-weight:700}.final-color[data-v-4347d2c4]{width:198px;height:199px;border-radius:36px;margin:20px}.match-color-detail[data-v-4347d2c4]{padding:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.match-color-detail img[data-v-4347d2c4]{width:62px;height:62px}.bottom[data-v-4347d2c4]{margin-top:40px;width:898px;height:161px;border-radius:12px;border:1.5px solid #c6c6c6;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.bottom .select-color-container[data-v-4347d2c4],.bottom[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex}.bottom .select-color-container .select-color[data-v-4347d2c4]{width:75px;height:75px;border-radius:11px;margin-top:20px;margin-right:20px}.title[data-v-4347d2c4]{color:#3e3e3e;font-size:26px;line-height:41px;-ms-flex-item-align:start;align-self:flex-start}.ability-detail[data-v-4347d2c4]{background:#fff;border-radius:8px 8px 8px 8px;min-height:inherit;overflow:hidden}.ability-detail img[data-v-4347d2c4]{height:180px}.ability-detail .ability-detail-header[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;padding:15px 15px 15px 25px;cursor:pointer}.ability-detail .ability-detail-header[data-v-4347d2c4]:hover{color:#ff5e2a}.ability-detail .ability-detail-subheader[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fbfbfb;height:61px;margin-left:21px}.ability-detail .ability-detail-num[data-v-4347d2c4]{font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#565656;margin-right:7px}.ability-detail .ability-detail-id[data-v-4347d2c4]{width:68px;margin-right:21px;font-size:12px}.ability-detail .ability-detail-id[data-v-4347d2c4],.ability-detail .ability-detail-row[data-v-4347d2c4]{height:27px;background:#ebebeb;border-radius:2px 2px 2px 2px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-row[data-v-4347d2c4]{font-size:14px;padding:0 14px}.ability-detail .ability-detail-total[data-v-4347d2c4]{margin-right:8px;font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-icon-left[data-v-4347d2c4]{width:31px;height:32px;background:#eee;margin-right:5px}.ability-detail .button[data-v-4347d2c4]:focus,.ability-detail .button[data-v-4347d2c4]:hover{background:#ff5e2a;color:#ebebeb}.ability-detail .ability-detail-icon-right[data-v-4347d2c4]{width:31px;height:32px;background:#eee;border-radius:3px 3px 3px 3px;margin-right:8px}.ability-detail .ability-detail-button[data-v-4347d2c4]{width:77px;height:32px;background:#eee;border-radius:4px 4px 4px 4px;margin-right:8px}.ability-detail .ability-detail-body[data-v-4347d2c4]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ability-detail .ability-detail-body-title[data-v-4347d2c4]{font-size:24px!important;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#3e3e3e;margin-top:40px;margin-bottom:10px;margin-right:58px;min-width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ability-detail .ability-detail-body-title[data-v-4347d2c4] p{line-height:1!important;font-size:24px!important}.ability-detail .ability-detail-resource[data-v-4347d2c4]{margin-bottom:20px}.ability-detail .gird[data-v-4347d2c4]{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:60px;max-width:1080px}.ability-detail .ability-detail-radio[data-v-4347d2c4]{max-width:500px;min-width:400px;border-radius:6px 6px 6px 6px;border:1px solid #ffd4c6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:22px 10px;margin-bottom:30px;overflow:hidden}.ability-detail .ability-detail-radio .radio-item[data-v-4347d2c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:150px;overflow:auto}.ability-detail .ability-detail-radio-active[data-v-4347d2c4]{border:1px solid #ff5e2a!important}.ability-detail .ability-detail-audio[data-v-4347d2c4]{height:180px}.puzzle-detail[data-v-8aa00104]{padding:50px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.puzzle-detail[data-v-8aa00104],.top[data-v-8aa00104]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top .puzzle[data-v-8aa00104]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #aaa}.bottom[data-v-8aa00104]{margin-top:20px;width:898px;border-radius:12px;border:1.5px solid #c6c6c6;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.bottom .tip[data-v-8aa00104]{color:#424242;font-size:20px;font-weight:700;line-height:22px}.bottom .puzzle-block-container[data-v-8aa00104]{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bottom[data-v-8aa00104] .puzzle-block-container .puzzle-block{margin:10px;-ms-flex-negative:0;flex-shrink:0;border-radius:20px}.title[data-v-8aa00104]{color:#3e3e3e;font-size:26px;line-height:41px;-ms-flex-item-align:start;align-self:flex-start}.ability-detail[data-v-8aa00104]{background:#fff;border-radius:8px 8px 8px 8px;min-height:inherit;overflow:hidden}.ability-detail img[data-v-8aa00104]{height:180px}.ability-detail .ability-detail-header[data-v-8aa00104]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;padding:15px 15px 15px 25px;cursor:pointer}.ability-detail .ability-detail-header[data-v-8aa00104]:hover{color:#ff5e2a}.ability-detail .ability-detail-subheader[data-v-8aa00104]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fbfbfb;height:61px;margin-left:21px}.ability-detail .ability-detail-num[data-v-8aa00104]{font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#565656;margin-right:7px}.ability-detail .ability-detail-id[data-v-8aa00104]{width:68px;margin-right:21px;font-size:12px}.ability-detail .ability-detail-id[data-v-8aa00104],.ability-detail .ability-detail-row[data-v-8aa00104]{height:27px;background:#ebebeb;border-radius:2px 2px 2px 2px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-row[data-v-8aa00104]{font-size:14px;padding:0 14px}.ability-detail .ability-detail-total[data-v-8aa00104]{margin-right:8px;font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-icon-left[data-v-8aa00104]{width:31px;height:32px;background:#eee;margin-right:5px}.ability-detail .button[data-v-8aa00104]:focus,.ability-detail .button[data-v-8aa00104]:hover{background:#ff5e2a;color:#ebebeb}.ability-detail .ability-detail-icon-right[data-v-8aa00104]{width:31px;height:32px;background:#eee;border-radius:3px 3px 3px 3px;margin-right:8px}.ability-detail .ability-detail-button[data-v-8aa00104]{width:77px;height:32px;background:#eee;border-radius:4px 4px 4px 4px;margin-right:8px}.ability-detail .ability-detail-body[data-v-8aa00104]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ability-detail .ability-detail-body-title[data-v-8aa00104]{font-size:24px!important;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#3e3e3e;margin-top:40px;margin-bottom:10px;margin-right:58px;min-width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ability-detail .ability-detail-body-title[data-v-8aa00104] p{line-height:1!important;font-size:24px!important}.ability-detail .ability-detail-resource[data-v-8aa00104]{margin-bottom:20px}.ability-detail .gird[data-v-8aa00104]{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:60px;max-width:1080px}.ability-detail .ability-detail-radio[data-v-8aa00104]{max-width:500px;min-width:400px;border-radius:6px 6px 6px 6px;border:1px solid #ffd4c6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:22px 10px;margin-bottom:30px;overflow:hidden}.ability-detail .ability-detail-radio .radio-item[data-v-8aa00104]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:150px;overflow:auto}.ability-detail .ability-detail-radio-active[data-v-8aa00104]{border:1px solid #ff5e2a!important}.ability-detail .ability-detail-audio[data-v-8aa00104]{height:180px}.flex[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-align-center[data-v-7eb1ccbc],.flex-center-center[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center-center[data-v-7eb1ccbc]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ability-detail[data-v-7eb1ccbc]{background:#fff;border-radius:8px 8px 8px 8px;min-height:inherit;overflow:hidden}.ability-detail .ability-detail-header[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;padding:15px 15px 15px 25px;cursor:pointer}.ability-detail .ability-detail-header[data-v-7eb1ccbc]:hover{color:#ff5e2a}.ability-detail .ability-detail-subheader[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fbfbfb;height:61px;margin-left:21px}.ability-detail .ability-detail-num[data-v-7eb1ccbc]{font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#565656;margin-right:7px}.ability-detail .ability-detail-id[data-v-7eb1ccbc]{width:68px;margin-right:21px;font-size:12px}.ability-detail .ability-detail-id[data-v-7eb1ccbc],.ability-detail .ability-detail-row[data-v-7eb1ccbc]{height:27px;background:#ebebeb;border-radius:2px 2px 2px 2px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-row[data-v-7eb1ccbc]{font-size:14px;padding:0 14px}.ability-detail .ability-detail-total[data-v-7eb1ccbc]{margin-right:8px;font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#757575}.ability-detail .ability-detail-icon-left[data-v-7eb1ccbc]{width:31px;height:32px;background:#eee;margin-right:5px}.ability-detail .button[data-v-7eb1ccbc]:focus,.ability-detail .button[data-v-7eb1ccbc]:hover{background:#ff5e2a;color:#ebebeb}.ability-detail .ability-detail-icon-right[data-v-7eb1ccbc]{width:31px;height:32px;background:#eee;border-radius:3px 3px 3px 3px;margin-right:8px}.ability-detail .ability-detail-button[data-v-7eb1ccbc]{width:77px;height:32px;background:#eee;border-radius:4px 4px 4px 4px;margin-right:8px}.ability-detail .ability-detail-body[data-v-7eb1ccbc]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ability-detail .ability-detail-body-title[data-v-7eb1ccbc]{font-size:24px!important;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#3e3e3e;margin-top:40px;margin-bottom:10px;margin-right:58px;min-width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ability-detail .ability-detail-body-title[data-v-7eb1ccbc] p{line-height:1!important;font-size:24px!important}.ability-detail .ability-detail-resource[data-v-7eb1ccbc]{margin-bottom:20px}.ability-detail .gird[data-v-7eb1ccbc]{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:60px;max-width:1080px}.ability-detail .ability-detail-radio[data-v-7eb1ccbc]{max-width:500px;min-width:400px;border-radius:6px 6px 6px 6px;border:1px solid #ffd4c6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:22px 10px;margin-bottom:30px;overflow:hidden}.ability-detail .ability-detail-radio .radio-item[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:150px;overflow:auto}.ability-detail .ability-detail-radio-active[data-v-7eb1ccbc]{border:1px solid #ff5e2a!important}.ability-detail .ability-detail-audio[data-v-7eb1ccbc]{width:330px}.dialog[data-v-7eb1ccbc] dialog-title{font-size:18px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#323232}.dialog[data-v-7eb1ccbc] .el-dialog__body{border-top:2px solid #f8f8f8;border-bottom:2px solid #f8f8f8;margin:1px 20px}.dialog[data-v-7eb1ccbc] .el-dialog__footer{margin-top:24px;margin-bottom:25px}.dialog-tip[data-v-7eb1ccbc]{font-size:18px;font-family:PingFang SC-Medium,PingFang SC;font-weight:700;color:#323232;margin-top:63px;margin-bottom:52px;text-align:center}.dialog-title[data-v-7eb1ccbc]{font-size:18px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#d83a3a}[data-v-7eb1ccbc] p{font-size:18px}.puzzle-board[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.ability-detail-body-center[data-v-7eb1ccbc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}