/* 报价资讯弹窗（源站 .cash 样式，供非首页布局使用） */
.cash{
  position:fixed;
  top:0 !important;
  left:0;
  display:none;
  z-index:10000;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
}
.cash .cashBox{
  position:absolute;
  width:800px;
  left:50%;
  top:50%;
  height:555px;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
  background:url(/static/home/images/cashBox.jpg) no-repeat center/cover;
  box-shadow:0 0 20px 0 rgba(0,0,0,.2);
}
.cash .cashBox .close{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:absolute;
  right:15px;
  top:15px;
  font-size:20px;
  color:#FFF;
  background:rgba(0,0,0,.5);
  width:30px;
  height:30px;
  border-radius:50%;
  text-decoration:none;
  line-height:1;
  z-index:2;
}
.cash .cashBox .close:hover{background:rgba(230,0,18,.5)}
.cash .cashBox .cashBoxDiv{
  display:flex;
  flex-direction:column;
  border-top:6px solid #E60012;
  padding:0 90px;
  height:100%;
  box-sizing:border-box;
}
.cash .cashBox .cashBoxDivMing{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:30px 0;
}
.cash .cashBox .cashBoxDivMing h2{
  margin:0;
  font-size:32px;
  color:#111;
  font-weight:700;
}
.cash .cashBox .cashBoxDivMing p{
  margin:0;
  color:#E60012;
  padding:10px 0;
}
.cash .cashBox .cashBoxDivMing h3{
  margin:0;
  font-size:22px;
  font-weight:bold;
  padding-top:30px;
  color:#111;
}
.cash .cashBox .cashBoxDivQian{display:flex;flex-direction:column}
.cash .cashBox .cashBoxDivQian ul{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none;
}
.cash .cashBox .cashBoxDivQian ul li{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:50%;
  font-size:20px;
  line-height:40px;
  color:#111;
}
.cash .cashBox .cashBoxDivQian ul li span{
  color:#E60012;
  font-size:30px;
  font-weight:bold;
  width:120px;
  text-align:center;
}
.cash .cashBox .cashBoxDivTian{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  padding:40px 0 20px;
}
.cash .cashBox .cashBoxDivTianLi{
  width:48%;
  padding:0 20px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  background:#FFF;
  border:1px solid #AAA;
}
.cash .cashBox .cashBoxDivTianLi .text{
  width:100%;
  height:50px;
  font-size:16px;
  border:0;
  outline:none;
  background:transparent;
}
.cash .cashBox .cashBoxDivNiu{display:flex;flex-direction:column}
.cash .cashBox .cashBoxDivNiu .sub{
  width:100%;
  height:50px;
  background:#E60012;
  color:#FFF;
  font-weight:bold;
  font-size:18px;
  cursor:pointer;
  transition:all .3s linear;
  border:0;
}
.cash .cashBox .cashBoxDivNiu .sub:hover{background:#C69C4E}

@media (max-width:860px){
  .cash .cashBox{
    width:92%;
    height:auto;
    min-height:480px;
    padding-bottom:24px;
  }
  .cash .cashBox .cashBoxDiv{padding:0 24px 24px}
  .cash .cashBox .cashBoxDivMing h2{font-size:22px}
  .cash .cashBox .cashBoxDivMing h3{font-size:18px;padding-top:16px}
  .cash .cashBox .cashBoxDivQian ul li{font-size:15px;width:100%;justify-content:flex-start}
  .cash .cashBox .cashBoxDivQian ul li span{font-size:22px;width:auto;padding:0 8px}
  .cash .cashBox .cashBoxDivTian{flex-direction:column;gap:12px;padding:24px 0 16px}
  .cash .cashBox .cashBoxDivTianLi{width:100%}
}

/* 预约设计师弹窗 */
.custom{
  position:fixed;top:0 !important;left:0;display:none;z-index:10000;
  width:100%;height:100%;background:rgba(0,0,0,.3);
}
.custom .customBox{
  position:absolute;width:520px;left:50%;top:50%;height:auto;min-height:480px;
  transform:translate(-50%,-50%);box-sizing:border-box;background:#FFF;
  box-shadow:0 0 20px 0 rgba(0,0,0,.2);
}
.custom .customBox .close{
  display:flex;justify-content:center;align-items:center;
  position:absolute;right:15px;top:15px;font-size:20px;color:#FFF;
  background:rgba(0,0,0,.5);width:30px;height:30px;border-radius:50%;
  text-decoration:none;line-height:1;z-index:2;
}
.custom .customBox .close:hover{background:rgba(230,0,18,.5)}
.custom .customBox .customBoxDiv{display:flex;flex-direction:column;padding:28px 48px 32px}
.custom .customBox .customBoxDivTit{display:flex;flex-direction:column;align-items:center;line-height:1.8;text-align:center}
.custom .customBox .customBoxDivTit h2{margin:0;font-size:28px;color:#222;font-weight:700}
.custom .customBox .customBoxDivTit p{margin:6px 0 0;color:#666;font-size:14px}
.custom .customBoxDivTian{display:flex;flex-direction:column;padding:10px 0}
.custom .customBoxDivTianLi{display:flex;align-items:center;margin-top:14px}
.custom .customBoxDivTianLiCont{width:90px;flex-shrink:0;font-size:15px;color:#333}
.custom .customBoxDivTianLiTent{flex:1;border:1px solid #E5E5E5;padding:0 10px}
.custom .customBoxDivTianLiTent .text{
  width:100%;height:48px;border:0;outline:none;color:#333;font-size:14px;background:transparent;
}
.custom .customBoxDivTianOn{margin-top:18px}
.custom .customBoxDivTianOn .sub{
  width:100%;height:50px;background:#E60012;font-size:18px;color:#FFF;
  cursor:pointer;border:0;transition:all .3s linear;
}
.custom .customBoxDivTianOn .sub:hover{background:#C69C4E}
.custom .customBoxDivExe{text-align:center;color:#AAA;padding-top:12px;font-size:12px}

@media (max-width:560px){
  .custom .customBox{width:92%;min-height:0}
  .custom .customBox .customBoxDiv{padding:24px 20px}
  .custom .customBox .customBoxDivTit h2{font-size:22px}
}