#elevator_item
{
    width:0px;
    height:100px;
    /*height: 334px;*/
    position:fixed;
    right:15px;
    bottom:10px;
    -webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;
    opacity:1;
    z-index:100020;
    /*bottom:160px;*/
    /*display:none;*/}

#elevator_item.off
{
    opacity:0;
    visibility:hidden}

#elevator
{
    display:block;
    width:60px;
    height:50px;
    background:url(/images/icon_top.png) center center no-repeat;
    background-color:#FFF;
    background-color:rgba(0,0,0,.6);
    border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    cursor:pointer;
    margin-bottom:10px}

#elevator:hover
{
    background-color:rgba(0,0,0,.7)}

#elevator:active
{
    background-color:rgba(0,0,0,.75)}

.qr
{
    display:inline-block;
    width:112px;
    height:166px;
    background:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,.1);
    bottom:0;
    border-radius:2px;
    text-align:center;


    /*border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    cursor:pointer;
    background:url(/images/icon_code.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.6)}*/
}
/*#elevator_item .qr
{
    display:block;
    width:120px;
    height:166px;
    background:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,.1);
    position:absolute;
    left:-120px;
    bottom:0;
    border-radius:2px;
    text-align:center;


    /*border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    cursor:pointer;
    background:url(/images/icon_code.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.6)}
}
*/
#elevator_item .qr:first-of-type{
    margin-bottom: 5px;
}
/*#elevator_item .qr:hover
{
    background-color:rgba(0,0,0,.7)}

#elevator_item .qr:active
{
    background-color:rgba(0,0,0,.75)}*/

#elevator_item .qr-popup
{
    width:120px;
    height:160px;
    background:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,.1);
    position:absolute;left:-180px;
    bottom:0;
    border-radius:2px;
    display:none;
    text-align:center}

#elevator_item .qr-popup .code-link
{
    display:block;
    margin:10px;
    color:#777}

#elevator_item .qr-popup .code
{
    display:block;
    margin-bottom:10px}

#elevator_item .qr-popup .arr
{
    width:6px;
    height:11px;
    background:url(img/code_arrow.png) 0 0 no-repeat;
    position:absolute;
    right:-6px;
    bottom:14px}