* {
    padding: 0;
    margin: 0;
}

body,
html {
    background: #fff;
}

#qrcode {
    background: rgba(0, 0, 0, 0.5);
}

.title {
    margin-top: 1.35rem;
    text-align: center;
    font-size: 0.48rem;
    margin-bottom: 1.5rem;
}

.title .logo {
    width: 1.6rem;
}

.title * {
    display: inline-block;
    vertical-align: top
}

.box {
    width: 4.88rem;
    height: 4.88rem;
    margin: 0 auto;
    position: relative;
    background: linear-gradient(to left, #25CDDA, #25CDDA) left top no-repeat,
        linear-gradient(to bottom, #25CDDA, #25CDDA) left top no-repeat,
        linear-gradient(to left, #25CDDA, #25CDDA) right top no-repeat,
        linear-gradient(to bottom, #25CDDA, #25CDDA) right top no-repeat,
        linear-gradient(to left, #25CDDA, #25CDDA) left bottom no-repeat,
        linear-gradient(to bottom, #25CDDA, #25CDDA) left bottom no-repeat,
        linear-gradient(to left, #25CDDA, #25CDDA) right bottom no-repeat,
        linear-gradient(to left, #25CDDA, #25CDDA) right bottom no-repeat;
    background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
}

#qrcode {
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#qrcode img{
    width: 100%;height: 100%;
}

.info{
    color: #525252; width: 4.4rem; margin: 0 auto; font-size: 0.2rem; margin-top: 0.65rem; line-height: 1.6;
;position: relative; padding-bottom: 50px;
}
.info .ico{
    width: 0.4rem;height: 0.4rem; position: absolute; top: -0.04rem; left: -0.45rem;
}

.info .ico img{
    width: 100%;height: 100%;
}
ul,li{
    list-style: none;
}