/*/topic/2024/heroes/css/hero_card_list.css*/
.banner{width:100%;display:block}.banner img{width:100%}.banner .banner_pc{display:block}.banner .banner_mob{display:none}@media (max-width:768px){.banner{padding-top:0}.banner .banner_pc{display:none}.banner .banner_mob{display:block;width:100%}}:root{--theme_color:#ff7a0b}.common_title{position:absolute;height:62px;width:100%;position:relative}.common_title.mob_title{display:none}@media (max-width:768px){.common_title.mob_title{display:block}}@media (max-width:768px){.common_title{height:.52rem;width:6.8rem;margin:0 auto}}.common_title .title_main_text{width:395px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:0;height:62px;margin:0 auto}@media (max-width:768px){.common_title .title_main_text{width:3.3rem;height:.52rem;margin:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-indent:.3rem}.common_title .title_main_text::after{content:"";background-size:cover;display:block;position:absolute;right:0;bottom:0;z-index:-1;pointer-events:none}}.common_title .title_main_text .title_text{font-size:34px;color:#fff;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;line-height:1;text-shadow:2px 2px rgba(0,0,0,.3)}@media (max-width:768px){.common_title .title_main_text .title_text{font-size:.32rem;text-shadow:none}}.common_title .title_main_text .title_bg{width:100%;height:100%;display:block;position:absolute;z-index:-1;left:0;top:0;background:#9d4619;-webkit-transform:skew(-20deg);transform:skew(-20deg)}@media (max-width:768px){.common_title .title_main_text .title_bg{display:none}}.common_title .title_main_text .title_bg::before,.common_title .title_main_text .title_bg:after{content:"";width:54px;height:50px;display:block;position:absolute;border:2px solid #fff;pointer-events:none}.common_title .title_main_text .title_bg::before{bottom:-12px;left:-20px;border-top:none;border-right:none}.common_title .title_main_text .title_bg::after{top:-12px;right:-20px;border-left:none;border-bottom:none}.common_title .title_more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:0;font-size:16px;color:#fff;position:absolute;top:0;height:62px;font-size:20px}.common_title .title_more.pc_hide{display:none}@media (max-width:768px){.common_title .title_more.pc_hide{display:-webkit-box;display:-ms-flexbox;display:flex}}.common_title .title_more span{display:block;line-height:1}.common_title .title_more i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;color:#fff}@media (max-width:768px){.common_title .title_more{height:.52rem;font-size:.24rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common_title .title_more i{font-size:.24rem}}.common_title .title_more_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:0;font-size:16px;color:#fff;position:absolute;border-radius:8px;background-image:-webkit-gradient(linear,left top,left bottom,from(#d46c28),to(#f9a906));background-image:linear-gradient(#d46c28,#f9a906);-webkit-box-shadow:0 10px 7px 0 rgba(252,167,3,.35);box-shadow:0 10px 7px 0 rgba(252,167,3,.35);width:213px;height:50px;top:5px;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.common_title .title_more_btn.join_btn{display:none}@media (max-width:768px){.common_title .title_more_btn.join_btn{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (max-width:768px){.common_title .title_more_btn{height:.5rem;width:2.1rem;top:0;font-size:.24rem;border-radius:.1rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#d46c28),to(#f9a906));background-image:linear-gradient(#d46c28,#f9a906);-webkit-box-shadow:0 3px 3px 0 rgba(41,70,10,.35);box-shadow:0 3px 3px 0 rgba(41,70,10,.35)}}.common_title .title_more_btn span{display:block;line-height:1;font-size:20px}@media (max-width:768px){.common_title .title_more_btn span{font-size:.24rem}}.left_btn,.right_btn{position:absolute;width:18px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(255,255,255,.3);color:#414141;top:50%;margin-top:-24px;z-index:3;cursor:pointer;outline:0}@media (max-width:768px){.left_btn,.right_btn{width:.3rem;height:.8rem;margin-top:-.4rem}.left_btn i,.right_btn i{font-size:.3rem}}@media (min-width:1024px){.left_btn,.right_btn{-webkit-transition:all .3s linear;transition:all .3s linear}.left_btn:hover,.right_btn:hover{background:#fff}}.left_btn{left:0}.right_btn{right:0}.add_num_fix{width:60px;font-size:16px;line-height:40px;text-align:center;position:absolute;z-index:100;opacity:0;color:#fff}@media only screen and (max-width:768px){.add_num_fix{line-height:.8rem;font-size:.2rem;width:.8rem}}.show_add_num{-webkit-animation:show_add_num .5s linear;animation:show_add_num .5s linear}@-webkit-keyframes show_add_num{0%{opacity:0;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}to{opacity:1;-webkit-transform:translate(0,-50px) scale(1.2);transform:translate(0,-50px) scale(1.2)}}@keyframes show_add_num{0%{opacity:0;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}to{opacity:1;-webkit-transform:translate(0,-50px) scale(1.2);transform:translate(0,-50px) scale(1.2)}}@media (max-width:768px){.nullDiv{height:.74rem}}body{background:-webkit-gradient(linear,left top,left bottom,from(#f7b025),to(#aa5c32));background:linear-gradient(#f7b025,#aa5c32);background-size:100%}.main{width:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif}@media (max-width:768px){.main{background-size:100%}}.main *{-webkit-box-sizing:border-box;box-sizing:border-box}.main .part{display:block;width:100%;margin:45px 0}@media (max-width:768px){.main .part{margin:.4rem 0}}.main .part .container{width:1008px;margin:0 auto}.main .part .container:after,.main .part .container:before{content:"";display:table}.main .part .container:after{clear:both;overflow:hidden}@media (max-width:768px){.main .part .container{width:100%}}@media (max-width:768px){.shortlisted_box .common_title .title_main_text{width:2.7rem}.shortlisted_box .common_title .title_main_text::after{content:"";background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/list_title_bg.png);height:.39rem;width:2.46rem}}.shortlisted_box .award_type_list{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1024px;margin-left:-8px}@media (max-width:768px){.shortlisted_box .award_type_list{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0;margin-top:.35rem}}.shortlisted_box .award_type_list .btn{border-radius:8px;width:246px;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:700;text-shadow:0 2px 1px rgba(0,0,0,.2);color:#fff;margin:5px;background:#ac5324;padding-bottom:6px;color:#fff;-webkit-box-shadow:inset 0 -6px 0 0 #f1a418,inset 6px 0 0 0 rgba(255,255,255,.2);box-shadow:inset 0 -6px 0 0 #f1a418,inset 6px 0 0 0 rgba(255,255,255,.2)}@media (max-width:768px){.shortlisted_box .award_type_list .btn{-webkit-box-shadow:inset 0 -.06rem 0 0 #f1a418,inset .06rem 0 0 0 rgba(255,255,255,.2);box-shadow:inset 0 -.06rem 0 0 #f1a418,inset .06rem 0 0 0 rgba(255,255,255,.2);width:2.22rem;height:.6rem;padding-bottom:.06rem;margin:.05rem;font-size:.24rem}}.shortlisted_box .award_type_list .btn.current{color:#ac5324;background:#ffb924;-webkit-box-shadow:inset 0 -6px 0 0 #ac5324;box-shadow:inset 0 -6px 0 0 #ac5324;position:relative}.shortlisted_box .award_type_list .btn.current::before{content:"";width:20px;height:13px;background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/btn_cur.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:3px;left:6px}@media (max-width:768px){.shortlisted_box .award_type_list .btn.current{color:#fff;border:none;-webkit-box-shadow:inset 0 -.06rem 0 0 #ac5324;box-shadow:inset 0 -.06rem 0 0 #ac5324;text-shadow:0 2px 0 #ffb924;position:relative}.shortlisted_box .award_type_list .btn.current::before{width:.2rem;height:.13rem;top:.03rem;left:.06rem}}@media (min-width:1024px){.shortlisted_box .award_type_list .btn{-webkit-transition:all .3s linear;transition:all .3s linear}.shortlisted_box .award_type_list .btn:hover{color:#fff;background:#ffb924;-webkit-box-shadow:inset 0 -6px 0 0 #ac5324;box-shadow:inset 0 -6px 0 0 #ac5324}}.shortlisted_box .list_more{background-color:#ac5324;width:213px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;margin:0 auto;margin-top:30px;color:#fff;border-radius:8px;-webkit-box-shadow:0 3px 3px 0 rgba(46,95,6,.2);box-shadow:0 3px 3px 0 rgba(46,95,6,.2)}@media (min-width:1024px){.shortlisted_box .list_more{-webkit-transition:all .3s linear;transition:all .3s linear}.shortlisted_box .list_more:hover{opacity:.3}}@media (max-width:768px){.shortlisted_box .list_more{border-radius:.06rem;height:.56rem;font-size:.26rem;width:2.2rem;margin-top:0}}.shortlisted_box .list{padding:0 36px;padding-bottom:30px;margin-top:5px;position:relative;background-color:#ffb924}@media (max-width:768px){.shortlisted_box .list{-webkit-box-shadow:none;box-shadow:none;background-image:none;width:6.8rem;margin:0 auto;padding:0;margin-top:.15rem;background:#ac5324}}.shortlisted_box .list .user_item{width:100%;border-bottom:1px dashed #d38324;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}@media (max-width:768px){.shortlisted_box .list .user_item{padding:.3rem;background:#ffb924;border-bottom:none;margin-bottom:.1rem;-webkit-box-shadow:0 3px 2px 0 #f1a418;box-shadow:0 3px 2px 0 #f1a418;position:relative}}.shortlisted_box .list .user_item .user_avatar{width:94px;height:94px;position:relative;-ms-flex-negative:0;flex-shrink:0;margin-bottom:10px}@media (max-width:768px){.shortlisted_box .list .user_item .user_avatar{width:1rem;height:1rem;margin-bottom:.1rem}}.shortlisted_box .list .user_item .user_avatar .avatar_img{width:94px;height:94px;border:3px solid #ac5324;border-radius:999px;overflow:hidden}@media (max-width:768px){.shortlisted_box .list .user_item .user_avatar .avatar_img{width:1rem;height:1rem;border:2px solid #ac5324}}.shortlisted_box .list .user_item .user_avatar .avatar_img img{display:block;width:100%;height:100%}.shortlisted_box .list .user_item .user_avatar .medal{position:absolute;display:block;bottom:-10px;left:50%;width:67px;margin-left:-34px}@media (max-width:768px){.shortlisted_box .list .user_item .user_avatar .medal{width:.8rem;margin-left:-.4rem;bottom:-.1rem}}.shortlisted_box .list .user_item .user_avatar .label{position:absolute;bottom:-10px;width:67px;font-size:16px;font-weight:700;color:#ff7a0b;left:50%;margin-left:-34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px;text-shadow:0 2px 1px rgba(0,0,0,.2)}@media (max-width:768px){.shortlisted_box .list .user_item .user_avatar .label{bottom:-.1rem;width:1rem;font-size:.38rem;margin-left:-.5rem;height:.5rem;-webkit-transform:scale(.5);transform:scale(.5)}}.shortlisted_box .list .user_item .user_avatar .recommend{position:absolute;bottom:-10px;width:80px;font-size:16px;color:#fff;left:50%;margin-left:-40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30px;line-height:30px;background-color:#9d4619;border-radius:15px}@media (max-width:768px){.shortlisted_box .list .user_item .user_avatar .recommend{bottom:-.1rem;width:1rem;font-size:.2rem;margin-left:-.5rem;height:.4rem;line-height:.4rem;border-radius:.2rem}}.shortlisted_box .list .user_item .user_information{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768px){.shortlisted_box .list .user_item .user_information{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.shortlisted_box .list .user_item .user_information .user_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shortlisted_box .list .user_item .user_information .user_name .user_name_text{font-size:20px;font-weight:700;color:#fff;min-width:3em}@media (max-width:768px){.shortlisted_box .list .user_item .user_information .user_name .user_name_text{font-size:.28rem;color:#ac5324}}.shortlisted_box .list .user_item .user_information .user_name .home_btn{display:block;margin-left:15px;width:30px}.shortlisted_box .list .user_item .user_information .user_name .home_btn img{display:block;width:100%}@media (max-width:768px){.shortlisted_box .list .user_item .user_information .user_name .home_btn{margin-left:.2rem;width:.5rem}}.shortlisted_box .list .user_item .user_information .intro{width:100%;color:#ac5324;font-size:16px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:768px){.shortlisted_box .list .user_item .user_information .intro{font-size:.24rem;line-height:.4rem;margin-top:.1rem;color:#fff}}.shortlisted_box .list .user_item .vote_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-right:10px;margin-left:20px;width:180px}@media (max-width:768px){.shortlisted_box .list .user_item .vote_box{position:absolute;right:.3rem;width:auto}}.shortlisted_box .list .user_item .vote_box .vote_btn{margin-right:14px;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-radius:999px;cursor:pointer;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768px){.shortlisted_box .list .user_item .vote_box .vote_btn{width:.5rem;height:.5rem;margin-right:.1rem}}.shortlisted_box .list .user_item .vote_box .vote_btn i{font-size:20px;color:#fb4b0f}@media (max-width:768px){.shortlisted_box .list .user_item .vote_box .vote_btn i{font-size:.3rem}}.shortlisted_box .list .user_item .vote_box .vote_info{font-size:20px;color:#fff}@media (max-width:768px){.shortlisted_box .list .user_item .vote_box .vote_info{font-size:.24rem}}.pc_paging{margin:0 auto!important;background:#ffb924!important;padding-bottom:50px!important}.page_item{border:1px solid #fff!important;border-radius:10px!important;background:unset!important;color:#fff!important}.now_paging{background:#ac5324!important}.page_omit{color:#fff!important}.paging_next{color:#fff!important}.paging_prev{color:#fff!important}.main{background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/bottom_bg.png);background-size:1972px;background-position:bottom center;background-repeat:no-repeat;padding-bottom:313px}@media (max-width:768px){.main{background-color:rgba(0,0,0,0);padding-top:0;margin-top:0;background-color:unset;background-size:100%;background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/bottom_bg.png);background-position:bottom center;background-repeat:no-repeat;padding-bottom:1.1rem}}.no_result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:30px;color:#fff;height:100px}@media (max-width:768px){.no_result{font-size:.3rem;height:1rem;margin-top:.15rem}}.search_user_box{background-color:#ac5324;height:80px;-webkit-box-shadow:0 2px 2px 0 rgba(45,84,6,.2);box-shadow:0 2px 2px 0 rgba(45,84,6,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:-5px;margin-top:10px}@media (max-width:768px){.search_user_box{width:6.8rem;margin:0 auto;height:.88rem;margin-bottom:-.15rem;margin-top:.2rem}}.search_user_box .search_keyword_input{width:317px;height:40px;border-radius:999px;overflow:hidden;position:relative;margin-left:40px}@media (max-width:768px){.search_user_box .search_keyword_input{margin-left:.2rem;width:3rem;height:.44rem}}.search_user_box .search_keyword_input input{display:block;width:100%;height:100%;border:none;outline:0;font-size:18px;text-align:center}@media (max-width:768px){.search_user_box .search_keyword_input input{font-size:.2rem}}.search_user_box .search_keyword_input .search_fix_btn{position:absolute;cursor:pointer;right:5px;top:5px;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#5e2605;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.search_user_box .search_keyword_input .search_fix_btn{right:.05rem;top:.05rem;height:.34rem}}.search_user_box .search_keyword_input .search_fix_btn i{font-size:26px;margin-right:10px;cursor:pointer}@media (max-width:768px){.search_user_box .search_keyword_input .search_fix_btn i{font-size:.26rem;margin-right:.1rem}}.search_user_box .search_keyword_input .search_fix_btn span{display:none}.search_user_box .search_keyword_input .search_fix_btn.show_btn{background:#366606;-webkit-box-shadow:0 2px 2px 0 rgba(47,87,7,.91);box-shadow:0 2px 2px 0 rgba(47,87,7,.91);border-radius:999px;height:30px;color:#fff;padding:0 10px;font-size:14px}@media (max-width:768px){.search_user_box .search_keyword_input .search_fix_btn.show_btn{height:.34rem;padding:0 .1rem;font-size:.2rem}}.search_user_box .search_keyword_input .search_fix_btn.show_btn i{font-size:16px;display:block;margin-right:5px}@media (max-width:768px){.search_user_box .search_keyword_input .search_fix_btn.show_btn i{font-size:.24rem;margin-right:.05rem}}.search_user_box .search_keyword_input .search_fix_btn.show_btn span{display:block}.search_user_box .title_more_btn{border-width:1px;border-color:#fff;border-style:solid;border-radius:10px;background:#ffb924;width:220px;height:48px;margin-right:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;color:#fff}@media (min-width:1024px){.search_user_box .title_more_btn{-webkit-transition:all .3s linear;transition:all .3s linear}.search_user_box .title_more_btn:hover{opacity:.8}}@media (max-width:768px){.search_user_box .title_more_btn{width:2.2rem;height:.56rem;margin-right:.2rem;font-size:.22rem;border-radius:.1rem;background:-webkit-gradient(linear,left top,left bottom,from(#f7b025),to(#aa5c32));background:linear-gradient(#f7b025,#aa5c32)}}@media (max-width:768px){.common_title{height:auto}.common_title .title_main_text{text-indent:.2rem}.common_title .title_main_text::before{content:"";width:.06rem;height:.35rem;background:#fff}.common_title .title_main_text:after{display:none}}