.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
.second{
    padding-top: 60px;
    width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
}
.item_parent{
    border-radius: 10px;
    border: 1px solid #5dc1ff;
    margin: 0px 10px;
}
.second_item{
    /* height: 1200px; */
    padding: 20px 0px 30px 0px;
    display: flex;
    border-bottom:1px solid rgba(230, 230, 230,0.9);
}
.second_item_msg{
    padding-left:20px;
}
.second_item_img{
    padding-left: 20px;
}
.item_msg_1{
    font-size: 18px;
    color: #606060;
}
.item_msg_2{
    font-size: 14px;
    color: #7e7e7e;
    padding-top: 20px;
    padding-right: 20px;
}
.item_vol_msg{
    padding-right: 20px;
}
.item_vol_parent{
    display: flex;
    width: 277px;
    justify-content: space-around;
    padding-top: 30px;
    align-items: center;
}
.vol_button{   
    text-align: center;
}
.item_vol_button{
    border-radius: 25px;
    width: 156px;
    height: 35px;
    font-size: 18px;
    color: #00b2e5;
    background-color: #ffffff;
    border: 1px solid #00b2e5;
    transition: all 0.5s;
}
.item_vol_button:hover{
    color: #ffffff;
    background-color: #00b2e5
}
.vol_img{
    display: flex;
}
.vol_img p{
    padding-left: 20px;
}
/* 第三部分  */
.thr{
    width: 1200px;
    margin: 0 auto;
    height: 145px;
}
.thr_item_parent{
    width: 400px;
    height: 145px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}
.thr_one a{
    color: #5dc1ff;
    font-size: 16px;
}
.thr_item a{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    color: #333333;  
    line-height: 30px;
    padding-left: 10px;
}
.thr_item{
    width: 30px;
    height: 30px; 
    line-height: 30px;
    transition: all 0.3s;
}
.thr_item:hover,.thr_item.active{
    background-color: #5dc1ff;
    border-radius: 15px;
}
.four{
    width: 100%;
    height: 78px;
    background-color: #32323B;
}
.four_video{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding-top: 12px;
}

/* 页码 */

   .main_md{
    width: 100%;
    margin: 0 auto;
   }
   .mypage {   
     height:170px;
     border:#2D6FE7 0px solid;
     /* margin:0 auto; */
     padding: 40px 0;
     text-align:center;
     font-size: 16px;
     line-height: 170px;
    }
    .pc_dis{
      display: none;
    }
    .linking{
        color:#00b2e5;
    }
   /* 列表下的页码 */
    .mypage a{
      width:auto;
      height:auto;
      padding:5px 10px;
      font-size:16px;
      margin-right:10px;
      border:transparent;
      border-radius:50%;
      /* color: #ffffff;
      background-color: #00b2e5; */
    }
    .unlink{
        color: #ffffff;
        background-color: #00b2e5;
    }
    .linking,.unlink:hover,.unlink.active{
       border: #00b2e5;
       background: #00b2e5;
       color: #ffffff;
    }

    @media screen and (max-width:1280px){
        .second{
            width:auto;
        }
        .thr{
            width: auto;
        }
        .thr_item_parent{
            width: 500px;
        }
        .four_video{
            width:100%;
        } 
    }
    @media screen and (max-width:1024px){
       .thr{
           width: auto;
       }
       .thr_item_parent{
           width: 400px;
       }
       .four_video{
        width:100%;
    }
    }
    @media screen and (width:768px) and (height:1024px){
        .second{
            width: auto;
            padding-top: 60px;
        }
        .thr{
            width: auto;
        }
        .thr_item_parent{
            width: 400px;
        }
        .four_video{
            width:100%;
        }
    }
    @media screen and (max-width:767px){
      .second{
          width: auto;
          padding-top: 40px;
      }
       .second_item{
           display: flex;
           flex-direction: column;
           text-align: center;
       }
       .second_item_msg{
           padding-left: 0;
       }
       .item_vol_parent{
           padding-left: 25px;
       }
       .second_item_img{
           padding-left: 0;
       }
       .item_msg_2{
           padding:20px 20px 0px 20px;
       }
        .thr{
            width: auto;
        }
        .thr_item_parent{
            width: auto;
        }
        .four_video{
            width:100%;
        }
        .mypage{
            display: none;
            height: 60px;
            line-height: 60px;
        }     
        .mypage a{
          color:#4d555d;
          width:auto;
          height:auto;
          padding:5px 10px;
          font-size:16px;
          margin-right:10px;
          border-radius: 25px;
          border: 1px solid #606060;
        }   
        .mypage a:hover, .mypage a.active{
          border: 1px solid #00b2e5;
          background: #00b2e5;
       }
       .pc_dis{
        display: block;
        width: auto;
         }
         .item_parent{
          
            border: 1px solid transparent;
        }
    }