/* 控制着 首页 图标的 大小 ； pre 详见 根目录 2.php 文件 */

html{ scroll-behavior:smooth; } /* 实现页面的 平滑滚动 */
::-webkit-scrollbar{display: none;} /* 滚动条none */

*{margin:0;padding:0;} img{ border-radius:0.25rem; vertical-align:middle;}	a{ text-decoration:none !important; }	

img{ border-radius: 0.25rem; width:6vw; height:6vh; vertical-align:middle; transition: all .3s;}
img::after {transform:scale(1.00);transition: all .3s;}
img:hover { transform:scale(1.02);transition: all .3s;}
img:not(:hover)::after {transform:scale(1.00);transition: all .3s;}

div img {transition: all .3s;}

.unitTitle{    margin:0.5rem; border:0px solid white; border-radius:0.25rem; background-color:null; color:purple; padding: 1.50rem 0.25rem 1.50rem 0.25rem; font-size:2rem;    font-style:italic; } 
.partTitle{    margin:0.5rem;                       border:0px solid white; border-radius:0.25rem; background-color:yellowgreen; color:purple;          padding: 0.5rem;                        font-size:1.35rem;  font-style:italic; } 
.smallTitle{   margin:0.5rem 0.5rem 0.35rem 0.rem ; border:0px solid white; border-radius:0.25rem; background-color:yellowgreen; color:purple; padding: 0.5rem 0.35rem 0.5rem 0.35rem; font-size:1.25rem; font-style:italic; }
.articleTitle{ margin:0.35rem; border-radius:0.25rem; background-color: rgba(153, 92, 211, 0.96); color:white; padding:0.35rem; font-size:1.5rem; font-style:italic; } 

caption{ border:1px solid silver; border-radius:0.25rem; background-color:deeppink; color:white; padding:0.5rem; text-align:center; }
thead{  background-color:;  }
tbody{ background-color:; }
table{ border:1px solid silver; border-radius:0.25rem; background-color: rgb(253, 239, 218); padding:0.5rem; text-align:center;}
th{ border:1px solid silver; border-radius:0.25rem; background-color: rgb(254, 255, 204); padding:0.5rem; }

tr:hover td {
    background: rgb(222, 245, 184) !important;
}

td{ border:1px solid silver; border-radius:0.25rem; background-color: rgb(255, 252, 223); padding:0.5rem; }

.cardTitle { border-radius:0.25rem 0.25rem 0 0 ; background-color:rgb(100, 110, 50); color:white; padding:0.5rem; font-size:1.25rem; }

.leftDiv{ border-radius: 0 0 0 0.25rem; background-image:linear-gradient( bisque, pink, bisque);  text-align: center; } 

/* white-space:pre-wrap; → 能让 pre 自动换行 并保留 相关空格等 但 需要 同时 设置 以px 为例的 宽度，否则无效，但如果是 百分比宽度 则需要 父容器 有px类的 宽度设置，否则无效。*/
.div{ border:1px solid white; border-radius:0.25rem; padding:0.1rem; }
.partOne{   background-color:rgb(245, 237, 237); }
.partTwo{   background-color:rgb(245, 227, 227); }
.partThree{ background-color:rgb(245, 217, 217); }
.partTitle{  font-size:1.6rem; } 
.smallTitle{ font-size:1.3rem;} 



/* ↓ 媒体查询 */
	/* 顶屏 */
	/* 4k 3840×2160 () */
	@media screen and (min-width:3840px) {                   
		body{ font-size:1.6rem; }
		img { width:4rem; height:3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; background-color:rgb(255,255,255,0.69); padding:0.75rem; }
	} 


	/* 2k 2560×1440 () */ 
	@media screen and (min-width:2560px) and (max-width:3839px) {
		body{  }
		img { width:4rem; height:3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; background-color:rgb(255,255,255,0.69); padding:0.75rem; } 

	} 


	/* 1k 1920x1080 () */ 
	@media screen and (min-width:1801px) and (max-width:2559px) {
		body{  }
		img { width:4rem; height:3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; background-color:rgb(255,255,255,0.69); padding:0.75rem; }
	}


	/* 次屏 ipadpro + 1K 附框，以后者为主 (ipad pro 在此处 用得少，以1k附框 合适为准)  */ 
	@media screen and (min-width:992px) and (max-width:1800px) {
		body{  }
		img { width:4rem; height:3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0;  background-color:rgb(255,255,255,0.69); padding:0.35rem; } 
	}


	/* 中屏 ipad 步步高S3 */ 
	@media screen and (min-width:768px) and (max-width:991px)  {
		body{}
		img { width:3.6rem; height:3.3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; background-color:rgb(255,255,255,0.69); padding:0.35rem; }
	} 


	/* 小屏 mipad */
	@media screen and (min-width:576px) and (max-width:767px)  {
		body{}
		img { width:3.6rem; height:3.3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; width:100vw; height:100vh; background-color:rgb(255,255,255,0.69); padding:0.35rem; }
	} 


	/* 底屏 phone */
	@media screen and (max-width:575px)                       {
		body{ font-size:0.9rem; }
		img { width:3.6rem; height:3.3rem; } 
		.ssk{ border-radius:0; font-size:1rem; text-align:left; }
		.zuiwaiceng{ float:left; border-radius:0 0.25rem 0.25rem 0; width:100vw; height:100vh; background-color:rgb(255,255,255,0.69); padding:0.35rem; }
	}
