.popup-june-draw{z-index:9999;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.4);opacity:0;transition:opacity .2s;display:none}.popup-june-draw.show-guide{display:block}.popup-june-draw.show-guide .popup-guide{display:block}.popup-june-draw.show-address{display:block}.popup-june-draw.show-address .popup-address{display:block}.popup-june-draw.visible{opacity:1}.popup-june-draw .popup-guide{display:none;width:414px;height:458px;position:absolute;left:50%;top:50%;margin-left:-207px;margin-top:-269px;background-image:url(https://web-data.zmlearn.com/image/35aKQkbzpdxEhQ47csrvcQ/popup_main.png);background-size:100% 100%}.popup-june-draw .popup-guide .popup-close{width:32px;height:32px;background-image:url(https://web-data.zmlearn.com/image/k3xWXxquheDLdRn8tqNUMA/icon_close.png);background-size:100% 100%;position:absolute;right:-30px;top:120px;cursor:pointer}.popup-june-draw .popup-guide .popup-content{text-align:center;margin-top:260px}.popup-june-draw .popup-guide .popup-content .first{color:#333;font-size:24px}.popup-june-draw .popup-guide .popup-content .first span{color:#ef4c4f}.popup-june-draw .popup-guide .popup-content .second{color:#999;font-size:18px;margin:12px 0 32px}.popup-june-draw .popup-guide .popup-content .third{width:346px;height:48px;line-height:48px;background-image:url(https://web-data.zmlearn.com/image/5fgB93p9KH4RJkbA6AW2UR/popup_btn.png);background-size:100% 100%;color:#fff;font-size:14px;margin:0 auto;cursor:pointer}.popup-june-draw .popup-guide .popup-content .third:hover{opacity:.9}.popup-june-draw .popup-style-1{position:absolute;background:url(https://web-data.zmlearn.com/image/wZJHEqGQRxQqUWGbKeNQuS/address_bg.png) no-repeat center;width:633px;height:638px;left:50%;top:50%;margin-left:-316px;margin-top:-380px}.popup-june-draw .popup-style-1 .popup-style-1-main{text-align:center;position:absolute;bottom:0;left:119px;width:386px}.popup-june-draw .popup-style-1 .popup-style-1-main .popup-style-1-title{text-align:center;color:#FF3B5F;font-size:24px}.popup-june-draw .popup-style-1 .popup-style-1-main .popup-style-1-button{height:64px;line-height:64px;font-size:24px;letter-spacing:1px;color:#fff;background-color:#FF5363;cursor:pointer}.popup-june-draw .popup-style-1 .popup-style-1-main .popup-style-1-button:hover{background-color:#FF6474}.popup-june-draw .popup-address{display:none}.popup-june-draw .popup-address .form-group .form-title{margin-bottom:32px}.popup-june-draw .popup-address .form-group .form-input{position:relative;height:56px;line-height:56px;padding:0 17px;width:346px;border:3px solid #F3CC93;background-color:#fff;border-radius:5px;box-sizing:border-box;margin:0 auto 23px}.popup-june-draw .popup-address .form-group .form-input input{width:100%;line-height:46px;height:46px;font-size:21px;border:0;outline:0;box-shadow:none;appearance:none;-webkit-appearance:none;font-family:numberuse,"Source Sans Pro","Helvetica Neue",Arial,sans-serif,'微软雅黑';color:#333}.popup-june-draw .popup-address .form-group .form-input.wrong{border-color:#ff5363}.popup-june-draw .popup-address .form-group .form-input.wrong.form-name:before{content:'请填写正确的收货人姓名'}.popup-june-draw .popup-address .form-group .form-input.wrong.form-tel:before{content:'请填写11位手机号码'}.popup-june-draw .popup-address .form-group .form-input.wrong.form-address:before{content:'请填写5~30字的真实收货地址'}.popup-june-draw .popup-address .form-group .form-input.wrong:before{position:absolute;font-size:14px;color:#ff5363;top:-43px;left:0}.popup-june-draw .popup-address .form-group .form-input ::-webkit-input-placeholder{color:#B4B4B4;font-size:21px}.popup-june-draw .popup-address .form-group .form-input :-moz-placeholder{color:#B4B4B4;font-size:21px}.popup-june-draw .popup-address .form-group .form-input ::-moz-placeholder{color:#B4B4B4;font-size:21px}.popup-june-draw .popup-address .form-group .form-input :-ms-input-placeholder{color:#B4B4B4;font-size:21px}.popup-june-draw .popup-address .form-group .form-tip{margin-top:-8px;height:21px}.popup-june-draw .popup-address .form-group .form-button{margin-top:34px}