/*1rem等于html根元素设定的font-size的px值*/
/*如果css里面没有设定html的font-size，则默认浏览器以1rem=16px来换算。*/
/* */

/*假如我们在css里面设定下面的css*/
/*html{font-size:14px}*/
/*那么后面的CSS里面的rem值则是以这个14来换算。*/
.title_6ren{
    background-color:white;
}
.grid-6{
    position: absolute;
    text-align:center;
    left:2%;
    /*background-color:white;*/
    /*background-color:red;*/
    width:90%;
}
.grid-6ren {
    display: grid;
    /*left:10%;*/
    /*width:80%;*/
    /*grid-template-columns:12em 12em 12em;*/
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2,8rem);
    grid-gap:2px;
    background-color:#2196F3;
    /*padding 一个元素的内边距区域指的是其内容与其边框之间的空间*/
    padding:2px;

}

.grid-6ren>div{
    position: relative;
  background-color:rgba(255, 255, 255, 0.8);
    /*top:0.5em;*/
  text-align:center;
    /*top: 10%;*/
  /*padding:10px;*/
    padding-top:2px;
    font-size:1.5rem;
    font-family:KaiTi;

}

 #sunxi1,#chikou2,#xiaoji3,#liulian4,#daan5,#kongwang6{
  position: absolute; /* 绝对定位 */
  top: 0;
  right: 0;
     display: flex;
  gap: 0.5rem; /* 控制元素间距 */
     padding: 0.4rem;
 }



 /* 大六壬 */
.da_grid-6{
    /*position: absolute;*/
    text-align:center;
    margin-left: 15%;
    /*background-color:red;*/
    width:60%;
    margin-top: 1rem;
}
.da_grid-6ren {
    display: grid;
    /*height: 34rem;*/
    /*left:10%;*/
    /*width:80%;*/
    /*grid-template-columns:12em 12em 12em;*/
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(14,2.2em);
    grid-gap:1px;
    background-color:whitesmoke;
    /*padding 一个元素的内边距区域指的是其内容与其边框之间的空间*/
    padding:2px;

}
.shen12id{
    font-size: 1.1rem;
}

.lr_cank{
    margin-top: 1rem;
}
.da_grid-6ren>div{
    /*position: absolute;*/
  /*background-color:rgba(255, 255, 255, 0.8);*/
    /*top:0.5em;*/
  /*text-align:left;*/
    /*top: 10%;*/
  /*padding:10px;*/
    padding-top:2px;
    font-size:1.3rem;
    text-align: center;
     font-family:KaiTi;
    /*padding-top: 5px;*/

}
 /*"item8" 从第 1 行开始和第 1 列开始， 横跨 1 行 6 列：*/
.da_grid_title1 {
    grid-area: 1 / 1 / span 1 / span 6;
    background-color:Bisque;
    color:black;
    text-align:center;
}
/*四课标题*/
.da_grid_title_sike {
background-color:BlueViolet;
    color:SpringGreen;
}

/*12神*/
.da_grid_gui_sheng {
    background-color:#FF69B4;
/*background-color:white;*/
    color: white;
}
/*天地盘*/
.da_grid_tdp {
background-color:white;
}
/*三传-标题*/
.da_grid_san_chuan{
   background-color:blue;
    color: gold;
}

/*六亲*/
.da_grid_6qin{
   background-color:white;
    color:red;
    font-weight:bold;
}