footer{background:url(../../images/footbg.jpg) no-repeat center top;}
footer .container{padding:60px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;gap: 16px;}

footer h5{font-size:22px;color:#000;font-weight:700;line-height:1;margin:0 0 20px; white-space: nowrap;}
footer h5::after{content:"";width:70px;height:4px;background:#DA261D;margin:15px auto 0 0;display:block;}

.derun-foot-logo{width:370px;}
.derun-foot-logo p{margin:15px 0 0;color:#272727;font-size:18px;line-height:30px;font-weight:300;}
.derun-foot-logo .share{font-size:0;margin:20px 0 0;display:flex;-webkit-justify-content:space-between;justify-content:center;}
.derun-foot-logo .share a{width:50px;height:50px;line-height:50px;color:#fff;text-align:center;background:#363636;display:inline-block;}
.derun-foot-logo .share a+a{margin-left:15px;}
.derun-foot-logo .share a i{font-size:28px;color:inherit;line-height:inherit;}
.derun-foot-logo .share a:hover{color:var(--color-primary);}

.derun-foot-nav ul li{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-nav ul li+li{margin-top:5px;}
.derun-foot-nav ul li a:hover{color:#E60012;}

.derun-foot-list ul li{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-list ul li+li{margin-top:5px;}
.derun-foot-list ul li a:hover{color:#E60012;}

.derun-foot-contact{width:350px;}
.derun-foot-contact p{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-contact p+p{margin-top:5px;}

.inquirbox input[type="text"], .inquirbox textarea {
  padding: 10px 10px;
  font-size: 16px;
  border: 1px solid #D2D2CF;
  width: 100%;
  line-height: 22px;
  text-align: left;
  color: var(--text-color);
  box-sizing: border-box;
}
.inquirbox .submit {
  margin: 0 auto;
  width: 250px;
  line-height: 45px;
  background: var(--color-primary);
  text-align: center;
  display: block;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.foot-form{padding:50px 0 20px;background:url(https://shopcdnpro.xiaoman.cn/template/53_derun_10/images/ibg1.jpg) no-repeat center top;}

.foot-form .inquirbox{}
.foot-form .inquirbox h6{font-size:40px;line-height:1;color:#000;font-weight:700;text-align:center;margin-bottom:20px;}
.foot-form .inquirbox h6~h6{margin-top:30px;}
.foot-form .inquirbox .row{margin-bottom:20px;}
.foot-form .inquirbox input[type="text"],.foot-form .inquirbox textarea{padding:10px 15px;color:#000;font-size:16px;background:transparent;line-height:24px;border:none;border-bottom:2px solid #373737;}
.foot-form .inquirbox .checklist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.foot-form .inquirbox .checklist dd{margin-top:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:17px;color:#000;}
.foot-form .inquirbox .checklist dd+dd{margin-left:50px;}
.foot-form .inquirbox .checklist dd input[type="checkbox"]{margin:0;margin-right:5px;}
.foot-form .inquirbox .submit{margin:0 auto;width:300px;line-height:40px;background:var(--color-primary);font-size:22px;color:#fff;}
.foot-form .inquirbox .submit:hover{background:var(--color-second);}

.derun-side-bar{top:calc(50% - 106px);position:fixed;right:5px;z-index:999;border-radius:6px;background:#fff;box-shadow:0 0 15px rgba(1,1,1,0.1);}
.derun-side-bar a{display:block;cursor:pointer;width:48px;height:48px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;color:#DA251C;}
.derun-side-bar a+a{border-top:1px solid rgba(218,37,28,0.5);}
.derun-side-bar a i{display:inline-block;font-size:28px;color:inherit;}
.derun-side-bar a:hover{background:#DA251C;color:#fff;}

.derun-side-bar .wx-box{width:150px;position:absolute;right:50px;top:-50px;display:none;z-index:100;}
.derun-side-bar .wx-box .box{width:140px;padding:5px;border:1px solid #D6D7D7;text-align:center;background:#fff;overflow:hidden;}
.derun-side-bar .wx-box .box img{width:100%;}

.derun-side-bar .wx-box .arrowPanel{width:12px;height:20px;position:absolute;right:0;top:calc(50% - 5px);}
.derun-side-bar .wx-box .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:2px;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #ddd;}
.derun-side-bar .wx-box .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff;}

.derun-side-bar a:hover .wx-box{display:block;}

@media screen and (max-width:1440px){
.foot-form .inquirbox h6 {font-size: 32px;}
}

@media screen and (max-width:480px) {
.foot-form .inquirbox h6 ~ h6 {margin-top: 20px;}
.foot-form .inquirbox h6 {font-size: 20px;}
.foot-form .inquirbox .checklist dd + dd {margin-left: 20px;}
}

@media screen and (max-width:1280px){
  .foot-form .inquirbox h6 {font-size: 26px;}

  .derun-foot-logo {width: 350px;}
  .derun-foot-logo p {margin: 15px 0 0;font-size: 18px;line-height: 24px;}
  .derun-foot-logo .share {
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
  }
  .derun-foot-logo .share a {width: 40px;height: 40px;line-height: 40px;}
  .derun-foot-logo .share a i {font-size: 24px;}

  footer h5 {font-size: 20px;margin: 0 0 15px;}
  .derun-foot-nav ul li,.derun-foot-list ul li,.derun-foot-contact p {font-size: 16px;line-height: 24px;}
}

@media screen and (max-width:768px){
  .foot-form {background-size: cover;}
  .derun-side-bar {display: none;}

  footer .container {
    padding: 30px 0;
    display: block;
  }
  footer h5::after {
    margin: 15px auto 0;
  }
 
  .derun-foot-logo{width:100%;text-align:center;}
  .derun-foot-logo em{margin:10px 0 0;font-size:14px;}
  .derun-foot-logo p{margin:10px 0 0;font-size:15px;line-height:22px;}

  .derun-foot-logo .share {margin: 10px 0 30px 0;}
  .derun-foot-logo .share b{display:block;font-size:24px;color:#fff;font-weight:500;margin-bottom:15px;}
  .derun-foot-logo .share a{display:inline-block;text-align:center;margin:0 15px 0 0;box-sizing:border-box;}
  .derun-foot-logo .share a i{font-size:24px;color:#fff;}

  .derun-foot-nav,.derun-foot-list{display:none;}

  .derun-foot-contact {width: 100%;text-align: center;}
  .derun-foot-contact ul{-webkit-flex-direction:column;flex-direction:column;}
  .derun-foot-contact ul li{width:100%;padding:15px 10px;height:auto;margin:10px 0 0;-webkit-flex-direction:column;flex-direction:column;}
  .derun-foot-contact ul li .ico{margin-left:0;}
  .derun-foot-contact ul li .t{height:auto;padding:0;margin:10px 0 0;text-align:center;}
  .derun-foot-contact ul li .t::after{display:none;}
  .derun-foot-contact ul li .t h5{font-size:20px;}
  .derun-foot-contact ul li .t p{font-size:15px;}
}


@media screen and (max-width:680px){
.derun-foot-logo .share a+a {
    margin-left: 0;
}	
}