.fixed-live-top{
  position: relative;
}

.shopcar-btn{
  width:60px;
  height:60px;
  position:absolute;
  left: 30px;
  bottom:114px;
}

.shopcar-btn > img{
  width:60px;
  height:60px;
  border-radius: 50%;
}

.right-btn-box{
  position:fixed;
  right: 0;
  bottom:100px;
  width:100px;
  height:255px;
  /* background: #0f0; */
}

.item-btn{
  width:100%;
  height:auto;
  margin-top:30px !important;
}

.item-btn > img{
  width:44px;
  height:auto;
  margin:0 auto;
  display: block;
  font-size: 20px;
}

.item-btn > h3{
  font-size: 20px;
  color: #1b1b1b;
  text-align: center;
  margin-top:15px
}

/*m 购物车样式*/

.shopcar-box{
  width:100vw;
  height:500px;
  overflow:hidden;
  background: #fff;
  position: fixed;
  left:0;
  /* bottom:0px; */
  bottom:-500px;
  box-shadow: 0 -1px 10px #ccc; 
  transition: all .5s;
  z-index: -1;
}

.item-top{
  width:91.2%;
  height:86px;
  border-bottom:1px solid #ccc;
  margin:0 auto;
}

.item-top > h2{
  font-size:30px;
  color:#000;
  float:left;
  line-height:90px;
}

.item-top > img{
  width:24px;
  height:24px;
  float:right;
  margin-top:32px;
  margin-right:2px;
}

.item-list{
  width:100%;
  height:360px;
  margin-top:25px;
  overflow-y:scroll;
}

.item-list > li{
  width:91.2%;
  height:120px;
  margin:0 auto 25px; 
  /* background: #f00 */
}

.item-list > li > img{
  width:120px;
  height:120px;
  border-radius: 8px;
  background: #DEDEDE;
  float:left
}

.item-list > li > h3{
  width:55%;
  height:120px;
  font-size: 26px;
  color:#333;
  float:left;
  /* line-height: 120px; */
  /* overflow: hidden;white-space: nowrap;text-overflow: ellipsis; */
  margin-left:20px;
  overflow: hidden;
}

.item-list > li > a{
  display: block;
  float:right;
  padding:7px 18px; 
  background: #20B09F;
  border-radius: 6px;
  color:#fff;
  font-size: 26px;
  margin-top:30px
}

/*签到成功提示*/
.mask-box {
  width:100vw;
  min-height:calc(100vh - 185px);
  height:auto;
  background: #000;
  opacity: 0.5;
  position: fixed;
  left:0;top:0;bottom:0;
  display: none;
  z-index: 999;
}

.sign-box{
  width:88vw;
  height:460px;
  position: fixed;
  left:6vw;top:50%;
  margin-top:-130px;
  display: none;
  z-index: 999999;
}

.item-dialog{
  width:100%;height:360px;background: #fff;border-radius: 4px;
}

.item-pad{
  width:100%;height:60px;
}

.item-dialog > img{
  width:60px;height:60px;display:block;margin:0 auto 40px
}

.item-dialog > h2{
  font-size: 28px;color:#000;text-align: center;
}

.item-dialog-btn{
  width:90%;height:60px;background: #20B09F;color: #fff;text-align: center;border-radius: 4px;line-height: 60px;font-size: 24px;margin:40px auto 75px;
}

.item-close{
  width:50px;height:50px;display:block;margin:40px auto 0
}

/* .btn2, .btn3{
  display: none;
} */

.poster-box{
  width:70%;
  height:auto;
  position: fixed;
  left:5%;
  top:5%;
  z-index:9999;
  display: none
}

.poster-box > img{
  width:100%;
  height:auto;
  display: block;
}

.im-box{
  width:100%;height:calc(100vh - 440px);overflow:scroll;
  background: #fff;
}

.item-bar{
  width:100%;
  height:75px;
  background: #fff;
}

.item-bar > span{
  text-align: center;
  line-height: 75px;
  font-size: 26px;
  color:#FF5B29;
  display: block;
  width:56px;
  margin:0 auto;
  border-bottom:4px solid #FF5B29;
  /* background: #0f0; */
}

.user-pic{
  width:54px;
  height:54px;
  border-radius: 50%;
  float:left;
}

.content{
  width:80%;
  height:auto;
  float:left;
  margin-left:14px;
}

.msg-item{
  width: 92vw;
  margin:20px auto 40px;
  height:auto;
  font-size: 20px;
}

.nickname{
  width:135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float:left;
}



.time, .role{
  float:left;
  /* clear: both; */
}

.time{
  margin-left:10px;
}

.msg-text{
  clear:both;
  margin-top:14px;
  background: #f3f3f3;
  padding:10px 17px;
  font-size: 20px;
  display: inline-block;
  border-radius: 6px;
}

.item-show-btn{
  float:right;
  width:120px;
  height:30px;
  border-radius: 14px;
  border:1px solid #21B1A0;
  margin-left:15px;
}

.item-show-btn > img{
  width:100px;
  height:auto;
  display: block;
  margin:5px auto
}

.bg{
  background: #21B1A0 !important;
}