/* ↑ 媒体查询 */









/* Start(A label) */
	/* NoUnderline */
	a{text-decoration: none !important;}

	/* defaultStyle */
	a {
		text-decoration:none !important; 
		display:inline-block; 

		margin-left:  0.15rem;
		margin-top:   0.25rem; 
		margin-right: 0.15rem;
		margin-bottom:0.25rem;

		color: rgb(0, 0, 0,0.9); 
		background: rgb(230,230,230,0.99);
		border: 0px solid rgb(0, 0, 0,0.3); 
		border-radius: 0.25rem; 
		padding: 1px; 
		text-align: center;
		transition: all 0.3s; 
	}	

	a:visited {	
		/* color: rgb(0, 0, 0, 0.9); */
		/* background-color; */
	
	} 
	
	/* 放开style */
	a:focus {
		color:greenyellow; 
		background:pink; 
		box-shadow: 0 0 6px 7px rgba(100, 155, 155, 0.67); 
		} 
	
	/* 划过style */
	a:hover { 
		color:blue; 
		/* background:rgb(200,200,200);  */
		background: rgb(182, 255, 255);
		border: 0px solid rgba(250, 250, 250, 0.99);  
		box-shadow: 0 0 6px 7px rgb(255,160,0); 
		/* box-shadow: 0 0 6px 6px rgb(170,170,170); */
		/* box-shadow: 0 0 2px 3px rgb(170,170,170); */
		transform:scale(1.01);
	}

	/* 按下style */
	a:active {
		color:greenyellow; 
		background:rgb(170,170,170);
		border: 0px solid rgb(0, 0, 0,0.67);
		box-shadow: 0 0 0px 0px yellowgreen; 
	}	
/* End(A label) */


/* STA(INPUT) */
	input{
		background-color:rgb(230,230,230);
		margin:0.25rem; 
		padding:0.25rem; 
		border: none;
		border-radius: 0.25rem; 
		display:inline-block; 
		outline:none;  /* 去除 外边框线（单击输入框时 不会出现 外边框线 */
		transition: 0.3s; 
		cursor:pointer;
	}

	input:hover {
		background-color:rgb(255,255,255);
		box-shadow: 0 0 6px 6px rgb(170,170,170);
	}

	input:active {
		background-color: rgb(245,250,255,0.99);
		box-shadow: 0 0 3px 4px yellowgreen;
	}

	input:focus {
		background-color: rgb(245,250,255,0.99);
		box-shadow: 0 0 1px 2px yellowgreen;
	}
/* End(INPUT) */ 


/* STA(button) */ 
	button{
		background-color:rgb(230,230,230);
		margin:0.25rem; 
		padding:0.25rem; 
		border: none;
		border-radius: 0.25rem; 
		display:inline-block; 
		outline:none;  /* 去除 外边框线（单击输入框时 不会出现 外边框线 */
		transition: 0.3s; 
		cursor:pointer;
	}
	
	button:hover {
		border:1px solid white; 
		background-color:rgb(255,255,255);
		box-shadow: 0 0 6px 6px rgb(170,170,170);
	}

	button:active {
		background-color: rgb(245,250,255,0.99);
		box-shadow: 0 0 3px 4px yellowgreen;
	}

	button:focus {
		background-color: rgb(245,250,255,0.99);
		box-shadow: 0 0 1px 2px yellowgreen;
	}
/* End(button) */



/* 开始动画（熊奔跑 */
#bear {           
	position: absolute; 
	bottom:60px;
	width: 200px;            
	height: 100px;            
	/* background: url(z/p/yet/bear.png) no-repeat;             */
	background: url(../p/yet/bear.png) no-repeat;            

	/* 我们元素可以添加多个动画， 用逗号分隔 */            
	animation: bear 1.25s steps(8) infinite, move 3s forwards;       
} 

@keyframes bear {            
	0% {               
		background-position: 0 0;          
		}            
	100% {                
		background-position: -1600px 0;           
		}       
	} 
	
	@keyframes move {            
	0% {                
		left: 0;           
		}           
	100% {                
		left: 3%;               
		/* margin-left: -100px; */               
		transform: translateX(-10%);           
	}        
}    
/* 结束动画（熊奔跑 */