/*
:root {
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #ffffffde;
    background-color: #242424;
    font-synthesis: none;
    /* text-rendering:optimizeLegibility; */
  /*   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

a {
    font-weight: 500;
    color: #646cff;
    text-decoration: inherit
}

a:hover {
    color: #535bf2
}

body {
    margin: 0;
    display: flex;
    place-items: center;
    min-width: 320px;
    min-height: 100vh
}

h1 {
    font-size: 3.2em;
    line-height: 1.1
}
*/
/*
.box.content {
   
    width: 100%;
    overflow: auto;
    }
 */ 
 .box.content {
     padding: 10px;/* 15px */ 
     max-width: 1320px;
    }


 @media (max-width: 900px) {
    .box {
        padding: 5px;
    }
}


  
/* 默认设置，用于桌面端 */
.input {
    width: 180px !important;
}

/* 手机端样式 */
@media (max-width: 600px) {
    .input {
        width: 80px !important;
    }
}

.span-btn {
  cursor: pointer !important; /* 鼠标悬停时变为手指 */
  transition: color 0.3s !important; /* 添加平滑过渡效果 */
  /* font-weight: 600;*/
    color: #5d5757; /* #515050 #d96767 #f98484 #D3463D*/
    
}

/*
@media (min-width: 900px) {
    #btn-prev-year,#btn-next-year,#btn-prev-month,#btn-next-month {
        color: #fff;
        border-radius: 4px;
    background-color: #0087ff; 
}
}
*/

.span-btn:hover {
  color: Red !important; /* #ff6600 #0366d6 当鼠标悬停时的颜色 */
}  

#btn-today:hover,#btn-today2:hover {
  color: #fff !important; /* #ff6600 当鼠标悬停时的颜色 */
}  

#btn-today {
  padding: 0px;/*4px*/
}  



.article2 {
 width: 350px;
  background-color: #fff;
    border-radius: 8px;
   /*   border: 1px solid hsla(0, 0%, 0%, 0.3);  /* #e3e0d8 #f5f3ee #001e2d hsla(200, 100%, 8.8%, .6) hsla(0, 44.4%, 50.6%, 0.6)*/
  /*   box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);*/
  /* border: 1px solid #fed6e3; */
    border: 1px solid rgb(230, 235, 245);
    color: #4a4a4a;
    display: block;
    padding: 2px;
    margin-bottom: 10px;
    font-size: 15px;  
    line-height:1.7em;
      box-shadow:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  
      margin-left: auto; /* 左边距自动 */
    margin-right: auto; /* 右边距自动 */
    
}

@media (min-width: 900px) {
  .article2 {
 border: none;
 box-shadow:  none;
}
}



 .converteremail {
    margin: 0 5px;
     padding: 0px;
   border: 1px solid #f0f0f0; /*#e2e2e2 */
  /*  border: 1px solid #D3463D;/*  rgb(229, 231, 235)  */
    border-radius: 9px;
   padding: 10px 5px 0;
    flex: 1;
}

@media (max-width: 900px) {
    
 .converteremail {

   border: none;
   padding: 0px;
   
}
}


 .messageA {
  margin-bottom: 0rem;/* 0.8rem */
   background-color: #fff; /* background-color: #f9f9f9; */
}
/*
@media only screen and (max-width: 900px) {
    .table-container-email {

  display: block; 
    }
} */

@media only screen and (max-width: 900px) {
    .table-container-email {
 display: flex !important; /* 确保它是一个 flexbox 容器 */
  flex-direction: row !important; /* 始终从左到右排列 */
    }
}

.active .left[data-v-wnl] {
    background-color: #d03f3f;
    border: .05333rem solid #e96f6f;
    color: #fff;
}

.left[data-v-wnl] {
    background-color: #fff;
    border: .05333rem solid #e9e9e9;
    border-radius: 50%;
    color: #777;
    font-size: 18px;
    height: 2rem;
    margin-right: .26667rem;
    min-width: 1.2rem;
    position: relative;
    width: 3rem;
    z-index: 2;
    justify-content: center;
}

.flex, .flex-left {
    align-items: center;
    display: flex
;
}

.flex {
  /*  justify-content: center; */
}

.jx[data-v-wnl] {
    background-color: #333;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    height: 2rem;
    line-height: 1;
  
    right: .13333rem;
    top: 0;
    width: 3rem;
    justify-content: center;
}



.yiji5 {
  
    border-radius: 50%;
    color: #fff;
    background: #5CB85C;
}

.yiji6 {

  
    border-radius: 50%;
    color: #fff;
    background: #D9534F;

}



.table-container-email {

    margin-top: 0px !important; /* 5px */

}
/*
.table-container-email {

    margin-top: 5px !important;
      display: flex; 
    justify-content: space-between; 
    align-items: center;
}
*/
button {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: .6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: border-color .25s
}

button:hover {
    border-color: #646cff
}

button:focus,button:focus-visible {
    outline: 4px auto -webkit-focus-ring-color
}

.card {
    padding: 2em
}





/* 为手机端设备添加样式 */
@media (max-width: 900px) {
  .article2 {
    width: 350px;
    font-size: 15px;
    line-height:1.7em;
}
}


