/*/topic/2021/heroes2021/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: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%}}.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:0.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:#ff6000;font-size:28px;font-weight:bold;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}@media (max-width: 768px){.prize_list .prize_list_tab .tab_item{font-size:0.28rem}}.prize_list .prize_list_tab .tab_item.cur{color:#fff}.prize_list .prize_list_tab .tab_item.unhover{color:#ff6000}@media (min-width: 1024px){.prize_list .prize_list_tab .tab_item{-webkit-transition:all 0.3s linear;transition:all 0.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:-webkit-gradient(linear, left top, left bottom, from(#ff7a0b), to(#ff6000));background:linear-gradient(#ff7a0b, #ff6000);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 6px 5px rgba(253,128,13,0.2);box-shadow:0 0 6px 5px rgba(253,128,13,0.2)}@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:0.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%}.invitation_user{width:100%;background-color:#ff7e00;border-radius:10px;background-image:-webkit-gradient(linear, left bottom, left top, from(#ffa224), to(#ffcb51));background-image:linear-gradient(to top, #ffa224 0%, #ffcb51 100%);-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:0.1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0 auto;margin-top:0rem;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:0.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:#ff6000;line-height:1.333;text-align:center;margin-top:20px;width:100%}@media (max-width: 768px){.invitation_user .page_title .invite_tips{margin-top:0.2rem;font-size:0.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(#ff6201), color-stop(90%, rgba(255,98,1,0)));background:linear-gradient(to right, rgba(255,98,1,0) 10%, #ff6201, 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:0.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:0.3rem;position:relative}}.invitation_user .avatar{display:block;width:120px;height:120px;border-radius:999px;overflow:hidden;border:6px solid #ff9d2e;margin-left:40px;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 768px){.invitation_user .avatar{position:absolute;width:1.08rem;height:1.08rem;border-width:0.04rem;left:0.3rem;top:0.4rem;margin:0}}.invitation_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:bold;line-height:1.333;text-align:center;text-shadow:1.5px 2.598px 1px rgba(105,45,12,0.5);font-size:24px}@media (max-width: 768px){.invitation_user .invitation_info .invitation_text{font-size:0.24rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:1.6rem;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:0.4rem;padding-right:0.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:0.25rem;margin-bottom:0.3rem}}.invitation_user .invitation_info .about_btns .btn{margin:0 20px}@media (max-width: 768px){.invitation_user .invitation_info .about_btns .btn{margin:0 0.06rem}}@media (max-width: 768px){.main{background-color:transparent;padding-top:0}}.video_item{width:100%;height:553px;margin:0 auto;background-color:#fb9504;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:0.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_tl,.video_item .bd_tr,.video_item .bd_bl,.video_item .bd_br{position:absolute;pointer-events:none;width:45px;height:45px;border:2px solid #fff}@media (max-width: 768px){.video_item .bd_tl,.video_item .bd_tr,.video_item .bd_bl,.video_item .bd_br{width:0.36rem;height:0.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:#ff7a0b;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%}}.topic_intro{background-color:#fb9504;margin:0 auto;width:1008px;overflow:hidden}@media (max-width: 768px){.topic_intro{width:6.8rem;margin:0 auto;height:auto}}.topic_intro .common_title{display:block;text-align:center;font-weight:bold;font-size:34px;color:#fff;text-shadow:0px 3px 0px rgba(94,38,5,0.54);margin-top:70px}@media (max-width: 768px){.topic_intro .common_title{margin-top:0.5rem;font-size:0.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:0.2rem;width:4.4rem}}.topic_intro .common_title span{display:block;position:relative;z-index:1}.topic_intro .intro_list{border-radius:10px;background-image:-webkit-gradient(linear, left top, left bottom, from(#ff8515), color-stop(0%, #fff), color-stop(0%, #ffa224), to(#ffcb51));background-image:linear-gradient(to bottom, #ff8515 0%, #fff 0%, #ffa224 0%, #ffcb51 100%);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:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 768px){.topic_intro .intro_list{width:6.3rem;height:2.45rem;padding:0.2rem 0;padding-left:0.2rem}}.topic_intro .intro_list::before,.topic_intro .intro_list:after{content:''}.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:0.24rem}}.topic_intro .intro_list .intro_item .intro_title{-ms-flex-negative:0;flex-shrink:0;color:#5e2605;font-weight:bold}.topic_intro .intro_list .intro_item .intro_text{color:#fff;white-space:nowrap}.btn{text-align:center;font-size:20px;font-weight:bold;display:block;margin:0 auto;color:#fff;border-radius:10px;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);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 0.3s linear;transition:all 0.3s linear}.btn:hover{opacity:0.8}}@media (max-width: 768px){.btn{font-size:0.24rem;border-radius:0.08rem;background-image:-webkit-gradient(linear, left bottom, left top, from(#ff7a0b), to(#ff6000));background-image:linear-gradient(to top, #ff7a0b 0%, #ff6000 100%);width:3rem;height:0.6rem;margin-top:0.3rem;margin-bottom:0.5rem}}.prize_list{margin-top:30px}@media (max-width: 768px){.prize_list{margin-top:0.3rem}}.previous_prize_list{margin-top:30px}@media (max-width: 768px){.previous_prize_list{width:6.8rem;margin:0 auto;margin-top:0.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:0.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:bold;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}@media (max-width: 768px){.previous_prize_list .list_tab .tab_item{font-size:0.28rem}}.previous_prize_list .list_tab .cur_bg{position:absolute;width:100%;height:48px;background:-webkit-gradient(linear, left top, left bottom, from(#ff7a0b), to(#ff6000));background:linear-gradient(#ff7a0b, #ff6000);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 6px 5px rgba(253,128,13,0.2);box-shadow:0 0 6px 5px rgba(253,128,13,0.2)}@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:0.2rem}}.previous_prize_list .previous_swiper .prize_img img{display:block;width:100%}/*# sourceMappingURL=invite.css.map */