.yhqMaskBox{background: rgba(0,0,0,.7);position: fixed;left: 0px;top: 0px;bottom: 0px;right: 0px;display: flex;align-items: center;justify-content: center;color: #333;}
.yhqBox{position: relative;}
.yhqBox ul{position: absolute;top: 0px;padding-top: 300px;padding-left: 270px;}
.yhqBox li{margin-bottom: 15px;position: relative;width: 390px;}
.yhqBox li.telBox input{background-position:15px -9px;}
.yhqBox li.imgBox input{background-position:12px -84px;}
.yhqBox li.iponeBox input{background-position:15px -192px;}
.yhqBox li input{border-radius: 20px;border:none;padding: 7px;height: 20px;line-height: 20px;width: 160px;background:#fff url(../images/icon.png) no-repeat;background-size: 20px;padding-left: 40px;}
.yhqBox li err{color:#f00;font-size: 12px;display: none;line-height: 32px;}
.yhqBox li.noteBox{color: #bbb;margin-left: -80px;text-align: center;font-size: 12px;}
.yhqBox li t{border-radius: 0 20px 20px 0;overflow:hidden;height: 34px;position: absolute;left: 132px;line-height: 34px;width: 80px;text-align: center;}
.yhqBox li.iponeBox t{background: #ebebeb;left: 110px;padding: 0 10px;cursor: pointer;color: #333;width: 80px;text-align: center;}
.yhqBox li span{line-height: 32px;background: #5069c3;display: block;border-radius: 20px;text-align: center;color: #fff;box-shadow: 0px 2px 0px #f6ea86;cursor: pointer;width: 207px;}
.isLoginBox .telBox,.isLoginBox .imgBox,.isLoginBox .iponeBox{display: none;}
.isLoginBox .buttonBox{padding: 5px 0;}
.isLoginBox .buttonBox span{line-height: 60px;font-size: 20px;border-radius: 35px;width: 270px;margin-left: -25px;font-weight: bold;}
.isHaveBox{background:url(../images/bg3.png) no-repeat center center;width: 390px;height: 211px;padding-left: 210px;display: flex;flex-direction: column;justify-content: center;position: relative;}
.isHaveBox h2{font-size: 28px;font-weight: bold;line-height: 1;}
.isHaveBox p{margin-top: 10px;font-size: 16px;}
.isHaveBox a{color: #cba446;}
.isHaveBox .closeBox,.couponReceiveBox i.closeBox{cursor: pointer;position: absolute;right: 10px;top: 20px;width: 30px;height: 30px; background: url(../images/close2.png) no-repeat center;}
.couponReceiveBox{background: #f2f2f4;border-radius: 5px;padding: 30px 100px;position: relative;}
.couponReceiveBox h2{text-align: center;line-height: 60px;font-size: 20px;}
.couponReceiveBox h2 span{color: #5365b9;padding: 0 10px;}
.couponReceiveBox img{cursor: pointer;}
.couponReceiveBox p{text-align: center;padding: 10px 0 15px 0;font-size: 18px;color: #333;}
.couponReceiveBox p a{color: #cba446}
.couponReceiveBox i.closeBox{top: 10px;}
.hbActiveBox{display: flex;position: relative;}
.hbActiveBox i.closeBox,.yhqBox i.closeBox{cursor: pointer;position: absolute;right: 10px;top: 20px;width: 50px;height: 50px; background: url(../images/close.png) no-repeat center;}
.hbActiveBox .textBox{align-items: center;color: #c2c5ce;display: flex;padding: 0 60px 0px 20px;font-size: 16px;}