[v-cloak]{
    display: none;
  }
  html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
  ul,ol,dl{list-style-type:none}
  html,body{*position:static;box-sizing: border-box}
  html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
  address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
  input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
  input,button{overflow: visible;vertical-align:middle;outline:none}
  body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
  body{line-height:1.6;color: #333;box-sizing: border-box;}
  h1,h2,h3,h4,h5,h6{font-size:100%}
  a,area{outline:none;}
  a{text-decoration:none;cursor: pointer;color: #333;}
  a:hover{text-decoration:underline;outline:none}
  a.ie6:hover{zoom:1}
  a:focus{outline:none}
  a:hover,a:active{outline:none}:focus{outline:none}
  sub,sup{vertical-align:baseline}
  button,input[type="button"], input[type="submit"] {line-height:normal !important}
  /*img*/
  img{border:0;vertical-align:middle;max-width: 100%}
  a img,img{-ms-interpolation-mode:bicubic}
  .img-responsive{max-width: 100%;height: auto}

  a:link,a:visited{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
  }
  
  @media screen and (min-width: 750px) {
    html{
      font-size: 100px !important;
    }
  }
 .bx-mian{
    position: relative;
    max-width: 7.5rem;
    height: 100vh;
    min-height: 10rem;
    margin: 0 auto;
  }
.bx-plr{
    padding: .2rem;
}
.index-bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180.00deg, rgb(96, 206, 158) 1.33%,rgba(96, 206, 158, 0) 101.436%);
    height: 4rem;
    z-index: -1;
}
.bx-banner img{
    border-radius: .3rem;
}
.van-nav-bar{
    background: linear-gradient(180.00deg, rgb(96, 206, 158) 1.33%,rgba(96, 206, 158, 0.1) 101.436%);;
}
.van-hairline--bottom::after {
    border: none;
}
.van-nav-bar__title{
    color: #fff;
}
.bx-title{
    display: flex;
    align-items: center;
}
.icon-dz{
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background: url(../images/icon-dz.png) no-repeat center;
    background-size: .4rem;
}
.bx-title span{
    display: inline-block;
    font-size: .32rem;
    color: #333;
    font-weight: 700;
    padding-left: .1rem;
}

/* list-neew */
.list-neew ul li{
    padding: .2rem 0;
    border-bottom: solid 1px #eee;
}
.list-neew ul li a{
   display: flex;
   align-items: center;
}
.list-neew ul li .pic{
    width: 2rem;
    height: 1.5rem;
    border-radius: .1rem;
    overflow: hidden;
}
.list-neew ul li .pic img{
    vertical-align: middle;   
}
.list-neew ul li .tet{
    width: calc(100% - 2rem);
    padding-left: .2rem;
}
.list-neew ul li .tet h3{
    font-size: .28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: .4rem;
    height: .8rem;
}
.list-neew ul li .tet span{
    font-size: .28rem;
    color: #999;
    display: block;
    padding-top: .2rem;
}
/* list-neew */

.bx-detail-title{
    padding: .2rem 0;
    text-align: center;
}
.bx-detail-title h3{
    font-size: .32rem;
}
.bx-detail-title span{
    font-size: .24rem;
    color: #999;
    display: inline-block;
    padding-top: .2rem;
}
.bx-detail-mian{
    font-size: .28rem;
    color: #666;
    padding-bottom: .2rem;
}
.bx-detail-mian img{
    display: block;
    margin: .2rem 0;
    width: 100%;
}


.h-20{
    height: 2rem;
}


/* nav */
.footer-nav{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.04);
    background: rgb(255, 255, 255);
    padding: .2rem .4rem;
    z-index: 9;
    box-sizing: border-box;
}
.footer-nav ul{
    display: flex;
    justify-content: space-between;
}
.footer-nav ul li {
    text-align: center;
}
.footer-nav ul li img{ 
    width: .48rem;
}
.footer-nav ul li p{
    font-size: .22rem;
    color: #8F99A7;
}
.footer-nav ul li:nth-child(3){
   width: .5rem;
   position: relative;
}
.footer-nav ul li:nth-child(3) img{
    position: absolute;
    width: 1.2rem;
    max-width: 1.2rem;
    left: 50%;
    margin-left: -0.6rem;
    top: -.6rem;
}
.footer-nav ul li.cur p{
    color: #60CE9E;
}

