.wrap_content{max-width: 1680px;margin:0 auto;}
/*导航条*/
#nav {margin-bottom: 20px;}
.lunbo_wrap {width: 100%;height: auto;background: white;position: relative;margin:0;overflow: hidden;padding: 0 20px;}
.contain_pic {position:relative;width: 100%;height: 100%;display: inline-block;}
.contain_pic img {width: 100%;}
.contain_pic .sub {width: 60%;height: 100%;display: inline-block;}
.zhubo_aside {display: inline-block;position: absolute;width: 38%;height:100%;right:0;font-size: 16px;}
.zhubo_aside * {display: inline-block;line-height: 1.75em;}
.zhubo_aside_tab {color: #222;margin:5px 0;line-height: 1.75em;text-align: justify;}
.zhubo_aside_tab i {color: pink;font-size: 20px;}
.user_tab {overflow: hidden;display: -webkit-flex; /* Safari */display:flex;flex-direction: row;flex-wrap:wrap ;justify-content:space-between;}
.user_tab img {box-shadow: 2px 2px 5px 2px #ccc;}
.user_tab img:hover {transition: all linear 0.5s;transform: scale(1.1, 1.1);}
.user_tab img {position: relative;width:37vw;height:37vw;max-width:180px;max-height:180px;margin: 5px;box-sizing:border-box;}
.utb_name{background:white;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:105px;padding-top:2px;}
/*捐助初心日志*/+
 @keyframes bounceFromLeftToRight {
     from {transform:rotate(0deg);}
     to {transform:rotate(360deg);}
}
 @-webkit-keyframes bounceFromLeftToRight {
     from {transform:rotate(0deg);}
     to {transform:rotate(360deg);}
 }
 @keyframes bounceTop{
     0% {bottom:-15px;}
     50%{bottom:-20px;}
     100%{bottom: -15px}
 }
 .btn-show-qrcode {
     border-radius: 0 180px 51px 48px;
     background-color: #FE4C40;
     margin: 0 auto;
     width: auto;
     height: auto;
     padding: 5px 15px;
     border: none;
     color: white;
     position: absolute;
     right: 23%;
     bottom: 20px;
     border-bottom: solid 5px darkgrey;
     border-left: solid 22px #fe4c40;
 }
.btn-show-qrcode:before,.btn-show-qrcode:after{
    position: absolute;
    width:25px;
    height: 25px;
    text-align: center;
    background: #FE4C40;
    bottom:-15px;
    border-radius: 45px;
    animation-name: bounceFromLeftToRight,bounceTop;
    animation-timing-function: linear,linear;
    animation-delay:0s ,0s;
    animation-iteration-count:infinite,infinite;
}
.btn-show-qrcode:after{
    content:"心";
    right: 25px;
    animation-duration: 2s, 1000ms;
}
.btn-show-qrcode:before{
    content:"初";
    left: 25px;
    animation-duration: 2s, 1500ms;
}

.payCode_zhifubao,.payCode_weixin{position:relative;width:30px!important;height:30px;z-index: 100;cursor: pointer;margin:10px;}
.payCode_zhifubao:hover,.payCode_weixin:hover{
    transform: scale(6.5) translate(0,-10px)
}
/*口号广播*/
.broadCast {display: none;position: fixed;top: 0;background: rgba(0, 0, 0, 0.7);width: 100vw;height: 100vh;text-align: center;z-index: 6000;}
.broadCast .closeBroadCase {position: absolute;display: inline-block;right: 60px;top: 60px;border-radius: 100%;color: white;font-size: 40px;cursor: pointer;}
.broadCast .closeBroadCase:hover {color: #FE4C40;}
.broadCast .broadCastImg {margin-top: -520px}
.tipsword {color: white;padding-right: 50px;}
.tipsword h3 {color: yellow;}

@media screen and (min-width:300px) and (max-width:500px) {
.btn-show-qrcode{display:none!important;}
.lunbo_wrap {width: 100vw;}
.contain_pic .sub {width: 100%;height: 100%;display: block;}
.zhubo_aside {display: block;position: relative;width: 100%;}
.zhubo_aside * {display: inline-block;}
.broadCast {display: none;}
}
@media screen and (min-width:745px){
    .user_tab img {width:13vw;height:13vw;}
}

@media screen and (min-width:500px) and (max-width:1005px) {
.btn-show-qrcode{display: none!important;}
.lunbo_wrap {width: 100vw;}
.contain_pic .sub {width: 100%;height: 100%;display: block;}
.zhubo_aside {display: block;position: relative;width: 100%;}
.zhubo_aside * {display: inline-block;line-height: 1.3em;}
.zhubo_aside_tab_wrap {height: 215px;position: relative;}
.zhubo_aside_tab {background: white;vertical-align: top;width: 30%;margin: 5px;font-size: 15px;color: #333;text-align: center;}
.zhubo_aside_tab i {color: pink;font-size: 60px;display: block;}
.hide500{display:none!important;}
}
 @media screen and (max-width: 1200px) {
     .btn-show-qrcode{display: none;}

 }
 @media screen and (max-width: 1260px) {
     .btn-show-qrcode{transform: scale(0.8);bottom:5px;}

 }