*{margin:0;padding:0;}

.box{width:640px;height:640px;background:rgba(0,0,0,0.5);position:fixed;z-index:100;display:none;}
button{margin:200px 200px;width:40px;height:30px;background:#007aff;border:0;outline:none;color:#fff;}
.hint{width: 100%;height: auto;margin: 0 auto;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 111;display:none;}
.hint-in1{width:100%;height:40px;position:relative;}
.hint1{width:48px;height:47px;-webkit-background-size:48px 47px;background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hint2{line-height:67px;color:#000;font-size:15px;text-align: center;}
.hint3{width:20px;height:37px;position:absolute;top:4px;right:10px;text-align: center;font-weight: bold;}
.hint-in2{text-align:center;padding: 10px;}
.hint-in3{font-size: 17px;width: 30%;background: #007aff;bottom: 50px;text-align: center;border-radius: 2px;padding: 3px 0px;margin: 0 auto;color: #fff;}
.hint-in4{text-align:center;padding: 10px;}
.hint-in5{font-size: 17px;width: 30%;background: #007aff;bottom: 50px;text-align: center;border-radius: 2px;padding: 3px 0px;margin: 0 auto;color: #fff;margin-bottom: 12px;}