body {
color : #545454;
font-size : 15px;
font-family : Times;
background-image : url(images/body.gif);
background-attachment : fixed;
max-width : 600px;
margin : auto;
}
a:link, a:active, a:visited {
color : #1f8ba0;
text-decoration : none;
}
a:hover, a:focus {
text-decoration : underline;
}
div {
background-color : #fff;
margin : 1px;
padding : 2px;
box-sizing : border-box;
}
hr {
margin : 0;
border-color : #f0f0f0 #fff #fff;
border-style : solid;
border-width : 1px;
}
.header {
color : #fff;
padding:5px;
font-weight:bold;
font-size: 20px;
background-color : #93db2e;
background-image : url(images/header.gif);
background-repeat : no-repeat;
background-position : right 50%;
}
.lastnews {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.links {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.nav {
background-color : #eef8e0;
background-image : url(images/title2.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
border : 1px solid #e1ecd1;
padding:3px;
text-align:left;
}

.title {
background-color : #e5eff0;
background-image : url(images/title.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
border : 1px solid #dbe5e6;
padding:3px;
text-align:center;
}


.title2 {
background-color : #eef8e0;
background-image : url(images/title2.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
border : 1px solid #e1ecd1;
padding:3px;
text-align:center;
}
.content {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding:3px;
}
.content2 {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #dcdcdc;
padding:3px;
}
.content2 a:link, .content2 a:visited {
color : #62931d;
}
.footer {
color : #fff;
background-color : #32b6ce;
background-image : url(images/footer.gif);
background-repeat : no-repeat;
background-position : right 50%;
text-align:center;
padding:3px;
}
.footer a{
color:white;
}
.vs {
text-align : center;
}
span {
color : #96dc2c;
}
.zag {
font-size : large;
}
.green {
color:green;
}
.red {
color:red;
}

/* 应用详情页 */
.app-head {
display : flex;
align-items : center;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.app-head-icon {
flex : 0 0 auto;
width : 48px;
height : 48px;
border : 1px solid #e1ecd1;
}
.app-head-info {
flex : 1 1 auto;
min-width : 0;
margin : 0;
padding-left : 6px;
}
.app-head-name {
font-size : 16px;
font-weight : bold;
color : #62931d;
line-height : 1.3;
margin : 0;
padding : 0;
word-break : break-all;
}
.app-head-sub {
font-size : 12px;
color : #8a8a8a;
line-height : 1.5;
margin : 2px 0 0;
padding : 0;
}
.app-meta-wrap {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.app-meta {
width : 100%;
border-collapse:collapse;
padding : 0;
}
.app-meta td {
padding : 4px 3px;
border-bottom : 1px dotted #ececec;
font-size : 13px;
line-height : 1.4;
word-break : break-all;
}
.app-meta tr td:nth-child(odd) {
width : 22%;
color : #8a8a8a;
background-color : #f7fbf7;
white-space : nowrap;
}
.app-meta tr:last-child td {
border-bottom : none;
}
.app-meta a:link, .app-meta a:visited {
color : #62931d;
}
.app-desc {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 5px;
font-size : 14px;
line-height : 1.6;
word-break : break-all;
}
.app-empty {
color : #b0b0b0;
}
.shots {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 4px 0;
}
.shots-track {
display : flex;
overflow-x : auto;
overflow-y : hidden;
-webkit-overflow-scrolling : touch;
scroll-snap-type : x proximity;
padding : 0 4px;
}
.shots-item {
flex : 0 0 auto;
width : 96px;
height : 128px;
margin-right : 4px;
border : 1px solid #e1ecd1;
scroll-snap-align : start;
overflow : hidden;
}
.shots-item:last-child {
margin-right : 0;
}
.shots-item img {
display : block;
width : 100%;
height : 100%;
object-fit : cover;
}
.shots-hint {
text-align : center;
font-size : 11px;
color : #b0b0b0;
padding : 3px 0 1px;
}
.app-download {
padding : 6px 2px;
background : transparent;
}
.app-download a {
display : block;
text-align : center;
font-size : 15px;
font-weight : bold;
color : #fff;
padding : 8px 3px;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
}
.app-download a:link, .app-download a:visited {
color : #fff;
}
.app-download a:hover, .app-download a:focus {
background-color : #86cc24;
text-decoration : none;
}
.app-empty-box {
text-align : center;
color : #a0a0a0;
font-size : 13px;
padding : 8px 3px;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.comment-form {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 5px;
}
.comment-form textarea {
width : 100%;
box-sizing : border-box;
font-size : 13px;
font-family : inherit;
color : #545454;
border : 1px solid #dcdcdc;
padding : 3px;
resize : vertical;
}
.comment-form input[type="submit"] {
margin-top : 5px;
font-size : 13px;
padding : 3px 12px;
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
cursor : pointer;
}
.comment-tip {
text-align : center;
color : #8a8a8a;
font-size : 13px;
padding : 8px 3px;
}
.comments {
background : transparent;
padding : 0;
}
.comment-item {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 4px 5px;
display : flex;
align-items : flex-start;
}
.comment-avatar {
width : 36px;
height : 36px;
margin-right : 8px;
flex : 0 0 36px;
overflow : hidden;
border-radius : 50%;
border : 1px solid #ececec;
background-color : #fff;
}
.comment-avatar img {
display : block;
width : 100%;
height : 100%;
object-fit : cover;
}
.comment-main {
flex : 1;
min-width : 0;
}
.comment-header {
border-bottom : 1px dashed #ececec;
padding-bottom : 3px;
margin-bottom : 3px;
font-size : 13px;
}
.comment-user a:link, .comment-user a:visited {
color : #62931d;
font-weight : bold;
}
.comment-time {
float : right;
color : #b0b0b0;
font-size : 11px;
}
.comment-content {
font-size : 13px;
line-height : 1.6;
word-break : break-all;
}
.download {
text-align:center;
background-color:#d4d4d4;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
padding: 3px;
background-image: url("images/grey1.png");
background-repeat:repeat-x;
border:1px solid #4483E2;
}
.pages {
text-align:center;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
padding: 3px;
background-image: url("images/grey1.png");
}
.submit {
text-align:center;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
padding: 3px;
background-image: url("images/grey1.png");
}
.sort {
text-align:center;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
padding: 3px;
background-image: url("images/grey1.png");
}
.icon {
text-align:center;
-webkit-border-radius: 0.3em;
border: 1px solid #ccc;
padding: 3px;
background-image:url(images/content.gif);
background-repeat : repeat-x;
}
.search {
text-align:center;
-webkit-border-radius: 0.3em;
border: 1px solid #ccc;
padding: 3px;
background-image:url(images/content.gif);
background-repeat : repeat-x;
}
.new {
color:red;
}

/* 首页 */
.search {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 4px;
}
.search form {
display : flex;
align-items : stretch;
width : 100%;
}
.search input[type="text"] {
flex : 1 1 auto;
min-width : 0;
width : auto;
box-sizing : border-box;
font-size : 14px;
font-family : inherit;
color : #545454;
border : 1px solid #dcdcdc;
padding : 4px;
}
.search input[type="submit"] {
flex : 0 0 auto;
width : 68px;
margin-left : 4px;
font-size : 14px;
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
cursor : pointer;
}
.shortcuts {
display : flex;
flex-wrap : wrap;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 3px;
}
.shortcuts a {
flex : 1 1 0;
text-align : center;
font-size : 13px;
color : #62931d;
padding : 5px 2px;
margin : 1px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.shortcuts a:hover, .shortcuts a:focus {
background-color : #eef8e0;
text-decoration : none;
}
.chat-item {
display : flex;
align-items : flex-start;
}
.chat-avatar {
width : 32px;
height : 32px;
margin-right : 6px;
flex : 0 0 32px;
overflow : hidden;
border-radius : 50%;
border : 1px solid #ececec;
background-color : #fff;
}
.chat-avatar img {
display : block;
width : 100%;
height : 100%;
object-fit : cover;
}
/* 聊天室消息：头像 + 正文两列布局 */
.chat-main {
flex : 1;
min-width : 0;
}
.chat-body {
flex : 1;
min-width : 0;
}
.chat-row {
font-size : 12px;
line-height : 1.5;
}
.chat-user a:link, .chat-user a:visited {
color : #62931d;
font-weight : bold;
}
.chat-time {
float : right;
color : #b0b0b0;
font-size : 11px;
}
.chat-text {
font-size : 13px;
line-height : 1.5;
word-break : break-all;
}
.post-title {
font-size : 14px;
font-weight : bold;
color : #62931d;
line-height : 1.4;
word-break : break-all;
}
.content a:link .post-title, .content a:visited .post-title {
color : #62931d;
}
.post-meta {
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
margin-top : 2px;
}
.post-tag {
display : inline-block;
font-size : 11px;
color : #1f8ba0;
background-color : #eef8e0;
border : 1px solid #e1ecd1;
padding : 0 3px;
margin-right : 3px;
}
.app-row {
width : 100%;
border-collapse : collapse;
}
.app-row td {
vertical-align : middle;
padding : 0;
}
.app-row-icon {
width : 44px;
}
.app-row-icon img {
display : block;
border : 1px solid #e1ecd1;
}
.app-row-info {
padding-left : 5px !important;
}
.app-row-title {
font-size : 14px;
font-weight : bold;
line-height : 1.3;
word-break : break-all;
}
.app-row-title a:link, .app-row-title a:visited {
color : #62931d;
}
.app-row-meta {
font-size : 11px;
color : #8a8a8a;
line-height : 1.5;
}
.app-row-more {
width : 14px;
text-align : right;
color : #b0b0b0;
font-size : 14px;
}

.form-block {
margin-bottom : 4px;
}
.form-label {
display : block;
font-size : 14px;
font-weight : bold;
color : #62931d;
margin-bottom : 3px;
}
.form-label em {
font-style : normal;
color : #e04b4b;
}
.form-select {
width : 100%;
box-sizing : border-box;
font-size : 13px;
font-family : inherit;
color : #545454;
padding : 4px;
border : 1px solid #dcdcdc;
background-color : #fff;
}
.form-input {
width : 100%;
box-sizing : border-box;
font-size : 14px;
font-family : inherit;
color : #545454;
padding : 4px;
border : 1px solid #dcdcdc;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
border-color : #93db2e;
outline : none;
}
.form-file {
width : 100%;
box-sizing : border-box;
font-size : 12px;
font-family : inherit;
color : #545454;
padding : 4px;
border : 1px dashed #dcdcdc;
background-color : #fcfcfc;
}
.form-help {
font-size : 11px;
color : #999;
line-height : 1.6;
margin-top : 2px;
}
.tips {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #f3d9a4;
padding : 5px;
margin-bottom : 4px;
font-size : 12px;
color : #b46a1b;
line-height : 1.6;
}
.form-hint {
text-align : right;
font-size : 11px;
color : #999;
margin-top : 2px;
}
.form-textarea {
width : 100%;
box-sizing : border-box;
padding : 5px;
font-size : 13px;
font-family : inherit;
line-height : 1.6;
color : #545454;
border : 1px solid #dcdcdc;
resize : vertical;
}
.ubb-bar {
display : flex;
flex-wrap : wrap;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #e1ecd1;
padding : 3px;
margin-bottom : 4px;
}
.ubb-bar button {
font-size : 11px;
font-family : inherit;
padding : 2px 7px;
margin : 1px;
color : #545454;
background-color : #f7fbf7;
border : 1px solid #e1ecd1;
cursor : pointer;
}
.ubb-bar button:hover, .ubb-bar button:focus {
background-color : #eef8e0;
}
.ubb-bar button.ubb-red {
color : #e04b4b;
}
.form-tips {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 4px;
margin-top : 4px;
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
}
.form-tips p {
margin : 2px 0;
word-break : break-all;
}
.form-actions {
display : flex;
flex-wrap : wrap;
justify-content : center;
padding : 4px 2px;
}
.form-actions button {
font-size : 14px;
font-family : inherit;
padding : 5px 14px;
margin : 2px 3px;
cursor : pointer;
}
.btn-primary {
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
}
.btn-plain {
color : #62931d;
background-color : #f7fbf7;
border : 1px solid #e1ecd1;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
}
.preview-head {
display : flex;
align-items : center;
justify-content : space-between;
background-color : #eef8e0;
background-image : url(images/title2.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
border : 1px solid #e1ecd1;
padding : 3px 4px;
font-size : 14px;
color : #62931d;
}
.preview-head button {
font-size : 12px;
font-family : inherit;
color : #62931d;
background-color : #fff;
border : 1px solid #e1ecd1;
padding : 1px 6px;
cursor : pointer;
}
.preview-body {
padding : 6px 4px;
font-size : 13px;
line-height : 1.6;
color : #545454;
word-break : break-all;
}

.auth-form {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 6px 5px;
margin : 1px;
box-sizing : border-box;
}
.auth-links {
text-align : center;
font-size : 12px;
padding : 8px 4px;
}
.auth-links a {
color : #62931d;
}
.auth-sep {
color : #dcdcdc;
margin : 0 6px;
}
.auth-agreement {
text-align : center;
font-size : 11px;
color : #8a8a8a;
padding : 6px 4px 0;
}
.auth-agreement a {
color : #62931d;
}

/* 聊天室 */
.chat-alert {
border : 1px solid #dbe5e6;
background-color : #eef8e0;
padding : 3px 5px;
font-size : 13px;
text-align : center;
}
.chat-alert.chat-ok {
border-color : #cfe8a8;
background-color : #f1fadf;
color : #4c7a17;
}
.chat-alert.chat-err {
border-color : #f0c8c8;
background-color : #fdf0f0;
color : #c33;
}
.chat-input {
width : 100%;
box-sizing : border-box;
min-height : 56px;
padding : 4px;
font-size : 13px;
font-family : inherit;
color : #545454;
border : 1px solid #dcdcdc;
resize : vertical;
}
.chat-actions {
display : flex;
align-items : center;
justify-content : space-between;
margin-top : 4px;
}
.chat-tip {
font-size : 11px;
color : #b0b0b0;
}
.chat-send {
font-size : 13px;
padding : 4px 16px;
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
cursor : pointer;
}
.chat-login {
text-align : center;
font-size : 13px;
color : #8a8a8a;
padding : 8px 3px;
}
.pager {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 4px 3px;
font-size : 12px;
}
.pager-info {
color : #8a8a8a;
}
.pager-btns a, .pager-btns .pager-disabled {
display : inline-block;
padding : 2px 6px;
margin-left : 3px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
color : #62931d;
}
.pager-btns a:hover, .pager-btns a:focus {
background-color : #eef8e0;
text-decoration : none;
}
.pager-btns .pager-disabled {
color : #d0d0d0;
border-color : #f0f0f0;
background-color : #fafafa;
}
.chat-list {
padding : 0;
}
.chat-item {
border-bottom : 1px dotted #ececec;
padding : 3px 0;
}
.chat-item[data-uid]:hover {
background-color : #f7fbf7;
cursor : pointer;
}
.chat-reply-tip {
display : flex;
align-items : center;
justify-content : space-between;
font-size : 12px;
color : #62931d;
background-color : #f1fadf;
border : 1px solid #cfe8a8;
padding : 3px 6px;
margin-bottom : 4px;
}
.chat-reply-tip #chat-reply-text {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.chat-reply-tip a:link, .chat-reply-tip a:visited {
color : #8a8a8a;
margin-left : 6px;
white-space : nowrap;
}
.chat-item:last-child {
border-bottom : none;
}
.chat-head {
display : flex;
align-items : center;
justify-content : space-between;
font-size : 12px;
line-height : 1.5;
}
.chat-nick a:link, .chat-nick a:visited {
color : #62931d;
font-weight : bold;
}
.chat-at {
color : #b0b0b0;
font-size : 11px;
}
.chat-body {
font-size : 13px;
line-height : 1.6;
word-break : break-all;
}
.chat-empty {
text-align : center;
font-size : 13px;
color : #a0a0a0;
padding : 8px 3px;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.face {
    box-shadow: none !important;
}

/* UBB标签样式 - 经典怀旧风格 */
.ubb-img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    margin: 2px;
    display: block;
}

.ubb-link {
    color: #1f8ba0;
    text-decoration: none;
}

.ubb-link:hover {
    text-decoration: underline;
    color: #0d5f6f;
}

.ubb-code {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8px;
    margin: 5px 0;
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    overflow-x: auto;
    white-space: pre-wrap;
}

.ubb-code code {
    background: none;
    padding: 0;
    border: none;
    font-family: inherit;
}

.ubb-bold {
    font-weight: bold;
}

.ubb-italic {
    font-style: italic;
}

.ubb-underline {
    text-decoration: underline;
}

.ubb-strikethrough {
    text-decoration: line-through;
}

.ubb-center {
    text-align: center;
}

.ubb-quote {
    background-color: #f9f9f9;
    border-left: 4px solid #93db2e;
    margin: 5px 0;
    padding: 8px 12px;
    font-style: italic;
}

.ubb-quote cite {
    display: block;
    font-weight: bold;
    font-style: normal;
    color: #93db2e;
    margin-bottom: 5px;
}

.ubb-quote cite:before {
    content: "引用 ";
}

.ubb-list {
    margin: 5px 0;
    padding-left: 20px;
}

.ubb-list li {
    margin: 2px 0;
    list-style-type: disc;
}

/* 用户中心 */
.uc-card {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 10px 8px 6px;
}
.uc-head {
display : flex;
align-items : center;
background : transparent;
padding : 0;
margin : 0 0 8px;
}
.uc-avatar {
flex : 0 0 auto;
display : block;
width : 62px;
height : 62px;
margin : 0 10px 0 0;
padding : 0;
overflow : hidden;
border : 1px solid #e1ecd1;
border-radius : 50%;
-webkit-border-radius : 50%;
background-color : #f7fbf7;
}
.uc-avatar img {
display : block;
width : 100%;
height : 100%;
object-fit : cover;
}
.uc-info {
flex : 1 1 auto;
min-width : 0;
margin : 0;
padding : 0;
}
.uc-name {
font-size : 17px;
font-weight : bold;
color : #62931d;
line-height : 1.3;
word-break : break-all;
}
.uc-name a:link, .uc-name a:visited {
color : #62931d;
}
.uc-vip {
display : inline-block;
margin-left : 6px;
padding : 0 6px;
font-size : 11px;
font-weight : normal;
line-height : 16px;
color : #fff;
background : #e6a23c;
border-radius : 3px;
vertical-align : middle;
}
.vip-badge {
display : inline-block;
margin-left : 4px;
padding : 0 5px;
font-size : 10px;
font-weight : normal;
line-height : 15px;
color : #fff;
background : #e6a23c;
border-radius : 3px;
vertical-align : middle;
}
.vip-steps p {
margin : 0 0 6px;
line-height : 1.8;
}
.vip-entry {
text-align : center;
padding : 4px 0;
}
.vip-entry p {
margin : 0 0 8px;
line-height : 1.8;
}
.vip-qr {
margin-top : 10px;
}
.vip-qr img {
display : block;
width : 180px;
height : 180px;
margin : 0 auto 4px;
}
.vip-note {
font-size : 11px;
color : #8a8a8a;
}
.uc-uid {
display : inline-block;
font-size : 11px;
color : #1f8ba0;
background-color : #eef8e0;
border : 1px solid #e1ecd1;
padding : 0 4px;
margin : 3px 0;
}
.uc-meta {
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
}
.uc-meta span {
display : block;
color : #8a8a8a;
}
.uc-wallet {
display : flex;
flex-wrap : wrap;
background : transparent;
padding : 0;
margin : 0;
border-top : 1px dashed #ececec;
}
.uc-wallet-item {
flex : 1 1 0;
width : 25%;
min-width : 0;
text-align : center;
background : transparent;
padding : 6px 1px 2px;
margin : 0;
box-sizing : border-box;
}
.uc-wallet-num {
font-size : 17px;
font-weight : bold;
color : #62931d;
line-height : 1.2;
word-break : break-all;
}
.uc-wallet-num.uc-gold {
color : #d69a17;
}
.uc-wallet-label {
font-size : 11px;
color : #8a8a8a;
line-height : 1.5;
}
.uc-group {
margin-top : 1px;
}
.uc-apps {
display : flex;
flex-wrap : wrap;
background : transparent;
padding : 0;
margin : 0;
}
.uc-app-item {
flex : 1 1 0;
min-width : 0;
text-align : center;
padding : 5px 2px;
margin : 1px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.uc-app-item:hover, .uc-app-item:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-app-num {
display : block;
font-size : 16px;
font-weight : bold;
color : #62931d;
line-height : 1.2;
}
.uc-app-num.uc-orange {
color : #e08c1b;
}
.uc-app-num.uc-green {
color : #4caf50;
}
.uc-app-num.uc-red {
color : #e04b4b;
}
.uc-app-label {
display : block;
font-size : 11px;
color : #8a8a8a;
line-height : 1.5;
}
.uc-grid {
display : flex;
flex-wrap : wrap;
background : transparent;
padding : 0;
margin : 0;
}
.uc-link {
flex : 1 1 40%;
position : relative;
text-align : center;
font-size : 13px;
color : #62931d;
padding : 7px 3px;
margin : 1px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.uc-link:hover, .uc-link:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-link-primary {
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border-color : #7cc018;
}
.uc-link-primary:hover, .uc-link-primary:focus {
background-color : #86cc24;
}
.uc-badge {
display : inline-block;
font-style : normal;
font-size : 11px;
color : #fff;
background-color : #e04b4b;
border-radius : 0.6em;
-webkit-border-radius : 0.6em;
padding : 0 5px;
margin-left : 3px;
line-height : 1.5;
vertical-align : 1px;
}
.uc-logout {
text-align : center;
background : transparent;
padding : 6px 0 0;
margin : 0;
}
.uc-logout button {
font-size : 13px;
font-family : inherit;
color : #8a8a8a;
background-color : #fafafa;
border : 1px solid #e1ecd1;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
padding : 4px 20px;
cursor : pointer;
}
.uc-logout button:hover, .uc-logout button:focus {
color : #e04b4b;
border-color : #f0c8c8;
background-color : #fdf0f0;
}
a.uc-wallet-item:hover, a.uc-wallet-item:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-textarea {
width : 100%;
box-sizing : border-box;
padding : 5px;
font-size : 13px;
font-family : inherit;
line-height : 1.6;
color : #545454;
border : 1px solid #dcdcdc;
resize : vertical;
}
.uc-textarea:focus {
border-color : #93db2e;
outline : none;
}
.uc-form-actions {
display : flex;
align-items : center;
justify-content : center;
flex-wrap : wrap;
margin-top : 6px;
background : transparent;
padding : 0;
}
.uc-btn-primary, .uc-btn-plain {
display : inline-block;
font-size : 13px;
font-family : inherit;
line-height : 1.5;
padding : 5px 16px;
margin : 2px 4px;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
cursor : pointer;
}
.uc-btn-primary {
color : #fff;
background-color : #93db2e;
background-image : url(images/grey1.png);
background-repeat : repeat-x;
border : 1px solid #7cc018;
}
.uc-btn-primary:hover, .uc-btn-primary:focus {
color : #fff;
background-color : #86cc24;
text-decoration : none;
}
.uc-btn-plain {
color : #62931d;
background-color : #f7fbf7;
border : 1px solid #e1ecd1;
}
.uc-btn-plain:hover, .uc-btn-plain:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-hint {
text-align : center;
font-size : 13px;
color : #8a8a8a;
line-height : 1.8;
padding : 6px 3px;
background : transparent;
}
.uc-hint a {
color : #62931d;
}
.uc-tabs {
display : flex;
flex-wrap : wrap;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 3px;
}
.uc-tabs a {
flex : 1 1 0;
min-width : 0;
text-align : center;
font-size : 13px;
color : #62931d;
padding : 5px 2px;
margin : 1px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.uc-tabs a:hover, .uc-tabs a:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-tabs a.uc-tab-active {
color : #fff;
background-color : #93db2e;
border-color : #7cc018;
}
.uc-list {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 2px;
}
.uc-app-row {
display : flex;
align-items : center;
padding : 6px 4px;
margin : 0;
border-bottom : 1px dotted #ececec;
}
.uc-app-row:last-child {
border-bottom : none;
}
.uc-app-row:hover, .uc-app-row:focus {
background-color : #f7fbf7;
text-decoration : none;
}
.uc-app-row-icon {
flex : 0 0 auto;
display : block;
width : 48px;
height : 48px;
margin : 0 8px 0 0;
border : 1px solid #e1ecd1;
object-fit : cover;
}
.uc-app-row-info {
flex : 1 1 auto;
min-width : 0;
background : transparent;
padding : 0;
margin : 0;
}
.uc-app-row-title {
font-size : 14px;
font-weight : bold;
color : #62931d;
line-height : 1.4;
word-break : break-all;
}
.uc-app-row-meta {
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
word-break : break-all;
}
.uc-app-row-arrow {
flex : 0 0 auto;
color : #b0b0b0;
font-size : 18px;
padding-left : 4px;
}
.uc-status {
display : inline-block;
font-size : 11px;
line-height : 1.5;
padding : 0 4px;
margin-left : 3px;
border : 1px solid #e1ecd1;
}
.uc-status-pending {
color : #e08c1b;
background-color : #fdf6e8;
border-color : #f3e0bc;
}
.uc-status-ok {
color : #4caf50;
background-color : #f1fadf;
border-color : #cfe8a8;
}
.uc-status-no {
color : #e04b4b;
background-color : #fdf0f0;
border-color : #f0c8c8;
}
.uc-pager {
text-align : center;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 5px 3px;
font-size : 12px;
}
.uc-pager a, .uc-pager span {
display : inline-block;
padding : 2px 6px;
margin : 1px;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
color : #62931d;
}
.uc-pager a:hover, .uc-pager a:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-pager .active {
color : #fff;
background-color : #93db2e;
border-color : #7cc018;
}
.uc-empty {
text-align : center;
font-size : 13px;
color : #a0a0a0;
padding : 14px 3px;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
}
.uc-actions {
display : flex;
flex-wrap : wrap;
justify-content : center;
background : transparent;
padding : 6px 0 0;
margin : 0;
}
.uc-form {
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 8px 6px;
}
.uc-form-row {
background : transparent;
padding : 0;
margin : 0 0 8px;
}
.uc-form-center {
text-align : center;
}
.uc-form-label {
display : block;
font-size : 13px;
font-weight : bold;
color : #62931d;
line-height : 1.6;
margin-bottom : 3px;
}
.uc-form-label em {
font-style : normal;
color : #e04b4b;
}
.uc-form-input {
width : 100%;
box-sizing : border-box;
font-size : 14px;
font-family : inherit;
color : #545454;
padding : 5px;
border : 1px solid #dcdcdc;
background-color : #fff;
}
.uc-form-input:focus {
border-color : #93db2e;
outline : none;
}
.uc-form-input.uc-form-disabled {
color : #a0a0a0;
background-color : #f7f7f7;
}
select.uc-form-input {
padding : 4px;
}
.uc-form-textarea {
font-size : 13px;
line-height : 1.6;
resize : vertical;
}
.uc-form-file {
width : 100%;
box-sizing : border-box;
font-size : 12px;
font-family : inherit;
color : #545454;
padding : 5px;
border : 1px dashed #dcdcdc;
background-color : #fcfcfc;
}
.uc-form-help {
font-size : 11px;
color : #999;
line-height : 1.6;
margin-top : 3px;
}
.uc-form-btns {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center;
background : transparent;
padding : 4px 0 0;
margin : 0;
}
.uc-avatar-lg {
width : 88px;
height : 88px;
margin : 0 auto;
}
.uc-rank-num {
flex : 0 0 auto;
width : 22px;
text-align : center;
font-size : 13px;
font-weight : bold;
color : #8a8a8a;
margin-right : 4px;
}
.uc-app-row:nth-child(1) .uc-rank-num {
color : #e04b4b;
}
.uc-app-row:nth-child(2) .uc-rank-num {
color : #e08c1b;
}
.uc-app-row:nth-child(3) .uc-rank-num {
color : #62931d;
}
.uc-search-line {
display : flex;
flex-wrap : wrap;
align-items : center;
background : transparent;
padding : 0;
margin : 0;
}
.uc-search-line .uc-form-input {
flex : 1 1 120px;
width : auto;
margin : 2px;
}
.uc-search-line .uc-search-select {
flex : 0 1 110px;
}
.uc-search-line .uc-btn-primary {
flex : 0 0 auto;
margin : 2px;
}
.uc-search-total {
text-align : center;
font-size : 12px;
color : #8a8a8a;
line-height : 1.8;
padding : 4px 3px;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
border-bottom : none;
}
.uc-cats {
display : flex;
flex-wrap : wrap;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #ececec;
padding : 2px;
}
.uc-cat-group {
margin-bottom : 4px;
}
.uc-cat-group-head {
display : flex;
align-items : center;
justify-content : space-between;
padding : 5px 5px;
border : 1px solid #ececec;
border-bottom : none;
background-image : url(images/content.gif);
background-repeat : repeat-x;
background-position : 50% top;
}
.uc-cat-group-name {
font-size : 13px;
font-weight : bold;
color : #62931d;
}
.uc-cat-group-count {
font-size : 11px;
color : #8a8a8a;
}
.uc-cat-item {
flex : 0 0 auto;
width : 50%;
box-sizing : border-box;
display : flex;
align-items : center;
justify-content : space-between;
padding : 7px 5px;
margin : 0;
border-bottom : 1px dotted #ececec;
}
.uc-cat-item:nth-child(odd) {
border-right : 1px dotted #ececec;
}
.uc-cat-item:hover, .uc-cat-item:focus {
background-color : #f7fbf7;
text-decoration : none;
}
.uc-cat-name {
font-size : 13px;
color : #62931d;
word-break : break-all;
}
.uc-cat-count {
flex : 0 0 auto;
font-size : 11px;
color : #8a8a8a;
padding-left : 4px;
}
.uc-tab {
display : inline-block;
font-size : 13px;
color : #62931d;
padding : 4px 10px;
margin : 1px 2px 1px 0;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.uc-tab:hover, .uc-tab:focus {
background-color : #eef8e0;
text-decoration : none;
}
.uc-post-row {
display : flex;
align-items : center;
padding : 6px 4px;
border-bottom : 1px dotted #ececec;
}
.uc-post-row:last-child {
border-bottom : none;
}
.uc-post-row:hover, .uc-post-row:focus {
background-color : #f7fbf7;
text-decoration : none;
}
.uc-post-info {
flex : 1 1 auto;
min-width : 0;
}
.uc-post-title {
display : block;
font-size : 13px;
font-weight : bold;
color : #62931d;
line-height : 1.5;
word-break : break-all;
}
.uc-post-meta {
display : block;
font-size : 11px;
font-weight : normal;
color : #8a8a8a;
line-height : 1.6;
word-break : break-all;
}
.uc-post-stats {
flex : 0 0 auto;
text-align : right;
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
padding-left : 6px;
}
.uc-board-row {
display : flex;
align-items : center;
padding : 7px 4px;
border-bottom : 1px dotted #ececec;
}
.uc-board-row:last-child {
border-bottom : none;
}
.uc-board-row:hover, .uc-board-row:focus {
background-color : #f7fbf7;
text-decoration : none;
}
.uc-board-info {
flex : 1 1 auto;
min-width : 0;
}
.uc-board-name {
display : block;
font-size : 14px;
font-weight : bold;
color : #62931d;
line-height : 1.5;
}
.uc-board-last {
flex : 0 0 auto;
text-align : right;
font-size : 11px;
color : #8a8a8a;
line-height : 1.6;
padding-left : 6px;
}
.uc-board-head {
padding : 8px;
}
.uc-post-head {
display : flex;
flex-wrap : wrap;
align-items : baseline;
justify-content : space-between;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 1px dotted #ececec;
}
.uc-post-author {
font-size : 13px;
font-weight : bold;
color : #62931d;
}
.uc-post-body {
font-size : 13px;
line-height : 1.8;
color : #333;
word-break : break-word;
padding : 2px 0;
}
.uc-post-body img {
max-width : 100%;
height : auto;
}
.uc-reply {
padding : 6px 4px;
border-bottom : 1px dotted #ececec;
}
.uc-reply:last-child {
border-bottom : none;
}
.uc-reply-head {
font-size : 11px;
color : #8a8a8a;
line-height : 1.8;
}
.uc-reply-floor {
font-weight : bold;
color : #e08c1b;
margin-right : 3px;
}
.uc-reply-body {
font-size : 13px;
line-height : 1.7;
color : #333;
padding : 5px 6px;
margin-top : 3px;
background-color : #f7fbf7;
border-left : 3px solid #93db2e;
word-break : break-word;
}
.uc-btn-danger {
display : inline-block;
font-size : 13px;
font-family : inherit;
line-height : 1.5;
padding : 5px 16px;
margin : 2px 4px;
color : #e04b4b;
background-color : #fdf0f0;
border : 1px solid #f0c8c8;
border-radius : 0.3em;
-webkit-border-radius : 0.3em;
cursor : pointer;
}
.uc-btn-danger:hover, .uc-btn-danger:focus {
background-color : #fbe3e3;
}
.uc-msg {
text-align : center;
padding : 14px 8px;
}
.uc-msg-icon {
width : 34px;
height : 34px;
line-height : 34px;
margin : 0 auto 6px;
font-size : 18px;
font-weight : bold;
color : #fff;
background-color : #e08c1b;
border-radius : 50%;
-webkit-border-radius : 50%;
}
.uc-msg-text {
font-size : 14px;
color : #333;
line-height : 1.8;
padding : 2px 0;
}
.uc-msg-tip {
font-size : 12px;
color : #8a8a8a;
line-height : 1.8;
padding : 2px 0 6px;
}

/* 应用截图管理 */
.uc-cover-panel {
display : flex;
align-items : center;
background-color : #fff;
border : 1px solid #ececec;
padding : 8px;
margin : 0 0 6px;
}
.uc-cover-preview {
flex : 0 0 auto;
margin : 0 10px 0 0;
}
.uc-cover-preview img {
display : block;
width : 72px;
height : 72px;
border : 1px solid #e1ecd1;
object-fit : cover;
}
.uc-cover-form {
flex : 1 1 auto;
min-width : 0;
}
.uc-shot-list {
display : flex;
flex-wrap : wrap;
background-color : #fff;
border : 1px solid #ececec;
padding : 4px;
}
.uc-shot-item {
width : 33.33%;
box-sizing : border-box;
padding : 4px;
text-align : center;
}
.uc-shot-item img {
display : block;
width : 100%;
height : auto;
border : 1px solid #e1ecd1;
background-color : #f7fbf7;
}
.uc-shot-item .uc-btn-danger {
margin : 4px 0 0;
padding : 3px 10px;
font-size : 12px;
}
.uc-app-row-title a {
color : inherit;
text-decoration : none;
}
.uc-app-row-shot {
flex : 0 0 auto;
margin : 0 0 0 4px;
padding : 3px 8px;
font-size : 12px;
}