/* reset.css */
/*
@ author Nero
@ email nero.zhang@minew.com
*/
/*
https://www.woxuwireless.com/_nuxt/fonts/SourceHanSansCN-Normal.e21adb9.woff2 

*/

/* 整套字体 定义规则 */
@font-face {
	font-family: "SourceHanSansCN";
	src:url('../fonts/fontmin/SourceHanSansCN-Light.woff2') format('woff2'),
        url('../fonts/fontmin/SourceHanSansCN-Light.woff') format('woff'),
        url('../fonts/fontmin/SourceHanSansCN-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "SourceHanSansCN";
	src:url('../fonts/fontmin/SourceHanSansCN-Normal.woff2') format('woff2'),
        url('../fonts/fontmin/SourceHanSansCN-Normal.woff') format('woff'),
        url('../fonts/fontmin/SourceHanSansCN-Normal.ttf') format('truetype'); 
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "SourceHanSansCN";
	src:url('../fonts/fontmin/SourceHanSansCN-Bold.woff2') format('woff2'),
	    url('../fonts/fontmin/SourceHanSansCN-Bold.woff') format('woff'),
	    url('../fonts/fontmin/SourceHanSansCN-Bold.ttf') format('truetype');
	font-weight: 700; 
	font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: "MiSans";
    src: url('https://cdn.teamone.cn/assets/font/MiSans-Light.woff2');
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'MiSans';
    src: url('https://cdn.teamone.cn/assets/font/MiSans-Regular.woff2');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'MiSans';
    src: url('https://cdn.teamone.cn/assets/font/MiSans-Semibold.woff2');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'MiSansBold';
    src: url('https://cdn.teamone.cn/assets/font/MiSans-Bold.woff2');
    font-display: swap;
}

:root{
    /* 颜色 */
    --color-black: #212121;
    --color-blue: #00b0b9;
    --color-blue2: #7dcad2;
    --color-gray: #828383;
    --color-red: #e41717;

    --nav-height: clamp(54px, 3.2vw, 68px); /* 导航栏高度 */

    /* layout */
    --layout-padding: 180px;
    --grid-list-column-3 : repeat(3, 1fr);
    --grid-list-column-4 : repeat(4, 1fr);
    --grid-list-column-5 : repeat(5, 1fr);

    --zoom-ratio : 1;
}
/* #region reset CSS*/
html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,input,button,img,div,footer,header,section,em,i,strong,nav,main{
    margin:0;
    padding:0;
    border:0;
    box-sizing: border-box;
    /* touch-action: none; */
}
ul,ol{list-style-type:none;}
img{max-width: 100%;}
/* 斜体去除 */
i{font-style: inherit;}
a{ text-decoration:none; color: var(--color-black);}
a:hover{color: var(--color-black);}

html,body{
    font-size: var(--font-size-root);
    /* font-family: 'SourceHanSansCN', 'Arial' ,'sans-serif'; */
    /* font-family: 'MiSans', 'PingFang SC', 'Microsoft YaHei', 'sans-serif'; */
    font-display: auto;
    font-family: "Microsoft YaHei", "Helvetica", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", "monospace", "Tahoma", "STXihei", "华文细黑", "STHeiti", "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", "FreeSans", "Arimo", "Arial", "SimSun", "宋体", "Heiti", "黑体", "sans-serif";
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-display:swap;
    color: var(--color-black);
    line-height: 1.56;
    font-style: normal;
    position: relative !important;
    top: 0 !important; /* 针对 SEO quake插件 */
    width: 100%;
    scroll-behavior: smooth;
}

/* 表单元素 */
input[type='email']:focus, 
input[type='date']:focus, 
input[type='search']:focus, 
input[type='number']:focus, 
input[type='text']:focus, 
input[type='tel']:focus, 
input[type='url']:focus, 
input[type='password']:focus, 
textarea:focus, select:focus{
    outline: none;
}

/* 去除默认加减按钮 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]{
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* 针对Firefox浏览器 兼容 写法*/
@-moz-document url-prefix() {
    input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }
} 
/* 去除默认边框 */
input[type="number"] {
    outline: none; /* 可选，去除焦点时的外边框 */
    text-align: center;
    padding: 0;
}
/* #endregion */