/*
@media (max-width: 399px) {
  .article2 {
    margin-left: -10px; 
  }
}


@media (min-width: 400px) and (max-width: 439px) {
  .article2 {
    margin-left: -10px; 
  }
}


@media (min-width: 440px) and (max-width: 550px) {
  .article2 {
    margin-left: -12px; 
  }
}

@media (min-width: 551px) and (max-width: 900px) {
  .article2 {
    margin-left: -12px; 
  }
}
 */


    #wnl-mobile {
     
      position: relative;
      margin: 0px auto;
      /* width: 588px; */
      clear: both;
      overflow: hidden;
     /* border-radius: 16px;*/
      padding: 0px;
    
     /*   box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);*/
    }
     #wnl-mobile * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
   
    #wnl-mobile {
      text-align: center;
      color: #444; /*#888 #4a4a4a #444*/
    }
    #wnl-mobile i, #wnl-mobile li {
      font-style: normal;
      font-size: 15px;/*14px*/
    }
    
    @media (min-width: 900px) {
    
    #wnl-mobile i, #wnl-mobile li {
     
      font-weight: 500;
    }
   
}

    
    #wnl-mobile .solar {
      font-size: 18px;
      margin-bottom: 10px;
      font-weight: 600;
    }
    #wnl-mobile .lunar {
      font-size: 22px;
      color: #fe2c55;/*#f11 #f98484 #D3463D*/
      margin-bottom: 10px;
      font-weight: 600;
    }
    #wnl-mobile .gz {
      font-size: 16px;
      margin-bottom: 5px;
    }
    
        @media (min-width: 900px) {
    
   #wnl-mobile .gz {
    
      font-weight: 500;
    }
   
}


    #wnl-mobile table {
      width: 100%;
      border-collapse: collapse;
      border-style: none;
    border-right: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2;

      
   /*   margin-bottom: 10px; */
    }
    
   /* 
   
@media (min-width: 900px) {
    #wnl-mobile table {
      border-right: none;
      border-bottom: none;
      
    }
}    
    */
    
    #wnl-mobile table td {
        border-left: 1px solid #e2e2e2;
      border-top: 1px solid #e2e2e2;

      padding: 1px;
    }
    
   /*    
@media (min-width: 900px) {
    #wnl-mobile table td {
      border-left: none;
      border-top: none;
      
    }
}     
  */   
    #wnl-mobile table td div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: space-between;
      margin: 0 2px;
    }
    #wnl-mobile table td div u {
      flex: 1;
      text-decoration: none;
      text-align: center;
    }
    #wnl-mobile table td.h div {
      flex-direction: row;
    }
    #wnl-mobile table td.v b, #wnl-mobile table td.v i {
      width: 1.2em;
      display: block;
      margin: 0 auto;
    }
    #wnl-mobile table td b {
      font-weight: normal;
      /* color: #c77373; /* #c69c70 */
      color: #38f;/* #0097d3 #076ad3 #4e6ef2 */
     /*  color: rgb(215 137 90 / var(--tw-text-opacity, 1)); */ /*color: rgb(90 142 215 / var(--tw-text-opacity, 1));*/
    
    }
    
        
    @media (min-width: 900px) {
    
   #wnl-mobile table td b {
    
      font-weight: 500;
    }
   
}

    #wnl-mobile table td ul {
    }
    #wnl-mobile table td li {
      list-style: none;
      padding: 0 3px;
      float: left;
    }
    #wnl-mobile .yi, #wnl-mobile .ji {
      clear: both;
      overflow: hidden;
      padding-left: 30px;
      position: relative;
      line-height: 26px;
      margin-bottom: 10px;
    }
    #wnl-mobile .yi::before, #wnl-mobile .ji::before {
      position: absolute;
      left: 0;
      top: 2px;
      width: 22px;
      height: 22px;
      line-height: 22px;
      border-radius: 50%;
      background-color: #4e6ef2;
      color: #fff;
      font-size: 14px;
    }
    #wnl-mobile .yi::before {
      content: '宜';
    }
    #wnl-mobile .ji::before {
      content: '忌';
      background-color: #f11;
    }
    

    
    #wnl-mobile .yi i, #wnl-mobile .ji i, #wnl-mobile .tianshen i {
      float: left;
      margin: 0 3px;
    }
 
 
  
     #wnl-mobile .foto, #wnl-mobile .tao, #wnl-mobile .tianshen {
      clear: both;
      overflow: hidden;
      padding-left: 30px;
      position: relative;
      line-height: 26px;
      margin-bottom: 10px;
    }
    #wnl-mobile .foto::before, #wnl-mobile .tao::before, #wnl-mobile .tianshen::before {
      position: absolute;
      left: 0;
      top: 2px;
      width: 22px;
      height: 22px;
      line-height: 22px;
      border-radius: 50%;
      background-color: #f2b84e;
      color: #fff;
      font-size: 14px;
    }
    #wnl-mobile .foto::before {
      content: '佛';
    }
    #wnl-mobile .tao::before {
      content: '道';
      background-color: #000;
    }
    #wnl-mobile .tianshen::before {
      content: '神';
      background-color: #00b529;
    }       
     #wnl-mobile .foto i, #wnl-mobile .tao i {
      float: left;
      margin: 0 3px;
    }
    
    
    
@media screen and (max-width: 900px) {
    .is-hidden-mobile2 {
      display: none !important; 
    }
}

@media screen and (min-width: 900px) {
    .is-hidden-desktop2 {
        display: none !important;
    }
}



.content h3:not(:first-child) {
    margin-top: 15px;
}



        .days-input {
            width: 50px;
            border-radius: 6px;
            border: 1px solid #a8edea;  /* #a8edea */
            transition: border-color 0.3s; /* 添加过渡效果 */
            color: rgb(90 142 215 / var(--tw-text-opacity, 1));
            padding-left: calc(.40em - 1px);
            
            
        }
        /* 当输入框获得焦点时的样式 */
        .days-input:focus {
              outline: 0;  
            border-color: #d96767!important;
        }
        
/*               */



        #resultwnlPC ul li {
            position: relative; /* 要使用定位 */
            overflow: hidden; /* 确保只显示 li 内部的内容 */
            
        }


#resultwnlPC ul {
  position: relative;
  display: inline-block;
  width: 780px;/*  880px */
  height: 570px;
  list-style: none;
  background-color: #fff;
  margin: 0px;
  margin-right: -6px;/*   -10px  */
}


#resultwnlPC ul h3 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 280px; /*  200  350 320 220*/
  width: 100%;
  height: 420px; /*  480px*/
  text-align: center;
  line-height: 560px; /*  640 */
  color: #999;
  opacity: 0.0125; /* 0.2 */
  filter: alpha(opacity=10);
 font-weight: 700;
  /* border: 2px solid #C3404F; */
    border: none;
}

#resultwnlPC ul span{
        
    position: absolute; /* 绝对定位 */
    display: block !important;
        left: 50%; /* 向左移动50% */
        transform: translateX(-50%); /* 使用负50%来居中 */
        top: 0%; /* 距离顶部10px -27%*/
        text-align: center; /* 中心对齐文本 */
        font-size: 18px; /* 设置合适的字体大小 */
       /*  margin-bottom: 10px; /* 设置底部间距 */
        color: #999;
    opacity: 0;
   /*   z-index: 999999; */
    font-weight: 700;
    LINE-HEIGHT: 200;
    height: 300PX;
}
/*
@font-face {
    font-family: 'DINAlternate-Bold';
    src: url('/wp-content/themes/wndt-master/static/fonts/DINAlternate-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}  */

#resultwnlPC ul li {
  position: relative;
  float: left;
  width: 100px;/*122.7px 116.7px*/
  height: 80px;/*83px 90px*/
  cursor: pointer;
 /* color: #38f;*/
 color: #222;/*#444 #222 #076ad3 #40c4db*/
  text-align: center;
 font-weight: bold;
   font-size: 32px;/*36px 32px 33px*/
   line-height: 66px;
