body,html{height: 100%;width: 100%;padding: 0;margin: 0;}
.translucent-relative{
position: relative;
}
.translucent-absolute{
position: fixed !important;
}
.translucent-shadow{
box-shadow: rgb(163, 163, 163) 0px 2px 10px 0px;
}
.translucent-title{
width: 100%;
/* border-bottom: 1px solid #ffffff; */
box-sizing: border-box;
z-index: 10;
}
.translucent-content{
width: 100%;
z-index: 10;
}
.translucent-center{
text-align: center;
}
.translucent-move{
cursor: move;
}
.translucent-filter{
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(225, 225, 225,0.5);
z-index: 2;
}
.translucent-control{
width: 90px;
height: 20px;
position: absolute;
right: 0;
text-align: right;
}
.translucent-control img{
width: 16px;
height: 16px;
margin-top: 2px;
}
.translucent-control img:hover{
cursor: pointer;
}
.translucent-control img:nth-child(1){
margin-left: 8px;
margin-right: 4px;
}
.translucent-control img:nth-child(2){
margin-left: 4px;
margin-right: 4px;
display: none;
}
.translucent-control img:nth-child(3){
margin-left: 4px;
margin-right: 8px;
}
.marginCenter{
margin: 0 auto;;
}
.messageBgly {
z-index: 99999;
width: 100%;
border-radius: 5px;
background-color: #ededed;
font-family: "微软雅黑";
box-sizing: border-box;
padding: 15px 10px;
}
.messageBgly #messageBgcontent {
width: 100%;
height: 99px;
resize: none;
overflow: hidden;
border: 1px solid #d5d5d5;
background-color: #fff;
text-align: left;
font-size: 14px;
line-height: 1.5;
box-sizing: border-box;
padding: 5px;
}
.messageBgly #tel {
background: #fff url(../images/phone.png) no-repeat 10px center;
}
.messageBgly #mail {
background: #fff url(../images/mail.png) no-repeat 10px center;
}
.messageBgly #loca {
background: #fff url(../images/location.png) no-repeat 12px center;
}
.messageBgly input {
width: 100%;
height: 40px;
border: 1px solid #d5d5d5;
box-sizing: border-box;
padding-left: 36px;
margin: 4px 0 4px 0;
font-size: 14px;
}
.messageBgly .messageBgyzm {
width: 100%;
height: 30px;
position: relative;
margin-top: 7px;
}
.messageBgly .messageBgyzm #messageBgimgCode {
width: 70px;
height: 34px;
position: absolute;
top: 3px;
right: 3px;
display: block;
cursor: pointer;
z-index: 99999;
}
.messageBgly #messageBgbtn {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
border-radius: 2px;
font-size: 17px;
color: #fff;
cursor: pointer;
margin: 20px 0 8px 0;
background-color: #007e6a;
}
.messageBglyCenter {
width: 100vw;
height: 100vh;
overflow: hidden;
}
.messageBgly .messageBgyzm input {
border: 1px solid #d5d5d5;
box-sizing: border-box;
padding-left: 36px;
margin: 0;
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACE0lEQVQ4T82Uv4sTURDHv/N2CXhVCsVCEOWKSPTEwk6L8y+wUDtR8uuNW6iQQhEEL1aKcIWFu7OBBMXKTpsrvcJWEJHTFKKVCIpcE4WQvCcv7Momt5cEtPDBYx/MfD9v3szsEP7xokV4IrLs/Jj54zz/XYEistcYU1JKXQFwMQE9NcZESqkeM3/Pg08AReQ+gCPW2hIRlRJBrJSK3dkYowG4DWttj4h6AD4w880U/gcYhuGqUuo2EW0BcPu97/tb1Wr1WzaSTqezbzgclo0xR4moDMCd7wZBsOn8JoCe593RWp+Zl6esPY7jl6PRqPV/AV160oj+OsIwDNeUUueYecU9fWGgEzpBEATjr1sJ7CyA82lP7gqM4/iEtfYJMx93YhG5AOAZgDVmbiWwy77vn6rVal/SS0TkLRFd0lq/mahyt9stDgaDz8xczDiPocaYllLquud5y/V6/Ue2yiKyXSgUDlUqle0JYJKPd9bah8w8buRspP1+f6nZbP6agmkiuqa1PrajsRPxOoBVAKeZ+eesfhSRJQCvAGwyczMXmEA/GWMeZ4uRB05zysyHs/bc4SAiX4low/f9G9O/Xrvd3m+tvWetXWHmk9OX5QLDMDyglHoOoEhE61rrR04YRdFVIroFYIOZa3mRz5yHIpJOl4OJ2E2YB1rrF7vld6EBG0VR2fO8PY1G4/WsQu1om3nOi9h/A5CH/xUtwIxtAAAAAElFTkSuQmCC") no-repeat 8px center;
}
.messageBgly #messageBgname {
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABzElEQVQ4T62UsWsUQRTGvzfcdIKpBLsE7cQgpLCwSmkjIkQEBbnDm7fLNVpEK0mCXWy0ODdvV7gmYoh/giD+AUrgQjrF9DYRrNxjnozcHpvj7uZEt5uZ7/3me/PxlvCfP4rxer3eQlmWi0FnrT1uNpsns2pmAkVkDcD+GOA2M7+bBp0KzLJs0xiz4b3fajQarwNgMBg8qPbSNN2cBJ0IFJGzAE6I6J5z7k29MM/zu6q6C2CBmX+MQ6cBLwPoe++X0jQ9rhdlWbZojPkGYJmZD+cFXgDwJQK8yMxf5wIGkYgEF4/HAxgGtc3MS3O/YRBWoRDROhHthT1VvaOqz0NQfxVKdXMFrTuZBQu6aaHcB3ALwI0/IqKjocNLw/V7730vSZK30TesXKnqB2PM07Is+51O52co7Ha7Z6y1y6q6DuAmgEfM/KIOPeWw1uITZt6eNWIi8hDAGjNfmwgUkfNE9Ml7/yxJkp3YjEdHb+juKjNfj8FEZAPAqdHz3q+mafpx1LKI9Iloxzn3ag5g6KatqqN6Zt4apSwiFsCv6pYYsCiKEMzLus45tzoC5nl+RVUPrLXnWq3W938GBkBRFCvtdvtzDBY7j/6xY4Dx89+sz9IViWaCyQAAAABJRU5ErkJggg==") no-repeat 10px center;
}
.messageBgly #messageBgtel {
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBUlEQVQ4T+2VvU0EMRCF570eIIaMGgjgIKMBJCIgWe/kFEADxNZuwmVINEAIEgEtkEFCAjXsPHSr02o5Drg/ieScWNbY38gzfs+wFQ9M41VVVQA4+S2XpJuUUj255xsw57xF8sXMjiPiA8Bp/xDJoaRNM7uNiG13f+3HpwEHJO9TSm0s53zZP+Du7bqqKkXEgbs/zAX86dprYFeZP5uyrmFXgX99NmckrwF8UcBkcyQNIuLc3YczKYXkHoCICJnZviRKepR0aGZvJOuFpFfX9ZGZXUgSgKuiKO6W0nLOuTWLEUTSblmWT/MCO/sC8D4G7YxmAM9N04Dkxsz2Nc6+OoNd9kf4BJpW/BWy4r4GAAAAAElFTkSuQmCC") no-repeat 10px center;
}
.messageBgly #messageBgmail {
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABPklEQVQ4T7WUMUrEQBSG/39TegMrrT2AbSzsbXZbEWEmA3oAQXFXWxur8BKikHL3ABYWCrZaWnqAvYABA/NkhAWRSOJufE2KmXzzv2+SR/Rc7JkHpmm6ASAGEJ5LVxRFz6r6QhERAIbk49I0AKoaQs0CUAGMrLWzVYAiMgQw/QJ673eccyslTNM0HgwGD/8LFJGpqt4lSXLbpX0R2ScZG2MOGhOKyDmAcZAL4MRa+9YELopiva7rC5KH3vuJc278a8sisg3gGsAWyYkx5uo7NMuykaqGL2OuqsdJktyH9VaHi7Qkn0gO67r+iKLoBsAegKDkyFr7vjisFRg25nm+672/BBBSh5p778+cc/lPFZ2A4aWyLNeqqgrQTZKnxpjXJq+dgV1uu5PDrqBGh33/ev0Oh97H119dte3vfWJ/ArHn5j8PHKUZAAAAAElFTkSuQmCC") no-repeat 10px center;
}
.messageBgly #messageBgloca {
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACMElEQVQ4T63UP2gUURAG8Jl3UZCr1MIiFoqQxiaCf4hW6YyKkMJgIZjI3fveninktA8pFYwWmt15d5gUNmoRUAwiiJ0hKiQINoJoYQoLtToE5d7Iyh4cl9u7IG6zy779fjvMm12m/3xwL897P6yqo6p6JH2Omd8YY16Uy+V3eblcUEQuEtEtVX2gqquFQqGpqieI6LyqTjvn7ndDu4Iicp2Ihph51lq73h7Mqp5R1YZz7kInugn03p9R1WuNRmOsWq3+TAPe+6H0bK39kJ7n5uZ2FIvF56p6wzn3pB3dBIrIPDM/s9Y+zrAFVZ3MerhorZ3K7p9V1ZMAKv3A9RDC6SiKNrz346p6D8DONCQiP5j5krV2KY7jQWPMUwDD/cBfRFQE8Nt7XwkhHHTOXU5DSZLcNca8t9bOi8g2ImoA2N4P/BJCOJZWWK/Xd4UQxprN5oYxhlV1cGBgYLlUKn3PKlwFsLcfuMbMU63d9d47Vb2a9fCmtTbJepjO6AKAQ/3AGWb+2grmDXD2oj0AZnuCSZKMMPN855s7YRFZU9WKc26lJ5jt5jciOgrgY7cKReQAEb0GsLvvYGfgQyJ6BeB2DniFiI4DmNgSGMfxpDFmGsDhHPBtCOFOFEWLWwLbvpAVAL49JCKWmUdaX8yWwTiO9xljXgLY3wF+CiGMRlH0uVv1Pf+HInKOiNJ+tnqZ9m4CwKO8ceoJpqFarXYqhDCeXhtjlsrl8nIe9nf4ey3+y9ofIYATJOtv3rIAAAAASUVORK5CYII=") no-repeat 10px center;
}
.messageBgly #messageBgyzm {
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACE0lEQVQ4T82Uv4sTURDHv/N2CXhVCsVCEOWKSPTEwk6L8y+wUDtR8uuNW6iQQhEEL1aKcIWFu7OBBMXKTpsrvcJWEJHTFKKVCIpcE4WQvCcv7Momt5cEtPDBYx/MfD9v3szsEP7xokV4IrLs/Jj54zz/XYEistcYU1JKXQFwMQE9NcZESqkeM3/Pg08AReQ+gCPW2hIRlRJBrJSK3dkYowG4DWttj4h6AD4w880U/gcYhuGqUuo2EW0BcPu97/tb1Wr1WzaSTqezbzgclo0xR4moDMCd7wZBsOn8JoCe593RWp+Zl6esPY7jl6PRqPV/AV160oj+OsIwDNeUUueYecU9fWGgEzpBEATjr1sJ7CyA82lP7gqM4/iEtfYJMx93YhG5AOAZgDVmbiWwy77vn6rVal/SS0TkLRFd0lq/mahyt9stDgaDz8xczDiPocaYllLquud5y/V6/Ue2yiKyXSgUDlUqle0JYJKPd9bah8w8buRspP1+f6nZbP6agmkiuqa1PrajsRPxOoBVAKeZ+eesfhSRJQCvAGwyczMXmEA/GWMeZ4uRB05zysyHs/bc4SAiX4low/f9G9O/Xrvd3m+tvWetXWHmk9OX5QLDMDyglHoOoEhE61rrR04YRdFVIroFYIOZa3mRz5yHIpJOl4OJ2E2YB1rrF7vld6EBG0VR2fO8PY1G4/WsQu1om3nOi9h/A5CH/xUtwIxtAAAAAElFTkSuQmCC") no-repeat 10px center;
}