*{margin:0;padding:0;}

.p-box{width:640px;height:100%;background:rgba(0,0,0,0.4);position:fixed;z-index:100;display:none;}
.p-hint{width: 80%;height: auto;margin: 0 auto;background: #fff;position: absolute;top: 15%;left: 10%;z-index: 111;display:none;}
.p-hint-in1{width:100%;position:relative;}
.p-hint2{line-height:50px;color:#3d4145;padding: 0 15px;}
.p-hint3{width:20px;height:37px;position:absolute;top:4px;right:10px;text-align: center;font-weight: bold;cursor:pointer}
.p-hint-in2{text-align:center;padding: 10px;}

.x-box{width:640px;height:100%;background:rgba(0,0,0,0.4);position:fixed;z-index:100;display:none;}
.x-hint{width: 80%;height: auto;margin: 0 auto;background: #fff;position: absolute;top: 15%;left: 10%;z-index: 111;display:none;}
.x-hint-in1{width:100%;position:relative;}
.x-hint2{line-height:50px;color:#3d4145;padding: 0 15px;}
.x-hint3{width:20px;height:37px;position:absolute;top:4px;right:10px;text-align: center;font-weight: bold;cursor:pointer}
.x-hint-in2{text-align:center;padding: 10px;}

.box{width:640px;height:640px;background:rgba(0,0,0,0.4);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;cursor:pointer;}
.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;cursor:pointer;}