//图片路径
@IMAGE_PATH: "../../resources/image";



//font-familys
@ICONFONT_PATH: "../../resources/font";    //font路径 

//组件iconfont
@font-face{
    font-family: 'defaultIconfont';
    src: url('@{ICONFONT_PATH}/defaultIconfont.ttf') format('truetype');
}

//项目iconfont
@font-face{
    font-family: 'iconfont';
    src: url('@{ICONFONT_PATH}/iconfont.ttf') format('truetype');
    //src: url('//at.alicdn.com/t/font_372681_j5n6zgpz0py14i.ttf') format('truetype');
}

@font-face{
    font-family: 'tipFont';
    src: url('@{ICONFONT_PATH}/tipFont.ttf') format('truetype');
}

@BODY-TEXT-FONTFAMILY: Helvetica,'Helvetica Neue',sans-serif;



//colors
@C_WHITE: #fff;
@C_BLACK: #000;
@C_BLUE: #007aff;
@C_BLUE_1: #0065ff;
@C_BLUE_2: #242635;
@C_BLUE_3: #010d19;
@C_BLUE_4: #00ffff;
@C_BLUE_5: #153D4C;
@C_BLUE_6: #191b25;
@C_GREEN: #4cd964;
@C_RED: #ff0000;
@C_RED_1: #fc2168;
@C_GRAY: #bbb;
@C_GRAY_1: #ddd;
@C_GRAY_2: #575a6d;
@C_GRAY_3: #91929a;
@C_GRAY_4: #959595;
@C_GRAY_5: #898989;
@C_GRAY_6: #50515d;
@C_GRAY_7: #C2C2C2;
@OPACITY: transparent;
@BLACK_OPACITY: fade(@C_BLACK,90%);
@BLACK_OPACITY_1: fade(@C_BLACK,40%);
@WHITE_OPACITY: fade(@C_WHITE,0);
@BLUE_OPACITY: fade(@C_BLUE_2,80%);
@GRAY_OPACITY: fade(@C_GRAY_2,5%);

//font-sizes
@DEFAULT_F_SIZE: 14px;
@F_SIZE_12: @DEFAULT_F_SIZE - 2;    //12px
@F_SIZE_13: @DEFAULT_F_SIZE - 1;    //13px
@F_SIZE_15: @DEFAULT_F_SIZE + 1;    //15px
@F_SIZE_16: @DEFAULT_F_SIZE + 2;    //16px
@F_SIZE_18: @DEFAULT_F_SIZE + 4;    //18px
@F_SIZE_19: @DEFAULT_F_SIZE + 5;    //19px
@F_SIZE_20: @DEFAULT_F_SIZE + 6;    //20px
@F_SIZE_25: @DEFAULT_F_SIZE + 11;   //25px

@F_W_BOLD: bold;



//body
@BODY-TEXT-COLOR: @C_WHITE;
@BODY-TEXT-FONTSIZE: @DEFAULT_F_SIZE;
@BODY-BG-COLOR: @C_BLUE_2;

//top/bottom border
@DEFAULT-BORDER-COLOR: @C_GRAY;

@WHITE-GRADIENTBORDER-STARTCOLOR: @C_BLUE_2;
@WHITE-GRADIENTBORDER-CENTERCOLOR: @C_WHITE;
@WHITE-GRADIENTBORDER-ENDCOLOR: @C_BLUE_2;

@BLUE-GRADIENTBORDER-STARTCOLOR: @C_BLUE_2;
@BLUE-GRADIENTBORDER-CENTERCOLOR: @C_BLUE_4;
@BLUE-GRADIENTBORDER-ENDCOLOR: @C_BLUE_2;

//遮罩蒙版
@BACKDROP-BG-COLOR: @BLACK_OPACITY;
@CUSTOM-BACKDROP-BG: @BLUE_OPACITY;

