@media screen and (max-width: 768px) {
   
    .fund-panel .content .titles {
        padding: 22px !important;
        font-size: 26px;
        margin-bottom: 10px !important;
    }    
	
    .header{
        display: none !important;
    }

    .nav{
        display: none !important;
    }

    .contents{
        width: 100% !important;
    }

    .banner{
        width: 100% !important;
    }
    #banner-main{
        width: 100% !important;
        height: 200px !important;
    }

    .banner .swiper-wrapper .title{
        display: none;
        font-size: 12px !important;
    }

    .image-box{
        display: none !important;
    }

    .block-left{
        width: 100% !important;
    }

    .work-areas{
        width: 100%;
        padding: 15px !important;
        height: 180px !important;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .buttons{
        margin-left: 10px !important;
    }

    .qr-code {
        width: 160px !important;
        height: 160px !important;
    }

    .banner .pagination{
        right: 35% !important;
        bottom: 10px !important;
    }

    .contents .block{
        flex-direction: column !important;
    }

    .block-row-title {
        padding: 0 3px !important;
        margin: 0 6px;
    }

    .kinetic-image{
        display: none !important;
    }

    .kinetic{
        width: 100% !important;
        padding: 20px 0 0 5px !important;
    }

    .kinetic-con{
        width: 95% !important;
    }

    .kinetic-list{
        border-bottom: 1px dashed #dddddd;
        padding: 7px 0 !important;
    }

    .block-right{
        width: 100% !important;
    }

    .kinetic-list2-left{
        max-width: 75% !important;
    }

    #donateRecords .kinetic-list2-left{
        max-width: 100% !important;
    }

    .kinetic-list2-right{
        margin-left: 0 !important;
    }

    .fund-panel{
        width: 100% !important;
    }

    #fund-panel{
        width: 100% !important;
        height: 350px !important;
    }

    .fund-panel .button{
        margin-top: 20px !important;
        margin-left: 30px !important;
        height: 40px !important;
        width: 85% !important;
    }

    #yqlj{
        display: none;
    }

    .spread-contents .contents .swiper-container{
        width: 100% !important;
    }

    .ctrl{
        display: none !important;
    }

    #swiperVideo .swiper-slide{
        margin-right: 51px;
        margin-bottom: 50px !important;
        height: 150px !important;
    }

    #videoMain .header{
        display: none !important;
    }
    #videoMain{
        background-color: #ffffff;
        display: flex !important;
        flex-direction: column !important;
        height: 250px !important;
    }
    #videoMain .block-row-title{
        display: flex !important;
        margin-bottom: 30px !important;
        justify-content: space-between !important;
    }

    #videoMain .contents{
        height: 250px !important;
        padding: 0 6px !important;
        overflow: hidden;
    }

    .app-footer .app-footer-box{
        width: 100% !important;
        height: auto !important;
    }

    .app-footer .banners .logo{
        display: none;
    }

    .app-footer .cols{
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    .app-footer .cols img, .app-footer .cols span{
        display: none !important;
    }

    .path{
        display: none !important;
    }

    .flex-lr{
        flex-direction: column;
    }

    .content img{
        height: auto !important;
    }

    .flex-lr .bk-darkred{
        display: none !important;
    }

    .category{
        width: 100% !important;
        overflow-x: auto !important;
        display: flex;
        justify-content: flex-start;
        box-shadow: 0 1px 6px #dddddd;
        margin-bottom: 0px !important;
    }

    .category .cate-item{
        flex: 0 0 auto;
        float: left;
    }

    .doc{
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    .flex-lr .doc-date{
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .flex-lr .doc-date .title{
        margin-bottom: 20px;
    }

    .flex-lr .property div{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 40% !important;
        margin-right: 15px !important;
    }

    .doc-item .cover {
        width: 100px !important;
        height: 100px !important;
    }

    .fund-item .cover {
        width: 100% !important;
        height: auto;
    }

    #donateRecords .nick-name{
        flex: 0 0 50px !important;
    }

    .button{
        width: 150px !important;
    }

    .doc-item {
        padding: 15px 0 !important;
    }

    .docs .doc-item .content .property div {
        max-width: 50% !important;
    }

    .fund-item {
        padding: 0px 0px 20px !important;
        border-bottom: none !important;
        flex-direction: column;
        box-shadow: 0 0 7px #999999;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 30px !important;
    }

    .funds {
        padding: 20px !important;
    }

    .fund-item .content .title {
        margin-top: 10px;
    }

    #pc-stage-name{
        display: none;
    }

    #mobile-stage-name{
        display: block;
    }

    #mobile-stage-name span{
        font-size: 12px;
        color: #CA0011;
    }

    .fund-item .content .title .project-name {
        font-size: 16px !important;
    }

    .fund-item .content .summary {
        font-size: 12px !important;
        margin: 0 !important;
    }

    #pc-jzxx{
        display: none;
    }

    #mobile-jzxx{
        display: block;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }

    #mobile-jzxx button{
        width: 120px;
        height: 35px;
        line-height: 35px;
        background-color: #CA0011;
        border: none;
        border-radius: 7px;
        color: #ffffff;
    }
    .mobile-jzxx-total{
        display: flex;
        justify-content: flex-end;
        margin-right: 10px;
        font-size: 12px;
    }
    .mobile-jzxx-total svg{
        width: 15px;
        height: 15px;
        margin-right: 2px !important;
    }

    .right {
        width: 100% !important;
        border: none;
        padding: 20px 20px !important;
        box-sizing: border-box !important;
    }

    .right .header-p {
        margin: 0 !important;
    }
    
    .right .cols{
        flex-direction: column;
    }

    .right .donate .cols{
        flex-direction: row !important;
    }

    .right .header-img{
        border-radius: 10px;
        width: 95% !important;
        height: 200px !important;
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }

    .donate {
        width: 95% !important;
    }

    .donate .donate-panel .moneys {
        width: 100%;
    }

    .donate .donate-panel .moneys .money-custom{
        width: 100% !important;
    }

    .donate .donate-panel .moneys {
        padding: 0 !important;
    }

    .right .bk-darkred{
        display: block !important;
        margin-top: 20px !important;
        width: 100% !important;
    }

    .right .header-p .property {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    
    #cashDonateRecords .cols{
        flex-direction: row;
    }

    .right .donates .donate-item .person{
        flex: 0 0 150px !important;
    }

    .right .donates .donate-item .amount {
        flex: 0 0 120px !important;
    }

    .donate .donate-panel .moneys .money {
        width: 30% !important;
    }

    .right .stats .cols{
        flex-direction: row !important;
        font-size: 12px;
    }

    .right .stats .fontsize26{
        font-size: 12px !important;
    }

    .right .stats div{
        margin-right: 2px !important;
    }

    #mobile-stats{
        display: block;
    }

    #mobile-stats .property{
        flex-direction: column !important;
    }

    .right .property div{
        max-width: 100% !important;
    }

    .right .title {
        margin: 0px 0 !important;
    }

    .stats-item{
        display: flex;
        width: 100% !important;
        justify-content: space-between;
    }

    .stats-item .cols{
        width: 40% !important;
        margin-top: 10px;
    }
    
    #pc-stats{
        display: none;
    }

    .donate_top{
        display: none;
    }

    .hot-funds{
        display: none;
    }

    .quick-donate-container{
        width: 100% !important;
    }

    .donate-content{
        padding: 20px 10px !important;
        border: none !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        min-height: auto !important;
    }

    .donate-content .describe {
        margin: 10px 0 !important;
    }

    .donate-content .describe{
        width: 100%;
    }

    .donate-content .donate-online .moneys {
        margin: 15px 0 !important;
    }

    .donate-content .donate-online .moneys .money {
        min-width: 45px !important;
        height: 25px !important;
        line-height: 25px !important;
        border-radius: 5px;
        margin-left: 10px !important;
    }

    .donate-content .donate-online .money-custom {
        height: 30px !important;
        width: 100% !important;
        margin-left: 0px !important;
        border-radius: 5px;
    }

    .donate-content .confirm-donate {
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 15px;
        height: 40px !important;
        line-height: 40px !important;
    }

    .bank_info {
        margin: 20px 0 !important;
    }

    .donate-content .donate-online .donate-funds {
        outline: none !important;
        height: 30px !important;
        width: 70% !important;
    }

    .block{
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .fenge70{
        display: none;
    }

    .mobile_header{
        display: flex !important;
    }

    .project_state{
        display: flex !important;
    }

    .app-footer .link-item {
        line-height: 25px !important;
        font-size: 14px !important;
    }

    .app-footer .link-title {
        font-size: 14px !important;
        line-height: 25px !important;
    }

    .app-footer .margin30 {
        margin: 20px 10px !important;
    }
    .right .steps{
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }
    .right .steps-body .step .redName {
        font-size: 12px !important;
    }
    .right .steps-body .step .name {
        font-size: 12px !important;
    }
    .right .steps-body .step .start-date {
        font-size: 12px !important;
    }

    .pay-dlg .panel .pages .page.selected {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    #mobile-pay-Image {
        flex: 0 0 auto;
        width: 200px;
        height: 200px;
        margin: 0 auto !important;
    }

    #mobileTip{
        display: block !important;
    }

    #pcTip{
        display: none !important;
    }

}