/*/topic/2021/heroes2021/css/hot_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:0.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:0.52rem;margin:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-indent:0.3rem}body .common_title .title_main_text::after {background-image:url("//p.yunshuren.com/topic/2021/heroes2021/images/title_bg.png")}body.up .common_title .title_main_text::after {background-image:url("//p.yunshuren.com/topic/2021/heroes2021/images/title_bg.png")}body.ali .common_title .title_main_text::after {background-image:url("//papu.yunshuren.com/topic/2021/heroes2021/images/title_bg.png")}.common_title .title_main_text::after{content:'';width:3.65rem;height:0.64rem;background-size:cover;display:block;position:absolute;left:0;top:0;z-index:-1;background-image:;pointer-events:none}}.common_title .title_main_text .title_text{font-size:34px;color:#fff;font-weight:bold;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:4px 4px rgba(0,0,0,0.3)}@media (max-width: 768px){.common_title .title_main_text .title_text{font-size:0.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-image:-webkit-gradient(linear, left bottom, left top, from(#fd4b0d), to(#ff7a0b));background-image:linear-gradient(to top, #fd4b0d 0%, #ff7a0b 100%);-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:0.52rem;font-size:0.24rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common_title .title_more i{font-size:0.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 bottom, left top, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to top, #ff7a0b 0%, #ff6000 100%);-webkit-box-shadow:0px 10px 7px 0px rgba(252,167,3,0.35);box-shadow:0px 10px 7px 0px rgba(252,167,3,0.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:0.5rem;width:2.1rem;top:0;font-size:0.24rem;border-radius:0.1rem}}.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:0.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,0.3);color:#414141;top:50%;margin-top:-24px;z-index:3;cursor:pointer;outline:none}@media (max-width: 768px){.left_btn,.right_btn{width:0.3rem;height:0.8rem;margin-top:-0.4rem}.left_btn i,.right_btn i{font-size:0.3rem}}@media (min-width: 1024px){.left_btn,.right_btn{-webkit-transition:all 0.3s linear;transition:all 0.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:0.8rem;font-size:0.2rem;width:0.8rem}}.show_add_num{-webkit-animation:show_add_num 0.5s linear;animation:show_add_num 0.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:0.74rem}}body{background:#f1a418}.main{width:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif}.main *{-webkit-box-sizing:border-box;box-sizing:border-box}.main .part{display:block;width:100%;margin:30px 0}@media (max-width: 768px){.main .part{margin:0.3rem 0}}.main .part .container{width:1008px;margin:0 auto;*zoom:1}.main .part .container:before,.main .part .container:after{content:"";display:table}.main .part .container:after{clear:both;overflow:hidden}@media (max-width: 768px){.main .part .container{width:100%}}.shortlisted_box .award_type_list{margin-top:50px;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:0.3rem}}.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:bold;text-shadow:0px 2px 1px rgba(0,0,0,0.2);color:#fff;margin:5px;background:#f9d035;padding-bottom:6px;color:#5e2605;-webkit-box-shadow:inset 0px -6px 0px 0px #fd9100,inset 6px 0 0 0 rgba(255,255,255,0.2);box-shadow:inset 0px -6px 0px 0px #fd9100,inset 6px 0 0 0 rgba(255,255,255,0.2)}@media (max-width: 768px){.shortlisted_box .award_type_list .btn{-webkit-box-shadow:inset 0px -0.06rem 0px 0px #fd9100,inset 0.06rem 0 0 0 rgba(255,255,255,0.2);box-shadow:inset 0px -0.06rem 0px 0px #fd9100,inset 0.06rem 0 0 0 rgba(255,255,255,0.2);width:2.22rem;height:0.6rem;padding-bottom:0.06rem;margin:0.05rem;font-size:0.24rem}}.shortlisted_box .award_type_list .btn.current{color:#ffde00;background-image:-webkit-gradient(linear, left bottom, left top, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to top, #ff7a0b 0%, #ff6000 100%);-webkit-box-shadow:inset 0px -6px 0px 0px #fd9100;box-shadow:inset 0px -6px 0px 0px #fd9100;position:relative}body .shortlisted_box .award_type_list .btn.current::before {background-image:url("//p.yunshuren.com/topic/2021/heroes2021/images/btn_cur.png")}body.up .shortlisted_box .award_type_list .btn.current::before {background-image:url("//p.yunshuren.com/topic/2021/heroes2021/images/btn_cur.png")}body.ali .shortlisted_box .award_type_list .btn.current::before {background-image:url("//papu.yunshuren.com/topic/2021/heroes2021/images/btn_cur.png")}.shortlisted_box .award_type_list .btn.current::before{content:'';width:20px;height:13px;background-image:;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;background-image:-webkit-gradient(linear, left bottom, left top, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to top, #ff7a0b 0%, #ff6000 100%);-webkit-box-shadow:inset 0px -0.06rem 0px 0px #fd9100;box-shadow:inset 0px -0.06rem 0px 0px #fd9100;text-shadow:0px 2px 0px #dc0000;position:relative}.shortlisted_box .award_type_list .btn.current::before{width:0.2rem;height:0.13rem;top:0.03rem;left:0.06rem}}@media (min-width: 1024px){.shortlisted_box .award_type_list .btn{-webkit-transition:all 0.3s linear;transition:all 0.3s linear}.shortlisted_box .award_type_list .btn:hover{opacity:0.8}}.shortlisted_box .list_more{background-color:#ffde00;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;background-image:-webkit-gradient(linear, left bottom, left top, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to top, #ff7a0b 0%, #ff6000 100%);-webkit-box-shadow:0px 3px 3px 0px rgba(238,95,0,0.8);box-shadow:0px 3px 3px 0px rgba(238,95,0,0.8)}@media (min-width: 1024px){.shortlisted_box .list_more{-webkit-transition:all 0.3s linear;transition:all 0.3s linear}.shortlisted_box .list_more:hover{opacity:0.3}}@media (max-width: 768px){.shortlisted_box .list_more{border-radius:0.06rem;background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to bottom, #ff7a0b 0%, #ff6000 100%);height:0.56rem;font-size:0.26rem;width:2.2rem;margin-top:0.2rem}}.shortlisted_box .list{padding:0 36px;padding-bottom:30px;margin-top:5px;position:relative;background-color:#fb9504;-webkit-box-shadow:0px 5px 6px 0px rgba(253,128,13,0.2);box-shadow:0px 5px 6px 0px rgba(253,128,13,0.2)}@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:0.15rem;background:none}}.shortlisted_box .list .user_item{width:100%;border-bottom:1px dashed #ffde00;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}@media (max-width: 768px){.shortlisted_box .list .user_item{padding:0.3rem;background:#fb9504;border-bottom:2px solid #ffde00;margin-bottom:0.1rem;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:0.1rem}}.shortlisted_box .list .user_item .user_avatar .avatar_img{width:94px;height:94px;border:3px solid #ffde00;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 #ffde00}}.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:0.8rem;margin-left:-0.4rem;bottom:-0.1rem}}.shortlisted_box .list .user_item .user_avatar .label{position:absolute;bottom:-10px;width:67px;font-size:16px;font-weight:bold;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:0px 2px 1px rgba(0,0,0,0.2)}@media (max-width: 768px){.shortlisted_box .list .user_item .user_avatar .label{bottom:-0.1rem;width:1rem;font-size:0.38rem;margin-left:-0.5rem;height:0.5rem;-webkit-transform:scale(0.5);transform:scale(0.5)}}.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:bold;color:#fff;min-width:3em}@media (max-width: 768px){.shortlisted_box .list .user_item .user_information .user_name .user_name_text{font-size:0.28rem}}.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:0.2rem;width:0.5rem}}.shortlisted_box .list .user_item .user_information .intro{width:100%;color:#fff;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:0.24rem;line-height:0.4rem;margin-top:0.1rem}}.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:0.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:0.5rem;height:0.5rem;margin-right:0.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:0.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:0.24rem}}@media (max-width: 768px){.main{background-color:transparent;padding-top:0}}.common_title{margin-top:30px;margin-bottom:50px}@media (max-width: 768px){.common_title{height:auto;margin-top:0;margin-bottom:0.3rem}.common_title .title_main_text{text-indent:0.2rem}.common_title .title_main_text::before{content:'';width:0.06rem;height:0.35rem;background:#fff}.common_title .title_main_text:after{display:none}}/*# sourceMappingURL=hot_list.css.map */