.header { position: fixed; width: 100%; background: #fff; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; padding: 0.32rem; box-sizing: border-box; } .search { width: 100%; height: 0.8rem; background: #f5f5f5; border-radius: 0.08rem; font-size: 0.32rem; color: #999; display: flex; align-items: center; padding-left: 0.3rem; } .search i { margin-right: 0.2rem; margin-top: 0.04rem; } .content { margin-top: 1.44rem; margin-bottom: 1.52rem; } .banner_item { width: 92%; height: 2.951rem; position: relative; } .banner_item .back_img{ width: 100%; height: 100%; border-radius: 0.32rem; box-shadow: 7px 0rem 0.14em rgba(0,0,0,0.3); object-fit: cover; } .banner_item .user_bottom{ position: absolute; left: 0.32rem; bottom: 0.2rem; } .banner_item .user_bottom h2{ font-size: 0.4rem; line-height: 0.6rem; color: #fff; font-weight: 600; text-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3); margin-bottom: 0.2rem; } .banner_item .user_bottom .user_img{ display: flex; align-items: center; } .banner_item .user_img img{ height: 0.6rem; width: 0.6rem; border-radius: 0.3rem; display: inline-block; vertical-align: top; box-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3); } .banner_item .user_img span{ font-size: 0.28rem; font-weight: 600; color: #fff; max-width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0.2rem; text-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3); } .sanc { margin-top: 15px; } .sanc .title { font-size: 0.32rem; font-weight: 600; color: #999; margin-bottom: 0.2rem; } .sanc .title_li { display: flex; align-items: flex-end; margin-bottom: 10px; } .sanc .title_li .active { font-size: 0.6rem; font-weight: 600; color: #333; line-height: 0.72rem; } .sanc .title_li .active:after { content: ""; position: absolute; background: #ff9d9b; width: 100%; height: 6px; border-radius: 3px; left: 0; bottom: 0px; z-index: -2; } .sanc .title_li li { font-size: 0.32rem; color: #666; margin-right: 20px; position: relative; } .title_list { display: flex; } .title_list li{ width: 45%; margin-right: 8px; } .title_list li .item_img{ width: 100%; height: 4.48rem; border-radius: 0.14rem; box-shadow: 0 0.06rem 0.12rem rgb(0 0 0 / 0%); } .title_list li h2 { font-size: 0.36rem; font-weight: 600; color: #333; display: block; height: 0.56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0.56rem; padding: 0.24rem 0rem 0.04rem; } .title_list li .yyw{} .title_list li .y{ font-size: 0.16rem; width: 18px; height: 12px; line-height: 0.24rem; border-radius: 0.04rem; color: #fff; padding: 0rem 0.06rem; font-weight: 600; background: #ff8d8d; border-bottom-left-radius: 0rem; } .title_list li .desc{ background: #fff2f2; border-radius: 2px; margin: 8px 16px 0px 0px; padding: 4px 6px 4px 6px; box-sizing: border-box; display: inline-block; font-size: 11px; color: #ff8d8d; overflow: hidden; text-overflow: ellipsis; } .alldo .title_list { justify-content: space-between; } .alldo .title_list li { width: 47%; } .auth { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; } .auth .left { display: flex; align-items: center; flex: 1; } .auth .left img { height: 18px; width: 18px; margin-right: 5px; border-radius: 9px; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%); } .auth .left span { height: 18px; font-size: 9px; zoom: 0.9; color: #666; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .auth .right i{ margin-right: 5px; } .auth .right span{ color: #666; font-size: 9px; zoom: 0.9; } .alldo_father ul { display: none; overflow: hidden; } .alldo_father ul li{ float: left; margin-bottom: 15px; } .alldo_father .f_active { display: block !important; }