//通用组件
@LOADING-COMPONENT-TEXT-COLOR: @C_WHITE;    //loading
@DIALOG-COMPONENT-BOX-BG: @C_WHITE;    //弹出框
@DIALOG-COMPONENT-BUTTON-COLOR: @C_BLUE;
@SWITCH-COMPONENT-CIRCLE-BG: @C_WHITE;    //开关
@SWITCH-COMPONENT-CIRCLE-BOXSHADOW: @BLACK_OPACITY_1;
@SWITCH-COMPONENT-ONSTATE-BORDER: @C_GREEN;    //开关 开
@SWITCH-COMPONENT-ONSTATE-BG: @SWITCH-COMPONENT-ONSTATE-BORDER;
@SWITCH-COMPONENT-OFFSTATE-BORDER: @C_GRAY;    //开关 关
@SWITCH-COMPONENT-OFFSTATE-BG: @SWITCH-COMPONENT-OFFSTATE-BORDER;
@SELECT-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;    //选择列表
@SELECT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@BUTTON-COMPONENT-COLOR: @C_WHITE;    //按钮
@BUTTON-COMPONENT-BG: @C_BLUE;
@BUTTON-COMPONENT-ACTIVE-BG: @C_BLUE_1;
@BUTTON-COMPONENT-DISABLED-BG: @C_GRAY;
@TEXT-COMPONENT-INPUT-BG: @OPACITY;    //输入框
@TEXT-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;
@TEXT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@TEXT-COMPONENT-TEXTINPUT-SEEICON-COLOR: @C_BLUE;
@LIST-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;    //列表
@LIST-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@SWIPELIST-COMPONENT-ROW-BG: @C_WHITE;    //侧滑列表
@SWIPELIST-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;
@SWIPELIST-COMPONENT-BUTTON-COLOR: @C_WHITE;
@SWIPELIST-COMPONENT-DELETEBUTTON-BG: @C_RED;
@SWIPELIST-COMPONENT-OTHERBUTTON-BG: @C_GRAY;
@NUMBERADJUSTMENT-COMPONENT-VALUE-FONTSIZE: @DEFAULT_F_SIZE + 58;    //数字加减器
@NUMBERADJUSTMENT-COMPONENT-ARROW-BG: @OPACITY;
@NUMBERADJUSTMENT-COMPONENT-ARROW-ACTIVE-BG: @OPACITY;
@NUMBERADJUSTMENT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@NUMBERADJUSTMENT-COMPONENT-ARROW-DISABLED-BG: @OPACITY;
@FOLDINGLIST-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;    //展开列表
@FOLDINGLIST-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@FOLDINGLIST-COMPONENT-CONTENT-BG: @C_GRAY;
@FOLDINGLIST-COMPONENT-BUTTON-BG: @C_WHITE;
@FOLDINGLIST-COMPONENT-BUTTON-ICON-FONTSIZE: @F_SIZE_20;
@PICKER-COMPONENT-MASK-GRADIENT-STARTCOLOR: @C_WHITE;    //带联动选择器
@PICKER-COMPONENT-MASK-GRADIENT-CENTERCOLOR: @WHITE_OPACITY;
@PICKER-COMPONENT-MASK-GRADIENT-ENDCOLOR: @C_WHITE;
@SLIDE-COMPONENT-BG: @C_GRAY_1;    //无档位滑动条
@SLIDE-COMPONENT-RANGE-BG: @C_BLUE;
@SLIDE-COMPONENT-HANDLE-BG: @C_BLUE;
@SLIDE-COMPONENT-VALUE-FONTSIZE: @F_SIZE_13;
@SLIDE-COMPONENT-MINMAXVALUE-FONTSIZE: @F_SIZE_13;
@SLIDE-COMPONENT-DISABLED-COLOR: @C_GRAY;
@SLIDE-COMPONENT-DISABLED-BG: @C_GRAY;
@CAROUSEL-COMPONENT-INDICATORS-BG: @C_WHITE;
@EDITNAME-COMPONENT-INPUT-BG: @OPACITY;    //修改名称
@EDITNAME-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;
@EDITNAME-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@EDITNAME-COMPONENT-TEXTINPUT-SEEICON-COLOR: @C_BLUE;
@EDITNAME-COMPONENT-BUTTON-COLOR: @C_WHITE;    //修改名称-按钮
@EDITNAME-COMPONENT-BUTTON-BG: @C_BLUE;
@EDITNAME-COMPONENT-BUTTON-ACTIVE-BG: @C_BLUE_1;
@EDITNAME-COMPONENT-BUTTON-DISABLED-BG: @C_GRAY;

