*{
    margin: 0 ; padding: 0 ; list-style: none ;
}
#mask{
    width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute;left: 0 ; top: 0; z-index: 2;
}
#box{
    width: 400px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -40px; z-index: 3;
}
#p{
    width: 100%; height: 40px; line-height: 40px; text-align: center;
    font-size: 30px; color: red;
}
#jindu{
    width: 100%; height: 40px;
}
#scale{
    width: 0%; height: 100%; background: red;
}
#bg_pic{
    width: 640px; height: 378px; position: absolute; left: 50%; top: 50%; margin-left: -320px; margin-top: -280px; z-index: 1; opacity: 0;cursor: pointer;
}
#bg_pic img{
    position: absolute; left: 0 ; top: 0; z-index: 1;
}