@charset 'utf-8';

/* 首页 */
/*.fir-section {
    background: url(../images/w12-bg1.png) top center no-repeat;
    background-size: 100% 100%;
}*/
html,
body {
  position: relative;
  height: 100%;
}

.index-page1 {
  min-width: 100%;
  min-height: 100%;
  /* background: url(../images/w12-bg1.png) top center no-repeat;
  background-size: 100% 100%; */
}

.box {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sec-section,
.fir-section {
  width: 100%;
  height: 100%;
}

.sec-section .swiper-slide,
.fir-section .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.index-logo {
  padding-top: 1.72rem;
  margin-bottom: .62rem;
  text-align: center;
}

.index-logo img {
  width: 3.9rem;
  height: 1.84rem;
}

.index-search {
  /*padding-left: .42rem;*/
  text-align: center;
}

.index-search input {
  height: .62rem;
  width: 5.32rem;
  padding: 0 .22rem;
  line-height: .62rem;
  background: #fff;
  border-top-left-radius: .04rem;
  border-bottom-left-radius: .04rem;
  color: #999999;
  font-size: .22rem;
}

.index-search button {
  width: 1.1rem;
  height: .62rem;
  background: #1369c0;
  color: #fff;
  font-size: .26rem;
  border-top-right-radius: .04rem;
  border-bottom-right-radius: .04rem;
}

.index-hotword {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: .26rem;
}

.index-hotword span,
.index-hotword a {
  display: inline-block;
  color: #333;
  font-size: .22rem;
}

.index-hotword a {
  margin-right: .2rem;
}

.index-nav {
  text-align: center;
  margin-top: 4.3rem;
  padding-bottom: 1.2rem;
}

.index-nav .gap {
  display: inline-block;
  width: 2.4rem;
  height: .7rem;
  margin: .16rem .51rem;
}

.index-nav a {
  display: inline-block;
  width: 2.4rem;
  height: .7rem;
  font-weight: bold;
  text-align: center;
  line-height: .7rem;
  background: url(../images/w12-bg2.png);
  background-size: 100% 100%;
  color: #1369c0;
  font-size: .26rem;
  margin: .16rem .51rem;
}

.index-nav a img {
  margin-right: .26rem;
}

.index-nav .a1 img {
  width: .35rem;
  height: .35rem;
}

.index-nav .a2 img {
  width: .39rem;
  height: .35rem;
}

.index-nav .a3 img {
  width: .36rem;
  height: .38rem;
}

.index-nav .a4 img {
  width: .36rem;
  height: .35rem;
}

.index-nav .a5 img {
  width: .34rem;
  height: .34rem;
}

/* 首页第二屏 */
.index-headline {
  position: relative;
  overflow: hidden;
  height: 1.38rem;
}

.headline-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
}

.headline-item h1 {
  padding-top: .26rem;
  height: .96rem;
  overflow: hidden;
}

.headline-item h1 a {
  color: #222222;
  font-size: .34rem;
  line-height: .48rem;
}

.headline-item h1 a:active {
  color: #1369c0;
}

.index-wrap1-tab {
  width: 100%;
  height: 4.22rem;
  position: relative;
  overflow: hidden;
}

.index-wrap1-tab .index-newspic {
  width: 100%;
  height: 4.22rem;
}

.index-wrap1-tab .index-newspic li {
  width: 100%;
  height: 100%;
}

.index-wrap1-tab .index-newspic li a {
  display: block;
  width: 100%;
  height: 100%;
}

.index-wrap1-tab .index-newspic li img {
  width: 100%;
  height: 100%;
}

