*{margin:0;padding:0;}

.box{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;z-index:100;display:none;}
.hint{width:100%;height:530px;margin:0 auto;background:#FFCC66;position:fixed;top:30%;margin-top:-120px;z-index:111;display:none;}
.hint-in1{width:100%;height:50px;background:#ff6600;position:relative;}

.hint2{line-height:50px;color:#f4e8df;font-size:26px;padding-left:20px;}
.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-in3{line-height:200px;font-size:50px; text-align:center;color:#ff6600;}