@charset "utf-8";/* CSS Document */body,html {margin:0;padding:0;font:12px/180% "微软雅黑","Helvetica Neue",Arial,Helvetica,sans-serif;}
::-webkit-scrollbar{width:0;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}
* {margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body {width:100%;background-color:#f6f6f6;min-width:320px;max-width:750px;margin:0 auto;padding-top:1rem;}
body a {outline:none;blr:expression(this.onFocus=this.blur());}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;list-style:none;}
li {list-style:none;vertical-align:bottom;}
img {border:none;display:block;}
em,i {font-style:normal;}
a {text-decoration:none;color:#808080;display:block;}
.disable {display:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:"";height:0;display:block;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;clear:both;}
input,textarea {outline:none;resize:none;font-family:"微软雅黑",Helvetica,Arial,sans-serif;}
button {font-family:"Arial";outline:none;cursor:pointer;}
select {background:#fff;outline: none;}
input {border:0;}
img {max-width:100% !important;}
.bg {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:999;}
.fiexd {position:fixed;right:0;left:0;z-index:999;}
.filter {filter: blur(2);}
/*flex布局*/

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.flex_one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex_two {
    display: flex;
    justify-content: center;
}
.flex_three {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex_only{
    display: flex;
}
/*距离下边边距*/
.marb1 {
    margin-bottom: 1rem;
}
/* 首页 */
.header {
    background: url(../images/bg.png) no-repeat center top;
    background-size: 100% 100%;
    width: 100%;
    height: .9rem;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center !important;
    z-index: 999;
}

.header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 750px;
    width: 100%;
}

.logo img {
    width: 100%;
}

.laba {
    width: .44rem;
    height: .44rem;
}

.header .dot {
    position: absolute;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #fff;
    right: .1rem;
    transform: translate(0, -.1rem);
}

/*banner*/
.banner {
    position: relative;
    width: 100%;
    height: 3.333rem;
    overflow: hidden;
}

.banner .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 3.333rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.banner .swiper-slide img {
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.banner .s_btn {
    position: absolute;
    top: 7.9rem;
    z-index: 3;
}

.b_btn {
    position: absolute;
    right: 50%;
    top: 1.12rem;
    margin-right: -620px;
    z-index: 3;
}

.b_btn a {
    float: left;
    width: 2.4rem;
    line-height: 1rem;
    background: #FD8225;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    border-radius: .1rem;
    margin-left: .6rem;
}

.b_btn a.on {
    background: #fd7005;
}

.b_btn a:hover {
    background: #FE6902;
}

.banner .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: .2rem;
}

.banner .swiper-pagination span {
    margin: 0 .1rem;
    width: .15rem;
    height: .15rem;
    opacity: 1.0;
    background: #fff;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fd7005;
}

/* 历史善款 */
.history {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: .26rem;
    height: 1rem;
    color: #101010;
    border-bottom: 0.02rem solid #e8e8e8;
    background: #fff;
}

.history div {
    display: flex;
}

.history p {
    color: #FE6902;
}

/* 助学、希望基地、健康守护、一对一 */
.four_btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 2.3rem;
    margin-bottom: .24rem;
    background: #fff;
}

.four_btn a p {
    font-size: .26rem;
    color: #333333;
}

.four_btn a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.four_btn a div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .83rem;
    height: .83rem;
    border-radius: 50%;
    margin-bottom: .16rem;
}

.four_btn .help div {
    background: #FC883D;
}

.four_btn .base div {
    background: #FEAD28;
}

.four_btn .health div {
    background: #20D274;
}

.four_btn .one div {
    background: #408AF5 10000%;
}

/* 大家都在捐 */
.donate {
    background: #fff;
    padding: 0 .3rem;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: .24rem;
}

.public_header .title {
    font-size: .32rem;
    color: #101010;
    height: .5rem;
    line-height: .5rem;
    display: flex;
    align-items: center;
    background: #fff;
    padding-left: .312rem;
}

.public_header .title:before {
    content: "";
    display: block;
    width: .08rem;
    height: .36rem;
    background: #FEAD28;
    border-radius: 2px;
    margin-right: .15rem;
}

.donate ul {
    width: 13.44rem;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: wrap;
}

.donate ul li {
    width: 3.14rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: .4rem;
    margin-right: .18rem;
}

.donate img {
    width: 3.14rem;
    height: 1.76rem;
}

.donate ul li .title {
    font-size: .3rem;
    height: .42rem;
    line-height: .42rem;
    color: #101010;
}

.donate ul li .money {
    font-size: .26rem;
    color: #808080;
    height: .38rem;
    line-height: .38rem;
}

.progress {
    border-radius: .06rem;
    background-color: #eee;
    margin-top: -2px;
    position: relative;
}

.progress span {
    display: block;
    position: relative;
    height: .12rem;
    border-radius: .06rem;
    background-color: #FEAD28;
}

/* 项目推荐 */
.public_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 1rem;
}

.public_header .more {
    font-size: .28rem;
    color: #333333;
    display: flex;
    margin-right: .2rem;
}

.index_product li {
    float: left;
    border-top: 0.02rem #f2f2f2 solid;
    border-bottom: 0.02rem #f2f2f2 solid;
    overflow: hidden;
    width: 100%;
    margin-bottom: .24rem;
    background: #fff;
}

.index_product li a {
    display: block;
    padding: 0 .2rem;
    padding-top: .2rem;
}

.index_product li .btn {
    width: 2.3rem;
    height: .84rem;
    line-height: .84rem;
    background-color: #059669;
    color: #fff;
    border-radius: .42rem;
    float: right;
    font-size: .3rem;
    text-align: center;
    margin: .28rem 0;
    margin-right: .2rem;
    padding-top: 0;
}

.index_product h4 {
    display: block;
    line-height: .8rem;
    font-size: .36rem;
    font-weight: 400;
    color: #101010;
    padding-top: .25rem;
}

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

.progress i {
    display: block;
    right: -.42rem;
    top: -.66rem;
    position: absolute;
    width: .84rem;
    line-height: .5rem;
    color: #fff;
    font-size: .24rem;
    border-radius: .08rem;
    background-color: #FEAD28;
    text-align: center;
}

.progress i::after {
    position: absolute;
    left: .26rem;
    top: 100%;
    content: "";
    border-top: .08rem #FEAD28 solid;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
}

.index_product .list p {
    float: left;
    font-size: .26rem;
    color: #808080;
    width: 35%;
    margin: .2rem 0;
    margin-bottom: .4rem;
}

.index_product .list p b {
    display: block;
    font-size: .4rem;
    font-weight: 400;
    color: #FE6902;
    line-height: .6rem;
}

.index_product .list p b em {
    font-size: .26rem;
}

.index_product .list p:nth-child(2) {
    width: 1.9rem;
    text-align: left;
}

.index_product .list p:nth-child(2) b {
    color: #808080;
}

.index_product .list p:nth-child(3) {
    text-align: right;
}

.index_product .btn a {
    float: left;
    width: 3.32rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .26rem;
    color: #fff;
    background: #059669;
    border-radius: .35rem;
    margin: 0 .24rem;
}

.index_product .btn a:hover {
    background: #FEAD28;
}

.index_product .btn a:last-child:hover {
    background-color: #8ce059 !important;
}

/* 捐款信息 */
.gift {
    background: #fff;
    margin-bottom: .24rem;
}

.gift::before {
    display: block;
    content: '';
    height: .24rem;
    background: linear-gradient(to right, #FEAD28, #059669);

}

li.index_form {
    width: 6.72rem;
    padding-bottom: .52rem;
}

.index_form b {
    display: block;
    font-size: .5rem;
    color: #FEAD28;
    font-weight: 400;
    line-height: 1rem;
    height: 1.2rem;
    text-align: center;
    margin-bottom: .12rem;
}

.index_form select {
    margin-bottom: .5rem;
    display: block;
    border: 0.02rem #eaeaea solid;
    padding: .24rem 0;
    border-radius: 6px;
    padding-left: .24rem;
    width: 3.18rem;
    font-size: .28rem;
    color: #666;
}

.index_form button {
    display: block;
    border: 0;
    width: 100%;
    height: .84rem;
    background-color: #059669;
    border-radius: .42rem;
    font-size: .32rem;
    color: #fff;
}

.index_form button:hover {
    background: #FD8225;
}

.index_form01 select {
    width: 100%;
}

.index_form01 h4 {
    display: block;
    font-size: .32rem;
    color: #101010;
    font-weight: 400;
    line-height: .44rem;
    margin: .35rem 0 .5rem;
    text-align: center;
}

.index_form01 input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #666;
    padding-left: .24rem;
    border-radius: 6px;
    border: 0.02rem #eaeaea solid;
    margin-bottom: .5rem;
}

.gift_list li {
    margin-bottom: .4rem;
    height: .6rem !important;
    line-height: .5rem;
    font-size: .28rem;
    color: #ccc;
}

.gift_list li>img {
    float: left;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    margin-right: .16rem;
}

.gift_list h4 {
    float: left;
    width: 1.76rem;
    font-size: .28rem;
    font-weight: 400;
    color: #101010;
}

.gift_list h4 img {
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
}

.gift_list h4 i {
    display: inline-block;
    font-size: .24rem;
    color: #FD8225;
    vertical-align: bottom;
    line-height: .3rem;
}

.gift_list p {
    float: left;
    width: 2.8rem;
    color: #666;
}

.gift_list span {
    overflow: hidden;
    display: block;
    text-align: right;
    width: 1.36rem;
}

.gift_list .more {
    text-align: center;
    font-size: .26rem;
    color: #808080;
    padding: .3rem 0 .5rem;
}

.gift_list .more a {
    font-size: .28rem;
    color: #808080;
}