//自定义按钮组件
@CUSTOM-BUTTON-COMPONENT-BG: @OPACITY;
@CUSTOM-BUTTON-COMPONENT-COLOR: @C_BLUE_4;
@CUSTOM-BUTTON-COMPONENT-FONTSIZE: @F_SIZE_16;
@CUSTOM-BUTTON-COMPONENT-ACTIVE-BG: @C_BLUE_5;
@CUSTOM-BUTTON-COMPONENT-DISABLED-BG: @OPACITY;
@CUSTOM-BUTTON-COMPONENT-DISABLED-COLOR: @C_GRAY_2;

//自定义输入框组件
@CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR: @C_GRAY_3;
@CUSTOM-TEXT-COMPONENT-ICON-FONTSIZE: @DEFAULT_F_SIZE + 10;
@CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR: @C_BLUE_4;
@CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_13;
@CUSTOM-EDITTEXT-COMPONENT-INPUT-FONTSIZE: @F_SIZE_16;

//自定义弹出框组件
@CUSTOM-DIALOG-COMPONENT-BOX-BG: @OPACITY;
@CUSTOM-DIALOG-COMPONENT-COLOR: @C_BLUE_4;
@CUSTOM-DIALOG-COMPONENT-CONTENT-FONTSIZE: @F_SIZE_16;

//header
@HEADER-BG-COLOR: @C_BLUE_3;
@HEADER-TITLE-COLOR: @C_WHITE;
@HEADER-TITLE-FONTSIZE: @F_SIZE_19;
@HEADER-TEXT-COLOR: @C_BLUE_4;
@HEADER-TEXT-FONTSIZE: @F_SIZE_16;
@HEADER-ICON-COLOR: @C_WHITE;
@HEADER-ICON-FONTSIZE: @F_SIZE_25;

//errorTip
@ERRORTIP-TEXT-COLOR: @C_RED_1;
@ERRORTIP-TEXT-FONTSIZE: @F_SIZE_16;

@LINKTEXT-TEXT-COLOR: @C_BLUE_4;
@LINKTEXT-TEXT-FONTSIZE: @F_SIZE_12;

//list
@LIST-LOAD-COLOR: @C_BLUE_4;    //上拉加载
@LIST-LOAD-FONTSIZE: @F_SIZE_16;
@LIST-NOCONTTIP-COLOR: @C_GRAY_3;    //list 无内容
@LIST-NOCONTTIP-FONTSIZE: @F_SIZE_16;

//引导
@GUIDE-FOOTER-FONTSIZE: @F_SIZE_16;

//登录
@LINK-TEXT-COLOR: @C_BLUE_4;
@LINK-TEXT-FONTSIZE: @F_SIZE_16;

//添加设备
@ADDDEVICE-TEXT-COLOR: @C_BLUE_4;
@ADDDEVICE-TEXT-FONTSIZE: @F_SIZE_18;
@ADDDEVICE-ROW-ACTIVE-BG: @C_BLUE_5;

//配置Wi-Fi/ID-姓名绑定
@HELP-TEXT-COLOR: @C_GRAY_3;
@HELP-TITLE-FONTSIZE: @F_SIZE_18;

//连接Wi-Fi
@WIFI-ICON-FONTSIZE: @DEFAULT_F_SIZE + 10; 
@WIFI-TEXT-COLOR: @C_BLUE_4;
@REMIND-TEXT-COLOR: @C_GRAY_3;    //配置Wi-Fi提醒
@REMIND-TEXT-FONTSIZE: @F_SIZE_16;

//开门记录/报警信息/劫持记录
@CUSTOM-LIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_16;
@CUSTOM-LIST-COMPONENT-RIGHTTEXT-FONTSIZE: @F_SIZE_12;

//生成绑定二维码
@QRCODEHELP-TEXT-COLOR: @C_GRAY_3;
@QRCODEHELP-TEXT-FONTSIZE: @F_SIZE_16;
@QRCODEHELP-TITLE-FONTSIZE: @F_SIZE_18;

//智能指纹锁
@CUSTOM-CAROUSEL-COMPONENT-INDICATORS-ACTIVE-BG: @C_GRAY_5;
@CUSTOM-SWITCH-COMPONENT-TEXT-FONTSIZE: @F_SIZE_18;
@CUSTOM-SWITCH-COMPONENT-HANDLE-BG: @BODY-BG-COLOR;
@CUSTOM-SWITCH-COMPONENT-ONSTATE-COLOR: @C_BLUE_4;
@CUSTOM-SWITCH-COMPONENT-OFFSTATE-COLOR: @C_GRAY_5;
@NEWMSG-ICON-FONTSIZE: @F_SIZE_16;
@NEWMSG-ICON-COLOR: @C_RED_1;
@BINDDOORLOCK-BG-COLOR: @GRAY_OPACITY;
@BINDDOORLOCK-BORDER-COLOR: @GRAY_OPACITY;
@BINDDOORLOCK-TEXT-COLOR: @C_BLUE_4;

