@font-face {
    font-family: 'webfont';
    font-display: swap;
    src: url('../font/webfont.eot'); /* IE9 */
    src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/webfont.woff2') format('woff2'),
    url('../font/webfont.woff') format('woff'), /* chrome、firefox */
    url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}


.web-font {
    font-family: "webfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.binghua-health {
    width: 100%;
    background:linear-gradient(to right,rgb(66, 200, 227),rgb(179, 238, 239));
    color: #fff !important;
    padding: 24px 0;
    height: 180px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin-bottom: 24px;
}

.binghua-healths {
    width: 100%;
    background:linear-gradient(to right,rgb(238, 117, 187),rgb(240, 183, 232));
    color: #fff !important;
    padding: 24px 0;
    height: 180px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin-bottom: 24px;

}

.binghua-healthss {
    width: 100%;
    background:linear-gradient(to right,rgb(167, 240, 108),rgb(194, 241, 242));
    color: #fff !important;
    padding: 24px 0;
    height: 180px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin-bottom: 24px;

}


.binghua-health>span,.binghua-healths>span,.binghua-healthss>span {
    font-size: 18px;
}

.binghua-health:hover,.binghua-healths:hover,.binghua-healthss:hover {
    color: #fff !important;
}

.tab-wrap {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.tab {
    background: #cccccc;
    color: #fff;
    font-size: 12px;
    padding: 0 30px;
    text-align:center;
    height: 40px;
    line-height: 40px;
    border-radius:10px ;
    margin: 20px 20px 20px 0;
}
.tabTT {
    background: #68c5fa;
}
.tab:hover {
    background: #68c5fa;
    color: #fff;
}

/* 按钮 */

.ntr-bt,.ntr-bts,.ntr-btss {
    width: 100px;
    padding:10px 0;
    background: #20c9c7;
    color: #fff;
}
.ntr-bt>span {
    color: #fff;
}
.ntr-bts {
  background: #68c5fa;
}
.ntr-bts>span {
    color: #fff !important;
}
.ntr-btss {
    background: #e4e70a;
  }
  .ntr-btss>span {
      color: #fff !important;
  }
@media screen and (max-width: 500px) {
     .ntr-wrap {
         width: 100%;
         display: flex;
         justify-content: space-between; 
     }
     .tab {
         padding: 0 5px;
         margin: 0;
     }
     .tab-wrap {
         width: 90%;
         justify-content: space-between;
     }
}

@media screen and (min-width:500px) {
    .ntr-wrap {
        width: 500px;
        display: flex;
        justify-content: space-between; 
        margin: 50px auto 0;
    }
}