.character-info-container .character-info-bg[data-v-0de727d7]{background:url(./role-back-bg.BiDcrnQn.png);background-repeat:no-repeat;background-size:100% 100%;bottom:.15625rem;left:-.10417rem;position:absolute;right:-.10417rem;top:1.14583rem;z-index:-1}.character-name-box[data-v-0de727d7]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:.0625rem;margin-top:1.09375rem}.character-name-box .character-name span[data-v-0de727d7]{color:#fff;font-size:.20833rem;font-weight:900;line-height:.20833rem}.character-name-box .separator[data-v-0de727d7]{height:.13542rem;margin:0 .03646rem 0 .02083rem;position:relative;width:.04167rem}.character-name-box .separator[data-v-0de727d7]:before{border-right:.01042rem solid #fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(-337deg) translateY(-.03125rem);-ms-transform:rotate(-337deg) translateY(-.03125rem);transform:rotate(-337deg) translateY(-.03125rem);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%}.character-name-box .audio-and-tags .audio[data-v-0de727d7]{cursor:pointer;height:.09375rem;width:.09375rem}.character-name-box .audio-and-tags .audio img[data-v-0de727d7]{height:100%;width:100%}.character-name-box .audio-and-tags .tags[data-v-0de727d7]{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:.125rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.character-name-box .audio-and-tags .tags span[data-v-0de727d7]{font-size:.0625rem;font-weight:500}.one-sentence-introduce[data-v-0de727d7]{color:#e5e5e5;font-size:.05208rem;font-weight:400;line-height:.07292rem;margin-bottom:.07292rem}.intimacy_box[data-v-0de727d7]{margin-bottom:.05208rem}.intimacy_box .intimacy_title[data-v-0de727d7]{color:#fff;font-size:.0625rem;font-weight:500;line-height:.07292rem}.intimacy_box .intimacy_progress[data-v-0de727d7]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.intimacy_box .intimacy_progress .progress_bar[data-v-0de727d7]{background-color:#343741;height:.02083rem;margin-top:.02604rem;width:.82292rem}.intimacy_box .intimacy_progress .progress_bar .progress_bar_inner[data-v-0de727d7]{background-color:#fff;height:100%;width:0}.intimacy_box .intimacy_progress .intimacy_value[data-v-0de727d7]{color:#fff;font-size:.05208rem;font-weight:400;line-height:.05208rem;margin-left:.04167rem;-webkit-transform:translateY(.01042rem);-ms-transform:translateY(.01042rem);transform:translateY(.01042rem)}.star_sign[data-v-0de727d7]{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}.star_sign img[data-v-0de727d7]{height:.11458rem;margin-right:.04167rem}.star_sign span[data-v-0de727d7]{font-size:.07292rem;font-weight:400;line-height:.18229rem}.character-introduce[data-v-0de727d7]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:1.5625rem}.character-introduce span[data-v-0de727d7]{color:#e5e5e5;font-size:.05208rem;font-weight:400;line-height:.04688rem}.btn-list[data-v-0de727d7]{gap:.08333rem;margin:.08333rem 0}.btn-list[data-v-0de727d7],.btn-list .btn[data-v-0de727d7]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.btn-list .btn[data-v-0de727d7]{height:.17708rem;padding:0 0 .03646rem .04688rem;width:.54688rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZIAAACECAYAAAC6eq3IAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALlSURBVHgB7d0hblVBGEDhKWlNSYoB1QAJgqbBIIEELApRTQIKB6oKLAbDJsoGSNhEt8BqSi8JG+C813fffd9n7hJO5s7MP3sjOr+8uhoA7KxbAwCC/bEiv96dDAB2x5uL33+/ViQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJPveEwGgsCIBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIFlZSE7OPg0Ads/KQvL47ON48vbLAGC3rPTX1qPX78fTD9/Gwe2jAcBuWPkeyf2XZ+P55wsxAdgRa9lsv/PgdLz6+nMc3jseACzb2k5tHd49vl6Z/BATgIVb6/FfMQFYvrXfI5liMv3mOnp4OgBYnhu5kHhweDReXG/ATxvxACzLjd1sn2IyHQ2ejggDsBw3PiJlurToFjzAcmxk1tZ0C15MAJZhY0MbjVQBWIaNTv81UgVg+218jLyRKgDbbRbvkRipArC9ZvOwlVvwANtpVi8kignA9pndU7tGqgBsl1m+2W6kCsD2mGVIJkaqAGyH2YbkHyNVAOZt7/zy6moAwH+a/YoEgHnbHwDslO/P9vbGClmRAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkPwBYv44XEZuO54AAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:100% 100%;color:#fff;cursor:pointer;font-family:YouSheBiaoTiHei;font-size:.0625rem;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-list .btn[data-v-0de727d7]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZIAAACECAYAAAC6eq3IAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALgSURBVHgB7d0hblRBHIDxWdIEQVIFGBSKNBgcDkGCRLQIQJGgWw6ArUEhSE8AB4DLVHCapY+EC/Dtdt++/f3MO8KXeTPzn9WIrq7X6wHAwbozACA4Ghvy7fTJAOBwfPr5++/XigSAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASA5Mh7IgAUViQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJEICQCIkACRCAkAiJAAkQgJAIiQAJBsLyfO3FwOAw7O5kLw7Hy8+fh4AHJaN/tp69vrDeHXxZdy9dzwAOAwb3yM5eXk63lx+FxOAA7GVzfb7j0/G+6+/xvHDRwOAZdvaqa0pImeXP8QEYOG2evxXTACWb+v3SKaITL+5Htz87gJgeW7lQuK08X52swE/bcQDsCy3drN9isl0NHg6IgzActz6iJTp0qJb8ADLsZNZW9MteDEBWIadDW00UgVgGXY6/ddIFYD9t/Mx8kaqAOy3WbxHYqQKwP6azcNWbsED7KdZvZAoJgD7Z3ZP7RqpArBfZvlmu5EqAPtjliGZGKkCsB9mG5J/jFQBmLfV1fV6PQDgP81+RQLAvB0NAA7K+dPVamyQFQkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQDJHwYpPPCbwD7BAAAAAElFTkSuQmCC)}.character-img-box[data-v-d3333b33]{height:2.23958rem;overflow:hidden;position:absolute;right:0;top:0;width:1.95313rem;z-index:0}.character-img-box .blue-bg[data-v-d3333b33]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(115,200,255,0)),color-stop(22.5%,rgba(115,200,255,.2)),color-stop(50%,rgba(115,200,255,.2)),color-stop(80%,rgba(115,200,255,.2)),to(rgba(115,200,255,0)));background:-webkit-linear-gradient(top,rgba(115,200,255,0),rgba(115,200,255,.2) 22.5%,rgba(115,200,255,.2) 50%,rgba(115,200,255,.2) 80%,rgba(115,200,255,0));background:linear-gradient(180deg,#73c8ff00,#73c8ff33 22.5%,#73c8ff33 50%,#73c8ff33 80%,#73c8ff00);-webkit-clip-path:polygon(1.32292rem 0,100% 0,calc(100% - 1.32292rem) 100%,0 100%);clip-path:polygon(1.32292rem 0,100% 0,calc(100% - 1.32292rem) 100%,0 100%);height:100%;position:absolute;right:.23958rem;top:0;width:1.76042rem;z-index:1}.character-img-box img[data-v-d3333b33]{height:100%;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(95%,#000),to(transparent));-webkit-mask-image:-webkit-linear-gradient(top,#000 95%,transparent);mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(95%,#000),to(transparent));mask-image:linear-gradient(180deg,#000 95%,transparent);-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:2}.character-img-box.is-center[data-v-d3333b33]{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}