.bTopic {
  background: url(../images/blbg2.png) no-repeat;
  background-size: 100% 121%;
}

.bTopic ul {
  display: none;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
  overflow-x: -moz-scrollbars-none;
  -ms-overflow-style: none;
  padding: .0 0 .3rem .12rem;
}

.bTopic ul::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  -webkit-appearance: none;
  border-radius: 0;
}

.bTopic li {
  float: left;
  width: 3.8rem;
  max-height: 100%;
  margin-right: .18rem;
}

.bTopic li a {
  display: block;
}

.bTopic li a div:nth-of-type(1) {
  position: relative;
  width: 3.8rem;
  height: 2.15rem;
  border-radius: .2rem;
  overflow: hidden;
  margin-bottom: .18rem;
}

.bTopic li a div:nth-of-type(1) img {
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto;
}

.bTopic li a div:nth-of-type(1) span {
  position: absolute;
  top: .16rem;
  right: 0;
  padding-right: .08rem;
  width: 1.15rem;
  height: .32rem;
  text-align: right;
  background: linear-gradient(-90deg, rgba(0,0,0,.6), rgba(0,0,0,.0));
  font-size: .18rem;
  color: #999;
  line-height: .32rem;
}

.bTopic li a div:nth-of-type(1) span i {
  color: #6297FF;
}

.bTopic li a div:nth-of-type(2) {
  position: relative;
  height: .26rem;
  padding-left: .32rem;
  overflow: hidden;
  *zoom: 1;}

.bTopic li a div:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: .01rem;
  left: 0;
  margin-right: .08rem;
  display: block;
  width: .24rem;
  height: .24rem;
  background: url(../images/icon.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -8.12rem -1.18rem;
}

.bTopic li a div:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: .2rem;
  height: .27rem;
  background: url(../images/icon.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -6.38rem -.05rem;
}

.bTopic li a div:nth-of-type(2) p {
  position: relative;
  background-color: #fff;
  height: .26rem;
  line-height: .25rem;
  font-size: .26rem;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bTopic li a>span {
  display: block;
  height: .42rem;
  font-size: .18rem;
  color: #fff;
  line-height: .42rem;
}
.bTopic .bTit{
  background-position: 1.546rem  -3.546rem;
}
.bTopic .bTit h2{
  color: #fff;
}


.gsTags {
  position: relative;
  padding: .27rem 0 0;
  background: #fff;
  height: auto;
}

.gsTags div {
  display: flex;
  flex-wrap: wrap;
  padding-left: .25rem;
  height: auto;
  overflow: hidden;
}

.gsTags a {
  position: relative;
  display: block;
  padding-top: .18rem;
  width: 1.22rem;
  height: 1.17rem;
  margin-right: .22rem;
  margin-bottom: .22rem;
  font-size: .24rem;
  color: #333;
  line-height: .3rem;
  text-align: center;
  background: #eeeeff;
  border-radius: .2rem;
}

.gsTags a:before {
  content: "";
  margin: auto;
  display: block;
  width: .58rem;
  height: .7rem;
  background: url(../images/tagicon.png) no-repeat;
  background-size: 20rem 5rem;
  background-position: -11.15rem -.64rem;
}

.gsTags a:after {
  content: "";
  position: absolute;
  bottom: -.15rem;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  width: 1.24rem;
  height: .31rem;
  background: url(../images/icon.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -7.23rem -.72rem;
}

.gsTags a.current:after {
  display: block;
}

.softTags a.current:after {
  display: block;
  background-position: -8.68rem -.72rem;
}
.gsTags a:nth-child(2){
  background: #F4F0FE;
}
.gsTags a:nth-child(2):before{
  background-position: -1.81rem -.64rem;
}
.gsTags a:nth-child(3){
  background: #E2FFEE;
}
.gsTags a:nth-child(3):before{
  background-position: -5.47rem -.64rem;
}
.gsTags a:nth-child(4){
  background: #FFF2F1;
}
.gsTags a:nth-child(4):before{
  background-position: -.93rem -.64rem;
}
.gsTags a:nth-child(5){
  background: #eff0ff;
}
.gsTags a:nth-child(5):before{
  background-position: -12.26rem -.64rem;
}
.gsTags a:nth-child(6){
  background: #FFF0E3;
}
.gsTags a:nth-child(6):before{
  background-position: -4.49rem -.64rem;
}
.gsTags a:nth-child(7){
  background: #E2FDFF;
}
.gsTags a:nth-child(7):before{
  background-position: -.07rem -.64rem;;
}
.gsTags a:nth-child(8){
  background: #F4F0FE;
}
.gsTags a:nth-child(8):before{
  background-position: -3.59rem -.64rem;
}
.gsTags a:nth-child(9){
  background: #ffecf7;
}
.gsTags a:nth-child(9):before{
  background-position: -14.09rem -.64rem;
}
.gsTags a:nth-child(10){
  background: #FFF0E3;
}
.gsTags a:nth-child(10):before{
  background-position: -6.34rem -.64rem;
}
.gsTags a:nth-child(11){
  background: #E2FFEE;
}
.gsTags a:nth-child(11):before{
  background-position: -5.47rem -.64rem;
}

.tagOpen {
  position: absolute;
  bottom: -.02rem;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 6.69rem;
  height: .33rem;
  font-size: .2rem;
  color: #fff;
  line-height: .33rem;
  text-align: center;
  background: url(../images/icon.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -.1rem -4.54rem;
}

.tagOpen:after {
  content: "";
  position: relative;
  display: inline-block;
  width: .22rem;
  height: .14rem;
  margin-left: .04rem;
  background: url(../images/icon.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -5.93rem -.05rem;
}

.tagOpen.tagPut:after {
  background-position: -5.93rem -.32rem;
}

.list{
  overflow: hidden;
}
.gsList ul {
  padding: .16rem .25rem .04rem;
}

.gsList li {
  position: relative;
  background: #fff;
  border-radius: .2rem;
  margin-bottom: .12rem;
}

.gsList li a {
  position: relative;
  display: flex;
  padding: .29rem .26rem;
  overflow: hidden;
}

.gsList li a img {
  width: 1.28rem;
  height: 1.28rem;
  border-radius: .3rem;
  margin-right: .3rem;
}

.gsList li a div {
  flex: 1;
  height: 1.28rem;
  overflow: hidden;
}

.gsList li a div p {
  display: block;
  font-size: .28rem;
  color: #333;
  line-height: .44rem;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gsList li a div span {
  display: block;
  margin-bottom: .02rem;
  font-size: .22rem;
  color: #9F9FA4;
  line-height: .4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gsList li a>span {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: .28rem;
  display: block;
  width: 1.24rem;
  height: .5rem;
  font-size: .24rem;
  color: #fff;
  line-height: .5rem;
  text-align: center;
  border-radius: .27rem;
  margin: auto;
  overflow: hidden;
}

.gsList li a>span.no {
  background: linear-gradient(-90deg, #6C71FF, #56C4FF);
}

.gsList .pageWrap {
  padding: .15rem .39rem .31rem;
}