/* border: 1px solid #f0f0f0;  /*#ddd #e2e2e2* /
   /* border: none;*/
  /* border: 1px solid #b5b5b5;    /* rgb(230, 235, 245)*/
   /* border: none;/* border: 0.1px solid #ddd; */
       margin-right: 8px;/*3px 9px*/
       margin-left: 3px;
   /*  margin-left: 9px; /*0px*/
   margin-bottom: 5px;/*2px 3px 9px*/
  /* border-radius: 5px;*/
   border-radius: 10px; /* 8px */
   line-height: 66px;
  /* font-family: 'DINAlternate-Bold', sans-serif;*/
}

#resultwnlPC ul#nong li {

    font-size: 22px;

}


#resultwnlPC ul li o {
    
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-6px); /* 向上移动1px -4px*/
   
}

#resultwnlPC ul li i {
  display: block;
  font-size: 14px!important;
  font-style: normal;
  color: #555; /* #777 */
  white-space: nowrap;
  overflow: hidden;
  margin-top: -35px; /* -35px -30px*/
 /* font-weight: normal !important; */
  font-weight: 500;
}
#resultwnlPC ul li u {
  font-size: 16px;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  right: 0px;
  top: 0;
/*  color: #333; */
  color: #fff;
  background-color: #000;
      border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 18px;            /* 设置宽度等于字体大小 */
    height: 18px;           /* 设置高度等于字体大小 */
    line-height: 17px;      /* 设置行高等于高度，以使文本垂直居中 */
}

#resultwnlPC ul li c {
    font-size: 16px;
    font-style: normal;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fe2c55;/* #0008ff */
    color: white; /* blue #f98484 #ff0f00 #0087ff*/
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-decoration: none;
    border-radius: 50%;
}

#resultwnlPC ul li j {
    font-size: 16px;
    font-style: normal;
    position: absolute;
    right: 0px;
    bottom: 0px;/* bottom: 8px; */
    background-color: #003cff;
    color: white; /* blue #f98484 #ff0f00*/
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-decoration: none;
    border-radius: 50%;
}

#resultwnlPC ul li.other {
    opacity: 0.2;
 /*   color: #8f8b8b; /* #979393 */
   /*   border: 1px solid #ddd;*/
     /*  border: 1px solid rgb(230, 235, 245); */
   /*  border: 1px solid #d5d9e1;*/
}

#resultwnlPC ul li.other:hover {
    opacity: 1; /* #979393 */
  
}

#resultwnlPC ul li.week {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #333;
 margin-top: 0px;/*10px*/
 /*  background-image: linear-gradient(110deg, rgba(0, 128, 255, 0.2), rgba(0, 128, 255, 0.3));*/

/*background-image: linear-gradient(to right, #868f96 0%, #596164 100%);*/
/*background-color: #CDDCDC; background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%); background-blend-mode: screen, overlay;*/
 /* font-weight: bold;*/
border: none;
/* border-bottom: 1px solid #E3E3E3; */
}

#resultwnlPC ul#nong li.week {
    
    font-size: 22px; 
    
}

#resultwnlPC ul li.weekend {
    color: #222; /*#df5151 #f98484 #D3463D*/
   /*  border: none;*/
}

#resultwnlPC ul li.norest {
  color: #444; 
 /* background-color: rgba(221, 221, 221, .4);*/
  background-color: transparent; /*  rgb(223 219 219 / 40%)*/
  
 /* background-color: hsl(0deg 1.19% 60.31% / 40%);*/

}

#resultwnlPC ul li.rest {
 color:#222;/*#df5151 #f98484 #D3463D*/
 /*background: rgba(225, 99, 73, .08); */
 /*background: rgb(205 52 20 / 8%);*/
 /* background: rgb(213 153 141 / 8%);*/
 background: transparent; /* rgb(211 109 88 / 8%);*/
 border: none;
}


#resultwnlPC ul li.lunar-festival i {
    color: #333; /* #4cb14c */
}

#resultwnlPC ul li.solar-festival i {
    color: #e56a6a;
}

#resultwnlPC ul li.jieqiaa i {
    color: #333 ; /* #4646d9 */
}


#resultwnlPC ul li:not(.today):hover u,#resultwnlPC ul li:not(.today).selected u {
/*
   right: -4px;   
   top: -4px;
   z-index: 2;  */
}

#resultwnlPC ul li.rest i {
  color:#333;/*#df5151 #f98484 #D3463D*/
}
#resultwnlPC ul li:not(.today).selected o {

    font-size: 36px; /* 40px */
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-6px); /* -8px -2px*/
    
}

#resultwnlPC ul#nong li:not(.today).selected o {

    font-size: 28px; /*  30px */
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-2px); /* -8px */
    
}


#resultwnlPC ul li.selected i {
    margin-top: -36px; /*-40px -32px*/
    font-size: 15px!important;
}


#resultwnlPC ul li.today i {
  color: #555;
   font-size: 15px!important;
   margin-top:-36px;/*-35px -32px*/
   
}



#resultwnlPC ul li:not(.today):hover o {

    font-size: 36px; /* 40px*/
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-6px); /* -8px -2px*/

}


#resultwnlPC ul#nong li:not(.today):hover o {

    font-size: 30px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-2px); /* -8px */
}


#resultwnlPC ul li:not(.today):hover i {
     margin-top: -36px; /* -40px -32px*/
    font-size: 15px!important;
  
}

#resultwnlPC ul li.selected{

border: 1px solid #fe2c55;/* #5794e9 #f98484 #D3463D*/

}


#resultwnlPC ul li.today {
  font-weight: bold;
  color: #222;
  font-size: 36px; /* 40px */
/*background-image: linear-gradient(rgb(255, 94, 80), rgb(255, 151, 147)); */
 /*background-image: linear-gradient(rgb(90 142 215), rgb(255, 151, 147));  /* #5a8ed7 = rgb(90 142 215) , rgb(63 61 60) */
/*background-image: linear-gradient(rgb(149 192 255), rgb(255 206 206));*/
/*background-image: linear-gradient(#f98484, rgb(255 206 206));/*rgb(221 87 45) 上上次使用*/
 /*background: linear-gradient(180deg, #ff5e50, #ff9793);*/
/* background-image: linear-gradient(#ff4040, rgb(245 137 137));上次使用*/
 /*border-radius: 4px;*/
/* border: none;*/
  background-image: #fff;/* linear-gradient(#ff5f5f, rgb(255, 151, 147)) */
 /* background-image: linear-gradient(#6ca8db, rgb(147 194 255));*/
}

#resultwnlPC ul#nong li.today {
 font-size: 28px;  /* 30px */
}

#resultwnlPC ul li.today u {
  color: #fff;
   
}

#resultwnl ul li.rest.today u {
    background-color: white;
    color: #0087ff;
}

