/*声明变量*/
:root {
    --main-bgcolor: #FFFFFF;
    --font-color: #000000;
    --navbar-bgcolor: #333;
    --navbar-font-color: #ffffff;
    --act-color: #0D6EFD;
    --navbar-hover: #ddd;
    --footer-bgcolor:#ddd;
    --code-bordercolor: #e6e6e6;
    --code-bgcolor: #fafafa;
    --notice-bordercolor: #f1f1f1;
    --article-bordercolor: #FFFFFF;
    --box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20),0 6px 20px 0 rgba(0,0,0,0.20);
}


/*Waline Css变量*/
:root {
    --waline-font-size: 1rem;
    --waline-white: #fff;
    --waline-light-grey: #999;
    --waline-dark-grey: #666;
    --waline-theme-color: #27ae60;
    --waline-active-color: #2ecc71;
    --waline-color: #444;
    --waline-bgcolor: #fff;
    --waline-bgcolor-light: #f8f8f8;
    --waline-bgcolor-hover: #f0f0f0;
    --waline-border-color: #ddd;
    --waline-disable-bgcolor: #f8f8f8;
    --waline-disable-color: #000;
    --waline-code-bgcolor: #282c34;
    --waline-bq-color: #f0f0f0;
    --waline-avatar-size: 3.25rem;
    --waline-m-avatar-size: calc(var(--waline-avatar-size) * 9 / 13);
    --waline-badge-color: #3498db;
    --waline-badge-font-size: 0.75em;
    --waline-info-bgcolor: #f8f8f8;
    --waline-info-color: #999;
    --waline-info-font-size: 0.625em;
    --waline-border: 1px solid var(--waline-border-color);
    --waline-avatar-radius: 50%;
    --waline-box-shadow: none
}

* {
    box-sizing:border-box
}
body {
    font-family:Arial;
    margin:0 auto;
    width:100%;
    background-color:var(--main-bgcolor);
    cursor:url(../img/pointer.gif),default
}


a {
    color:var(--font-color);
    text-decoration:underline;
    cursor:url(../img/link.png),default
}
a:hover {
    text-decoration:none
}

.row {
    display:flex;
    width:75%;
    flex-wrap:wrap;
    max-width:1000px;
    margin:0 auto
}
.header {
    background-color:var(--main-bgcolor);
    color:var(--font-color);
    padding:15px;
    width:90%;
    margin:0 auto;
}
.main {
    background-color:var(--main-bgcolor);
    padding:20px;
    height:100%;
    max-width:720px;
    margin:0 auto;
    color: var(--font-color);
}
.footer {
    padding:10px;
    text-align:center;
    background:var(--footer-bgcolor);
    color: var(--font-color);
    width:90%;
    font-size:85%;
    line-height:100%;
    margin:0 auto;
}
p {
    font-family:"Times New Roman",Times,serif;
    font-size:1.05em
}@media (max-width:700px) {
    .main {
    padding:20px;
    margin:0 auto;
    max-width:100%
}
body {
    font-family:Arial;
    margin:0;
    width:100%
}
.row {
    display:flex;
    width:100%;
    flex-wrap:wrap;
    max-width:1000px;
    margin:0 auto
}
.header {
    background-color:var(--main-bgcolor);
    color:var(--font-color);
    padding:15px;
    width:100%;
    margin:0 auto;
}
.footer {
    padding:10px;
    text-align:center;
    background:var(--footer-bgcolor);
    color: var(--font-color);
    width:100%;
    font-size:85%;
    line-height:100%;
    margin:0 auto;
}
}