.gift ul.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 累积捐赠 */
.in_come {
    min-height: 10.4rem;
    background: url(../images/img_01.jpg) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
    color: #fff;
    margin-bottom: .24rem;
}

.in_come .top p {
    font-size: .4rem;
    text-align: center;
    margin: .72rem 0 .64rem;
}

.in_come .con ul li {
    margin-top: .18rem;
    width: 1.86rem;
    text-align: center;
    float: left;
}

.in_come .con ul li p i {
    height: auto;
}

.in_come .top b {
    display: block;
    font-size: 1.08rem;
    font-weight: 400;
    text-align: center;
    height: .96rem;
}

.in_come .con p {
    font-size: .24rem;
    width: 1.86rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.in_come .con i {
    display: block;
    font-size: .4rem;
    font-weight: 400;
    line-height: .7rem;
    display: block;
    height: 1.08rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}

/* 新闻资讯 */
.news {
    background: #fff;
    height: auto;
    margin-bottom: .24rem;
}

.news .tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.02rem solid #f0f0f0;
}

.news .title.tabs em {
    text-align: center;
    font-size: .28rem;
    color: #333;
    font-weight: 400;
    cursor: pointer;
    width: 1.8rem;
    height: .72rem;
    border-bottom: 2px solid #fff;
}

.news_list .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
}

.news_list .list li a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 6.96rem;
    margin-bottom: .5rem;
}

.news_list .list .left {
    width: 2.1rem;
    height: 1.4rem;
}

.news_list .list .left img {
    width: 100%;
    height: 100%;
}

.news_list .list .right {
    height: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news_list .list .right .title {
    color: #101010;
    font-size: .3rem;
    width: 4.56rem;
    height: .88rem;
    line-height: .45rem;
    overflow: hidden;
}

.news_list .list .right .time {
    font-size: .26rem;
    color: #808080;
    line-height: .19rem;
}


/* 学生 */
.help_students {
    background: #fff;
    height: auto;
    margin-bottom: 1.68rem;
}

.main .tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.02rem solid #f0f0f0;
    max-width: 750px;
    margin: 0 auto;
}

.help_students .students ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.students li {
    border-bottom: 0.02rem solid #f0f0f0;
    padding-top: .38rem;
    padding-bottom: .48rem;
}

.students li:last-child {
    border-bottom: 0;
}

.students .img {
    float: left;
    border-radius: .08rem;
    overflow: hidden;
    padding-right: .24rem;
}

.students .img img {
    width: .92rem;
    height: .92rem;
    border-radius: 50%;
    margin-top: 0.052rem;
}

.students .con {
    float: left;
    width: 4.2rem;
}

.students h4 {
    display: flex;
    font-size: .26rem;
    color: #101010;
    font-weight: 400;
    line-height: .4rem;
    height: .4rem;
    margin-bottom: .1rem;
}

.students h4 a {
    font-size: .32rem;
    color: #101010
}

.students h4 a:hover {
    color: #FE6902
}

.students h4 img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin: 0 .16rem;
    width: .4rem;
    height: .4rem;
    transform: rotate(45deg);
}

.students h4 i {
    color: #8c8c8c;
    font-size: .26rem;
    margin-right: .3rem;
}

.students p {
    font-size: .26rem;
    color: #8c8c8c;
    line-height: .48rem;
}

.students .btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.students .btn a {
    display: block;
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    border: 0.02rem #059669 solid;
    background-color: #059669;
    border-radius: .3rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
}

.students .btn a.on {
    margin-top: .34rem;
    color: #059669;
    background-color: transparent;
}

.students .btn a:hover {
    background: #FD8225;
    color: #fff;
}

.main .title em {
    text-align: center;
    font-size: .28rem;
    color: #333;
    font-weight: 400;
    cursor: pointer;
    width: 1.2rem;
    height: .72rem;
    border-bottom: 2px solid #fff;
}

.main .title em.on {
    border-bottom: 2px #FE6902 solid;
    color: #FE6902;
}

.main .title em.on a {
    color: #FE6902;
}

/* 底部 */
.footer {
    width: 100%;
    bottom: 0;
    position: fixed;
    left: 0;
    background: #fff;
    display: flex;
    justify-content: center;
}

.footer_list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 1rem;
    max-width: 750px;
    width: 100%;
}

.footer_list a p {
    font-size: .24rem;
}

.footer a div {
    width: .48rem;
    height: .48rem;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}

.footer a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer a.on {
    color: #FE6902;
}

.footer .home {
    background: url('../images/home.svg');
}

.footer .heart {
    background: url('../images/heart.svg');
}

.footer .open {
    background: url('../images/open.svg');
}

.footer .smile {
    background: url('../images/smile.svg');
}

.footer .user {
    background: url('../images/user.svg');
}

.footer a.on .home {
    background: url('../images/home_on.svg');
}

.footer a.on .heart {
    background: url('../images/heart_on.svg');
}

.footer a.on .open {
    background: url('../images/open_on.svg');
}

.footer a.on .smile {
    background: url('../images/smile_on.svg');
}

.footer a.on .user {
    background: url('../images/user_on.svg');
}

/* 浮动框 */
.float_box {
    width: 2.1rem;
    height: 1.4rem;
    position: fixed;
    bottom: 1.5rem;
    right: 0;
    font-size: .26rem;
}

.float_box a {
    display: block;
    color: #fff;
    width: 2.1rem;
    height: .7rem;
    line-height: .7rem;
    padding-left: .2rem;
    text-align: center;
    background-color: rgba(254, 173, 40, .95);
    background-repeat: no-repeat;
    background-position: .2rem center;
}

.float_box .send {
    background-image: url('../images/send.svg?1');
    border-top-left-radius: .3rem;
}

.float_box .help {
    background-image: url('../images/help.svg?1');
    border-bottom-left-radius: .3rem;
}

/* 公益项目 */
.welfare .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .36rem;
    color: #fff;
}

.welfare .header a {
    width: .48rem;
    height: .48rem;
}

.welfare .header .left {
    background: url('../images/left.svg') no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
}

.welfare .header .search {
    background: url('../images/search.svg') no-repeat center center;
    margin-right: .2rem;
    background-size: 100% 100%;
}

.welfare .project {
    margin-bottom: 1.3rem;
}

.welfare .project .title {
    margin-bottom: .24rem;
    border-bottom: 0;
    background: #fff;
    line-height: .5rem;
}

.welfare .title em {
    height: .9rem;
    line-height: .9rem;
    width: auto;
    padding: 0 .376rem;
}

/* 资助学生 */
.aid .header p {
    display: block;
    margin-left: 1.8rem;
}

.aid .header .data {
    color: #ffffff;
    width: 2rem;
    height: auto;
    text-align: right;
    font-size: .32rem;
    margin-right: .3rem;
}

.aid .help_students .students li {
    padding: .48rem 0;
}

.aid .help_students .aid .title em {
    width: 1.2rem !important;
}

.aid .image {
    position: relative;
    margin-bottom: 1rem;
}

.aid .image img {
    width: 100%;
}