#resultwnlPC ul li.rest u {
    background-color: red; /* 设置背景颜色为红色 red */
    color: white; /* 设置字体颜色为白色 white*/
    border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 18px;            /* 设置宽度等于字体大小 */
    height: 18px;           /* 设置高度等于字体大小 */
    line-height: 16px;      /* 设置行高等于高度，以使文本垂直居中 */
    z-index: 2;
}


#resultwnlPC ul li.ji-ri i {
   color:rgb(254, 44, 85)!important;
}


  /*            */





.todayMobile{
    background-color: #df5959; /* 设置背景颜色为红色 red rgb(221 87 45) #f98484*/
    color: white; /* 设置字体颜色为白色 */
    border-radius: 2px; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 16px;            /* 设置宽度等于字体大小 */
    height: 16px;           /* 设置高度等于字体大小 */
    line-height: 16px;      /* 设置行高等于高度，以使文本垂直居中 */
}


em {
    color: red;
}

.input {
    border-radius: 8px;
    background-color: transparent;
}

 @media (min-width: 900px) { 
     
  .input {
  border-radius: 9px;
  
}

 }    

.columns {
    
    margin-top: .75rem;
}
/*
.column {

    padding: 0rem
} */

.column {
    padding-top: 0rem;
    padding-bottom: 0.5rem;
    padding-left: 0;  /* 可以根据需要设置 */
    padding-right: 0; /* 可以根据需要设置 */
}

@media screen and (max-width: 900px) {
    
.columns {
    
    margin-top: .75rem;
}

.column {
    padding-top: 0rem;
    padding-bottom: 0.5rem;
    padding-left: 0;  /* 可以根据需要设置 */
    padding-right: 0; /* 可以根据需要设置 */
}

}

#cmobile {
   color: #fe2c55;/* rgb(90 142 215) rgb(215 137 90)  #f11 #f98484 #D3463D*/
}

#resultwnl li:not(.today):hover:not(.week) {
    border: 1px solid #D3463D; /* 使用2px宽的红色边框 #5794e9 #f98484*/
    border-radius: 4px;
}


#resultwnlPC li:not(.today):hover:not(.week) {
    border: 1px solid #D3463D; /* 使用2px宽的红色边框 #5794e9 #f98484*/
  /*  border-radius: 4px;*/
}

.is-lhl {
    
font: bolder 1rem "华文行楷";
/*color: #2987ff; /*#CC1111 #d95e5e #444 #538ddd #d96767*/
text-align: center;
margin-bottom:4px;
margin-top:4px;
}

.is-lhl {
    background: linear-gradient(270deg, #D3463D 0, hsla(5, 79%, 81%, .95) 5%, #15a4dd 10%, #0097d3 90%, hsla(5, 79%, 81%, .95) 95%, #ff9085);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
   /* font-size: 38px; */
    font-style: normal;
    font-weight: 600; 
    opacity: 0;
    -webkit-text-fill-color: transparent;
    animation: masked-animation 5s linear infinite;
}

@keyframes masked-animation{
0% {
    background-position: 0 0;
}
100% {
    background-position: -100% 0;
}
}


@media screen and (min-width: 900px) {
    .is-lhl {
        font: bolder 1.25rem "华文行楷";
    }
}
/*
@media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
        display: inline-block;
    }
} */

.content li+li {
    margin-top: 0em;
}

.inputPC {
    
   /* appearance: none;*/
   /*  border-radius: 8px;*/
   border-radius: 9px;
    font-size: 14px!important;
    height: 27px!important;/* 1.8rem 27*/
    line-height: 0.9 !important; /* 1.1 0.9 */
    padding-left: calc(.40em - 1px);
    padding-right: calc(.40em - 1px);
padding-bottom: calc(.30em - 1px);
        box-sizing: border-box;
        text-align: center;
         
         outline: 0;  
       border: 1px solid rgb(229, 231, 235);/* #dbdbdb #b5b5b5*/   
       
       
 }
 
  /*
 @media (min-width: 900px) { 
    .inputPC { 
     border: none;
 }
 }  */
 
 
 @media (min-width: 900px) { 
    .inputPC {
        border-radius: 8px;
        height: 32px!important;
    }
 }
 
.inputPC2 {
    
   /* appearance: none;*/
     border-radius: 9px;
    font-size: 14px!important;
    height: 27px!important;/* 1.8rem */
    line-height: 0.9 !important; /* 1.1 */
    padding-left: calc(.40em - 1px);
    padding-right: calc(.40em - 1px);

        box-sizing: border-box;
        text-align: center;
         
         outline: 0;  
       border: 1px solid rgb(229, 231, 235); /* #dbdbdb #b5b5b5*/    
 } 
 
 
 .days-inputPC {
    
  /*   appearance: none;*/
    border-radius: 9px;
    font-size: 14px!important;
    height: 27px!important;/* 1.8rem */
    line-height: 0.9 !important; /* 1.1 */
    padding-left: calc(.40em - 1px);
    padding-right: calc(.40em - 1px);

        box-sizing: border-box;
        text-align: center;
         width: 60px;
         outline: 0;  
       border: 1px solid rgb(229, 231, 235); /* #dbdbdb 1px solid #b5b5b5*/    
 }
 
.table-container-email2 {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

 .converteremail2 {
    margin: 0 5px;
     padding: 10px;
  border: 1px solid #f0f0f0; /* #e2e2e2  */
   /*   border: 1px solid #D3463D; /*rgb(229, 231, 235) */
    flex: 1;
    border-radius: 9px;
    
}

@media (max-width: 900px) { /* 设定手机端的最大宽度 */
    .table-container-email2 {
        flex-direction: column; /* 变为垂直排列 */
    }

    .converteremail2 {
        flex: 100%; /* 让每个converteremail2占满一整行 */
        margin: 5px 0; /* 上下的间距 */
    }
}



@media (min-width: 900px) {
    
.article2 {

    margin-bottom: 0px;
    
 }
   
}

@media (min-width: 900px) {
.content table td {
    border: none;

}
}

#dd2mobile{
    
font-size: 15px!important;
}


.image-container {
    text-align: center; /* 使图片居中 */
    margin: 20px 0; /* 给图片上下留点空隙，可根据需要调整 */
}

.image-container img {
    max-width: 100%; /* 确保图片不会超出容器宽度 */
    height: auto; /* 保持图片的纵横比 */
}


 
 @media (min-width: 390px) and (max-width: 400px) {
    #calendar, #wnlcalendar2, .article2 {
        width: 370px; /* 屏幕宽度在 390px 到 414px 之间时的宽度 */
    }
}

 @media (min-width: 400px) and (max-width: 414px) {
    #calendar, #wnlcalendar2, .article2 {
        width: 380px; /* 屏幕宽度在 390px 到 414px 之间时的宽度 */
    }
}


