.wraper-scroll{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: auto}
.wraper{position: absolute;top:0;left:0;right:0;height:65%;z-index:1;overflow-x:hidden;overflow:visible;padding-bottom:2rem}
.wraper .container{position:relative;min-height:70%;margin-left:4%}
.wraper .container .box{width:46.6%;position:relative;float:left;margin-right:3%;transition:opacity .3s ease-in-out;opacity:0}
.wraper .container .box.ani{opacity:1}
.wraper .content{border-radius:0.25rem;background-color:#fff;min-height:28px;position: relative;overflow:hidden}
.wraper .content img{height:auto;width:100%!important;vertical-align: bottom;font-size: 0}
.wraper .content .content-inner{padding:0.25rem 0.4rem;padding-bottom:0}
.wraper .content .content-inner p{margin-bottom:0.15rem;font-size:0.4rem;line-height:0.75rem}
.wraper .content .content-inner p:first-child{font-size:0.5rem}
.wraper .content .content-inner p:last-child{margin-bottom:0}
.wraper .content .content-inner p span{color:#646464}
.wraper .content .content-inner p.desc{line-height:1.3}
.wraper .content .content-footer{position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size:0.4rem;
	color:#646464;
	min-height: 0.5rem;
    padding:0 0.4rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center}
.wraper .content .content-footer .footer-link{line-height:2.8;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-decoration: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center}
.wraper .content .cover_bg{position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;background-color: rgba(0, 0, 0, 0.35)}
.wraper .content .cover_bg img{ position:absolute;width:50%;left:50%;top:50%;-webkit-transform:translateX(-50%)  translateY(-50%);transform: translateX(-50%) translateY(-50%)}
.wraper .clearfix{zoom:1}
.wraper .clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.wraper .loading{position:relative;width:100%;padding-top:0.7rem;text-align:center;display:none}
.wraper .loading span{line-height:1.2;font-size:0.45rem;border-radius:0.8rem;color:#616660}

.wraper{position:relative;margin-left:-0.45rem;margin-right:-0.45rem}
.wraper .container{margin-left:3%}
.wraper .container .box{width:46.88%}
.wraper .container .content .mui-badge{line-height:normal;border-radius:0.13rem;padding:0.05rem 0.2rem;font-size:0.36rem}
.wraper .container .content-media{position:relative}
.wraper .container .content-media .mui-badge{color:#FFF;font-weight:700;position:absolute;bottom:0.2rem;left:0.2rem;background-color: rgba(75,75,75, 0.5)}
.wraper .container .content-media .angle{position: absolute;z-index:1;right:-2.8rem;top:-2.8rem;width:4rem;height:4rem;color:#fff;background:#CCC;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.wraper .container .content-media .angle em{position:absolute;bottom:0.03rem;left:50%;font-size:0.3rem;line-height:1;-webkit-transform: translate(-50%);transform: translate(-50%)}
.wraper .container .content-inner .mui-big{font-weight:700;font-size:180%!important}
.wraper .container .content-inner .mui-badge{color:#fa4c4b!important;background:#fff5f4!important;padding:0 0.15rem}
.wraper .container .content-inner .mui-badge-outlined:before{border:1px solid #ffc8c2!important;border-radius:0.2rem}
.wraper .container .content .content-inner p span.mui-del{color:#939393}