*{
    padding:0;
    margin:0;
    list-style: none;
    /* box-sizing: border-box; */
}

html{
    height:100%;
    font-size:10px;
	box-sizing: border-box;
}
body{
	height:100%;
	box-sizing: border-box;
	background-color:var(--global-frame-background);
}
body{font-size:1.4rem}
/* 色系：light = 蓝白, dark = 黑金 ，red = 红色节日 , grayPage = 灰度国难 */
/*  公共颜色主题  */
/* 浅色 */
/* :root{
	--global-radius:0.5rem;
	--global-padding:2rem;
	--button-transition:all ease-in-out 0.6s;
	--global-transition: all ease-in-out 0.3s;
	--qq-browser-primary-color: #184180!important; 
	--layui-switch-radius: 2rem; 
	--layui-progress-radius: 2rem; 
}
.light{
	--global-color: #111;
	--global-sec-color: #555;
	--global-small-color: #999;
	--global-background: #FFFFFF;
	--global-border-color: #e4e4e7;
	--global-tab-background: #f0f0f0;
	--global-checked-color: #2142ff;
	--global-hover-background: #f1f5f9;
	--global-checked-background: #e5e9ff;
	--global-nav-background: #FFFFFF;
	--global-frame-background: #f1f1f6;
	--layui-checked-color: #455cda; 
	--layui-checked-text-color: #FFF; 
	--layui-normal-background: #e2e8f0; 
	--layui-tips-background:#333;
	
}
.dark {
	--global-color: #FFF;
	--global-sec-color: #CFCFCF;
	--global-small-color: #777;
	--global-background: #020817;
	--global-border-color: #1e293b;
	--global-tab-background: #151e33;
	--global-checked-color: #FFFFFF;
	--global-hover-background: #1e293b;
	--global-checked-background: #2c3950;
	--global-nav-background: #020817;
	--global-frame-background: #020817;
	--layui-checked-color: #455cda; 
	--layui-checked-text-color: #FFF; 
	--layui-normal-background: #2d394e; 
	--layui-tips-background:#2d394e;
}
body.dark,body.light{
    background: var(--global-background);
}
.openPage{
	background: var(--global-background)!important;
} */
.grayPage{
	filter: grayscale(100%)!important;
}
/* body.dark{
	background-color:rgba(0,0,0,0.2);
}
body.dark{
} */
/*	   开启新的全局定义		*/



/* 规划色系公共参数 */
.light{
	--qq-browser-primary-color: #dedede!important; 
	/* 标准文字颜色 */
	--global-color: #333;  
	--global-exp-color: #FFF;  
	/* 次级文字颜色 */
	--global-sec-color: #666;
	/* 辅助文字颜色 */
	--global-small-color: #999;
	
	/* 背景色 */
	--global-background: #FFFFFF;
	--global-form-background: #FFFFFF;
	--global-form-top-background: #2e42cb;
	/* 辅助背景色 */
	--global-fz-background: #f8f8f8;
	--global-tag-background: #7e8fff;
	/* 描边颜色 */
	--global-border-color: #dfdfdf;
	--global-tab-background: #151e33;
	/* 选中文字颜色 */
	--global-checked-color: #FFFFFF;
	/* 悬停背景色 */
	--global-hover-background: #1e293b;
	/* 选中背景色 */
	--global-checked-background: #2c3950;
	/* 导航背景色 */
	--global-nav-background: #020817;
	/* frame背景色 */
	--global-frame-background: #FFFFFF;
	/* Layui 颜色体系 */
	/* 选中颜色 */
	--layui-checked-color: #2e42cb; 
	--layui-focus-color: #2e42cb; 
	/* 选中文字颜色 */
	--layui-checked-text-color: #fff; 
	/* 标准背景色 */
	--layui-normal-background: #FFFFFF; 
	/* 提示窗背景色 */
	--layui-tips-background:#2d394e;
	/* checkbox */
	--layui-checkbox-border:#A1A1A1;
	--layui-checkbox-background:#FFF;
	/* 按钮颜色 */
	--layui-mainbtn-bg:#2e42cb;
	--layui-secbtn-bg:#020a3f;
	--layui-restbtn-bg:#f0f0f0;
	--layui-printbtn-bg:#ffffff;
	--layui-btn-color:#FFF;
}
.dark{
	--qq-browser-primary-color: #184180!important; 
	/* 标准文字颜色 */
	--global-color: #FFF;  
	--global-exp-color: #f6d594;  
	/* 次级文字颜色 */
	--global-sec-color: #CFCFCF;
	/* 辅助文字颜色 */
	--global-small-color: #777;
	/* 背景色 */
	--global-background: #16161a;
	--global-form-background: #212528;
	--global-form-top-background: #010101;
	/* 辅助背景色 */
	--global-fz-background: #212528;
	--global-tag-background: #f6d594;
	/* 描边颜色 */
	--global-border-color: #1e293b;
	--global-tab-background: #151e33;
	/* 选中文字颜色 */
	--global-checked-color: #FFFFFF;
	/* 悬停背景色 */
	--global-hover-background: #1e293b;
	/* 选中背景色 */
	--global-checked-background: #2c3950;
	/* 导航背景色 */
	--global-nav-background: #020817;
	/* frame背景色 */
	--global-frame-background: #020817;
	/* Layui 颜色体系 */
	/* 选中颜色 */
	--layui-checked-color: #f6d594; 
	--layui-focus-color: #f6d594; 
	/* checkbox */
	--layui-checkbox-border:#4f5e79;
	--layui-checkbox-background:#2d394e;
	/* 选中文字颜色 */
	--layui-checked-text-color: #333; 
	/* 标准背景色 */
	--layui-normal-background: #121723; 
	/* 提示窗背景色 */
	--layui-tips-background:#2d394e;
	/* 按钮颜色 */
	--layui-mainbtn-bg:#f89320;
	--layui-secbtn-bg:#f6d594;
	--layui-restbtn-bg:#f0f0f0;
	--layui-printbtn-bg:#ffffff;
	--layui-btn-color:#333;
}