body{background-color: #f0f8f7;}
.box{margin-left: auto !important; margin-right: auto !important; width: 92%;}
.home{padding-top: 0.7rem;}
.tit{font-size: 0.26rem; margin-bottom: .35rem;}
.list-box .item{background-color: #fff; border-radius: 0.3rem; display: flex; align-items: flex-start; justify-content: space-between; font-size: 0.26rem; margin-bottom: .3rem;}
.list-box .img{width: 2.5rem; display: block;}
.list-box .t{padding: 0.3rem 0.2rem; display: inline-flex; align-items: center;}
.list-box .t::before{content: ''; display: block; width: 0.07rem; height: 0.2rem; margin-right: 0.1rem; border-radius: 0.2rem;}
.list-box .item:nth-child(1) .t::before{background-color: #1bd0aa;}
.list-box .item:nth-child(2) .t::before{background-color: #ffb105;}
.list-box .item:nth-child(3) .t::before{background-color: #fd7356;}


.bottom-pup{position: fixed; width: 100%; height: 100%; z-index: 90; background-color: rgba(0,0,0,0.5); left: 0; top: 0; display: none;}
.bottom-pup.on{display: block;}
.bottom-pup .con{width: 100%; background-color: #fff; border-radius: 0.2rem 0.2rem 0 0; position: absolute; bottom: 0; left: 0;}

.pup-tit{font-size: 0.28rem; text-align: center; padding: 0.34rem 0;}

.pup-list{padding-bottom:20px;}
.pup-list .item{background-color: #f2f4f9; border-radius: 0.16rem;  margin-bottom: 0.2rem; display: flex; align-items: center; padding: 0rem 0.2rem; height: 0.8rem;}
.pup-list .icon{width: 0.3rem; margin-right: 0.12rem;}
.pup-list .name{font-size: 0.24rem; flex: 1;}
.pup-list .jt{width: 0.1rem;}
.bottom-pup .close{position: absolute; right: 0.1rem; top: 0.1rem; width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.bottom-pup .close img{width: 0.3rem;}



.dr-tit{font-size: 0.26rem; text-align: center; padding: 0.7rem 0 0.4rem; padding-bottom:0.1rem}
.dr-tit1{font-size: 0.16rem; text-align: center; padding-bottom:0.7rem; color:#999}

.dr-text{background-color: #f2f4f9; border-radius: 0.16rem; display: block; width: 100%; margin-bottom: 0.2rem; position: relative; overflow: hidden;}
.saoma-btn{width: 0.6rem; height: 0.6rem; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0;}
.saoma-btn img{width: 60%;}
.area{padding: 0.2rem; height: 1.35rem; display: block; background-color: transparent; width: 100%;}
.daoru .item1{margin-bottom: 0.4rem;}
.pass,.account{height: 0.6rem; padding: 0 0.2rem;background-color: transparent;}
.pass{ flex: 1;}
.item2{display: flex; align-items: center; justify-content: space-between;}
.show-btn{width: 0.6rem; height: 0.6rem; background-position: center; background-repeat: no-repeat; background-size: 50%; background-image: url(../images/eye2.png);}
.show-btn.show{background-image: url(../images/eye1.png);}

.daoru-bottom{padding-bottom: 0.5rem;position: relative;bottom:20px}

.daru-box{
  display: flex;
  /* 改为纵向排布（上下排列） */
  flex-direction: column;
  /* 垂直方向居中对齐 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  height: 100vh; /* 必须给高度，居中才生效 */
}
.flex-1{flex: 1;}
.checkbox{display: flex; align-items: center; font-size: 0.28rem;}
.checkbox .btn{width: 0.28rem; height: 0.28rem; margin-right: 0.2rem;}
.checkbox a{color: #52bbac;}
.submit{width: 100%; border: none; outline: none; height: 0.6rem; margin: 0.3rem 0 0 0; border-radius: 0.16rem; font-size: 0.26rem; display: flex; align-items: center; justify-content: center; background-color: #459e91; color: #fff;}





#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;background: rgba(0,0,0,.6); left:0; display:none}
#wxnr .nrdf{margin: auto;position: absolute;bottom: 50%;left: 0;right: 0;width:400px;height:auto;padding:15px;padding-top: 20px;margin-top: -2.5rem;text-align:center;}


#wxnr .title{border-bottom:1px solid #CCCCCC; text-align:left; padding-bottom:10px; font-size:16px; font-weight:bold}

#wxnr img{max-width:100%}
#wxnr .pic{width:40%; float:right; margin-top:10px;}
#wxnr .texttext{font-size:14px;line-height:30px;text-align:center;width:60%; float:left; text-align:left; margin-top:30px; font-size:16px;}


#wxnr i{position: absolute;top: 10px;right:10px;width:30px;height:30px;font-size:12px;line-height:30px;text-align:center;color: #fff;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{ color:#009999; font-weight:bold}


@media only screen and (max-width:828px) {
#wxnr .nrdf{width:80%;bottom: 45%;}
#wxnr .pic{width:100%; float:right; margin-top:10px;}
#wxnr .texttext{ width:100%}

}