.pannel-12 { width: 100%; background: #ffffff; bottom: 0px; position: fixed; overflow: hidden; z-index: 10; box-shadow: 0 2px 13px 0 #cbd6ec; max-width: 750px; margin: 0 auto; }
.pannel-12 a { display: block; width: 100%; float: left; }
.pannel-12 li { float: left; width: 25%; height: 3.7rem; padding: 1rem 0px; }
.pannel-12 li p { width: 100%; text-align: center; }
.pannel-12 li img { margin: 0 auto; display: block; margin-bottom: .5rem; height: 1.885rem; }

.pannel-13 { width: 60%; position: fixed; background-color: #fff; top: 40%; height: 14rem; margin-top: -7rem; max-width: 402px; left: 50%; margin-left: -34%; z-index: 100; padding: 0 4%;display:none; }
.pannel-13 img { width: 21.37%; height: auto; display: block; margin: 0 auto;}
.pannel-13 p { text-align: center; font-size: 1rem; }
.pannel-13 .ses {font-size: 1.25rem;margin-top: .6rem;margin-bottom: .2rem;}
.pannel-13 span {color:#fff;}
.pannel-13 .btns {width: 61%;height: 1.8rem;border-radius: 6px;border: solid 2px #076eb8;font-size: 1rem;color: #076eb8;background-color: transparent;padding: 0;margin:  0 auto;display:  block;margin-top: 1rem;outline:none;}
#hui-mask { position: fixed; z-index: 20; background: rgba(0,0,0, 0.5); width: 100%; left: 0px; top: 0px; height: 100%; z-index: 99; }