.role-top{position:absolute;top:0;width:100%;height:2rem;background:#FFF;opacity:.8;z-index:99}.role-top .back{width:2rem;height:2rem;background:url(black-back.png) no-repeat center center;background-size:.325rem .6rem;position:absolute;left:0}.role-top .share{width:2rem;height:2rem;background:url(share.png) no-repeat center center;background-size:.7rem .7rem;display:none;position:absolute;right:0}.role-top .role-item{font-size:.6rem;font-weight:700;position:absolute;margin:0 2rem;max-width:12rem;overflow-x:auto;white-space:nowrap;height:2rem;line-height:2rem}.role-top .role-item::-webkit-scrollbar{display:none}.role-top .role-item a{padding:0 .6rem;color:#afabb1;position:relative;border-right:1px solid #afabb1;line-height:.55rem}.role-top .role-item a.active{color:#494e5e}.role-top .role-item a:nth-of-type(1){padding-left:.25rem;border-left:0}.role-top .role-item a:nth-last-of-type(1){border-right:0;padding-right:.25rem}.role-main{padding:2.75rem .75rem .75rem}.role-main.man{background:#b5bce8}.role-main.man .role-process div p{color:#546186}.role-main.man .role-process div p a.activity{color:#546186}.role-main.man .role-process img{border:.25rem solid #b5bce3}.role-main.man .vote-btn{background:#546186}.role-main.man .vote-btn.disabled{background:#b8b8b8}.role-main.mm{background:#e3b4bf}.role-main.mm .role-process div p{color:#8e3e4d}.role-main.mm .role-process div p a.activity{color:#8e3e4d}.role-main.mm .role-process img{border:.25rem solid #e3b4bf}.role-main.mm .vote-btn{background:#c46169}.role-main.mm .vote-btn.disabled{background:#b8b8b8}.role-main.mm .role-card{background:url(role-bg-mm.png) no-repeat center top;background-size:auto 100%}.role-main .role-card{width:14.5rem;border-radius:.25rem;background:url(role-bg.png) no-repeat center top;background-size:auto 100%;margin-bottom:.75rem;position:relative}.role-main .role-card .role-card-content{padding:1.1rem 1rem 0 1rem}.role-main .role-card .role-card-content .role-process{display:flex;justify-content:space-between;align-items:center;height:9.875rem;position:relative}.role-main .role-card .role-card-content .role-process .update-icon{position:absolute;bottom:.25rem;left:.25rem;width:1.8rem;height:3.875rem}.role-main .role-card .role-card-content .role-process .update-icon.man{background:url(update-icon1.png) no-repeat center top;background-size:1.8rem 3.875rem}.role-main .role-card .role-card-content .role-process .update-icon.mm{background:url(update-icon2.png) no-repeat center top;background-size:1.8rem 3.875rem}.role-main .role-card .role-card-content .role-process img{width:7.25rem;height:9.375rem;border-radius:5px}.role-main .role-card .role-card-content .role-process div{text-align:right}.role-main .role-card .role-card-content .role-process div p{font-size:.55rem;line-height:1rem;font-weight:500}.role-main .role-card .role-card-content .role-process div p span.vote-num{font-weight:700;font-size:.8rem;padding:.475rem 0 1rem}.role-main .role-card .role-card-content .role-process div p a.activity{font-size:.6rem;margin-top:.125rem;font-weight:700}.role-main .role-card .role-card-content .role-feature{padding-top:.85rem;height:8.125rem}.role-main .role-card .role-card-content .role-feature p{line-height:.9rem;margin-bottom:.35rem;font-weight:500;color:#494e5e;margin-left:.125rem;font-size:.55rem}.role-main .role-card .role-card-content .role-feature p.desc{margin-bottom:.25rem;height:1.8rem;overflow:hidden}.role-main .role-card .role-card-content .role-feature p span{width:2.25rem;height:.9rem;border-radius:.45rem;color:#fff;text-align:center;font-size:.5rem;margin-right:.5rem;font-weight:400}.role-main .role-card .role-card-content .role-feature p span.name{background:#de6666}.role-main .role-card .role-card-content .role-feature p span.birthday{background:#e9a450}.role-main .role-card .role-card-content .role-feature p span.identity{background:#65baee}.role-main .role-card .role-card-content .role-feature p span.hoby{background:#6b65ee}.role-main .role-card .role-card-content .bookInfo{text-align:center;color:#494e5e;font-size:.5rem;padding-bottom:.75rem}.role-main .vote-btn-box{display:flex;justify-content:space-between}.role-main .vote-btn-box .vote-btn{display:block;width:7rem;height:2rem;text-align:center;color:#fff;font-size:.75rem;line-height:2rem;border-radius:5px}.role-main .vote-btn-box .vote-btn.vote-btn-aut{width:100%}.Qui_popup_BOX.rule-box{width:12.5rem;height:20.75rem;background:url(audition/rule-bg.png) no-repeat center center;background-size:12.4rem 20.75rem;box-shadow:none}.Qui_popup_BOX.rule-box .box{padding:0 1rem}.Qui_popup_BOX.rule-box .box h2{padding:1.25rem 0 .5rem;text-align:center;font-size:.65rem;color:#2b2a46}.Qui_popup_BOX.rule-box .box p{font-size:.55rem;color:#494f5e;line-height:.85rem}.Qui_popup_BOX.vote-pop{box-sizing:border-box;width:100%;background:0 0;box-shadow:none;padding:.75rem}.Qui_popup_BOX.vote-pop .vote-box{width:14.5rem}.Qui_popup_BOX.vote-pop .vote-box .title{padding-top:1.25rem;text-align:center;font-size:.65rem;color:#2b2a46}.Qui_popup_BOX.vote-pop .vote-box .btn-box{display:flex;justify-content:center;padding:.875rem 0 1.25rem}.Qui_popup_BOX.vote-pop .vote-box .btn-box a{width:9.5rem;height:1.75rem;background:#c7636a;font-size:.65rem;color:#fff;line-height:1.75rem;text-align:center;border-radius:4px}.Qui_popup_BOX.vote-pop .vote-box .btn-box a.res{width:4.5rem;height:1.75rem;margin:0 .9rem;border:1px solid #c7636a;border-radius:4px;line-height:1.75rem;text-align:center;color:#c7636a;background:#fff}.Qui_popup_BOX.vote-pop .vote-box .btn-box a.res.continue{background:#c7636a;color:#fff}.Qui_popup_BOX.vote-pop .vote-box .confirm-text{text-align:center;font-size:.6rem;color:#8e3e4d;padding-top:.5rem}.Qui_popup_BOX.vote-pop .vote-box .confirm-text span{color:#d75b67;font-size:.75rem;margin:0 4px}.Qui_popup_BOX.vote-pop .vote-box .res_text{padding:.75rem .75rem 0;font-size:.6rem;text-align:center}.Qui_popup_BOX.vote-pop .vote-box .res_text span{color:#8e3e4d;margin-right:4px}.Qui_popup_BOX.vote-pop .vote-box div.vote{padding:0 1rem 1.45rem}.Qui_popup_BOX.vote-pop .vote-box div.vote .role-info{margin-top:.65rem;padding-left:.25rem;display:flex;align-items:center}.Qui_popup_BOX.vote-pop .vote-box div.vote .role-info img{width:2.25rem;height:2.25rem;border-radius:50%;margin-right:.45rem}.Qui_popup_BOX.vote-pop .vote-box div.vote .role-info img.man{border:2px solid #b5bbe0}.Qui_popup_BOX.vote-pop .vote-box div.vote .role-info img.mm{border:2px solid #eeb2be}.Qui_popup_BOX.vote-pop .vote-box div.vote .role-info span{font-size:.65rem;color:#2b2a46}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-item{margin-top:.7rem;display:flex;flex-wrap:wrap}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-item div{width:3.45rem;height:1.3rem;border:1px solid #6f6f6f;margin:0 .25rem .7rem;color:#4a4a4a;border-radius:4px;font-size:.65rem;text-align:center;line-height:1.3rem}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-item div.disabled{color:#bcbcbc;border:1px solid #bcbcbc;background:#fff}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-info{display:flex;justify-content:space-between;align-items:center;height:1.25rem;padding:0 17/40rem}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-info div{color:#8e3e4d}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-info div:nth-of-type(1){font-size:.6rem}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-info div:nth-of-type(1) span{color:#d75b67;font-size:.75rem;margin:0 4px}.Qui_popup_BOX.vote-pop .vote-box div.vote .vote-info div:nth-of-type(2){font-size:.5rem;text-decoration:underline}.Qui_popup_BOX.vote-pop .vote-box div.vote .tip{margin-top:.25rem;color:#8e3e4d;padding:0 .425rem}.Qui_popup_BOX.vote-pop .vote-box div.help{padding:0 1rem 0;margin-top:.625rem}.Qui_popup_BOX.vote-pop .vote-box div.help p{padding:0 .25rem;font-size:.55rem;color:#494e5e;line-height:.9rem}.Qui_popup_BOX.vote-pop .vote-box div.help p img{width:100%;margin:.25rem 0}.Qui_popup_BOX.vote-pop .close-btn{top:1.25rem;right:1.5rem}.Qui_popup_BOX .close-btn{background:url(audition/close.png) no-repeat center center;background-size:.95rem .95rem;position:absolute;left:auto;right:.75rem;top:.5rem}