.bx-bjf{
    background-color: #fff;
    border-radius: .4rem .4rem 0 0;
    margin-bottom: .2rem;
}
.van-nav-bar .van-icon {
    color: #fff;
}

/* list-2 */

.bx-list-jz ul li {
    margin-bottom: .4rem;
}
.bx-list-jz ul li a{
  display: block;
}
.bx-list-jz ul li a .pic{
    position: relative;
}
.bx-list-jz ul li a .pic img{
    width: 100%;
    border-radius: .2rem;
}
.bx-list-jz ul li a .pic span{
    position: absolute;
    left: .2rem;
    top: .2rem;
    background-color: #FF9A3F;
    font-size: .22rem;
    color: #fff;
    padding: 5px 10px;
    border-radius: .1rem;
}
.bx-list-jz ul li a .tet{
    position: relative;
    z-index: 2;
    border-radius: .2rem;
    box-shadow: 0px 4px 18px 0px rgba(195, 209, 232, 0.2);
    background: rgb(255, 255, 255);
    padding: .2rem;
    margin-top: -.3rem;
}
.bx-list-jz ul li a .tet h3{
    font-size: .3rem;
}
.bx-list-jz ul li a .tet .tet-f{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .26rem;
    color: #666;
    padding-top: .2rem;
}
.bx-list-jz ul li a .tet .img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.1rem;
}

