body {padding:0;margin:0}
a {color:#01AAED;}
a:hover{color:#25CD98!important;border-color:#25CD98!important}
p {margin-bottom: 10px;}
.m-screen-shot {
    width: 247px;
    height: 506px;
    margin: 0 auto;
    background: url('/assets/m/m-bg.png?2') center center no-repeat;
    background-size:contain;
    position: relative;
    text-align:center;
}
.m-screen-shot img {
    width: 214px;
    height: 420px;
    margin-top:44px;
    border-radius: 4px;
    border:1px solid #eeed;
}
.m-screen-shot i {font-size:500%;color:#bbb;padding-top:160px;display:block}
.m-indc {
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
}
.m-indc li{
    cursor:pointer;
    display: inline-block;
    width: 60px;
    height: 106px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-origin: padding-box;
    background-size: 100% 100%;
}
.m-indc li+li{margin-left:12px}
.m-indc li:hover, .m-indc li.active{border-color:#FFB800}
.m-name {font-size:150%;font-weight:bold}
.m-summ{color:#222;padding-top:16px}
.m-stat{color:#888}
.m-stat i{font-size:90%}
.m-stat span{padding:0 12px;font-size:60%;color:#DDD;}
.m-stat .ag{font-size:12px;vertical-align:sub}
.m-desc-title{padding-top:20px}
.m-desc{color:#666;white-space:pre-wrap;line-height:180%;word-break:normal;overflow:hidden;margin:0}
.m-doc{font-size:120%;color:#FFB800}
.m-tag{padding-top:8px}
.m-tag a{border:1px solid #01AAED;padding:2px 8px;border-radius:7px;font-size:12px;}
.m-tag a+a{margin-left:8px}
@media(max-width: 768px) {
    .layui-main{width:100%}
    .m-stat span{display:table-row}
    .lnks,.godev{text-align:center}
}
.mm + .layui-main{margin-top:55px}
.mm{position:fixed;background-color:#f8f8f8;z-index:111;border-bottom:solid 1px #eee;top:0;width:100%}
.itm {
    padding: 12px;
    position: relative;
    height:105px;
    transition: all 0.3s ease 0s;
    border-radius:5px;
    border:1px solid #fff
}
.itm:hover{border-color:#f59942}
.itm .ico {
    font-size: 20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    border-radius: 50%;
    text-align: center;
    background: #999;
    color: #fff;
}

.itm .detail {
    display: table-cell;
    padding-left: 6px;
    width:100%;
    vertical-align:top;
}

.itm .title {
    font-size:120%;
    padding-bottom:4px;
}

.itm .tb {height:25px;line-height:25px;color:#888;font-size:12px}

.itm small {
    font-size: 12px;
    color: #666;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.footer{padding-top:40px;text-align:center}
.layui-breadcrumb a{color:#01AAED!important}
.link{display:inline-block}
.link+.link {margin: 0 0 8px 16px;}
.godev{margin-top:16px}

.c-new {
    color: #ffb22b;
    font-size: 14px
}
.c-fix {
    color: #26c6da;
    font-size: 14px
}
.c-opt {
    color: #1e88e5;
    font-size: 14px
}
.c-log{max-height:260px;overflow-y:scroll;color:#666;line-height:1.8em}
.c-log>div{margin-bottom:16px}
.c-log ul{margin-left:16px}
.c-log li.layui-icon{font-size:12px!important}

.m-pc .m-screen-shot{height:260px;width:350px;background-image:url('/assets/m/p-bg.png');background-size:contain;padding:initial;margin-top:64px;text-align:center}
.m-pc .m-screen-shot img {
    width: 338px;
    height: 194px;
    margin-top: 11px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.m-pc .m-indc li {
    border-radius:4px;
    width:100px;
    height:56px;
}
.m-pc .m-indc li + li {
    margin-left: 6px
}
.m-pc .m-stat{text-align:right}