/* #region 自定义公用 CSS*/
/* 公用类名 */
.flex{ display: flex;} /* flex布局 */
.block{ display: block;} /* flex布局 */
.flex-column{ display: flex; flex-direction: column;}
.flex-wrap{ display: flex; flex-wrap: wrap;}
.flex-center{ display: flex; justify-content: center;align-items: center;}
.full-height{ height: 100%;}


.pt-160{padding-top: calc( 160px * var(--zoom-ratio) );}
.pt-120{padding-top: calc( 120px * var(--zoom-ratio) );}
.pt-100{padding-top: calc( 100px * var(--zoom-ratio) );}
.pt-80{padding-top: calc( 80px * var(--zoom-ratio) );}
.pt-60{padding-top: calc( 60px * var(--zoom-ratio) );}
.pt-50{padding-top: calc( 50px * var(--zoom-ratio) );}
.pt-30{padding-top: calc( 30px * var(--zoom-ratio) );}
.pt-20{padding-top: calc( 20px * var(--zoom-ratio) );}
.pt-10{padding-top: calc( 10px * var(--zoom-ratio) );}
.pt-5{padding-top: calc( 5px * var(--zoom-ratio) );}

.pb-160{padding-bottom: calc( 160px * var(--zoom-ratio) );}
.pb-120{padding-bottom: calc( 120px * var(--zoom-ratio) );}
.pb-100{padding-bottom: calc( 100px * var(--zoom-ratio) );}
.pb-80{padding-bottom: calc( 80px * var(--zoom-ratio) );}
.pb-60{padding-bottom: calc( 60px * var(--zoom-ratio) );}
.pb-50{padding-bottom: calc( 50px * var(--zoom-ratio) );}
.pb-30{padding-bottom: calc( 30px * var(--zoom-ratio) );}
.pb-20{padding-bottom: calc( 20px * var(--zoom-ratio) );}
.pb-10{padding-bottom: calc( 10px * var(--zoom-ratio) );}
.pb-5{padding-bottom: calc( 5px * var(--zoom-ratio) );}

.mt-5{margin-top: calc( 5px * var(--zoom-ratio) );}
.mt-10{margin-top: calc( 10px * var(--zoom-ratio) );}
.mt-20{margin-top: calc( 20px * var(--zoom-ratio) );}
.mt-30{margin-top: calc( 30px * var(--zoom-ratio) );}
.mt-50{margin-top: calc( 50px * var(--zoom-ratio) );}
.mt-80{margin-top: calc( 80px * var(--zoom-ratio) );}
.mt-100{margin-top: calc( 100px * var(--zoom-ratio) );}
.mt-120{margin-top: calc( 120px * var(--zoom-ratio) );}

.mb-5{margin-bottom: calc( 5px * var(--zoom-ratio) );}
.mb-10{margin-bottom: calc( 10px * var(--zoom-ratio) );}
.mb-20{margin-bottom: calc( 20px * var(--zoom-ratio) );}
.mb-30{margin-bottom: calc( 30px * var(--zoom-ratio) );}
.mb-50{margin-bottom: calc( 50px * var(--zoom-ratio) );}
.mb-80{margin-bottom: calc( 80px * var(--zoom-ratio) );}
.mb-100{margin-bottom: calc( 100px * var(--zoom-ratio) );}
.mb-120{margin-bottom: calc( 120px * var(--zoom-ratio) );}


/* 文字样式 */
.font-blod{font-weight: 700;}
.font-normal{font-weight: 400;}
.font-light{font-weight: 300;}

