.button {background-color: #95734E ;border: none;color:#fff; 
padding:  15  15;text-align: center;text-decoration: none;display: inline-block;font-size:12px;cursor: pointer;border-radius:4px;
-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.button1 {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.button2:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);} 
 
.inp2{border:0;text-align:right;width:20%;font-size:12px;background:none;}
.inp3{width:60%;text-align:center;font-size:12px;padding: 5px 5px;margin: 5px 0;display: inline-block;border: 1px solid #ccc;}

 .ul{list-style:none;display:inline;text-align:center;}
.ul li{display:inline;text-decoration: none;cursor: pointer;} 
<!--弹窗样式-->
.niben_banc{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 1.3rem;
    z-index: 999;
}

.niben_banc a{
    font-size:12px;
    display: block;
    text-decoration: none;
    height: .55rem;
    background: rgba(167, 139, 110, .8);
    margin-bottom:.2rem;
    line-height: .55rem;
    color: #fff;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 0 .1rem;
    
}



.tanchu_xx_web1 {position: fixed;width: 100%;height: 100%;z-index: 999;top: 0px;left: 0px;display: none;}
.tanchu_xx_web1 .tcc_beij_x_web {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.tanchu_xx_web1 .kuang_li {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 999;width:100%;max-width:800px;min-height:90%;
    min-height: 1rem;height: fit-content;padding: 0;border-radius: 8px;background: #fff;overflow: hidden;
}
.tanchu_xx_web1 .kuang_li .off{width: 3%; z-index: 999;height: 3%;  background: url(https://www.lyfhsjt.com/newsell/images/off.png) no-repeat center; background-size:100%; position: absolute; top: 10px; right: 10px; }
.tanchu_xx_web1 .img_bj{width: 100%;margin:20 0 20 0}
.tanchu_xx_web1 .bt{ position: absolute; top: 0;left: 0;right: 0; width: 90%; margin: auto; color: #fff;}
.tanchu_xx_web1 .bt h2{ font-size: .32rem; padding-top: .3rem; line-height: .45rem;}
.tanchu_xx_web1 .bdkuan{width: 100%; margin: auto;   padding-bottom:0;font-size:12px;}
.tanchu_xx_web1 .bdkuan input{
    width: 80%;
    border: solid 1px #b4b4b4; 
    outline: none; height: 25px; 
    line-height: 25px; padding: 0 2%;
    border-radius: 3px; margin: .1rem 0; 
   margin:5px;text-align:center;
    -webkit-appearance:none;
}
.tanchu_xx_web1 .bdkuan button{
    
    outline: none; width: 100%; height: 25px; 
    line-height: 25px; border: none; background: #a78b6e; box-shadow: 0 2px 10px #bddbfb; color: #fff; font-weight: 500;border-radius: 5px; margin:20 20 20 0;

}
.tanchu_xx_web1 .bdkuan{
    line-height: 0;
}

.tanchu_xx_web1 .bt h2 { 
    padding-top: .3rem;

}

html, body{
	min-height: 100%;
}
*{
	margin:0;
	padding:0;
	font-size: 12px;
}

.hide{
    display: none;
}
.lf{
	float: left;
}
.lr{
	float: right;
}
.red, .red a,.red a h5, .red a p{
    color:#FF0000 !important;
}
<!--弹窗样式-->


.hide{
    display: none;
}
.lf{
	float: left;
}
.lr{
	float: right;
}
.red, .red a,.red a h5, .red a p{
    color:#FF0000 !important;
}

html{
	background: #f9f9f9;
}
.main-group{
	width:100%;
	margin:10 0 10 0;
}
.ranking-title{
	text-align: center;
	padding:0 0 10px 0;
}
.ranking-title .title{
	font-size:14px;
	font-weight: bold;
	color: #dd393d;
}
.ranking-title .brand{
	margin:5px auto 10px auto;
	width:30px;
	height:3px;
	background: #fdc936;
	border-radius: 20px;
}
.ranking-title .desc{
	font-size:18px;
}
.ranking-nav-group{
	display: flex;
	background: #fff;
	margin-top:5px;
}
.ranking-nav-group div{
	width:20%;
	height:20px;
	line-height:20px;
	text-align: center;
	font-size: 12px;
	color: #9d9d9d;
	cursor: pointer;
}
.ranking-nav-group div.self{
	color: #fff;
	background: #dd393d;	
}

.items-box-group .items-group .item-group{
	display: flex;
	align-items:center;
	background: #fff;
	margin-top:0px;
	padding:0;
}
.items-box-group .items-group .item-group .img{
	width:10%;
	text-align: center;
	background: url(../imgs/sort.png) no-repeat;
	background-size: 30px 30px;
	background-position: 50% 50%;
	height:20px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 12px
}
.items-box-group .items-group .item-group .item-data{
	width:100%;
}
.items-box-group .items-group .item-group .buttin-group{
	width:20%;	
}

.item-data .title{
	font-size: 12px;
	font-weight: bold;
}
.item-data .title span{
	color: #9e9e9e;
	margin-left:10px;
}
.item-price{
	display: flex;
	margin-top:10px;
}
.item-price div{
	width:100%;
	font-size: 12px;
	font-weight: bold;
	color: #dd393d;white-space:normal; word-break:break-all;overflow:hidden;line-height:12px;
}
.item-price div span{ 
	font-size: 12px;
}
.item-price div p{
	font-size: 12px;
	color: #9e9e9e;
	font-weight: 400;
}
.buttin-group a{
	width:80%;
	height:14px;
	line-height: 14px;
	border:0;
	background: #dd393e;
	color: #fff;
	border-radius: 30px;
	display:inline-block;
	text-align:center;
	color:#fff;
	text-decoration:none;
}