﻿body{
    box-sizing: border-box;
}
/*资助*/
.subsidize-top-div{
    height: 80px;
    background: #f5f5f5;
    position: fixed;
    z-index: 1000;
}
.subsidize-top{
    height:70px;
    background: #fff;
    width:100%;
    position: fixed;
    top:45px;
    z-index: 1000;
}
.subsidize-top .subsidize-top-list{
    width:25%;
    height:70px;
    padding-left:4%;
}
@media (max-width: 340px){
    .subsidize-top .subsidize-top-list{
        padding-left:0;
    }
}
.subsidize-top .subsidize-top-list .sp-icon{
    display: inline-block;
    height:20px;
    width:20px;
    color: #fff;
    background: #ccc;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    margin-top:23px;
}
.subsidize-top .subsidize-top-list .sp-con{
    display: inline-block;
    width:42px;
    line-height: 20px;
    margin:13px 0 0 8px;
    color: #666;
}
.subsidize-top .subsidize-top-list:nth-last-child(1) .sp-con{
    width:40px;
}
.subsidize-top .active .sp-icon{
    background: #eb0e15;
}
.subsidize-top .active .sp-con{
    color: #eb0e15;
}
.subsidize-top-div .bg-div{
    height:10px;
    width:100%;
    background: #f5f5f5;
    position: fixed;
    top:115px;
}
.subsidize-con{
    background: #fff;
    position: relative;
    top:125px;
}
.subsidize-con-list .choice-btn{
    display: block;
    height:45px;
    width:100%;
    background: #ff6600;
    line-height: 45px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 5px;
}
.subsidize-con-list p{
    line-height: 24px;
}
.subsidize-con-list .choice-btn span{
    position: relative;
    padding-right:15px;
}
.subsidize-con-list .choice-btn img{
    position: absolute;
    height:13px;
    width:10px;
    top:5px;
    right:0;
}
.subsidize-con-list .a-explain{
    color: #eb0e15;
    text-decoration: underline;
}
/*资助说明*/
.SubsidizeExplain h1{
    height:50px;
    line-height: 50px;
}
.SubsidizeExplain p{
    color: #666;
    line-height: 24px;
}
/*选择帮扶学生*/
.select-box{
    height: 45px;
    line-height: 45px;
    position: fixed;
    top: 115px;
    width: 100%;
    z-index: 1000;
}
.select-box .select-list{
    width:33%;
    cursor: pointer;
}
.select-box .select-list .iconfont{
    font-size: 12px;
    margin-left:5px;
    color: #999;
}
.choose-student{
    margin-top:170px;
}
.choose-student li{
    width:32%;
    margin-right:2%;
}
.choose-student li .student-pic{
    width:100%;
    height:160px;
}
.choose-student li .student-pic img{
    width:100%;
    height:100%;
}
.choose-student li .p-name{
    height:30px;
    line-height: 30px;
}
.choose-student li .p-name .check-icon{
    display: inline-block;
    width:15px;
    height:15px;
    background: url("../images/img/check-box.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
    top:2px;
}
.choose-student li .p-name lable{
    cursor: pointer;
}
.choose-student li .p-name .active{
    display: inline-block;
    width:15px;
    height:15px;
    background: url("../images/img/checked-box.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
    top:2px;
}
.show-box{
    position: fixed;
    bottom:80px;
    right:20px;
    height:50px;
    width:50px;
    border-radius: 50%;
    background: #eb0e15;
    cursor: pointer;
}
.show-box span{
    display: block;
    width:50px;
    text-align: center;
    color: #fff;
}
.load-more{
    width:100%;
}
.load-more a{
    color: #ff6600;
    text-decoration: underline;
    margin-left:40%;
}
.choose-student-footer{
    position: fixed;
    bottom:0;
    height:50px;
    line-height: 50px;
    width:100%;
}
.choose-student-footer .a-yes{
    display: inline-block;
    width:50%;
    background: #eb0e15;
    color: #fff;
}
.choose-student-footer .a-no{
    display: inline-block;
    width:50%;
    height:50px;
    color: #eb0e15;
}
.TipsWindowCon h2{
    width:100%;
    height:30px;
    line-height: 30px;
    color: #eb0e15;
    font-weight: normal;
}
.TipsWindowCon li{
    height:30px;
    line-height: 30px;
}
/*地址弹出层*/
.AddressTips{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:999;
    background: rgba(0,0,0,0.4);
}
.AddressTipsCon{
    width:100%;
    background: #fff;
    position: absolute;
    top:160px;
    z-index: 1000;
}
.AddressTipsCon ul{
    margin-top:-1px;
    overflow: auto;
    height: 200px;
}
.AddressTipsCon ul li{
    border-top: 1px solid #e0e0e0;
    height:40px;
    line-height: 40px;
}
/*填写订单*/
.order-write{
    position: relative;
    top:125px;
}
.order-write h1{
    font-size: 16px;
    font-weight: normal;
}
.explain-con p{
    font-size: 14px;
    line-height: 20px;
}
.student-lists-top{
    height:45px;
    line-height: 45px;
}
.student-lists ul li{
    height:45px;
    line-height: 45px;
    border-bottom:1px solid #e0e0e0;
    width:100%;
}
.student-lists ul li:nth-last-child(1){
    border-bottom: none;
}
.student-lists ul li .sp-name{
    display: inline-block;
    width:25%;
    text-align: left;
    overflow: hidden;
}
.student-lists ul li .sp-money{
    display: inline-block;
    width:60%;
    text-align: center;
}
.student-lists ul li .icon-shanchu{
    display: inline-block;
    width:15%;
    text-align: right;
    cursor: pointer;
}
.order-write .bgf-div{
    height:80px;
    background: #f5f5f5;
}
.order-write-footer{
    width:100%;
    background: #eb0e15;
    color: #fff;
    position: fixed;
    bottom: 0;
    height:45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}
.order-write-footer a{
    color: #fff;
}
.student-lists textarea{
    width:100%;
    resize: none;
    padding:10px;
}
.bgf-div input{
    position: relative;
    top:1px;
 }
.bgf-div a{
    color: #ff6600;
}
/*资助成功*/
.SubsidizeSucceed{
    width:100%;
    margin-top:125px;
}
.SubsidizeSucceed-img{
    width:26%;
    margin:55% 0 0 37%;
}
.SubsidizeSucceed-img img{
    width:100%;
}
.SubsidizeSucceed .btn-div a{
    display: inline-block;
    width:35%;
    margin-left:10%;
    border:1px solid #e0e0e0;
    border-radius: 35px;
    height:40px;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.SubsidizeSucceed p{
    margin:5% 0 10%;
}
.warm-hearted-top-left{
    width:120px;
    height:170px;
    margin-right:20px;
}
.warm-hearted-top-left img{
    width:100%;
    height:100%;
}
.warm-hearted-right-title{
    padding-left:12px;
    border-left:3px solid #eb0e15;
}
.warm-hearted-right-con{
    margin-left:15px;
}
.warm-hearted-top-right{
    width:calc(100% - 145px);
}
.warm-hearted-top-address{
    line-height: 50px;
}
.warm-hearted-top-address .sp-address{
    display: inline-block;
    width:calc(100% - 120px);
}
.warm-hearted-top-address .sp-yb{
    display: inline-block;
    width:110px;
    text-align: right;
    overflow: hidden;
    white-space:nowrap;
}
.subsidize-record h3{
    font-weight: normal;
    height:50px;
    line-height: 50px;
}
.subsidize-record h3 span{
    display: inline-block;
    padding-left:10px;
    border-left:3px solid #eb0e15;
    font-size: 16px;
    height:20px;
    line-height: 20px;
    margin-top: 15px;
}
.subsidize-record ul li{
    height:40px;
    line-height: 40px;
}
.subsidize-record ul li span:nth-child(1){
    display: inline-block;
    width:34%;
}
.subsidize-record ul li span:nth-child(2){
    display: inline-block;
    width:33%;
}
.subsidize-record ul li span:nth-child(3){
    display: inline-block;
    width:33%;
}
.subsidize-record ul li:nth-child(1){
    background: #f7f7f7 !important;
}
.subsidize-record ul li:nth-child(2n){
    background: #fff;
}
.subsidize-record ul li:nth-child(2n+1){
    background: #fafafa;
}
.subsidize-student h3{
    font-weight: normal;
    height:50px;
    line-height: 50px;
}
.subsidize-student h3 span{
    display: inline-block;
    padding-left:10px;
    border-left:3px solid #eb0e15;
    font-size: 16px;
    height:20px;
    line-height: 20px;
    margin-top: 15px;
}
.subsidize-student li{
    position: relative;
}
.subsidize-student li h2{
    font-weight: normal;
    padding:5px 0;
}
.student-details-top{
    line-height: 24px;
}
.subsidize-record p{
    line-height: 24px;
}
.subsidize-student li .a-verify{
    position: absolute;
    right:12px;
    bottom:10px;
}
.subsidize-student li h2 span:nth-child(1){
    display: inline-block;
    width:50%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.help-record ul li{
    height:40px;
    line-height: 40px;
    border-bottom: 1px dotted #e0e0e0;
    color: #666;
}
.help-record ul li:nth-last-child(1){
    border-bottom: none;
}
.help-record ul li span:nth-child(1){
    display: inline-block;
    width:34%;
}
.help-record ul li span:nth-child(2){
    display: inline-block;
    width:33%;
}
.help-record ul li span:nth-child(3){
    display: inline-block;
    width:33%;
}
.help-record .help-record-title{
    height:40px;
    line-height: 40px;
}
.help-record .help-record-title span:nth-child(1){
    display: inline-block;
    width:34%;
}
.help-record .help-record-title span:nth-child(2){
    display: inline-block;
    width:33%;
}
.help-record .help-record-title span:nth-child(3){
    display: inline-block;
    width:33%;
}
/*资助订单*/
.subsidize-order-list-top{
    height:40px;
    line-height: 40px;
}
.SubsidizeOrder li span{
    display: inline-block;
}
.SubsidizeOrderDetails-con div{
    height:40px;
    line-height: 40px;
}
.SubsidizeOrderDetails-con li{
    height:40px;
    line-height: 40px;
    border-bottom: 1px dotted #e0e0e0;
}
.SubsidizeOrderDetails-con li:nth-last-child(1){
    border-bottom: none;
}
.btn-recharge{
    width:80%;
    height:45px;
    background: #eb0e15;
    color: #fff;
    margin-left:10%;
    border-radius: 30px;
    line-height: 45px;
    text-align: center;
}
.btn-submit{
    width:80%;
    height:45px;
    background: #eb0e15;
    color: #fff;
    margin-left:10%;
    border-radius: 8px;
    line-height: 45px;
    text-align: center;
}
.personal-file li textarea{
    width:100%;
    resize: none;
}
.personal-file li input{
    height:100%;
    width:70%;
}
/*申请帮扶*/
.ApplicationHelp h2{
    height:40px;
    line-height: 40px;
    font-weight: normal;
}
.ApplicationHelp h2 img{
    height:20px;
    width:20px;
}
.ApplicationHelp-con .sp-title{
    font-weight: bold;
}
.ApplicationHelp-con p{
    line-height: 24px;
}
/*志愿者*/
.volunteer-list-img{
    width:105px;
    height:145px;
}
.volunteer-list-img img{
    width:100%;
    height:100%;
}
.volunteer-list-right{
    width:calc(100% - 125px);
}
.volunteer-list-right h3{
    font-weight: normal;
}
.volunteer-list-right p{
    line-height: 22px;
}
.volunteer-list-right .p-con{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
/*学生*/
.students{
    top:45px;
}
.students .select-list {
    width: 25%;
}
.StudentsAddressTips{
    top:90px;
}
.icon-nan{
    color: #1da0f1;
}
.icon-nv{
    color: #ff69b1;
}
.icon-chengshi{
    font-size: 13px !important;
}
.icon-xuesheng{
    font-size: 13px !important;
}
.warm-hearted .select-list {
    width: 33%;
    cursor: pointer;
}
.warm-hearted .up-down{
    display: inline-block;
    width:9px;
    height:10px;
    background: url("../images/img/up-down.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}
.warm-hearted .active{
    color: #eb0e15;
}
.warm-hearted .active-up{
    background: url("../images/img/up.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}
.warm-hearted .active-down{
    background: url("../images/img/down.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}
/*爱心企业*/
.warm-hearted-firm ul li{
    width:48%;
    margin-right:4%;
}
.warm-hearted-firm .warm-hearted-firm-img{
    width:100%;
    height:80px;
}
.warm-hearted-firm .warm-hearted-firm-img img{
    width:100%;
    height:100%;
}
@media (min-width: 500px){
    .warm-hearted-firm .warm-hearted-firm-img{
        width:100%;
        height:140px;
    }
}
.warm-hearted-firm-details h1{
    height:40px;
    line-height: 40px;
}
.warm-hearted-firm-details img{
    width:100%;
    margin-top:10px;
}
.warm-hearted-firm-details p{
    color: #666;
    line-height: 24px;
}
.warm-hearted-firm-details a{
    color: #0863df;
}
.suvsidize-explain h2{
    height:40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
}
.suvsidize-explain p{
    line-height: 24px;
    color: #666;
}
/*关于我们*/
.about-us ul li{
    height:50px;
    line-height: 50px;
}
.about-intro-con h4{
    padding:10px 0 5px 0;
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
}
.about-intro-con h4 span{
    display: inline-block;
    height:5px;
    width:5px;
    border-radius: 50%;
    background: #eb0e15;
    float: left;
    margin:10px 5px 0 0;
}
.about-intro-con p{
    color: #666;
    line-height: 24px;
}
.about-intro-con-list{
    border-top: 1px dashed #e0e0e0;
}
.about-intro-con {
    margin-top:10px;
    /*overflow: hidden;*/
}
.about-intro-con img{
    width:100%;
}

.volunteer-details .sp-dz{
    display:inline-block;
}

.volunteer-details .sp-address{
    display:block;
    width:72%;
}
/*.students .select-list .sp-text{
    display:inline-block;
    width:70%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}*/
.warm-hearted-top-address .sp-address .sp-address-title{
    display:inline-block;
    width:70px;
}
.warm-hearted-top-address .sp-address .sp-address-con{
    display:inline-block;
    width:calc(100% - 70px);
    word-break:break-all;
    line-height:24px;
    padding:14px 0 5px;
}
.TipsWindowConStudents ul{
    height:200px;
    overflow:auto;
}
.marb60{
    margin-bottom:60px;
}
.order-write-footer a{
    display:block;
    height:45px;
}