:root {
    /**
    字体颜色变量
     */
    --color-primary :#333; /**主色调，默认色**/
    --color-second: #666; /**正文色**/
    --color-notice :#00489C; /**德拓蓝**/
    --color-warning: #E4001233; /**德拓淡红**/
    --color-error :#E40012; /**德拓红**/

    /**
    背景颜色变量
     */
    --backgroud-color-primiary:#fff; /**白底**/
    --backgroud-color-second:#666; /**灰底**/
    --backgroud-color-obvious:#E40012; /**突出的德拓红**/
    --backgroud-color-button:#00489C; /**醒目的德拓蓝**/
    --backgroud-color-inspire :#00489C12; /**灵动的德拓微蓝**/

    /**
    字体大小变量
     */
    --font-size-normal:1em;  /**普通字体，16px**/
    --font-size-small:0.875em; /**小字体，14px**/
    --font-size-extrasmall:0.75em; /**最小字体，12px**/
    --font-size-big :1.25em;  /**大字体，20px**/
    --font-size-extrabig:1.5em; /**最大字体，24px**/

    /**
    字体粗度变量
     */
    --font-weight-normal:500; /**清晰略粗**/
    --font-weight-bold:600; /**明显粗体**/
    --font-weight-light:200; /**一般字体粗度**/

    /**
    边框阴影颜色变量
     */
    --shadow-color-nomal:rgba(0,0,0,0.04);

    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

*,
:after,
:before {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    color: var(--color-second,#666);
    transition: height 2s linear;
}
h1,h2,h3,h4,h5,h6 {
    color: #333;
}

/**
 * 头部文件，菜单
 */
dt-header {
    display: block;
    width: 100%;
    height: 3.75em;
    margin: 0 auto;
    position: absolute;
    top: 0;
    transition: all 2s linear;
}

/**
 * 点击的各类导航定位
 */
dt-nav {
    display: block;
    width: 100%;
    height: 3.3em;
    transition: all 2s linear;
}
dt-nav >a {
    display: none;
}

@media (min-width: 768px) {
    dt-header{
        position: relative;
    }
}