@media (min-width: 500px) {
	html{
        width:500px;
        margin: 0 auto;
        border: 1px solid #ccc;
        border-radius: 5px;
        min-height: calc(100vh - 2px);
        font-size:5px !important;
    }
    body{
        background-color: none !important;
    }
    .nav, .nav section:nth-child(1){
        width: 500px !important;
    }
    .cf-container{
        width: 500px !important;
    }
    .tip_visitors {
    	left: calc(50vw - 225px) !important;
    }
    .qrcode-container{
        display: block;
        position: fixed;
        left:calc(50vw + 300px);
        top:calc(50vh - 100px);
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        margin-bottom: 20px;
        background-color: #fff;
        padding: 0 10px;
        text-align: center;
    }
    .qrcode-container p {
      font-size: 14px;
      color: #666;
      margin: 5px 0;
    }
    .top-panel {
    	left: calc(50vw - 225px) !important;
    	width: 500px;
    }
    #userCenter-btn{
        right: calc(50vw - 240px) !important;
    }
}