* {

    box-sizing: border-box;

    margin: 0;

    padding: 0; }



  html,body{

      font-family:Microsoft YaHei;

      font-weight:400;

      color:rgba(51,51,51,1);

  }



  a {

    text-decoration: none;

    color: #333; }



  ::selection {

    color: #333; }



  ::-moz-selection {

    color: #333; }



  ::-webkit-selection {

    color: #333; }



  body:before,

  body:after{

    content:"";

    display:table;

    clear:both;}



  ul, li {

    list-style: none; }



  section{

    position: relative;

  }

  img{

    pointer-events: none; 

    -webkit-user-select: none;

    -moz-user-select: none;

    -webkit-user-select:none;  

    -o-user-select:none;  

    user-select:none;  

  }

.clear, section:before, section:after, #box:before, #box:after, li:before, li:after {

  content: "";

  display: table;

  clear: both; }



pre {

  white-space: pre-wrap;

  display: block; }



.boxCenter, #list_title, #list_box, #page_list_box {

  width: 1200px;

  margin-left: calc((100vw - 1200px) / 2); }



.positionMiddle {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto; }



.positionCenter, .bannerPoint {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto; }



section {

  width: 100%;

  position: relative;

  height: auto; }



#banner {

  width: 100vw;

  margin-top: 50px;

  z-index: 1;}



.bannerBox {

  width: 100vw;

  margin: 120px auto 0;

  position: relative;

  overflow: hidden;

  position: relative; }



.bannerBox li {

  width: 100%;}



.bannerList {

  width: 100%; }



.bannerBox img {

  vertical-align: top;

  width: 100%;}



  .exercise_name{

    position: absolute;

    bottom: 50px;

    right: 176px;

    width: 40vw;

    height: 130px;

    text-align: right;

    font-size: 52px;

    color: rgba(255,255,255,1);

    display: flex;

    flex-wrap: wrap;

    align-content: space-around;

    justify-content: flex-end;

  }

  .exercise_name p{

    width: 100%;

    height: 52px;

    line-height: 52px;

    text-align: right;

  }

.bannerPoint {

  width: 84px;

  bottom: 24px;

  padding: 12px;

  height: 30px;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.2); }



.bannerPoint li {

  background: white;

  float: left;

  width: 16px;

  height: 8px;

  border-radius: 2px;

  transition: all 0.5s; }



.bannerPoint .inPoint {

  background: #009341; }



.bannerPoint li:not(:first-child) {

  margin-left: 6px; }



#list_title {

  margin-top: 65px; }



#list_title h1 {

  width: 86%;

  text-align: center;

  font-size: 48px;

  font-family: Microsoft YaHei;

  color: #009341;

  line-height: 50px; }



#list_title p {

  width: 100%;

  text-align: center;

  font-size: 24px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #BBD400;

  line-height: 26px;

  margin-top: 10px; }



#list_box {

  height: auto;

  margin-top: 60px; }



  #list_box::before{

    display: inline-block;

    content: "";

    width: 8px;

    height: 25%;

    background-color: #67bf8f;

    position: absolute;

    bottom: 0%;

    transform: translateY(-50%);

    left: 0;

  }

 

  #list_box::after{

    display: inline-block;

    content: "";

    width: 8px;

    height: 25%;

    background-color: #67bf8f;

    position: absolute;

    bottom: 0%;

    right: 0;

    transform: translateY(-50%);

  }

.list {

  /*background: white;*/

  left: 0;

  top: 0;

  display: none;

  width: 100%;

  height: auto; }



#list_box .active {

  display: block; }



.list li {

  width: 100%;

  height: auto;

  position: relative;

  padding: 20px 0; }



.list li:not(:last-child) {

  border-bottom: 1px dashed #dcdcdc; }



.list li a > * {

  float: left; }



.list li a  {

  display: block;

  width: 100%;

  height: 30px;

  display: flex;

  align-items: center; }



.list li a h1 {

  width: 70%;

  font-size: 24px;

  font-family: Microsoft YaHei;

  font-weight: normal;

  color: #333;

  line-height: 30px;

  text-align: left; }



.list li .time {

    width: 30%;

    height: 20px;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333;

    line-height: 20px;

    text-align: right;

}



/* .list li:hover a div h1, .list li:hover a div p, .list li:hover a div span {

  color: #009341; } */

.list li:hover a h1, .list li:hover a div{

  color: #009341; }



#page_list_box {

  height: 50px;

  line-height: 50px;

  text-align: center;

  margin-top: 60px; }


  #page_list_box  span{

  display: none; }

#page_list_box>a{

  margin:0 10px;

  cursor:pointer;

}



#page_list_box a {

  text-align: center;

  width: 24px;

  height: 24px;

  line-height: 24px;

  background: white;

  font-size: 18px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #333;

  display: inline-block;

  margin: 5px; }

  

  

  
/* 
  #page_list_box a:first-child {

  text-align: center;

  width: 100px;

  height: 24px;

  line-height: 24px;

  background: white;

  font-size: 18px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #333;

  display: inline-block;

  margin: 5px; 

  } */

  

  

  

   /* #page_list_box a:last-child {

  text-align: center;

  width: 100px;

  height: 24px;

  line-height: 24px;

  background: white;

  font-size: 18px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #333;

  display: inline-block;

  margin: 5px; 

  } */

  

  



#page_list_box li:hover {

  color: #009341;

  cursor: pointer; }



.page-num-current {

  color: white !important;

  background: #009341 !important; }



#page_list_box li.active a{

   color:white;

}



#page_list_box li:first-child, #page_list_box li:last-child {

  width: 60px; }



  #mobile_more{

    display:none;

  }



@media (max-width: 450px) {

  html {

    width: 100vw; }



  .boxCenter, #list_title, #list_box, #page_list_box, #list_title, #list_box, #page_list_box {

    width: 100%;

    margin-left: 0;

    margin-top: 0px; }



    #list_box::before,#list_box::after{

      display: none;

    }



    #list_box,.list .active{

      height:auto;

    }

  .bannerPoint {

    display: none; }



    #banner{

      height: auto;

    }



    .bannerBox {

      width: 100%;

      margin: 10px auto; }



    #list_title h1::before {

      display: inline-block;

      vertical-align:text-bottom;

      content: "";

      width: 6px;

      height: 24px;

      background: #009341;

      margin-right: 10px;

    }



  #list_title h1 {

    font-size: 20px;

    text-align: left;

    line-height: 30px;

    margin: 14px 15px; }



  #list_title p {

    font-size: 10px;

    margin-top: 0px;

    line-height: 18px; }



#list_box{

   margin-bottom:36px;

}



  .list li a img {

    width: 40vw; }





  #list_box .list {

    padding: 0 15px;

    height: auto;

    position: unset;

    display: block; }



  .list li a h1 {

    font-size: 17px;

    line-height: 20px;

    margin-top: -4px; }





  .list li:not(:last-child) { }



  .list li {

    padding-bottom: 3px; }



  #page_list_box {
 z-index: 999;
    /* display: none;  */
  } 



 #mobile_more{
   display: none;
    width:100px;

    text-align:center;

    margin-left:calc((100% - 100px) / 2);

    height:30px;

    /* display:block; */

    margin-top:10px;

  }



  #mobile_more p{

    width:100%;

    text-align:center;

    line-height:20px;

    font-size:14px;

    color:#009341;

  }



  #mobile_more em{

    display:inline-block;

    width:0;

    height:0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 10px solid #009341;

  }



}



 

@media (max-width: 374px) {

  .list li a div p {

    font-size: 10px;

    line-height: 14px; } }



/*# sourceMappingURL=exercise.css.map */