@media (min-width: 414px) and (max-width: 450px) {
    #calendar, #wnlcalendar2, .article2 {
        width: 390px; /* 屏幕宽度在 420px 到 450px 之间时的宽度 */
    }
}

 #wnlyue {
     
  width: 345px;
  height: 268px;  
   overflow: hidden;
    position: relative;   
   margin: auto;
   border-radius: 8px;
  }
  
  .slide-left {
    animation: slideLeft 0.5s forwards;
}

.slide-right {
    animation: slideRight 0.5s forwards;
}

.slide-up {
    animation: slideUp 0.5s forwards;
}

.slide-down {
    animation: slideDown 0.5s forwards;
}

@keyframes slideLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes slideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

   
.is-wnl {
    
/*font: bolder 36px "隶书"!important; /*28px 隶书 华文隶书 华文新魏 华文彩云*/
/*color: #d95e5e;; /*#CC1111 #d95e5e #444 #538ddd*/

} 

.ji-ri {
   color: rgb(254, 44, 85)!important;
   background-color: rgba(254, 44, 85, 0.06)!important;
 /*         background: rgba(225, 99, 73, .08)!important;*/  /* #fe2c5514*/
  /*   color: #e77a7a!important; */ /*  #fe2c55*/
} 

.fei-ji {
    
background-color: rgba(221, 221, 221, .4)!important; /*rgba(22, 24, 35, 0.03)*/

} 

/*====================================手机端============================================================================================*/




@media (max-width: 900px) {

#resultwnlPC ul {
  position: relative;
  display: inline-block;
  width: 345px;
  height: 265px;
  list-style: none;
  background-color: #fff;
  margin: 0px;
}


#resultwnlPC ul h3 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 150px;
  width: 100%;
  height: 265px;   /* 250px */
  text-align: center;
  line-height: 260px;
  color: #999;
  opacity: 0.02;
  filter: alpha(opacity=10);
 
  /* border: 2px solid #C3404F; */
    border: none;
    font-weight: 700;
}

#resultwnlPC ul span{
        
    position: absolute; /* 绝对定位 */
    display: block !important;
        left: 50%; /* 向左移动50% */
        transform: translateX(-50%); /* 使用负50%来居中 */
        top: 0; /* 距离顶部10px -27%*/
        text-align: center; /* 中心对齐文本 */
        height: 200px;
        line-height: 90px;
       font-size: 30px;
       margin-bottom: 0px;
        /* 设置合适的字体大小 */
      
        color: #999;
    
    z-index: 1;
    opacity: 0;/* 0 */
    font-weight: 700;
}

#resultwnlPC ul li {
  position: relative;
  float: left;
  width: 46px;
  height: 38px;
  cursor: pointer;
  color: #333;/*#38f*/
  /* color: #444;*/
  text-align: center;
 font-weight: bold;
   font-size: 16px;
    border: none;/* border: 0.1px solid #ddd; */
    
margin-right: 0px;
    margin-left: 3px;
   margin-bottom: 2px;
   border-radius: 5px;
}

#resultwnlPC ul#nong li {

    font-size: 13px;

}

#resultwnlPC ul li o {
    
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-20px); /* 向上移动1px */
   
}

#resultwnlPC ul li i {
  display: block;
  font-size: 8px!important;
  font-style: normal;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  margin-top:-70px;
  font-weight: normal !important; 
}
#resultwnlPC ul li u {
  font-size: 8px;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  right: 0px;
  top: 0;
/*  color: #333; */
  color: #fff;
  z-index: 2;
  background-color: #000;
      border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 11px;            /* 设置宽度等于字体大小 */
    height: 11px;           /* 设置高度等于字体大小 */
    line-height: 11px;      /* 设置行高等于高度，以使文本垂直居中 */
}

#resultwnlPC ul li c {
  font-size: 8px;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  left: 0px;
  top: 0;
/*  color: #333; */
  color: #fff;
  background-color: #ff5f5f#fff;
      border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 11px;            /* 设置宽度等于字体大小 */
    height: 11px;           /* 设置高度等于字体大小 */
    line-height: 11px;      /* 设置行高等于高度，以使文本垂直居中 */
}


#resultwnlPC ul li j {
  font-size: 8px;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  right: 0px;
  bottom: 0px; /* bottom: 4px; */
/*  color: #333; */
  color: #fff;
  background-color: #003cff;
      border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 11px;            /* 设置宽度等于字体大小 */
    height: 11px;           /* 设置高度等于字体大小 */
    line-height: 11px;      /* 设置行高等于高度，以使文本垂直居中 */
}


#resultwnlPC ul li.other {
    opacity: 0.2;
 /*  color: #8f8b8b;/*#979393 */
}

#resultwnlPC ul li.week {
  height: 26px;/* 30px */
  line-height: 26px;/* 30px */
  font-size: 15px;
  color: #333;
 /*  background-image: linear-gradient(110deg, rgba(0, 128, 255, 0.2), rgba(0, 128, 255, 0.3));*/

/*background-image: linear-gradient(to right, #868f96 0%, #596164 100%);*/
/*background-color: #CDDCDC; background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%); background-blend-mode: screen, overlay;*/
  font-weight: bold;

 /* border-bottom: 1px solid #E3E3E3; */
}

#resultwnlPC ul#nong li.week {
font-size: 14px;
}


#resultwnlPC ul li.weekend {
   color:#333;   /*df5151*/
}

#resultwnlPC ul li.norest {
  color: #444; 
  background-color: transparent;/* rgba(221, 221, 221, .4)*/
}

#resultwnlPC ul li.rest {
 color:#333;   /*df5151*/
}

#resultwnlPC ul li.rest i {
  color:#333; /*df5151*/
}



#resultwnlPC ul li.selected{

border: 1px solid rgb(254, 44, 85);/* #5794e9 #f98484 #D3463D */

}

#resultwnlPC ul li.selected o {

    font-size: 20px;
        
 display: inline-block; /* 使得调整有效 */
 transform: translateY(0px); /* 向上移动5px */
    
}

#resultwnlPC ul#nong li.selected o {

    font-size: 14px;
        
 display: inline-block; /* 使得调整有效 */
 transform: translateY(0px); /* 向上移动5px */
    
}


#resultwnlPC ul li.selected i {
   margin-top: -74px; /* -72px */
    font-size: 10px!important;
}

#resultwnlPC ul li:not(.today):hover o {

    font-size: 20px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-22px); /* 向上移动5px -22px*/

}

#resultwnlPC ul#nong li:not(.today):hover o {

    font-size: 14px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-22px); /* 向上移动5px */

}

#resultwnlPC ul li:not(.today).selected o {

    font-size: 20px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-22px); /* 向上移动5px */
    
}


