.screen-tip {
    display: none;
}

.screen-tip > img {
    width: 2.9rem;
    height: 2.9rem;
}

.screen-tip {
    width: 48%;
    height: 4rem;
    /*max-width: 11rem;*/
    background: rgba(0, 0, 0, .6);
    position: fixed;
    bottom: .5rem;
    left: 50%;
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    opacity: 1;
    -o-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    z-index: 999;
}

.screen-tip:after {
    content: "";
    border-top: 0.5rem solid rgba(0, 0, 0, 0.6);
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    margin-left: -0.5rem;
}

.screen-tip > strong {
    position: absolute;
    right: 0.25rem;
    top: 0.2rem;
    font-size: 1rem;
    height: 1rem;
    line-height: 1;
}

.screen-tip > img {
    position: absolute;
    left: 0.5rem;
    top: 0.4rem;
    -o-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.screen-tip > div {
    font-size: 1.1rem;
    position: relative;
    left: 4rem;
    line-height: 1.2rem;
    top: 0.5rem;
}

.screen-tip > div > img {
    width: 1rem;
    position: relative;
    top: -0.2rem;
    left: 1rem;
}

.screen-tip {
    -o-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius:0.25rem;
}
