@font-face{
    font-family: 'msyh';
    src: url('../fonts/msyh.ttf');   
}
@font-face{
    font-family: 'Dengb';
    src: url('../fonts/Dengb.ttf');  
}
@font-face{
    font-family: 'test';
    src: url('../fonts/Hanzi-Pinyin-Font.top.ttf');  
}


html {  overflow-x: hidden; }


/* webkit, opera, IE9 （谷歌浏览器）*/
::selection { 
    background: #08c18a; /* 背景颜色 */
    color: #fff;        /* 文字颜色 */
}
/* mozilla firefox（火狐浏览器） */
::-moz-selection { 
    background: #08c18a;   /* 背景颜色*/
    color: #fff;          /* 文字颜色 */
}


@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
/*    max-width: 800px;*/
    max-width: 86%;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
/*    max-width: 1140px;*/
    max-width: 86%;
  }
}


.nav-link {
  font: 18px/33px bold arial,sans-serif;
  cursor: pointer;
}
a {
  color: #000;
  text-decoration: none;
}
.subnav {
    
  cursor: pointer;
  font: 17px/30px arial,sans-serif;
}


.tests {
    margin-left: auto;  margin-right: auto;
   
    background-color: red;
    margin: 3px;
    border: 3px;
    padding: 3px;
    height: 100%;
}

.btit{
    font-family: 'msyh';
    font: 17px/35px msyh;
    background-color: #ccccca;
    color: black;
    text-align: center;
    border-top: 15px solid #fff;
}
.tit{
     text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      /*float: left; */
     /* position: absolute;*/
      display:inline;
      ;

    /*  font: 16px/36px msyh;*/
      font: 1.1rem/2.1rem msyh;
 


     /* color: #022;*/
     /* height: 50px;*/
      background-color: #e8e7e3;
      border: 1px solid #f8f9fa;  
      cursor: pointer;
}
.tit:hover {    
      background-color:  #ccccca; 
}
.img {
  cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    /*外诓*/
/*    border: 9px #f8f9fa solid;*/
    border: 6px #fff solid;
    border-radius: 8px;
    padding: 2px;
    padding-bottom: 0px;

    text-align: center;
    font: 14px/20px arial,sans-serif;
}
.img:hover {  
    background-color:  #ccccca;
    font: bold 13px/20px arial,sans-serif;
}

#img-fluid-id {
/*    width: 100%;*/

/*    margin-left: 20%;
    margin-right: 20%;*/
}

.imgs {
    /* cursor: pointer; */
    cursor: zoom-in; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    /*外诓*/
/*    border: 9px #f8f9fa solid;*/
    border: 6px #fff solid;
    border-radius: 8px;
    padding: 2px;
    padding-bottom: 0px;

    text-align: center;
    font: 14px/20px arial,sans-serif;
}
.imgs:hover {  
    /* background-color:  #ccccca; */
    font: bold 13px/20px arial,sans-serif;
}


#content-video {
/*    margin: 100%;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
}

#huise {
    font: bold arial,sans-serif; 
    color: #838383;
/*    background-color: red;*/
    
}

#azah-span {
    cursor: pointer;
    position: relative;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border: 5px #fff solid;
    border-radius: 5px;
    padding: 2px;

   /* padding-bottom: 0px;*/

  /*  text-align: center;*/
  /*  font: 14px/20px arial,sans-serif;*/
}

#azah-span:hover {  
    background-color:  #ccccca;
}

#azah-img-h1 {
    opacity: 0.85;
/*    box-shadow: 1px 1px 4px #000;*/
    position: absolute;
    top: 6px;
            
    /*background-color: #35363a;   #35363a */
    background-color: #35363a;  /* #35363a */
    border: 5px solid #35363a;
    padding-top: 0px;
/*    border-top: -6px solid #33334c;
    border-bottom: 4px solid #33334c;
    border-right: 5px solid #33334c;
    border-left: 5px solid #33334c;
*/
    /*font: 0.5rem bold arial,sans-serif;*/
    color: #fff;            
}

#azah-img-h1s {
    opacity: 0.8;
    position: absolute;
    top: 12px;

    background-color: #35363a;  
    border: 5px solid #35363a;
    padding-top: 0px;

    color: #fff;            
}

/*@media (min-width: 576px) {  #azah-img-h1 {   font: 0.9rem bold arial,sans-serif;   }    } */    
@media (min-width: 576px) {  #azah-img-h1 {   font: 1rem bold arial,sans-serif;   }    }     
@media (max-width: 960px) {  #azah-img-h1 {   font: 0.6rem bold arial,sans-serif;   }    } 


 

 

#dynamic-modal pre{
 overflow-y: hidden;
}

#dynamic-modal code{
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    font: 0.9rem/1.4rem msyh;
/*    overflow-y: hidden;*/
}




#audioid {
  width: 100%;
  margin: 0px;
 
  background-color: #f1f3f4;
  border-radius: 5px;
}


#qblg-div{ 
    background-color: green;
    position: relative;
    padding: 5px;
}
#qblg-img-src {

    }

#qblg-img-tit {
    font-size: 16px;
    margin: 3px;
    color: red;
    position:absolute;
    bottom: 25%;
    left:10px;
}



#store-title {
/*    font-size: 19px;*/
    color: #863d81;
    font: bold 18px/22px arial,sans-serif;
}


.btn-1688   {    background-color: #f95824; color: #fff;     }
.btn-jd     {    background-color: #ff2e39; color: #fff;     }
.btn-tmall  {    background-color: #fb222b; color: #fff;     }
.btn-pdd    {    background-color: #f10000; color: #fff;     }




#yin-wood {  background-color: #5cff60;   }
#yang-wood {  background-color: #00b704;   }

#yin-fire {  background-color: #ff7679;   }
#yang-fire {  background-color: #b70004;   }

#yin-soil {  background-color: #ffaf68;   }
#yang-soil {  background-color: #863f00;   }

#yin-metal {  background-color: #f2fa83;   }
#yang-metal {  background-color: #dbea00;   }

#yin-water {  background-color: #5bc5ff;   }
#yang-water {  background-color: #006197;   }


.beian {
    
/*    background-color: red;*/
  text-align: center;
  height: 20px;
  font: 16px/12px arial,sans-serif
 
}
.beian a {
  color: black;
}


/*******************************************************/

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
ul > li{
    cursor: zoom-in; 
}