.aid .search {
    width: 6.98rem;
    height: 1.54rem;
    border-radius: .12rem;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    transform: translate(.25rem, -2rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

.aid .search input {
    width: 3.54rem;
    height: .84rem;
    border: 0.02rem solid #bbbbbb;
    border-right: 0;
    padding-left: .2rem;
    border-radius: 5px 0 0 5px;
    font-size: .28rem;
}

.aid .search a {
    width: 1.54rem;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    background: #059669;
    color: #fff;
    font-size: .26rem;
    border: 0.02rem solid #059669;
    border-radius: 0 5px 5px 0;
}

.aid .help_students {
    margin-bottom: .24rem;
}

.aid .standards {
    background: #fff;
    height: auto;
    margin-bottom: .24rem;
    padding-bottom: .68rem;
}

.aid .standards .content {
    padding: 0 .4rem;
}

.aid .standards .content p {
    font-size: .3rem;
    line-height: .58rem;
}

.aid .standards p.text {
    color: #101010;
    font-size: .26rem;
    text-indent: 2em;
}

.aid .news {
    height: auto;
}

.aid .news_list .list {
    margin-top: .2rem;
}

.aid .more {
    color: #999999;
}

.aid .record {
    margin-bottom: .24rem;
    background: #fff;
}

.aid .record .gift_list ul li span {
    width: 1.7rem;
}

.aid .notice {
    background: #fff;
    height: auto;
    margin-bottom: .24rem;
}

.aid .notice .notice_list {
    padding-bottom: .38rem;
}

.aid .notice .notice_list ul li {
    border-bottom: 0.02rem solid #f9f9f9;
}

.aid .notice .notice_list ul li:last-child {
    border-bottom: 0;
}

.aid .notice .notice_list ul li a {
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
    line-height: .8rem;
}

.quetions {
    height: 4.68rem;
    background: #fff;
    margin-bottom: 2.8rem;
}

.quetions .tags {
    padding: 0 .3rem;
    display: flex;
    flex-direction: column;
    height: 3rem;
}

.quetions a {
    color: #333333;
    font-size: .28rem;
    line-height: .8rem;
    border-bottom: 0.02rem solid #f9f9f9;
}

.quetions a:last-child {
    border-bottom: 0;
}

.aid .notice .notice_title {
    font-size: .28rem;
    color: #333333;
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aid .notice .time {
    font-size: .26rem;
}

.aid .spare {
    width: 2.4rem;
    height: .68rem;
    background: #FEAD28;
    position: fixed;
    z-index: 999;
    border-radius: .46rem .46rem 0 0;
    transform: translate(2.6rem, -1rem);
    bottom: 0;
    background-image: url(../images/star.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 50% 50%;
}

.aid .spare a {
    color: #fff;
    font-size: .26rem;
    line-height: .7rem;
    text-align: right;
    padding-right: .4rem;
}

/* 完善资料 */
.self {
    margin-bottom: 1.5rem;
}

.self .header p {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-right: .5rem;
}

.lForm ul {
    background: #fff;
    padding: 0 .34rem;
    margin-bottom: .6rem;
}

.lForm li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.02rem solid #f0f0f0;
    height: 1.1rem;
}

.lForm li div input {
    width: 5.5rem;
    max-width: 5.5rem;
    text-align: end;
    font-size: .24rem;
}

.lForm li div img {
    width: 1rem;
    height: 1rem;
}

.btn_group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn_group button {
    width: 6.7rem;
    height: .82rem;
    border-radius: .42rem;
    border: 0.02rem solid #059669;
    font-size: .32rem;
    margin-bottom: .4rem;
}

.btn_group .submit {
    background: #059669;
    color: #fff;
}

.btn_group .password {
    background: #fff;
    color: #059669;
}

.lForm.psw ul {
    height: 3.96rem;
}

.psw ul li {
    height: 1.3rem;
}

/* 学生列表 */
.students_list .search {
    position: static;
    transform: translate(0);
    background: transparent;
}

.students_list .help_students {
    background: transparent;
}

.students_list .title em {
    border-bottom: 2px solid #f6f6f6;
}

.students_list .students {
    display: flex;
    justify-content: center;
}

.students_list .students ul li {
    display: flex;
    background: #fff;
    border: 0;
    padding: .4rem .24rem .3rem .24rem;
    height: 2rem;
    width: 6.45rem;
    margin-top: .24rem;
    border-radius: .2rem;
}

.students_list .students ul li .con {
    width: 3.85rem;
}

.students_list .students p {
    line-height: .48rem;
}

.students_list .students h4 img {
    transform: rotate(45deg);
    margin: 0 .1rem;
}

.students_list .students .btn {
    height: 1.9rem;
}

.students_list .search input {
    width: 4.88rem;
    font-size: .24rem;
}

/* 项目详情 */
.welfare_project .header .share {
    background: url('../images/share.svg') no-repeat;
    margin-right: .2rem;
    background-size: 100% 100%;
}

.welfare_project .tips {
    width: 100%;
    padding: 0 .2rem;
    font-size: .26rem;
    color: #808080;
}

.welfare_project .index_product h4 {
    margin-top: .34rem;
    line-height: normal;
}

.welfare_project .index_product .list {
    padding-bottom: .1rem;
}

.welfare_project .progress {
    margin-top: .4rem;
}

.welfare_project .progress i::after {
    display: none;
}

.welfare_project .progress i {
    width: .72rem;
    height: .32rem;
    line-height: .32rem;
    background-color: #fff;
    color: #FEAD28;
    border: 2px solid #FEAD28;
    top: -.15rem;
}

.detail {
    background-color: #fff;
    min-height: 11.48rem;
}

.detail .public_content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detail .public_content p {
    width: 6.8rem;
    font-size: .28rem;
    color: #808080;
    line-height: .59rem;
    text-indent: 2em;
    text-align: center;
}

.welfare_project .quetions {
    height: auto;
}

.welfare_project .quetions a {
    color: #808080;
}

.welfare_project .quetions .title {
    border-bottom: 2px solid #f9f9f9;
}

.welfare_project .quetions em.on {
    font-size: .28rem;
    color: #fe6902;
    border-bottom: 2px solid #fe6902;
    text-align: center;
    width: 1.96rem;
    display: block;
}

.welfare_project .quetions .tags {
    padding: 0 .3rem;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-top: .2rem;
}

.welfare_project .project {
    margin-bottom: .24rem;
}

.welfare_project div.about {
    font-size: .28rem;
    color: #808080;
    height: auto;
    background: #fff;
    margin-bottom: 1.3rem;
}

.welfare_project div.about .content {
    padding: 0 .3rem;
    padding-bottom: .54rem;
}

.welfare_project div.about p {
    padding: .2rem 0;
    text-indent: 2em;
    line-height: .59rem;
}

.welfare_project div.about a {
    color: #2AAFFE;
}

.welfare .footer_list .btn {
    width: 2.66rem;
    height: .76rem;
    background-color: #059669;
    color: #ffffff;
    font-size: .32rem;
    border-radius: .38rem;
    text-align: center;
    line-height: .76rem;
}

.welfare_project .gift {
    position: absolute;
    background: transparent;
    transform: translate(.2rem, 2rem);
}

.welfare_project .gift::before {
    display: none;
}

.welfare_project .gift_list li {
    padding: .1rem;
    font-size: .24rem;
    margin-bottom: .24rem;
    height: .3rem !important;
    line-height: .3rem;
}

.welfare_project .gift_list li h4 {
    background: rgba(5, 5, 5, .5);
    width: auto;
    color: #2AAFFE;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    padding-left: .2rem;
    border-radius: .6rem 0 0 .6rem;
}

.welfare_project .gift_list li:nth-child(2n) h4 {
    color: #76C627;
}

.welfare_project .gift_list li:nth-child(3n) h4 {
    color: #FEAD28;
}

.welfare_project .gift_list li p {
    background: rgba(5, 5, 5, .5);
    text-align: center;
    min-width: 1.8rem;
    width: auto;
    padding: .1rem 0;
    color: #fff;
}

.welfare_project .gift_list li span {
    background: rgba(5, 5, 5, .5);
    color: #cccccc;
    padding: .1rem;
    text-align: center;
    border-radius: 0 .6rem .6rem 0;
}

.loading .title {
    color: #000000;
    margin-top: .28rem;
    font-size: .32rem;
    margin-bottom: .2rem !important;
}

.loading .date {
    font-size: .26rem;
    color: #808080;
    margin-top: .18rem;
    margin-bottom: .08rem;
}

.loading .sentence {
    font-size: .28rem;
    color: #808080;
    height: 1.4rem;
    line-height: .49rem;
    margin-bottom: .38rem;
}

.loading .img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loading .img div {
    max-width: 2.1rem;
}

.loading .img div img {
    width: 100%;
}

.donate_record ul li {
    display: flex;
    align-items: center;
    margin-bottom: .42rem;
}

.donate_record ul li img {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
}

.donate_record ul li h4 {
    font-size: .28rem;
    font-weight: normal;
    min-width: 2rem;
    display: flex;
    margin-left: .16rem;
}

.donate_record .public_content ul li p {
    width: 2.8rem;
    font-size: .28rem;
    color: #666666;
    text-align: left;
    text-indent: 0;
}

.donate_record ul li span {
    width: 1.7rem;
    font-size: .28rem;
    color: #cccccc;
    text-align: end;
}

.donate_record ul li h4 i {
    color: #FD8225;
    font-size: .2rem;
}

.words ul li .avatar {
    width: .7rem;
    height: .7rem;
}

.words ul li .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.words ul li .nickname div {
    font-size: .28rem;
}

.words ul li .nickname .name {
    color: #101010;
}

.words ul li .nickname .date {
    color: #999999;
}

.words ul li .nickname .info {
    color: #666666;
}

.words ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.6rem;
    border-bottom: 0.02rem solid #f0f0f0;
}

.words ul li .nickname {
    display: flex;
    flex-direction: column;
    height: .92rem;
    justify-content: space-around;
}

/*我要捐款*/
.donation {
    padding: .4rem 0 2rem;
}

.donation_con {
    padding: 1rem 2.4rem;
    font-size: .3rem;
    color: #333;
    line-height: .7rem;
}

.donation_con p {
    color: #333;
}

.d_form b {
    display: block;
    font-size: .3rem;
    color: #333;
    font-weight: 400;
    line-height: .5rem;
    margin-bottom: .3rem;
}

.d_form b i {
    font-size: .3rem;
    color: #FE6902;
    font-weight: 400;
}

.d_form li div {
    overflow: hidden;
}

.d_form input {
    display: block;
    border: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: .3rem;
    color: #333;
    border-radius: .1rem;
    padding-left: .16rem;
    border: 0.02rem #eaeaea solid;
    height: .76rem;
    line-height: .76rem;
    background-color: transparent;
    outline: none;
}

.t_radio a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 0.02rem #eaeaea solid;
    border-radius: .1rem;
    background-color: #f9f9f9;
    line-height: .72rem;
    text-align: center;
    overflow: hidden;
    margin-bottom: .28rem;
    font-size: .3rem;
    color: #333;
}

.t_radio a input {
    padding: 0;
    text-align: center;
    border: 0;
    font-size: .24rem;
}

.t_radio a:nth-child(1),
.t_radio a:nth-child(2),
.t_radio a:nth-child(3) {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.t_radio a:nth-child(3) {
    margin-right: 0;
}

.t_radio a i {
    display: block;
    padding: .18rem 0;
    line-height: .5rem;
    font-size: .32rem;
}

.t_radio a i p {
    font-size: .24rem;
}

.t_radio a.on {
    border-color: #059669;
    color: #059669;
}

.t_radio a.on input {
    color: #059669;
    font-size: .3rem;
}

.check {
    font-size: .28rem;
    color: #333;
    line-height: .55rem;
}

.check p {
    position: relative;
    padding-left: .64rem;
    display: flex;
    padding-bottom: .3rem;
}

.check p em label {
    display: block;
    width: 2rem;
    padding-left: .6rem;
    line-height: .36rem;
}

.check p a {
    padding-left: 1.5rem;
    color: #333333;
    text-decoration: underline;
    padding-top: .3rem;
}

.check em {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    width: 2.36rem;
    height: .36rem;
    background-image: url(../images/img_11.svg);
    background-size: 100% 100%;
    background-position: -1rem center;
    background-repeat: no-repeat;
}

.check em.on {
    background-image: url(../images/img_12.svg);
    background-position: -1rem center;
    background-repeat: no-repeat;
}

.d_btn button {
    display: block;
    border: 0;
    height: .84rem;
    color: #fff;
    background: #059669;
    border-radius: 0.42rem;
    font-size: .3rem;
    cursor: pointer;
    margin-top: .3rem;
}

.d_btn button:hover {
    background: #FD8225
}

.gift_list02 {
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
    padding-right: 0;
    float: none;
}

/* 弹窗 */
/*弹窗*/
.bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.pay_box {
    min-height: 9.66rem;
    position: fixed;
    top: 50%;
    transform: translate(4%, -50%);
    width: 6.9rem;
    background-color: #fff;
    border-radius: 10px;
    z-index: 999;
}

.pay_box .close {
    position: absolute;
    right: -12px;
    top: -35px;
}

.pay_box .close img {
    width: 33px;
}

.pay_box .d_form {
    padding: .42rem 0 .74rem;
    margin: 0 auto;
    width: 6.1rem;
    height: 88%;
    overflow-y: auto;
}

.pay_box .d_form button {
    width: 100%;
}

.pay_box h4 {
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.pay_box h4 em {
    margin-left: 15px;
    font-size: 13px;
    color: #666;
}

.pay_box h3 {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    line-height: 140px;
}

.month {
    height: 10.84rem;
}

.pay_box.month .d_form {
    padding: 0;
}

.month .month_gift {
    display: flex;
    height: 1.5rem;
    line-height: 1.5rem;
}

.success .success_top {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    margin-bottom: .38rem;
}

.success .success_top .icon {
    margin-right: .18rem;
    width: .48rem;
    height: .48rem;
}

.success .success_top .icon img {
    width: 100%;
}

.success .certificate {
    display: flex;
    justify-content: center;
}

.success .button-group {
    margin-top: .36rem;
    display: flex;
    justify-content: space-between;
}

.success.pay_box .d_form {
    padding-bottom: .2rem;
}

.success .button-group button {
    height: .84rem;
    border: 0;
    margin-bottom: .28rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .42rem;
    width:30%;
}

.success .button-group .share_btn {
    background-color: #059669;
}

.success .button-group button {
    background-color: #76C627;
}

.success .button-group .bill_btn {
    margin-bottom: 0;
}

.success .checkbox input {
    display: none;
}

.success .checkbox input[type="radio"]:checked+label {
    background: url('../images/check2.svg') center center;
    background-size: 100% 100%;
}

.success .checkbox {
    height: 1rem;
    position: relative;
    font-size: .3rem;
    padding-left: .2rem;
}

.success .checkbox div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.success .checkbox .screen {
    right: 1.5rem;
}

.success .checkbox .hidden {
    right: .3rem;
}

.success .checkbox label{
    display: block;
    background: url('../images/check.svg') center center;
    width: 1.5rem;
    height: .36rem;
    line-height: .36rem;
    background-size: 100% 100%;
    text-align: right;
    font-size: .3rem;
}

.pay_box.message {
    height: 8.04rem;
}

.message .message_top {
    font-size: .36rem;
    color: #333333;
    margin-bottom: .48rem;
}

.message textarea {
    border-radius: .1rem;
    border: 0.02rem solid #bbbbbb;
    margin-bottom: .1rem;
}

.message .send_message {
    margin-top: .52rem;
    height: .84rem;
    background-color: #059669;
    color: #ffffff;
    border: 0;
    border-radius: .1rem;
}

/* 密码输入框 */
#box {
    display: flex;
    justify-content: center;
}

#box input {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #ffffff;
    text-align: center;
    font-size: .48rem;
    font-weight: bold;
    border-radius: 0;
    padding: 0;
}

.pay_box.pay {
    height: 6.9rem;
}

.pay a.close {
    right: -.15rem;
    top: -.8rem;
}

.pay .d_form a{
    width: 100%;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    font-size: .26rem;
    color: #fff;
    border-radius: .42rem;
    background: #059669;
    margin-top: .78rem;
}

.pay p {
    width: 100%;
    text-align: left;
    font-size: .36rem;
    color: #333333;
}

.pay .pay_method {
    margin-top: .6rem;
}

.pay .pay_method > div {
    padding: .16rem 0;
    border-bottom: .02rem solid #eaeaea;
    height: .76rem;
}

.pay .pay_method  div div {
    display: flex;
    align-items: center;
}

.pay .pay_method input{
    display: none;
}

.pay .pay_method p {
    font-size: .26rem;
    color: #333333;
    padding-left: .3rem;
    line-height: .76rem;
}

.pay .pay_method label {
    display: block;
    background: url(../images/img_11.svg) no-repeat 4.25rem center;
    height: .76rem;
    background-size: 50% 50%;
}

.pay .pay_method input[type="radio"]:checked+label {
    background: url(../images/img_12.svg) no-repeat 4.25rem center;
    background-size: 50% 50%;
}

.pay .pay_method img {
    width: .76rem;
    height: .76rem;

}

.pay .youth {
    width: 100%;
    text-align: center;
    font-size: .3rem;
    color: #333333;
    margin: .74rem 0 .24rem;
}

.pay .d_form .money {
    font-size: .3rem;
    color: #333333;
    text-align: center;
    height: .98rem;
    line-height: .98rem;
    padding: .2rem 0 .54rem;
    border-bottom: 0.02rem solid #f6f6f6;
    margin-bottom: .58rem;
}

.pay .d_form .money em {
    font-size: .8rem;
}

.pay .d_form .method {
    display: flex;
    justify-content: space-between;
    margin-bottom: .28rem;
}

.pay .d_form .method p {
    width: auto;
    font-size: .28rem;
    color: #808080;
}

/* 关于我们 */
.about .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about .header .left {
    width: .48rem;
    height: .48rem;
    background: url(../images/left.svg) no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
}

.about .header a {
    font-size: .44rem;
    color: #fff;
    margin-right: .2rem;
}

.about .header p {
    font-size: .36rem;
    color: #fff;
}

.about .main {
    overflow-y: hidden;
    margin-bottom: .24rem;
    display: flex;
    justify-content: center;
}

.about .main .tabs {
    overflow-y: hidden;
    overflow-x: auto;
    background: #fff;
    width: 9.9rem;
}

.about .main .tabs em {
    width: 1.6rem;
    height: .9rem;
    line-height: .9rem;
}

.about .about_us {
    width: 6.84rem;
}

.about .about_us h1 {
    margin: .64rem 0 .64rem 0;
    font-size: .4rem;
    font-weight: normal;
    color: #101010;
    text-align: center;
    line-height: .5rem;
}

.about .about_us p {
    font-size: .3rem;
    color: #686868;
    text-indent: 2em;
    line-height: .56rem;
}

.about .about_us .address {
    text-indent: 0;
    padding: .6rem 0;
}

/* 我要捐赠 */
.pay_method .body {
    margin-top: .24rem;
}

.pay_method .header {
    display: flex;
    justify-content: space-between;
}

.pay_method .public_header {
    margin-bottom: .3rem;
}

.pay_method .header .left {
    background: url(../images/left.svg) no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
    width: .48rem;
    height: .48rem;
}

.pay_method .header p {
    font-size: .36rem;
    color: #fff;
}

.pay_method .header a {
    font-size: .3rem;
    color: #fff;
}

.pay_method .all {
    margin-bottom: .52rem;
    background: #fff;
}

.pay_method .online .donation_form {
    width: 6.72rem;
}

.pay_method .online {
    display: flex;
    justify-content: center;
}

.pay_method .online .donation_form select {
    width: 100%;
    height: .76rem;
    background: #fff;
    border: 0.02rem solid #eaeaea;
    border-radius: .1rem;
    margin: .3rem 0 .4rem;
    font-size: .3rem;
    padding-left: .15rem;
}

.pay_method .online .donation_form .zx_btn {
    width: 100%;
    margin-bottom: .76rem;
}

.express {
    margin-bottom: .24rem;
    background: #fff;
    font-size: .3rem;
    color: #333333;
    line-height: .7rem;
}

.express .public_header {
    margin-bottom: 0;
}

.express .address {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: .8rem;
}

.express .address div {
    display: flex;
}

.express .address div p:last-child {
    width: 4.84rem;
}

/* 通知消息 */
.message_list {
    background: #fff;
    display: flex;
    justify-content: center;
}

.form .message_list ul {
    padding: 0;
    margin-bottom: .3rem;
}

.form .message_list ul li {
    height: 1.44rem;
}

.form .message_list ul li .brass {
    width: .32rem;
    height: .32rem;
    margin-right: 0.19rem;
}

.form .message_list ul li .brass img {
    width: 100%;
    height: 100%;
    padding-top: .05rem;
}

.form .message_list .new_message .title {
    font-size: .3rem;
    width: 6.62rem;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: .4rem;
    line-height: .4rem;
}

.form .message_list .new_message .time {
    font-size: .28rem;
    color: #999999;
    padding-top: .1rem;
}

.message_list a {
    display: flex;
    justify-content: space-around;
}

/* 项目申请 */
.apply .help_students {
    background: transparent;
}

.apply .main .title {
    background: #ffffff;
}

.apply .main .title em {
    line-height: .9rem;
    height: .9rem;
}

.apply .header {
    justify-content: space-between;
}

.apply .header .left {
    background: url('../images/left.svg') no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
    width: .48rem;
    height: .48rem;
}

.help_students .title {
    margin-bottom: .24rem;
}

.apply ul.list li div:first-child {
    width: 2.1rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apply ul.list li div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.5rem;
    margin-left: .3rem;
}

.apply ul.list li {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .44rem;
}

.apply ul.list li:last-child {
    margin-bottom: 0;
}

.apply button.pass {
    position: absolute;
    width: 1.55rem;
    height: .48rem;
    border-radius: .24rem;
    border: 0;
    color: #f6f6f6;
    transform: translate(3.1rem, .98rem);
    font-size: .26rem;
}

.apply button.btn {
    width: 2.4rem;
    height: .6rem;
    border-radius: .3rem;
    background-color: #fff;
    border: 0.02rem solid #FE6902;
    color: #FE6902;
    font-size: .28rem;
    margin-right: .16rem;
}

/* 发票管理 */
.bill .header .left {
    width: .48rem;
    height: .48rem;
    background: url('../images/left.svg') no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
}

.bill .main .tabs {
    background: #fff;
}

.bill .main .tabs em {
    width: 30%;
    height: .9rem;
    line-height: .9rem;
    background: #fff;
}

.bill ul li {
    width: 6.86rem;
    height: 4.42rem;
    line-height: .4rem;
    border-radius: .2rem;
    text-align: center;
    border: 0.02rem solid #FEAD28;
    background: #fff;
    margin-bottom: .28rem;
}

.bill ul li:last-child {
    margin-bottom: 1.5rem;
}

.bill ul li .top {
    display: flex;
    height: .92rem;
    align-items: center;
    color: #333333;
    font-size: .3rem;
    text-align: left;
    padding: 0 .34rem;
    border-bottom: 0.02rem dashed #FEAD28;
}

.bill ul li .center {
    height: 1.94rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: .3rem .34rem;
}

.bill ul li .center div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bill ul li .center div p:first-child {
    color: #686868;
    font-size: .26rem;
}

.bill ul li .center div p:last-child {
    color: #333333;
    font-size: .26rem;
}

.bill ul li .bottom {
    display: flex;
    height: .92rem;
    align-items: center;
    justify-content: center;
    border-top: 0.02rem dashed #FEAD28;
}

.bill ul li .apply_bill {
    width: 2.4rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .1rem;
    background-color: #FFFFFF;
    text-align: center;
    font-size: .26rem;
}

.nofinish .apply_bill {
    color: #059669;
    border: 0.02rem solid #059669;
}

.finish .apply_bill {
    color: #76C627;
    border: 0.02rem solid #76C627;
}

.bill .flex {
    display: flex;
    justify-content: center;
    padding: 1.46rem 0 .42rem;
}

.bill .box {
    margin-top: .24rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 0 .34rem;
    height: 3.68rem;
}

.bill .box div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bill .box div p {
    font-size: .28rem;
    color: #333333;
}

.bill .box .must {
    width: 4.64rem;
    height: .72rem;
    border: 0.02rem solid #eaeaea;
    border-radius: .1rem;
    padding-left: .2rem;
    font-size: .24rem;
}

/* 申请成功 */
.apply_success .main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 7.38rem;
    margin-top: .24rem;
    background: #ffffff;
}

