/* 此CSS文件为通用项目公共的样式文件 */

/* 备注：相同模块（如布局、颜色、尺寸等）的CSS请放到一起 */

/* 所有元素的统一样式 */
* {
    /*outline: 1px dashed #00a8c666;*/
    /*font-size: 10px;*/
}

/* flex横向一行两头布局 */
.g-flex-row-between {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* flex横向布局(居中) */
.g-flex-row-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* flex横向布局 */
.g-flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* flex竖向布局 */
.g-flex-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* flex竖向布局 */
.g-flex-vertical-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* flex竖向布局 */
.g-flex-vertical-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* flex竖向布局(居中) */
.g-flex-vertical-middle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 前景色-灰黑色 */
.color-black {
    color: #333;
}

/* 前景色-轻黑色 */
.color-black-light {
    color: #666;
}

/* 前景色-灰色 */
.color-tips {
    color: #808080;
}

/* 前景色-轻灰色 */
.color-placeholder {
    color: #999999;
}

/* 前景色-淡灰色 */
.color-disable {
    color: #c0c0c0;
}

/* 通用按钮样式 */
.u-common-btn {
    background-color: #1cc6e1;
    padding: 5px 15px;
}

.u-common-btn:hover {
    cursor: pointer;
}

.u-common-btn > span {
    color: white;
}

.u-a-link:hover {
    cursor: pointer;
}