jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/gouwuche/gouwuche.acss

/* 背景 */
.box1{
  width:390px;
  height: 676px;
  background-color:#eec2c7;
}
/* 顶部 */
.text1{
  font-size: 20px;
  top:10px;
  left:40px;
  position: absolute;
}
.text2{
  top:10px;
  left:320px;
  position: absolute;
}
/* 框 */
.box2{
  width: 390px;
  height: 350px;
  background-color: rgba(252, 240, 240, 0.807);
  top:60px;
  position: absolute;
  border-radius: 20px;
}
.text3{
  top:10px;
  position: absolute;
  left:40px;
}
/* 框内勾选 */
.box3 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:4px;
  left:10px;
}
/* a选项 */
/* a选项文字 */
.z1{
  font-size: 18px;
  top:50px;
  left:170px;
  font-weight: bolder;
  position: absolute;
}
.z2{
  font-size: 16px;
  top:90px;
  left:170px;
  position: absolute;
}
.z3{
  font-size: 18px;
  top:130px;
  left:170px;
  font-weight: bolder;
  position: absolute;
}
/* a选项图片 */
.box4 image{
  width: 120px;
  height: 120px;
  position: absolute;
  top:50px;
  left: 40px;
  border-radius: 10px;
}
/* a选项勾选图片 */
.box5 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:100px;
  left:5px;
}
/* a选项数量选择 */
/* 减号 */
.box6 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:150px;
  left:300px;
}
/* 加号 */
.box7 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:152px;
  left:350px;
}
.z4{
  position: absolute;
  top:155px;
  left: 335px;
}
/* b选项 */
/* b选项文字 */
.wz1{
  font-size: 18px;
  top:190px;
  left:170px;
  font-weight: bolder;
  position: absolute;
}
.wz2{
  font-size: 16px;
  top:230px;
  left:170px;
  position: absolute;
  font-weight: bolder;
}
.wz3{
  font-size: 18px;
  top:270px;
  left:170px;
  font-weight: bolder;
  position: absolute;
}
/* b选项图片 */
.hz1 image{
  width: 120px;
  height: 120px;
  position: absolute;
  top:190px;
  left: 40px;
  border-radius: 10px;
}
/* b选项勾选图片 */
.hz2 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:240px;
  left:5px;
}
/* b选项数量选择 */
/* 减号 */
.hz3 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:290px;
  left:300px;
}
/* 加号 */
.hz4 image{
  width: 30px;
  height: 30px;
  position: absolute;
  top:292px;
  left:350px;
}
.wz4{
  position: absolute;
  top:295px;
  left: 335px;
}
/* 底部 */
.Box3{
  width: 390px;
  height: 50px;
  position: absolute;
  background-color: #ffffff;
  top:566px;
}
.Box3 image{
  width: 35px;
  height: 35px;
  position: absolute;
  top:10px;
  left: 10px;
}
/* 文字  */
.zt1{
  font-size: 18px;
  top:18px;
  left: 50px;
  position: absolute;
  font-weight: bolder;
}
.zt2{
  top:20px;
  left: 170px;
  position: absolute;
}
.zt3{
  top:20px;
  left: 210px;
  position: absolute;
  color: rgb(162, 12, 12);
}
/* 结算 */
.h1{
  width: 100px;
  height: 40px;
  position: absolute;
  border-radius: 30px;
  background-color: rgb(162, 12, 12);
  top:5px;
  left: 275px;
}
.zt4{
  top:10px;
  left: 18px;
  position: absolute;
  color: #ffffff;
}