.apply_success .right {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 发票详情 */
.apply_detail .main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.apply_detail .demo {
    width: 6.82rem;
    height: 5.04rem;
    margin-top: .56rem;
}

.apply_detail .demo img {
    width: 100%;
    height: 100%;
}

.apply_detail .main input {
    width: 6.52rem;
    height: .76rem;
    border: 0.02rem solid #eaeaea;
    padding-left: .2rem;
    border-radius: .1rem;
    margin-top: .48rem;
    margin-bottom: .34rem;
    font-size: .24rem;
}

.apply_detail .main .send_email {
    width: 6.72rem;
    height: .84rem;
    line-height: .84rem;
    border-radius: .1rem;
    background-color: #059669;
    color: #050505;
    font-size: .32rem;
    text-align: center;
    color: #fff;
}

.about .certificates {
    width: 6.9rem;
    height: 1.88rem;
    border-radius: .2rem;
    text-align: center;
    background: #ffffff;
    margin-bottom: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.about .certificates .left {
    width: .92rem;
    height: .92rem;
    border-radius: 50%;
    background: #FEAD28;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about .certificates .left img {
    width: .48rem;
    height: .48rem;
}

.about .certificates .middle {
    padding-left: .2rem;
    height: .92rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about .certificates .middle .top {
    font-size: .32rem;
    color: #101010;
    text-align: left;
}

.about .certificates .middle .bottom {
    font-size: .26rem;
    color: #8c8c8c;
    text-align: left;
}

.about .certificates .right {
    font-size: .36rem;
    color: #fe6902;
}

/* 我要申请 */
.project_step {
    height: 3.64rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .24rem;
}

.project_step .img {
    width: .48rem;
    height: .48rem;
    padding: .24rem;
    border: 0.02rem solid #a8a8a8;
    border-radius: 50%;
    margin-bottom: .28rem;
}

.project_step li.on p {
    color: #fe6902;
}

.project_step li.on .img {
    border: 0.02rem solid #fe6902;
}

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

.project_step p {
    font-size: .26rem;
    color: #a8a8a8;
    text-align: center;
}

.project_step ul {
    display: flex;
    justify-content: space-around;
    width: 95%;
}

.project_step ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.56rem;
}

.project_step ul li em {
    background: url(../images/img_38.png) no-repeat center center;
    background-size: 100% 100%;
    height: .3rem;
    width: .3rem;
    position: absolute;
    transform: translate(.88rem, .34rem);
}

.project_step ul li .on {
    background: url(../images/img_38a.png) no-repeat center center;
    background-size: 100% 100%;
}

.project_intro {
    background: #fff;
}

.project_intro .tab {
    height: .9rem;
    border: 0.02rem solid #eaeaea;
}

.project_intro h2 {
    font-size: .28rem;
    color: #fe6902;
    width: 1.96rem;
    line-height: .9rem;
    text-align: center;
    border-bottom: 2px solid #fe6902;
    font-weight: normal;
}

.project_intro .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project_intro .content div {
    width: 6.76rem;
    display: flex;
    flex-direction: column;
}

.project_intro .content div img {
    width: 100%;
}

.project_intro .content div b {
    width: 100%;
    text-align: center;
    font-size: .4rem;
    font-weight: normal;
    padding-top: .3rem;
}

.project_intro .content div p {
    font-size: .28rem;
    color: #808080;
    text-indent: 2em;
    line-height: .6rem;
}

.project_intro .content .method b {
    padding-bottom: .5rem;
}

.project_intro .content .ruler b,
.project_intro .content .condition b {
    padding-bottom: .1rem;
}

.project_intro .content .condition {
    padding-bottom: 1rem;
}

.online form li {
    border-bottom: 0.02rem solid #f0f0f0;
    height: .84rem;
}

.online form li select {
    border: 0;
    padding-right: .1rem;
    font-size: .26rem;
    color: #808080;
}

.online form li input {
    font-size: .26rem;
    color: #101010;
    width: 4.5rem;
}

.online form li .checkbox input {
    display: none;
}

.online form li .checkbox input[type="radio"]:checked+label {
    background: url('../images/img_12.svg') center center;
    background-size: 100% 100%;
}

.online form li .checkbox label {
    display: block;
    background: url('../images/img_11.svg') center center;
    width: 1.5rem;
    height: .36rem;
    line-height: .36rem;
    background-size: 100% 100%;
    position: absolute;
    margin-top: -0.175rem;
    right: 0rem;
    text-align: right;
    font-size: .24rem;
}

.online form li .checkbox div {
    position: relative;
}

.online form li .checkbox p {
    font-size: .26rem;
    color: #333333;
    position: absolute;
    width: .8rem;
}

.online form li .checkbox .country p {
    transform: translate(-2.3rem, -50%);
}

.online form li .checkbox .village p {
    transform: translate(-.6rem, -50%);
}

.online form li>label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.footer .apply {
    width: 6rem;
    height: .76rem;
    line-height: .76rem;
    border-radius: .38rem;
    background-color: #059669;
    color: #fff;
    font-size: .32rem;
    text-align: center;
}

/*在线申请-在线填表*/
.online_form01 ul {
    background: #fff;
}

.online_form01 ul li {
    height: 3.8rem;
    padding-top: .5rem;
    margin-top: 0;
    border-bottom: 0;
}

.online_form01 li>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.online_form01 div a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 6.9rem;
    height: 2.98rem;
    margin-top: .4rem;
}

.online_form01 div img {
    width: 100%;
}

.online_form01 div input {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    font-size: .24rem;
}

.online_form a input {
    width: 100%;
    font-size: .24rem;
}

.online_form01 li h4 {
    font-size: .32rem;
    color: #333333;
    font-weight: normal;
}

.online .form .checking {
    display: flex;
    align-items: center;
    width: 6rem;
    justify-content: space-around;
    margin: 0 auto;
    transform: translateY(1rem);
}

/* 求助详情 */
.help_detail {
    padding: .3rem;
    margin: .24rem 0;
    background: #fff;
}

.help_detail div {
    width: 6.9rem;
    height: 3.8rem;
}

.help_detail div img {
    width: 100%;
}

.help_detail h4 {
    font-size: .4rem;
    color: #101010;
    font-weight: normal;
    margin: .44rem 0 .32rem;
    line-height: .5rem;
}

.help_detail .status {
    width: 2.12rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border-radius: .1rem;
    background: #FD8225;
    color: #f6f6f6;
    margin-bottom: .44rem;
    font-size: .28rem;
}

.help_detail ul {
    border-top: .02rem solid #f5f5f5;
    padding: .3rem 0 .2rem;
}

.help_detail ul li p {
    font-size: .3rem;
    color: #333333;
    line-height: .65rem;
}

/* 捐赠记录 */
.donation_recordes .list a .bottom div {
    display:flex;
    line-height: .5rem;
}
.donation_recordes .list a .bottom div .project_name {
    width: 3.34rem;
    color: #101010;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.donation_recordes .header a {
    width: .48rem;
    height: .48rem;
}

.donation_recordes .header p {
    font-size: .34rem;
    color: #fff;
}

.donation_recordes .header .left {
    background: url(../images/left.svg) no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
}

.donation_recordes .record {
    display: flex;
    justify-content: space-around;
    width: 6.9rem;
    margin: .48rem 0;
}

.donation_recordes .record div {
    display: flex;
    font-size: .32rem;
    color: #333333;
}

.donation_recordes .record p {
    font-size: .4rem;
    color: #fe620c;
}

.donation_recordes {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.donation_recordes .list a {
    width: 6.9rem;
    height: 3.38rem;
    padding: .4rem 0;
    background: #ffffff;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .36rem;
}

.donation_recordes .list a:last-child {
    margin-bottom: 1.76rem;
}

.donation_recordes .list a>div {
    width: 6.32rem;
}

.donation_recordes .list .top {
    font-size: .28rem;
    color: #686868;
}

.donation_recordes .list .center {
    display: flex;
    align-items: center;
}

.donation_recordes .list .center .left {
    width: 2.16rem;
    height: 1.76rem;
}

.donation_recordes .list .center .left img {
    width: 100%;
}

.donation_recordes .list .center .right p {
    font-size: .26rem;
    color: #686868;
    line-height: .48rem;
}

.donation_recordes .list .center .right .her {
    width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donation_recordes .list .center .right .name {
    font-size: .3rem;
    color: #101010;
    width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donation_recordes .list .bottom {
    width: 6rem;
    height: .66rem;
    background-color: #FAF0E4;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    justify-content: space-between;
    font-size: .26rem;
    color: #fe620e;
}

/* 新闻详情 */
.news_detail .tips {
    font-size: .24rem;
    display: flex;
    width: 6.78rem;
    justify-content: flex-start;
    margin-top: .44rem;
    margin-bottom: .64rem;
    padding: 0 .36rem;
    flex-wrap: wrap;
}

.news_detail .tips div {
    display: flex;
}

.news_detail .detail {
    background: #ffffff;
    margin-top: .24rem;
    padding-top: .54rem;
    margin-bottom: 1.8rem;
}

.news_detail .detail .title {
    font-size: .36rem;
    color: #101010;
    text-align: center;
    line-height: .5rem;
}

.news_detail .content p {
    /*text-indent: 2em;*/
    font-size: .28rem;
    color: #686868;
    line-height: .5rem;
}

.news_detail .content p::after {
    display: block;
    content: '';
    height: .2rem;
}

.news_detail a.mark p::after {
    display: none;
}

.news_detail a.mark {
    width: 1.02rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .1rem;
    background: #ffffff;
    border: 1px solid #059669;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 .24rem;
    margin-top: 1.3rem;
}

.news_detail .content {
    width: 6.78rem;
    margin: 0 auto;
    padding-bottom: .86rem;
}

.news_detail .content .img {
    width: 6.8rem;
    height: 4.22rem;
}

.news_detail .content img {
    max-width: 100%;
    width: 100%;
}

.news_detail .tips p {
    font-size: .24rem;
    color: #808080;
    white-space: nowrap;
    line-height: .3rem;
}

@media screen and (max-width: 370px) {
    .news_detail .tips {
        transform: scale(.9);
        padding-left: .12rem;
    }
}


/* 新闻资讯 */
.news_info {
    background: transparent;
    margin-bottom: 1.8rem;
}

.news_info .news_list ul.list {
    padding-top: .2rem;
    margin: 0;
}

.news_info .public_header .more {
    font-size: .26rem;
    color: #808080;
}

.news_info .main .title {
    width: auto;
    border: 0;
}

.news_info .public_header .nav {
    display: flex;
    justify-content: space-between;
    min-width: 4rem;
}

.news_info .about.news_list .list li a {
    display: block;
    font-size: .28rem;
    color: #333333;
    margin-bottom: 0;
    width: 6.89rem;
    line-height: .76rem;
}

.news_info .about.news_list .list li {
    border-bottom: 1px solid #f6f6f6;
}

.news_info .about.news_list .list li:last-child {
    border-bottom: 0;
}

.news_info .news_list .list .right {
    height: 1.3rem;
}

/* 信息公开 */
.open_info .news_list {
    background: #ffffff;
}

.open_info .news_list .list {
    padding-top: .3rem;
    margin-top: 0;
}

.open_info .news_list .list .icon {
    width: .32rem;
    height: .32rem;
    margin-right: .12rem;
}

.open_info .news_list .list .icon img {
    width: 100%;
}

.open_info .news_list .list .info_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 6.62rem;
}

.open_info .news_list .list .info_right .info-title {
    width: 5.08rem;
    font-size: .3rem;
    color: #101010;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .4rem;
}

.open_info .news_list .list .info_right .info-time {
    text-align: right;
    font-size: .26rem;
}

/* 申请开发票 */
.elec_invoice .header .wrapper p {
    font-size: .36rem;
    color: #ffffff;
    padding-right: .45rem;
}

.elec_invoice .invoice_bottom {
    height: 3.4rem;
}

.elec_invoice .invoice_type {
    margin-top: .24rem;
}

.elec_invoice .invoice_type select.must {
    width: 4.88rem;
    height: .76rem;
    font-size: .28rem;
    color: #101010;
}

.elec_invoice .invoice_header input {
    height: .76rem;
    font-size: .28rem;
    color: #333333;
    font-size: .24rem;
}

.elec_invoice .submit {
    width: 6.84rem;
    height: .84rem;
    line-height: .84rem;
    background: #059669;
    color: #ffffff;
    font-size: .32rem;
    text-align: center;
    border-radius: .42rem;
    margin: 0 auto;
}

.elec_invoice .tips {
    font-size: .28rem;
    color: #999999;
    max-width: 6.44rem;
    margin: .44rem auto;
    line-height: .4rem;
}

/* 发布求助 */
.release .online form ul {
    margin-bottom: .4rem;
    padding-bottom: 1.36rem;
}
.release .online form li {
    border: 0;
    min-height: 1.15rem;
}

.release .online form li .checkbox label {
    right: -.5rem;
}

.release .online form li .checkbox .country p {
    transform: translate(.65rem, -50%);
}

.release .online form li .checkbox .village p {
    transform: translate(2.5rem, -50%);
}

.release .online form li div p {
    font-size: .32rem;
    color: #333333;
    padding-right: .18rem;
}

.release .online form li input {
    border: 0.02rem solid #eaeaea;
    width: 6.35rem;
    height: .72rem;
    border-radius: .1rem;
    font-size: .32rem;
    color: #333333;
    padding-left: .15rem;
    margin: 0 auto;
}

.release .online form li select {
    width: 6.54rem;
    height: .76rem;
    margin: 0 auto;
    border: 0.02rem solid #eaeaea;
    border-radius: .1rem;
    font-size: .32rem;
    color: #333333;
}

.release .online form li textarea {
    width: 6.2rem;
    height: 4.2rem;
    border-radius: .1rem;
    margin: 0 auto;
    border: 0.02rem solid #eaeaea;
    border-radius: .1rem;
    padding: .15rem;
}

.release .clearfix {
    height: 3rem;
}

.release .clearfix div {
    width: 6.54rem;
    margin: 0 auto;
}

.release .clearfix div a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 6.54rem;
    height: 2.82rem;
    margin-top: .4rem;
}

.release .clearfix div img {
    width: 100%;
    height: 100%;
}

.release .clearfix div a input {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    font-size: .26rem;
    color: #101010;
    width: 6.54rem;
}
.release .btn_group button {
    margin-bottom: 1.5rem;
}

/* 新闻资讯-最新动态 */
.news_info .info_public .news_list{
    background: #ffffff;
}
.news_info .info_public .news_list .list {
    padding-top:.3rem;
    margin-top: 0;
}

.news_info .info_public .news_list .list li a div:first-child {
    width:.32rem;
    height:.32rem;
    margin-right: .12rem;
}
.news_info .info_public .news_list .list li a div:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 6.62rem;
}

.news_info .info_public .news_list .list li a div img {
    width: 100%;
}

.news_info .info_public .news_list .list li a div p:first-child {
    width: 5.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;color: #101010;
}
.news_info .info_public .news_list .list li a div p:last-child {
    text-align: right;
    font-size: .26rem;
}

/* 项目申请 */
.apply .main .project_list{
    background: #ffffff;
    display:flex;
    justify-content: center;
    padding: .46rem 0 .42rem;
}
.apply .main .project_list .list {
    width: 6.9rem;
}

.apply .main .project_list .list li p {
    width: 4.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .42rem;
}

.apply .main .project_list .list li p:nth-child(1) {
    font-size: .3rem;
    color: #101010;
}
.apply .main .project_list .list li p:nth-child(2) {
    font-size:.28rem;
    color: #333333;
}
.apply .main .project_list .list li p:nth-child(3) {
    font-size: .26rem;
    color: #808080;
}

/* 个人中心 */
.member .backLogin {
	width: 100%;
	display: flex;
	justify-content: center;
}

.member .backLogin button{
	width: 6.7rem;
    height: .82rem;
    border-radius: .41rem;
    border: 0.02rem solid #059669;
    font-size: .32rem;
	margin-bottom: .4rem;
	color: #fff;
	background: #059669;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

.member .header .left{
    width: .48rem;
    height: .48rem;
    background: url(../images/left.svg) no-repeat center center;
    margin-left: .1rem;
    background-size: 100% 100%;
}

.member .header p {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    padding-right: .5rem;
    color: #ffffff;
    font-size: .38rem;
}

.member .center {
    height: 3.12rem;
    width: 100%;
    background: url(../images/bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.member .avatar {
    margin-top: .7rem;
    width: 1.16rem;
    height: 1.16rem;
    border: 0.04rem solid #FEB873;
    border-radius: 50%;
}

.member .data {
    display: flex;
    align-items: center;
    height: 1.8rem;
    padding-left: .52rem;
}

.member .avatar img {
    width: 100%;
    border-radius: 50%;
}

.member .heart {
    display: flex;
    flex-direction: column;
    padding-left: .26rem;
}

.member .heart i {
    color: #fff;
    padding-top: .2rem;
    font-size: .24rem;
    left: -.1rem;
    position: relative;
}

.member .heart .name {
    display: flex;
    align-items: center;
}

.member .heart .name p{
    font-size: .35rem;
    color: #fff;
}
.member .heart .name>div{
    margin-left: .2rem;
    width: 1.9rem;
    height: .41rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    border: .02rem solid #fff;
}
/*进度条*/
.bar>div{
    position: absolute;
    left: 25%;
    margin-top: .36rem;
    height: .06rem;
    line-height: 5rem;
    border-radius: 0.65rem ;
}
.bar>div:nth-child(1){
    width: 4.49rem;
    background: #ccc;
}
.bar>div:nth-child(2){
    width: 2.37rem;
    height: .06rem;
    background: #fff;
}

.exp{
    position: absolute;
    left: 1.78rem;
    top: 1.46rem;
}
.exp>p{
    font-size: 0.29rem;
    color: #fff;
    padding: .04rem .1rem;
}
.exp>img{
    width: .51rem;
    height: .49rem;
}

.member .center .left {
    width: .44rem;
    height: .44rem;
    position: absolute;
    transform: rotate(180deg);
    right: .24rem;
    top: 1rem;
}

.member .center .left img {
    width: 100%;
    height: 100%;
}

.member .records {
    width: 6.98rem;
    height: 1.54rem;
    background: #ffffff;
    border-radius: .1rem;
    position: absolute;
    transform: translate(-50%,-.8rem);
    left: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.member .records div {
    font-size: .26rem;
    color: #808080;
}

.member .records div p {
    font-size: .4rem;
    color: #000000;
    text-align: center;
    line-height: .65rem;
}

.member .gift_money {
    border-right: 0.02rem solid rgba(192, 192, 192, .5);
    padding-right: .34rem;
}
.member .certificate {
    border-left: 0.02rem solid rgba(192, 192, 192, .5);
    padding-left: .44rem;
}

.member .top {
	margin-top: .86rem;
}

.member .bottom {
	margin-top: .28rem;
	margin-bottom: .6rem;
}

.member .member_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #ffffff;
}

.member .member_list a {
	width: 6.98rem;
	height: 1.08rem;
}

.member .member_list a h4 {
	font-size: .3rem;
	color: #101010;
	font-weight: normal;
}

.member .member_list a .title {
	padding-left: .16rem;
}

.member .member_list a {
    display: flex;
    justify-content: space-between;
	align-items: center;
    border-bottom:0.02rem solid #eaeaea;
    background: url(../images/img_55.png) no-repeat right center;
}

.member .member_list a:last-child {
	border: 0;
}

.member .member_list .icon{
	width: .44rem;
	height: .44rem;
}

.member .member_list .icon img {
	width: 100%;
	height: 100%;
}

.member .member_list a > div {
    display: flex;
    align-items: center;
}

.member .member_list .num {
    font-size: .28rem;
    padding-right: .5rem;
    color: #cccccc;
}

/* 捐赠查询 */

.donation_recordes .search_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .4rem 0;
}
.donation_recordes .search_form input {
    width: 6.72rem;
    height: .76rem;
    padding-left: .1rem;
    border-radius: .1rem;
    font-size: .28rem;
}

.donation_recordes .search_form .phone {
    margin-top: .28rem;
    margin-bottom: .4rem;
}

.donation_recordes .search_form a {
    width: 6.72rem;
    height: .76rem;
    background-color: #059669;
    font-size: .32rem;
    color: #ffffff;
    text-align: center;
    line-height: .76rem;
    border-radius: .1rem;
}

.donation_recordes .search_form .result {
    color: #333333;
    font-size: .32rem;
    width: 100%;
    display: flex;
    margin-top: .7rem;
}

.donation_recordes .search_form .result p {
    color: #059669;
}

/* 绑定手机 */
.binding {
    position: relative;
    height: 4.06rem;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.binding .input {
    height: 3.51rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.binding input {
    width: 6.5rem;
    height: .88rem;
    border-radius: .1rem;
    border: .02rem solid #cccccc;
    padding-left: .2rem;
    font-size: .32rem;
}

.member button.binding {
    width: 6.9rem;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    color: #ffffff;
    background: #059669;
    border-radius: .1rem;
    margin: .7rem auto 0 auto;
    border: 0;
    font-size: .32rem;
}

.member .binding .getCode {
    position: absolute;
    width: 1.8rem;
    height: .68rem;
    line-height: .68rem;
    background: #ffffff;
    color: #059669;
    font-size: .26rem;
    text-align: center;
    border: .02rem solid #059669;
    border-radius: .1rem;
    right: .5rem;
    bottom: .8rem;
}

/* 登录 */
.member .btn_bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 6.9rem;
	margin: .28rem auto;
	margin-bottom: 1rem;
}

.member .btn_bottom a{
	font-size: .28rem;
	color: #101010;
}

.member .orderLogin .text{
	font-size: .32rem;
	color: #999999;
}

.member .orderLogin div {
	display: flex;
	justify-content: center;
	position: relative;
}

.member .orderLogin .text::before {
	display: block;
	content: '';
	width: 2.44rem;
	height: .02rem;
	background: #999999;
	position: absolute;
	top: 50%;
    left: 5%;
}

.member .orderLogin .text::after {
	display: block;
	content: '';
	width: 2.44rem;
	height: .02rem;
	background: #999999;
	position: absolute;
	top: 50%;
    right: 5%;
}

.member .orderLogin .loginType {
	width: 5.6rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-top: .74rem;
    margin-bottom: 1.8rem;
}

.member .orderLogin .loginType a{
	width: 1rem;
	height: 1rem;
}

.member .orderLogin .loginType .wechat {
	background: url(../images/img_30.png) center center/100% 100% no-repeat;
}

.member .orderLogin .loginType .qq {
	background:#12B7F5 url(../images/qq.svg) center center/70% 70% no-repeat;
	border-radius: .2rem;
}

.member .orderLogin .loginType .tong {
	background: url(../images/img_45.png) center center/100% 100% no-repeat;
}

/* 注册 */
.member .register {
    height: 7.34rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.member .register .input {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 6.72rem;
    height: 6.72rem;
}

.member .register .input input {
    width: 6.5rem;
    height: .88rem;
    border-radius: .1rem;
    border: .02rem solid #cccccc;
    padding-left: .2rem;
    font-size: .32rem;
}

.register .getCode {
    position: absolute;
    width: 1.8rem;
    height: .68rem;
    line-height: .68rem;
    background: #ffffff;
    color: #059669;
    font-size: .26rem;
    text-align: center;
    border: .02rem solid #059669;
    border-radius: .1rem;
    right: .5rem;
    top: 1.95rem;
}

/* 完善资料 */
.finish_data ul li div p {
    color: #808080;
    font-size: .26rem;
}

.finish_data form li .checkbox input {
    display: none;
}

.finish_data form li .checkbox input[type="radio"]:checked+label {
    background: url(../images/img_12.svg) center center;
    background-size: 100% 100%;
}

.finish_data form li .checkbox label {
    display: block;
    background: url(../images/img_11.svg) center center;
    width: 1.5rem;
    height: .36rem;
    line-height: .36rem;
    background-size: 100% 100%;
    position: absolute;
    margin-top: -0.175rem;
    right: 0rem;
    text-align: right;
    font-size: .24rem;
}

/* 找回密码 */
.rePsw a.getCode {
    top: 3.3rem;
}

.rePsw .img_code {
    position: absolute;
    width: 2rem;
    height: .7rem;
    border-radius: .1rem;
    right: .5rem;
    top: .63rem;
}

/* 绑定页面 */
.header.on h1 {display:block;font-size:.36rem;color:#fff;line-height:1.07rem;font-weight:400;overflow:hidden;text-align:center;width:100%;}
.header.on a {color:#fff;}
.header .back {position:absolute;left:.3rem;top:.31rem;}
.container.login {background:#fff;height:100%;box-sizing:border-box;}
.container {max-width:750px;margin:0 auto;padding:0 0 1.2rem;position:relative;}
.container .loginbox {padding:.1rem .3rem;}
.container .loginbox .login_wrap {padding:.12rem 0 .12rem .6rem;box-sizing:border-box;position:relative;margin:0 auto;border-bottom:1px solid #f6f6f6;}
.container .loginbox .login_wrap .icon {position:absolute;left:0;top:50%;text-align:center;margin-top:-0.3rem;}
.container .loginbox .login_wrap .icon img {font-size:.75rem;color:#808289;width:.39rem;display:inline-block;vertical-align:middle;cursor:pointer;}
.container .loginbox .login_wrap .input_text {position:relative;width:100%;border-radius:.375rem;overflow:hidden;padding:.15rem 0;}
.container .loginbox .login_wrap .input_text input {width:100%;padding:0 .15rem;height:.6rem;line-height:.6rem;overflow-x:hidden;overflow-y:auto;font-size:.33rem;color:#747474;border:none;box-sizing:border-box;}
.container .loginbox .login_wrap .verifybtn {display:inline-block;position:absolute;float:right;top:50%;margin-top:-0.375rem;right:.24rem;line-height:.75rem;font-size:.33rem;text-align:center;color:#3c3c3c;padding-left:.3rem;}
.container .loginbox .login_wrap .verifybtn:before {content:'';position:absolute;top:0;left:0;height:100%;border-left:1px solid #f6f6f6;}
.container .loginbox .loginbtn {margin-top:.75rem;}
.container .loginbox .loginbtn a {display:block;height:.9rem;line-height:.9rem;width:100%;font-size:.26rem;border-radius:.45rem;background-color:#059669;color:#fff;text-align:center;}

/* 捐赠成功 */
.h-title {
    font-size: .36rem;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding-right: .48rem;
}

.s-page {
    display: flex;
    justify-content: center;
    background-color: #fff;
}

.s-page .d_form{
    width: 6.9rem;
}

.s-page .success_top {
    margin-bottom: 0;
    padding: .2rem 0;
}

.header .back {
    width: .48rem;
    height: .48rem;
    margin-left: .1rem;
    background: url(../images/left.svg) no-repeat center center;
    background-size: 100% 100%;
}
/*成长记录*/
.header .system{
    position: absolute;
    padding-right: 0.2rem;
    right: 0;
    height: 1.31rem;
    line-height: 1.31rem;
    font-size: 0.3rem;
    color: #ffffff;
}
.score_header{
    position: fixed;
    top: .9rem;
    width: 7.5rem;
    height: 2rem;
    background: url(../images/bg.png) no-repeat center top;
    background-size: 100% 100%;
    color: #fff;
}
.score_header>div{
    width: 50%;
    margin: 0 auto;
}
.score_header>div:nth-child(1){
    border-right: .01rem solid #dfdfdf;
}

.score_header>div p:nth-child(1){
    font-size: .3rem;
}
.score_header>div p:nth-child(2){
    margin-bottom: .2rem;
    font-size: .53rem;
    line-height: 1rem;
}
.index_product>.medal{
    margin-bottom: 2rem;
    background: #fff;
}
.index_product>.medal li{
    border: none;
    text-align: center;
    width: 50%;
}
.index_product>.medal img{
    margin: .4rem auto 0;
    width: 2rem;
    max-height: 2rem;
}
.index_product>.medal p{
    text-align:  center;
}
.index_product>.medal li p:nth-child(2){
    font-size: .28rem;
    color: #101010;
}
.index_product>.medal li p:nth-child(3){
    color: #808080;
    font-size: .2rem;
    font-family: SourceHanSansSC-regular;
    line-height: .42rem;
}
.medal_form>.d_form>img{
    margin: .5rem auto;
    width: 4.6rem;
}
.medal_form>.d_form>div>p{
    text-align: center;
    line-height: .8rem;
}
.medal_form>.d_form>div>p:nth-child(1){
    padding: .4rem;
    color: #FE6902;
    font-size: .63rem;
}
.medal_form>.d_form>div>.title{
    color: #101010;
    font-size: .43rem;
}
.medal_form>.d_form>div>p:nth-child(3){
    color: #808080;
    font-size: .31rem;
}
.medal_system>h4{
    margin: .2rem;
    text-align: center;
    color: #555555;
}
.medal_system{
    height: 12rem;
    padding: 1rem 0;
}
.medal_system>.sys_intro{
    margin: .19rem 0 .37rem;
    text-align: left;
    text-indent: 2em;
}
.medal_system>.rule_title{
    margin-bottom: .2rem;
    font-size: .32rem;
}
.medal_system>.sys_intro,.medal_system>.rule,.medal_system>.rule_title{
    padding: 0 .5rem;
}
.medal_system>.rule{
    padding-bottom: .47rem;
}

.medal_system>.sys_intro,.medal_system>.rule{
    color: #555555;
    font-size: .28rem;
    line-height: .39rem;
}
.medal_system .sys {
    padding: 0 .5rem;
}
.medal_system .sys li{
    float: left;
    display: flex;
    text-align: left;
    width: 50%;
    border: none;
}
.medal_system .sys li img{
    width: .71rem;
    max-height: .69rem;
}
.medal_system .sys li p{
    text-align: left;
    font-size: .24rem;
    line-height: .4rem;
}
.medal_system .sys li div:nth-child(2){
    margin-left: .1rem;
}
/*兑换礼品*/
.purging{
    margin: 0 .1rem 1rem;
}
.purging li{
    width: 3.56rem;
    height: 4.47rem;
    line-height: .59rem;
    text-align: center;
}
.purging li>a>img{
    margin:.05rem auto;
    width: 3.37rem;
    height: 2.18rem;
}
.purging li>a>.purging_title{
    margin: .2rem  0 -.15rem 0;
    font-size: .31rem;
    color: #101010;
}
.purging li>a>.purging_score{
    padding-bottom: .25rem;
    font-size: .31rem;
    color: #FE6902;
}
.purging li>a{
    padding: 0;
}
.purging li .purg{
    margin: auto;
    width: 2.04rem;
    height: 0.45rem;
    font-size: 0.29rem;
    line-height: .43rem;
    color: #FE6902;
    border: .02rem solid #FE6902;
    border-radius: 0.1rem;
}
.purging_record{
    margin: .5rem .9rem .5rem 0;
}
.purging_record>img{
    margin-right: .4rem;
    width: 3rem;
    height: 1.67rem;
}
.jifen{
    color: #FE6902!important;
}
.succ{
    color: #76C627!important;
}
.purging_record>.title{
    text-align: left;
    line-height: .6rem;
    font-size: 0.31rem;
    color: #555555;
}
.record_box>.address{
    line-height: 1.1rem;
    font-size: 0.31rem;
    color: #333333;
}
.record_box>.address>form p{
    margin-bottom: .3rem;
}
.record_box>.address>div p{
    color: #333333;
    line-height: .55rem;
    font-size: 0.27rem;
}
.record_box>.address .submit{
    margin: .7rem 0;
    font-size: 0.33rem;
    color: #fff;
    background: #FE6902;
}
.record_box>.res img{
    max-width: .61rem;
    max-height: .61rem;
}
.record_box>.res>div:nth-child(2){
    margin-left: .26rem;
    font-size: 0.41rem;
    color: #333333;
}
.record{
    margin: .7rem auto;
    width: 6.06rem;
    height: 0.86rem;
    font-size: 0.33rem;
    text-align: center;
    line-height: .86rem;
    color: #FE6902;
    border-radius: 0.1rem;
    border:.02rem solid #FE6902;
}
.record_item{
    height: 3.73rem;
}
.record_item .mun{
    margin: .2rem;
    font-size: 0.27rem;
    color: #686868;
}
.record_item .item>img{
    padding: .45rem .3rem;
    width: 2.55rem;
    max-height: 1.43rem;
}
.record_item .item div{
    font-size: 0.27rem;
    color: #555555;
    line-height: .6rem;
}
#medal_form .d_form img{
    margin: .61rem auto 0;
    width: 4.08rem;
    max-height: 3.96rem;
}
#medal_form .d_form p{
    line-height: .75rem;
}
#medal_form .d_form p:nth-child(1){
    padding: .3rem 0 .2rem;
    font-size: .53rem;
}
#medal_form .d_form p:nth-child(3){
    font-size: .27rem;
}
#medal_form .d_form .title{
    font-size: .37rem;
}
#medal_form .d_form .share{
    margin: .3rem auto;
    width: 6.06rem;
    height: 0.86rem;
    color: #fff;
    font-size: 0.33rem;
    text-align: center;
    background: #059669;
    line-height: .86rem;
    border-radius: .1rem;
}

/*弹窗*/
.share_box{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); padding-top: 48px; z-index: 7;}
.share_box .con{ width: 6.90rem; background-color: #fff; border-radius: 0.20rem; position: relative; margin: 0 auto;}
.share_box .tit{ padding: 0.25rem 0.30rem; border-radius: 0.20rem 0.20rem 0 0; background: url("../images/bg.png"); background-size: 100% 100%;}
.share_box .tit b{ display: -webkit-flex; display: flex; align-items: center; font-size: 0.30rem; font-weight: 600; color: #333; height: 0.55rem;}
.share_box .tit img{ display: block; width: 0.36rem; margin: 0 2px;}
.share_box .list{ padding: 0.30rem;}
.share_box .list h5{ display: block; font-size: 0.26rem; color: #333; line-height: 1.0; padding-top: 0.10rem;}
.share_box .list p{ font-size: 0.24rem; color: #999; margin-top: 0.18rem; line-height: 1.0;}
.textareas{ border-radius: 0.15rem; background: #f5f5f5; overflow: hidden; padding: 0.20rem; position: relative; margin-top: 0.20rem; }
.textareas textarea{ display: block; box-sizing: border-box; border: 0; width: 100%; color: #000; font-size: 0.26rem; line-height: 0.45rem; background-color: transparent;}
.textareas label{ position: absolute; right: 0.20rem; bottom: 0.20rem; font-size: 0.24rem; color: #ff9300; background: #f5f5f5 url("../images/s_edit.png") no-repeat 0; background-size: 0.20rem 0.20rem; padding: 0.06rem 0.05rem 0.06rem 0.26rem; -webkit-box-shadow: 0 0 10px #f5f5f5; box-shadow: 0 0 10px #f5f5f5;}
.share_box button{ display: block; border: 0; width: 100%; margin-top: 0.30rem; height: 0.90rem; border-radius: 0.45rem; background: linear-gradient(90deg,#f76b1c,#fcab40); font-size: 0.30rem; color: #fff; font-weight: 600;}
.share_box .tips{ text-align: center; font-size: 0.29rem; color: #fff; line-height: 1.0rem;}
.share_box a{ display: block; margin: 0.30rem auto; width: 0.80rem;}
.share_box a img{ width: 100%;}
.share_box .shou{ position: absolute; right: -5px; top: 90px; transform: rotate(-70deg); z-index: 9; animation: updown 1s linear infinite; width:1.0rem;}
@-webkit-keyframes updown {
    0% { top: -40px }
    25% { top: -45px }
    75% { top: -30px }
	  to { top: -40px }
}
.copy_tips{ display: none; position: fixed; left: 50%; margin-left: -3.20rem; top: 42%; width: 6.40rem; line-height: 0.90rem; background: rgba(0,0,0,.5); border-radius: 0.12rem; z-index: 11; text-align: center; font-size: 0.30rem; color: #fff;}