#resultwnlPC ul#nong li:not(.today).selected o {

    font-size: 14px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-22px); /* 向上移动5px */
    
}


#resultwnlPC ul li.selected o {

    font-size: 20px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-20px); /* 向上移动5px */
    
}

#resultwnlPC ul#nong li.selected o {

    font-size: 14px;
        
 display: inline-block; /* 使得调整有效 */
    transform: translateY(-20px); /* 向上移动5px */
    
}



#resultwnlPC ul li:not(.today):hover i {
   margin-top: -74px; /* -72px */
    font-size: 10px!important;
  
}

#resultwnlPC ul li.today {
  font-weight: bold;
  color: #222;
  font-size: 20px;
/*background-image: linear-gradient(rgb(255, 94, 80), rgb(255, 151, 147)); */
background-image: #fff;  /* #5a8ed7 = rgb(90 142 215) , rgb(63 61 60) linear-gradient(#ff5f5f, rgb(255, 151, 147))*/
border-radius: 4px;
  /* border: none;*/
}

#resultwnlPC ul#nong li.today {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
/*background-image: linear-gradient(rgb(255, 94, 80), rgb(255, 151, 147)); */
background-image: linear-gradient(#ff5f5f, rgb(255, 151, 147));  /* #5a8ed7 = rgb(90 142 215) , rgb(63 61 60) */
border-radius: 4px;
  border: none;
}


#resultwnlPC ul li.today i {
  color: #222;
   font-size: 10px!important;
   margin-top:-70px;
   
}




#resultwnlPC ul li.today u {
  color: #fff;
   
}

#resultwnlPC ul li.rest u {
    background-color: red; /* 设置背景颜色为红色 */
    color: white; /* 设置字体颜色为白色 */
    border-radius: 50%; /* 将背景变为圆形 */
    /*padding: 2px;  添加一些内边距，以让圆形更明显 */
     text-align: center;      /* 使文本居中 */
   /*  font-size: 8px;        /* 设置字体大小 */
    width: 11px;            /* 设置宽度等于字体大小 */
    height: 11px;           /* 设置高度等于字体大小 */
    line-height: 11px;      /* 设置行高等于高度，以使文本垂直居中 */
}

#resultwnlPC ul li.other:hover {
    opacity: 0.8;
  /*  color: #979393; */
}


#resultwnlPC li:not(.today):hover:not(.week) {
    border: 1px solid #D3463D; /* 使用2px宽的红色边框 #5794e9 #f98484*/
    border-radius: 4px;
}


}



.table-container-email2 {
    display: flex;
    justify-content: space-between;
    margin-top: 0px; /* 5px */
    flex-direction: row !important;
}

 /* 
@media only screen and (max-width: 600px) {
    .table-container-email2 {
        flex-direction: column;
        
    }
}
*/
 .converteremail2 {
    margin: 0 0px;/* 0 5px*/
     padding: 2px; /* 10px 5px*/
 /*   border: 1px solid #e2e2e2; */
    border: none;
   /*  border: 1px solid #f0f0f0;*/
    flex: 1;
  /*    border-radius: 9px; */
  /*    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);*/
}


@media (max-width: 900px) {
    
 .converteremail2 {

   border: none;
   padding: 0px;
   
}
}

@media (max-width: 900px) { /* 设定手机端的最大宽度 */
    .table-container-email2 {
        flex-direction: column!important; /* 变为垂直排列 */
        margin-top: -5px !important; 
        
    }

    .converteremail2 {
        flex: 0 0 100%;  /* 让每个converteremail2占满一整行 */
        margin: 5px 0; /* 上下的间距 */
    }
}


        
            @keyframes moveText {
            0% {
                transform: translateX(25%); /* 从右侧完全移出视口 */
            }
            100% {
                transform: translateX(-100%); /* 移动到左侧完全移出视口 */
            }
        }

        #resultwnlPC ul li:hover.animate i, 
        #resultwnlPC ul li.selected.animate i {
            animation: moveText 8s linear infinite; /* 只有在 hover 或 selected 时应用动画 */
            overflow: hidden;
            white-space: nowrap;
          position: absolute;
          width: auto;
          
        }
   
   
  @media (min-width: 900px) { 
   #wnlcalendar2  { 
      width: 800px !important;/*  800px */position: relative;padding: 0rem;height:635px;/*  610px 620px 650px 700px 695px*/
       
     }
  }


  @media (max-width: 900px) { 
   #wnlcalendar2  { 
      height:358px; 
       
     }
  }


.rili.input {
    appearance: none;
    font-size: 14px !important;
    height: 27px !important;
    line-height: 0.9 !important;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}




.todayPc {
    color: #444; /* #e77a7a #0087ff #e72e0e*/
  /*  border-radius: 2px;*/
    text-align: center;
    /* border: 1px solid hsla(215, 67%, 59.6%, 0.3); */
  /*   font-weight: 700;*/
   /*  transition: color 0.3s !important;*/
}


      
#startPC {
    
    width: 72px !important;cursor: pointer;position: absolute; right:0px;bottom:0px;z-index:2;color: #222;

}


#holidaySelectPC {

width: 88px !important;cursor: pointer;position: absolute; right:74px;bottom:0px;z-index:2;color: #222;

}

#RiliPC {

width: 88px !important;cursor: pointer;position: absolute; right:164px;bottom:0px;z-index:2;color: #ff0000;

}



  @media (max-width: 900px) { 

#startPC {
    
  width: 50px !important; position: absolute; right:2px;bottom:2px;font-weight: 500;

}


#holidaySelectPC {

width: 65px !important; position: absolute; right:55px;bottom:2px;font-weight: 500;

}

#RiliPC {

width: 65px !important; position: absolute; right:122px;bottom:2px;font-weight: 500;

}


.input {
    appearance: none;
    font-size: 14px !important;
    height: 32px !important;
    line-height: 0.9 !important;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}



}


.rili.input {
    appearance: none;
    font-size: 14px!important;
    height: 27px!important;/* 1.8rem */
    line-height: 0.9!important; /* 1.1 */
   /* padding-left: calc(.40em - 1px);
    padding-right: calc(.40em - 1px);*/
    padding-left: 2px;
    padding-right: 2px;
        box-sizing: border-box;
        text-align: center;
       cursor: pointer; 
 }
 
   @media (min-width: 900px) { 
      .rili.input { 
          
       height: 32px!important;
       
      } 
   } 
   
 .todayPc:hover {
    /* background-color: red; */
    /*  background: linear-gradient(180deg, #ff5e50, #ff9793); */
   background:#df5151;    /* #0087ff*/
 }
 
 
   @media (min-width: 900px) { 
 #year{ 
 width: 60px !important;font-size: 20px!important;color: #444;
 }
 

  
  
  #month{ 
  width: 50px !important;font-size: 20px!important;color: #444;
  
  }
  
   #day{ 
 width: 50px !important;font-size: 16px!important;color: #444;
  
  }
  
  
  
  
 #btn-prev-year,#btn-next-year, #btn-prev-month, #btn-next-month, #btn-prev2, #btn-next2{ 
     
     font-size: 20px; /*18px*/
 
    }
    
    }
    
 
  @media (max-width: 900px) { 
      
      
 #year{ 
 width: 48px !important;font-weight: 700;font-size: 14px!important;
 }
 

  
  
  #month{ 
  width: 40px !important;font-weight: 700;font-size: 14px!important;
  
  }
  
   #day{ 
  width: 40px !important;font-weight: 700;font-size: 14px!important;
  
  }
  

  }
  
