main{
    padding-bottom: 0.96rem;
}
/* 轮播图、会员信息开始 */
.banner{
    width: 12rem;
    display: flex;
    justify-content: space-between;
    margin: 0.3rem auto 0;
}
/* 轮播图 */
.swiper{
    width: 8.9rem;
    height: 3.40rem;
    border-radius: 0.1rem;
}
.swiper .banner_img{
    width: 8.9rem;
    height: 3.39rem;
    border-radius: 0.1rem;
}
.swiper .swiper-pagination{
    text-align: left;
    padding: 0 0.27rem;
    box-sizing: border-box;
}
.swiper .swiper-pagination-bullet{
    width: 0.2rem;
    height: 0.05rem;
    border-radius: 0.02rem;
    background-color: #ffffff;
    opacity: 0.4;
}
.swiper .swiper-pagination-bullet-active{
    background-color: #ffffff;
    opacity: 1;
}
/* 会员信息 */
.vip{
    width: 2.92rem;
    height: 3.40rem;
    position: relative;
}
.vip_bj{
    width: 100%;
    height: 100%;
}
.vip_top{
    width: 100%;
    position: absolute;
    top: 0.2rem;
    left: 0.24rem;
}
.vip_top_title{
    display: flex;
    align-items: center;
}
.vip_top_title span{
    font-weight: bold;
    font-size: 0.22rem;
    color: #2E3033;
}
.vip_top_title img{
    width: 0.06rem;
    height: 0.07rem;
    margin-left: 0.09rem;
}
.vip_top_tips{
    font-weight: 400;
    font-size: 0.14rem;
    color: #2E3033;
}
.vip_center{
    width: 74%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FBDDBF;
    position: absolute;
    top: 1.29rem;
    left: 50%;
    transform: translateX(-50%);
}
.vip_btn{
    width: 2.60rem;
    height: 0.44rem;
    background: linear-gradient(0deg, #EC6734, #F3B55A);
    box-shadow: 0 0.06rem 0.21rem 0 rgba(236,106,53,0.55);
    border-radius: 0.22rem;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.44rem;
    text-align: center;
    position: absolute;
    top: 1.81rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.vip_bottom{
    width: 2.60rem;
    height: 0.75rem;
    background: #F9F3EB;
    box-shadow: -0.04rem 0.02rem 0.43rem 0 rgba(154,159,178,0.13);
    border-radius: 0.08rem;
    display: flex;
    align-items: center;
    padding: 0 0.16rem 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0.23rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.vip_bottom_left{
    width: 0.37rem;
    height: 0.39rem;
}
.vip_bottom_right{
    width: calc(100% - 0.37rem - 0.11rem);
    margin-left: 0.11rem;
}
.vip_bottom_right .p1{
    font-weight: bold;
    font-size: 0.18rem;
    color: #2E3033;
}
.vip_bottom_right .p2{
    font-weight: 400;
    font-size: 0.14rem;
    color: #737880;
    margin-top: 0.02rem;
}
/* 轮播图、会员信息结束 */
/* 今日上新开始 */
.card{
    width: 100%;
    background: linear-gradient(0deg, #F3F4F9 48%, #FFFFFF 100%);
    padding-top: 0.8rem;
    position: relative;
}
.title{
    width: 12rem;
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.title_zhu{
    font-weight: bold;
    font-size: 0.36rem;
    display: flex;
}
.title_zhu .span1{
    color: #232F3F;
}
.title_zhu .span2{
    color: #3881F4;
}
.title_fu{
    font-weight: 400;
    font-size: 0.20rem;
    color: #737880;
    margin-top: 0.12rem;
}
.file_list{
    width: 12rem;
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.file_info{
    width: 3.66rem;
    display: flex;
    align-items: center;
    margin: 0.4rem 0.5rem 0 0;
}
.file_info:nth-child(3n){
    margin-right: 0;
}
.file_left{
    width: 0.52rem;
    height: 0.63rem;
}
.file_right{
    width: calc(100% - 0.52rem - 0.12rem);
    margin-left: 0.12rem;
}
.file_right .p1{
    font-weight: bold;
    font-size: 0.16rem;
    color: #2E3033;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file_right .p2{
    font-size: 0.12rem;
    color: #737880;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.02rem;
}
.file_right .p3{
    font-size: 0.12rem;
    color: #737880;
    margin-top: 0.06rem;
}
.vip_no{
    width: 12rem;
    height: 1.2rem;
    margin: 0.64rem auto 0;
    position: relative;
    z-index: 1;
}
.vip_no_bj{
    width: 100%;
    height: 100%;
}
.vip_no_p1{
    font-size: 0.12rem;
    color: #FFFFFF;
    position: absolute;
    top: 0.04rem;
    left: 0.08rem;
}
.vip_no_flex{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 0.95rem;
    box-sizing: border-box;
    position: absolute;
    top: 0.3rem;
}
.vip_no_title{
    font-weight: bold;
    font-size: 0.28rem;
}
.vip_no_title .span3{
    color: #FFFFFF;
}
.vip_no_title .span4{
    color: #FFD800;
}
.vip_no_tips{
    width: 3.9rem;
    font-size: 0.14rem;
    color: #FFFFFF;
    opacity: 0.67;
    margin-top: 0.05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vip_no_flex_right{
    display: flex;
    align-items: center;
}
.vip_no_flex_right_btn1{
    width: 1.20rem;
    height: 0.40rem;
    border: 0.01rem solid #FFF6E2;
    font-size: 0.15rem;
    color: #FFF6E2;
    line-height: 0.40rem;
    text-align: center;
    cursor: pointer;
}
.vip_no_flex_right_btn2{
    width: 1.20rem;
    height: 0.40rem;
    background: linear-gradient(90deg, #FFF9F1 0%, #FEDF98 100%);
    font-size: 0.15rem;
    color: #563C00;
    line-height: 0.40rem;
    text-align: center;
    margin-left: 0.11rem;
    cursor: pointer;
}
.statistical{
    width: 12rem;
    margin: 0.8rem auto 0;
    padding-bottom: 0.72rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.statistical_detail{
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.statistical_detail .p3{
    font-weight: bold;
    font-size: 0.80rem;
    color: #3881F4;
    line-height: 0.8rem;
}
.statistical_detail .p4{
    font-size: 0.18rem;
    color: #737880;
    margin-top: 0.1rem;
}
.statistical_xian{
    width: 0.01rem;
    height: 1.2rem;
    background: #DADEE6;
}
.card_bj{
    width: 9.95rem;
    height: 3.98rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-26%);
}
/* 今日上新结束 */
/* 热门搜索开始 */
.hot{
    width: 100%;
    background: linear-gradient(0deg, #F5F5F5 0%, #FFFFFF 100%);
    padding: 0.7rem 0 0.7rem;
}
.hot_type{
    width: 12rem;
    margin: 0.36rem auto 0;
    padding: 0.1rem 0.31rem 0.31rem;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: -0.04rem 0.02rem 0.43rem 0 rgba(154,159,178,0.13);
    border-radius: 0.18rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hot_type_detail{
    width: 1.7rem;
    height: 1.1rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 0.235rem;
    margin-top: 0.21rem;
}
.hot_type_detail:nth-child(6n){
    margin-right: 0;
}
.hot_icon{
    width: 0.39rem;
    height: 0.20rem;
    background: #FF5400;
    border-radius: 0.10rem;
    text-align: center;
    line-height: 0.2rem;
    font-size: 0.12rem;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    left: 0.2rem;
}
.hot_text{
    font-weight: 800;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-top: 0.05rem;
    position: relative;
    z-index: 1;
    left: 0.2rem;
}
.hot_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/* 热门搜索结束 */
/* 材料汇编开始 */
.recommend{
    width: 100%;
    padding-top: 0.7rem;
}
.recommend_title{
    width: 12rem;
    margin: 0 auto 0.3rem;
    font-weight: bold;
    font-size: 0.26rem;
    color: #232F3F;
}
.recommend_list{
    width: 12rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recommend_list_1{
    width: 7.8rem;
    height: 3.45rem;
    background: linear-gradient(0deg, #F6F5F5 0%, #FFFFFF 100%);
    border-radius: 0.12rem;
    border: 0.01rem solid #F0F2F5;
    padding: 0.26rem 0;
    box-sizing: border-box;
}
.recommend_list_1_nei{
    width: 100%;
    height: 100%;
    padding: 0 0.21rem;
    box-sizing: border-box;
    overflow-y: auto;
}
.recommend_list_1_for{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}
.recommend_list_1_for .r_p1{
    width: 4.5rem;
    font-weight: bold;
    font-size: 0.16rem;
    color: #2E3033;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recommend_list_1_for .r_p2{
    width: 0.5rem;
    font-size: 0.12rem;
    color: #737880;
    text-align: center;
}
.recommend_list_1_for .r_p3{
    width: 0.8rem;
    font-size: 0.12rem;
    color: #737880;
    text-align: center;
}
.recommend_list_1_for .r_p4{
    width: 0.8rem;
    font-size: 0.12rem;
    color: #737880;
    text-align: center;
}
.recommend_list_2{
    width: 4.05rem;
    height: 3.45rem;
    background: linear-gradient(0deg, #F6F5F5 0%, #FFFFFF 100%);
    border-radius: 0.12rem;
    border: 0.01rem solid #F0F2F5;
    padding: 0.26rem 0;
    box-sizing: border-box;
}
.recommend_list_2_p1{
    width: 100%;
    padding: 0 0.21rem;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 0.16rem;
    color: #2E3033;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recommend_list_2_p2{
    width: 100%;
    padding: 0 0.21rem;
    box-sizing: border-box;
    font-size: 0.12rem;
    color: #737880;
    margin-top: 0.02rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recommend_list_2_p3{
    width: 100%;
    padding: 0 0.21rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.06rem;
}
._2_p3_num{
    font-size: 0.12rem;
    color: #737880;
}
._2_p3_btn{
    width: 0.80rem;
    height: 0.26rem;
    background: #3881F4;
    border-radius: 0.13rem;
    font-size: 0.12rem;
    color: #FFFFFF;
    line-height: 0.26rem;
    text-align: center;
    cursor: pointer;
}
.recommend_list_2_nei{
    width: 100%;
    height: calc(100% - 0.96rem);
    padding: 0 0.21rem;
    box-sizing: border-box;
    overflow-y: auto;
    margin-top: 0.28rem;
}
.recommend_list_2_for{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.16rem;
}
._2_for_left{
    display: flex;
    align-items: center;
}
._2_for_left img{
    width: 0.15rem;
    height: 0.18rem;
}
._2_for_left span{
    width: 2.76rem;
    font-size: 0.14rem;
    color: #2E3033;
    margin-left: 0.06rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
._2_for_right{
    font-size: 0.14rem;
    color: #737880;
}
/* 材料汇编结束 */
.vip_no2{
    margin-top: 0.53rem;
}