body {
    font-family: PingFangSC-Semibold, sans-serif;
    margin: 0;
    padding: 0;
    background: #FFF;
    font-size: 16px;
    color: #000;
}

div, form, img, ul, ol, li, p {
    margin: 0;
    padding: 0;
    border: 0;
}

li {
    list-style-type: none;

}

img {
    vertical-align: top;
}

a, a:hover, a:visited, a:link, a:active {
    text-decoration: none;
    color: #4d4d4d;
}

.clearfix {
    content: '';
    clear: both;
    overflow: hidden;
    height: 0px;
    *zoom: 1;
}

.hui {
    background-color: #aeaeae;
}

.blue {
    background-color: #1160ac;
}

.c3a79e5 {
    background: #3a79e5;
}

.cf2517e {
    background: #f2517e;
}

.c9e9e9e {
    background: #9e9e9e;
}

.c2c6dcf {
    color: #2c6dcf;
}

.c1160ac {
    background: #1160ac;
}

.c44b0f5{
    background: #44b0f5;
}

.public_header_1 {
    background: url(../images/public_h_bg_1.png);
    background-size: cover;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    /*height: 1.18rem;*/
}

.public_header_1 .title {
    padding: 0.421875rem 0.359375rem;
    font-size: 0.4rem;
    text-align: center;
    color: #fff;
    /*border-bottom: 1px solid #e7e7e8;*/
}

.title .back {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/backarrow.png) no-repeat;
    width: 0.375rem;
    height: 0.59375rem;
    float: left;
    background-size: contain;

}

.title span {
    float: right;

}

.title span a {
    font-size: 0.32rem;
    color: #1160ac;
    display: inline-block;
}

.public_footer {
    width: 100%;
    height: 1.328125rem;
    border-top: 1px solid #e7e7e8;
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    /*background-color: #fff;*/
    margin: 0 auto;
    align-items: center;
    background: url(../images/public_f_bg.png);
    background-size: cover;
}

.public_footer a {
    color: #575757;
}

.public_footer ul {
    padding: 0.133333rem 0;
    /*display: inline-block;*/
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;

}

.public_footer li span {
    color: #eaf6ff;
    background: none;

}

.public_footer li {
    /*float: left;*/
    width: 1.3rem;
    /*height: 1.306667rem;*/
    text-align: center;

    /*margin-right: 1.2rem;*/
}

.public_footer img {
    width: 0.703125rem;
    height: 0.703125rem;
    box-shadow: 0 0 0 #2686d3;
}

.public_footer span {
    font-size: 0.21875rem;
    display: block;
}

.public_footer a {
    text-decoration: none;
}

.public_body {
    background-color: #edf8fe;
    padding-bottom: 1.5rem;
    /*min-height: 100rem;*/
}

.news_box {
    padding-bottom: 0.226667rem;
}

.news_box .title {
    padding: 0.4rem 0.186667rem 0.333333rem;
    color: #4b4b4b;
        /*padding: 0.4rem 0.186667rem 0.333333rem;*/
    /*padding: 0.328125rem 0.5625rem 0.34375rem;*/
    /*color: #fff;*/
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  border-bottom: 1px dashed #d2d2d2;
}

.news_box .title p {
    font-size: 0.266667rem;
      width: 68%;
    height: 0.5rem;
    min-width: 0;
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden;

}

.news_box .title span {
    font-size: 0.186667rem;

}

.news_box .contect {
    background-color: #fff;
    padding: 0.226667rem 0.5625rem 0.34375rem;
    color: #8c8c8c;
    font-size: 0.24rem;

}

.info_box {
    padding-bottom: 2.533333rem;
}

.info_box .title {
    padding: 0.32rem 0.5625rem 0.34375rem;
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e8;
    background-color: #fff;
}

.info_box.title p {
    font-size: 0.32rem;

}

.info_box .title span {
    font-size: 0.24rem;

}

.info_box .title span i {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/time.png) no-repeat;
    width: 0.333333rem;
    height: 0.333333rem;
    margin-right: 0.106667rem;
    background-size: cover;
}