#button-container {
    margin-top: -5px; /* -3px */
    text-align: right;
    padding-right: 0px; /* 10px */
}

#calendar {
  /*  margin: 0;*/
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}




@media (max-width: 900px) { 
    
#wnlyue {
    width: 345px;
    height: 268px;
    overflow: hidden;
    position: relative;
    margin: auto;
    border-radius: 8px;
}
}


@media (min-width: 900px) { 
    
#wnlyue {
    width: 780px;/* 900px*/
    height: 600px; /* 610px 620px 650px 700 660px*/
    overflow: hidden;
    position: relative;
    margin: auto;
    border-radius: 8px;
}
}

#btn-prev-month2{ 
    position: absolute;
    top: 45%;
    left: 0px;
    opacity: 0.4;
    z-index: 2;
}    

#btn-next-month2 { 
    position: absolute;
    top: 45%;
    right: 0px;
    opacity: 0.4;
    z-index: 2;
}    


@media (max-width: 900px) { 

#btn-prev-month2,#btn-next-month2 { 
   /* display: none; */
     top: 50%;

}
}





#wnlcalendar {
    /*  text-align: center; */
    background-color: #ffffff;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    transform-origin: 50% 50%;
    margin: auto;
    
}

@media (min-width: 900px) {
    
#wnlcalendar,#wnlcalendar5 {
border-radius: 6px;
    border: 1px solid rgb(229, 231, 235);
    padding: 5px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); 
}    
} 

@media (min-width: 900px) {

#wnlcalendar5 {
    padding: 8px;
   height: 682px; /*748px 742px*/
 
}    
} 


 #wnlcalendar:fullscreen {
    display: flex;
}


#btn-today2{
 width:64px!important;  
}


@media (min-width: 900px) { 
 #btn-today2{
     width:72px!important;  
  font-size: 16px!important; 
  /* font-weight: 700;*/
 }      
}   


@media (min-width: 900px) {
#be1mobile4 {
 
   position: absolute; /* 设置绝对定位 */
    left: 300px; /* 左侧对齐 */
    display: inline-block; /* 默认情况下，在电脑端左对齐 */
    text-align: left; /* 左对齐 */
    font-size: 18px !important; /* 20 px */
  /*  font-weight: 700; */
    color: #222;/*#076ad3*/
    margin-top: 2px;

}
}


/* 当屏幕宽度小于或等于768像素时（通常为手机端） */
@media (max-width: 900px) {
    #be1mobile4 {
        display: block; /* 在手机端使用块级元素 */
        text-align: center!important; /* 中心对齐 */
        width: 100%; /* 使其占满整个宽度以便于居中 */
        color: #38f;
        margin-top: -6px;
    }
}


#wnlrili{
position: absolute; 
left:5.7%;/* 10px */
top:0px;

color: #fe2c55;
 }
 
 @media (max-width: 900px) {
    
#wnlrili{

font-weight:700;

} 
}

         
@media (max-width: 900px) {
    
#wnlrili{

left: 43%; /*36%*/
top:3px;

} 
}

 
 

@media (max-width: 900px) {
#wnlrili{
top:3px;
font-size: 15px !important;


 } 
 
 }


@media (min-width: 900px) {
#wnlrili{

font-size: 20px !important;

 } 
 
 }
 
/*
 #resultwnlPC ul li.nongliyue o{
  color: #4c4b55;   blue
  } 
  
*/
  
  
 @media (min-width: 900px) { 
 
 #ganzhili{

        position: absolute;
        left: -120px;
        display: inline-block;
        text-align: left;
        width: 400px;
 } 
 }
  
  
@media (max-width: 900px) { 
 
 #ganzhili{
     
  margin-left: 70px;

 } 
 }
 
 @media (max-width: 900px) { 
 
 #ganzhili{
     
  margin-left: 70px;
  font-size: 14px !important;

 } 
 }
 
 
#resultwnlPC ul#nong li.other.selected  { 
 
 opacity: 1;
 
}

@media (min-width: 900px) { 
#resultwnlPC ul#nong li i { 
 
  font-size: 16px !important;
 
}
}

/*
 .tag {
            display: inline-block;
            margin-right: 10px;
            padding: 5px 10px;
            border-radius: 12px;
            font-size: 16px;
        }

        .positive {
            background-color: #ffcee0;
            color: #d3005f;
        }

        .negative {
            background-color: #e0e0e0;
            color: #000;
        }
        */
        
        .container5 {
        
            display: flex;
            align-items: center;

   
        }
        

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 0 5px;
        }

        .red-dot {
            background-color: pink ; /*pink rgba(254, 44, 85, 0.06)*/
        }

        .gray-dot {
            background-color: lightgray;/*lightgray rgba(221, 221, 221, .4)*/
        }

        .label {
            font-size: 18px;
         /*    font-weight: 600;*/
            margin: 0 5px;
        }

        .label-frame {
           /* border: 1px solid pink;*/
            padding: 2px 5px;
            border-radius: 5px;
            color: rgb(254, 44, 85);/*pink*/
        }
        
@media (max-width: 900px) {

        .label {
            font-size: 15px;
        
        }


 
 }

.dropdown {
            display: inline-block;
            margin-bottom: 5px;
            
        }

        .dropdown-content {
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            padding: 2px;
            background-color: #fff;
            border-radius: 6px;
            box-shadow: none;
            
        }

        .dropdown-content a {
            text-decoration: none;
            padding: 0px 8px;
            background-color: #f3f3f4;/*#ebedef rgba(22, 24, 35, 0.05) #eff5fb*/
            
            color: #5c616c;/*#333 #4a4a4a #296fa8*/
            border-radius: 6px;
            display: inline-block;
            text-align: center;
            transition: background-color 0.3s, color 0.3s;
        }

        .dropdown-content a:hover {
            background-color: #e4eff9;/* #d1d5da #ebedef*/
            color: #296fa8; /* #000 */
             
         border-color: transparent;
  
        }
        