.DonationDetail{
    background-color: #f9f9f9;
    min-height: 100vh;
}
.DonationDetail h3{
    font-size: .32rem;
    padding: .4rem 0;
}
.DonationDetail .tet{
    background-color: #fff;
    border-radius: .2rem;
    padding: .2rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.DonationDetail .tet  div{
    width: 40%;
}
.DonationDetail .tet p{
    font-size: .32rem;
    padding-bottom: .1rem;
}
.DonationDetail .tet span{
    font-size: .26rem;
    color: #666;
}
.xq-title{
    font-size: .3rem;
    padding: .2rem 0;
    border-bottom: solid 1px #eee;
    margin: .2rem 0;
    font-weight: 700; 
}
.foot-but{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: .2rem;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    z-index: 5;
    align-items: center;
    justify-content: space-between;
}
.foot-but p{
    font-size: .28rem;
    color: #FF9A3F;
}
.foot-but button{
    background-color: #60CE9E;
    border-radius: .4rem;
    font-size: .28rem;
    color: #fff;
    padding: .2rem 1rem;
    border: none;
    outline: none;
}

.tc-Donation{
    padding: .4rem .2rem;
}
.tc-Donation h3{
    text-align: center;
    font-size: .32rem;
}
.tc-Donation  .input-f{
    display: flex;
    align-items: center;
    background-color: #EBF9F3;
    padding: .2rem;
    border-radius: .1rem;
    margin: .4rem 0 .2rem 0;
}
.tc-Donation  .input-f p{
    font-size: .28rem;
}
.tc-Donation  .input-f span{
    font-size: .26rem;
}
.tc-Donation  .input-f input{
    margin-left: auto;
    text-align: right;
    width: 4rem;
    height: .5rem;
    margin-right: .1rem;
    background:none;
    border: none;
    outline: none;
}
.tc-Donation textarea{
    height: 2rem;
    width: 100%;
    border: solid 1px #DFDFDF;
    padding: .1rem;
    font-size: .26rem;
    box-sizing: border-box;
    border-radius: .2rem;
    margin-bottom: .2rem;
}
.tc-Donation  .ckb-p{
    font-size: .26rem;
    color: #999;
    padding-left: .1em;
}
.tc-Donation  .ckb-p a{
    color: #60CE9E;
}
.tc-Donation  button{
    background-color: #60CE9E;
    width: 100%;
    border-radius: .4rem;
    font-size: .28rem;
    color: #fff;
    padding: .2rem .2rem;
    border: none;
    outline: none;
    margin-top: .4rem;
}
.bx-pt20{
    padding-top: .2rem;
}
.bx-p20{
    padding: .2rem;
}
.tc-Donation .input-sl{
    border: solid 1px #DFDFDF;
    border-radius: .1rem;
    overflow: hidden;
    margin-top: .4rem;
}
.tc-Donation .input-but{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .2rem;
}
.tc-Donation .input-but button{
    width: 30%;
}
.tc-Donation .input-but button.cor-q{
    background-color: #999;
}
.tc-Donation .input-but button.cor-f{
    background-color: #FF9A3F
}
.foot-but2 button{
    width: 100%;
}
.bx-banner {
    overflow: hidden;
}

/* my */
.my-top{
    display: flex;
    align-items: center;
    padding: .4rem .2rem .2rem .2rem;
}
.my-top .pic{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    overflow: hidden;
}
.my-top .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my-top .my-tet{
    display: flex;
    align-items: center;
    margin-left: auto;
    background: linear-gradient(134.14deg, rgb(255, 210, 169) 0.351%,rgb(255, 178, 109) 101.538%);
    border-radius: .4rem;
    padding: .1rem .3rem;
    font-size: .26rem;
    color: #A46833;
}
.my-top .tet{
    padding-left: .2rem;
    color: #fff;
}
.my-top .tet h3{
    font-size: .30rem;
    width: 3rem;
}
.my-top .tet p{
    padding-top: .1rem;
    font-size: .26rem;
}
.my-top .tet .my-login{
    background-color: #60CE9E;
    border-radius: .4rem;
    font-size: .28rem;
    color: #fff;
    padding: .1rem .4rem;
    border: none;
    outline: none;
    margin-top: .4rem;
}

.icon-qd{
    background:url(../images/icon-qd.png) no-repeat center;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-size: .3rem;
    margin-right: .1rem;
    
}
.bj-f9{
    background-color: #f9f9f9;
    min-height: 100vh;
}
.my-bat{
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my-bat .li{
    width: 48%;
    padding: .2rem .4rem;
    background: url(../images/img-bj1.png) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    border-radius: .2rem ;
    display: flex;
    align-items: center;
}
.my-bat .li-c{
    background: url(../images/img-bj2.png) no-repeat center;
    background-size: cover;
}
.my-bat .li .pic{
    background-color: #fff;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-bat .li .pic img{
    width: 70%;
}
.my-bat .li .tet{
    width: calc(100% - .8rem);
    padding-left: .2rem;
    color: #fff;
    box-sizing: border-box;
}
.my-bat .li .tet h3{
    font-size: .34rem;
    font-weight: initial;
}
.my-bat .li .tet p{
    font-size: .26rem;
}
.my-list{
    padding: .2rem;
    box-sizing: border-box;
}
.my-list ul{
    background-color: #fff;
    border-radius: .2rem;
    padding: .2rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.my-list ul li{
    width: 25%;
    text-align: center;
    padding: .2rem 0;
}
.my-list ul li img{
    height: .56rem;
}
.my-list ul li p{
    font-size: .28rem;
    padding-top: .2rem;
}
.van-field--disabled .van-field__label {
    color: #666666;
}

.van-field__control{
    font-size: 14px;
}
.personal-tx{
    text-align: center;
    padding: .4rem 0 .8rem 0;
}
.personal-tx .pic{
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.personal-tx .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.personal-tx  p{
    display: inline-block;
    padding: .1rem .4rem;
    font-size: .26rem;
    color: #fff;
    background-color: #60CE9E;
    border-radius: .4rem;
    margin-top: .1rem;
}
.but{
    position: fixed;
    width: 100%;
    bottom:  .2rem;
    left: 0;
    padding: .2rem;
    box-sizing: border-box;
}
.but button{
    background-color: #60CE9E;
    width: 100%;
    border-radius: .4rem;
    font-size: .28rem;
    color: #fff;
    padding: .2rem .2rem;
    border: none;
    outline: none;
    margin-top: .4rem;
}

.van-cell-group::after{
    content: '';
    border: none;
    border-bottom: 1px solid #ebedf0;
}
.bx-bjf2 {
    border-radius: 0.4rem;
    box-shadow: 0px 4px 40px 0px rgba(195, 209, 232, 0.3);
}

.fomr-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ebedf0;
    padding: .2rem 0;
}
.fomr-list p{
    font-size: .28rem;
    color: #333;
}
.fomr-list span{
    margin-left: auto;
    color: #999;
    font-size: .28rem;
}
.fomr-list input{
    padding-right: .26rem;
}
.fomr-list input,
.fomr-list select{
    margin-left: auto;
    width: 60%;
    font-size: .28rem;
    border: none;
    outline: none;
    text-align: right;
    color: #333;
    -webkit-appearance: none; 
}
.fomr-list  .fomr-pic{
    width: 100%;
    padding-top: .2rem;
}
.fomr-list  textarea{
    width: 100%;
    border: solid 1px #eee;
    border-radius: .2rem;
    height: 3rem;
    margin-top: .1rem;
    padding: .2rem;
    box-sizing: border-box;
}
.fwbo{
    font-weight: 700;
}

.van-collapse-item__content,
.van-cell{
    padding: 10px;
}
.cor-z{
    color: #60CE9E !important;
}
.tet-cljg{
    font-size: .26rem;
    color: #666;
    padding-top: .1rem;
}

.bx-question ul li{
    border: solid 1px #eee;
    padding: .2rem;
    border-radius: .2rem;
    margin-top: .2rem;
}
.bx-question ul li h3{
    font-size: .30rem;
}
.bx-question ul li p{
    font-size: .26rem;
    color: #666;
    padding: .1rem 0;
}
.bx-question ul li span{
    font-size: .26rem;
    color: #999;
}
.bx-question ul li .pic{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.1rem;
}
.bx-question ul li .pic .pic-i{
    margin-top: .2rem;
    width: 33.3%;
    padding: 0 .1rem;
    box-sizing: border-box;
}
.bx-question-d{
   
    width: 100%;
}
.bx-question-d ul li{
     border: none;
     padding: 0;
     margin: 0;
}

/* 无数据 */
.notada{
    padding: 1rem .2rem;
    text-align: center;
    font-size: .28rem;
    color: #999;
}
.notada img{
    width: 2rem;
    margin-bottom: .5em;
}
.bx-question-j{
    position: fixed;
    width: 1.5rem;
    bottom: 20%;
    right: 0;
    z-index: 8;
}


.integral-top{
    background: url(../images/img-jfbj.png) no-repeat center;
    background-size: cover;
    height: 2rem;
    border-radius: .2rem;
    padding: .2rem .4rem;
    box-sizing: border-box;
    color: #fff;
}
.integral-top p{
    font-size: .28rem;
    padding-top: .1rem;
}
.integral-top h3{
    font-size: .56rem;
    padding-top: .1rem;
  
}
.integral-h3{
    font-size: .32rem;
    padding: .2rem 0;
    font-weight: initial; 
     color: #333;
}
.integral-list ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #eee;
    padding: .2rem 0;
}
.integral-list ul li h3{
    font-size: .3rem;
}
.integral-list ul li span{
    font-size: .26rem;
    color: #999;
}
.integral-list ul li p{
    font-size: .28rem;
}

/* 登陆 */
.login-top{
    position: relative;
}
.login-top img{
    width: 100%;
}
.login-top .tet{
    position: absolute;
    z-index: 2;
    top: .5rem;
    left: .2rem;
    font-size: .4rem;
}
.login-input{
    background-color: #EBF9F3;
    display: flex;
    align-items: center;
    padding: .2rem .4rem;
    border-radius: .5rem;
}
.login-input input{
    width: 5rem;
    margin-left: .2rem;
    height: .6rem;
    font-size: .28rem;
    background: none;
    outline: none;
    border: none;
}

.login-mian{
    position: relative;
    z-index: 2;
    margin-top: -.4rem;
    padding: .4rem ;
}
.login-yz{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .4rem;
}
.login-yz .login-input{
    width: 60%;
}
.login-yz .login-input input{
    width: 2rem;
}
.inon-dh{
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url(../images/icno-dh.png) no-repeat center;
    background-size: .4rem;
}
.inon-yz{
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url(../images/icon-yz.png) no-repeat center;
    background-size: .4rem;
}
.login-yz .huoquyzm{
    font-size: .28rem;
    color: #60CE9E;
    background: none;
    outline: none;
    border: none;
}
.login-but button{
    background-color: #60CE9E;
    width: 100%;
    border-radius: .5rem;
    font-size: .28rem;
    color: #fff;
    padding: .3rem .2rem;
    border: none;
    outline: none;
    margin-top: .4rem;
}
.login-bottom  .ckb-p{
    font-size: .26rem;
    color: #999;
    padding-left: .1em;
}
.login-bottom  .ckb-p a{
    color: #60CE9E;
}
.login-bottom{
    position: absolute;
    bottom: .4rem;
    width: 100%;
    left: .4rem;
}
.login-tet{
    font-size: .26rem;
    color: #666;
    text-align: center;
    padding-top: .2rem;
}
.login-tet a{
    color: #60CE9E;
}