@CHARSET "utf-8";

.dlg-bg{z-index: 1000; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.85);}
.dlg-bg a.close{width:16px; height: 16px; position: absolute; top: calc(50% - 330px); right: calc(50% - 448px); background-image: url(../img/icons/16x16/close.svg);}
.dlg{z-index: 1001;border-radius: 8px; overflow: hidden; position: fixed; width:896px; height: 608px; top:50%; left: 50%; background:#fff;  border-bottom: 40px solid #fff; margin-top: -304px; margin-left:-448px; overflow-y: auto; scrollbar-width:none; -ms-overflow-style:none; box-sizing: border-box;  text-align: left;}
::-webkit-scrollbar{display:none;/*ChromeSafari*/}
.dlg>img {width: 100%; height: 70%; object-fit: cover;}
.dlg>h1 {padding: 0 48px 0 40px; color: rgba(0,0,0,0.85); padding-left: 12px;border-left: 8px solid #FF5722;margin-bottom: 16px; margin-left: 40px; font-size: 24px;}
.dlg>p{padding: 0 48px 0 40px; color: rgba(0,0,0,0.85); font-size: 14px; line-height: 28px;}

.dlg form{display: flex; flex-wrap: wrap; margin-left: 40px; margin-right: 40px; justify-content: space-between;}
.dlg form>div{width: 40%; margin-top: 30px; display: flex; flex-wrap: wrap;}
.dlg form>div.full{width: 100%;}
.dlg form>div>span{display: block; font-size: 14px; color:#4a4a4a; margin-bottom: 10px; width: 100%;}
.dlg form>div>input,.dlg form>div>textarea{width: calc(100% - 18px);}
.dlg form>div.captcha>input{width: 40%;}
.dlg form>div.captcha img{margin-left: 0.5em; cursor: pointer;}
.dlg form>div.oper{justify-content: center;}
.dlg form>div.oper button{ opacity: 0.8; background: #2F54EB; border-radius: 8px; display: inline-block; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 24px; margin: 0 auto;padding: 8px 16px; border: none; cursor: pointer;}
.dlg form>div.oper button:hover{ opacity: 1; }