@charset "utf-8";



.voiceBg {min-height: 100%;background: url(/images/voice-back.jpg) no-repeat center bottom;background-size: cover; overflow: hidden;}
.bigtit {font-size: 36px;color: #fff;text-align: center;font-weight: 500;}
.pt100 {padding-top: 100px;}
.slogen p {font-size: 16px;text-align: center;color: #fff;margin-top: 10px;}
.voice-ico {text-align: center;overflow: hidden;width: 158px;height: 63px;background: url(/images/voice-ico.png) no-repeat;margin: auto;cursor: pointer;}
.voice-ico:hover {opacity: .8}
.tip {color: #fff; text-align: center;}
.mb30 { margin-bottom: 30px;}
h3.h3 {color: #fff; text-align: center;font-size: 16px;}
.help {border: dashed 1px #fff;  border-radius: 10px;}
.help p {color: #fff;  font-size: 14px;}
.qrBox {text-align: center;  padding: 80px 0;}
.qrBox dl { display: inline-block; padding: 0 12%;}
.qrBox dl dt { padding-bottom: 15px; font-size: 16px; color: #fff;font-weight: 500;}
.footer { padding: 20px 0; background: none; text-align: center;font-size: 14px;}
.footer * {color: #fff !important;}

@media screen and (max-width: 760px) {
  .pt100 {padding-top: 30px; }
  .qrBox {padding: 30px 0;}
  .qrBox dl {padding: 0 10px;}
}

.znyy-pop { display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;text-align: center;background: rgba(0, 0, 0, .8);font-family: "微软雅黑"; z-index: 9;}
.znyy-pop.on { display: block;}
.znyy-box { width: 340px; height: 290px; position: absolute; top: 50%; left: 50%; margin: -145px 0 0 -170px;}
.znyy-box .closeBtn {display: block; width: 30px; height: 30px; line-height: 24px; font-size: 30px; text-align: center; color: #fff; position: absolute; top: 0; right: 0;}
.znyy-box .znIco { width: 200px; height: 200px; margin: 0 auto;  background: url(/images/search-yy-img-3.png) no-repeat;  position: relative;}
.znyy-box .znIco img { position: absolute; top: 0; left: 0;}
.znyy-box .znIco img:nth-child(1) { visibility: visible;}
.znyy-box .znIco img:nth-child(2) { visibility: hidden;}
.znyy-box .znIco.on img:nth-child(1) {visibility: hidden;}
.znyy-box .znIco.on img:nth-child(2) {visibility: visible;}
.znyy-box .info { color: #fff; font-size: 18px}
.znyy-box .info em { color: #38a3f4}
.znyy-box .btns button { height: 38px; margin: 0 6px; padding: 0 30px; line-height: 38px; background: #65C46C; font-size: 16px; font-family: "微软雅黑"; color: #fff; border: none; border-radius: 6px; transition: .3s;}
.znyy-box .btns button:hover { opacity: .95}
.znyy-box .btns button.toSearch { background: #38A3F4}
.znyy-box .btns button.start-btn { display: none;}
.znyy-box .lists { display: none; text-align: left;}
.znyy-box .lists h6 { margin-bottom: 5px; font-size: 14px; font-weight: 700; color: #373737;}
.znyy-box .lists ul { max-height: 160px; padding: 0 10px; overflow: hidden; overflow-y: auto;}
.znyy-box .lists ul li a { display: block; color: #666; padding: 3px 0; transition: .3s;}
.znyy-box .lists ul li a:hover { color: #58B2F6}
.znyy-box.hoverList { width: 500px; height: 500px;background: #fff;margin: -250px 0 0 -250px;}
.znyy-box.hoverList .info {color: #333}
.znyy-box.hoverList .lists {display: block;}
.znyy-box.hoverList .closeBtn {color: #555;top: 10px;right: 10px;}
.znyy-box .rst {padding: 15px 0;font-size: 14px;color: #fff;}

@media screen and (max-width: 1200px) and (min-width: 760px) {
  .ly-start {left: 70%;}
}

@media screen and (max-width: 750px) {
  .ly-start {left: 75%;margin-left: -40px;}

  .znyy-box.hoverList { width: 100%;margin-left: 0;left: 0;}
}