/* 共用 */
body {
    background-color: white;
}
.pcki-page { overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.pcki-page>div {
    padding: 0 10px;
}

/* 顶部标题栏 */
.g-top-title-bar {
    height: 45px;
    line-height: 45px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.g-top-title-bar .-title {
    width: 100px;
    float: left;
    font-size: 16px;
}
.g-top-title-bar .-btn-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: right;
    cursor: pointer;
    text-align: center;
}

/* 顶部操作栏 */
.g-top-manipulable-bar {
    text-align: center;
    background-color: #ffffff;
    height: 45px;
    line-height: 45px;
    position:  relative;
    padding-left: 10px;
    padding-right: 10px;
}
.g-top-manipulable-bar .-btn-to {
    position: absolute; 
    top: 0px; 
}
.g-top-manipulable-bar .-btn-to:first-child {
    left: 20px;
}
.g-top-manipulable-bar .-btn-to:last-child {
    right: 20px;
}
.g-top-manipulable-bar .-input-search {
    width: 20%; margin-right: 10px; max-width: 150px; min-width: 100px;
}
.g-top-manipulable-bar .-input-search input {
    border-radius:10px 10px 10px 10px;
}
.g-top-manipulable-bar .-btn-query {
    border-radius:10px 10px 10px 10px; background-color: #F04122; padding: 0 10px;
}

/* 自定义viewer */
.viewer-container {background-color: white !important;}
/* 自定义layui */
@media screen and (max-width: 448px) {
    .layui-col-xxs12 { width: 100%; }
    .layui-col-xxs12 { position: relative; display: block; box-sizing: border-box; }
    .layui-col-xxs12 { float: left; }
}

/* 通用 */
.g-position-relative { position: relative; }
.g-hidden { display: none; }
.g-theme-a-a { background-color: #F04122; }
.g-theme-a-b { border-color: #F04122; color: #F04122; }