.box{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;z-index:100;display:none;}
button{margin:200px 200px;width:40px;height:30px;background:orange;border:0;outline:none;color:#fff;}
.hint{width:500px;height:332px;margin:0 auto;background:#fff;position:fixed;top:50%;left:50%;margin-left:-250px;margin-top:-166px;z-index:111;display:none;}
.hint-in1{width:500px;height:70px;background:#C7301E;position:relative;}
.hint1{width:48px;height:47px;background:url(../images/icon/hint1.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hint2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:156px;}
.hint3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hint3:hover{width:38px;height:37px;background:url(../images/icon/hint33.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hint-in2{line-height:150px;font-size:20px; text-align:center;color:#C7301E;}
.hint-in3{font-size:22px ;width:190px;height:50px;background:#C7301E;color:#f4e8df;position:absolute;bottom:50px;left:155px;text-align:center;line-height:50px;border-radius:6px;}

.hintl{border-style:solid;border-width:1px; width:500px;min-height:200px;border-radius:8px;margin:0 auto;background:#fff;position:fixed;top:50%;left:50%;margin-left:-250px;margin-top:-166px;z-index:111;display:none; }
.hintl-in1{width:500px;height:70px;background:#C7301E;position:relative;}
.hintl1{width:48px;height:47px;background:url(../images/icon/hint2.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hintl2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:156px;}
.hintl3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hintl-in2{font-size:20px; text-align:center;color:#C7301E;margin:50px }
.hintl-in3{font-size:22px ;width:150px;height:50px;background:#d1cfcd;color:#fff;position:absolute;bottom:20px;left:50px;text-align:center;line-height:50px;border-radius:8px; cursor: pointer;}
.hintl-in4{font-size:22px ;width:150px;height:50px;background:#C7301E;color:#f4e8df;position:absolute;bottom:20px;right:50px;text-align:center;line-height:50px;border-radius:8px; cursor: pointer;}