html {
    -webkit-text-size-adjust: none
}

body {
    background-color: #fff
}

.phone-list li {
    float: left;
    width: 33%;
    text-align: center;
    margin: .4rem 0;
    list-style: none
}

.phone-list li a {
    text-decoration: none;
    display: block
}

.phone-list li a>img {
    width: 60%
}

.phone-list li a>p {
    font-size: .25rem;
    color: #7c7c7c;
    text-decoration: none
}

.main-content {
    margin: 0 .416rem
}

.latest-t {
    font-size: .33rem;
    color: #3c3c3c;
    line-height: 1rem;
    text-align: left;
    border-bottom: 1px solid #e9e9e9
}

.course {
    float: right;
    color: #2ec7bb;
    border: 1px solid #2ec7bb;
    padding: 0 .2rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    text-decoration: none;
    height: .5rem;
    line-height: .5rem;
    margin-top: .25rem
}

.latest-apk {
    text-align: left;
    border-bottom: 1px solid #e9e9e9
}

.phone-ico {
    float: left;
    width: 2.54rem;
    margin: .6rem .4rem .6rem 0
}

.ver-info {
    float: left;
    width: 3.66rem;
    overflow: hidden;
    margin-top: .6rem
}

.ver-info>div {
    margin-bottom: .2rem
}

.apk {
    width: 2.896rem;
    height: .583rem;
    background-color: #2ec7bb;
    color: #fff;
    line-height: .583rem;
    text-decoration: none;
    text-align: center;
    display: block;
    font-size: .333rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    margin-bottom: .2rem
}

.romname {
    font-size: .3rem;
    color: #3c3c3c;
    line-height: .6rem
}

.md5,
.file-size,
.dataline {
    font-size: .25rem;
    transform: scale(.8);
    transform-origin: left;
    -webkit-transform: scale(.8);
    -webkit-transform-origin: left;
    color: #7c7c7c;
    line-height: .4rem
}

.md5 {
    transform: scale(.625);
    transform-origin: left;
    -webkit-transform: scale(.625);
    -webkit-transform-origin: left;
    width: 178%
}

.update-ins {
    border-bottom: 1px solid #e9e9e9;
    text-align: left
}

.update-t {
    font-size: .33rem;
    color: #3c3c3c;
    line-height: 1rem;
    text-align: left
}

.praph {
    margin-bottom: .33rem
}

.praph-t {
    font-size: .292rem;
    color: #787878;
    line-height: .6rem
}

.praph-d {
    font-size: .25rem;
    color: #7c7c7c;
    margin-left: .1rem;
    line-height: .5rem
}

.history-t {
    font-size: .33rem;
    color: #3c3c3c;
    line-height: 1rem;
    text-align: left;
    border-bottom: 1px solid #e9e9e9
}

.history-p {
    color: #7c7c7c;
    line-height: .8rem
}

.history-p span,
.history-p a {
    display: inline-block
}

.history-v {
    width: 40%
}

.history-d {
    width: 35%
}

.history-info {
    width: 24%;
    text-align: right;
    color: #2ec7bb
}

.history-ver {
    overflow: hidden
}

.history-ver li {
    padding-bottom: .4rem;
    border-bottom: 1px solid #e9e9e9
}

.history-ver table {
    color: #7c7c7c;
    width: 100%
}

.history-ver table tr {
    margin-bottom: .2rem;
    line-height: .5rem
}

.history-ver table td {
    transform: scale(.8);
    transform-origin: left;
    -webkit-transform: scale(.8);
    -webkit-transform-origin: left;
    font-size: .25rem
}

.history-ver table td a {
    display: block;
    width: 1.25rem;
    height: .475rem;
    line-height: .475rem;
    text-align: center;
    background-color: #2ec7bb;
    color: #fff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    text-decoration: none
}

#confirmOverlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.9)) repeat-x rgba(11, 11, 11, 0.6);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.9))) repeat-x rgba(11, 11, 11, 0.6)
}

.desc {
    display: none;
    position: fixed;
    top: 2rem;
    left: 7%;
    background-color: #fff;
    width: 76%;
    text-align: left;
    color: #7c7c7c;
    font-size: .26rem;
    letter-spacing: 1px;
    padding: .4rem 5%;
    line-height: .48rem;
    -webkit-border-radius: .2rem;
    -o-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    border-radius: .2rem;
    max-height: 60%;
    overflow-y: scroll
}

.rules-close {
    float: right;
    width: .5rem;
    position: fixed;
    right: .8rem;
    top: 2.2rem
}

.ld-title {
    text-align: center;
    font-size: .4rem;
    line-height: .4rem
}