/*/topic/2024/heroes/css/invite.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%}}.prize_list .prize_list_tab{background:#fff;position:relative;border:3px solid #fff;border-bottom:none;overflow:hidden;height:54px;padding-bottom:3px}@media (max-width:768px){.prize_list .prize_list_tab{width:6.8rem;margin:0 auto;border:2px solid #fff;padding:0;height:.62rem}}.prize_list .prize_list_tab .tab_item{width:50%;float:left;position:relative;z-index:1;height:100%;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:#ac5324;font-size:28px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.prize_list .prize_list_tab .tab_item{font-size:.28rem}}.prize_list .prize_list_tab .tab_item.cur{color:#fff}.prize_list .prize_list_tab .tab_item.unhover{color:#2e5f06}@media (min-width:1024px){.prize_list .prize_list_tab .tab_item{-webkit-transition:all .3s linear;transition:all .3s linear}.prize_list .prize_list_tab .tab_item:hover{color:#fff}}.prize_list .prize_list_tab .cur_bg{position:absolute;width:53%;height:48px;background-image:-webkit-gradient(linear,left top,left bottom,from(#d46c28),to(#f9a906));background-image:linear-gradient(#d46c28,#f9a906);-webkit-box-shadow:0 5px 6px 0 rgba(253,128,13,.2);box-shadow:0 5px 6px 0 rgba(253,128,13,.2);-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.prize_list .prize_list_tab .cur_bg{height:100%;-webkit-box-shadow:none;box-shadow:none}}.prize_list .prize_list_tab .cur_bg.cur_0{left:-20px;top:0;-webkit-transform:skew(-30deg);transform:skew(-30deg)}.prize_list .prize_list_tab .cur_bg.cur_1{left:50%;top:0;-webkit-transform:skew(30deg);transform:skew(30deg)}.prize_list .prize_list_content{margin-top:20px}@media (max-width:768px){.prize_list .prize_list_content{width:6.8rem;margin:0 auto;margin-top:.2rem}}.prize_list .prize_list_content .prize_list_tab_content{display:none}.prize_list .prize_list_content .prize_list_tab_content.show{display:block}.prize_list .prize_list_content .prize_list_tab_content .prize_img{display:block}.prize_list .prize_list_content .prize_list_tab_content .prize_img img{display:block;width:100%}.share_tips{width:100%;position:fixed;z-index:999;background:rgba(0,0,0,.9);padding-top:6.5em;text-align:center;display:block;height:100%;top:0;left:0}.share_tips .white{color:#fff}.share_tips .share_tips_tips{display:inline-block;position:relative;margin:0 auto;text-align:left;border:.04rem dashed #fff;border-radius:.15rem;padding:.2rem .3rem;font-size:.26rem}.share_tips .share_tips_tips div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.share_tips .share_tips_tips div img{margin-left:.1rem;position:static;width:.45rem}.share_tips .share_tips_tips img{position:absolute;top:-.97rem;right:-1.2rem;width:1.4rem}.share_tips .share_tips_btn{width:25%;margin:0 auto;text-align:center;border:.04rem dashed #fbce07;border-radius:.15rem;position:relative;padding:.2rem .3rem;font-size:.26rem;margin-top:2em;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:#fff}.share_tips .share_tips_btn img{position:absolute;bottom:-.5rem;right:-.7rem;width:.7rem}.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: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}}.invitation_user{width:100%;background-color:#ac5324;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:60px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:768px){.invitation_user{width:6.8rem;border-radius:.1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0 auto;margin-top:0;height:auto}}.invitation_user .page_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:40px}@media (max-width:768px){.invitation_user .page_title{padding-top:.5rem}}.invitation_user .page_title img{display:block;width:348px}@media (max-width:768px){.invitation_user .page_title img{width:2.8rem}}.invitation_user .page_title .invite_tips{display:block;font-size:24px;color:#457613;line-height:1.333;text-align:center;margin-top:20px;width:100%}@media (max-width:768px){.invitation_user .page_title .invite_tips{margin-top:.2rem;font-size:.24rem}}.invitation_user .page_title .invite_tips:after{content:"";display:block;background:-webkit-gradient(linear,left top,right top,color-stop(10%,rgba(255,98,1,0)),color-stop(#fff),color-stop(90%,rgba(255,98,1,0)));background:linear-gradient(to right,rgba(255,98,1,0) 10%,#fff,rgba(255,98,1,0) 90%);width:1008px;height:1px;margin-top:20px}@media (max-width:768px){.invitation_user .page_title .invite_tips:after{width:100%;margin-top:.2rem}}.invitation_user .user_info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px;margin-bottom:30px}@media (max-width:768px){.invitation_user .user_info{margin-top:0;margin-bottom:.3rem;position:relative}}.invitation_user .avatar_user{-ms-flex-negative:0;flex-shrink:0}.invitation_user .avatar_user .avatar_name{display:block;width:120px;margin-left:40px;color:#fff;font-size:20px;font-weight:700;text-align:center;margin-top:12px}@media (max-width:768px){.invitation_user .avatar_user .avatar_name{width:1.08rem;margin-left:.3rem;margin-top:.1rem;font-size:.2rem}}.invitation_user .avatar_user .avatar{display:block;width:120px;height:120px;border-radius:999px;overflow:hidden;border:6px solid #e8be26;margin-left:40px;-ms-flex-negative:0;flex-shrink:0}@media (max-width:768px){.invitation_user .avatar_user .avatar{width:1.08rem;height:1.08rem;border-width:.04rem;margin-left:.3rem;margin-top:.4rem}}.invitation_user .avatar_user .avatar img{display:block;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;-o-object-fit:cover;object-fit:cover}.invitation_user .invitation_info{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:120px}@media (max-width:768px){.invitation_user .invitation_info{overflow:hidden;margin-right:0}}.invitation_user .invitation_info .invitation_text{color:#fff;font-weight:700;line-height:1.333;text-align:center;text-shadow:1.5px 2.598px 1px rgba(105,45,12,.5);font-size:24px}@media (max-width:768px){.invitation_user .invitation_info .invitation_text{font-size:.24rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.2rem;height:1.1rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;margin-top:.4rem;padding-right:.2rem}}.invitation_user .invitation_info .about_btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media (max-width:768px){.invitation_user .invitation_info .about_btns{margin-top:.25rem;margin-bottom:.3rem}}.invitation_user .invitation_info .about_btns .btn{margin:0 20px}@media (max-width:768px){.invitation_user .invitation_info .about_btns .btn{margin:0 .06rem}}.share{margin-top:45px;text-align:center}.share .pc_btn{margin:0 auto}@media (max-width:768px){.share{margin-top:.24rem}}@media (max-width:768px){.share .pc_hide{width:1.94rem}}.pc_share{display:none;width:100%;height:100%;background-color:#000;position:fixed;top:0;left:0;z-index:100}.pc_share img{position:absolute}.pc_share #qr_code_show{display:block;width:176px;height:176px;position:absolute}@media (max-width:768px){.main{background-color:rgba(0,0,0,0);padding-top:0}}.video_item{width:100%;height:553px;margin:0 auto;background-color:#ffb924;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;overflow:hidden;position:relative}@media (max-width:768px){.video_item{width:6.8rem;height:auto;padding:.3rem}}.video_item .video_border_area{position:relative;width:775px;height:452px;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}@media (max-width:768px){.video_item .video_border_area{width:6.24rem;height:3.64rem}}.video_item .bd_bl,.video_item .bd_br,.video_item .bd_tl,.video_item .bd_tr{position:absolute;pointer-events:none;width:45px;height:45px;border:2px solid #fff}@media (max-width:768px){.video_item .bd_bl,.video_item .bd_br,.video_item .bd_tl,.video_item .bd_tr{width:.36rem;height:.36rem}}.video_item .bd_tl{left:0;top:0;border-right:none;border-bottom:none}.video_item .bd_tr{right:0;top:0;border-left:none;border-bottom:none}.video_item .bd_bl{left:0;bottom:0;border-right:none;border-top:none}.video_item .bd_br{right:0;bottom:0;border-left:none;border-top:none}.video_item .video_item{width:685px;height:385px;background:#457613;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:768px){.video_item .video_item{width:5.53rem;height:3.1rem;padding:0;margin:0 auto}.video_item .video_item .poster_img{display:block;width:100%}}.mob_hide{display:block}@media (max-width:768px){.mob_hide{display:none}}.topic_intro{background-color:#ffb924;margin:45px auto 0;width:1008px;overflow:hidden;padding-bottom:10px}@media (max-width:768px){.topic_intro{width:6.8rem;margin:.24rem auto 0;height:auto}}.topic_intro .common_title{display:block;text-align:center;font-weight:700;font-size:34px;color:#fff;text-shadow:0 3px 0 rgba(94,38,5,.54);margin-top:70px}@media (max-width:768px){.topic_intro .common_title{margin-top:.5rem;font-size:.3rem}}.topic_intro .common_title img{display:block;position:absolute;left:50%;top:0;margin-top:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}@media (max-width:768px){.topic_intro .common_title img{margin-top:.2rem;width:4.4rem}}.topic_intro .common_title span{display:block;position:relative;z-index:1}.topic_intro .intro_list{border:1px solid #fff;border-radius:10px;width:776px;height:244px;margin:0 auto;margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:relative}@media (max-width:768px){.topic_intro .intro_list{width:6.3rem;height:2.45rem;padding:.2rem 0;padding-left:.2rem}}.topic_intro .intro_list::before{content:"";display:block;width:110px;height:86px;background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/bdbl.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:165px;left:-9px}@media (max-width:768px){.topic_intro .intro_list::before{width:1.12rem;height:.93rem;top:1.65rem;left:-.08rem}}.topic_intro .intro_list:after{content:"";display:block;width:110px;height:86px;background-image:url(//papu.yunshuren.com/topic/2024/heroes/images/bdtr.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:-9px;left:673px}@media (max-width:768px){.topic_intro .intro_list:after{width:1.12rem;height:.93rem;top:-.08rem;left:5.23rem}}.topic_intro .intro_list .intro_item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:28px}@media (max-width:768px){.topic_intro .intro_list .intro_item{font-size:.24rem}}.topic_intro .intro_list .intro_item .intro_title{-ms-flex-negative:0;flex-shrink:0;color:#ac5324;font-weight:700}.topic_intro .intro_list .intro_item .intro_text{color:#fff;white-space:nowrap}.btn{text-align:center;font-size:20px;font-weight:700;display:block;margin:0 auto;color:#fff;border-radius:10px;background:#ffbd2c;border:1px solid #fff;width:222px;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;margin-top:30px;margin-bottom:30px;cursor:pointer}@media (min-width:1024px){.btn{-webkit-transition:all .3s linear;transition:all .3s linear}.btn:hover{opacity:.8}}@media (max-width:768px){.btn{font-size:.2rem;color:#ac5324;border-radius:.08rem;width:1.8rem;height:.4rem;margin:0 .42rem 0!important;margin-top:.3rem;margin-bottom:.5rem}}.prize_list{margin-top:30px}@media (max-width:768px){.prize_list{margin-top:.3rem}}.previous_prize_list{margin-top:30px}@media (max-width:768px){.previous_prize_list{width:6.8rem;margin:0 auto;margin-top:.3rem}}.previous_prize_list .list_tab{background:#fff;position:relative;border:3px solid #fff;border-bottom:none;overflow:hidden;height:54px;padding-bottom:3px;width:100%}@media (max-width:768px){.previous_prize_list .list_tab{width:6.8rem;margin:0 auto;border:2px solid #fff;padding:0;height:.62rem}}.previous_prize_list .list_tab .tab_item{width:100%;float:left;position:relative;z-index:1;height:100%;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:#fff;font-size:28px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.previous_prize_list .list_tab .tab_item{font-size:.28rem}}.previous_prize_list .list_tab .cur_bg{position:absolute;width:100%;height:48px;background-image:-webkit-gradient(linear,left bottom,left top,from(#5e8438),to(#2e5f06));background-image:linear-gradient(to top,#5e8438 0,#2e5f06 100%);-webkit-box-shadow:0 5px 6px 0 rgba(253,128,13,.2);box-shadow:0 5px 6px 0 rgba(253,128,13,.2);-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.previous_prize_list .list_tab .cur_bg{height:100%;-webkit-box-shadow:none;box-shadow:none}}.previous_prize_list .previous_swiper{margin-top:20px}@media (max-width:768px){.previous_prize_list .previous_swiper{margin-top:.2rem}}.previous_prize_list .previous_swiper .prize_img img{display:block;width:100%}