/* 公共的 */
       html,body{
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        position: relative;
      }
      .container{
        position: absolute;
        width: 1200px;
        height: 100%;
        left: 50%;
        transform: translate(-50%);
      }
      .icon_tab button{
        border-radius: 3px;
        float: left;
        width: 90px;
        height: 100%;
        color: black;
        background-color: white;
        border: none;
        font-size: 18px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      }
      /* 头部header */
      .header{
        box-sizing: border-box;
        margin-bottom: 40px;
      }
      .header ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        height: 48.8px;
        overflow: hidden;
        background-color: rgb(7, 177, 44);
      }
      
      .header li {
        float: left;
      }
      
      .header li a {
        display: block;
        width: 100px;
        color: white;
        text-align: center;
        padding: 14px 16.67px;
        text-decoration: none;
      }
      .header li a:hover {
        background-color: rgb(8, 112, 90);
      }
      .head_cards{
        width: 1200px;
        height: 340px;
      }
      .head_cards img{
        padding: 0;
        margin: 0;
        width: 1200px;
        height: 100%;
      }
      
      /* 中间 */
      .main{
        width: 1200px;
        height: 800px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      .main .main_item{
        display: flex;
        justify-content: center;
        width: 400px;
        height: 400px;
      }
      .main .main_item .item_tab{
        display:flex;
        flex-flow: column;
        justify-content: space-around;
        width: 380px;
        height: 350px;
        background-color: white;
      }
      .main .main_item .item_main{
        width: 380px;
        height: 300px;
        background-color: rgba(141, 13, 13, 0.527);
      }
      .icon_tab .signal{
        border-bottom: green 5px solid;
      }
      .icon_tab{
        width: 380px;
        height: 36px;
      }
      /* 脚 */
      .footer{
        box-sizing: border-box;
        background-color: grey;
        width: 100%;
        height: 139.4px;
        text-align: center;
      }
      .footer .text_area{
        padding: 40px;
        display: flex;
        flex-wrap: wrap;
      }
      .footer .text_area a{
        color: white;
        text-decoration: none;
      }
        
      .footer .text_area span{
        padding-top: 3px;
        font-size: 13px;
        width: 1200px;
        color: white;
      }