﻿blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html body,body button,body input,body select,body textarea{font-family: 'é»‘ä½“';line-height: 1;}
body h1,body h2,body h3,body h4,body h5,body h6{font-size:100%; }
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:12px}
ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}
fieldset,img{border:0}button,input,select,textarea{font-size:100%}button{border-radius:0}table{border-collapse:collapse;border-spacing:0}


/* html,body,p,div,span,a,ul,li{
  padding: 0;
  margin: 0;
  line-height: 1;
}
ul,li{
  display: block;
  list-style: none;
} */
a, a:hover{
  text-decoration: none;
}

*, ::after, ::before{
  box-sizing: content-box;
}

#root {
  background-color: rgb(249, 249, 249);
}

.content-container {
  max-width: 1440px;
}

.content-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.column-layout{
  display: flex;
  flex-direction: column;
}

.row-layout{
  display: flex;
  flex-direction: row;
}

.img-shadow{
  position: absolute;
  /* background: rgb(0, 0, 0, 0.2); */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.img-overlay{
  background: rgb(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



@media screen and (max-width: 1600px){

  body .content-container{
    max-width: 1440px;
    width: 80%;
  }
}

@media screen and (min-width:1025px) and (max-width:1599px){

  body .content-container{
    max-width: 1190px;
    width: 80%;
  }

}  

@media screen and (max-width: 1024px){
  body .video-card-tag {
    display: none;
    bottom: 0.2rem
  }

  body .video-card-tag>li{
    margin-bottom: 0.05rem;
  }

  body .foot-nav-list{
    max-width: 12rem;
  }

  body .foot-nav-item{
    width: 1.8rem;
  }
}

body .carousel-control-next,
body .carousel-control-prev, 
body .carousel-control-next:hover,
body .carousel-control-prev:hover{
  opacity: 1;
}


.section-title{
  display: flex;
  flex-direction: row;
  margin-left: 0.45rem;
  margin-bottom: 0.5rem;
  position: relative;
}


.card-section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.card-section .ablity-card:not(:last-child) {
  margin-right: 0.2rem;
}

.card-section .text-card:not(:last-child) {
  margin-right: 0.2rem;
}


.dropup .dropdown-menu{
  margin-bottom: 0;
}

.entry-section-top{
  margin-top: 2.2rem;
}

.entry-section{
  margin-top: 0.8rem;
}

.bottom-section{
  margin-bottom: 1.5rem;
}

.check-icon-group{
  display: flex;
}

.check-icon-group img{
  width: 0.27rem;
  height: 0.26rem;
  
}

.check-icon-group p{
  margin-bottom: 0.08rem;
}

.check-icon-group p:first-child{
  margin-top: 0.05rem;
  margin-right: 0.10rem;
  line-height: 1.4;
}

.text-card{
  position: relative;
  color: white;
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  padding: 0.6rem 1.2rem 0.7rem 0.45rem;
  overflow: hidden;
}

.text-card:hover{
  box-shadow: 0px 0px 0.2rem 0 rgba(11,16,51,0.2);
}

.text-card .card-title, .text-card .card-content{
  color: white;
}

.text-card-more{
  display: block;
  font-size: 0.22rem;
  margin-top: 1rem;
  text-decoration: none;
  color: white;
}

.text-card-more:hover{
  color: white;
}
.text-card-more:hover img{
  transform: translateX(10px);
  transition: all 0.3s;
}
.text-card-more img{
  margin-left: 0rem;
  margin-bottom: 0.05rem;
}

.list-text-card{
  background-color: white;
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #eaeaea;
  border-radius: 0.1rem;
  font-family: 'PuHuiFontLight';
  padding: 0.6rem 0.30rem 0.25rem 0.4rem;
  
}
.list-text-card:hover{
  box-shadow: 0px 0px 0.2rem 0 rgba(11,16,51,0.2);
}



.list-text-card:not(:last-child){
  margin-right: 0.2rem;
}



.entry-container{
  position: relative;
  display: flex;
  flex-direction: column;
}