@media (max-width: 900px) {
    
            #buttons-container.dropdown-content {

            gap: 8.3px;

        }
    
    #dropdown {
        display: block;                /* 变成块级元素 */
        width: 100%;                   /* 占满宽度 */
        overflow-x: auto;              /* 横向可滚动 */
        white-space: nowrap;           /* 不换行 */
        -webkit-overflow-scrolling: touch; /* iOS滚动优化 */
        scrollbar-width: none;         /* Firefox隐藏滚动条 */
    }

    #dropdown::-webkit-scrollbar {
        display: none;                 /* Chrome等隐藏滚动条 */
    }

    #dropdown .dropdown-content {
        display: flex;
        flex-wrap: nowrap;             /* 禁止换行 */
        padding: 2px;
        background-color: #fff;
        border-radius: 6px;
        box-shadow: none;
        column-gap: 5px;               /* 横向间隙 */
        font-size: 14px;
    }

    #dropdown .dropdown-content a {
        flex-shrink: 0;                /* 不缩小 */
        text-decoration: none;
        padding: 0 8px;
        background-color: #f3f3f4; /*rgba(22, 24, 35, 0.05) #eff5fb*/
        color: #5c616c; /* #4a4a4a #296fa8*/
        border-radius: 6px;
        display: inline-block;
        text-align: center;
        transition: background-color 0.3s, color 0.3s;
        white-space: nowrap;           /* 防止文字换行 */
    }

    #dropdown .dropdown-content a:hover {
            background-color: #e4eff9;/* #ebedef */
            color: #296fa8; /* #000 */
    }
}
     
     
       @media screen and (max-width: 410px) {
    .box.content {
        padding: 5.5px;
    }
}





/* 适用于大于768px的屏幕，即桌面端 */
@media (min-width: 768px) {
    .container3 {
        display: flex!important; /* 使用 flexbox 布局 */
        flex-wrap: wrap!important; /* 允许换行 */
        justify-content: space-between!important; /* 元素之间留有间距 */
    }
    
    .article5 {
        width: calc(33.33% - 1rem); /* 计算宽度为50%，并减去间距 */
        margin-bottom: 10px; /* 添加底部间距 */
        font-size: 15px;
        line-height: 1.7em;
        
    }

    
    
}


@media (min-width: 768px) {
    .article5 {
        width: 410px!important;
        font-size: 15px;
        line-height: 1.7em;
    
    }
}

@media (max-width: 768px) {
    .container3 {
        display: block; /* 切换为块级布局 */
    }
    
    .article5 {
        width: 100%; /* 宽度设置为100% */

    }
}


@media (max-width: 768px) {
    .article6,.article5 {
        width: 350px;
        font-size: 15px;
        line-height: 1.7em;
        
    }
}

.article5 {
text-align: center;
position: relative;
/*min-height: 300px;*/
}


.article6,.article5 {

    width: 350px;
    background-color: #fff;
    border-radius: 8px;
    /* box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); */
    /* border: 1px solid #fed6e3; */
    border: 1px solid rgb(229, 231, 235);
    color: #4a4a4a;
    /*   display: block; */
    padding: 0.5rem;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.7em;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.article6,.article5 {
    width: 100%;
    box-sizing: border-box;
    height: auto;
}


@media (min-width: 900px) {
    .article6 {
      /*  width: calc(33.33% - 1rem);
        margin-right: 1rem;
        float: left;
        height: 265px; */
        
         flex: 0 0 calc(33.3% - 5px);
        margin-top: 5px;
        
    }

    .article6:nth-child(3n) {
        margin-right: 0px!important;
    }
}

.container3::after,#allShichenDisplay::after {
    content: "";
    display: table;
    clear: both;

}

.active .left[data-v-a8] {

    border: .05333rem solid #333; /*#e96f6f*/
    color: #333;
}

.left[data-v-a8] {
    background-color: #fff;
    border: .05333rem solid #e9e9e9;
    border-radius: 50%;
    color: #777;
    font-size: 18px;
    height: 2rem;
    margin-right: .26667rem;
    min-width: 2rem;
    position: relative;
    width: 2rem;
    z-index: 2;
    justify-content: center;
}

.flex, .flex-left {
    align-items: center;
    display: flex
;
}

.flex {
   /* justify-content: center; */
}

.jx[data-v-a8] {
/*  font-weight: 700;*/
    border-radius: 50%;
 /*   color: #fff; */
    font-size: 18px;
    height: 2rem;
    line-height: 1;
  min-width: 2rem;
    right: .13333rem;
    top: 0;
    width: 2rem;
    min-width: 2rem;
    justify-content: center;
}



.yiji5 {
  
    border-radius: 50%;
    color: #fff;
    background: #eb3131;
padding: 0px 2px;
}

.chong5 {
  
    border-radius: 50%;
    color: #fff;
    background: #8d9b15;
padding: 0px 2px;
}


.yiji6 {

  
    border-radius: 50%;
    color: #fff;
    background: #333;
padding: 0px 2px;
}


.ji5 {
   /*  background-color: rgb(78, 110, 242); /* 背景色为蓝色 */
    color: rgb(78, 110, 242); /* 字体颜色为白色 */
    border: .05333rem solid rgb(78, 110, 242);
}

.huandaori {
   /*  background-color: rgb(78, 110, 242); /* 背景色为蓝色 */
   
    color: rgb(78, 110, 242); /* 字体颜色为白色 */
    /* border: .05333rem solid rgb(78, 110, 242);*/
    
 /*   color: rgb(254, 44, 85); 
    border: .05333rem solid rgb(254, 44, 85);  */
    border-radius: 5px; 
}


.heidaori {
   /*  background-color: rgb(78, 110, 242); /* 背景色为蓝色 */
   
    color: #d03f3f;
   /*    border: .05333rem solid #d03f3f;*/
    
/*    color: #000; 
    border: .05333rem solid #000; */
    border-radius: 5px;
}


/* 当内容为“凶”时的样式 */
.xiong {
  /*   background-color: #333; /* 背景色为黑色 */
    color: #d03f3f;
    border: .05333rem solid #d03f3f;
}


.highlight-event
{

    color: #d03f3f; /* #F60 */
  font-weight: 600;
}


.highlight-event-ji
{

    color: #000;

}

.notification:not(:last-child) {
    margin-bottom: 10px;
}

 .shichen5 {
    
    border-radius: 50%;
    color: #fff;
    background: #34b781;
padding: 0px 2px;

}

.button.is-danger.is-light {
    margin-bottom: 4px !important;
}

#resultwnl ul li:hover:not(.week) {
  cursor: pointer;
}

  #yjmobile,#yj2mobile,#k {
     
     text-align: left;
 
 }