@charset "utf-8";
/* CSS Document */
/*主页中的carousel///////////////////////////////////////////////////////////////////////////////////*/
.ol_carousel_logo {
  height: 300px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;/*项目在主轴上的对齐方式*/
  align-items: center;/*项目在交叉轴上如何对齐*/
  align-content: center;/*定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用*/

}
.ol_carousel_image {
  /*在html中直接填写*/
}
.ol_carousel_caption {
  position: absolute;
  right: 15%;
  bottom: 0px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
}
/*导航栏中无用的链接加下划线，变灰色*/
.ol_nav_disable {
  color: darkgrey!important;
  text-decoration: line-through!important;
}
/*主页中的card///////////////////////////////////////////////////////////////////////////////////*/
.ol-card-home {
  width:100%;
  max-width: 360px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-image: url("../images/wiki/card-wiki-bg.jpg");
  background-size: 160px;
  background-clip: border-box;
  border: 1px solid gray;
  border-radius: 0.25rem;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ol-card-home:hover {
  background: #F7931E;
}
/*首页卡片下方的文字条*/
.ol_card_img_overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 0px!important;
}
/*wiki中的card///////////////////////////////////////////////////////////////////////////////////*/
.ol-card-wiki {
  width: 160px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-image: url("../images/wiki/card-wiki-bg.jpg");
  background-size: 160px;
  background-clip: border-box;
  border: 1px solid gray;
  border-radius: 0.25rem;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ol-card-wiki:hover {
  background: #F7931E;
}
.ol-card-wiki-textcontainer {/*文字部分*/
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
  background-color: #343A40;
}
.ol-card-wiki-text {
  margin: 0px;
  text-align: center;
  color: #D6D6D6;
  text-decoration: none;
}
.ol-card-wiki-img {
  
  width: 160px;

  height: 174px;
}
.ol-card-wiki-heroclassifyicon {/*card里面的svg分类图标*/
  position: absolute;
  fill: #343A40;
  top: 141px;
  left: 2px;
  width: 30px;
  height: 30px;
}
/*卡片组的头部总标题*/
.ol-cardgroup-title {
  background: #343A40;
  color: #D6D6D6;
}
.ol-cardgroup-title-heroclassifyicon {/*wiki卡片组标题中的svg*/
  position: relative;
  fill: #D6D6D6;
  top: -5px;
  left: 0px;
  width: 40px;
  height: 40px;
}
.ol-card-wikimap {
  width: 300px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-image: url("../images/wiki/card-wiki-bg.jpg");
  background-size: 300px;
  background-clip: border-box;
  border: 1px solid gray;
  border-radius: 0.25rem;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ol-card-wikimap:hover {
  background: #F7931E;
}

/*workshop中的card///////////////////////////////////////////////////////////////////////////////////*/
.ol-card-workshop {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-color: white;
  border: 1px solid gray;
  border-radius: 0.25rem;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  
}