body{max-width:640px;margin: 0 auto;background: #fff;}
.topMenu{display: flex;justify-content: space-between;padding:.1rem .53rem;background: #f6f6f6;line-height:180%;font-size:.451rem;color: #999;}
.topMenu .active{color: #F01417;border-bottom: 2px solid #F01417;font-weight: bolder;}
.topMenu .my{margin-left:1.95rem;}
.mItem{opacity:0;}
.hide0{display:none;}
.videoItem{border-bottom:.2rem solid #eee;min-height:6rem;margin-top: 0.15rem;padding-bottom: 0.5rem;}
.videoItem .topTitle{padding: 0 .2rem;display: flex;justify-content: space-between;}
.videoItem .title{border-bottom:#f6f6f6;margin-left:.1rem;padding:.1rem .2rem;font-size:.481rem;word-wrap:break-word;width:7rem;display: inline-block;color:#666;overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.videoItem .edit{border-radius: 0.5rem;padding:0.08rem 0.23rem;line-height: 120%;font-size: .37511rem;color: #42ae15;margin-top: .3rem;margin-right: 0.2rem;float: right;border:1px solid #c2fdaa;;}
.videoItem .desc{padding:.1rem .2rem;font-size:.511rem;display: flex;}
.videoItem .desc img{width:1.2rem; height:1.2rem;margin: .1rem; object-fit:cover;border-radius: 1.3rem;}
.videoItem .desc .nickname{padding:.152rem .3rem;width:5.5rem;font-size: .451rem;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videoItem .desc .nickname .time{color:#999;font-size:.351rem;}
.videoItem .desc .nickname .time span{font-size: 12px;}
.videoItem .desc .nickname .time sup{font-size: 12px;color: red;}
.videoItem .desc .nickname .time .hit{margin-left:.5rem;color: red;}
.videoItem .content{min-height:5rem;height:auto!important;background: #333;display: flex;justify-content: space-around;width:9.4rem !important;margin:.1rem auto;}
.videoItem .content video{max-height:9rem}
/*.videoItem .content p{padding:0 .3rem;font-size:.511rem;}*/
.ItemBottom{justify-content: space-between;display: flex;padding:.2rem .3rem;color:#666;}
.ItemBottom span{border-radius: .5rem;background: #fefefe;border: 1px solid #eee;font-size: .34rem;width: 1.37rem;text-align: center;margin-top: .32rem;padding: .15rem .1rem 0 .1rem;line-height: .65rem;}
.ItemBottom span span{position: absolute;background:red;color: #fff;font-size: .291rem;padding:0 6px;line-height: .4rem;max-width:.7rem;text-overflow:ellipsis;overflow: hidden;margin-top: -.3rem;width: auto;opacity:0;margin-left:-.23rem;}
.moreMenu{position: absolute;z-index:125;width:1.76rem;right:.06rem;margin-top:-5.428rem;}
.moreMenu span{border-radius:.8rem;background:#fefefe;border: 1px solid #ddd;font-size:.4rem;width:1.37rem;line-height:.8rem;text-align:center;display:inline-block;margin-top:.42rem;}
/*pintuer-start*/
.hidden{display:none;}
.button{border: solid 1px #ddd;border-radius: 4px; font-size: .375rem;    padding: .3rem .6rem;    margin: 0;    display: inline-block;    line-height: 100%;  transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#222;}.margin {margin: 10px!important; clear: both;}.margin-top{margin-top: 10px;}margin-right{margin-right: 10px;}margin-bottom{margin-bottom: 10px;}margin-left{margin-left: 10px;}.text-center{text-align: center;} .padding{padding:10px;}.padding-top{padding-top:.4rem;}.padding-bottom{padding-bottom:.4rem;}.padding-left{padding-left:.4rem;}.padding-right{padding-right:.4rem;}
.noInfo {margin:.75rem;text-align:center;color:#777;font-size:16px;}
/*pintuer-end*/
#bottomMenu{position: fixed; bottom:-.25rem;font-size: .37411rem;
 z-index:125; width:10rem; background:white; padding-top: .1rem; border-top: 1px solid #efefef;margin: 0;  height: 1.65rem;   display: flex;justify-content: space-around;}
#bottomMenu div {width:20%;  box-sizing: border-box;height: 1.5rem;padding:.13rem auto;  text-align: center; line-height:.638rem;z-index:9;}
#bottomMenu div img { width: .6375rem;}
#bottomMenu .bottomRound{width: 10rem;height: 1.65rem;margin: 0 auto;position: fixed;bottom: .0;display: flex;justify-content: space-around;z-index: 7;}
#bottomMenu .bottomRound div{width: 1.5rem;height: 1.5rem;background: #fff;border-radius: 1.5rem;border-top: 1px solid #efefef;}
.bottomBtn{font-size:.6811rem !important;}
.closeButton{padding: .2rem .32rem;float: right;font-size:.7rem !important;}
/*comment*/
.comment{}
.comment .c-item {padding:.1rem 0;margin-bottom: .4rem;}
.comment .c-item:nth-child(1) {margin-top: .4rem;}
.comment .avatar-wrap {float: left;display: block;width:1rem;height:1rem;border: 1px solid #ddd;border-radius: 50%;overflow: hidden}
.comment .avatar-wrap>img{object-fit: cover;height:100%;vertical-align: top}
.comment .c-content {margin-left:1.2rem;overflow: hidden;} 
.comment .c-content .c-user-info {margin-bottom: 4px;}
.comment .c-content a, .comment .c-content span {font-size:.36rem;color: #555}
.comment .c-content span{}/*float: right;*/
.comment .c-content .pinglunPraise{float: right;border-radius:.3rem; min-width:1rem;text-align:center;}
.comment .c-content .pinglunPraiseNum{font-size:.36rem; margin-top:-5px;}
.comment .c-content .pinglunReplay{border-radius:.25rem;margin-left:.3rem; height:0.5rem; padding-right:5px;padding-left:3px;/**/border: 1px solid #eee; text-align:center;}
.comment .c-content .pinglunDel{border-radius:.2rem;margin-left:1.8rem; padding:3px 5px 3px 5px; border: 1px solid #eee; text-align:center;}
.comment .c-content .pinglunReplayContent{padding:.15rem;border-radius:.1rem;padding:3px 3px 3px 8px;margin-top:.3rem; background: #eee;}
.comment .c-content p {font-size:0.4rem;line-height:0.6rem;color: #222;text-align: justify;}
.comment>h4, .commentBorder{font-size: .481rem;border-bottom: 1px solid RGBA(0,0,0,0.05)!important;line-height:1rem;}
.comment .commentList{padding: .3rem 0;width: 92%;margin: 0 4% auto;}
.addBg{position:fixed;width:100%;height: 100%;z-index:10;display:none;background:RGBA(0,0,0,.25);top:0;}
.addCommentDiv{display:none;} 
.addComment{position:fixed;z-index: 11;width:100%;background: #f6f6f6;bottom: 0;display:none;}
#pingValBbs {height: 1.3rem;width: 100%;    font-size: .4333rem;    padding: 0.2rem;    line-height: 1.3em;    border: 1px solid #eee;    background: #fff;}
.commentButton{padding:.1rem .3rem;border:none; border-radius: 5px;height: 1.2rem;width: 1.8rem;margin:.2rem;float:right;margin-top: .54rem;font-size:.466rem;}
.activeButton{background: #5894ca;color: #fff;}
.commentInput{width:6.9rem;margin:.2rem;float: left;}
.pinglu_btm { position:absolute; bottom: .1rem; z-index:9;    width:60%;margin-left: 10%;    font-size: 0.44rem;    line-height: 1.4rem;    text-align: center;    color: #666;}
.pinglu_btm .pinglun {position:fixed;bottom: .3rem;    width: 80%;    border: 1px solid #ddd;    border-radius: 1rem;    line-height: .9rem;    height: 0.9rem;    margin-top: 0.25rem;    text-align: left;    background: #fff url(//souce.booea.com/templates/default/images/write.png) no-repeat left;    font-size: 0.32rem;    padding: 0 0.8rem;    background-size: 0.4rem 0.4rem;    background-position: 0.3rem;}
/*comment*/
/*zan*/
.zan-body{padding: .2rem .13rem .2rem .5rem;}
.touxiang {width: 0.7rem; height: 0.7rem;margin: 0.15rem 0.05rem;    border-radius: 1rem;  object-fit: cover;}
.zanHand{opacity:.3;width:0.7rem;height:0.7rem;}
.zan_more_div {text-align: center;margin: 0.3125rem 0;color:#666;}
/*zan*/
.gzItem{padding-top: .3rem;right: .31rem;position: absolute;}
.gzItem span{margin-top:0.17rem;font-size: .36rem;border-radius: 0.5rem;padding:.081rem .41rem;font-weight:600;display: inline-block;text-align: center; line-height: .46rem;}
.gzItem .gzBtn {color: RGBA(16, 157, 11, 0.8);border: 1px solid #bff7c8;}
.gzItem .gzBtnCancel{color:RGBA(0,0,0,.6); background: #f6f6f6;}
.adminMenu{display:flex;justify-content:space-around;}
.adminMenu span{border-radius: .6rem;color: RGBA(0,0,0,.6);border: 1px solid RGBA(0,0,0,.1);font-size: .37rem;line-height: .7rem;margin-top: .42rem;padding: .1rem .3rem;}
.zan-css{display: flex;}
.zan-css span{display: flex;}
/*zanshang*/
.zanshangTitle {  width: 100%;  text-align: center;  font-size: .395rem;  line-height: 24px;  margin: 0.4rem 0 0.1rem 0;}
.zanshangButton {  width: 4rem;  height: 1.3rem;  background: #f85959;  margin: .5rem auto 0;  line-height: 1.3rem;  font-size: .5rem;  font-weight: 400;  color: #fff;  border-radius: .1rem;}
.zanshangNums {  display: flex;  justify-content: space-around;  width: 4rem;  margin: 0 auto;}
.zanshangNums_1 {  width: 1rem;  height: 0.05rem;  background: #b9b3b3;  margin-top: 0.24rem;  font-size: .33rem;}
.zanshangNums_2 {  line-height: .5rem;  font-size: 12px;}
.zanshangNums_3 {  width: 1rem;  height: 0.05rem;  background: #b9b3b3;  margin-top: 0.24rem;}
#zanshang_list {  width: 73%;  margin: 0.3rem auto;  overflow: hidden;  padding-left: 3%;}
#ls_shang {  text-align: center;}
#zanshang_list a {  width: 13%;  margin: 1.2%;    margin-bottom: 1.2%;  margin-bottom: 0.1rem;}
#zanshang_list a img {  width: 1.1rem;  height: 1.1rem;  margin: 0.15rem 0rem;    margin-left: 0rem;  border-radius: 1rem;  margin-left: -0.3rem;}
.moreShang {  text-align: center;  font-size: .375rem;  color: #666;  clear: both; display: none;  padding: .3rem;}
#zan_background {position: fixed;width:100%;height:100%;background: rgba(0,0,0,0.25);top: 0;left: 0;z-index:150;display: none;}
#content_zan {display: none;position:fixed;top:4rem;width: 8rem;left:1rem;z-index: 151!important;text-align:center;border-radius: 0.2rem;background: url(//souce.booea.com/templates/default/images/dashangs.png) no-repeat top left;background-size: 100% auto;display: none;}
#content_zan .zan_shuru { position: relative;font-size: 0.4rem;line-height: 1rem;height: 1.6rem; padding: 0.5rem 0 0 0;text-align: left;margin-bottom: 1rem;}
#content_zan h5 {font-size: 0.5rem;line-height: 0.8rem;margin-top: 0.8rem;color: #fbd49b;}
#content_zan .zan_touxinag {position: absolute;top: -0.8rem;left: 3.2rem; width: 1.6rem;height: 1.6rem;}
#content_zan .close {position: absolute;right: 0.3rem;top: 0.1rem;    font-size: 0.8rem;color: #fbd49b;display: inline-block;    cursor: pointer;    line-height: 24px;}
#pageManage{padding: .3rem;text-align: center;width: 100%;}
#pageManage>div{border:1px solid #bbb;font-size: .725rem;height: 1rem;border-radius: 1.25rem;width: 60%;margin: .35rem auto;line-height: 1rem}
#content_zan .zan_touxinag img {    width: 100%;    height: 100%;    object-fit: cover;border-radius: 50%;}
#app ul li {float: left;    margin-bottom: 0.5rem;    margin-left: 0.28rem;    width: 29%;    background: #fbd49b;    text-align: center;    z-index: 999999;}
#app a {width: 100%;    display: block;    color: red;    font-size: 18px;}
.otherMoney {color: #FFF;    margin-bottom: 0.4rem;    font-size: .4511rem;}
#content_zan .dashang-input {width: 50%;font-size: 0.514rem;color: #333!important;padding:.1rem .2rem;border:1px solid #eee;margin-bottom: 0.6rem;margin-top: 0.6rem;}
#content_zan button {    width: 2rem;    height: 1rem; background-color: #fbd49b;margin-bottom: 0.6rem;    border: #fbd49b solid 0.03rem;    color: #ce3b4e;    font-size: 0.44rem; line-height: 1rem;}
.pay-container {    z-index: 151!important;    width: 100%;    background-color: #fbf9fb;position: fixed;    bottom: 0;    left: 100%;}
.pay-title {    height: 1.25rem;    line-height: 1.25rem;    border-bottom: 1px solid #eee;    text-align: center;    color: #070707;    position: relative;    font-size: 18px;}
.pay-title .pay-title-remove {    position: absolute;    left: 0.33rem;    font-size: 30px;}
.pay-body .key-container .key-item.remove {    background-color: #e6e9f1;    position: relative;}
.pay-body .key-container .key-item {    width: 33.3%;    height: 1.5rem;    line-height: 1.5rem;    text-align: center;    border-right: 2px solid #f3f3f3;    border-top: 2px solid #f3f3f3;    font-size: 22px;    box-sizing: border-box;    color: #1e1d1f;    background-color: #fff;}
.pay-body {    padding-top: 0.5rem;    position: relative;    box-sizing: border-box;}
.pay-body .input-container {    width: 9rem;    border: 1px solid #ebe8eb;    margin: 0 auto;    display: flex;    box-sizing: border-box;    margin-bottom: 0.5rem;}
.pay-body .input-container .input-item {    width: 1.5rem;    height: 1.3125rem;    border: none;    border-right: 1px solid #ebe8eb;    box-sizing: border-box;    text-align: center;    font-size: 40px;    background: #fff;}
.pay-body .key-container {    width: 100%;    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.pay-body .key-container .key-item {    width: 33.3%;    height: 1.5rem;    line-height: 1.5rem;    text-align: center;    border-right: 2px solid #f3f3f3;    border-top: 2px solid #f3f3f3;    font-size: 22px;    box-sizing: border-box;    color: #1e1d1f;    background-color: #fff;}
.pay-body .key-container .key-item.remove img {    width: 26%;    position: absolute;    top: 0;    bottom: 0;    margin: auto;    left: 0;    right: 0;}
.pay-body .key-container .empty {    width: 33.3%;    height: 1.5rem;    line-height: 1.5rem;    text-align: center;    border-right: 2px solid #f3f3f3;    border-top: 2px solid #f3f3f3;    font-size: 16px;    box-sizing: border-box;    color: #1e1d1f;    background-color: #e6e9f1;}
.hui-menu li{  color: #333;  font-size: .427rem;}
.likelei>div{width: 15%!important}