.phoneThumbBar {
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	background-color:#000000;
	opacity:0.6;
	height: 120px;
	z-index: 98;
}
#phoneThum{
	top: 0 !important;
	z-index: 9999 !important;
	height: 100% !important;
}
#phoneThum >div{
	width: 100% !important;
	padding-bottom: 70px !important;
}
.phoneThumbBG {
	position: absolute;
	bottom: 1px;
	/*left: 0px;*/
	right: 0px;
	height: 105px;
	overflow: hidden;
	opacity: 0.9;
	/*background-color:#888888;*/
	z-index:102;
}
.phoneThumbBox {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 95px;
	/*background-color:#ff0000;*/
}
.phoneThumbItem{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 82px;
	border-width: 1px;
	border-style:inset;
}

.bottom.right, .bottom.right button, .bottom.right .numbering{
  position: absolute; 
  top: 2px;
  left: auto; }
  a ,button{
   cursor: pointer;
  }
  .bottom.right{
  	 padding-right: 10px;
  }
  .top.right, .top.right button, .top.right .numbering{
  position: absolute; 
  top: 2px;
  left: auto; }
   .top.right{
  	 padding-right: 10px;
  }
    .bottom.left, .bottom.left button, .bottom.left .numbering{
  position: absolute; 
  top: 2px;
  right: auto; }
   .bottom.left{
  	 padding-left: 0px;
  }
  .footeControl{
      position: absolute;
		z-index: 99;
		bottom: 10px !important;
		left: 0px;
		right: 0px;
		height: 72px;
		background: rgb(31, 31, 31);
		padding: 10px;
        width: calc(100% - .2rem);
        margin: 0 auto;
        border-radius: .08rem;
  }
  .page-range{
      width: 100%;
      z-index: 999;
    position: relative;
  }
  .page-range input{
      width: 100%;
  }
  
/*横条样式*/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: -webkit-linear-gradient(#cccccc, #cccccc) no-repeat, #cccccc;
  background-size: 75% 100%;/*设置左右宽度比例*/
  height: 5px;/*横条的高度*/
  border-radius: 10px;
}
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: #f0f0f0;
  border-radius: 50%; 
}
#btnMore{
    display: none !important;
}
	.pbToolBar{
		display: flex;
		justify-content: center;
		gap: 15px;
		align-items: center;
		overflow: hidden;
		z-index: 99;
		height: 42px;
		flex: 1;
	}
	.pbToolBar button {
    width: 45px;
    height: 33px;
    padding: 2px;
	}
		.pbTopBar{
	
    overflow: hidden;
    position: absolute;
    z-index: 99;
   
    
 	top: -50px;
  	left: 0px;
 	right: 0px;
 	
  	height: 42px;
  	
	}
	.pbTopBar button {
    width: 45px;
    height: 33px;
    padding: 2px;
	}
	.phonebutton div{
		width : 25px;
		height : 25px;
		margin-left : 7px;
		margin-top : 7px;
	}
	.phoneMoreButton,.phonebutton{
		padding: 0 .16rem;
		height : 40px;
		cursor : pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .3s;
		border-radius: 5px;
	}
	.phoneMoreButton{
	    /*position : absolute;*/
	}
	.phoneMoreButton .iconfont,.phonebutton .iconfont{
	    color: #fff;
	    font-size: .18rem;
	}
	@media (max-width: 1024px){
	    .phoneMoreButton .iconfont,.phonebutton .iconfont{
    	    font-size: .28rem;
    	}
	}
	@media (max-width: 991px){
	    .phoneMoreButton .iconfont,.phonebutton .iconfont{
    	    font-size: .38rem;
    	}
	}
	@media (max-width: 768px){
	    .phoneMoreButton .iconfont,.phonebutton .iconfont{
    	    font-size: .32rem;
    	}
    	.pbToolBar{
    	    gap: 10px;
    	    justify-content: space-between;
    	}
	}
	
	.phoneMoreButton:hover,.phonebutton:hover{
	    background-color: #333333;
	}
	.phoneMoreButton div{
		width : 25px;
		height : 25px;
		margin-left : 20px;
		margin-top : 7px;
	}