@charset "utf-8";
/* CSS Document */

.line_hui{float:left; width:100%; background:#f2f2f2; border-bottom:#e8e8e8 1px solid; border-top:#e8e8e8 1px solid; height:.18rem;}
.line_hui2{float:left; width:100%; background:#eceff6; border-bottom:#e4e6ec 1px solid; border-top:#e4e6ec 1px solid; height:.15rem;}
.box{width:94%; padding:0 3%;}

/* login */
.login_top{width:84%; padding:0 8%;}
.login_top span{display: block; width:100%; font-size:.6rem; color:#333; padding:.8rem 0 .2rem 0;}
.login_top small{display: block; width:100%; font-size:.3rem; color:#888;}
.login_top h2{display: inline-block; width: 100%; text-align: center; font-size:.46rem; color:#333; padding:.8rem 0 .2rem 0;}
.login_srk_box{width:100%; border-bottom:#eceff6 1px solid;  padding:.24rem 0; position:relative;}
.login_srk1{width:100%; border:none; font-size:.26rem; padding:0.18rem 0; color:#666;}
.login_btn{width:100%; margin:1.1rem 0 0 0;}
.login_btn a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.26rem;}
.register_btn{width:100%; padding:.5rem 0 0 0;}
.register_btn a{display:block; width:100%; text-align:center; font-size:.28rem; color:#666; text-decoration:underline;}
.register_btn a:hover{color:#0197da;}
.login_ts{width:100%; text-align:center; font-size:.24rem; color:#aaaaaa; bottom:.5rem; position:absolute;}

.hqyzm{position:absolute; top:.38rem; z-index:999; right:1%; font-size:.2rem; color:#0197da; border:#0197da 1px solid; text-decoration:none; padding:.05rem .15rem;}
.register_btn small{display: inline-block; width: 100%; text-align: center; font-size:.24rem; color:#aaa;}


/* wechat */
.wechat_box{width:100%;}
.wechat_bgimg{width:100%; position:relative; z-index:90;}
.wechat_main{position:absolute; top:1.35rem; z-index:99; width:5rem; background:#FFF; padding:.5rem 0; left:50%;  transform:translateX(-50%); box-shadow: 0 4px 10px rgba(192,196,198,0.13);}
.wechat_main h2{display: block; width:100%; text-align:center; font-size:.3rem; color:#333; padding:0 0 .5rem 0;}
.wechat_main span{width:1.2rem; display:block; margin:0 auto;}
.wechat_main small{display:block; width:100%; text-align:center; font-size:.26rem; color:#333; padding:.2rem 0 0 0;}
.wechat_btn{width:74%; padding:.8rem 13% .2rem 13%;}
.wechat_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.28rem;}

/* register_success */
.register_success_img{width:56%; padding:1.5rem 22% 0 22%;}
.register_success_title{width:84%; padding:.2rem 8% 0 8%; font-size:.32rem; color:#333; text-align:center;}
.register_success_btn_box{width:84%; padding:1.2rem 8% 0 8%;}
.register_success_btn_box h1{display: block; width:100%; font-size:.26rem; color:#666; text-align:center;}
.register_success_btn{width:100%;  margin:.4rem 0 0 0;}
.register_success_btn a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.28rem;}
.register_success_btn span{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.3rem; background:#999; color: #f3f3f3;}
.register_success_foot{width:84%; padding:0 8% 0 8%; text-align:center; bottom:.5rem; position:absolute;}
.register_success_foot a{font-size:.26rem; color:#999; text-decoration:underline;}
.register_success_foot a:hover{color:#11b4ee; text-decoration:underline;}

/* pc yulan */
.wechat_pc_box{width:100%; position:relative;}
.wechat_pc_zi{position:absolute; top:.1rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.wechat_pc_zi_btn{width:70%; padding:.3rem 15% .2rem 15%; float:left;}
.wechat_pc_zi_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.26rem;}
.wechat_pc_zi span{float:left; width:100%; text-align:center; font-size:.24rem; color:#333; line-height:.44rem; padding:20px 0 0 0;}
.wechat_pc_zi span a{font-size:.24rem; color:#328edc; text-decoration:underline;}


/* survey kong */
.survey_kong_box{width:100%; position:relative; background:#fff;}
.survey_kong_zi{position:absolute; top:.2rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.survey_kong_zi h1{display: block; width:100%; text-align:center; font-size:.4rem; color:#333; padding:.3rem 0 .2rem 0;}
.survey_kong_zi h2{display: block; width:100%; text-align:center; font-size:.26rem; color:#555;}
.survey_kong_zi h3{display: block; width:90%; padding:0 5% .15rem 5%;  font-size:.3rem; color:#444;}
.survey_kong_zi h4{display: block; width:90%; padding:0 5% .4rem 5%;  font-size:.24rem; color:#666; line-height:.4rem;}

.survey_kong_zi_btn{width:90%; padding:0 5% .5rem 5%; background:#fff;}
.survey_kong_zi_btn a{width:100%; display:block; text-align:center; padding:.19rem 0; font-size:.24rem; border-radius: 60px;}

/* game */
.game_zi{position:absolute; top:.2rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.game_zi h1{float:left; width:100%; text-align:center; font-size:.42rem; color:#333; padding:.3rem 0 .15rem 0;}
.game_zi h1 span{font-size:.42rem; color:#FE8A34;}
.game_zi h2{float:left; width:100%; text-align:center; font-size:.26rem; color:#666; line-height:.44rem;}

.game_ewm{position:absolute; top:6.8rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.game_ewm i{display:block; width:2.4rem; margin:0 auto;}
.game_ewm span{display:block; width:100%; text-align:center; font-size:.24rem; color:#666; padding:.2rem 0 .35rem 0;}
.game_ewm span small{font-size:.24rem; color:#ff472e;}


/* kong */
.kong_box{width:90%; padding:.8rem 5% .8rem 5%; text-align:center;}
.kong_box img{width:2.4rem;}
.kong_box span{display:block; width:100%; font-size:.24rem; color:#999; text-align:center; padding:.4rem 0 0 0;}
.kong_zi{width:100%;}
.kong_zi h1{display:block; width:100%; font-size:.28rem; color:#555; text-align:left; font-weight:bold;}
.kong_zi h2{display:block; width:100%; font-size:.26rem; color:#777; text-align:left; padding:.1rem 0 .25rem 0;}
.kong_zi h3{display:block; width:100%; font-size:.26rem; color:#666; text-align:left; padding:0 0 .1rem 0;}
.kong_zi h4{display:block; width:100%; font-size:.24rem; color:#888; text-align:left; line-height:.44rem;}





/* mine */
.mine_topbox{width: 94%; padding: .5rem 3% 0 3%;}

.home_ziliao{ display: flex; align-items: center; width: 100%;}
.home_tx{width: 1.2rem; height: 1.2rem; flex-shrink: 0;}
.home_tx img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 1px solid #fff;}
.home_namebox{display: flex; flex-wrap: wrap; padding: 0 0 0 .2rem; flex-shrink: 0;}
.home_namebox span{width: 100%; font-size: .23rem; color: #333;}
.home_name{display: flex; align-items: center; padding: 0 0 .1rem 0; }
.home_name small{width: 100%; font-size: .28rem; color: #222; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right: .1rem;}
.home_name i{height: .3rem;}
.home_name i img{height: 100%;}


.mine_jfbox{width: 94%; background: #fff; box-shadow: 0px 5px 8px rgba(226,226,226,0.16);border-radius: 8px; border: 1px solid #ecf0f3; margin: .3rem auto 0 auto; padding: .25rem 3%; box-sizing: border-box;}
.mine_jf{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; box-sizing: border-box;}
.mine_jf .list{display: flex; flex-direction: column; align-items: center;}
.mine_jf .list span{font-size: .3rem; color: #222; font-family: Din; font-weight: 500; padding: 0 0 .05rem 0;}
.mine_jf .list small{font-size: .22rem; color: #666; display: flex; align-items: center;}
.mine_jf .list small i{width: .12rem; margin-left: .05rem;}
.mine_jf .list small i img{width: 100%;}

.mine_jf_tip{width: 100%; display: flex; align-items: center; justify-content: space-between; background: #FFF7F5; border-radius: 8px; padding: .15rem .1rem; box-sizing: border-box; position: relative; margin-top: .2rem;}
.mine_jf_tip:after{content: ""; position: absolute; top: -8px; left: 25px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF7F5;}

.mine_jf_tip i{flex-shrink: 0; width: .3rem; margin-right: .1rem;}
.mine_jf_tip span{flex: 1; min-width: 0; font-size: .22rem; color: #333;}
.mine_jf_tip span em{display: inline-block; font-size: .22rem; color: #FB5652; padding: 0 .05rem;}
.mine_jf_tip small{flex-shrink: 0; font-size: .2rem; color: #FB5652; background: #fff; border-radius: 60px; padding: .05rem .15rem;}


.mine_nav_box{width: 82%; background: #fff; box-shadow: 0px 5px 8px rgba(226,226,226,0.16);border-radius: 8px; border: 1px solid #ecf0f3; margin: .2rem auto; padding: .15rem 6%;}

.mine_list_box{width:100%; padding:.35rem 0; display: flex; align-items: center; justify-content: space-between;}

.mine_list_nr{display: flex; align-items: center;}
.mine_list_nr i{width: .34rem;}
.mine_list_nr i img{width: 100%;}
.mine_list_nr span{font-size:.24rem; color:#333; padding: 0 0 0 .15rem; font-weight: 500;}
.mine_list_jt{display: flex; align-items: center;}
.mine_list_jt small{font-size: .22rem; color: #666; padding-right: .1rem;}
.mine_list_jt a{font-size: .2rem; color: #999; border-radius: 4px; border: #ccc 1px solid; padding: .01rem .08rem; margin-right: .15rem;}
.mine_list_jt i{width: .16rem;}
.mine_list_jt i img{width: 100%;}

.mine_foot{width: 100%; text-align: center; font-size: .2rem; color: #D6D6D6; line-height: 1.6; padding: .2rem 0 0 0;}


/* setinfomation */
.setinfomation_box{width:90%; padding:0 5%;}
.setinfomation_list{width:90%; padding:.4rem 5%; display: flex;}
.setinfomation_list label{width:100%; display: flex; justify-content: space-between; align-items: center;}
.setinfomation_list span{font-size:.25rem; color:#222;}
.setinfomation_list span em{font-size:.25rem; color:#ff472e; padding: 0 .05rem 0 0;}
.setinfomation_list small{font-size:.25rem; color:#999;}


select{direction:rtl;}
option{direction:ltr;}
.setinfomation_input{border:#fff 1px solid; color:#666; font-size:.22rem; padding:.1rem 0; text-align:right; box-sizing:border-box; background:#fff; -webkit-appearance: none;}
.setinfomation_select{border:#fff 1px solid; color:#666; font-size:.22rem; padding:.1rem 0 .1rem .8rem; text-align:right; box-sizing:border-box; background:#fff;    -webkit-appearance: none;}

.touxiang{position: relative; justify-content: center; width: 1.6rem;    margin: .3rem auto 0 auto;}
.touxiang i{width: 1.6rem; height: 1.6rem;}
.touxiang i img{width: 100%; height: 100%;     object-fit: cover;}
.touxiang p{position: absolute; bottom: .4rem; right: .3rem; background: #11B4EE; border-radius: 50%; height: .48rem; width: .48rem; display: flex; justify-content: center; align-items: center;}
.touxiang p img{width: .28rem;}

.set_btn{width: 80%; padding: .3rem 10% 0 10%; position: fixed; bottom: 1rem;}
.set_btn a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.24rem;}

.set_btn2{width: 80%; padding: .3rem 10% 0 10%; margin: .1rem 0 .8rem 0;}
.set_btn2 a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.24rem;}

.basic_box{padding: .2rem 5%;}
.basic_box .setinfomation_list{padding: .2rem 5%; border-bottom: #f3f3f3 1px solid;}


/* survey */
.survey_topbox{width: 100%; background: linear-gradient(180deg, #bfe5fc, #d8f0fd 50.71%, #e5f2fa); position: sticky; top: 0; z-index: 1;}
.survey_topbox .top_pic{position: absolute; top: 0; right: 2rem; opacity: .2; z-index: 1; width: 1.6rem;}
.survey_topbox .top_pic img{width: 100%;}
.survey_topbox .top_title{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: .2rem 5% .3rem 5%; box-sizing: border-box; position: relative; z-index: 2;}
.survey_topbox .top_title span{font-size: .34rem; color: #222;}
.survey_topbox .top_title .rightzi{background: #E9F1FD;border-radius: 60px 60px 60px 60px;border: 1px solid #BED6FB;opacity: 0.8; display: flex; align-items: center; font-size: .2rem; color: #333; padding: .06rem .2rem;}
.survey_topbox .top_title .rightzi i{width: .2rem; flex-shrink: 0; margin-right: .1rem;}
.survey_topbox .top_title .rightzi i img{width: 100%;}

.survey_topbox .top_nav{width: 100%; background: #F6F8FB; height: .9rem; display: flex; align-items: center; justify-content: center; border-radius: 20px 20px 0 0; position: relative; z-index: 1;}
.survey_topbox .top_nav .nav_tabbgright{position: absolute; left: 0; background: #fff; width: 50%; height: 1rem; top: -.1rem; z-index: -1; border-radius: 16px 0 0 0;}
.survey_topbox .top_nav .nav_tabbgright .bgpic_right{position: absolute; top: 0px; height: 100%; width: 46px; overflow: hidden; pointer-events: none; right: -46px;}
.survey_topbox .top_nav .nav_tabbgright .bgpic_right img{width: 100%;}

.survey_topbox .top_nav .nav_tabbgleft{position: absolute; right: 0; background: #fff; width: 50%; height: 1rem; top: -.1rem; z-index: -1; border-radius: 0 16px 0 0 ;}
.survey_topbox .top_nav .nav_tabbgleft .bgpic_left{position: absolute; top: 0px; height: 100%; width: 46px; overflow: hidden; pointer-events: none; left: -46px;}
.survey_topbox .top_nav .nav_tabbgleft .bgpic_left img{width: 100%;}

.survey_topbox .top_nav .nav{width: 50%; display: flex; align-items: center; justify-content: center;}
.survey_topbox .top_nav .nav a{font-size: .28rem; color: #333; position: relative; padding: .2rem .3rem;}
.survey_topbox .top_nav .nav .hover{font-weight: 500; font-size: .3rem; color: #222;}
.survey_topbox .top_nav .nav .hover:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 5px;
    background: linear-gradient( 90deg, #2090FF 0%, #F1F8FF 100%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    bottom: 7px;    
    width: 40%
}

.survey_topbox .top_nav .nav a span{display: inline-block; position: absolute; background: #FF5959; top: 0; right:-.2rem; border-radius: 60px 60px 60px 5px; font-size: .18rem; color: #fff; padding: 0 .05rem;}
.survey_topbox .top_nav .nav a em{display: inline-block; position: absolute; width: 8px; height: 8px; background: #FF5959; top: .1rem; right:.1rem; border-radius: 50%;}


.survey_jiansuobox{width: 100%; background: linear-gradient( 180deg, #FFFFFF 0%, #F3F5F7 100%); display: flex; align-items: center; justify-content: space-between; padding: .2rem 3% .2rem 3%; box-sizing: border-box;}
.survey_jiansuobox .jiansuo{flex: 1; background: #F6F6F6; border-radius: 4px; padding: .1rem; display: flex; align-items: center; gap:.16rem;}
.survey_jiansuobox .jiansuo a{font-size: .2rem; color: #999;}
.survey_jiansuobox .jiansuo .hover{font-size: .2rem; color: #222; background: #fff; border-radius: 4px; padding: .05rem;}

.survey_jiansuobox .atcker{width: auto; height: 30px; display: flex; align-items: center; background: #f3f3f3; border-radius: 4px; padding: 3px; flex-shrink: 0; margin-left: .1rem;}
.survey_jiansuobox .atcker span{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity:.5;}
.survey_jiansuobox .atcker .hover{background: #fff; border-radius: 4px; opacity:1;}




.survey_box{width: 100%; padding: .2rem 3%; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; gap:.2rem 0;}
.survey_list{width: 48%; background: #FFFFFF; border: 1px solid #E3E8EC; border-radius: 8px; box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, .06); cursor: pointer;}

.survey_pic{width: 100%; height: 100px; display: flex; position: relative;}
.survey_pic .pic{width: 100%; height: 100px; overflow: hidden;     border-radius: 10px;}
.survey_pic .pic img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: transform .3s ease 0s; object-fit: cover;}
.survey_pic .biao{position: absolute; top: 5px; left: 5px; padding: .04rem .08rem; background-color: rgba(0, 0, 0, .5); border-radius:20px;}
.survey_pic .biao img{width: .3rem;}

.survey_zi{width: 100%; box-sizing: border-box; padding: .15rem .1rem .15rem .15rem; display: flex; flex-direction: column;}

.survey_zi .time{display: flex; align-items: center; font-size:.22rem; color:#666; padding: 0 0 .1rem 0;}
.survey_zi .time i{width: .3rem;  flex-shrink: 0;}
.survey_zi .time img{width: 100%;}
.survey_zi .time span{font-size:.22rem; color:#666; margin: .05rem  0 0 .05rem;}

.survey_zi .survey_jf{width: 100%; display: flex; align-items: baseline; padding: 0 0 .1rem 0;}
.survey_zi .survey_jf b{font-size:.36rem; color:#ff472e; font-weight: 500; font-family: Din;}
.survey_zi .survey_jf em{font-size:.24rem; color: #FB5652; margin-left: .02rem;}

.survey_zi .nob{width: 100%; font-size: .2rem; color: #666;}
.survey_zi .zinr{width: 100%; font-size: .26rem; color: #222; padding: 0 0 .05rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1.3;}

.survey_zi .lingj_btn{width: 100%; display: flex;}
.survey_zi .lingj_btn a{width: 100%; font-size: .22rem; color: #fff; border-radius: 8px; text-align: center; padding: .12rem 0; margin-top: .1rem;}

.survey_tablelist{width: 100%; display: flex; flex-direction: column; padding: .1rem 3%; box-sizing: border-box;}
.survey_tablelist .tb_head{ width: 100%; display: flex; align-items: center; border-bottom: #ECECF0 1px solid; }
.survey_tablelist .tb_head span{color: #666;  padding: .13rem 0;-webkit-box-sizing: border-box; box-sizing: border-box;}
.survey_tablelist .tb_head .name{width: auto; flex: 1; min-width: 0;}
.survey_tablelist .tb_head .jifen{width: 22%; flex-shrink: 0;}
.survey_tablelist .tb_head .time{width: 18%; flex-shrink: 0;}
.survey_tablelist .tb_head .operate{width: 18px; flex-shrink: 0;}

.survey_tablelist .item_list{width: 100%; display: flex; align-items: center;  border-bottom: #ECECF0 1px solid; padding: .2rem 0;}
.survey_tablelist .item_list .name{width: auto; flex: 1; min-width: 0; display: flex; flex-direction: column;}
.survey_tablelist .item_list .name .zinr{width: 100%; display: flex; align-items: center;}
.survey_tablelist .item_list .name  .zinr i{width: .28rem; flex-shrink: 0;}
.survey_tablelist .item_list .name  .zinr i img{width: 100%;}
.survey_tablelist .item_list .name  .zinr span{font-size: .24rem; color: #333; margin-right: .05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.survey_tablelist .item_list .name .nob{font-size: .2rem; color: #666; padding:.05rem 0 0 0;}

.survey_tablelist .item_list .jifen{width: 22%; padding: 0 0 0 .3rem; flex-shrink: 0; display: flex; align-items: baseline;}
.survey_tablelist .item_list .jifen>b{font-size:.32rem; color:#ff472e;     font-weight: 500;  font-family: Din;}
.survey_tablelist .item_list .jifen>em{font-size:.22rem; color: #FB5652; margin-left: .02rem;}

.survey_tablelist .item_list .time{width: 18%; flex-shrink: 0; font-size:.22rem; color:#666; display: flex; align-items: center;}

.survey_tablelist .item_list .operate{width: 18px; height: 18px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: #fff; border:#999 1px solid; border-radius: 50%;}
.survey_tablelist .item_list .operate img{width: 6px;}



@keyframes enter-project-animation-c56c9ed0 {
    0% {
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.survey_tablelist .item_list:nth-child(-n+30) {animation: enter-project-animation-c56c9ed0 .4s linear; animation-fill-mode: forwards; opacity: 0;}
.survey_tablelist .item_list:nth-child(0) {
    animation-delay: 0s
}
.survey_tablelist .item_list:first-child {
    animation-delay: 20ms
}
.survey_tablelist .item_list:nth-child(2) {
    animation-delay: 40ms
}
.survey_tablelist .item_list:nth-child(3) {
    animation-delay: 60ms
}
.survey_tablelist .item_list:nth-child(4) {
    animation-delay: 80ms;
}
.survey_tablelist .item_list:nth-child(5) {
    animation-delay: .1s
}
.survey_tablelist .item_list:nth-child(6) {
    animation-delay: .12s
}
.survey_tablelist .item_list:nth-child(7) {
    animation-delay: .14s
}
.survey_tablelist .item_list:nth-child(8) {
    animation-delay: .16s
}
.survey_tablelist .item_list:nth-child(9) {
    animation-delay: .18s
}
.survey_tablelist .item_list:nth-child(10) {
    animation-delay: .2s
}
.survey_tablelist .item_list:nth-child(11) {
    animation-delay: .22s
}
.survey_tablelist .item_list:nth-child(12) {
    animation-delay: .24s
}
.survey_tablelist .item_list:nth-child(13) {
    animation-delay: .26s
}
.survey_tablelist .item_list:nth-child(14) {
    animation-delay: .28s
}
.survey_tablelist .item_list:nth-child(15) {
    animation-delay: .3s
}
.survey_tablelist .item_list:nth-child(16) {
    animation-delay: .32s
}
.survey_tablelist .item_list:nth-child(17) {
    animation-delay: .34s
}
.survey_tablelist .item_list:nth-child(18) {
    animation-delay: .36s
}
.survey_tablelist .item_list:nth-child(19) {
    animation-delay: .38s
}
.survey_tablelist .item_list:nth-child(20) {
    animation-delay: .4s
}
.survey_tablelist .item_list:nth-child(21) {
    animation-delay: .42s
}
.survey_tablelist .item_list:nth-child(22) {
    animation-delay: .44s
}
.survey_tablelist .item_list:nth-child(23) {
    animation-delay: .46s
}
.survey_tablelist .item_list:nth-child(24) {
    animation-delay: .48s
}
.survey_tablelist .item_list:nth-child(25) {
    animation-delay: .5s
}
.survey_tablelist .item_list:nth-child(26) {
    animation-delay: .52s
}
.survey_tablelist .item_list:nth-child(27) {
    animation-delay: .54s
}
.survey_tablelist .item_list:nth-child(28) {
    animation-delay: .56s
}
.survey_tablelist .item_list:nth-child(29) {
    animation-delay: .58s
}
.survey_tablelist .item_list:nth-child(30) {
    animation-delay: .6s
}

@keyframes enter-project-animation-c56c9ed1 {
    0% {
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.survey_box .survey_list:nth-child(-n+30) {animation: enter-project-animation-c56c9ed1 .4s linear; animation-fill-mode: forwards; opacity: 0;}
.survey_box .survey_list:nth-child(0) {
    animation-delay: 0s
}
.survey_box .survey_list:first-child {
    animation-delay: 20ms
}
.survey_box .survey_list:nth-child(2) {
    animation-delay: 40ms
}
.survey_box .survey_list:nth-child(3) {
    animation-delay: 60ms
}
.survey_box .survey_list:nth-child(4) {
    animation-delay: 80ms;
}
.survey_box .survey_list:nth-child(5) {
    animation-delay: .1s
}
.survey_box .survey_list:nth-child(6) {
    animation-delay: .12s
}
.survey_box .survey_list:nth-child(7) {
    animation-delay: .14s
}
.survey_box .survey_list:nth-child(8) {
    animation-delay: .16s
}
.survey_box .survey_list:nth-child(9) {
    animation-delay: .18s
}
.survey_box .survey_list:nth-child(10) {
    animation-delay: .2s
}
.survey_box .survey_list:nth-child(11) {
    animation-delay: .22s
}
.survey_box .survey_list:nth-child(12) {
    animation-delay: .24s
}
.survey_box .survey_list:nth-child(13) {
    animation-delay: .26s
}
.survey_box .survey_list:nth-child(14) {
    animation-delay: .28s
}
.survey_box .survey_list:nth-child(15) {
    animation-delay: .3s
}
.survey_box .survey_list:nth-child(16) {
    animation-delay: .32s
}
.survey_box .survey_list:nth-child(17) {
    animation-delay: .34s
}
.survey_box .survey_list:nth-child(18) {
    animation-delay: .36s
}
.survey_box .survey_list:nth-child(19) {
    animation-delay: .38s
}
.survey_box .survey_list:nth-child(20) {
    animation-delay: .4s
}
.survey_box .survey_list:nth-child(21) {
    animation-delay: .42s
}
.survey_box .survey_list:nth-child(22) {
    animation-delay: .44s
}
.survey_box .survey_list:nth-child(23) {
    animation-delay: .46s
}
.survey_box .survey_list:nth-child(24) {
    animation-delay: .48s
}
.survey_box .survey_list:nth-child(25) {
    animation-delay: .5s
}
.survey_box .survey_list:nth-child(26) {
    animation-delay: .52s
}
.survey_box .survey_list:nth-child(27) {
    animation-delay: .54s
}
.survey_box .survey_list:nth-child(28) {
    animation-delay: .56s
}
.survey_box .survey_list:nth-child(29) {
    animation-delay: .58s
}
.survey_box .survey_list:nth-child(30) {
    animation-delay: .6s
}




/*points_activity*/
.points_activity_box{width: calc(100% - 6%); background: linear-gradient( 180deg, #f2f8ff 0%, #fff 100%); border: 1px solid #E4EDF8; border-radius: 8px; box-sizing: border-box; margin: 0 3%;}
.points_activity{width: 100%; border: 2px solid #fff; border-radius: 8px; box-sizing: border-box; padding: 0 0 .2rem 0;}
.points_activity_title{width: 100%; box-sizing: border-box; padding: .15rem .15rem .05rem .15rem; display: flex; align-items: center;}

.points_activity_title .zi1{display: flex; flex-direction: column; flex: 1; min-width: 0;}
.points_activity_title .zi1 span{font-size: .3rem; color: #222; font-weight: 500;}
.points_activity_title .zi1 small{font-size: 14px; color: #666; padding: 4px 0 0 0;}
.points_activity_title .zi1 small em{font-size: 16px; color: #ff472e; font-family: Din !important;}

.points_activity_title .zi2{flex-shrink: 0; background: #F5FAFF; border-radius: 60px; border: #E4EDF8 1px solid; padding: .05rem .08rem; font-size: .2rem; color: #999; display: flex; align-items: center; cursor: pointer;}
.points_activity_title .zi2 i{width: 14px; margin: 0 .03rem 0 0;}
.points_activity_title .zi2 i img{width: 100%;}
.points_activity_title .zi2:hover{background: #fff;}

.jftime_box{width: 100%; display: flex; align-items: center; justify-content: space-between;}

.points_activity_jf{display: flex; align-items: baseline; padding: .05rem .15rem .1rem .15rem;  box-sizing: border-box; flex: 1;}
.points_activity_jf span{font-size: .24rem; color: #555;;}
.points_activity_jf small{font-size: .2rem; color: #FB5652; padding: 0 0 0 .02rem;}
.points_activity_jf em{font-size: .28rem; color: #ff472e; font-family: Din !important;}

.points_activity_time{display: flex; align-items: center; gap:.08rem; padding: 0 .15rem;  box-sizing: border-box; flex-shrink: 0;}
.points_activity_time span{background: #E8EFF5; border-radius: 2px; font-size: .2rem; color: #333; padding: .03rem;}
.points_activity_time small{font-size: .2rem; color: #333;}



.progress_box{width: 100%; padding: 35px .15rem 20px .15rem; box-sizing: border-box; position: relative;}

.progress_container{width: 100%; height: 8px; background-color: #eaeaea; border-radius: 10px; position: relative;}
.progress_bar{height: 100%; background: linear-gradient(to right, #DAD5FF, #0F92FD); border-radius: 10px; width: 37px; position: relative; display: flex; align-items: center; justify-content: end;}
.progress_text {color: #fff; font-size: .2rem; transform: scale(0.83); display: inline-block; position: absolute; right: -10px; top: -30px; background:#339efe; border-radius: 10px; padding: 3px 6px;}
.progress_text:after{content: ""; position: absolute; bottom: -5px; right: 10px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #339efe;}
.progress_tips{background-color: #fff9e8;  border-radius: 6px; border:#f6f0de 1px solid; padding: .1rem .1rem; font-size: .2rem; color: #333; display: inline-block;  position: relative; width: calc(100% - .3rem); margin: .1rem .15rem 0 .15rem; box-sizing: border-box; line-height: 1.4;}
.progress_tips em{font-size: .2rem; color: #ff472e; font-weight: bold;}



.progress_iconbox{ position: absolute; right: 0px; top: 25px; width: 100%; display: flex;}

.progress_iconbox1{justify-content: flex-end;}
.progress_iconbox2{justify-content: space-between;}

.progress_iconlist1{display: flex; flex-direction: column; align-items: center;}
.progress_iconlist1 .icon{width: 24px; height: 27px;  background: url(../images/survey/suo1.png) repeat-x; background-size: 100%;}
.progress_iconlist1 .text{font-size: .2rem; color: #ccc; border-radius: 60px; border: #ccc 1px solid; padding: .02rem .06rem 0 .06rem; transform: scale(0.83);}

.progress_iconlist2{display: flex; flex-direction: column; align-items: center; cursor: pointer;}
.progress_iconlist2 .icon{width: 24px; height: 27px;  background: url(../images/survey/suo2.png) repeat-x; background-size: 100%; animation: zoomInOut 2s ease-in-out infinite;}
.progress_iconlist2 .text{font-size: .2rem; color: #FB5652; border-radius: 60px; border: #FB5652 1px solid; padding: .02rem .06rem 0 .06rem; transform: scale(0.83);}
.progress_iconlist2:hover .text{background: #FB5652; color: #fff;}

@keyframes zoomInOut {
  0% {
    transform: scale(1);   /* 初始状态：原始大小 */
  }
  50% {
    transform: scale(1.2); /* 动画中间：放大到 1.1 倍 */
  }
  100% {
    transform: scale(1);   /* 结束状态：恢复原始大小 */
  }
}

.progress_iconlist3{display: flex; flex-direction: column; align-items: center;}
.progress_iconlist3 .icon{width: 24px; height: 27px;  background: url(../images/survey/suo3.png) repeat-x; background-size: 100%;}
.progress_iconlist3 .text{font-size: .2rem; color: #FB5652; border-radius: 60px; border: #FB5652 1px solid; padding: .02rem .06rem 0 .06rem; transform: scale(0.83); opacity: .4;}



/*tan*/
.tan_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.7); z-index:990; top: 0; left: 0;}
.tan_mainbox{top:0; left:50%; margin-left: -40%; width:80%; padding:.3rem 0 0 0; background: #fff; position: fixed; z-index: 999; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.tan_close{width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px; z-index: 33;}
.tan_close:hover{background: #F7F9FD; border-radius: 50%;}

.tan_close2{width: .5rem; height: .5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -1rem; left: 50%; z-index: 33; margin-left: -.25rem; border: #fff 1px solid; border-radius: 50%;}
.tan_close2:hover{border: #16ADFD 1px solid; background: #16ADFD; border-radius: 50%;}
.tan_close2 img{width: .2rem;}


.tan_mainbox_padding0{padding: 0;}

.tan_title{width: 100%; display: flex; justify-content: space-between;     align-items: center; border-bottom: 1px solid #eee; height: 60px; line-height: 60px; padding: 0 10px 0 30px; box-sizing: border-box;}
.tan_title span{font-size: 16px; color: #222; font-weight: 500;}
.tan_title i{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.tan_title i:hover{background: #eee; border-radius: 50%;}



.tanmain_box{width: 80%; margin-left: -40%; position: fixed; z-index: 99999; top: 0; left: 50%; background:#fff;  border-radius: 8px; padding: .3rem; box-sizing: border-box;}
.tan_quanbox{background: url(../images/tan/bg.png) no-repeat #fff; background-size: 100%; }
.tan_quanmain{width: 100%; padding: .1rem 0 0 0; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center;}
.tan_quanmain .toppic{width: 90px; height: 103px;}
.tan_quanmain .toppic img{width: 100%;}
.tan_quanmain .title1{width: 100%; font-size: 22px; color: #222; font-weight: 500; line-height: 1.5; text-align: center; padding: 15px 0 5px 0;}
.tan_quanmain .title2{width: 100%; font-size: 28px; color: #222; font-weight: 500; line-height: 1.5; text-align: center; padding: 10px 0 10px 0;}
.tan_quanmain>.zi1{width: 100%; font-size: .26rem; color: #666; line-height: 1.7; text-align: center;}
.tan_quanmain>.zi1 em{font-size: .26rem; color: #ff472e; font-weight: 500;}

.tan_quanmain>.zi2{width: 100%; font-size: 15px; color: #666; line-height: 1.7; text-align: center;}

.tan_quan_btn{width: 100%; display: flex; justify-content: center; padding: .3rem 0 .1rem 0; flex-wrap: wrap;}
.tan_quan_btn .btn1{font-size: .26rem; padding: .2rem .7rem; border-radius: 60px;}
.tan_quan_btn small{width: 100%; font-size: .24rem; color: #999; text-align: center; padding: .2rem 0 0 0;}
.tan_quan_btn .btn2{width: 100%; padding: .2rem 0 0 0; text-align: center; }
.tan_quan_btn .btn2 a{font-size: .24rem; color: #999; }
.tan_quan_btn .btn2 a:hover{text-decoration: underline;}

.points_zibox{width: 100%; padding: .1rem 0 .2rem 0; box-sizing: border-box;}
.points_zibox .zi1{width: 100%;  box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.points_zibox .zi1 span{font-size: .44rem; color: #222; font-weight: 500; position: relative;}
.points_zibox .zi2{width: 100%; padding: .1rem 0 0 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.points_zibox .zi2 span{font-size: .4rem; color: #FB5652; font-weight: 500; position: relative;}
.points_zibox .zi2 span:after{
    content: "";
    position: absolute;
    width: 24px;
    height: 6px;
    background: #F5D7CB;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 60px;
    z-index: -1;
    bottom: -2px;    
    width: 80%
}




.points_activity_tan{width: 80%; margin-left: -40%; background: linear-gradient( 178deg, #DBEDFF 0%, #FFFFFF 60%); border: 2px solid #FFFFFF; border-radius: 20px; padding: .2rem; box-sizing: border-box;}
.point_tan_box1{width: 100%; border: 1px solid #C5DEF9; border-radius: 20px; box-sizing: border-box;}
.point_tan_box2{width: 100%; border: 1px solid #fff; border-radius: 20px;  box-sizing: border-box; position: relative;}
.point_tan_box2 .zi1{width: 100%; padding: .3rem .2rem 0 .2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.point_tan_box2 .zi1 span{font-size: .4rem; color: #222; font-weight: 500; position: relative;}
.point_tan_box2 .zi1 span small{width: .4rem; position: absolute; top: -.06rem; left: -.5rem;}
.point_tan_box2 .zi1 span small img{width: 100%;}

.point_tan_box2 .zi2{width: 100%; padding: .1rem .2rem 0 .2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.point_tan_box2 .zi2 span{font-size: .42rem; color: #FB5652; font-weight: 500; position: relative;}
.point_tan_box2 .zi2 span:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    background: #F5D7CB;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 60px;
    z-index: -1;
    bottom: -2px;    
    width: 70%
}

.point_tan_box2 .zi3{width: 100%; padding: .5rem .2rem 0 .2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.point_tan_box2 .zi3 span{font-size: .3rem; color: #222;}
.point_tan_box2 .zi3 small{font-size: .24rem; color: #999; padding: .1rem 0 0 0;}
.point_tan_box2 .zi3 p{display: flex; align-items: baseline; background: url(../images/survey/tanzi_bg.png) repeat-x  0 .5rem;}
.point_tan_box2 .zi3 p>b{font-size:.9rem; color:#FB5652; font-family: Din;}
.point_tan_box2 .zi3 p>em{font-size:.32rem; color: #FB5652; margin-left: .02rem;}

.point_tan_btn{width: 100%; display: flex; justify-content: center; padding: .4rem 0;}
.point_tan_btn a{font-size: .26rem; padding: .2rem .7rem; border-radius: 60px;}

.point_tan_xianshi{width: 66px; height: 66px; background: url(../images/survey/xianshi.png) no-repeat; background-size: 100%; position: absolute; top: .9rem; right: .1rem;}
.point_tan_xianshi span{font-size: .26rem; color: #c86b46; font-weight: 500; transform: skewX(-15deg); text-shadow: 1px 1px 0 rgba(255,255,255,0.4); font-family: "SimHei", "Microsoft YaHei", sans-serif; display: inline-block; position: absolute; top: .4rem; left: .28rem;}


.points_activity_guize{ background: url(../images/survey/guize.png) no-repeat 0 -.2rem #fff; border-radius: 20px; background-size: 100%; padding: .12rem .1rem .08rem .2rem; box-sizing: border-box;}
.pointa_guize_title{width: 100%; display: flex; align-items: center; justify-content: center; padding: .1rem 0 .2rem 0;}
.pointa_guize_title span{font-size: .36rem; color: #222;}
.pointa_guize_nr{width: 100%; padding: 0 .3rem .3rem .3rem; box-sizing: border-box; max-height: 500px; overflow: auto;}
.pointa_guize_nr::-webkit-scrollbar { /*滚动条整体样式*/
  width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.pointa_guize_nr::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.pointa_guize_nr::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

.pointa_guize_nr .zi1{display: flex; align-items: center; font-size: .28rem; color: #222; padding: .15rem 0 0 0;}
.pointa_guize_nr .zi1 em{background: #15A6FD; width: .26rem; height: .26rem; display: flex; align-items: center; justify-content: center; font-size: .2rem; color: #fff; border-radius: 50%; margin-right: .05rem;}
.pointa_guize_nr .zi2{display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 0 0 0 .26rem; box-sizing: border-box;}
.pointa_guize_nr .zi2 span{font-size: .22rem; color: #555; line-height: 1.6; padding: .05rem 0 0 0; display: flex; align-items: center;}
.pointa_guize_nr .zi2 span em{flex-shrink: 0; width: 4px; height: 4px; border-radius: 50%; background: #15A6FD; margin: 0 .08rem 0 .05rem;}


/*callback*/
.callback_tan_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.6); z-index:998; top: 0; left: 0;}

.callback_mainbox{ width:100%;padding: 0 0 0 0; box-sizing: border-box; max-height: 100vh; overflow: auto; overflow-x: hidden;}
.callback_mainbox::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
.callback_mainbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #aaa;
}
.callback_mainbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.callback_main{width:100%; border-radius: 8px 8px 0 0;}

.callback_dui_bgbg{background: linear-gradient( 180deg, #EEF6FF 0%, #FFFFFF 25%);}
.callback_cuo_bgbg{background: linear-gradient( 180deg, #FFF3F1 0%, #FFFFFF 25%);}


.callback_content{width: 100%; position: relative; padding: .4rem 5% 0 5%; z-index: 2; box-sizing: border-box;}
.callback_close{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: .1rem; right: .1rem; z-index: 33;}
.callback_close:hover{background: #F7F9FD; border-radius: 50%;}

.callback_duipic{width: 100%; display: flex; justify-content: center;}
.callback_duipic img{width: 120px;}

.callback_cuopic{width: 100%; display: flex; justify-content: center;}
.callback_cuopic img{width: 120px;}

.callback_jf{width: 100%;  padding: .1rem .2rem 0 .2rem; box-sizing: border-box; display: flex; justify-content: center; align-items: baseline;}
.callback_jf span{font-size: .4rem; font-weight: 500; color: #222;}
.callback_jf small{font-size: .4rem;  color: #ff472e; font-family: Din !important; padding: 0 0 0 .05rem;}
.callback_jf em{font-size: .26rem; font-weight: 500; color: #ff472e; padding-left: .05rem;}

.callback_zi{width: 100%; padding: .15rem .2rem .15rem .2rem; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.callback_zi span{width: 100%; font-size: .3rem; color: #222; font-weight: 500;}
.callback_zi small{width: 100%; font-size: .24rem; color: #555; line-height: 1.5; text-align: center;}

.callback_btn{width: 100%; box-sizing: border-box; padding: .4rem 0; display: flex; align-items: center; justify-content: center; gap:.3rem;}
.callback_btn a{padding: 0 .5rem; height: 48px; line-height: 48px; display: flex; align-items: center; border-radius: 60px; font-size: .24rem; position: relative; box-sizing: border-box;}
.callback_btn a i{height: .3rem; margin-right: .08rem;}
.callback_btn a i img{height: 100%;}
.callback_btn .btn2{border: #717171 2px solid; color: #666;}
.callback_btn .btn2:hover{border: #666  2px solid;}
.callback_btn em{position: absolute; top: -10px; right: -15px; background: linear-gradient( 90deg, #FF0037 0%, #F301A4 100%); border-radius: 60px 60px 60px 5px; border: 1px solid #FFFFFF; font-size: 12px; color: #fff; height: 18px; line-height: 18px; padding: 0 6px;}

.callback_huaaa{width: 100%; position: absolute; z-index: 1; display: flex; justify-content: center;}
.confetti{width: 100%; height: 360px; display: block; margin: 0 auto; user-select: none; position: absolute; z-index: 1; top: -160px;}


.callback_hb{width: 100%; background: #fff; border-radius: 8px; padding: .1rem .2rem; box-sizing: border-box; position: relative; margin: .15rem 0 0 0; border: 1px solid #eee;}

.callback_hb .title{ font-size: .24rem; color: #222; border-bottom: #ECECF0 1px solid; padding: .1rem 0 .2rem 0; margin-bottom: .05rem;}
.callback_hb .list{width: 100%;  border-bottom: #ECECF0 1px solid; padding: .15rem 0; display: flex; align-items: center;}
.callback_hb .list:last-child {border-bottom:none;}

.callback_hb .list i{width: .54rem; flex-shrink: 0;}
.callback_hb .list i img{width: 100%;}
.callback_hb .list a{flex-shrink: 0; padding: .03rem .15rem; border-radius: 4px; background: #FD7C61; font-size: .22rem; color: #fff;}
.callback_hb .list a:hover{background: #ff472e;}
.callback_hb .list .list_nr{flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 0 .15rem 0 .2rem;}
.callback_hb .list .list_nr span{font-size: .26rem; color: #222;}
.callback_hb .list .list_nr small{font-size: .2rem; color: #999; padding: .03rem 0 0 0;}


.shensu_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.6); z-index:990; top: 0; left: 0;}
.shensu_tishi_mainbox{width:100%; padding:.3rem 0 0 0; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.shensu_tishi_box{width: 100%; padding: 0 5%; box-sizing: border-box;}
.shensu_title{width: 100%; text-align: center; font-size: .3rem; color: #333; padding: 0 0 .2rem 0; font-weight: 500;}


.shensu_xuanx{width: 100%; background: #fff; border: #E5E5E5 1px solid; border-radius: 4px; box-sizing: border-box; padding: .15rem .2rem; font-size: .24rem; color: #333; margin-bottom: .15rem;}
.shensu_xuanx label{cursor: pointer; display: flex;  align-items:center;}
.shensu_xuanx label i{width: 18px; margin: 0 .1rem; flex-shrink: 0;}
.shensu_xuanx label i img{width: 100%;}
.shensu_nr{width: 100%;}
.shensu_nr textarea{width: 100%; background: #fff; border: #E5E5E5 1px solid; border-radius: 4px; box-sizing: border-box; height: 1.4rem; line-height: 20px; padding: .06rem .12rem; font-size: .22rem; color: #666;}

.shensu_btn_box{width:100%; padding:.4rem 0; text-align:center;}
.shensu_btn1{display: inline-block; padding:0 1rem; font-size:.24rem; background: linear-gradient(90deg, #16ADFD 0%, #0F8FFD 100%);box-shadow: 0px 6px 20px #CBE6FF; color: #fff; border-radius: 8px; height: 48px; line-height: 48px;}
.shensu_btn1:hover{color:#fff; background: #0F8FFD;}

.shensu_btn2{display: inline-block; padding:0 1rem; font-size:.24rem; background: #e6e6e6; color: #fff; border-radius: 8px; height: 48px; line-height: 48px;}
.shensu_btn2:hover{color:#fff; background:#e6e6e6;}

.callback_points_activity{width: 100%; margin: .2rem 0 0 0;}



/* survey_share */
.survey_share_banner{width:100%;}
.survey_share_btn{position:absolute; right:.2rem; top:.3rem; z-index:9999;}
.survey_share_btn a{background-color: rgba(0,0,0,0.4); color:#fff; padding:.1rem .2rem; font-size:.24rem; border-radius: 60px;}
.survey_share_title{width:90%; padding:.3rem 5%; display: flex; flex-wrap: wrap;}
.survey_share_title span{font-size:.32rem; color:#f7604c;}
.survey_share_title small{font-size:.32rem; color:#333;}
.survey_share_title em{font-size:.26rem; color:#555; width:100%; padding:.1rem 0 0 0;}
.survey_share_logo{width:90%; padding:0 5%; display: flex; align-items: center; justify-content: space-between;}
.share_logo{display: flex; align-items: center;}
.share_logo i{width:.8rem;}
.share_logo small{float:left; font-size:.28rem; color:#333; line-height:.8rem; padding:0 0 0 .15rem;}
.survey_share_logo a{ background:#f7ad2e; font-size:.22rem; color:#fff; padding:.13rem .34rem; margin-top:.12rem; border-radius: 60px;}
.survey_share_logo span{float:right; background:#999; font-size:.22rem; color:#f3f3f3; padding:.13rem .34rem; margin-top:.12rem; border-radius: 60px;}

.survey_share_mbox{width:90%; padding:0 5%; display: flex;}
.survey_share_mbox>span{width: 100%; font-size:.3rem; color:#333;  text-align:center; padding:.3rem 0 .4rem 0;}

.survey_share_mainnr{width:100%; background:#ebeef5; border:#dbdcde 2px solid;  margin:.3rem 0; position: relative;  padding-bottom:.3rem; border-radius: 8px;}
.survey_share_mainnr>span{position:absolute; top:-.3rem; background:#f7ad2e; font-size:.3rem; color:#fff; font-weight:bold; display: flex; align-items: center; justify-content: center; width: .5rem; height: .5rem; text-align: center; left:50%;  transform:translateX(-50%); border-radius: 50%;}
.survey_share_mainnr h2{font-size:.28rem; color:#333; width:100%; text-align:center; padding:.4rem 0 .15rem 0;}
.survey_share_mainnr p{font-size:.24rem; color:#555; float:left; width:90%; padding:0 5%; line-height: 1.5;}
.survey_share_mainnr p b{color:#ff472e; font-weight:bold; font-size:.24rem;}
.survey_share_mainnr p small{display: flex; align-items: center; justify-content: center; padding: .2rem 0;}
.survey_share_mainnr p small i{width: 2rem;}
.survey_share_mainnr p small i img{width: 100%;}

.survey_share_mainnr h3{display: flex; align-items: baseline; justify-content: center; width:100%; padding:.08rem 0 0 0; font-size:.26rem; color:#333;}
.survey_share_mainnr h3 small{color:#ff472e; font-weight:bold; font-size:.3rem;}
.survey_share_mainnr h4{width:100%; padding:.15rem 0 .15rem 0; font-size:.26rem; color:#333; display: flex; align-items: center; justify-content: center;}
.survey_share_mainnr h4 em{color:#222;  font-size:.26rem;}
.survey_share_mainnr h5{ display: flex; align-items: center; justify-content: center; width:100%; font-size:.26rem; color:#333; text-align:center; padding:0 0 .2rem 0;}
.survey_share_mainnr h5 em{color:#222;  font-size:.26rem;}


.survey_share_footbtn{width: 100%; padding: .3rem 5% .5rem 5%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap:.3rem;}
.survey_share_footbtn a{padding:.18rem .6rem; font-size:.24rem; }
.survey_share_footbtn span{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.26rem; background:#999; color: #f3f3f3;}
.survey_can_btn{background:#f7ad2e; color:#fff;}

.survey_share_kuang{ max-width:640px; height:100%; position:fixed; z-index:9999; top:0; background:rgba(0,0,0,0.8);}



/* piints */
.points_topbox{width: 100%; padding: 0 3%; box-sizing: border-box; height: .7rem; line-height: .7rem; background: #fff; position: relative; text-align: center;}
.points_topbox .title{display: inline-block; font-size: .26rem; color: #333;}
.points_topbox .right_zi{position: absolute; top: 0; right: .2rem; display: flex; align-items: center; font-size: .22rem; color: #666;}
.points_topbox .right_zi i{width: 16px; margin: 0 .03rem 0 0;}
.points_topbox .right_zi i img{width: 100%;}
.points_topbox .right_zi:hover{color: #0F92FD;}

.xyjf_box{width: 94%; background: linear-gradient( 92deg, #0DA0FE 0%, #5A8EF3 100%); border-radius: 20px; margin: 0 3%;}
.xyjf_nr{width: 100%; padding: .3rem 0 .3rem .4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.xyjf_nr .zi{display:flex; flex-direction: column;}
.xyjf_nr .zi small{font-size: .22rem; color: #E1EBFF;}
.xyjf_nr .zi span{font-size: .36rem; color: #fff; font-weight: 500; font-family: Din;}
.xyjf_nr .btn{background: #69A7FF; border-radius: 60px 0px 0px 60px; padding: .1rem .1rem .1rem .2rem; font-size: .24rem; color: #fff;}
.xyjf_listbox{width: 100%; padding: 0 .2rem  .3rem .4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.xyjf_listbox .xyjf_list{display:flex; flex-direction: column;}
.xyjf_listbox .xyjf_list small{font-size: .2rem; color: #E1EBFF; font-style: normal; text-transform: none;}
.xyjf_listbox .xyjf_list span{font-size: .24rem; color: #fff; font-weight: 400; font-family: Din;}

.points_bangd{width: 100%; background-color: rgba(118, 163, 249, .5); border-radius: 0px 0px 20px 20px;display: flex; align-items: center; justify-content: space-between; padding: .15rem .3rem; box-sizing: border-box;}
.points_bangd .zi{font-size: .22rem; color: #DFEEFF;}

.points_bangd .btn{display: flex; align-items: center; font-size: .22rem; color: #DFEEFF;}
.points_bangd .btn i{width: 10px; margin: 0 0 0 .03rem; opacity: .8;}
.points_bangd .btn i img{width: 100%;}


.ljhd_box{width: 94%; margin: .2rem 3%; border: 1px solid #F7F6F9; background: #FFFFFF; border-radius: 20px; box-shadow: 0px 5px 8px 1px #F8F8F8;}
.ljhd_nr{width: 100%; background: #FFFFFF; box-shadow: 0px 5px 8px 1px #F8F8F8; border-radius: 20px; border: 1px solid #F1F1F2; display: flex; align-items: center; justify-content: space-between; padding: .24rem .3rem; box-sizing: border-box;}
.ljhd_nr .zi{display:flex; flex-direction: column;}
.ljhd_nr .zi small{font-size: .24rem; color: #666; display: flex; align-items: center;}
.ljhd_nr .zi small i{width: 16px; margin: 0 0 0 .03rem;}
.ljhd_nr .zi small i img{width: 100%;}
.ljhd_nr .zi span{font-size: .3rem; color: #222; font-weight: 500; font-family: Din;}

.dcjf_box{width: 100%; padding: 0 .2rem; box-sizing: border-box;}
.dcjf_list{width: 100%; display: flex; align-items: center; border-bottom: #F7F7F9 1px solid; padding: .3rem 0;}
.dcjf_list:last-child {border-bottom: none;}
.dcjf_list .pic{width: .4rem; flex-shrink: 0;}
.dcjf_list .pic img{width: 100%;}
.dcjf_list .zi{font-size: .24rem; color: #333; font-weight: 500; display: flex; align-items: center; flex: 1; min-width: 0; padding: 0 0 0 .1rem;}
.dcjf_list .zi i{width: 16px; margin: 0 0 0 .03rem;}
.dcjf_list .zi i img{width: 100%;}

.dcjf_list .points{font-size: .26rem; color: #333; font-weight: 500; font-family: Din; display: flex; align-items: center; flex-shrink: 0;}
.dcjf_list .points i{width: .1rem; margin: 0 0 0 .15rem;}
.dcjf_list .points i img{width: 100%;}

.dcjf_list .points>span{display: flex; align-items: baseline; gap:.3rem;}
.dcjf_list .points>span p{font-size: .2rem; color: #666;}
.dcjf_list .points>span em{font-size:.26rem; color: #333; font-family: Din; font-weight: 500;}
.dcjf_list .points>span>.hui{position: relative;}
.dcjf_list .points>span>.hui em{opacity: .4;}
.dcjf_list .points>span>.hui>small{position: absolute; top: -16px; right: -38px; background: #F0EFF0; font-size: .18rem; color: #999; border-radius: 60px 60px 60px 5px;  padding: 0 .05rem;     white-space: nowrap;}


.redeem_box{width: 94%; margin: 0 3%; background: #fff; border-radius: 16px;}
.redeem_nav_box{width: 100%; padding: .2rem 4% .05rem 4%; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; position: sticky; top: 0; z-index: 989; background: #fff; border-radius: 16px;}
.redeem_nav{display: flex; align-items: center;  position: relative; margin-right: .4rem;}
.redeem_nav a{font-size: .28rem; color: #666;  position: relative;}
.redeem_nav .redeem_nav_hover,.redeem_nav a:hover{font-weight: 500; color: #222;}
.redeem_nav .redeem_nav_hover:after,.redeem_nav a:hover:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    background: linear-gradient(90deg, #2090FF 0%, #F1F8FF 100%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    bottom: -3px;
    
    width: 62.5%
}

.redeem_nav_shaixuan{width: 100%; padding: .25rem 0 0 0; display: flex; align-items: center; flex-wrap: wrap; gap: .1rem;}
.redeem_nav_shaixuan span{background:#F7F7F7; font-size: .2rem; color: #999; padding: .08rem .16rem; border-radius: 60px;}
.redeem_nav_shaixuan .redeem_nav_shaixuan_hover,.redeem_nav_shaixuan span:hover{color: #0F92FD; background: #E4EFFE;}
.redeem_jfbox{width: 94%; padding: 0 3%;}
.redeem_jflist{width: 100%; border-bottom: #EDEDED 1px solid; padding: .25rem 0 .25rem 0;}
.redeem_jftxt1{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.redeem_jftxt1 span{font-size: .24rem; color: #222; line-height: 1.4;}
.redeem_jftxt1 small{font-size: .28rem; font-weight:bold; flex-shrink:0; width: 100px; text-align: right;}
.redeem_jftxt2{width: 100%; display: flex; justify-content: space-between; align-items: center; padding: .05rem 0 0 0;}
.redeem_jftxt2 span{font-size: .2rem; color: #aaa;}
.redeem_jftxt2 small{font-size: .2rem; color: #aaa;}

.redeemlan{color:#53a000!important; }
.redeemred{color:#ff6d56!important; }


.redeem_tan_title{width: 100%; font-size: .36rem; color: #333; font-weight: 500; position: relative; padding:0 .3rem 0 .3rem; box-sizing: border-box;}
.redeem_tan_title:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 6px;
    background: linear-gradient(90deg, #2090FF 0%, #F1F8FF 100%);    
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    left: 60px;
    bottom: -5px;
    opacity: .9;    
}
.redeem_tan_txt{width: 100%; font-size: .23rem; color: #444; line-height: 1.6; padding: .3rem .2rem .2rem .3rem; box-sizing: border-box; overflow: auto; max-height: calc(100vh - 260px)}
.redeem_tan_txt::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.redeem_tan_txt::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.redeem_tan_txt::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.redeem_tan_btn{width: 100%; display: flex; border-top: #f5f5f5 1px solid; margin-top: .05rem;}
.redeem_tan_btn a{width: 100%; padding: .24rem 0; font-size: .26rem; color: #0F92FD; text-align: center;}


.redeem_nr_listbox{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .2rem 3% 0 3%; box-sizing: border-box; gap:.2rem 0;}
.redeem_nr_list{width: 48%; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(204,204,204,0.2); border-radius: 8px; border: 1px solid #EFEFEF; display: flex; flex-wrap: wrap; justify-content: center; padding: .3rem 0; cursor: pointer;}
.redeem_nr_list i{width: 100%;display: flex; justify-content: center;}
.redeem_nr_list i img{width: 1.6rem;}
.redeem_nr_list span{width: 100%; font-size: .28rem; color: #FF6458; padding: .1rem 0 .05rem 0; text-align: center;}
.redeem_nr_list small{width: 100%; font-size: .22rem; color: #333;  text-align: center;}
.redeem_nr_list:hover {background: #fff; border: 1px solid #16ACFD; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);}

.redeem_btn{width:90%; padding:.5rem 5% .2rem 5%;}
.redeem_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.28rem;}
.redeem_prompt{width:88%; padding:.3rem 6% .3rem 6%; font-size:.22rem; color:#666; line-height:.4rem; display: flex; flex-wrap: wrap;}
.redeem_prompt span{font-size:.3rem; color:#444; padding:0 0 .1rem 0; width:100%;}
.redeem_prompt_foota{width: 100%; display: flex; align-items: center; gap:.5rem; padding:.2rem 0 0 0;}
.redeem_prompt a{font-size:.24rem; color:#11b4ee; text-decoration:underline;}

.register_btn2{width:100%; padding:.2rem 0 0 0;}
.register_btn2 a{display:block; width:100%; text-align:center; font-size:.24rem; color:#777; text-decoration:underline;}
.register_btn2 a:hover{color:#0197da;}

.redeemrule{width:100%; padding:.3rem 5%;  line-height:1.5; font-size:.24rem; color:#333; box-sizing: border-box;}



.welfare_titlebox{width: 100%; background: #fff; border-bottom: #E4E6EC 1px solid; display: flex; align-items: center; justify-content: center; gap:.5rem;}
.welfare_titlebox a{font-size: .26rem; color: #666; padding: .2rem .1rem .2rem .1rem; position: relative;}
.welfare_titlebox .hover{font-size: .26rem; color: #0F92FD;}
.welfare_titlebox .hover:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    background: linear-gradient(90deg, #2090FF 0%, #F1F8FF 100%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    bottom: 0px;    
    width: 50%
}

.welfare_mainbox{width: 94%; margin: 0 3%; display: flex; flex-direction: column; gap:.3rem;  padding: .3rem 0 0 0; box-sizing: border-box;}

.welfare_list{width: 100%; background: #fff; border: 1px solid #eee; box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, .06); padding: .3rem; border-radius: 8px; transition: all .3s; cursor: pointer; display: flex; flex-direction: column; box-sizing: border-box;}
.welfare_list:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12); transition: all .3s;}
.welfare_list_top{width: 100%; box-sizing: border-box; display: flex; align-items: center;     justify-content: space-between; border-bottom: #DCDEDF 1px dashed; padding: 0 0 .15rem 0;}
.welfare_list_top .left{display: flex; flex-direction: column;}
.welfare_list_top .left span{font-size: .3rem; color: #222;}
.welfare_list_top .left small{font-size: .24rem; color: #666; padding: .08rem 0 0 0;}
.welfare_list_top .right{display: flex; flex-direction: column; align-items: center; padding-right: .1rem;}
.welfare_list_top .right span{font-size: .46rem; color: #ff472e; font-family: Din !important;}
.welfare_list_top .right small{font-size: .24rem; color: #ff472e;}
.welfare_list_foot{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: .2rem 0 0 0;}
.welfare_list_foot .left{font-size: 12px; color: #999;}
.welfare_list_foot .right{flex-shrink: 0;}
.welfare_list_foot .right a{font-size: .2rem; color: #ff472e; padding: .03rem .1rem; border: #ff472e 1px solid; border-radius: 4px;}

.welfare_list_hui{position: relative;}
.welfare_list i {position:absolute; bottom:30px; right:90px; z-index:9;}
.welfare_list_hui .welfare_list_top .left span{color: #c4c4c4;}
.welfare_list_hui .welfare_list_top .left small{color: #dadada;}
.welfare_list_hui .welfare_list_top .right span{color: #c4c4c4;}
.welfare_list_hui .welfare_list_top .right small{color: #c4c4c4;}
.welfare_list_hui .welfare_list_foot .left{color: #dadada;}
.welfare_list_hui .welfare_list_foot .right a{color: #c4c4c4; border: #dadada 1px solid;}


/*invite*/
.invite_box{width: 100%; height: 100%; background:#FEF1CE url(../images/invite/bg.png) no-repeat top; background-size: 100%; padding: 0 3%; box-sizing: border-box;}
.invite_banner{width: 100%; display: flex; align-items: center; position: relative; height: 120px;}
.invite_banner_zi{width: 200px; position: absolute; top: .55rem; left: 0; z-index: 2;}
.invite_banner_zi .toptip{position: absolute; top: -.38rem; right: .1rem; display: flex; align-items: center; background: linear-gradient( 90deg, #FFEB48 0%, #FFE93E 100%); border-radius: 40px 20px 20px 20px; border: 1px solid #FFFFFF; padding: .05rem .05rem .05rem .08rem;}
.invite_banner_zi .toptip i{width: 12px;}
.invite_banner_zi .toptip i img{width: 100%;}
.invite_banner_zi .toptip span{font-size: .2rem; color: #782908; padding: 0 0 0 .05rem;}
.invite_banner_pic{width: 2.4rem; position: absolute; top: 0; right: 0; z-index: 1;}
.invite_banner_pic img{width: 100%;}
.topgzbtn{position: absolute; top: .3rem; right: -.15rem; background-color: rgba(253, 240, 216, 0.6); border-radius: 4px 0px 0px 4px; font-size: .22rem; color: #AF4437; padding: .03rem; cursor: pointer;  z-index: 4;}
.topgzbtn:hover{color: #AF4437;}

.invite_jfbox{width: 100%; background: linear-gradient( 88deg, #F1FFFE 0%, #FEF7E8 46.44%, #FFF4FB 100%); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; padding: .2rem .5rem; box-sizing: border-box; border: #fff 1px solid;}
.invite_jfbox .list{display: flex; flex-direction: column; cursor: pointer;}
.invite_jfbox .list small{font-size: .24rem; color: #333;}
.invite_jfbox .list span{font-size: .38rem; color: #ff472e; font-weight: 500; font-family: Din;}

.invite_jieshao{width: 100%; border-radius: 8px; margin: .15rem 0 0 0}

.invite_jieshao .zibox{width: 100%; }
.invite_jieshao .zibox .title{width: 100%;  font-size: .3rem; color: #222; font-weight: 500; padding: .2rem 0 .45rem 1.4rem; box-sizing: border-box; position: relative;  background:url(../images/invite/bg2.png) no-repeat; background-size: 100%;}
.invite_jieshao .zibox .title span{font-size: .3rem; color: #ff472e;}
.invite_jieshao .zibox .title:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 12px;
    background:url(../images/invite/line.png) no-repeat; 
    background-size: 100%;
    left: 1.6rem;
    z-index: 100;
    bottom: .25rem;    
}
.invite_jieshao .zibox .fuli{width: 100%;  box-sizing: border-box; background: #fff; padding: .05rem .2rem .15rem .2rem; border-radius: 0 0 0 0; position: relative;}
.invite_jieshao .zibox .fuli2{ padding: .05rem .2rem .15rem .2rem;}

.invite_jieshao .zibox .fuli .biaoti{width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 .1rem 0;}
.invite_jieshao .zibox .fuli .biaoti small{    background: linear-gradient(90deg, #FC5531 0%, #FF7700 100%); font-size: .2rem; color: #fff; padding: .03rem .05rem; border-radius: 4px; margin-right: .05rem; flex-shrink: 0;}
.invite_jieshao .zibox .fuli .biaoti span{font-size: .26rem; color: #222; flex: 1;}
.invite_jieshao .invite_neirong{width: 100%; background: #FFF0F0; border-radius: 8px; padding: .25rem .2rem .25rem .25rem; box-sizing: border-box; display: flex; align-items: center;}
.invite_jieshao .invite_neirong .zi1{display: flex; flex-direction: column; flex: 1;}
.invite_jieshao .invite_neirong .zi1 span{font-size: .26rem; color: #88320D;}
.invite_jieshao .invite_neirong .zi1 span em{font-size: .26rem; color: #ff472e; font-weight: 500;}
.invite_jieshao .invite_neirong .zi1 small{font-size: .22rem; color: #A9674B; padding: .1rem 0 0 0;}
.invite_jieshao .invite_neirong .zi2{display: flex; flex-direction: column; align-items: center; flex-shrink: 0; padding: 0 .3rem 0 .35rem; position: relative;}
.invite_jieshao .invite_neirong .zi2 span{font-size: .36rem; color: #ff472e;     font-weight: 500; font-family: Din;}
.invite_jieshao .invite_neirong .zi2 small{font-size: .2rem; color: #FB5652; }
.invite_jieshao .invite_neirong .zi2:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 35px;
    background:#F5DFDB; 
    background-size: 100%;
    left: 0px;
    z-index: 100;
    bottom: 0;    
}


.invite_jieshao .invite_neirong .rightbiao{ position: absolute; top: -.2rem; right: .05rem; width: 60px; height: 60px; background:url(../images/invite/biao.png) no-repeat center center; background-size: 100%; }
.invite_jieshao .invite_neirong .rightbiao span{font-size: .22rem; color: #222; font-weight: 500; transform: rotate(335deg); display: inline-block; padding: .34rem 0 0 .06rem;}


.invite_jieshao .tipbox{width: 100%; background: #fff; box-sizing: border-box; padding: .08rem .2rem .2rem .2rem; }
.invite_jieshao .tipbox .tip{width: 100%; background: linear-gradient( 80deg, #FFF3F3 0%, rgba(255,255,255,0) 100%); border-radius: 8px; display: flex; align-items: center; padding: .08rem; box-sizing: border-box;}
.invite_jieshao .tipbox .left{display: flex; align-items: center; background: #fff; border-radius: 8px; flex-shrink: 0; padding: .05rem;}
.invite_jieshao .tipbox .left i{width: .22rem;}
.invite_jieshao .tipbox .left i img{width: 100%;}
.invite_jieshao .tipbox .left span{font-size: .2rem; color: #88320D; padding: 0 .05rem;}
.invite_jieshao .tipbox .rightzi{font-size: .2rem; color: #88320D; flex: 1; padding: 0 0 0 .06rem;}

.invite_jieshao .btnbox{width: 100%; background: #fff; box-sizing: border-box; padding: .1rem .2rem .3rem .2rem; border-radius: 0 0 20px 20px; display: flex; align-items: center; justify-content: space-between;}
.invite_jieshao .btnbox a{display: flex; align-items: center; font-size: .24rem; color: #fff; padding: 0 .43rem; line-height: 44px; border-radius: 8px;}
.invite_jieshao .btnbox a:hover{opacity: .9;}
.invite_jieshao .btnbox a i{width: .3rem; margin-right: .06rem;}
.invite_jieshao .btnbox a i img{width: 100%;}
.invite_jieshao .btnbox .btn1{background: linear-gradient( 90deg, #0DCD64 0%, #0DCD64 100%);}
.invite_jieshao .btnbox .btn2{background: linear-gradient( 90deg, #FF8814 0%, #FF4757 100%);}

.invite_gzbox{width: 100%; background: #fff; border-radius: 20px; margin: 10px 0; padding: 0 0 10px 0; position: relative;}
.invite_gzbox:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 40px;
    background:url(../images/invite/line2.png) no-repeat; 
    background-size: 100%;
    left: 30px;
    z-index: 100;
    top: -20px;    
}
.invite_gzbox:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 40px;
    background:url(../images/invite/line2.png) no-repeat; 
    background-size: 100%;
    right: 30px;
    z-index: 100;
    top: -20px;    
}
.invite_gzbox .title{width: 100%;   padding: .3rem 0 .2rem 0; display: flex; justify-content: center;}
.invite_gzbox .title span{font-size: .3rem; color: #222; position: relative;}
.invite_gzbox .title span:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 10px;
    background:url(../images/invite/line3.svg) no-repeat; 
    background-size: 100%;
    left: -42px;
    z-index: 100;
    top: 8px;    
}
.invite_gzbox .title span:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 10px;
    background:url(../images/invite/line4.svg) no-repeat; 
    background-size: 100%;
    right: -42px;
    z-index: 100;
    top: 8px;    
}

.invite_gzbox .gzmain{width: 100%; padding: 0 5%; box-sizing: border-box; display: flex; flex-direction: column;}
.invite_gzbox .gzmain span{font-size: .24rem; color: #333; font-weight: 500; line-height: 1.6;}
.invite_gzbox .gzmain small{font-size: .22rem; color: #666; line-height: 1.6; padding: 0 0 .1rem 0;}



.invite_tanbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.6); z-index:990; top: 0; left: 0;}
.invite_hbgbg{position: relative; z-index: 1; width: 94%; padding: 0 3%; top: 0;}
.invite_hbgbg img{width: 100%;}
.invite_hb_img{position: absolute; z-index: 2; width: 62%; top: 1.8rem; left: 1.23rem;}
.invite_hb_img img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}


.invite_share_bg{width:100%; position: absolute; bottom: 0; background: #fff; padding: 0 0 1rem 0;}
.invite_share_zi{position:absolute; left:0; top:.4rem; z-index:99; width: 100%; text-align: center; font-size: .42rem; color: #37a0f4;}
.invite_share_img{position:absolute; left:0; top:1.3rem; z-index:99; width: 72%; margin: 0 10%; background: #fff; padding: 4%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.invite_share_img img{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.invite_share_btn{position:absolute; left:0; bottom:.7rem; z-index:99; width: 100%; text-align: center; }
.invite_share_btn a{background:linear-gradient(to right, #ff8137, #ff7865); padding: .2rem .6rem; font-size: .26rem; color: #fff; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.invite_share_btn a:hover{background: #f64457;}


.invite_tan_renbox{width: 100%; min-height: 260px; max-height: 500px; padding: 0 5%; box-sizing: border-box; overflow: auto;}
.invite_tan_renbox::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.invite_tan_renbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.invite_tan_renbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.invite_tan_renlist{width: 100%; display: flex; justify-content: space-between; align-items: center; margin: .3rem 0;}
.invite_tan_ren{display: flex; align-items: center; flex: 1; min-width: 0;}
.invite_tan_ren i{width: .66rem; height: .66rem; flex-shrink: 0;}
.invite_tan_ren i img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.invite_tan_ren span{font-size: .26rem; color: #333; margin-left: .15rem; flex: 1; min-width: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.invite_tan_fen{display: flex; align-items: baseline; flex-shrink: 0;}
.invite_tan_fen span{font-size: .26rem; color: #666; padding: 0 0 0 .03rem;}
.invite_tan_fen small{font-size: .32rem; color: #ff472e; font-weight: 500;}


/*help*/
.help_box{width: 100%; background: linear-gradient(180deg, #EEF2FE 0%, #fff 100%);}
.help_top{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.help_zi{flex: 1; min-width: 0; display: flex; flex-direction: column; padding: .4rem 0 .32rem 5%;}
.help_zi span{font-size: .38rem; color: #222;}
.help_zi small{font-size: .24rem; color: #333; line-height: 1.6;}
.help_img{width: 2rem; flex-shrink: 0;}
.help_img img{width: 100%;}

.help_nrbox{width: 94%; margin: 0 3%; background: #fff; border-radius: 8px; padding: 0 .3rem; box-sizing: border-box;}
.help_title{width: 100%; font-size: .26rem; color: #444; padding: .3rem 0 0 0;}

.help_info_list{width: 100%; display: flex; background: #fff; border-bottom: 1px solid #eee; flex-wrap:wrap; cursor: pointer;}
.help_info_list dt{width:100%; padding: .3rem .15rem; box-sizing: border-box;  display: flex; justify-content: space-between;}
.help_info_list dt span{font-size: .24rem; color: #333;  line-height: 1.5; flex: 1; font-weight: 500;}
.help_info_list dt em{width: .3rem; flex-shrink:0; padding: 0 .1rem 0 0;}
.help_info_list dt em img{width: 100%;}


.help_info_list dd{display: none; width:100%; font-size:.24rem; color:#555; line-height:1.6; padding: 0 .15rem .1rem .15rem; box-sizing: border-box;}
.help_infonr{width: 100%; display: flex; justify-content: space-between;}
.help_infonr .picc{width: .3rem; flex-shrink:0; padding: 0 .1rem 0 0;}
.help_infonr .picc img{width: 100%;}
.help_infonr .zi{font-size:.24rem; color:#555; line-height:1.6;}
.help_infonr .zi img{max-width: 100%;}
.help_infonr .zi p{ font-size:.24rem; color:#555; line-height:1.6;}
.help_infonr .zi span{ font-size:.24rem; color:#555; line-height:1.6;}