.index-newspic p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 0.2rem;
  line-height: 0.55rem;
  height: .55rem;
  font-size: 0.28rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.index-newspic p a {
  display: inline-block;
  color: #ffffff;
  font-size: 0.28rem;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-wrap1-tab .pagination {
  position: absolute;
  bottom: .18rem;
  right: .2rem;
  width: auto;
  text-align: right;
  z-index: 99;
}

.index-wrap1-tab .pagination span {
  float: left;
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.08rem;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  float: none;
  opacity: 1;
}

.index-wrap1-tab .pagination span.swiper-pagination-bullet-active {
  background: #1369c0;
}

.index-title1 {
  height: .88rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.index-title1 .tit {
  display: inline-block;
  border: .01rem solid #ebebeb;
  width: 25%;
  box-sizing: border-box;
  line-height: .68rem;
  height: .68rem;
  text-align: center;
  color: #333333;
  font-size: .28rem;
  position: relative;
}

.index-title1 .tit i {
  display: none;
  width: .23rem;
  height: .16rem;
  background: url(../images/w12-icon6.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: -.16rem;
  left: 50%;
  margin-left: -.12rem;
}

.index-title1 .tit.cur {
  color: #fff;
  background: #1369c0;
}

.index-title1 .tit.cur i {
  display: block;
}

.index-list {
  padding: 0 .25rem .2rem;
}

.index-list li {
  height: .72rem;
  line-height: .72rem;
}

.index-list li a {
  padding-left: .2rem;
  color: #555555;
  font-size: .3rem;
  display: inline-block;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/w12-icon7.png) left center no-repeat;
  background-size: .08rem .08rem;
}

.index-list li a:active {
  color: #1369c0;
}

.index-list li span {
  float: right;
  color: #999999;
  font-size: .24rem;
}

.index-more {
  text-align: center;
  margin: 0 .25rem;
  border-top: .01rem solid #e1e1e1;
  padding-top: .22rem;
  padding-bottom: .28rem;
}

.index-more a {
  display: inline-block;
  color: #1369c0;
  font-size: .26rem;
}

.index-gap {
  height: .12rem;
  background: #f0f0f0;
}

.index-title2 {
  padding-top: .3rem;
  height: .68rem;
  line-height: .68rem;
  margin: 0 .25rem;
  border-bottom: .02rem solid #1369c0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.index-title2 .tit {
  display: inline-block;
  color: #1369c0;
  font-size: .36rem;
  font-weight: bold;
  margin-left: .2rem;
}

.index-title2 .more {
  float: right;
  color: #1369c0;
  font-size: .26rem;
}

.index-title2 .img1 {
  width: .47rem;
  height: .41rem;
}

.index-wrap3-t {
  text-align: center;
  margin-top: .45rem;
  margin-bottom: .34rem;
  background: url(../images/w12-bg5.png) center left repeat-x;
}

.index-wrap3-t a {
  display: inline-block;
  padding: 0 .26rem;
  color: #1369c0;
  font-size: .32rem;
  font-weight: bold;
  background: #fff;
}

.index-bgcar {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.index-bgcar ul {
  position: relative;
  width: 100%;
  height: 100%;
}

.index-bgcar ul li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.index-bgcar ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.index-bgcar ul li a img {
  width: 100%;
  height: 100%;
}

.index-bar1 {
  margin: 0 .25rem;
}

.index-bar1 a {
  display: inline-block;
  width: 3.35rem;
  height: 1.14rem;
  line-height: 1.14rem;
  padding-left: .7rem;
  box-sizing: border-box;
  color: #4d4d4d;
  font-size: .28rem;
  margin-bottom: .2rem;
}

.index-bar1 a:active {
  color: #fff;
}

.index-bar1 a.a1 {
  background: url(../images/w12-icon9.png) .24rem center no-repeat #f7f7f7;
  background-size: .36rem .36rem;
}

.index-bar1 a.a1:active {
  background: url(../images/w12-icon9o.png) .24rem center no-repeat #1369c0;
  background-size: .34rem .37rem;
}

.index-bar1 a.a2 {
  background: url(../images/w12-icon10.png) .24rem center no-repeat #f7f7f7;
  background-size: .33rem .37rem;
}

.index-bar1 a.a2:active {
  background: url(../images/w12-icon10o.png) .24rem center no-repeat #1369c0;
  background-size: .34rem .37rem;
}

.index-bar1 a.a3 {
  background: url(../images/w12-icon11.png) .24rem center no-repeat #f7f7f7;
  background-size: .33rem .37rem;
}

.index-bar1 a.a3:active {
  background: url(../images/w12-icon11o.png) .24rem center no-repeat #1369c0;
  background-size: .34rem .37rem;
}

.index-bar1 a.a4 {
  background: url(../images/w12-icon12.png) .24rem center no-repeat #f7f7f7;
  background-size: .34rem .37rem;
}

.index-bar1 a.a4:active {
  background: url(../images/w12-icon12o.png) .24rem center no-repeat #1369c0;
  background-size: .34rem .37rem;

}

.index-bar1 .a5 {
  width: 6.98rem;
  height: 1.13rem;
  padding-left: 2.61rem;
  background: url(../images/w12-iconz.png) 2.13rem center no-repeat #f7f7f7;
  background-size: .35rem .32rem;
}

.index-bar1 a.a5:active {
  background: url(../images/w12-iconzo.png) 2.13rem center no-repeat #1369c0;
  background-size: .35rem .32rem;

}

.index-bar2 {
  padding-top: .3rem;
  text-align: center;
}

.index-bar2 a {
  display: inline-block;
  text-align: center;
  margin: 0 .36rem;
}

.index-bar2 a img {
  width: .96rem;
  height: .96rem;
}

.index-bar2 a p {
  margin-top: .18rem;
  color: #575757;
  font-size: .28rem;
}

.index-wrap3-s {
  height: .62rem;
  line-height: .62rem;
  margin: .6rem 0 .24rem;
  text-align: center;
}

.index-wrap3-s .tit {
  display: inline-block;
  color: #1369c0;
  margin-right: .1rem;
  font-size: .26rem;
}

.index-wrap3-s input {
  width: 4.86rem;
  height: .62rem;
  border: 1px solid #d5d5d5;
  padding-left: .52rem;
  box-sizing: border-box;
  color: #999999;
  font-size: .26rem;
  background: url(../images/w12-icon17.png) .18rem center no-repeat;
  background-size: .25rem .27rem;
}

.index-wrap3-s button {
  height: .62rem;
  width: .95rem;
  background: #1369c0;
  color: #fff;
  font-size: .28rem;
}

.index-title3 {
  height: .64rem;
  line-height: .64rem;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 .25rem .1rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.index-title3 .tit {
  display: inline-block;
  color: #888888;
  font-size: .32rem;
  margin-right: .4rem;
}

.index-title3 .tit.cur {
  color: #1369c0;
  font-weight: bold;
  padding-left: .16rem;
  background: url(../images/w12-bg6.png) left .22rem no-repeat;
  background-size: .05rem .24rem;
}

.index-wrap4 {
  text-align: center;
  padding: .4rem 0;
}

.index-wrap4 .img {
  width: 7rem;
  height: 1.71rem;
}

.index-bar3 {
  margin-top: .32rem;
}

.index-bar3 a {
  display: inline-block;
  width: 2.91rem;
  height: 1.13rem;
  line-height: 1.13rem;
  margin: 0 .4rem;
  color: #fff;
  font-weight: bold;
  font-size: .3rem;
}

.index-bar3 a img {
  margin-right: .24rem;
}

.index-bar3 a.a1 img {
  width: .43rem;
  height: .44rem;
}

.index-bar3 a.a2 img {
  width: .5rem;
  height: .49rem;
}

.index-bar3 a.a1 {
  background: url(../images/w12-bg7.png) center no-repeat;
  background-size: 100% 100%;
}

.index-bar3 a.a2 {
  background: url(../images/w12-bg8.png) center no-repeat;
  background-size: 100% 100%;
}

.index-title2 .img2 {
  width: .43rem;
  height: .45rem;
}

.index-bar4 {
  text-align: center;
  margin-top: .36rem;
  margin-bottom: .3rem;
}

.index-bar4 a {
  display: inline-block;
  margin: 0 .12rem;
}

.index-bar4 img {
  width: 2.16rem;
  height: .83rem;
}

.index-wrap5 {
  padding: .42rem .25rem .36rem;
  position: relative;
}

.index-wrap5 .btn {
  width: .48rem;
  height: .48rem;
  position: absolute;
  cursor: pointer;
  top: 1rem;
  z-index: 999;
}

.index-wrap5 .btn.prev {
  left: .14rem;
}

.index-wrap5 .btn.next {
  right: .14rem;
}

.index-wrap5-box {
  width: 100%;
  height: 1.7rem;
  overflow: hidden;
  /*position: relative;*/
}

.index-ztpic {
  width: 100%;
  height: 1.7rem;
  /*position: relative;*/
}

.index-ztpic li {
  width: 100%;
  height: 100%;
}

.index-ztpic li a {
  display: block;
  width: 100%;
  height: 100%;
}

.index-ztpic li img {
  width: 100%;
  height: 100%;
}

.index-wrap6-c {
  padding: .38rem .25rem .5rem;
  height: 2.26rem;
  overflow: hidden;
}

.index-zj-i {
  width: 3rem;
  height: 2.25rem;
  display: inline-block;
}

.index-zj-i img {
  width: 100%;
  height: 100%;
}

.index-wrap6-c p {
  width: 3.7rem;
  float: right;
  line-height: .48rem;
  margin-top: -.06rem;
  height: 2.26rem;
  overflow: hidden;
}

.index-wrap6-c p a {
  display: inline-block;
  color: #666666;
  font-size: .26rem;
}

.index-zj-bar {
  text-align: center;
}

.index-zj-bar a {
  display: inline-block;
  color: #575757;
  font-size: .28rem;
  margin: 0 .36rem .4rem;
}

.index-zj-bar a img {
  width: .96rem;
  margin-bottom: .16rem;
}

/* 互动交流 */
.hd-list {
  padding: 0 .25rem;
}

.hd-list li {
  height: 1.56rem;
  padding-top: .32rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
}

.hd-list li a {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-size: .3rem;
}

.hd-list li a:active {
  color: #1369c0;
}

.hd-list li p {
  text-align: right;
  margin-top: .24rem;
  color: #666666;
  font-size: .24rem;
}

.hd-list li p span {
  display: inline-block;
  margin-left: .5rem;
}

.hd-bar1 {
  padding: 0 .25rem .25rem;
}

.hd-bar1 a {
  display: block;
  margin-bottom: .14rem;
}

.hd-bar1 a img {
  width: 100%;
  height: 1.7rem;
}

/* 列表 */
.gl-list {
  padding: 0 .25rem;
}

.gl-list li {
  height: 1.44rem;
  padding-top: .28rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}

.gl-list li a {
  display: inline-block;
  max-width: 100%;
  max-height: 1rem;
  line-height: .48rem;
  overflow: hidden;
  color: #333333;
  font-size: .3rem;
}

.gl-list li a:active {
  color: #1369c0;
}

.gl-list li p {
  position: absolute;
  line-height: .48rem;
  color: #666666;
  font-size: .24rem;
  bottom: 0;
  right: 0;
  background: #fff;
}

/* 领导详情 */
.ldxq-main {
  padding: 0 .25rem;
}

.ldxq-tx {
  padding-top: .26rem;
  text-align: center;
  margin-bottom: .2rem;
}

.ldxq-tx img {
  width: 2.5rem;
  height: 3.5rem;
  padding: .08rem;
  border: 1px solid #dddddd;
  margin-bottom: .18rem;
}

.ldxq-tx .name span {
  line-height: .58rem;
  height: .58rem;
  border: 1px solid #accae9;
  color: #fff;
  font-size: .3rem;
  display: inline-block;
  min-width: 2.6rem;
  background: #1369c0;
}

.ldxq-tx .job {
  color: #333333;
  font-size: .3rem;
  font-weight: bold;
  margin-top: .06rem;
}

.ldxq-title {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: .2rem;
}

.ldxq-title .tit {
  line-height: .5rem;
  color: #1369c0;
  font-size: .3rem;
  font-weight: bold;
  display: inline-block;
  border-bottom: .04rem solid #1369c0;
}

.ldxq-con {
  line-height: .52rem;
  color: #666666;
  font-size: .28rem;
  padding-bottom: .28rem;
}

.ldxx-tx {
  padding: 0 .46rem .15rem;
}

.ldxx-tx img {
  width: 2.1rem;
  height: 2.94rem;
  padding: .08rem;
  border: 1px solid #dddddd;
}

.ldxx-tx li {
  height: 4.7rem;
  width: 2.28rem;
  text-align: center;
}

.ldxx-tx .name span {
  line-height: .58rem;
  height: .58rem;
  border: 1px solid #accae9;
  color: #fff;
  font-size: .28rem;
  display: inline-block;
  background: #1369c0;
  width: 100%;
  box-sizing: border-box;
}

.ldxx-tx .job {
  color: #333333;
  font-size: .28rem;
  font-weight: bold;
  margin-top: .06rem;
  max-height: .74rem;
  overflow: hidden;
}

.ldxx-tx2 {
  padding: 0 .46rem .15rem;
}

.ldxx-tx2 img {
  width: 2.1rem;
  height: 2.94rem;
  padding: .08rem;
  border: 1px solid #dddddd;
}

.ldxx-tx2 li {
  height: 4.7rem;
  width: 2.28rem;
  text-align: center;
}

.ldxx-tx2 .name span {
  line-height: .58rem;
  height: .58rem;
  border: 1px solid #accae9;
  color: #fff;
  font-size: .28rem;
  display: inline-block;
  background: #1369c0;
  width: 100%;
  box-sizing: border-box;
}

.ldxx-tx2 .job {
  color: #333333;
  font-size: .28rem;
  font-weight: bold;
  margin-top: .06rem;
  max-height: .74rem;
  overflow: hidden;
}

/* 政务公开 */
.zwgk-ld {
  padding: 0 .25rem;
}

.zwgk-ld .img {
  /*width: 2.32rem;*/
  width: 2.07rem;
  height: 2.89rem;
  /* padding: 0.1rem;
  border: 1px solid #dddddd;
  box-sizing: border-box; */
  /*height: 3.24rem;*/
}

.zwgk-ld .intro {
  width: 4.32rem;
}

.zwgk-ld .job {
  color: #333333;
  font-size: .47rem;
  font-weight: bold;
  vertical-align: middle;
}

.zwgk-ld .name {
  color: #333333;
  font-size: .39rem;
  white-space: nowrap;
  vertical-align: middle;
}

.zwgk-ld .text {
  color: #666666;
  font-size: .26rem;
  line-height: .46rem;
  margin-top: .14rem;
  margin-bottom: .25rem;
  height: .92rem;
  overflow: hidden;
}

.zwgk-ld .btn {
  display: inline-block;
  width: 4.24rem;
  height: .96rem;
  text-align: center;
  line-height: .96rem;
  background: #1369c0;
  color: #fff;
  font-size: .3rem;
}

.zwgk-ld .btn img {
  width: .49rem;
  height: .52rem;
  margin-right: .24rem;
}

.zwgk-bar {
  text-align: center;
  margin: .3rem 0;
}

.zwgk-bar .i1 {
  width: .38rem;
  height: .46rem;
}

.zwgk-bar .i2 {
  width: .49rem;
  height: .45rem;
}

.zwgk-bar .i3 {
  width: .45rem;
  height: .47rem;
}

.zwgk-bar .i4 {
  width: .39rem;
  height: .46rem;
}

.zwgk-bar a {
  text-align: center;
  display: inline-block;
  border: 1px solid #d5d5d5;
  border-radius: .06rem;
  height: .82rem;
  line-height: .82rem;
  width: 3.28rem;
  color: #222222;
  font-size: .28rem;
  margin: .16rem .1rem;
}

.zwgk-bar a img {
  margin-right: .16rem;
}

.zwgk-bar2 {
  text-align: center;
  margin-bottom: .4rem;
}

.zwgk-bar2 a {
  margin: .1rem .15rem;
  display: inline-block;
  width: 3.35rem;
  height: 1.16rem;
  background-size: 100% 100%;
  color: #fff;
  font-size: .28rem;
  line-height: 1.16rem;
  text-align: center;
}

.zwgk-bar2 a img {
  margin-right: .1rem;
}

.zwgk-bar2 a.a1 {
  background-image: url(../images/w12-bg9.png);
}

.zwgk-bar2 a.a2 {
  background-image: url(../images/w12-bg10.png);
}

.zwgk-bar2 a.a3 {
  background-image: url(../images/w12-bg11.png);
}

.zwgk-bar2 a.a4 {
  background-image: url(../images/w12-bg12.png);
}

.zwgk-bar2 a.a1 img {
  width: .42rem;
  height: .42rem;
}

.zwgk-bar2 a.a2 img {
  width: .43rem;
  height: .37rem;
}

.zwgk-bar2 a.a3 img {
  width: .35rem;
  height: .39rem;
}

.zwgk-bar2 a.a4 img {
  width: .37rem;
  height: .36rem;
}

.zwgk-bar3 {
  padding: .5rem 0 .22rem .28rem;
}

.zwgk-bar3 a {
  display: inline-block;
  width: 3.38rem;
  height: 1.07rem;
  background: url(../images/w12-bg13.png);
  background-size: 100% 100%;
  text-align: center;
  line-height: 1.07rem;
  color: #fff;
  font-size: .28rem;
  font-weight: bold;
  margin-bottom: .24rem;
  margin-right: .18rem;
}

.zwgk-wrap3 {
  padding-top: .4rem;
}

/* 信息公开指南 */
.gkzn-l {
  padding-left: .55rem;
  padding-top: .2rem;
  padding-bottom: .1rem;
}

.gkzn-l a {
  display: inline-block;
  width: 3rem;
  height: .6rem;
  text-align: center;
  line-height: .6rem;
  color: #333333;
  font-size: .28rem;
  margin-bottom: .3rem;
  margin-right: .4rem;
  background: #ecf3fa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 走进xx */
.zj-info {
  padding: .16rem .4rem .3rem;
}

.zj-info .img img {
  width: 6.7rem;
}

.zj-info .text {
  line-height: .54rem;
  color: #666666;
  font-size: .26rem;
  padding: .16rem .1rem 0;
}

.zj-info .text a {
  display: inline-block;
  color: #ff5a00;
}

.bt {
  width: 7.50rem;
  height: 3rem;
  margin-left: 0.26rem;
  margin-bottom: 0.4rem;
}

.bt .zs {
  display: inline-block;
  width: 7.01rem;
  height: .81rem;
  text-align: center;
  line-height: .81rem;
  background-color: #f1f8ff;
  border: solid .01rem #ffffff;
  font-size: .28rem;
  color: #1369c0;
  font-weight: bold;
}

.bt .zs-zc {
  width: 7.01rem;
  height: 1.32rem;
  line-height: 1.32rem;
  color: #fff;
  background: url('../images/w-tnzs.png') no-repeat center;
  background-size: 100%;
}

.zx {
  display: inline-block;
  width: 7.00rem;
  height: 3.78rem;
  margin-left: 0.24rem;
}

.zx img {
  width: 100%;
  height: 100%;
}

.zx-p {
  font-size: .28rem;
  color: #999;
  margin-left: 0.24rem;
  margin-top: 0.2rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}