a { width: 100%; height: 100%; text-align: center; display: block; line-height: 40px; color: #fff; } .iconfont { font-size: 30px; color:#fff } .quote-text .coly-menu-float{ width: auto; padding: 0 6px; } /* 悬浮表单开始 */ /* leo float form*/ .side-form-wrapper { z-index: 9999999; position: fixed; right: 0; } /* 表单整体样式 */ #leo-side-contact-form { width: 300px; padding: 10px 20px 0; box-shadow: 0 0 20px #000; background: #fff; position: fixed; right: 10px; top: 50%; transform: translate(130%, -50%); transition: all 0.5s; z-index: 998; } #leo-side-contact-form.active { transform: translate(0, -50%); } /* 格式化 */ #leo-side-contact-form, #leo-side-contact-form label, #leo-side-contact-form input:not(.submit), #leo-side-contact-form textarea, #leo-side-contact-form h3 { font-family: inherit; box-sizing: border-box; color: #444f5d; } #leo-side-contact-form .form-title { font-size: 1.5em; font-weight: bold; text-align: center; padding-bottom: 10px; } #leo-side-contact-form .form-line label { font-weight: normal; text-align: left; font-size: 14px; } #leo-side-contact-form .form-line p { margin: 0; } div#coly-top-float { float: right; } #leo-side-contact-form.radius .form-line input { border-radius: 10px; } /* 格式化 结束 */ /* 表单关闭按钮 开始 */ #leo-side-contact-form .closeBtn { width: 30px; height: 30px; display: block; position: absolute; top: 5px; right: 5px; cursor: pointer; } #leo-side-contact-form .closeBtn:before, #leo-side-contact-form .closeBtn:after { content: ""; display: block; width: 20px; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; } #leo-side-contact-form .closeBtn:before { transform: translate(-50%, -50%) rotate(45deg); } #leo-side-contact-form .closeBtn:after { transform: translate(-50%, -50%) rotate(-45deg); } /* 表单关闭按钮 结束 */ /* 涉及颜色部分 开始 */ /* title */ #leo-side-contact-form .form-line { width: 100%; padding-bottom: 5px; } #leo-side-contact-form .form-line.coly-bottom { padding-bottom: 10px; } /* textarea 和 非提交按钮 */ #leo-side-contact-form .form-line input, #leo-side-contact-form .form-line textarea, #leo-side-contact-form .form-line input:not(.submit):hover, #leo-side-contact-form .form-line textarea:hover, #leo-side-contact-form .form-line input:not(.submit):focus, #leo-side-contact-form .form-line textarea:focus { display: block; width: 100%; height: auto; margin: auto; padding: 10px; background-color: #fff; border: 1px solid #ccc; outline: none; font-family: Hind, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: none; letter-spacing: 0px; } /* 提交按钮 */ #leo-side-contact-form .form-line input.submit, #leo-side-contact-form .form-line input.submit:hover { width: 100%; border: 1px solid #ccc; background-color: #ccc; color: #fff; } /* 涉及颜色部分 结束 */ /* 悬浮表单结束 */ .show { display: block !important; }

Products

Light and transparent double hidden glass frame design, glass cleverly covered in the frame, the framework to hide the greatest extent, In the clear net space in the clear experience of the quiet.