html, body{height:100%;/*overflow:hidden;overflow-y: scroll;*/}
#content_con{padding-bottom:1rem;}
.m-bg{width:100%;height:3rem;position: fixed;top: 0;left: 0;z-index: 6;background-color:#fff;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-filter: blur(20px) brightness(80%);-moz-filter: blur(20px) brightness(80%);-o-filter: blur(20px) brightness(80%);opacity: 1;transition: opacity 0.4s;}
.m-main {width: 100%;height: 3rem;padding:0 0.3125rem;position:fixed;top:0;left:0;z-index:99;}
.m-main video {display: none;}
.m-main .player {width: 100%;position: relative;bottom: 0px;}
.m-main .player h2{text-align: center;color: #fff;line-height:1.25rem;}
.m-main .play-box {width: 100%;margin: 0 auto;display: flex;}
.m-main .play-box .left {width:74%;padding-top: 0.15rem;padding-left: .51rem;}
.m-main .play-box .left .btn{text-align: center;color: #fff;display: flex;justify-content:center;}
.m-main .play-box .left .btn i{margin: 0 0.5rem;font-size: 18px;display: block;width: 1rem;}
.m-main .play-box .left p.timeline {width: 66%;height: 2px;background-color: rgba(216, 216, 216, 0.5);border-radius: 0.1875rem;margin:0.25rem auto 0;position: relative;z-index: 2;}
.m-main .play-box .left p.timeline span {position: relative;width: 0px;height: 2px;background-color: red;border-radius: 5px;display: block;-webkit-transition: width ease-out 0.3s;-o-transition: width ease-out 0.3s;transition: width ease-out 0.3s;}
.m-main .play-box .left p.timeline span:after {content: "";position: absolute;top: -0.125rem;right: -0.125rem;width:0.3125rem;height:0.3125rem;border-radius: 50%;background-color: #FFF;}
.m-main .play-box .left div.info {font-size: 12px;color: #000;position: relative;top: -0.25rem;overflow:hidden;z-index: 1;color: #FFF;}
.m-main .play-box .left div.info .size {float: left;display: block;}
.m-main .play-box .left div.info .timeshow {float: right;display: block;}
.play-box .img p{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-main .player .img{width: 20%;margin-top:-.4rem;text-align: center;}
.m-main .player .img img{width:1.25rem;height:1.25rem;border-radius:50%;object-fit: cover;}
.m-main .player .title{color:#fff;}
.m-list ul li{height:1.5rem;border-bottom:1px solid #eee;padding:0.125rem 0;text-indent: 1em;}
.m-list ul li div{height: 1.25rem;}
.m-list{padding-top:3.125rem;}
.m-list .search {padding:0 0.3125rem 0.125rem;border-bottom:1px solid #eee;position:relative;overflow:hidden;font-size:14px;}
.m-list .search i{color:#666;position:absolute;top:0.25rem;left:50%;margin-left:-0.75rem;font-size:14px;display:none;}
.m-list .search input{/*width:100%;*/height:1rem;border:1px solid #ccc;border-radius:1rem;text-indent:0.5rem;/*text-align:center;*/transition:all 0.5s;width : 80%;text-align :left;border-top-right-radius :0;border-bottom-right-radius : 0;}
.m-list .search button{width:20%;height:1rem;border:1px solid #ccc;background:#fff;color:#333;border-top-right-radius:1rem;border-bottom-right-radius:1rem;position:absolute;top: 0;/* right: -20%;*/right : 0.3125rem;transition:all 0.5s;}
.m-list ul li p:first-child{font-size:16px;padding-right: 0.3125rem;line-height:0.625rem;}
.m-list ul li p:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;}
.m-list ul li p:last-child{color:#666;line-height:0.625rem;position: relative;padding-right: 0.3125rem;}
.m-list ul li p:last-child #praise{width: 0.55rem;vertical-align: top;}
.m-list ul li p:last-child .eye{position: absolute;left: 38%;display:none;bottom: 0px;}
.m-list ul li p:last-child .deb{position: absolute;left: 55%;display:none;bottom: 0px;}
.m-list ul li p .praise2{display:none;}
.m-list ul li p:last-child #com{width: 0.55rem;vertical-align: top;}
.m-list ul li p:last-child .pl{position: absolute;display:none;left: 66%;bottom: 0px;}
.m-list ul li div{border-left:4px solid #fff;}
.m-list ul li div.red{color:red;border-left:4px solid red;}
.m-btn{text-align: center;padding: 0.25rem 0;}
.m-btn button{border: 1px solid #eee;padding: 0.25rem 0.375rem;background: #eee;border-radius: 6px;color: #333;}
@keyframes run{from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.m-btn p{display:none;}
.m-btn p span{display:block;width:1rem;height:1rem;text-align:center;line-height:1rem;color:#999;font-size:24px;margin:auto;animation:run 1s linear infinite;}
.title p{padding: 0 2rem;height: 1rem;line-height: 1rem;}
.refresh{text-align:center;color:red;font-size:20px;line-height:1.25rem;float:left;}
.refresh i{font-size:24px;display: block;transition:all 1s;}
.collect{width:25%;height: 100%;float:left;text-align: center;}
.message{width:25%;height: 100%;float:left;text-align: center;}
.bottom_ref{width:100%;height:1.25rem;position:fixed;bottom:0;left:0;background:#fff;z-index:99;border-top:1px solid #eee;display: flex;justify-content:space-around;bottom: 0;}
.fenxiang{float:right;height:100%;font-size:16px;text-align:center;}
#pro{background: #eee;width:66%;height: 2px;position: relative;margin:auto;z-index:99;}
#yuan{height: 10px;width: 10px;background: #fff!important;position: absolute;left:-5px;top:-4px;border-radius: 50%;}
.jin{width: 0;height: 100%;background: #22A70E!important;}
.m-zong{padding:0.25rem 0.3125rem;font-size:16px;display: flex;justify-content: space-between;}
.comment{position: fixed;bottom: 0;width: 100%;z-index: 999;background: #fff;padding: 0.3125rem;display:none;}
.fenlei span{padding: 0.125rem 0;margin: 0 0.3125rem;color:#666}
.fenlei span:nth-child(1){margin-left: 0}
.fenlei span.cur{border-bottom: 3px solid #22A70E;color:#333;}
/*新加*/
.m-main{z-index: 10}
#topLoad { background: none;padding: 30px 0 50px;}
.m-list{display: flex;flex-flow:wrap}
.m-list>ul{width:80%}
.m-list>ul>li{display: flex}
.m-list>ul>li>div{width: 95%!important;overflow: hidden}
.m-list>ul>li>p img{width: 40%}
.m-list>div{width: 20%}
.m-list>div>div img{height: .45rem;margin:.45rem 0}
.m-list>div>div{height: 1.5rem;text-align: center;}
.m-list>ul div>p>span #com{display: none}
#col{color:#fff;background: #4C9ED9;display: none}
#comments{position: fixed;top:100%;width: 100%;background: #fff;transition: .3s;height: 75%;z-index: 100}
.xiangxia>div{float: right}
.xiangxia{text-align: center;font-size:0.441rem;padding:10px 10px 0 10px}
#comments{overflow-y: auto;border-radius: 12px 12px 0 0}
.title>p>marquee{font-size: 15px}
#pro{width: 66%;height: 2px;position: relative;margin: auto;z-index: 99;}
.layui-flow-more{text-align: center}
#zan_background1{position: fixed; width: 100%;height: 100%;background: rgba(0,0,0,0.25);top: 0;left: 0;display: none;}
#hui-dialog{z-index: 102}
#hui-mask{z-index: 101}
.hidden{display:none;}
.button{border: solid 1px #ddd;background: transparent;border-radius: 4px; font-size: 14px;    padding: 6px 15px;    margin: 0;    display: inline-block;    line-height: 20px;  transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.margin-right{margin-right: 10px;}
.margin {margin: 10px!important; clear: both;}
.m-main{padding: 0}
.mplayer{padding:0 0.3125rem}
.m-zong{position: fixed;top: 3rem;background: #fff;width: 100%}
.fenlei{background: #fff}
.search{position: fixed;top: 4rem;width: 100%;background: #fff;padding-bottom: 0.2rem}
.search>input{width: 90%;height: 1rem;border:none;border-radius: 1rem; text-indent: .5rem; transition: all .5s; width: 80%;text-align: left;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid rgba(0,0,0,.05);}
#m-search{width: 10%;height: 1rem;border:none;background: #fff;color: #333;position: absolute;top: 0;right: .3125rem;transition: all .5s;}
.img-whm{width:.5625rem;height:.5625rem; margin-top: 0.3125rem;}
.refresh{color:#898989;font-weight:100;line-height:.89rem; }
.refresh>img{width:.5625rem;height:.5625rem;transition: 1s }
#zan_backgrounds {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.25);top: 0;left: 0; display: none;}
.audiobutton{border-radius: .5rem;color:#000}