/*********** 一些初始化 *************/
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) and (max-width: 959px){
  html{font-size:125px;}
  .apply-tel { 
    top: 90.3%;
    left: 33.8%;
  }
}
@media screen and (min-width: 960px) and (max-width: 1190px){
  html{font-size:150px;}
  .apply-tel { 
    top: 90.3%;
    left: 36.8%;
  }
}
@media screen and (min-width: 1200px) and (max-width :1550px) {
  html{font-size:187.5px;}
  .apply-tel { 
    top: 90.3%;
    left: 39.8%;
  }
}
@media screen and (min-width: 1200px) {
  html{font-size:187.5px;}
}

body {
    font-size: 16px !important;
    font-family: 'Microsoft Yahei' !important;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
    margin: 0;
    padding: 0;
}
*{
    margin: 0;
    padding: 0;
}
/* 横线和背景颜色 */
.hr-80 {
    width: 0.4267rem;
    height: 0.0107rem;
    background-color: #e94709;
}
.hr-46 {
    width: 46px;
    height: 0.0107rem;
    background-color: #e94709;
}
.hr-53 {
    width: 53px;
    height: 0.0107rem;
    background-color: #e94709;
}
.background-020 {
    background-color: #020b18 !important;
}
.background-021 {
    background-color: rgb(0, 8, 26, 0.8) !important;
}
.background-022 {
    background-color: #44484F !important;
}
/* 对齐 */
.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center;
}
/* 布局相关 */
.to-bottom-76 {
    margin-bottom: 76px;
}
.to-right-3 {
    padding-right: 3px;
}
.margin-left-13 {
    margin-left: 0.55rem;
}
.padding-top-5 {
    padding-top: 0.6%;
}
.padding-top-10 {
    padding-top: 1.67%;
}
.padding-top-15 {
    padding-top: 0.6rem !important;
}
.padding-top-73 {
    padding-top: 0.389rem !important;
    /* padding-top: 0.5rem !important; */
}
.padding-top-80 {
    /* padding-top: 11.5% !important; */
    padding-top: 0.7rem !important;
}
.padding-left-50 {
    padding-left: 44.152%;
}
.padding-left-15 {
    padding-left: 3.26%;
}
.padding-left-22 {
    padding-left: 22.19%;
}
.padding-right-10 {
    padding-right: 23.5%;
}
.padding-right-19 {
    padding-right: 0.06rem;
}
.padding-bottom-116 {
    padding-bottom: 6.096%  !important;
}
.padding-bottom-70 {
    padding-bottom: 0.3733rem;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-left-90 {
    margin-left: 90%;
}
.margin-left-8 {
    margin-left: 8px;
}
.margin-left-14 {
    margin-left: 14px;
}
.margin-left-30 {
    margin: 3.9% 0px 5.5% 45%;
}
.margin-left-88 {
    margin-left: 0.4693rem;
}
.margin-left-100 {
    margin-left: 1rem;
    margin-top: 1rem;
}
.margin-top-56 {
    margin-top: 0.3rem;
}
.margin-top-95 {
    margin-top: 0.5067rem;
}
.margin-top-113 {
    margin-top: 0.6027rem;
}
.margin-top-93 {
    margin-top: 0.5066rem;
}
.product-padding {
    padding: 10.2% 15% 6% 15%;
}
/* 字体 */
.font-16 {
    font-size: 16px !important;
    line-height: 31px;
}
.font-fff {
    color: #ffffff !important;
}
.active {
    color:#e94709;
}
.img-bg-index {
    /*padding: 15.15% 0 0;*/
    background-image: url('../images/background_1.png');
    background-repeat: no-repeat;
    background-size: cover;
 /*   max-width: 100%;
    max-height: 100%;*/
    vertical-align: middle;
    text-align: center;
}
.img-bg-sports {
    background-image: url('../images/sport-bg_1.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.img-bg-gym {
    background-image: url('../images/gym-bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.img-bg-about {
    background-image: url('../images/papa-bg_1.png');
    background-size: cover;
}
.img-bg-product {
    background-image: url('../images/product-try-bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #040404;
    position: relative;
}
/* 内容块 */
.content-1 {
    background-image: url('../images/background_1.png');
    background-repeat: no-repeat;
}
.content-11 {
    /* width: 100%; */
    /* margin:70px auto; */
    display: table;
    width:100%;
    height:4.16rem;
}
.content-1-sport {
    background-image: url('../images/sport-bg_1.png');
    background-repeat: no-repeat;
    background-size: 100%,100%;
}
.content-1-gym {
    background-image: url('../images/gym-bg_1.png');
    background-size: 100%,100%;
    background-repeat: no-repeat;
}
.content-1-papa {
    background-image: url('../images/papa-bg_1.png');
    background-size: 100%,100%;
}
.content-1-product-try {
    background-image: url('../images/product-try-bg_1.png');
    background-size: 100%,100%;
}
.content-2 {
    background-color: #ffffff;
    background-size: 100%,100%;
    height: 3.2rem;  
}
.content-3 {
    background-image: url('../images/历程背景_1.png');
    background-size: 100%,100%;
    padding-top:5.1%;
    padding-bottom: 7.357%;
}
.content-4 {
    background-color: #f5f8fa;
    padding-top:5.1%;
    padding-bottom: 4.256%;
}
.content-5 {
    padding-top:5.1%;
}
.content-6 {
    background-color: #ffffff;
}
.content-7 {
    background-image: url('../images/modal-gray_1.png');
    background-size: 100%,100%;
    height: 850px;
}
.content-8 {
    background-image: url('../images/modal-gray_1.png');
    background-size: 100%,100%;
    height: 631px;
    background-repeat: no-repeat;
}
.header {
    position: fixed;
    width: 100%;
    z-index: 100;
}

/*内容居中*/
.content-center-vh {
    display: table-cell;
    text-align :center;
    vertical-align: middle;
    z-index: 1;
}
/**字体*/
.content-4 p{
    color:#333333;
}
.logo-child, .logo-child-43 {
  width: 15%;
  height: 60px;
  vertical-align: bottom;
}
.logo-child-43 {
  height: 30px;
}