//门锁管理
@GRIDLIST-COMPONENT-ROW-BORDER: @C_BLUE_4;
@GRIDLIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_18;
@GRIDLIST-COMPONENT-DEFAULTICON-FONTSIZE: @DEFAULT_F_SIZE + 8;
@GRIDLIST-COMPONENT-BUTTON-ICON-COLOR: @C_BLUE_4;
@GRIDLIST-COMPONENT-BUTTON-ICON-FONTSIZE: @F_SIZE_16;

//修改名称
@CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE: @F_SIZE_18;
@CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_20;

//绑定用户
@EDITHEAD-TEXT-COLOR: @C_BLUE_4;
@EDITHEAD-TEXT-FONTSIZE: @F_SIZE_12;

//用户列表
@CUSTOM-SWIPELIST-COMPONENT-ROW-BG: @BODY-BG-COLOR;
@CUSTOM-SWIPELIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_16;
@CUSTOM-SWIPELIST-COMPONENT-BUTTON-COLOR: @C_BLUE_4;
@CUSTOM-SWIPELIST-COMPONENT-BUTTON-ICON-FONTSIZE: @F_SIZE_16;
@CUSTOM-SWIPELIST-COMPONENT-DELETEBUTTON-BG: @BODY-BG-COLOR;
@CUSTOM-SWIPELIST-COMPONENT-TITLE-COLOR: @C_BLUE_4;

//门锁用户列表
@USERLIST-ROW-BG: @BODY-BG-COLOR;
@USERLIST-TITLE-FONTSIZE: @F_SIZE_16;
@USERLIST-ICON-FONTSIZE: @F_SIZE_25;
@USERLIST-BUTTON-ICON-COLOR: @C_BLUE_4;
@USERLIST-BUTTON-ICON-FONTSIZE: @F_SIZE_15;
@USERLIST-ROW-ACTIVE-BG: @C_BLUE_6;

//门锁用户
@USERINFOLINK-TITLE-FONTSIZE: @F_SIZE_16;
@USERINFOLINK-ICON-FONTSIZE: @F_SIZE_25;
@USERINFOLINK-INVITEBIND-COLOR: @C_BLUE_4;
@USERINFOLINK-INVITEBIND-FONTSIZE: @F_SIZE_16;    //邀请绑定
@USERINFOLINK-USERINFO-BOTTOMBORDER: @C_GRAY_6;

//邀请绑定
@INVITEBIND-TEXT-COLOR: @C_GRAY_3;
@INVITEBIND-TEXT-FONTSIZE: @F_SIZE_16;
@INVITEBIND-TITLE-FONTSIZE: @F_SIZE_18;
@INVITEBIND-QRCODEEXPIRE-BACKDROP: @CUSTOM-BACKDROP-BG;

//绑定开锁信息
@UNLOCKINFO-TITLE-FONTSIZE: @F_SIZE_16;
@UNLOCKINFO-TITLE-BOTTOMBORDER: @C_GRAY_6;
// @UNLOCKINFOLIST-TEXT-COLOR: @C_GRAY_3;
// @UNLOCKINFOLIST-TEXT-FONTSIZE: @F_SIZE_16;
@CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-ROW-BG: @BODY-BG-COLOR;
@CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-TEXT-FONTSIZE: @F_SIZE_16;
@CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-COLOR: @C_BLUE_4;
@CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-FONTSIZE: @F_SIZE_16;
@CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-BG: @OPACITY;

@CUSTOM-SWITCH-COMPONENT-ONSTATE-BORDER: @C_BLUE_4;
@CUSTOM-SWITCH-COMPONENT-ONSTATE-BG: @C_BLUE_4;
@CUSTOM-SWITCH-COMPONENT-OFFSTATE-BORDER: @C_GRAY_7;
@CUSTOM-SWITCH-COMPONENT-OFFSTATE-BG: @OPACITY;