.wrapper{background:url(images/bg.png)}
    main{position:relative;width:1024px;height:612px;margin:6px auto;overflow:hidden;padding-top:10px}
    main *{position:absolute}
        .l:before{content:'';width:45px;height:1px;background:#fff;position:absolute;left:250px;top:25px;border: 2px solid black;}
        .l:after{content:'';width:10px;height:10px;background:#fff;position:absolute;border-radius:100%;left:293px;top:20px;border: 2px solid black;}
        .p:after{content:'';width:10px;height:10px;background:#fff;position:absolute;border-radius:100%;left:-53px;top:18px; border: 2px solid black;}
        .p:before{content:'';width:45px;height:1px;background:#fff;position:absolute;left:-45px;top:22px;border: 2px solid black;}
            input{width:250px;height:41px;font-size:18px;font-weight: 700;text-align:center;border-radius:5px;background-color:rgba(255,255,255,1);color:#000;border: none;outline:none}
                #i1{left:36px;top:426px;}
                #i2{left:684px;top:174px}
                #i3{left:736px;top:265px}
                #i4{left:141px;top:352px;}
                #i5{left:610px;top:87px}
                    .ok{background-color:#0c0}
                    .bad{background-color:#f66}
