.bg {
  width: 100%;
  min-height: 100%;
  background: #F6F7F8;
}

.pt12 {
  padding-top: 12px !important;
}

@font-face {
  font-family: 'font';
  src: url("../font/font.TTF");
}

footer {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 49px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(227, 223, 221, .2);
  z-index: 100;
}

footer .col {
  width: 20%;
  padding: 5px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer .col img {
  width: 20px;
  height: 20px;
}

footer .col img:nth-child(2) {
  display: none;
}

footer .col.cur img {
  display: none;
}

footer .col.cur img:nth-child(2) {
  display: block;
}

footer .col.cur p {
  color: #4170F2;
}

footer .col p {
  margin-top: 2px;
  font-size: 12px;
  color: #B2B4B8;
}

.tab {
  height: 44px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow-x: auto;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;

}

.flexstart {
  justify-content: flex-start !important;
}

.tab::-webkit-scrollbar {
  display: none;
}

.tab .item {
  flex-shrink: 0;
  padding: 0 12px;
  font-size: 15px;
  color: #B2B4B8;
  position: relative;
}

.item_sel {
  color: #4170F2 !important;
  font-weight: bold;
}

.item_sel::after {
  content: "";
  width: 4px;
  height: 4px;
  background: #4170F2;
  border-radius: 50%;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}


/* 登录 */
.login {
  width: 100vw;
  height: 100vh;
  padding-top: 46px;
}

.login_title {
  margin-bottom: 46px;
}

.login_title p {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.login_wrap {
  padding: 0 28px;
}

.login_wrap .item {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DDDDDD;
  padding: 10px 0;
  margin-bottom: 14px;
}


.login_wrap .item img {
  width: 13px;
  height: 14px;
  margin-right: 12px;
}

.login_wrap .item input {
  border: none;
  outline: none;
  width: 60%;
}

.login_wrap .item .sendcode {
  width: 30%;
  font-size: 13px;
  color: #4170F2 !important;
  text-align: right;
}

.forgetpwd {
  width: 100%;
  text-align: right;
}

.forgetpwd a {
  font-size: 12px;
  color: #4170F2;
}

.login_btn {
  margin-top: 48px;
}

.login_btn .item_btn {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 30px;
  border: 1px solid #4271FF;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_btn .item_btn:nth-child(1) {
  color: #fff;
  background-color: #4170F2;
  margin-bottom: 16px;
}

.login_btn .item_btn:nth-child(2) {
  color: #4170F2;
}

.login_bot {
  width: 100%;
  height: 142px;
  background: url('../img/bg_login.png') no-repeat center / 100% 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}


/* 首页 */
.index {
  padding-bottom: 60px;
}

.index_head {
  width: 100%;
  padding: 12px 16px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_head .index_head_l {
  border: none;
  outline: none;
  font-size: 14px;
  color: #333;
}

.index_head .index_head_r {
  font-size: 14px;
  color: #333;
}

.bg_index {
  width: 100%;
  height: auto;
}

.container {
  width: 100%;
  padding: 0 16px;
}

.index_nav {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 16px 10px 0;
  margin-top: -32px;
  position: relative;
  z-index: 10;
}

.index_nav .item {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.index_nav .item img {
  height: 30px;
  width: auto;
}

.index_nav .item p {
  font-size: 13px;
  color: #333;
  text-align: center;
  margin-top: 8px;
}

/* 首页通知 */
.index_notice {
  width: 100%;
  height: 66px;
  display: flex;
  padding: 10px 0;
  background: #fff;
  border-radius: 8px;
  margin: 20px 0;
}

.index_notice_l {
  padding: 0 12px;
  border-right: 1px solid #E9E9E9;
}

.index_notice_l p {
  font-size: 16px;
  font-family: font;
  color: #333;
}

.index_notice_l p:nth-child(2) {
  color: #4170F2;
}

.index_notice_r {
  height: 100%;
  width: calc(100% - 60px);
  padding: 0 12px;
}

.index_notice_r .swiper-container {
  height: 100%;
}

.index_notice_r .item {
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
}

.index_notice_r .item .item_l {
  width: 40px;
  height: 18px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jd {
  background: #F59A2F;
}

.sq {
  background: #4170F2;
}

.index_notice_r .item .item_r {
  width: calc(100% - 40px);
  padding-left: 12px;
  font-size: 12px;
  color: #666A74;
}

/* 首页banner */
.index_tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_tab_l {
  display: flex;
  align-items: center;
}

.index_tab_l .tab_item {
  font-size: 16px;
  color: #666A74;
  margin-right: 20px;
}

.tab_item.tab_sel {
  color: #353A45;
  font-weight: bold;
  font-size: 16px;
}

.index_tab_r {
  font-size: 12px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.index_tab_r img {
  height: 9px;
  width: auto;
}

.banner {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 12px;
}

.banner .item {
  border-radius: 8px;
  overflow: hidden;
}

.banner .banner_img {
  width: 100%;
  height: 147px;
}

.banner .box {
  padding: 12px;
  background: #fff;
}

.banner .box .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 8px;
}

.banner .box .item_time {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.banner .box .item_time img {
  width: 10px;
  height: auto;
  margin-right: 4px;
}

/* 村社信息 */
.index_list .item {
  width: 100%;
  height: 90px;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
}

.index_list .item:nth-child(1) {
  margin-top: 12px;
}

.index_list .item .item_l {
  width: 120px;
  height: 100%;
}

.index_list .item .item_r {
  width: calc(100% - 120px);
  height: 100%;
  background: #fff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index_list .item .item_r .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.index_list .item .item_r .item_r_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_list .item .item_r .item_r_bot .item_r_bot_l,
.index_list .item .item_r .item_r_bot .item_r_bot_r {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.index_list .item .item_r .item_r_bot .item_r_bot_l img {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}

.index_list .item .item_r .item_r_bot .item_r_bot_r img {
  width: 12px;
  height: auto;
  margin-right: 4px;
}

.index_list .item .item_r_bot .item_r_bot_l p {
  margin-left: 8px;
}

.index_list .item .item_r_bot .item_r_bot_l p span {
  color: #4170F2;
}

.index_list .item .item_r_bot .item_r_status {
  width: 56px;
  height: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}

.rlz {
  color: #4FCA63;
  background: #D3F2D8;
}

.yjz {
  color: #E94D51;
  background: rgba(233, 77, 81, 0.24);
}

.xqww {
  display: none;
}

/* 中间banner */
.swiper {
  margin: 20px 0;
}

.swiper .item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.swiper .item .swiper_img {
  width: 100%;
  height: 100px;
}

.swiper .item .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 20px;
}

.swiper .item .box p {
  font-size: 18px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 12px;
}

.swiper .item .box .box_b {
  font-size: 14px;
  color: #666A74;
}

.swiper .item .box .box_b img {
  width: 36px;
  height: 14px;
  margin-left: 8px;
}

.swiper .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
}

.swiper .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 6px;
}

.swiper .swiper-pagination-bullet-active {
  width: 16px;
  border-radius: 10px;
}


/* 首页邻里互助 */
.index_llhz_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}

.index_llhz_list .item {
  width: calc(50% - 5px);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}

.index_llhz_list .item:nth-child(odd) {
  margin-right: 10px;
}

.index_llhz_list .item .item_t {
  width: 100%;
  height: 90px;
  position: relative;
}

.index_llhz_list .item .item_t img {
  width: 100%;
  height: 100%;
}

.index_llhz_list .item .item_t .item_status {
  width: 64px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 1000px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  font-size: 11px;
  color: #fff;
}

.item_status_yjz {
  background: rgba(233, 77, 81, 0.7);
}

.item_status_rlz {
  background: rgba(62, 184, 63, 0.7);
}

.index_llhz_list .item .item_b {
  width: 100%;
  height: 90px;
  padding: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index_llhz_list .item .item_b .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.index_llhz_list .item .item_b .item_time {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.index_llhz_list .item .item_b .item_time img {
  width: 11px;
  height: 11px;
  margin-right: 4px;
}

.index_llhz_list .item .item_b .item_time p {
  margin-left: 8px;
}

.index_llhz_list .item .item_b .item_time p span {
  color: #4170F2;
}


/* 村社党建 */
.sqdj_head {
  width: 100%;
  height: 122px;
  background: url("../img/bg_sqdj.png") no-repeat center / 100% 100%;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  padding: 13px 16px;
}

.sqdj_head .index_head_l {
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  height: 16px;
  color: #fff;
}

.sqdj_head .index_head_r {
  height: 16px;
  font-size: 14px;
  color: #fff;
}


/* 党建故事 */
.djgs_list .item {
  width: 100%;
  height: 90px;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;

}

.djgs_list .item:nth-child(1) {
  margin-top: 12px;
}

.djgs_list .item .item_r {
  width: 120px;
  height: 100%;
}

.djgs_list .item .item_l {
  width: calc(100% - 120px);
  height: 100%;
  padding: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.djgs_list .item .item_l .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.djgs_list .item .item_l .item_tit span {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  padding: 0px 5px;
  background: #E94D51;
  border-radius: 2px;
  margin-right: 8px;
}

.djgs_list .item .item_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.djgs_list .item .item_bot .item_bot_l,
.djgs_list .item .item_bot .item_bot_r {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.djgs_list .item .item_bot .item_bot_l img {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}

.djgs_list .item .item_bot .item_bot_r img {
  width: 12px;
  height: auto;
  margin-right: 4px;
}

/* 党员事迹 */
.dysj_list {
  display: flex;
  margin-top: 12px;
}

.dysj_list .item {
  width: calc(calc(100% - 20px) / 3);
  border-radius: 8px;
  overflow: hidden;
}

.dysj_list .item:nth-child(2) {
  margin: 0 10px;
}

.dysj_list .item img {
  width: 100%;
  height: 72px;
}

.dysj_list .item .item_b {
  width: 100%;
  height: 62px;
  font-size: 14px;
  color: #8D8D92;
  line-height: 20px;
  padding: 12px 8px;
  background: #fff;
}

/* 最新消息 */
.sqfw_notice .item {
  width: 100%;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-content: flex-start;
  margin-top: 10px;
}

.sqfw_notice .item:nth-child(1) {
  margin-top: 12px;
}

.sqfw_notice .item .item_l {
  width: 22px;
  height: 22px;
}

.sqfw_notice .item .item_r {
  padding-left: 12px;
  position: relative;
}

.sqfw_notice .item .item_r img {
  position: absolute;
  top: 8px;
  right: 0;
  width: 12px;
  height: auto;
}

.sqfw_notice .item .item_r .item_tit {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
}

.sqfw_notice .item .item_r .item_time {
  font-size: 11px;
  color: #B2B4B8;
  margin: 8px 0;
}

.sqfw_notice .item .item_r .item_con {
  font-size: 14px;
  color: #353A45;
}


/* 基础信息 */
.jcxx,
.wgsj {
  width: 100%;
  padding: 20px 16px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}

.jcxx .item {
  width: 50%;
  display: flex;
  align-items: center;
}

.jcxx .item .item_l {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.jcxx .item .item_r .num {
  font-size: 14px;
  color: #353A45;
}

.jcxx .item .item_r .num span {
  font-size: 20px;
  font-weight: bold;
}

.jcxx .item .item_r .name {
  font-size: 14px;
  color: #666A74;
}

/* 网格事件 */
.wgsj .item {
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.wgsj .item .num {
  font-size: 20px;
  font-weight: bold;
}

.wgsj .item .name {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
  margin-top: 8px;
}

.wgsj .item:nth-child(1) .num {
  color: #4170F2;
}

.wgsj .item:nth-child(2) .num {
  color: #F59A2F;
}

.wgsj .item:nth-child(3) .num {
  color: #3EB83F;
}

.wgsj .item:nth-child(2) {
  border-left: 3px solid #f1f1f1;
  border-right: 3px solid #f1f1f1;
}

/* 个人中心 */
.user_head {
  width: 100%;
  height: 140px;
  background: url("../img//bg_user.png") no-repeat center / 100% 100%;
  display: flex;
  padding: 10px 14px;
  justify-content: space-between;
}

.user_head .title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.user_head img {
  width: 20px;
  height: 20px;
}

.user_card {
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  position: relative;
  margin-top: -60px;
}

.user_card .user_card_t {
  display: flex;
  align-items: center;
}

.user_card .user_card_t .user_card_head {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-right: 12px;
}

.user_card .user_card_t .user_card_con {
  width: calc(100% - 64px);
}

.user_card .user_card_t .user_card_con .user_card_con_name {
  font-size: 16px;
  font-weight: bold;
  color: #353A45;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.user_card .user_card_t .user_card_con .user_card_con_name .sgin {
  padding: 2px 4px;
  display: flex;
  align-items: center;
  background: #E8E9EC;
  border-radius: 100px;
  font-size: 10px;
  line-height: 14px;
  margin-left: 8px;
}

.user_zyz {
  color: #E94D51;
}

.user_xfdy {
  color: #4170F2;
}

.user_card .user_card_t .user_card_con .user_card_con_name .sgin img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.user_card .user_card_t .user_card_con .user_card_con_address {
  font-size: 12px;
  color: #666A74;
}

.user_card .user_card_b {
  display: flex;
  margin-top: 20px;
}

.user_card .user_card_b .item {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.user_card .user_card_b .item p {
  font-size: 20px;
  color: #353A45;
  font-weight: bold;
}

.user_card .user_card_b .item .name {
  font-size: 13px;
  color: #B2B4B8;
  margin-top: 4px;
}

.user_card .user_card_b .item:nth-child(2) {
  border-left: 2px solid #E8E9EC;
  border-right: 2px solid #E8E9EC;
}

.myCon {
  width: 100%;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 10px;
}

.myCon .myCon_t {
  padding: 16px 12px 12px;
  font-size: 15px;
  color: #333333;
  font-weight: bold;
  border-bottom: 1px solid #E8E9EC;
}

.myCon .myCon_b {
  padding: 16px 12px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.myCon .myCon_b .item {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.myCon .myCon_b .item img {
  height: 20px;
  width: auto;
}

.myCon .myCon_b .item p {
  font-size: 13px;
  color: #353A45;
  margin-top: 8px;
}


/* 党组织 */
.dzz .item {
  width: 100%;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}

.dzz .item img {
  width: 100%;
  height: 100%;
}

/* 党员亮身份 */
.dylsf {
  display: none;
}

.dy_con {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.dy_con_item {
  width: 47%;
  height: 166px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 6%;
  margin-bottom: 20px;
  position: relative;
}

.dy_con_item:nth-child(even) {
  margin-right: 0;
}

.dyxf {
  position: absolute;
  left: 0;
  top: 12px;
  height: 20px;
  background-color: #FC6363;
  border-radius: 0 10px 10px 0;
  font-size: 8px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  padding: 0 4px;
}

.dy_con_item>img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.dy_info {
  font-size: 15px;
  color: #444;
  display: flex;
  align-items: center;
}

.dy_info span {
  font-size: 11px;
  color: #FF6E6E;
  display: flex;
  align-items: center;
}

.dy_info span img {
  width: 11px;
  height: 11px;
  margin: 0 2px 0 6px;
}


/* 党建动态 */
.djdt_list .item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.djdt_list .item img {
  width: 100%;
  height: 194px;
}

.djdt_list .item .box {
  padding: 12px;
  background: #fff;
}

.djdt_list .item .box .item_tit {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
}

.djdt_list .item .box .item_con {
  font-size: 13px;
  color: #353A45;
  margin: 8px 0 12px;
}

.djdt_list .item .box .box_b {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.djdt_list .item .box .box_b .item_time {
  font-size: 12px;
  color: #B2B4B8;
}


/* 党务公开 */
.dwgk_list .item {
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 12px;
  background: #fff;
  margin-bottom: 10px;
}

.dwgk_list .item .item_l {
  width: 72%;
  margin-right: 3%;
}

.dwgk_list .item .item_l .item_tit {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 16px;
  background: #4170F2;
  font-size: 12px;
  color: #FFFFFF;
}

.dwgk_list .item .item_l .item_con {
  font-size: 14px;
  color: #353A45;
  margin: 10px 0;
}

.dwgk_list .item .item_l .item_time {
  font-size: 12px;
  color: #B2B4B8;
}

.dwgk_list .item .item_r {
  width: 25%;
  display: flex;
  justify-content: flex-end;
}

.dwgk_list .item .item_r .box {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #4170F2;
  border-radius: 16px;
  font-size: 12px;
  color: #4170F2;
}


/* 联盟制度 */
.lmzd .item {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  margin-bottom: 11px;
}

.lmzd .item .item_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lmzd .item .item_t .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.lmzd .item .item_t .item_time {
  font-size: 12px;
  color: #B2B4B8;
}

.lmzd .item .item_con {
  font-size: 14px;
  color: #666A74;
  margin-top: 12px;
}

/* 共建单位 */
.gjdw {
  display: none;
}

.gjdw .item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin-bottom: 10px;
}

.gjdw .item .item_l {
  width: 88px;
  height: 88px;
}

.gjdw .item .item_r {
  width: calc(100% - 88px);
  height: 88px;
  padding: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.gjdw .item .item_r .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.gjdw .item .item_r .item_address {
  font-size: 13px;
  color: #666A74;
}

/* 区域资源 */
.qyzy {
  display: none;
}

.qyzy .crad {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 12px 16px;
  margin-bottom: 10px;
}

.qyzy .crad .title {
  font-size: 16px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 12px;
}

.qyzy .crad img {
  width: 100%;
  height: auto;
}

.qyzy .crad .list .row {
  display: flex;
  align-items: center;
  border-top: 1px solid #E8E9EC;
  padding: 12px 0;
}

.qyzy .crad .list .row .col {
  font-size: 14px;
  color: #353A45;
}

.qyzy .crad .list .row:nth-child(1) .col {
  font-weight: bold;
}

.qyzy .crad .list .row .col:nth-child(1) {
  width: 20%;
  text-align: center;
}

.qyzy .crad .list .row .col:nth-child(2) {
  width: 30%;
}

.qyzy .crad .list .row .col:nth-child(3) {
  width: 50%;
}


/* 共享书屋 */
.gxsw img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.gxsw .crad {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding-bottom: 20px;
}

.gxsw .crad .crad_tit {
  padding: 20px 16px 20px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  border-bottom: 1px solid #E8E9EC;
}

.gxsw .crad .crad_tit span {
  color: #498FFF;
  margin-left: 16px;
  font-weight: bold;
}

.gxsw .crad .row {
  padding: 10px 20px;
  border-bottom: 1px solid #E8E9EC;
  display: flex;
  align-items: center;
}

.gxsw .crad .row .col:nth-child(1) {
  font-size: 14px;
  color: #4170F2;
  margin-right: 16px;
}

.gxsw .crad .row .col:nth-child(2) {
  font-size: 14px;
  color: #333333;
}

/* 志愿者服务 */
.zyzfw img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.zyzfw .crad {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 10px;
}

.zyzfw .crad .item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #E8E9EC;
}

.zyzfw .crad .item:nth-last-child(1) {
  border: none;
}

.zyzfw .crad .item .item_l {
  width: 30%;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}

.zyzfw .crad .item .item_r {
  width: 70%;
}

.zyzfw .crad .item .item_r input {
  width: 100%;
  outline: none;
  border: none;
  font-size: 14px;
  color: #333333;
}

.zyzfw .crad .item .item_r textarea {
  width: 100%;
  outline: none;
  border: none;
  padding: 8px 0;
  font-size: 14px;
  color: #333333;
}

.Submit {
  width: 80%;
  height: 44px;
  border-radius: 100px;
  background: #4170F2;
  font-size: 18px;
  color: #FFFFFF !important;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}

.add {
  position: fixed;
  bottom: 40px;
  right: 0px;
  z-index: 10;
}

.add img {
  width: 88px;
  height: 88px;
}


/* 疫情防控 */
.yqfk {
  padding-top: 24px;
}

.yqfk .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.yqfk .crad {
  width: 100%;
  border-radius: 8px;
  padding: 16px 12px;
  background: #fff;
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.yqfk .crad .crad_l {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(65, 112, 242, 0.1);
}

.yqfk .crad .crad_l img {
  width: 16px;
  height: 16px;
}

.yqfk .crad .crad_r {
  width: calc(100% - 32px);
  padding-left: 16px;
  position: relative;
}

.yqfk .crad .crad_r .crad_tit {
  font-size: 16px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 6px;
}

.yqfk .crad .crad_r .crad_con {
  font-size: 13px;
  color: #B2B4B8;
}

.yqfk .crad .crad_r img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  width: 12px;
  height: 12px;
}


.pop {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.pop .box {
  width: 60%;
  height: 33%;
  background: url("../img/bg_box.png") no-repeat center / 100% 100%;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.pop .box p {
  font-size: 16px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 12px;
}

.pop .box .content {
  font-size: 13px;
  color: #353A45;
  text-align: center;
}

.pop .close {
  width: 24px;
  height: 24px;
  margin-top: 16px;
}


/* 报体温 */
.btw {
  width: 100vw;
  height: 100vh;
  background: url("../img/bg_btw.png") no-repeat center / 100% 100%;
}

.btw .box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.btw .box .item {
  font-size: 14px;
  color: #3A84EA;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.btw .box .item img {
  width: 29px;
  height: 29px;
  margin-right: 9px;
}

.btw .btw_tit {
  font-size: 16px;
  color: #333333;
  margin: 22px 0 11px;
  font-weight: bold;
}

.btw .wd,
.btw textarea {
  width: 100%;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: none;
  padding: 10px 12px;
}

/* 发布邻里互助 */
.btop {
  width: 100%;
  height: 10px;
  background-color: #F6F7F8;
}

.fbllhz {
  width: 100%;
  min-height: 100%;
  background: #fff;
  padding-bottom: 20px;
}

.wybg_con {
  width: 100%;
  padding: 4px 14px;
}

.wybg_con_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #EEEEEE;
}

.wybg_con_item:nth-last-child(1) {
  border: 0;
}

.wybg_con_item_l {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  width: 30%;
}

.wybg_con_item_r {
  width: 70%;
  font-size: 13px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.wybg_con_item_r img {
  width: 12px;
  height: 12px;
}

.wybg_con_item_r input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  text-align: right;
  font-size: 13px;
  color: #666;
}

.wybg_con_item_textarea {
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #EEEEEE;
}

.wybg_con_item_textarea textarea {
  width: 100%;
  border: none;
  outline: none;
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}

.img_box {
  margin-top: 12px;
}

header {
  width: 100%;
  height: 44px;
  background-color: #fff;
  font-size: 18px;
  color: #333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  line-height: 44px;
}



/* 报警求助 */
.bjqz {
  width: 100%;
  display: none;
}

.bjqz .box {
  width: 100%;
  height: 114px;
  position: relative;
}

.bjqz .box .bjqz_img {
  width: 100%;
  height: 100%;
}

.bjqz .box .box_con {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.bjqz .box .box_con p {
  font-size: 18px;
  color: #255BDA;
  font-weight: bold;
}

.bjqz .box .box_con .box_con_b {
  font-size: 18px;
  color: #515D6D;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.bjqz .box .box_con .box_con_b img {
  width: 45px;
  height: 18px;
  margin-left: 8px;
}

.bjqz .item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin-top: 24px;
}

.bjqz .item .item_l {
  width: 120px;
  height: 82px;
}

.bjqz .item .item_r {
  width: calc(100% - 120px);
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 16px;
  background: #fff;
}

.bjqz .item .item_r .col_l .item_name {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 6px;
}

.bjqz .item .item_r .col_l .item_tel {
  font-size: 14px;
  color: #666A74;
}

.bjqz .item .item_r .col {
  width: 32px;
  height: 32px;
}


.Radio input,
.Checkbox input {
  display: none
}

.Radio label,
.Checkbox label {
  padding: 0 16px 0 0;
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  color: #353A45;
}

.Radio label:before,
.Checkbox label:before {
  box-sizing: border-box;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #999;
  margin: 0 8px;
  vertical-align: middle;
  display: inline-block;
  transition: 0.1S;
}

.Radio label:hover:before,
.Checkbox label:hover:before {
  border-color: #4170F2;
}

.Radio input:disabled+label:before,
.Checkbox input:disabled+label:before {
  background-color: #CCC;
  border-color: #999;
  opacity: 0.5;
}

.Radio input:disabled+label,
.Checkbox input:disabled+label {
  opacity: 0.5;
}

.Radio input:checked+label:before {
  border: 5px solid #4170F2;
}

/* 流口管理 */
.lkgl {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 12px;
}

.lkgl .item {
  padding: 14px 0 6px;
  border-bottom: 1px solid #E8E9EC;
}

.lkgl .item:nth-last-child(1) {
  border: 0;
}

.lkgl .item .item_label {
  font-size: 14px;
  color: #353A45;
  margin-bottom: 8px;
}

.lkgl .item .item_con input {
  width: 100%;
  outline: none;
  border: none;
}

.lkgl .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 8px;
}

.lkgl .title .tip {
  font-size: 13px;
  color: #666A74;
}

.fbllhz .tip {
  padding: 12px 16px;
  background: #f6f7f8;
  font-size: 13px;
  color: #666A74;
}


/* 有呼必应 */
.yhby .item {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  background: #fff;
}

.yhby .item .img_yhby {
  width: 100%;
  height: 148px;
}

.yhby .item .item_l {
  width: 92px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #E8E9EC;
}

.yhby .item .item_l img {
  width: 44px;
  height: 44px;
}

.yhby .item .item_r {
  width: calc(100% - 92px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 24px;
}

.yhby .item .item_r p {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.yhby .item .item_r img {
  height: 12px;
  width: auto;
}

/* 处置事件 */
.clsj .item {
  width: 100%;
  border-radius: 8px;
  padding: 16px 12px;
  background: #fff;
  display: flex;
  align-content: flex-start;
  margin-bottom: 10px;
}

.clsj .item .item_l {
  width: calc(100% - 66px);
}

.clsj .item .item_r {
  width: 56px;
  height: 20px;
  margin-left: 10px;
  border-radius: 20px 20px 20px 0;
  font-size: 11px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.clsj .item .item_l .row {
  width: 100%;
  display: flex;
  align-content: flex-start;
  margin-bottom: 12px;
}

.clsj .item .item_l .row:nth-last-child(1) {
  margin-bottom: 0;
}

.clsj .item .item_l .row .row_lab {
  width: 24%;
  font-size: 14px;
  color: #666A74;
  margin-right: 8px;
}

.clsj .item .item_l .row .row_r {
  width: 76%;
}

.clsj .item .item_l .row .item_tit {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.clsj .item .item_l .row .item_sign {
  width: 90px;
  font-size: 13px;
  color: #4170F2;
  padding: 3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(65, 112, 242, 0.2);
  border-radius: 2px;
}

.clsj .item .item_l .row .item_time {
  font-size: 14px;
  color: #353A45;
}

.dsl {
  background: #F59A2F;
}

.clz {
  background: #E94D51;
}

.ybj {
  background: #3EB83F;
}

/* 宗教场所 */

.zjcs .item {
  width: 100%;
  padding: 16px 12px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  margin-bottom: 10px;
}

.zjcs .item .item_l {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  margin-right: 16px;
}

.zjcs .item .item_r {
  width: calc(100% - 86px);
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zjcs .item .item_r .item_name {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
}

.zjcs .item .item_r .item_name span {
  font-size: 11px;
  color: #fff;
  display: inline-block;
  padding: 0px 4px;
  background: #E94D51;
  border-radius: 2px;
  margin-right: 8px;
}

.zjcs .item .item_r .item_con {
  font-size: 13px;
  color: #666A74;
}

.zjcs .item .item_r .item_num {
  font-size: 13px;
  color: #353A45;
}

.zjcs .item .item_r .item_num span {
  color: #4170F2;
}


/* 我的积分 */
.wdjf {
  width: 100%;
  min-height: 100%;
  position: relative;
}

.wdjf .num {
  position: absolute;
  top: 75px;
  left: 16px;
  z-index: 10;
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
}

.wdjf .bg_jf {
  width: 100%;
  height: 208px;
}

.wdjf_list {
  width: 100%;
  min-height: 100px;
  position: relative;
  border-radius: 20px;
  margin-top: -20px;
  z-index: 10;
}

.wdjf_list .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-radius: 8px;
  margin-top: 10px;
}

.wdjf_list .item .item_l .item_name {
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.wdjf_list .item .item_l .item_time {
  font-size: 12px;
  color: #B2B4B8;
}

.wdjf_list .item .item_r {
  font-size: 18px;
  color: #E94D51;
  font-weight: bold;
}


/* 详情1 */
.detail1 {
  background: #fff;
}

.detail1_head {
  width: 100%;
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  border-bottom: 1px solid #DDDDDD;
}


.detail1_head .detail1_head_l .detail1_tit {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 8px;
}

.detail1_head .detail1_head_l .detail1_time,
.detail1_head .detail1_head_r {
  font-size: 11px;
  color: #B2B4B8;
}

.detail1_con {
  width: 100%;
  padding: 12px;
  background-color: #fff;
}

.detail1_con p {
  font-size: 13px;
  color: #333;
  line-height: 24px;
  text-indent: 2em;
  margin-bottom: 12px;
}

.detail1_con p img:nth-child(1) {
  margin-left: -2em;
}

.detail1_con p img {
  width: 100%;
  margin-left: 0em;
  margin-bottom: 12px;
}

.detail1_con img {
  width: 100%;
  margin-left: 0em;
  margin-bottom: 12px;
}

.detail2 img {
  width: 100%;
  height: auto;
}

.detail2 .content {
  padding: 16px;
}

.detail2 .content p {
  font-size: 13px;
  color: #333;
  text-indent: 2em;
  line-height: 20px;
}




.elkjxq_con {
  padding: 16px;
  position: relative;
}

.elkjxq_con>img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.elkjxq_con_item {
  width: 100%;
  margin-top: 15px;
}

.elkjxq_con_item_t {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  padding-left: 6px;
  border-left: 2px solid #4170F2;
  line-height: 12px;
}

.elkjxq_con_item_b p {
  font-size: 13px;
  color: #333;
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.elkjxq_con_item_b p img {
  width: auto;
  height: 12px;
  margin-right: 8px;
}

.elkjxq_con_item_b>img {
  width: 50%;
  height: auto;
  margin-top: 8px;
}

.txxx {
  width: 100%;
  padding: 0 16px 40px;
  border-top: 1px solid #eee;
}

.item_ipt {
  display: flex;
  align-items: flex-start;
  padding: 12px 0 8px;
  border-bottom: 1px solid #eee;
}

.item_ipt_l {
  font-size: 13px;
  color: #666A74;
}

.item_ipt_r {
  width: 75%;
}

.item_ipt_r input {
  width: 100%;
  font-size: 13px;
  color: #333333;
  outline: none;
}

.item_ipt_r textarea {
  width: 100%;
  font-size: 13px;
  color: #333333;
  outline: none;
  border: none;
  padding: 2px 0;
}

.czxq {
  background: #fff;
}

.czxq .box {
  width: 100%;
  padding: 18px 16px;
  border-bottom: 1px solid #DDDDDD;
}

.czxq .box:nth-last-child(1) {
  border: none;
}

.czxq .box .item {
  display: flex;
  align-content: flex-start;
}

.czxq .box .item .item_l {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.czxq .box .item .item_r {
  width: calc(100% - 52px);
}

.czxq .box .item .item_r .item_name {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
}

.czxq .box .item .item_r .item_time {
  font-size: 13px;
  color: #B2B4B8;
  margin: 6px 0 12px;
}

.czxq .box .item .item_r .item_con {
  font-size: 13px;
  color: #353A45;
}

.box .title {
  font-size: 15px;
  color: #4170F2;
  font-weight: bold;
  margin-bottom: 16px;
}

.czxq .box .item textarea {
  width: 100%;
  padding: 12px;
  background: #F6F7F8;
  border-radius: 8px;
  border: none;
  outline: none;
}


/* 平语近人 */
.pyjr .item {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  margin-bottom: 10px;
}

.pyjr .item .item_l {
  width: 80px;
  height: 142px;
}

.pyjr .item .item_r {
  padding-left: 12px;
}

.pyjr .item .item_r .item_tit {
  font-size: 15px;
  color: #353A45;
  font-weight: bold;
}

.pyjr .item .item_r .item_con {
  font-size: 13px;
  color: #666A74;
  margin: 24px 0 18px;
}

.pyjr .item .item_r .item_name {
  font-size: 13px;
  color: #B2B4B8;
}

/* 党建故事 */
.djgs {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.djgs .item {
  width: calc(50% - 5px);
  margin-right: 10px;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;

  margin-bottom: 10px;
}

.djgs .item:nth-child(2n) {
  margin-right: 0;
}

.djgs .item .item_l {
  width: 100%;
  height: 94px;
}

.djgs .item .item_r {
  padding: 12px;
  width: 100%;
}

.djgs .item .item_r .item_tit {
  font-size: 13px;
  color: #353A45;
  font-weight: bold;
  margin-bottom: 12px;
}

.djgs .item .item_r .item_name {
  font-size: 11px;
  color: #999;
}

/* 红色电影 */
.hsdy .item .item_l {
  height: 112px;
  position: relative;
}

.hsdy .item .item_l img:nth-child(1) {
  width: 100%;
  height: 100%;
}

.hsdy .item .item_l img:nth-child(2) {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 日常任务 */
.rcrw {
  width: 100%;
}

.rcrw .item {
  width: 100%;
  height: 112px;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 12px;
  background: #fff;
  position: relative;
}

.rcrw .item .item_num {
  font-size: 15px;
  color: #E94D51;
  font-weight: bold;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}

.rcrw .item .item_l {
  width: 88px;
  height: 100%;
}

.rcrw .item .item_r {
  width: calc(100% - 88px);
  height: 100%;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rcrw .item .item_r .item_tit {
  width: 80%;
  font-size: 14px;
  color: #353A45;
  font-weight: bold;
}

.rcrw .item .item_r .item_con {
  width: 80%;
  font-size: 14px;
  color: #666A74;
}

.rcrw .item .item_r .item_r_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rcrw .item .item_r .item_r_bot .item_r_bot_l {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.rcrw .item .item_r .item_r_bot .item_r_bot_l img {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}

.rcrw .item .item_r_bot .item_r_bot_l p {
  margin-left: 8px;
}

.rcrw .item .item_r_bot .item_r_bot_l p span {
  color: #4170F2;
}

.rcrw .item .item_r_bot .item_r_status {
  width: 56px;
  height: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}

.jxz {
  color: #F59A2F;
  background: rgba(245, 154, 47, 0.24);
}

/* 我的报警求助 */

.wdbjqz {
  width: 100%;
}

.wdbjqz .item {
  display: flex;
  width: 100%;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}

.wdbjqz .item .item_l {
  width: 88px;
  height: 88px;
}

.wdbjqz .item .item_r {
  width: calc(100% - 88px);
  height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0 10px 12px;
}

.wdbjqz .item .item_r .item_con {
  font-size: 14px;
  color: #333333;
}

.wdbjqz .item .item_r .item_time {
  font-size: 11px;
  color: #B2B4B8;
  display: flex;
  align-items: center;
}

.wdbjqz .item .item_r .item_time img {
  width: 11px;
  height: 11px;
  margin-right: 6px;
}


/* 空 */
.empty {
  width: 100%;
  height: 100%;
  padding: 30% 0;
}

.empty img {
  display: block;
  width: 60%;
  height: auto;
  margin: 0 auto;
}

/* 我的疫情防控 */
.wdyqfk .item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 10px;
}

.wdyqfk .item .item_l {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(65, 112, 242, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wdyqfk .item .item_l img {
  height: 14px;
  width: auto;
}

.wdyqfk .item .item_r {
  width: calc(100% - 24px);
  padding-left: 12px;
  font-size: 14px;
  color: #353A45;
}


/* 个人信息 */
.userinfo {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.userinfo_con {
  width: 100%;
  padding: 0px 16px;
}

.userinfo_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  border-bottom: 1px solid #EEEEEE;
}

.userinfo_item_l {
  font-size: 14px;
  color: #333;
}

.userinfo_item_r {
  font-size: 13px;
  color: #666;
}

.userinfo_item_r img:nth-child(1) {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.userinfo_item_r img:nth-child(2) {
  width: 12px;
  height: 12px;
}

select {
  /*appearance: none;*/
  /*-moz-appearance: none;*/
  /*-webkit-appearance: none;*/
  background: transparent;
  border: none;
  outline: none;
}

.userinfo_item_r input {
  text-align: right;
  outline: none;
  font-size: 13px;
  color: #666;
}