body {
    padding: 0;
}
.s-container {
    margin: 20px auto 0;
    width: 600px;
    overflow: hidden;
}
.s-container .mobile-area {
    float: left;
    width: 370px;
    height: 688px;
}
.s-container .qr-area {
    float: right;
    width: 148px;
    height: 178px;
    border: 1px solid #DDDDDD;
}
.s-container .qr-area .qr-code {
    width: 130;
    height: 130px;
    padding: 9px;
}
.s-container .qr-area .qr-desc {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #EFEFEF;
    font-size: 14px;
    color: #666666;
}
.s-container .s-header {
    height: 110px;
    background: url("images/mobile_header.gif") no-repeat 0 0 ;
}
.s-container .s-main {
    height: 480px;
}
.s-container .s-main .s-main-left {
    float: left;
    width: 29px;
    height: 480px;
    background: url("images/mobile_left.gif") no-repeat 0 0 ;
}
.s-container .s-main .s-main-content {
    float: left;
    width: 324px;
    height: 480px;
    overflow: hidden;
    background: #EFEFEF;
}
.s-container .s-main .s-main-content .s-iframe {
    width: 100%;
    height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
}
.s-container .s-main .s-main-right {
    float: right;
    width: 17px;
    height: 480px;
    background: url("images/mobile_right.png") no-repeat -1px 0;
}
.s-container .s-footer {
    height: 96px;
    background: url("images/mobile_footer.gif") no-repeat 0 0;
}