/* 通用样式 */
body{position:relative;height:100vh;color:#f1d886;font-size:14px;background:#161310;background:url(../Images/bg.jpg) no-repeat center / cover;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.commission dl:before{font-family:"su"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* 通用区块 */
.section{padding:60px 0;}
/* 通用标题 */
.sec-title{line-height:1;text-align:center;margin-bottom:30px;}
.sec-title>h2,.sec-title>h2 a{color:#fae486;font-size:26px;}
.sec-title>h3{color:#a88841;font-size:15px;line-height:1.5;margin-top:20px;}
/* 通用背景 */
.bg-gray{background:#252323!important;}
/* 主体 */
.main{padding-top:160px;}
/* 链接 */
.links{width:280px;text-align:center;margin:0 auto;padding:35px 30px 30px;background:rgba(0,0,0,.5);border-radius:5px;}
.link-group a{display:block;height:40px;line-height:40px;color:#fff;background:#c8547e;border-radius:3px;}
.link-group a:hover{background-color:#f66;}
.link-group a+a{margin-top:15px;}
.link-qrcode{margin-top:25px;padding-top:20px;border-top:1px dashed #777;}
.link-qrcode img{display:block;max-width:120px;height:auto;margin:0 auto;}
.link-qrcode p{margin-top:10px;}
/* 页眉 */
.header{position:relative;text-align:center;}
.header .container{padding-left:0;padding-right:0;}
.header .nav{display:none;position:absolute;top:50%;width:100%;font-size:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;}
.header .nav li{height:55px;margin-bottom:1px;overflow:hidden;}
.header .nav li:last-child{margin-bottom:0;}
.header .nav li:last-child{display:none;float:right;}
.header .nav li:last-child a{display:block;padding:5px 20px;border:1px solid #f1d886;border-radius:5px;}
.header .nav li:last-child a:hover{color:#27181d;background:#f1d886;}
/* Logo */
.header .logo{position:absolute;top:25px;left:50%;right:auto;display:block;width:auto;height:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.header .logo img{display:block;width:auto;height:60px;}
/* 页脚 */
.footer{position:absolute;left:0;bottom:0;right:0;}
.footer .copyright{text-align:center;padding:15px 0;}
/* 工具栏 */
.toolbar{position:fixed;right:10px;bottom:60px;z-index:50;}
.toolbar>a{display:block;width:40px;height:40px;line-height:40px;text-align:center;background:#d1b97d;border-radius:50%;}
.toolbar>a+a{margin-top:15px;}
.toolbar>a .na{color:#fff;font-size:18px;}
.toolbar>a.gotop{display:none;}
/* 弹出微信 */
.pop-wechat{color:#666;text-align:center;padding:25px 25px 20px;}
.pop-wechat img{display:block;max-width:300px;height:auto;border:1px solid #f2f2f2;border-radius:3px;}
.pop-wechat p{line-height:1;margin-top:15px;}
@media (min-width:576px){
    /* 工具栏 */
    .toolbar{right:15px;}
}
@media (min-width:768px){
    /* Logo */
    .header .logo img{height:60px;}
    /* 主体 */
    .main{padding-top:50px;}
    /* 链接 */
    .links{width:400px;padding:50px 45px 35px;}
    .link-group a{height:50px;line-height:50px;}
    .link-group a+a{margin-top:20px;}
    .link-qrcode{margin-top:30px;padding-top:25px;}
    .link-qrcode img{max-width:150px;}
    /* 工具栏 */
    .toolbar>a{width:45px;height:45px;line-height:45px;}
}
@media (min-width:992px){
    /* 页眉 */
    .header{padding-top:50px;}
    .header .container{padding-left:15px;padding-right:15px;}
    /* 导航 */
    .header .nav{position:relative;top:0;display:block;font-size:15px;-webkit-transform:translateY(0);transform:translateY(0);}
    .header .nav li{float:left;height:auto;margin:0 20px 0 0;}
    .header .nav li a{display:inline;color:#fbe587;line-height:inherit;background:none;}
    .header .nav li a:hover{color:#f1d886;}
    .header .nav li:last-child{display:block;}
    .header .nav li:last-child a{display:block;padding:8px 35px;border:1px solid #f1d886;border-radius:5px;}
    .header .nav li:last-child a:hover{color:#27181d;background:#f1d886;}
    /* Logo */
    .header .logo{max-width:200px;height:auto;}
    .header .logo img{height:100px;}
    /* 显示导航按钮 */
    .header .btn-menu{display:none;}
    /* 主体 */
    .main{padding-top:120px;}
    /* 链接 */
    .links{padding:40px 45px 25px;}
    .link-qrcode{margin-top:25px;padding-top:20px;}
    .link-qrcode img{max-width:120px;}
    /* 工具栏 */
    .toolbar{right:20px;}
    .toolbar>a{width:50px;height:50px;line-height:50px;}
}
@media (min-width:1200px){
    /* 通用样式 */
    body{font-size:16px;}
    /* 通用区块 */
    .section{padding:80px 0;}
    /* 通用标题 */
    .sec-title{margin-bottom:50px;}
    .sec-title>h2,.sec-title>h2 a{font-size:32px;}
    .sec-title>h3{font-size:16px;}
    /* 导航 */
    .header .nav{font-size:18px;}
    .header .nav li{margin:0 25px 0 0;}
    /* 主体 */
    .main{padding-top:180px;}
    .main .container{display:flex;flex-direction:row-reverse;}
    /* 链接 */
    .links{margin:unset;padding:50px 45px 35px;}
    .link-qrcode{margin-top:25px;padding-top:20px;}
    .link-qrcode img{max-width:150px;}
    /* 页脚 */
    .footer .copyright{padding:30px 0;}
    /* 工具栏 */
    .toolbar{right:30px;bottom:150px;}
    .toolbar>a .na{font-size:20px;}
}
@media (min-width:2000px){
    /* 主体 */
    .main{padding-top:360px;}
}
@keyframes arrow-down{
    0%,30%{opacity:0;transform:translateY(-5px);-webkit-transform:translateY(-5px);}
    60%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
    100%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);}
}
@-webkit-keyframes arrow-down{
    0%,30%{opacity:0;transform:translateY(-5px);-webkit-transform:translateY(-5px);}
    60%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
    100%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);}
}