/* header */
header {position:fixed; left:0; top:0; width:100%; background:#fff; z-index:1000; border-bottom:1px solid #b5b5b5; transition:all ease 0.5s;}
header .container {display:flex; flex-wrap:wrap; align-items:center;}
header .header-left h1 a img {width:200px;}
header .header-right {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0;}
header .header-right .right-head {display:none;}
header .header-right .right-body {display:flex; flex-wrap:wrap; align-items:center;}
header .header-right .right-body .right-cate {margin:0 20px 0 0;}
header .header-right .right-body .right-cate ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-right .right-body .right-cate ul li a {font-size:16px; padding:20px;}
header .header-right .right-body .right-cate ul li a:hover {font-weight:bold; color:#558ed5;}
header .header-right .right-body .right-cate ul li.active a {font-weight:bold;}
header .header-right .right-body .right-button {display:flex; flex-wrap:wrap; align-items:center;}
header .header-right .right-body .right-button a {transition:all ease 0.5s; width:100px; height:40px; border:1px solid #000; margin:0 5px 0 0; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-right .right-body .right-button a:not(.start):hover {background:#000; color:#fff;}
header .header-right .right-body .right-button a:last-of-type {margin:0;}
header .header-right .right-body .right-button a.start {display:none;}
header .header-menu {display:none;}
.main header {background:transparent; border-bottom-color:transparent;}
header.scroll {background:#fff; border-bottom-color:#b5b5b5;}
@media (max-width:991px){
header {padding:15px 5px;}
header .header-left {flex:1; min-width:0;}
header .header-left h1 a img {width:140px;}
header .header-right {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s;}
header .header-right .box {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; background:#f1f1f1;}
header .header-right .right-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid #666;}
header .header-right .right-head h2 img {width:140px;}
header .header-right .right-head .close {width:17px; height:17px; font-size:0; background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
header .header-right .right-body {display:flex; flex-wrap:inherit; flex-direction:column; width:100%; height:100%;}
header .header-right .right-body .right-cate {width:100%; height:100%; overflow-y:auto; margin:0;}
header .header-right .right-body .right-cate ul li {width:100%; border-bottom:1px solid #666;}
header .header-right .right-body .right-cate ul li a {padding:0 20px; height:50px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center;}
header .header-right .right-body .right-button {width:100%; padding:0 20px 40px;}
header .header-right .right-body .right-button a {width:100%; height:50px; margin:0 0 10px; border-radius:50px; font-size:16px;}
header .header-right .right-body .right-button a.start {display:flex; background:#000; color:#fff;}
header .header-right .right-body .right-button a.register {display:none;}
header .header-right .right-body .right-button a.login {margin:0;}
header .header-right .right-body .right-button a:last-of-type {margin:0;}
header .header-menu {display:block;}
header .header-menu a {width:20px; height:17px; font-size:0; background:url('/asset/images/icon_menu.svg') no-repeat center / cover;}
header.fixed .header-right {pointer-events:inherit; opacity:1;}
}

/* footer */
footer {background:#eceaea; padding:40px 0;}
footer .container {display:flex; flex-wrap:wrap; align-items:flex-end;}
footer .footer-left {flex:1; min-width:0; padding:0 20px 0 0;}
footer h2 {font-size:15px; line-height:1.75;}
footer ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer ul li > * {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; line-height:1.75;}
footer ul li > *:after {display:inline-block; content:""; width:1px; height:13px; background:#000; margin:0 10px;}
footer ul li > *:last-of-type:after {display:none;}
@media (max-width:991px){
footer {padding:30px 0;}
footer .footer-left {flex:none; width:100%; padding:0; margin:0 0 20px;}
footer .footer-right {width:100%;}
footer h2 {font-size:14px;}
footer ul li > * {font-size:14px;}
}

/* section */
section {margin:65px 0 0; padding:80px 0;}
.main section {margin:0;}
@media (max-width:991px){
section {margin:52px 0 0; padding:40px 0;}
}