﻿.div_body { background-color: #F6F9FC; }
.bannerBg { background-image: url('//s.faloo.com/wap/images/newWap/seltag/background.png'); background-size: 10rem 6.6rem; background-repeat: no-repeat; height: 6.6rem; }
.div_bg { margin-top: 0.266667rem; position: relative; }
    .div_bg .left { width: 13%; /* height: 3.44rem; */ }
    .div_bg .right { margin-top: 0rem; width: 44%; /* height: 3.24rem; */ margin-left: 1.733333rem; position: absolute; right: 0rem; }
/*男生标签*/
.div_manseltag { width: 27%; /* height: 1.573333rem; */ background: rgba(255, 255, 255, 0.4); box-shadow: 0rem 0.36rem 0.786667rem 0rem rgba(18, 114, 98, 0.28); border-radius: 0.266667rem; /* position: absolute; */ /* top: -0.16rem; */ /* left: 1.68rem; */ padding-bottom: 0.166667rem; }
    .div_manseltag > span { display: flex; flex-direction: column; justify-content: center; align-content: center; font-size: 0.373333rem; color: #FFF; line-height: 0.48rem; text-align: center; }
    .div_manseltag :before { content: ""; background-image: url('//s.faloo.com/wap/images/newWap/seltag/tag_tr.png') !important; background-size: 100% 100%; background-repeat: no-repeat; width: 0.573333rem; height: 0.573333rem; display: inline-block; margin: 0 auto; margin-top: 0.266667rem; margin-bottom: 0.106667rem; text-align: center; }
/*女生标签*/
.div_womanseltag { width: 27%; /* height: 1.573333rem; */ background: rgba(255, 255, 255, 0.4); box-shadow: 0rem 0.36rem 0.786667rem 0rem rgba(18, 114, 98, 0.28); border-radius: 0.266667rem; /* position: absolute; */ /* top: -0.16rem; */ /* right: 1.92rem; */ }
    .div_womanseltag > span { display: flex; flex-direction: column; justify-content: center; align-content: center; font-size: 0.373333rem; color: #FFF; line-height: 0.48rem; text-align: center; }
    .div_womanseltag :before { content: ""; background-image: url('//s.faloo.com/wap/images/newWap/seltag/qbz_tr.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 0.573333rem; height: 0.573333rem; display: inline-block; margin: 0 auto; margin-top: 0.266667rem; margin-bottom: 0.106667rem; }
/*男激活标签*/
.div_manactiveseltag { background: #FFFFFF; }
    .div_manactiveseltag > span { color: #2EAA92; }
    .div_manactiveseltag :before { background-image: url('//s.faloo.com/wap/images/newWap/seltag/tag_green.png') !important; }
/*女激活标签*/
.div_womenactiveseltag { background: #FFFFFF; }
    .div_womenactiveseltag > span { color: #2EAA92; }
    .div_womenactiveseltag :before { background-image: url('//s.faloo.com/wap/images/newWap/seltag/qbz_green.png'); }
.contentBg { width: 100%; height: auto; position: relative; }
    .contentBg .div_graybg { width: 95%; background: #FFFFFF; box-shadow: 0rem 0.133333rem 0.72rem 0rem rgba(131, 168, 181, 0.14); border-radius: 0.106667rem; /* margin-left: 0.266667rem; */ margin: 0 auto; margin-top: -3.173333rem; padding-bottom: 0.346667rem; }
.div_graybg > ul > li { width: 21%; /* height: 0.973333rem; */ padding-top: 0.153333rem; padding-bottom: 0.153333rem; border-radius: 0.133333rem; text-align: center; margin-left: 1em; margin-top: 0.266667rem; list-style: none; /* float: left; */ }
    /*灰色标签背景 1-16*/
    .div_graybg > ul > li:nth-child(n+0):nth-child(-n+16) { background: #F1F6F9; }
    /*黄色标签背景 17-32*/
    .div_graybg > ul > li:nth-child(n+17):nth-child(-n+32) { background: #F9F5F1; }
    /*灰色标签背景 33-48*/
    .div_graybg > ul > li:nth-child(n+33):nth-child(-n+48) { background: #F1F6F9; }
    /*黄色标签背景 49-64*/
    .div_graybg > ul > li:nth-child(n+49):nth-child(-n+64) { background: #F9F5F1; }
    /*灰色标签背景 65-80*/
    .div_graybg > ul > li:nth-child(n+65):nth-child(-n+80) { background: #F1F6F9; }
    /*黄色标签背景 81-96*/
    .div_graybg > ul > li:nth-child(n+81):nth-child(-n+96) { background: #F9F5F1; }
    /*灰色标签背景 97-112*/
    .div_graybg > ul > li:nth-child(n+97):nth-child(-n+112) { background: #F1F6F9; }
    /*黄色标签背景 113-128*/
    .div_graybg > ul > li:nth-child(n+113):nth-child(-n+128) { background: #F9F5F1; }
    .div_graybg > ul > li > a { font-size: 0.346667rem; color: #666666; line-height: 0.48rem; display: block; white-space: nowrap; overflow: hidden; /* height: 0.426667rem; */ }
    .div_graybg > ul > li > span { font-size: 0.293333rem; color: #7FA29B; line-height: 0.48rem; display: block; white-space: nowrap; overflow: hidden; /* height: 0.4rem; */ }
/*更多按钮*/
.div_more { width: 27%; padding-bottom: 0.103333rem; background: #1CB15C; border-radius: 0.333333rem; box-shadow: 0rem 0rem 0.2rem #1cb15c; margin: 0 auto; margin-top: 0.346667rem; text-align: center; }
    .div_more a { display: inline-block; margin-top: 0.08rem; font-size: 0.346667rem; color: #FFFFFF !important; line-height: 0.48rem; }
.footerBgC { background-color: #F6F9FC; padding-top: 0.266667rem; }
.div_manandwomen { position: absolute; top: 0; width: 100%; display: flex; flex-direction: row; justify-content: space-evenly; }
.ul1 { display: flex; flex-wrap: wrap; justify-content: start; }
.likeMore { width: 27%; display: block; font-size: 0.346667rem; color: #fff !important;  height: 0.666667rem; background-color: #1CB15C; border-radius: 0.4rem; box-shadow: 0 0 0.2rem #1cb15c; margin: 0.4rem auto; line-height: 1.9; text-align: center; }