body{
  height: 100%;
  overflow-y: hidden;
}
.endlive{
  color: #ffffff;
}
.videobox{
  height: 100%;
  background: #666666;
  text-align: center;
  line-height: 10rem;
  overflow-y: hidden;
}
.videobox img{
  width: 100%;
  height: 100%;
}

.videobox .video{
    width: 100%;
	/* height: 100%; */
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
    object-fit: cover;
    object-position: center center;
}
.box{
  width: 100%;
  position: fixed;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
}
.header{
  display: flex;
  padding: .3rem;
  justify-content: space-between;
}
.header .tx{
  height: 12vw;
  background: #A4AAAC;
  background: rgba(000, 000, 000, .4);
  border-radius: 20vw;
  padding: .08rem;
  display: flex;
}
.header .tx .txbox{
  width: 12vw;
  height: 12vw;
}
.header .tx .txbox img{
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.header .tx .det{
  width: 50vw;
  height: 12vw;
  color: #ffffff;
  line-height: 6vw;
  padding-left: .2rem;
}
.header .tx .det p{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .32rem;
  color: #ffffff;
  line-height: 6vw;
}
.header .tx .det span{
  font-size: .3rem;
  color: #dddddd;
}
.header .tx .guanzhu{
  width: 12vw;
  height: 12vw;
  margin-left: .5rem;
  border-radius: 100rem;
}
.header .tx .guanzhu img{
  width: 100%;
  height: 100%;
}
.header .guanbi{
  height: 12vw;
  line-height: 14vw;
}
.header .guanbi .icon-guanbi{
  font-size: 1rem;
}
.footer{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  max-height: 7rem;
  /* background: #ffffff; */
  padding-bottom: .3rem;
}
.footer .chat{
  max-height: 5rem;
  overflow-y: auto;
}
.footer .chat ul{
  padding: 0 .4rem;
}
.footer .chat ul li{
  color: #ffffff;
  width: 7.5rem;
}
.footer .chat ul li span{
  color: #A1E5FC;
}
.footer .bottom{
  display: flex;
  padding: 0 .4rem;
  margin-top: .4rem;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.footer .bottom .sr{
  width: 4rem;
  height: .5rem;
  padding: .2rem .4rem;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  background: rgba(000, 000, 000, .5);
  border-radius: 100rem;
  color: #ffffff;
  overflow-y: auto;
  font-size: .38rem;
}
.footer .bottom .btn{
  display: flex;
}
.footer .bottom .btn a{
  display: block;
  width: .8rem;
  height: .8rem;
  margin-left: .4rem;
  border-radius: 50%;
  background: rgba(000, 000, 000, .4);
  text-align: center;
}
.footer .bottom .btn a img{
  width: 80%;
  height: 80%;
  margin:.05rem auto;
}
.footer .bottom .btn a span{
  color: #ffffff;
}
.footer .bottom .btn a .icon-shenglvehao{
  font-size: .5rem;
  line-height: .8rem;
}

.edit_tit{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, .5);
  z-index: 10;
}
.editbox{
  width: 8rem;
  height: 5rem;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: .2rem;
}
.editbox .edithead{
  height: 1rem;
  padding: 0 .4rem;
  line-height: 1rem;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
}
.editbox .editsr{
  padding: .4rem;
  /* height: 1rem; */
  /* background: #dddddd; */
}
.editbox .editsr p{
  text-align: right;
  font-size: .3rem;
  color: #aaaaaa;
}
.editbox .editsr input{
  width: 100%;
  height: 1rem;
  border: none;

  border-bottom: 1px solid #dddddd;
}
.editbox .editbtn{
  text-align: center;
}
.editbox .editbtn button{
  height: 1rem;
  width: 5rem;
  border-radius: .2rem;
  background: #E5405A;
  color: #ffffff;
}

.editbox .edithead .close_edit{
  font-size: 0.6rem;
}

.pup{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 12rem;
  max-height: 16rem;
  background: #ffffff;
  border-radius: .4rem .4rem 0 0;
  z-index: 30;
  /* overflow-y: auto; */

}
.pup .top{
  display: flex;
  padding:.3rem .4rem;
  /* height: 1rem; */
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
}
.pup .top .left{
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
}
.pup .top .left span{
  font-size: .6rem;
  color: #515151;
}
.pup .top .right{
  display: flex;
}
.pup .top .right a{
  display: block;
  margin-left: .4rem;
  text-align: center;
  color: #515257;
}
.pup .top .right a span{
  font-size: .5rem;
}
.pup .top .right a p{
  font-size: .3rem;
}
.pup .top .btn button{
  padding: .1rem .3rem;
  background: #EA393A;
  border-radius: 100rem;
  color: #ffffff;
}
.top h4{
  width: 60%;
  height: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 1.2rem;
  font-size: .42rem;
}

.search{
  width: 8rem;
  height: .8rem;
  background: #F5F5F5;
  margin: .2rem auto;
  display: flex;
  border-radius: 100rem;

}
.search .icon{
  width: .8rem;
  height: .8rem;
  text-align: center;
  line-height: .8rem;
  font-size: .5rem;
}
.search input{
  flex: 1;
  border: none;
  background: #F5F5F5;
  border-radius: 100rem;
  font-size: .4rem;
}


.addprolist .tab{
  height: 1rem;
  display: flex;
  justify-content: right;
  padding: 0 .4rem;
}
.addprolist .tab label{
  display: flex;
  align-items: center;
}
.addprolist .tab label span{
  margin-right: .2rem;
  color: #666666;
}
.addprolist .tab label .allcheck{
  width: .5rem;
  height: .5rem;
  border: 1px solid #dddddd;
  border-radius: 50%;
}
.addprolist .tab label input{
  display: none;
}
.addprolist .tab label input:checked+.allcheck{
  background: url(../images/gou2.png);
  background-size: 100% 100%;
}
.addprolist ul{
  max-height: 10rem;
  overflow-y: auto;
  padding: .2rem 0;
}
.addprolist ul li{
  display: flex;
  padding: 0 .4rem;
  margin-bottom: .2rem;
}
.addprolist ul li .imgbox{

}
.addprolist ul li .imgbox a{
  display: block;
  width: 2.2rem;
  height: 2.2rem;
}
.addprolist ul li .imgbox a img{
  width: 100%;
  height: 100%;
}
.addprolist ul li .det{
  padding-left: .4rem;
}
.addprolist ul li .det p{
  width: 5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.addprolist ul li .det span{
  color: #999999;
}

.addprolist ul li label{
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.addprolist ul li label .input{
  display: flex;
  align-items: flex-end;
}
.addprolist ul li label .input input{
  width: .5rem;
  height: .5rem;
  display: none;
}
.addprolist ul li label .input input:checked+
.checkinstand::after{
  content: '';
  background: url(../images/gou2.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 100%;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.addprolist ul li label .input .checkinstand{
  width: .5rem;
  height: .5rem;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #dddddd;
}


.pup .pro{
  height: 10.5rem;
  overflow-y: auto;
}

.pup .pro ul li{
  display: flex;
  padding: .3rem .4rem;
}
.pup .pro ul li .proimg{
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}
.pup .pro ul li .proimg img{
  width: 100%;
  height: 100%;
}
.pup .pro ul li .prodet{
  flex: 1;
  padding-left: .4rem;
  position: relative;
}
.pup .pro ul li .prodet .tit{
  width: 6rem;
  color: #555555;
  font-size: .4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: .1rem;
}
.pup .pro ul li .prodet .desc{
  font-size: .32rem;
  
}
.pup .pro ul li .prodet .desc span{
  color: #EA445A;
}
.pup .pro ul li .prodet .link{
  width: 6.3rem;
  display: flex;
  position: absolute;
  bottom: 0;
  justify-content: space-between;
}
.pup .pro ul li .prodet .link .price{
  display: flex;
  align-items: flex-end;
}
.pup .pro ul li .prodet .link .price p{
  height: .44rem;
  font-size: .3rem;
  color: #EA445A;
}
.pup .pro ul li .prodet .link .price p span{
  font-size: .42rem;
}
.pup .pro ul li .prodet .link .price .line{
  color: #bbbbbb;
  font-size: .4rem;
  text-decoration: line-through;
  margin-left: .2rem;
}

.pup .pro ul li .prodet .link .qianggou a{
  display: block;
  width: 2rem;
  height: .8rem;
  border-radius: .1rem;
  color: #ffffff;
  background: #44ead3;
  text-align: center;
  line-height: .8rem;
}
.pup .pro ul li .prodet .link .qianggou .in_explanation{
  background: #EA445A;
  color: #fff;
}
.pup .pro ul li .proimg .mask{
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, .4);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 2.5rem;
  color: #ffffff;
}
.pup .pro ul li .proimg .num{
  width: .8rem;
  height: .6rem;
  border-radius: .1rem;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(000, 000, 000, .4);
  text-align: center;
  color: #ffffff;
  line-height: .6rem;
}
.pup .pro ul li .proimg .jiangjiezhong{
  width: 100%;
  height: .6rem;
  background: #f84440;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #ffffff;
  line-height: .6rem;
}

.end_live{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, .5);
  z-index: 11;
}
.end_live_btn{
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
}
.end_live_btn button{
  width: 100%;
  text-align: center;
  line-height: 1.2rem;
  font-size: .4rem;
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
  color: #999999;
}
.end_live_btn .end_live_color{
  color: #EA393A;
}

.pup2{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 4rem;
  max-height: 16rem;
  background: #ffffff;
  border-radius: .4rem .4rem 0 0;
  z-index: 30;
  /* overflow-y: auto; */
}
.pup3{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 6rem;
  max-height: 16rem;
  background: #ffffff;
  border-radius: .4rem .4rem 0 0;
  z-index: 30;
  /* overflow-y: auto; */
}
.s_top{
  /* padding: 0 .4rem; */
  height: 1rem;
  /* background: #eeeeee; */
  display: flex;
  justify-content: right;
}
.s_top .s_close{
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
}
.s_top .s_close .iconfont{
  font-size: .6rem;
}
.s_item{
  
}
.s_item .s_tit{
  font-size: .3rem;
  padding: 0 .4rem;
}
.s_item ul{
  display: flex;
  flex-wrap: wrap;
  padding: .2rem .4rem;
}
.s_item ul li{
  /* width: 2rem;
  height: 2rem; */
  /* background: #ccc; */
  margin-right: .9rem;
  /* margin-bottom: .2rem; */
}
.s_item ul li:nth-child(4n){
  margin-right: 0;
}
.s_item ul li a{
  display: flex;
  flex-direction: column;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  justify-content: center;
  color: #666666;
}
.s_item ul li a .iconfont{
  font-size: .6rem;
  font-weight: 600;
}
.s_item ul li a p{
  padding-top: .1rem;
  font-size: .3rem;
  color: #666666;
}

.pup3 .s_top2{
  padding: 0 .4rem;
  height: 1rem;
  position: relative;
}
.pup3 .s_top2 h4{
  font-weight: 400;
  text-align: center;
  width: 6rem;
  height: 1rem;
  margin: 0 auto;
  line-height: 1rem;
  font-size: .4rem;
}
.pup3 .s_top2 .backpup2{
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  position: absolute;
  top: 0;
  left: .4rem;
}
.pup3 .s_top2 .backpup2 .iconfont{
  font-size: .4rem;
}
.pup3 .shield{
  padding: 0 .4rem;
}
.pup3 .shield p{
  color: #555555;
}
.pup3 .shield p span{
  color: #aaaaaa;
}
.pup3 .shield i{
  font-style: normal;
  color: #bbbbbb;
  font-size: .3rem;
}
.pup3 .shield .wordbox{
  display: flex;
  flex-wrap: wrap;
  padding: .2rem 0;
}
.pup3 .shield .wordbox .word1{
  height: .8rem;
  padding: 0 .4rem;
  background: #E5405A;
  margin-right: .4rem;
  margin-bottom: .2rem;
  line-height: .8rem;
  color: #ffffff;
  border-radius: 100rem;
  position: relative;
}
.pup3 .shield .wordbox .word1 .word_del{
  width: .5rem;
  height: .5rem;
  background: #dddddd;
  border-radius: 50%;
  line-height: .5rem;
  text-align: center;
  position: absolute;
  top: -.2rem;
  right: -.2rem;
}
.pup3 .shield .wordbox button{
  width: 1.4rem;
  height: .8rem;
  background: #f1f1f1;
  color: #aaaaaa;
  border-radius: 100rem;
  padding: 0;
}
.pup3 .item3{

}
.pup3 .item3 a{
  display: block;
  display: flex;
  justify-content: space-between;
  height: 1rem;
  padding: 0 .4rem;
  align-items: center;
}
.pup3 .item3 a p{
  color: #666666;
}
.pup3 .addword{
  position: fixed;
  width: 8rem;
  height: 4rem;
  margin:auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #cccccc;
  border-radius: .2rem;
}

.addword{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, .5);
  z-index: 10;
  /* box-shadow: 0 0 5px 5px red; */
}
.editword{
  width: 8rem;
  height: 5rem;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: .2rem;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 100px 10px #dddddd;
}
.editword .edithead{
  height: 1rem;
  padding: 0 .4rem;
  line-height: 1rem;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
}
.editword .editsr{
  padding: .4rem;
  /* height: 1rem; */
  /* background: #dddddd; */
}
.editword .editsr p{
  text-align: right;
  font-size: .3rem;
  color: #aaaaaa;
}
.editword .editsr input{
  width: 100%;
  height: 1rem;
  border: none;

  border-bottom: 1px solid #dddddd;
}
.editword .editbtn{
  text-align: center;

}
.editword .editbtn button{
  height: 1rem;
  width: 5rem;
  border-radius: .2rem;
  background: #E5405A;
  color: #ffffff;
}


.header .tx .txbox .fengmian{
  width: 100%;
  height: 4.67vw;
  line-height: 4.67vw;
  background: #4169e1;
  text-align: center;
  border-radius: 0 0 5px 5px;
  position: relative;
  left: 1vw;
  top: -4vw;
  font-size: .3rem;
  color: #fff;
}