mili_mini/pages/equipment/equipment.wxss

/**index.wxss**/
page {
  background-color: #ffffff;
}
.eqhead {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 246rpx;
  background:#ffffff;
  box-shadow:0px 14rpx 20rpx 2rpx rgba(161,161,161,0.2);
}
.eqtitle {
  margin-top: 38rpx;
  margin-left: 38rpx;
  font-size: 40rpx;
  color: #000000;
  font-weight: Bold;
}
.eqdesc {
  margin-top: 16rpx;
  margin-left: 38rpx;
  margin-right: 38rpx;
  font-size: 28rpx;
  font-weight: Regular;
  color: #8C8C8C;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{
     margin-bottom: -20rpx;
     z-index:auto ;
}
.swiper-box .wx-swiper-dot{
    width:26rpx;
    display: inline-flex;
    height: 6rpx;
    margin-left: 8rpx;
    justify-content:space-between;
}
.swiper-box .wx-swiper-dot::before{
    content: '';
    flex-grow: 1; 
    background: #D8D8D8;
    border-radius: 8rpx
}
.swiper-box .wx-swiper-dot-active::before{
    background:#7D7D7D;   
}
.slide-image{
  width: 100%;
  height: 390rpx;
}
swiper {
  width: 100%;
  height: 406rpx;
}
image {
  width: 100%;
  height: 336rpx;
}
.txtlist {
  width: 97%;
  float:left;
  color: #000000;
  font-weight: 600;
  margin-top:12rpx;
  margin-left:3%;
  font-size: 32rpx;
}
.line {
  width: 100%;
  height: 1rpx;
  margin-top: 12rpx;
  background-color: #f8f8f8;
}
.lineeq {
  width: 65%;
  margin-left: 35%;
  height: 1rpx;
  margin-top: 12rpx;
  background-color: #f8f8f8;
}
.line2 {
  width: 100%;
  height: 1rpx;
  margin-top: 16rpx;
   background-color: #f8f8f8;
}
.listmargin {
  height: 40rpx;
}
.eqlist {
  margin-top: 28rpx;
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
  display: flex;
  flex-direction: row;
  height: 200rpx;
  margin-bottom: 28rpx;
}
.eqimg {
  flex: 117;
  float: left;
  height: 202rpx;
  margin-top: 10rpx;
}
.middlet {
  flex: 13;
}
.eqtxt {
  margin-top: 10rpx;
  flex: 215;
  float: left;
  height: 202rpx;
}
.qulistimg {
  width: 100%;
  height: 202rpx;
  border-radius:10rpx;
}
.title {
  margin-left: 6rpx;
  width: 100%;
  float: left;
  height: 40rpx;
  margin-top: 22rpx;
}
.desc {
  margin-left: 6rpx;
  margin-top: 2rpx;
  width: 100%;
  float: left;
  height: 28rpx;
}
.price{
  margin-top: 30rpx;
  width: 100%;
  float: left;
  height: 20rpx;
}
.button{
  margin-top: -14rpx;
  width: 95%;
  float: left;
  text-align: right;
  margin-right: 5%;
}
.txttitle{
  color: #000000;
  font-weight: 500;
  font-size: 28rpx;
}
.txtdesc{
  font-weight: Regular;
  color: #6E6E6E;
  font-size: 20rpx;
}
.price{
  color: #000000;
  font-size: 42rpx;
}
.txtprice {
  color: #FF5B60;
  font-size: 32rpx;
  font-weight: 500;
}
.money1{
  color: #FF5B60;
  font-size: 32rpx;
  font-weight: 500;
}
.txtbutton{
  background: #fc6961;
  color: #ffffff;
  margin-right: 10%;
  border-radius: 42rpx 42rpx 42rpx 42rpx;
  margin-bottom: 80rpx;
}
.zlbutton {
  width: 132rpx;
  height: 46rpx;
}
.eqreturn {
  margin-top: 10rpx;
  margin-left: 70%;
  height: 46rpx;
  width: 132rpx;
  background-color: #fc6961;
  text-align: center;
  border-radius: 20rpx;
  color: #FFFFFF;
  font-size: 24rpx;
  line-height: 48rpx;
}