.character-container.fade-in[data-v-564ac181]{-webkit-animation:slideIn-564ac181 1s forwards;animation:slideIn-564ac181 1s forwards}@-webkit-keyframes slideIn-564ac181{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideIn-564ac181{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.animated-in-box[data-v-564ac181]{-webkit-animation:fadeIn-564ac181 1s forwards;animation:fadeIn-564ac181 1s forwards;opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}@-webkit-keyframes fadeIn-564ac181{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeIn-564ac181{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.delay-animation[data-v-564ac181]{-webkit-animation:intimacyFadeIn-564ac181 1s .2s forwards;animation:intimacyFadeIn-564ac181 1s .2s forwards;opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}@-webkit-keyframes intimacyFadeIn-564ac181{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.character-name-box[data-v-564ac181]{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:.10417rem}.character-name-box .character-name[data-v-564ac181]{white-space:nowrap}.character-name-box .character-name span[data-v-564ac181]{color:#fff;font-size:.57292rem;font-weight:900;line-height:.57292rem}.character-name-box .separator[data-v-564ac181]{height:.26042rem;margin:0 .07292rem 0 .04167rem;position:relative;width:.10417rem}.character-name-box .separator[data-v-564ac181]: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-564ac181]{cursor:pointer;height:.16146rem;margin-bottom:.01563rem;width:.16146rem}.character-name-box .audio-and-tags .audio img[data-v-564ac181]{height:100%;width:100%}.character-name-box .audio-and-tags .tags[data-v-564ac181]{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:.17708rem;-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-564ac181]{font-size:.125rem;font-weight:500}.one-sentence-introduce[data-v-564ac181]{color:#fff9;font-size:.10417rem;font-weight:400;line-height:.10417rem;margin-bottom:.1875rem}.intimacy_box[data-v-564ac181]{margin-bottom:.10417rem}.intimacy_box .intimacy_title[data-v-564ac181]{color:#fff;font-size:.09375rem;font-weight:500;line-height:.09375rem}.intimacy_box .intimacy_progress[data-v-564ac181]{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-564ac181]{background-color:#343741;height:.05208rem;margin-top:.05208rem;width:1.3125rem}.intimacy_box .intimacy_progress .progress_bar .progress_bar_inner[data-v-564ac181]{background-color:#fff;height:100%;width:0}.intimacy_box .intimacy_progress .intimacy_value[data-v-564ac181]{color:#fff;font-size:.07292rem;font-weight:400;line-height:.07292rem;margin-left:.04167rem;-webkit-transform:translateY(.01042rem);-ms-transform:translateY(.01042rem);transform:translateY(.01042rem)}.star_sign[data-v-564ac181]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.09375rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-animation:intimacyFadeIn-564ac181 1s .2s forwards;animation:intimacyFadeIn-564ac181 1s .2s forwards;opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}@keyframes intimacyFadeIn-564ac181{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.star_sign img[data-v-564ac181]{height:.11458rem;margin-right:.04167rem}.star_sign span[data-v-564ac181]{font-size:.10417rem;font-weight:400;line-height:.18229rem}.character-introduce[data-v-564ac181]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:.5625rem;overflow-y:auto;scrollbar-width:none;width:3.64583rem}.character-introduce span[data-v-564ac181]{color:#fff9;font-size:.09375rem;font-weight:400;line-height:.1875rem}.btn-list[data-v-564ac181]{gap:.125rem;margin:.20833rem 0}.btn-list[data-v-564ac181],.btn-list .btn[data-v-564ac181]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.btn-list .btn[data-v-564ac181]{height:.33854rem;padding:0 0 .03646rem .04688rem;width:1.04167rem;-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;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:.125rem;font-weight:400;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-list .btn[data-v-564ac181]: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)}.delay-animation[data-v-eba2907b]{-webkit-animation:intimacyFadeIn-eba2907b 1s forwards;animation:intimacyFadeIn-eba2907b 1s forwards;opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}@-webkit-keyframes intimacyFadeIn-eba2907b{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes intimacyFadeIn-eba2907b{to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.slide-down[data-v-eba2907b]{-webkit-animation:slideDown-eba2907b .5s forwards;animation:slideDown-eba2907b .5s forwards}@-webkit-keyframes slideDown-eba2907b{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown-eba2907b{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.slide-right[data-v-eba2907b]{-webkit-animation:slideRight-eba2907b .5s forwards;animation:slideRight-eba2907b .5s forwards}@-webkit-keyframes slideRight-eba2907b{0%{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes slideRight-eba2907b{0%{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}}.character-img-box[data-v-eba2907b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:5.15625rem;overflow:hidden;width:7.23958rem;z-index:0;-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;position:absolute;right:0}.character-img-box .blue-bg[data-v-eba2907b]{-webkit-animation:fadeIn-eba2907b 1s forwards;animation:fadeIn-eba2907b 1s forwards;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%;opacity:0;position:absolute;right:.5rem;top:0;width:4.36458rem;z-index:1}.character-img-box img[data-v-eba2907b]{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);z-index:2}.character-img-box.is-top[data-v-eba2907b]{top:0}@-webkit-keyframes fadeIn-eba2907b{to{opacity:1}}@keyframes fadeIn-eba2907b{to{opacity:1}}