@charset "utf-8";
/* CSS Document */


/* ACS 2022 */


/* 使用自定义字体 */
/* @font-face{
    font-family:MSJ;
    src:url('acs/fonts/simsunb.ttf');
} */


body{
    padding: 0; margin: 0; 

    font-family:
    "Microsoft Yahei UI Light",
    "Microsoft JhengHei",
    Arial;

    /* 基准字体 16px pixel3a 字偏小*/
    /* 16 x 1.125 = 18 */
    /* 1.25=20 1.5=24 1.75=28 2=32 均为整数 */

    /* 默认即 16px 无须重复定义 */
    /* font-size: 16px; */


    /* 采用默认 16px 兼容小屏旧设备 -> 新设备 18px */
    /* 两者字号等大 但行距字距 px 稍稍大 */
    /* font-size: 1.125em; */
    /* font-size: 18px; */

    line-height: 1.8em;

    /* 黑底白字要比 白底黑字粗 */
    /* 仅对英文字符有效 */
    /* font-weight: lighter; */


    /* 禁止 移动端<a> 出现蓝色默认背景色 */
    -webkit-tap-highlight-color: transparent;
}



nav,ul,li,dl,dt,dd{list-style: none; padding: 0; margin: 0;}
h1,h2,h3{font-weight: normal; text-align: center; line-height: 1.5em; }

/* 默认 h2 1.5em / h3 1.25em */
h1{font-size: 1.5em; margin: 0;}
h2{font-size: 1.25em; margin: 1em 0 0 0;}
h3{font-size: 1.125em; margin: 0 0 1em 0;}

h1.hero{ font-size: 2.5em;}


/* 必须两者同时设定才生效 */
/* h2{margin-bottom: 0;} */
/* h3{margin-top: 0;} */

a{text-decoration:none;}

/* 关键 避免图片大于窗口 > 横向滚动条 */
img{ width: 100%;}
i{ font-style: normal; }


/* A [a] */
b i{font-weight: normal;}
b.normal{font-weight: normal;}


/* 输入类 */
input,textarea,button{
    font-family:"Microsoft Yahei"; font-size: 1em;
    /* 默认1px边框 上下共占2像素 clientHeight-2px */
    border:none; background:none; 
    resize:none;
}

input,textarea:focus{
    outline-style:none;
    /* 统一封装成 $Mod.text */
    /*box-shadow: 0 0 1em #aaa;*/
}

/* disable clear button IE10 */
input[type=text]::-ms-clear{display: none;}  

iframe{display: none;}

/* 自定义标签 fix IE */
logo,searcher{display: block;}



/* 通用样式 */


.a{cursor: pointer;}


/* 文字 拉伸 活跃 动感 */

.spring{ 
    letter-spacing: 0;
    transition: letter-spacing .3s;
}

.spring:hover{ 
    /* 间距小 避免移动端超长 */
    letter-spacing: .1em;
}

/* 文字居中 */
.center{text-align: center;}

/* 左右缩进 */
.indent {padding: 0 1em;}

/* 最小字号 */
.small{font-size: .875em;}

/* 最小行高 */
.least{margin-top: 0;}


.flow{overflow: hidden;}







/* HEADER */
header{
    width: 100%;
    padding-top: 2em;
}


header .logo{ 
    /* float:left;  */
    width: 20em; height: 5em;
    margin: auto;
    /* padding-top: 2em; */
    cursor: pointer;

    /* background-position: center; */

    opacity: .8;

    background-size: 80%;
    transition: background-size .2s;
}

header .logo:hover { 
    opacity: 1;
    background-size: 90%; 
}
header .logo:active { background-size: 80%; }

.slogan{ letter-spacing: .125em; }




nav{
    display: none;
    margin: auto;
    width: 80%;
    text-align: center;
}
nav i{padding: .5em;}


article{

    margin: auto;

    /* 文章 微字距 便于阅读 */
    letter-spacing: .05em;

    /* 统一设置边距 所有 section 有效 */
    padding: 1em;
}

section{
    width: 100%; 
    margin: auto; 

    /* 全宽 左右无边框 */
    padding: 1em 0;

    /* 每个 section 当都设置 背景色 -> Chrome 移动版异常 */
    /* 上下 滑动 每个 section 周围 会有轻微 细边框 */
    /* background: #f9f9f9; */
}




footer{
    overflow: hidden;
    width: 100%;
    text-align: center;

    /* font-size: 1.125em; */
    padding-bottom: 2em;
}


.foot{ margin: auto; padding-top: 2em;}

/* 默认移动端导航链接 / 间距稍大 */
.foot .nav { margin-top: 1em; }
.foot .nav a{ padding-right: .25em; }

.siteinfo{
    /* 避免 p 卡在图片后 */
    overflow: hidden;
}

.socials{
    /* 仅 PC端 展示 */
    display: none;
    float: right;
    padding-top: .75em;
}

.socials li{ float: right; cursor: pointer; }
.socials .qr{ width: 3em;}


.copyright{
    margin-top: 1em;
}
.copyright .icp{
    
    font-size: .875em; 
}




/* Airccl Commom Style */
.button{
    margin: auto;
    width: 40%;
    height: 2em;
    padding-top: .25em;
    background: #009cd1;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0;
    transition: letter-spacing .3s;
}
.button:hover{
    background: #00aee8;
    letter-spacing: .1em;
}




/* 滚动条样式 */
/* 鼠标接近 渐渐变宽 鼠标离开渐渐变窄 */
::-webkit-scrollbar {
    /*滚动条整体样式*/
    /*高宽分别对应横竖滚动条的尺寸*/
    width : 1em;  
    /* height: 1em; */
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    width: .25em;
    border-radius: 10px;
}