.main-contact{padding:80px 0;background:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/961/upload/news/9980a7178935fdfe279b6b76f2c6087e5c94b7a2ed696bacccd76a385925db83.jpg") no-repeat left top;position:relative; background-size: cover; width: 100% !important;}


.contact{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.contact a {color: #bfa17c;}
.contact-info{background: #212529b0;width:365px;padding:20px 40px;box-sizing:border-box;}
.contact-info dl{border-bottom:2px solid #fff;text-align:center;padding:15px 0;}
.contact-info dl:last-child{border-bottom:none;}
.contact-info dt{font-size:24px;color:#fff;letter-spacing:1px;font-family:Jost, sans-serif}
.contact-info dd{font-size:19px;color:#fff;line-height:28px;margin:18px 0 0;letter-spacing:1px;}
.contact-info .share{margin:15px 0 0;font-size:0;}
.contact-info .share a{width:36px;height:36px;line-height:40px;color:#fff;border-radius:50%;display:inline-block;text-align:center;box-sizing:border-box;margin:0 10px;background:rgba(255,255,255,0.2);}
.contact-info .share a i{font-size:22px;}
.contact-info .share a:hover{background:rgba(255,255,255,0.55);color: #0b0b0b;}

.contact-inquiry{width:700px;background:rgba(255,255,255,0.85);border-radius:10px;padding:40px 70px 10px;box-shadow:0 0 68px 0 rgba(222,222,229,0.75);box-sizing:border-box;}
.contact-inquiry h1{font-size:36px;color:#333;letter-spacing:1px;font-family: Jost, sans-serif;}
.contact-inquiry h5{font-size:15px;color:#212121;margin-bottom:15px;}
.contact-inquiry p {color:#333;font-size:16px;margin:15px 0 0 0;letter-spacing:1px;font-family: Jost, sans-serif;}
.contact-inquiry .inquirbox{margin:30px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:10px;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:12px 15px;font-size:14px;border:none;line-height:22px;color:#333;box-shadow:0 0 35px 0 rgba(222,222,229,0.75);font-family: Jost, sans-serif;}
.contact-inquiry .inquirbox input[type="text"]:focus,.contact-inquiry .inquirbox textarea:focus{box-shadow:0 0 5px rgba(153,153,153,0.6);border-color:#999;}
.contact-inquiry .inquirbox input.submit{
    font-family: Jost, sans-serif;
}
.contact-inquiry .inquirbox input.submit:hover{
  background:#A88D72
}
.inquirbox .row{margin-bottom:20px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:10px 10px;font-size:14px;border:none;width:100%;line-height:22px;text-align:left;color:#333;box-sizing:border-box;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{outline:0;}
.inquirbox .red{color:#f00;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox input.submit{display:block;color:#fff;font-size:15px;width:220px;height:48px;line-height:38px;letter-spacing:1px;background: #212529;text-align:center;cursor:pointer;}


.map{margin:100px 0 0;position:relative;z-index:20;}
.map img{width:100%;}

@media screen and (max-width:768px) {
  .main-contact{padding:30px 0;}
  .main-contact::after{display:none;}

  .contact{-webkit-flex-direction:column;flex-direction:column;}

  .contact-info{width:100%;padding:20px;}
  .contact-info dt{font-size:20px;}
  .contact-info dd{font-size:16px;line-height:24px;margin:15px 0 0;}

  .contact-inquiry{width:100%;border-radius:0;padding:20px 20px 10px;box-shadow:0 0 10px 0 rgba(222,222,229,0.75);}
  .contact-inquiry h1{font-size:30px;text-align:center;}
  .contact-inquiry h5{margin-bottom:10px;}
  .contact-inquiry .inquirbox{margin:25px 0 0;}
  .contact-inquiry .inquirbox .row{margin-bottom:20px;}
  .contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:10px 15px;box-shadow:0 0 10px 0 rgba(222,222,229,0.75);}
  .contact-inquiry .inquirbox input.submit{margin:0 auto;}
  .inquirbox .row{margin-bottom:0;}
  .inquirbox .row > div{margin-bottom:10px;}
  .inquirbox input.submit{font-size:15px;width:160px;height:40px !important;line-height:40px;padding:0;}

  .map{margin:40px 0 0;}
}

@media screen and (max-width:400px) {
  .contact-info h1{font-size:24px;}
}