body {
    /* font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif; */
    /* font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; */
    /*font-family: Microsoft YaHei UI,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Seogoe UI,Roboto,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,sans-serif;*/
    /*font-family: "Microsoft YaHei","PingFang SC","Lantinghei SC","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","Microsoft Yahei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;*/
    /*font-family: "Microsoft YaHei", "Helvetica Neue", Arial, "PingFang SC", sans-serif;*/

    /*jin10 font-family: Microsoft YaHei UI,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Seogoe UI,Roboto,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,sans-serif;*/
    /*36ke font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";*/

    font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;
    font-size: 14px;
    color: #222;
    background-color: #FFF; /**/
    /* -webkit-font-smoothing: antialiased;*/ /* 消除字体锯齿 */
    -moz-osx-font-smoothing: grayscale;
}

article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    border: 0;
}

button,input{
    border: none;
    outline: 0;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

ol,ul {
    list-style: none
}

cite, em, i {
    font-style: normal;
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

a {
    background: 0 0;
    text-decoration: none;
    color: #626262; /* #626262  #666 */
    outline: 0;
    cursor: pointer;
    transition: color .2s ease;
}

:root{
    --c-color-main: #f65a5a;
}
/*
border: 1px solid #e8e8e8;
*/
/*a:link {color: blue} 未被访问的链接*/
/*a:visited {color: blue} 已被访问过的链接*/
/*a:hover {color: blue} 鼠标悬浮在上的链接*/
/*a:active {color: blue} 鼠标点中激活链接*/

/*a:hover{*/
/*    color: #0084ff;*/
/*}*/

/*
a:link, a:visited {
    color: #000;
}

a:hover, a:active {
    color:#CB1020;
}
*/

code,kbd,pre,samp {
    font-family: Consolas,Menlo,Courier,monospace
}

/*
b,em,h1,h2,h3,h4,h5,h6,strong {
    font-weight: 400
}
*/

em {
    font-style: normal
}

/* common
   ================================================================================ */

.left {
    float: left
}

.right {
    float: right
}

.clear:after {
    display: block;
    content: "";
    clear: both
}

/* master
   ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.global-nav{
    height: 28px;
    background-color: #555;
    line-height: 28px;
    font-weight: bold;
    font-size: 14px;
}

.global-nav a{
    display: block;
    padding: 0 16px;
    color: #d5d5d5;
}

.global-nav a:hover{
    color: #FFF;
}


.box{
    width: 1000px;
    margin: auto;
}

.main{
    width: 680px;
    min-height: 1000px;
}

.main-story{
    width: 800px;
    margin: auto;
}

.main-big{
    width: 1020px;
    margin: auto;
}

/* header
   ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.header{
    height: 82px;
}
.header-nav{
    color: #8590a6;
    font-size: 16px;
    line-height: 50px;
}
.header-nav-pop{
    position: absolute;
    top: 36px;
    left: -10px;
    width: 80px;
    height: 48px;
    font-size: 14px; color: #8590a6;

    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(26,26,26,.1);
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    z-index: 203;
}
.header-nav-pop-span{
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    left: 18px;
    top: 0;
    width: 24px;
    height: 16px;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
}
.header-nav-pop-span:after{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    top: 12px;
    left: 0;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
}


.header-top{
    height: 28px;
}
.header-top a{
    display: inline-block;
    height: 28px;
    color: #d5d5d5;
    padding: 0 12px;
}
.header-top a:hover{
    color: #FFF;
}
.header-top .active{
    color: #f65a5a;
    font-weight: bold;
}

/* footer
   ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.footer{
    border-top: 1px solid #f0f0f0;
}
.footer-yq{
    margin-top: 12px;
}
.footer-yq a{
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 6px;
    color: #8590a6;
    font-size: 14px;
}