.info_box .contect {
    background-color: #fff;
    padding: 0.226667rem 0.5625rem 0.34375rem;
    color: #8c8c8c;
    font-size: 0.24rem;
    line-height: 1.8em;
    border-bottom: 1px solid #e7e7e8;
        padding-bottom: 1.2rem;
        width: 100%;

}

/*--------通用结束---------*/

/*--------我要捐款---------*/
.wrap {
    padding: 0 0.266667rem;
    background-color: #fff;
}

.wrap .title {
    font-size: 0.32rem;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 0.6rem 0 0.266667rem;
    border-bottom: 1px solid #e7e7e8;
}

.wrap .info {
    padding: 0.24rem 0 0.36rem;
    font-size: 0.266667rem;
    line-height: 1.8em;
    color: #606060;

}

.wrap .bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 0.266667rem 0;
}

.bar p {
    margin-left: 0.333333rem;
}

.bar i {
    margin-left: 0.173333rem;
    margin-right: 0.2rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/dowmarrow.png) no-repeat;
    background-size: cover;
    width: 0.32rem;
    height: 0.173333rem;
}

.info span.required {
    color: red;
    font-size: 120%;
}

.info .dd {
    /*width: 1.413333rem;*/
    font-size: 0.266667rem;
    padding: 0.2rem 0.3rem;
    text-align: left;
    white-space：normal;

}

.info .text {
    height: 0.506667rem;
    border: 0.026667rem solid #dde2e4;
    border-radius: 10px;
    text-indent: 10px;

}

.info td input[type="radio"] {
    margin-right: 0.2rem;
    width: 0.266667rem;
    height: 0.266667rem;
    text-align: center;
    margin-top: 0;
    vertical-align: middle;

}

.info td .icon {
    width: 0.373333rem;
    height: 0.373333rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.133333rem;
    padding: 0 0;
}

.info td .wxicon {
    background: url(../images/wx_icon.png) no-repeat;
    background-size: cover;
}

.info td .apicon {
    width: 0.66rem;
    height: 0.37rem;
    background: url(../images/wx_ap_1.png) no-repeat;
    background-size: cover;

}

.btn {
    width: 2.0rem;
    height: 0.64rem;
    background-color: #1160ac;
    color: #fff;
    border: none;
    text-align: center;
}

/*--------捐款记录---------*/
.tabs a {
    width: 50%;
    display: inline-block;
    padding: 0.266667rem 0;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    background: url(../images/record_bg_b.png) repeat-x;
    background-size: contain;

}

.tabs .r_bg {
    background: url(../images/record_bg_r.png) repeat-x;
    background-size: contain;
}

.tabs .y_bg {
    background: url(../images/record_bg_j.png) repeat-x;
    background-size: contain;
}

.record .contect {
    padding-top: 0.24rem;
}

/*.table table {*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*margin-top: 0.24rem;*/
    /*border-color: #e7e7e7;*/
    /*border-top: none;*/
    /*border-bottom: none;*/
    /*border-left: none;*/
    /*border-right: none;*/

/*}*/

.table table th {
    text-align: center;
    padding: 0.173333rem 0;
    color: #fff;
    font-size: 0.24rem;
    width: 33%;

}

.table table td {
    font-size: 0.213333rem;
    color: #9f9f9f;
    padding: 0.2rem 0;
    background-color: #ffffff;
}

.record .search {

}

.search div {
    padding: 0.2rem 0;
    background: url(../images/record_bg_p.png) repeat-x;
    background-size: contain;

}

.search form {
    margin: 0 auto;
    /*margin-top: 0.16rem;*/
    width: 6.7rem;
    height: 0.746667rem;
    /*    margin: 0.213333rem auto;*/
    /*border: 0.026667rem solid #eeeeee;*/
    border-radius: 0.3rem;
    position: relative;
    box-shadow: 0px 0px 8px #c8c8c8 inset;
    background: #fff;
}

.search #keyword {
    border: none;
    width: 5rem;
    height: 0.72rem;
    /*margin-left: 0.2rem;*/
    margin-left: 0.3rem;
    background: #fff;

}