.font-blue{color: var(--color-blue);}
.font-gray{color: var(--color-gray);}
.font-white{color: #fff;}
.font-center{text-align: center;}
.font-right{text-align: right;}

.font-56{font-size: calc( ( 56 / 14 ) * var(--font-size-root) );} 
.font-50{font-size: calc( ( 50 / 14 ) * var(--font-size-root) );} 
.font-48{font-size: calc( ( 48 / 14 ) * var(--font-size-root) );} 
.font-46{font-size: calc( ( 46 / 14 ) * var(--font-size-root) );} 
.font-44{font-size: calc( ( 44 / 14 ) * var(--font-size-root) );} 
.font-40{font-size: calc( ( 40 / 14 ) * var(--font-size-root) );} 
.font-38{font-size: calc( ( 38 / 14 ) * var(--font-size-root) );} 
.font-36{font-size: calc( ( 36 / 14 ) * var(--font-size-root) );} 
.font-34{font-size: calc( ( 34 / 14 ) * var(--font-size-root) );} 
.font-32{font-size: calc( ( 32 / 14 ) * var(--font-size-root) );} 
.font-30{font-size: calc( ( 30 / 14 ) * var(--font-size-root) );} 
.font-28{font-size: calc( ( 28 / 14 ) * var(--font-size-root) );} 
.font-26{font-size: calc( ( 26 / 14 ) * var(--font-size-root) );} 
.font-24{font-size: calc( ( 24 / 14 ) * var(--font-size-root) );} 
.font-22{font-size: calc( ( 22 / 14 ) * var(--font-size-root) );} 
.font-20{font-size: calc( ( 20 / 14 ) * var(--font-size-root) );} 
.font-18{font-size: calc( ( 18 / 14 ) * var(--font-size-root) );} 
.font-17{font-size: calc( ( 17 / 14 ) * var(--font-size-root) );} 
.font-16{font-size: calc( ( 16 / 14 ) * var(--font-size-root) );} 
.font-15{font-size: calc( ( 15 / 14 ) * var(--font-size-root) );} 
.font-14{font-size: calc( ( 14 / 14 ) * var(--font-size-root) );} 
.font-13{font-size: calc( ( 13 / 14 ) * var(--font-size-root) );} 
.font-12{font-size: calc( ( 12 / 14 ) * var(--font-size-root) );} 

/* 辅助类 */
.hidden{display: none !important;}
.border{border: 1px solid red;}
.clear::after{content: '';clear: both;display: table;}
.hr{
    border-bottom: 1px solid #a1a1a150;
    /* border-bottom: 1px solid transparent; */
    /* border-image: linear-gradient(to right, transparent, #a1a1a150, transparent) 1; */
}

.add-copyright sup{
    font-size: 0.7em !important;
    vertical-align: super;
}
sub{
    font-size: 0.7em !important;
    vertical-align: baseline;
}



/* 样式类 */
.br-full{ border-radius: 500px;}
.br-15{ border-radius: calc( ( 15 / 14 ) * var(--font-size-root) );} 
.br-10{ border-radius: calc( ( 10 / 14 ) * var(--font-size-root) );} 
.br-5{ border-radius: calc( ( 5 / 14 ) * var(--font-size-root) );} 
.br-3{ border-radius: calc( ( 3 / 14 ) * var(--font-size-root) );} 
.br-2{ border-radius: calc( ( 2 / 14 ) * var(--font-size-root) );} 
.bd-1{ border: 1px solid #a1a1a150;}
/* #endregion */

/* 等待动画 */
/*沒有圈圈的情況*/
.loading2::before {   
    content: "";
    position: absolute;
    inset: 0;
    /* opacity: 0; */
    z-index: 1;
    border-radius: inherit;
    background-color: inherit;
    box-shadow: inherit;
    transition: opacity 0s ease;
    background-color: #dddddd17;
}
.loading{
    position: relative;
}
.loading::before {
    content: "";
    position: absolute;
    inset: 0;
    /* opacity: 0; */
    z-index: 1;
    border-radius: inherit;
    background-color: inherit;
    box-shadow: inherit;
    transition: opacity 0s ease;
    background-color: #dddddd17;
}
.loading::after {
    position: absolute;
    top: calc(50% - 9px);
    inset-inline-start: calc(50% - 9px);
    /* opacity: 0; */
    z-index: 2;
    transition: opacity 0s ease;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0);
    border-left-color: currentColor;
    border-radius: 50%;
    vertical-align: middle;
    animation: wd-rotate 450ms infinite linear;
}
@keyframes wd-rotate {
    100% {
        transform: rotate(360deg)
    }
}

/* 鼠标移入图片放大 class */
.hover-scale,
.hover-scale-samll,
.hover-scale-middle{
    overflow: hidden;
}
.hover-scale img,
.hover-scale-middle img,
.hover-scale-samll img{
    transition: transform 0.4s ease-in-out;
}
.hover-scale:hover img{
    transform: scale(1.02);
}
.hover-scale-middle:hover img{
    transform: scale(1.05);
}
.hover-scale-samll:hover img{
    transform: scale(1.01);
}