*{
        margin:0;
        padding:0;
    }
    body{
    	background-color: #262626;
    }
    #box{
        width:1000px;
        height:600px;
        margin:100px auto;
    }
    #box .qrcode{
		width: 100%;
    	height: 300px;
    }
    #box .introduce{
        width:500px;
        height: 600px;
        float: left;
    }
    #box .result-div{
    	width: 500px;
    	height: 600px;
    	float: left;
    	text-align: center;
    }
    .introduce p, .result-div p{
        width:200px;
        height: 40px;
        background: #333; 
        float: left;
        margin:10px 20px 10px 0px;
        color:#fff;
        border-radius: 5px;
        overflow: hidden;
    }
    .introduce p span, .result-div p span{
        float: left;
        width:50px;
        height:40px;
        color:#fff;
        text-align: center;
        line-height: 40px;
    }
    .introduce p input{
        width:150px;
        height:40px;
        float: left;
        border: 0;
        color:#fff;
        background:#000;
        text-indent:10px; 
        outline: none;
    }
    .introduce .btn, .result-div .btn{
        height:40px;
        text-align: center;
        line-height: 40px;
        background: #6c0;
        cursor: pointer;
    }
	.qrcode>img{
		display: block;border:5px solid white;margin: 0 auto;
	}