.search button {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 20px;
    top: 13px;
    background: none;
    outline: none;
    border: none;
}

/*--------关于我们---------*/

.about img {
    width: 100%;
    padding: 0.5rem 0;
}

.about .bottom {
    width: 3.5rem;
    height: 1.8rem;
    background-image: url(../images/about_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 0.426667rem auto 0.68rem;

}

/*.tabs a{*/
/*width: 50%;*/
/*display: inline-block;*/
/*padding: 0.266667rem 0;*/
/*text-align: center;*/
/*color: #fff;*/
/*font-size: 0.32rem;*/
/*background:url(../images/record_bg_b.png) repeat-x;*/
/*background-size: contain;*/

/*}*/
/*.tabs .r_bg{*/
/*background:url(../images/record_bg_r.png) repeat-x;*/
/*background-size: contain;*/
/*}*/

/*.record .contect{*/
/*padding-top: 0.24rem;*/
/*}*/
.table table {
    width: 100%;
    text-align: center;
    margin-top: 0.24rem;
    border-color: #e7e7e7;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;

}

.table table th {
    text-align: center;
    padding: 0.173333rem 0;
    color: #fff;
    font-size: 0.24rem;
    width: 25%;

}

.table table td {
    font-size: 0.213333rem;
    color: #9f9f9f;
    padding: 0.2rem 0;
    background-color: #ffffff;
}

.record .search {

}

/*--------捐款成功---------*/
.search div {
    padding: 0.2rem 0;
    background: url(../images/record_bg_p.png) repeat-x;
    background-size: contain;

}

.search form {
    margin: 0 auto;
    /*margin-top: 0.16rem;*/
    width: 6.7rem;
    height: 0.746667rem;
    /*    margin: 0.213333rem auto;*/
    /*border: 0.026667rem solid #eeeeee;*/
    border-radius: 0.3rem;
    position: relative;
    box-shadow: 0px 0px 8px #c8c8c8 inset;
    background: #fff;
}

.search #keyword {
    border: none;
    width: 5rem;
    height: 0.72rem;
    /*margin-left: 0.2rem;*/
    margin-left: 0.3rem;
    background: #fff;

}

.search button {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 20px;
    top: 13px;
    background: none;
    outline: none;
    border: none;
}

.success {
    height: 9.12rem;
    width: 100%;
    background-image: url(../images/success_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.icon {
    text-align: center;
    padding: 0.853333rem 0 0.333333rem;
}

.success p {
    font-size: 0.32rem;
    text-align: center;
    padding: 0 0.733333rem;
    line-height: 1.8em;
    font-weight: bold;
}

.more span{
    margin: 0 0.213333rem 0 0.28rem;
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    background-image: url(../images/link.png);
    background-size: cover;

}
.news_pic{
     display: inline-flex;
     justify-content: space-evenly;
    padding-left: 0.4rem;
    padding-right: 0.213333rem;
    padding-top: 0.106667rem;
    padding-bottom: 0.133333rem;
    background-color: #fff;
    width: 100%;
    margin-bottom: 0.133333rem;
}

.news_pic .l{
    width: 3.186667rem;
    height: 2.053333rem;
    border: 1px solid #d0e4ef;
    background-color: #bef0ff;
    overflow: hidden;
        margin-top: 0.2em;

}
.news_pic .l img{
    height: 100%;
}
.news_pic .r{
    flex-direction:row;
    margin-left: 0.133333rem;
        width: 64%;
}

.news_pic .r .title{
    text-align: left;
    font-size: 0.24rem;
    justify-content:unset;
    border: none;
}

.news_pic .r .contect{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.news_pic .r p {
    color: #469af9;
}

.helpsuccess {
    height: 9.12rem;
    width: 100%;
    /*background-image: url(../images/success_bg.png);*/
    background-repeat: no-repeat;
    background-size: cover;
}

/*.icon {*/
    /*text-align: center;*/
    /*padding: 0.853333rem 0 0.333333rem;*/
/*}*/

.helpsuccess p {
    font-size: 16px;
    text-align: center;
    padding: 0 0.733333rem;
    line-height: 1.8em;
    font-weight: bold;
}