/* 框架相关 */
@color-blue: #023694; // 蓝色
@color-green: #0B683A; // 绿色
@color-gold: #C69C6D; // 金色
@color-white: #ffffff; // 白色
@color-pink: #ECA792; // 粉色
@color-light-green: #D4E0D6; // 浅绿色

/* 公用方法 */
// 背景颜色
.color-background-color(@value) {
    @color: 'color-@{value}';
    background-image: none;
    background-color: @@color;
}
// tab导航栏
.colorClassify(@value) {
    @color: 'color-@{value}';
    display: flex;
    background-color: @@color;
    font-size: 30px;
    height: 82px;
    line-height: 82px;
    border-top: 2px solid @color-gold;
    .classifyItem {
        flex: 1;
        color: @color-white;
        text-align: center;
        position: relative;
        &::after {
            content: '';
            display: none;
            width: 100px;
            height: 2px;
            background-color: @color-gold;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
    }
    .isChecked {
        color: @@color;
        background-color: @color-white;
        &::after {
            display: block;
        }
    }
}

button{
  //消除button的默认样式
  margin: 0;
  padding: 0;
  border: 1px solid transparent;  //自定义边框
  outline: none;    //消除默认点击蓝色边框效果
}

.dialog-content-text {
    font-size: 30px;
}
