@charset "utf-8";

/*
|--------------------------------------------------------------------------
| 杂项
|--------------------------------------------------------------------------
*/

*{											/*全体样式================*/
	padding:0;								/*去掉内边距*/
	margin:0;								/*去掉外边据*/
	list-style:none;						/*去掉容器自带样式*/
	text-decoration:none;					/*去掉下划线*/
	font-style:normal;						/*纠正斜体字*/
	box-sizing:border-box;					/*容器边框向内*/
	outline:none;						    /*去掉高亮边框*/
	text-size-adjust:none;					/*关闭浏览器默认字体大小*/
	-webkit-text-size-adjust: none;			/*关闭浏览器默认字体大小*/
}

body{
	user-select: none;								/*禁止选中文字*/
	-webkit-tap-highlight-color: rgba(0,0,0,0); 	/*替换手机点击时的高亮效果（放在body样式里）*/ 
}

body::-webkit-scrollbar {
    display: none;              			/*隐藏滚动条 防止页面抖动*/
}

table{										/*表格====================*/
	border-collapse:collapse;				/*合并边框模型*/
}

td,th{										/*小表格=================*/
	border:1px #ccccd6 solid;				/*定义边框颜色*/
}

input::-webkit-input-placeholder{
    color:inherit;
    font-size: inherit;
}

input::-moz-placeholder{
    color:inherit;
    font-size: inherit;
}

input:-moz-placeholder{
    color:inherit;
    font-size: inherit;
}

input:-ms-input-placeholder{
    color:inherit;
    font-size: inherit;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 5000s ease-out 0.5s;
	-webkit-text-fill-color:#55555f;
	font-size: inherit;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 20px;
}

input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 20px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{		/*placeholder==========*/
	color:inherit;							/*字体颜色继承*/
	font-size:inherit;						/*字体大小继承*/
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input,
select,
button,
textarea{
	color:inherit;							/*字体颜色继承*/
	font-size:inherit;						/*字体大小继承*/
	outline:none;							/*去掉高亮边框*/
	border:none;							/*去掉边框*/
	background: none;						/*去掉背景颜色*/
	-moz-box-sizing:content-box;			/*容器边框向内*/
	-moz-box-sizing: border-box;			/*容器边框向内*/
	-webkit-appearance: none;				/*苹果按钮兼容---多选按钮要屏蔽此条目*/
	-webkit-text-size-adjust: none;         /*防止文本域字体大小失效*/
}

textarea{									/*文本域================*/
	resize: none;							/*关闭码字框自定义大小*/
}

a{											/*A标签================*/
	color:inherit;							/*字体颜色继承*/
	cursor:pointer;
}

img{										/*图片滤镜=============*/
	image-rendering: pixelated;
	image-rendering: auto;
}

/*
|--------------------------------------------------------------------------
| 样式定制
|--------------------------------------------------------------------------
*/

:root{
	--ScrollbarTrackBackgroun: rgba(245,250,255,0);
	--ScrollbarThumbBackgrounX: linear-gradient(to bottom,rgba(0,5,10,.1),rgba(245,250,255,.79),rgba(0,5,10,.1));
	--ScrollbarThumbBackgrounY: linear-gradient(to right,rgba(0,5,10,.1),rgba(245,250,255,.79),rgba(0,5,10,.1));
	--ScrollbarThumbBackgrounHoverX: linear-gradient(to bottom,rgba(0,5,10,.2),rgba(245,250,255,1),rgba(0,5,10,.2));
	--ScrollbarThumbBackgrounHoverY: linear-gradient(to right,rgba(0,5,10,.2),rgba(245,250,255,1),rgba(0,5,10,.2));
}

/*滚动条: body*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/*滚动条: 轨道*/
::-webkit-scrollbar-track{
	background: var(--ScrollbarTrackBackgroun);
	border-radius: 8px;
}

/*滚动条-y: 滑块*/
::-webkit-scrollbar-thumb:vertical{
	background: var(--ScrollbarThumbBackgrounY);
	border-radius: 8px;
}

/*滚动条-x: 滑块*/
::-webkit-scrollbar-thumb:horizontal{
	background: var(--ScrollbarThumbBackgrounX);
	border-radius: 8px;
}

/*滚动条-y：悬停*/
::-webkit-scrollbar-thumb:vertical:hover{
	background: var(--ScrollbarThumbBackgrounHoverY);
}

/*滚动条-x：悬停*/
::-webkit-scrollbar-thumb:horizontal:hover{
	background: var(--ScrollbarThumbBackgrounHoverX);
}

/*XY交接处*/
::-webkit-scrollbar-corner {
	background-color: transparent;
}