/* 通用CSS */

/* 公用间距 */
.u-spacing{
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    width: 100%;
 }
 
 
 /* 滚动条整体样式 */
 ::-webkit-scrollbar {
    width: 0.10666666666666667rem;
    height: 0.10666666666666667rem;
    border-radius: 0.06666666666666667rem;
 }
 
 ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0.05333333333333334rem;
    -moz-border-radius: 0.05333333333333334rem;
    border-radius: 0.06666666666666667rem;
 }
  
 .border_radius5 {
    -moz-border-radius: 0.06666666666666667rem;
    -webkit-border-radius: 0.06666666666666667rem;
    border-radius: 0.06666666666666667rem;
 }
  
 /* 子站点 body */
 .body {
    padding-top: 1.1733333333333333rem;
 }
 
/*
* 标题字号： 40px-大标题； 32-导航标题； 32-板块标题； 32-副标题
* 正文字号： 32px-介绍文案内容； 28px-次级文案内容； 24px-辅助文案内容
* 段落字号： 一：字号32px 段间距52px 行间距50px；二：字号28px 段间距40px 行间距46px
*/
:root {
    /* 字号 大小*/
    --font-xl: 0.5333333333333333rem; /* 40px */
    --font-lg: 0.4266666666666667rem; /* 32px */
    --font-md: 0.37333333333333335rem; /* 28px */
    --font-sm: 0.32rem; /* 24px */
    /* 行间距 */
    --line-lg: 0.6666666666666666rem; /* 50px */
    --line-md: 0.6133333333333333rem; /* 46px */
    /* 段落间距 */
    --para-lg: 0.6933333333333333rem;  /* 52px */
    --para-md: 0.5333333333333333rem; /* 40px */
    --para-md2: 0.4266666666666667rem; /* 32px 例：图片距离顶部距离 */
    --para-sm: 0.3333333333333333rem;  /* 25px 因UI是25px左右,所以调整为25px */

    /* 默认圆角 */
    --radius:0.13333333333333333rem; /*10px*/
}
/* 字号 Start */
.font-sm {
    font-size: var(--font-sm);
}
.font-md {
    font-size: var(--font-md);
}
.font-lg {
    font-size: var(--font-lg);
}
.font-xl {
    font-size:var(--font-xl);
}
/* 字号 End */

/* 段落 Start */
.para-lg {
    font-size:  var(--font-lg);
    line-height: var(--line-lg);
}

.para-md {
    font-size: var(--font-md);
    line-height: var(--line-md);
}

.para-lg > p {
    margin-top: var(--para-sm);
}

.para-md > p {
    margin-top: var(--para-md);
 }

/* 段落 End */

/* 移动端显示/隐藏 Start */
.pc-hide {
    display: block!important;
}
.pc-show,
.pc-flex {
    display: none!important;
}
/* 移动端显示/隐藏 End */
