.role-list-item[data-v-56e76c47]{grid-row-gap:.213rem;row-gap:.213rem;padding-bottom:.32rem;padding-top:.32rem}.role-list-item .spu-container .spu-img[data-v-56e76c47]{width:.64rem;height:.853rem;border-radius:.107rem}.role-list-item .spu-container .spu-title[data-v-56e76c47]{flex:1 1;color:#3a3327;font-size:.373rem;font-weight:500;line-height:.587rem;padding-left:.32rem}.role-list-item .role-list[data-v-56e76c47]{grid-column-gap:.293rem;-moz-column-gap:.293rem;column-gap:.293rem;width:100%;overflow-x:auto}.role-list-item .role-list .role-item[data-v-56e76c47]{font-size:.293rem;font-weight:500;line-height:.347rem;grid-row-gap:.107rem;row-gap:.107rem}.role-list-item .role-list .role-item-image-container[data-v-56e76c47]{position:relative;width:2.613rem;height:3.493rem;border-radius:.32rem;overflow:hidden}.role-list-item .role-list .role-item-image-container .role-img[data-v-56e76c47]{width:100%;height:100%}.role-list-item .role-list .role-item-image-container .select-tip-area[data-v-56e76c47]{position:absolute;bottom:0;width:100%;line-height:.693rem;color:#fff;font-size:.32rem;font-weight:700;text-align:center;background:rgba(58,51,39,.6);font-family:Alimama ShuHeiTi,serif}.role-list-item .role-list .role-item .role-name[data-v-56e76c47]{text-align:center}.rate{z-index:1;display:flex}.rate .point{position:relative;background-repeat:no-repeat;background-size:100% 100%}.rate .point .point-on{position:absolute;top:0;left:0;height:100%;background-repeat:no-repeat;background-position:0;background-size:cover;background-size:100% 100%;transition:width .3s}.rate .point .point-on:last-child{margin-right:0!important}.rate.half .point{background-image:url(https://cdn.qiandaoapp.com/admins/8aa169399b6e325ca2f9e2d124dc7a33.png)}.ec-thumbnail{position:relative;display:block;overflow:hidden}.ec-thumbnail__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-container{padding:.4rem .4rem .693rem;background:#fff;border-radius:.4rem .4rem 0 0}.popup-container .title{margin-bottom:.32rem;font-weight:500;font-size:.373rem;line-height:.8rem}.popup-container .islandinfo{padding-top:.547rem;padding-bottom:.547rem;border-top:1rpx solid #e1e1e5;border-bottom:1rpx solid #e1e1e5}.popup-container .islandinfo .island-info{flex:1 1;margin-left:.427rem;color:var(--c-neutral-9)}.popup-container .islandinfo .island-info .island-name{font-weight:500;font-size:.48rem;line-height:.667rem}.popup-container .islandinfo .island-info .island-baseinfo{color:var(--cm);font-weight:500;font-size:.32rem;line-height:.48rem}.popup-container .islandinfo .island-info .island-baseinfo .join-count{color:rgba(0,0,0,.4);font-weight:400}.popup-container .islandinfo .join-btn{font-weight:500;font-size:.427rem;color:#fff;padding:0 .427rem;line-height:1.067rem;background:#2b263b;border-radius:.213rem}.popup-container .cancel{color:var(--c-neutral-9);font-size:.373rem;line-height:1.293rem;text-align:center;opacity:.6}[data-v-f5691b02] .van-tab--active{color:#9e854b;font-weight:500}[data-v-f5691b02] .van-tab{justify-content:flex-start}[data-v-f5691b02] .van-tabs__line{display:none}[data-v-f5691b02] .van-popup{background:none}[data-v-f5691b02] .van-uploader__preview-image{width:48px;height:48px;border-radius:5px}[data-v-f5691b02]::-webkit-scrollbar{display:none}.mb-8[data-v-f5691b02]{margin-bottom:8px}.mb-4[data-v-f5691b02]{margin-bottom:4px}.p-s[data-v-f5691b02]{position:relative}.page-emotion-drama[data-v-f5691b02]{min-height:100vh;background:#f7f7f9;padding:16px 5px 100px}.page-emotion-drama .mbti[data-v-f5691b02]{background:#fff;padding:12px;grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px;font-size:14px;font-weight:400;line-height:44px;border-radius:4px}.page-emotion-drama .mbti .mbti-input[data-v-f5691b02]{flex:1 1;height:44px;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.4)}.page-emotion-drama .mbti .mbti-input .arrow-down[data-v-f5691b02]{width:8px;height:8px;margin-left:4px}.page-emotion-drama .xing[data-v-f5691b02]:after{position:absolute;right:-6px;top:0;content:"*";color:#fc7e22}.page-emotion-drama .xing-big[data-v-f5691b02]:after{position:absolute;right:-11px;top:-2px;content:"*";color:#fc7e22}.page-emotion-drama .section-title[data-v-f5691b02]{display:inline-block;position:relative;font-size:16px;font-weight:500;line-height:24px}.page-emotion-drama .dislike[data-v-f5691b02],.page-emotion-drama .habbit[data-v-f5691b02],.page-emotion-drama .question[data-v-f5691b02],.page-emotion-drama .reference[data-v-f5691b02],.page-emotion-drama .roles[data-v-f5691b02]{padding:12px;border-radius:4px;background:#fff;grid-row-gap:8px;row-gap:8px}.page-emotion-drama .reference-item[data-v-f5691b02]{font-size:14px;font-weight:400;line-height:44px}.page-emotion-drama .reference-item .reference-title[data-v-f5691b02]{position:relative;margin-right:16px}.page-emotion-drama .habbit-item .status-lists[data-v-f5691b02]{width:100%;overflow-x:scroll;white-space:nowrap}.page-emotion-drama .habbit-item .status-lists .click-to-select[data-v-f5691b02]{display:inline-block;color:rgba(0,0,0,.4);text-align:center;font-size:10px;font-weight:400;line-height:48px;padding:0 6px;border-radius:4px;border:1px dashed rgba(0,0,0,.12);margin-right:8px}.page-emotion-drama .habbit-item .status-lists .status-item[data-v-f5691b02]{display:inline-block;width:60px;line-height:48px;border-radius:4px;background:#958dff;color:#fff;text-align:center;font-size:12px;font-weight:500;white-space:nowrap;margin-right:8px}.page-emotion-drama .roles-item[data-v-f5691b02]{margin-bottom:12px}.page-emotion-drama .roles-item[data-v-f5691b02]:last-child{margin-bottom:0}.page-emotion-drama .roles-item .role-lists[data-v-f5691b02]{overflow-x:auto;grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px}.page-emotion-drama .roles-item .role-lists .click-to-select-role[data-v-f5691b02]{width:72px;color:rgba(0,0,0,.4);text-align:center;font-size:10px;font-weight:500;line-height:11px}.page-emotion-drama .roles-item .role-lists .click-to-select-role img[data-v-f5691b02]{width:72px;height:96px}.page-emotion-drama .roles-item .role-lists .role[data-v-f5691b02]{width:80px}.page-emotion-drama .roles-item .role-lists .role .role-cover[data-v-f5691b02]{width:80px;height:106px;border-radius:8px}.page-emotion-drama .roles-item .role-lists .role .drama[data-v-f5691b02]{width:100%;overflow:hidden;text-align:center;font-size:10px;font-weight:400;line-height:11px}.page-emotion-drama .roles-item .role-lists .role .role-name[data-v-f5691b02]{width:100%;overflow:hidden;text-align:center;font-size:10px;font-weight:500;line-height:11px}.page-emotion-drama .select-btn-container[data-v-f5691b02]{width:100%;grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.page-emotion-drama .select-btn-container .accept-btn[data-v-f5691b02]{width:calc(50vw - 21px);line-height:32px;font-size:14px;font-weight:500;text-align:center;box-sizing:border-box;border-radius:4px}.page-emotion-drama .select-btn-container .selected[data-v-f5691b02]{color:#fff;background:#7c66ff}.page-emotion-drama .select-btn-container .unselected[data-v-f5691b02]{color:#625e76;border:1px solid #d4d0da}.page-emotion-drama .sub-textarea[data-v-f5691b02]{width:100%;height:61px;padding:11px 0;font-size:14px;font-weight:400;line-height:22px;outline:none;border:none}.page-emotion-drama .input-tip[data-v-f5691b02]{position:absolute;bottom:23px;right:17px;color:rgba(12,12,12,.4);text-align:right;font-size:12px;font-weight:500;line-height:18px}.page-emotion-drama .bottom-btn-area[data-v-f5691b02]{position:fixed;bottom:0;left:0;right:0;height:100px;background:#fff;padding:5px 15px}.page-emotion-drama .bottom-btn-area .share-btn[data-v-f5691b02]{color:#fff;font-weight:700;font-size:16px;line-height:24px;background:#7c66ff;border:none;border-radius:8px}.page-emotion-drama .bottom-btn-area .disabled[data-v-f5691b02]{pointer-events:none;cursor:not-allowed;opacity:.3}.page-emotion-drama .role-popup[data-v-f5691b02]{width:100vw;height:661px;background:#fff;border-radius:15px 15px 0 0}.page-emotion-drama .role-popup .pop-title[data-v-f5691b02]{width:100%;font-size:14px;font-weight:500;line-height:30px;margin-bottom:12px;padding:15px 15px 0}.page-emotion-drama .role-popup .pop-title .title[data-v-f5691b02]{flex:1 1;grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.page-emotion-drama .role-popup .pop-title .title .pop-tip[data-v-f5691b02]{flex:1 1;color:rgba(0,0,0,.4);font-size:12px;font-weight:400}.page-emotion-drama .role-popup .pop-title .close-btn[data-v-f5691b02]{width:16px;height:16px}.page-emotion-drama .role-popup .search-container[data-v-f5691b02]{padding:0 15px 12px}.page-emotion-drama .role-popup .search-container .search-pop[data-v-f5691b02]{border-radius:8px;background:#f7f7f9;padding:7px 12px;box-sizing:border-box;grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.page-emotion-drama .role-popup .search-container .search-pop .search-icon[data-v-f5691b02]{width:16px;height:16px}.page-emotion-drama .role-popup .search-container .search-pop .search-input[data-v-f5691b02]{flex:1 1;outline:none;border:none;font-size:12px;font-weight:400;line-height:18px;background:transparent}.page-emotion-drama .role-popup .list[data-v-f5691b02]{width:100vw;height:500px;padding:15px 14.5px 0;background:#fff;overflow-y:scroll}.page-emotion-drama .status-pop[data-v-f5691b02]{position:relative;display:flex;width:100vw;padding:15px 14.5px 80px;flex-direction:column;align-items:center;background:#fff;border-radius:15px 15px 0 0}.page-emotion-drama .status-pop .pop-title[data-v-f5691b02]{width:100%;font-size:14px;font-weight:500;line-height:30px;margin-bottom:12px}.page-emotion-drama .status-pop .pop-title .title[data-v-f5691b02]{flex:1 1;grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.page-emotion-drama .status-pop .pop-title .title .pop-tip[data-v-f5691b02]{flex:1 1;color:rgba(0,0,0,.4);font-size:12px;font-weight:400}.page-emotion-drama .status-pop .pop-title .close-btn[data-v-f5691b02]{width:16px;height:16px}.page-emotion-drama .status-pop .status-list[data-v-f5691b02]{position:relative;width:100%;grid-column-gap:6px;-moz-column-gap:6px;column-gap:6px;grid-row-gap:12px;row-gap:12px;overflow:hidden;flex-wrap:wrap;align-items:flex-start!important}.page-emotion-drama .status-pop .status-list .status-container[data-v-f5691b02]{position:relative}.page-emotion-drama .status-pop .status-list .status-container .status[data-v-f5691b02]{width:72px;padding:12px 4px;border-radius:4px;background:#958dff;color:#fff;text-align:center;font-size:12px;font-weight:500;line-height:18px;box-sizing:border-box}.page-emotion-drama .status-pop .status-list .status-container .selector-count[data-v-f5691b02]{position:absolute;top:0;right:0;width:20px;height:20px;border-radius:50%;overflow:hidden}.page-emotion-drama .status-pop .status-list .status-container .selector-count .selector-empty[data-v-f5691b02]{width:100%;height:100%;border-radius:50%}.page-emotion-drama .status-pop .status-list .status-container .selector-count .count[data-v-f5691b02]{width:100%;height:100%;color:#fff;text-align:center;font-size:12px;font-weight:500;line-height:20px;background-color:#7c66ff}.page-emotion-drama .status-pop .ptr-10[data-v-f5691b02]{padding:10px 10px 0 0}