@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

/* common */
html,body {overflow-x:hidden;}
body {background:#000;}
body.main {background:#333 !important;}
*::-webkit-scrollbar {height:3px; width:3px;}
*::-webkit-scrollbar-thumb {height:3px; background:#3D466A; width:3px; border-radius:100px;}
.container {max-width:1220px; margin:0 auto; padding:0 10px;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:991px){
.container {padding:0 16px;}
.is-pc {display:none !important;}
.is-m {display:block !important;}
}

/* banner */
.sub-inner {display:flex; flex-wrap:wrap; justify-content:center; max-width:1750px; margin:0 auto;}
.sub-left-banner {width:250px; margin-top:10px;}
.sub-left-banner img {max-width:100%;}
.sub-right-banner {width:250px; margin-top:10px;}
.sub-right-banner img {max-width:100%;}
@media (max-width:1600px){
.sub-left-banner {display:none;}
.sub-right-banner {display:none;}
}

/* main */
.main-slide li {height:360px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main-slide li .txt {position:absolute; left:50%; bottom:15%; width:100%; max-width:1230px; padding:0 15px; transform:translateX(-50%);}
.main-slide li .txt span {font-size:23px; font-weight:500; color:rgba(255,255,255,0.88);}
.main-slide li .txt h2 {margin:15px 0 0; font-size:75px; font-weight:700; font-family:'GmarketSans'; background:linear-gradient(0deg, rgba(255, 209, 45, 0.38), rgba(255, 209, 45, 1)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 4px 7px 7px rgba(0, 0, 0, 0.49); background-clip: text; background-blend-mode:overlay,normal;}
.main-wrap {position:relative; margin-top:-61px; z-index:10; padding-bottom:60px;}
.main-wrap img {display:block; max-width:100%; margin:0 auto;}
.main-wrap .main01 {position:relative;}
.main-wrap .main02 {positino:relative; margin-top:-25%;}
.main-wrap .main03 {margin-top:-78%;}
.main-wrap .main-text {position:absolute; left:0; width:100%; text-align:center; top:0;}
.main-wrap .main-text.text01 {top:11%;}
.main-wrap .main-text.text02 {top:36%;}
.main-wrap .main-text.text03 {top:59%;}
.main-wrap .main-text.text04 {top:82%;}
.main-wrap .main-text small {display:block; font-size:20px; font-weight:500; color:rgba(255,255,255,0.88);}
.main-wrap .main-text h2 {text-align:center; margin:16px 0 36px; font-family:'GmarketSans'; font-size:64px; font-weight:900; border:1px solid rgba(253, 255, 180, 0.5); padding:15px 20px 10px; display:inline-block;}
.main-wrap .main-text h2 a {display:block !important; font-family:'GmarketSans'; font-size:64px; font-weight:900; background:linear-gradient(0deg, rgba(255, 209, 45, 0.38), rgba(255, 209, 45, 0.38)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.main-wrap .main-text > a {display:none;}
/*
.main-wrap .main-text a {border:0.5px solid; border-image-source:linear-gradient(120.85deg, #13FFAB 5.36%, rgba(19, 255, 171, 1) 48.34%); position:relative; display:flex; flex-wrap:wrap; align-items:center; color:#fff; padding:0 32px; width:286px; height:66px; font-size:20px; font-weight:600; font-family:'GmarketSans'; background:radial-gradient(51.61% 23.48% at 50% 0%, rgba(119, 244, 200, 0.24) 0%, rgba(116, 238, 195, 0) 100%), linear-gradient(156.34deg, #0B0C11 34.43%, #072725 81.79%); border-radius:8px; display:none;} 
.main-wrap .main-text a:after {position:absolute; right:32px; top:50%; transform:translateY(-50%); width:28px; height:28px; content:""; background:url('/asset/img/icon_main_arrow.svg') no-repeat center / cover;}
*/
@media (max-width:991px){
.main-slide li .txt span {font-size:12px;}
.main-slide li .txt h2 {font-size:28px; margin:13px 0 0;}
.main-wrap {margin-top:0;}
.main-wrap .main-text {left:0; width:100%; padding:0 16px;}
.main-wrap .main-text.text01 {top:9.5%;}
.main-wrap .main-text.text02 {top:33.5%;}
.main-wrap .main-text.text03 {top:58%;}
.main-wrap .main-text.text04 {top:83%;}
.main-wrap .main-text small {text-align:center; font-size:12px;}
.main-wrap .main-text h2 {font-size:28px; margin:13px 0 20px; text-align:center;}
.main-wrap .main-text h2 a {font-size:28px;}
/*
.main-wrap .main-text a {border:1px solid #4DB2FE; width:100%; max-width:312px; margin:0 auto; height:56px; font-size:16px;}
*/
}
@media (max-width:900px){
.main-slide li {height:160px;}
}
@media (max-width:500px){
.main-slide li {height:110px;}
}

.main-login form {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:15px 0;}
.main-login form a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:130px; height:35px; font-size:16px; font-weight:500; color:#fff;}
.main-login form input {height:35px; background:#333; flex:1; margin-right:10px; padding:0 15px; font-size:16px; color:#fff;}
.main-login form a.login {background:linear-gradient(to bottom, #405ab9 0%,#2D3552 100%); margin-right:10px;}
.main-login form a.register {background:linear-gradient(to bottom, #000000 0%,#454545 100%); color:#fff;}
@media (max-width:991px){
.main-login form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-login form input {width:100%; margin-right:0; margin-bottom:10px; flex:none;}
.main-login form a {width:calc(50% - 5px);}
.main-login form a.login {margin-right:0;}
}

/* main2 */
.main-body {background:#000;}
.main-slide {margin:30px 0 0;}
.main-slide .swiper-pagination span {width:10px; height:10px; opacity:1; background:#666;}
.main-slide .swiper-pagination span.swiper-pagination-bullet-active {background:#EAC410;}
.main-wrap2 {/*background:url('../images/bg_main.png') no-repeat center / cover;*/ padding:100px 0;}
.main-wrap2 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; max-width:1200px; margin:0 auto; background:rgba(0, 0, 0, 0.8); border:1px solid #4E4848; border-radius:20px; padding:40px;}
.main-wrap2 ul li {width:calc(25% - 15px); border:2px solid #FFC700; border-radius:15px;}
.main-wrap2 ul li:nth-of-type(1) {background:url('../images/bg_main_01.png') no-repeat center / cover;}	  
.main-wrap2 ul li:nth-of-type(2) {background:url('../images/bg_main_02.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(3) {background:url('../images/bg_main_03.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(4) {background:url('../images/bg_main_04.png') no-repeat center / cover;}
.main-wrap2 ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; padding:0 20px 30px; background:rgba(0,0,0,0.5);}
.main-wrap2 ul li a img {max-width:100%; display:block; margin:100px auto 0;}
.main-wrap2 ul li a > div {margin:60px 0 0;}
.main-wrap2 ul li a > div h2 {font-size:34px; font-weight:800; background:linear-gradient(0deg, rgba(103, 87, 2, 0.54), rgba(103, 87, 2, 0.54)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%); text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); background-blend-mode:overlay,normal; text-fill-color:transparent; background-clip:text; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.main-wrap2 ul li a > div p {color:rgba(255, 255, 255, 0.88); font-size:14px; font-weight:500; margin:3px 0 0;}
.main-wrap2 ul li a > div span {color:#fff; font-weight:600; margin:25px 0 0; width:120px; height:30px; box-shadow:0 0 5px #FFD12D; border:1px solid #FFC700; border-radius:150px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-wrap2 ul li a > div span:after {display:inline-block; content:""; margin-left:10px; width:10px; height:10px; background:url('../images/icon_paging_next.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-slide {margin:0 -16px;}
.main-slide .swiper-pagination span {width:7px; height:7px; margin:0 2px !important;}
.main-wrap2 ul {width:calc(100% - 30px); padding:15px;}
.main-wrap2 ul li {width:100%; margin:0 0 25px;}
.main-wrap2 ul li:last-of-type {margin:0;}
.main-wrap2 ul li a {padding:30px 15px;}
.main-wrap2 ul li a img {margin:0 30px 0 0; max-width:300px;}
.main-wrap2 ul li a > div {fleX:1; min-width:0; margin:0;}
}
@media (max-width:767px){
.main-wrap2 {padding:50px 0 107px;}
.main-wrap2 ul li a img {margin:0 15px 0 0; max-width:100px;}
.main-wrap2 ul li a > div h2 {font-size:28px;}
.main-wrap2 ul li a > div p {font-size:13px; margin:10px 0 0;}
.main-wrap2 ul li a > div span {width:100px; margin:10px 0 0; font-size:12px;}
.main-wrap2 ul li a > div span:after {margin-left:7px; width:8px; height:8px;}
}

/* main3 */
.main-wrap3 {margin:25px 0 140px;}
.main-wrap3 ul {display:flex; flex-wrap:wrap; margin:0 -12.5px -25px;}
.main-wrap3 ul li {width:calc(33.33% - 25px); margin:0 12.5px 25px; position:relative; overflow:hidden;}
.main-wrap3 ul li:after {display:block; content:""; padding-bottom:100%;}
.main-wrap3 ul li a {border:4px solid #2D3552; background:url('../images/main_new_bg.png') no-repeat center / cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.main-wrap3 ul li a h2 {position:relative; z-index:2; text-align:center; font-size:28px; font-weight:800; color:#76abff; padding-top:35px;}
.main-wrap3 ul li a img {position:absolute; left:50%; bottom:0; max-width:100%; transform:translateX(-50%);}
@media (max-width:991px){
.main-wrap3 {margin:0 0 70px;}
.main-wrap3 ul {margin:0 -5px -10px;}
.main-wrap3 ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.main-wrap3 ul li a h2 {font-size:20px; padding-top:20px;}
.main-wrap3 ul li:first-of-type a img {width:80%;}
}

/* header */
header {background:#3D466A;}
.main header {background:#3D466A;}
header .top {display:none;}
header .top h1 {color:#fff;}
header .top h1 a {display:block; text-align:center; font-size:32px; font-weight:800; color:#fff;} 
header .top > a {display:none;}
/*
header .gnb {margin:24px 0 0; border-bottom:2px solid #4DB2FE;}
header .gnb ul {display:table; table-layout:fixed; width:100%;}
header .gnb ul li {display:table-cell;}
header .gnb ul li a {display:block; color:#fff; font-size:14px; font-weight:600; padding:12px 0; text-align:center;}
header .lnb {padding:15px 0; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
header .lnb .header-notice {display:flex; flex-wrap:wrap; align-items:center; flex:1; padding-right:15px; min-width:0;}
header .lnb .header-notice a {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#fff; font-weight:600;}
header .lnb .header-link {display:flex; flex-wrap:wrap; align-items:center;}
header .lnb .header-link a {margin-right:24px;}
header .lnb .header-link a:last-of-type {margin:0;}
*/
header .snb {display:none;}
@media (max-width:991px){
header {border-bottom:2px solid #2D3552; padding:6px 6px 2px;}
header .top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .top h1 a {font-size:0; width:150px; height:75px; background:url('../images/logo.png') no-repeat center / cover; position:relative; top:-8px;}
header .top > a {display:flex;}
header .top > a.my {width:24px; height:24px; font-size:0; background:url('../images/icon_my.png') no-repeat center / cover;}
/*
header .gnb {display:none;}
header .lnb {display:none;}
*/
header .snb {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5);}
header .snb .box {position:absolute; left:-288px; top:0; width:288px; height:100%; overflow-y:auto; background:#1E202D;}
header .snb .snb-head {padding:25px 0 0 15px;}
header .snb .snb-head .snb-head-close {padding:0 0 25px;}
header .snb .snb-head .snb-head-close a {display:block; width:32px; height:32px; background:url('../images/icon_header_close.svg') no-repeat center / cover; font-size:0;}
header .snb .snb-head .snb-head-user {padding:0 8px;}
header .snb .snb-head .snb-head-user img {width:62px; height:62px; border-radius:50%; object-fit:cover;}
header .snb .snb-head .snb-head-user strong {display:block; padding:14px 0 0; font-size:24px; color:#fff; font-weight:600;}
header .snb .snb-head .snb-head-link {display:flex; flex-wrap:wrap; align-items:center; margin:12px 0 24px -15px; padding:0 24px 24px 24px; border-bottom:1px solid #4DB2FE;}
header .snb .snb-head .snb-head-link a {margin-right:16px;}
header .snb .snb-head .snb-head-link a:last-of-type {margin:0;}
header .snb .snb-body {height:calc(100% - 122px); padding:0 0 24px;}
header .snb .snb-body ul {padding:0 24px 0;}
header .snb .snb-body ul li {margin:0 0 10%;}
header .snb .snb-body ul li a {position:relative; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:rgba(255,255,255,0.8);}
header .snb .snb-body ul li a img {width:34px; margin-right:10px;}
header .snb .snb-body ul li a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:16px; height:16px; background:url("../images/icon_header_arrow.svg") no-repeat center / cover;}
header .snb .snb-body img.bnr {width:100%;}
header .snb .snb-foot {padding:24px 0 0 24px;}
header .snb .snb-foot a {font-size:16px; font-weight:500; color:rgba(255, 255, 255, 0.5);}
header .snb.fixed {display:block;}
header .snb.fixed.menu .box {animation-name:allmenu; animation-duration:0.5s; animation-fill-mode:forwards;}
header .snb.fixed.menu .snb-head .snb-head-user {display:none;}
header .snb.fixed.menu .snb-head .snb-head-link {display:none;}
header .snb.fixed.menu .snb-body {height:calc(100% - 162px); overflow-y:auto;}
header .snb.fixed.menu .snb-body ul li.my {display:none;}
header .snb.fixed.my .box {left:auto;}
header .snb.fixed.my .box {animation-name:my; animation-duration:0.5s; animation-fill-mode:forwards;} 
header .snb.fixed.my .snb-body {height:calc(100% - 315px);}
header .snb.fixed.my .snb-body ul li.menu {display:none;}
header .snb.fixed.menu .snb-user {display:none;}
header .snb.fixed.my .snb-category {display:none;}
	@keyframes allmenu{
		from {left:-288px;}
		to {left:0;}
	}
	@keyframes my{
		from {right:-288px;}
		to {right:0;}
	}
}

header .header-top .gnb ul li a {color:#fff !important;}
header {left:0; top:0; width:100%; z-index:999; background:#3D466A;}
header .header-top {background:#3D466A;}
header .header-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 10px;}
header .header-top h1 a,
header .header-top h2 a {font-size:30px; font-weight:bold; color:#fff !important;}
header .header-top h1 img,
header .header-top h2 img {width:150px; position:relative; top:-5px;}
header .header-top .gnb ul {display:flex; flex-wrap:wrap; justify-content:flex-end;}
header .header-top .gnb ul li a {font-size:15px; cursor:pointer; color:#fff !important; padding:10px;}
header .header-top .gnb ul li a:hover {color:#4DB2FE;}
header .header-top .gnb ul li a img {display:block; width:30px; margin:0 auto 5px;}
header .header-top .header-user {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .header-user img {width:30px; height:30px; border-radius:50%; object-fit:cover; border:2px solid #1991EB;}
header .header-top .header-user b {font-size:16px; color:#fff; font-weight:600; margin:0 5px;}
header .header-top .header-user span {font-size:15px; color:#aaa;}
header .header-top .header-user > div {width:100%; margin:5px 0 0;}
header .header-top .header-user > div a {color:#FF4849;}
header .header-bottom {background:#2D3552;}
header .header-bottom .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 10px;}
header .header-bottom .header-notice {display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .header-notice b {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:#fff; font-weight:500; margin-right:10px;}
header .header-bottom .header-notice b:before {display:inline-block; content:""; width:16px; height:15px; margin-right:3px; background:url('../images/icon_notice.svg') no-repeat center / cover;}
header .header-bottom .header-notice a {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#fff; font-weight:500;}
header .header-bottom .header-button {display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .header-button a {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:117px; height:29px; color:#fff; font-size:14px; font-weight:600; background:rgba(255,255,255,0.06);}
header .header-bottom .header-button a:last-of-type {margin-right:0;}
header .header-bottom .header-button a.money:before {display:inline-block; content:""; width:16px; height:16px; margin-right:5px; background:url('../images/icon_money.svg') no-repeat center / cover;}
header .header-bottom .header-button a.point:before {display:inline-block; content:""; width:16px; height:16px; margin-right:5px; background:url('../images/icon_point.svg') no-repeat center / cover;}
header .header-side {display:none;}
@media (max-width:991px){
header .header-top {display:none;}
header .header-bottom {display:none;}
}

/* snb-user */
.snb-user {padding:0 12px 24px;}
.snb-user .user-thumb {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #fff; padding:12px 0;}
.snb-user .user-thumb img {width:40px; height:40px; border-radius:50%; object-fit:cover;}
.snb-user .user-thumb p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 8px; font-size:14px; font-weight:600; color:#fff;}
.snb-user .user-info {border-bottom:1px solid #fff;}
.snb-user .user-info dl dd {border-bottom:1px solid rgba(255,255,255,0.2);}
.snb-user .user-info dl dd:last-of-type {border-bottom:0;}
.snb-user .user-info dl dd a {padding:12px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.snb-user .user-info dl dd a b {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:600; color:#fff;}
.snb-user .user-info dl dd a b:before {display:inline-block; content:""; width:24px; height:24px; margin:0 3px 0 0; background-size:cover; background-position:center;}
.snb-user .user-info dl dd a strong {font-size:15px; font-weight:700; color:#fff;}
.snb-user .user-info dl dd:nth-of-type(1) a b:before {background-image:url('../images/icon_snb_user_01.png?1');}
.snb-user .user-info dl dd:nth-of-type(2) a b:before {background-image:url('../images/icon_snb_user_02.png?1');}
.snb-user .user-info dl dd:nth-of-type(3) a b:before {background-image:url('../images/icon_snb_user_03.png?1');}
.snb-user .user-button {margin:20px 0 0;}
.snb-user .user-button ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.snb-user .user-button ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.snb-user .user-button ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; border-radius:4px; border:1px solid #d9d9d9; font-size:14px; font-weight:600; color:rgba(217,217,217,0.6);}
.snb-user .user-button ul li:nth-of-type(1) a {background:#FCEF71; border-color:#FCEF71; color:#333;}
.snb-user .user-button ul li:nth-of-type(2) a {background:#353535; border-color:#353535; color:#ADCDFF;}
.snb-user .user-form input {display:block; width:100%; height:35px; border-radius:4px; border:1px solid rgba(255,255,255,0.5); padding:0 12px; font-size:14px; font-weight:600; color:#fff;}
.snb-user .user-form a.link {font-size:12px; font-weight:600; color:#fff;}
.snb-user .user-form a.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; border-radius:4px; font-size:14px; color:#fff; border:1px solid #61B3FA;}
.snb-user .user-form a.btn.active {background:#61B3FA; border-color:#61B3FA; color:#fff;}
.snb-user .user-form dl {display:flex; flex-wrap:wrap; align-items:center;}
.snb-user .user-form dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.snb-user .user-form dl dd:after {display:inline-block; content:""; width:1px; height:7px; background:rgba(255,255,255,0.3); margin:0 10px;}
.snb-user .user-form dl dd:last-of-type:after {display:none;}

/* snb-category */
.snb-category {padding:24px 12px;}
.snb-category ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.snb-category ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.snb-category ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; border-radius:4px; border:1px solid #fff; color:#fff; font-size:14px; font-weight:600;}

/* snb-banner */
.snb-banner ul li {margin:0 0 4px;}
.snb-banner ul li:last-of-type {margin:0;}
.snb-banner ul li a {display:block;}
.snb-banner ul li a img {display:block; width:100%;}

/* footer */
footer {background:#1E2438; border-top:1px solid rgba(255, 255, 255, 0.08); padding:25px 0 34px;}
.main footer {background:#1E2438; /*margin-top:-11%;*/ position:relative;}
footer .footer-link {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {margin-right:30px;}
footer .footer-link ul li:last-of-type {margin-right:0;}
footer .footer-link ul li a {font-size:14px; font-weight:500; color:#fff;}
footer .footer-link ul li.active a {color:#1991EB;}
footer .footer-link p {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link p b {font-size:14px; font-weight:500; color:#fff; margin-right:8px;}
footer .footer-link p span {font-size:14px; color:rgba(255, 255, 255, 0.7);}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
footer .footer-info ul li:last-of-type {margin:0; display:none;}
footer .footer-info ul li span {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; color:rgba(255, 255, 255, 0.5);}
footer .footer-info ul li span:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px;}
footer .footer-info ul li span:last-of-type:after {display:none;}
footer .footer-logo {display:none;}
footer .footer-icon {display:none;}
footer .footer-totop {display:none;}
@media (max-width:1100px){
footer .footer-info > .flex > .flex-box {width:100%;}
footer .footer-info > .flex > .flex-box:last-of-type {margin:15px 0 0;}
}
@media (max-width:991px){
footer {padding:0; border-top:0;}
footer .footer-link {display:none;}
footer .footer-link ul {justify-content:center;}
footer .footer-link ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0;}
footer .footer-link ul li:after {display:inline-block; content:"|"; margin:0 10px; color:#999;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {padding:0; font-size:12px;}
footer .footer-info {display:none;}
footer .footer-info {margin:30px 0 0; padding:0 30px;}
footer .footer-info a {display:none;}
footer .footer-info p {display:none;}
footer .footer-info ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li {margin:0;}
footer .footer-info ul li:last-of-type {width:100%; display:flex; margin:15px 0 0;}
footer .footer-info ul li span {line-height:1.3;}
footer .footer-logo {display:none; padding:0 30px; margin:25px 0 0;}
footer .footer-logo strong {display:block; font-size:24px; font-weight:800; color:rgba(255, 255, 255, 0.3);}
footer .footer-icon {display:block; position:fixed; left:0; bottom:0; width:100%; z-index:9998; background:#1B1C24; background-filter:blur(10px);}
footer .footer-icon ul {display:table; table-layout:fixed; width:100%;}
footer .footer-icon ul li {display:table-cell;}
footer .footer-icon ul li a {display:block; text-align:center; font-size:10px; padding:10px 0; font-weight:600; color:rgba(255,255,255,0.5);}
footer .footer-icon ul li a:before {display:block; content:""; width:24px; height:24px; margin:0 auto 3px; background-size:cover; background-position:center; background-repeat:no-repeat;}
footer .footer-icon ul li.active a {color:#4DB2FE;}
footer .footer-icon ul li.home a:before {background-image:url('../images/icon_footer_icon_01.svg');}
footer .footer-icon ul li.betting a:before {background-image:url('../images/icon_footer_icon_02.svg');}
footer .footer-icon ul li.charge a:before {background-image:url('../images/icon_footer_icon_03.svg');}
footer .footer-icon ul li.exchange a:before {background-image:url('../images/icon_footer_icon_04.svg');}
footer .footer-icon ul li.cart a:before {background-image:url('../images/icon_footer_icon_05.svg');}
footer .footer-icon ul li.home.active a:before {background-image:url('../images/icon_footer_icon_01_on.svg');}
footer .footer-icon ul li.betting.active a:before {background-image:url('../images/icon_footer_icon_02_on.svg');}
footer .footer-icon ul li.charge.active a:before {background-image:url('../images/icon_footer_icon_03_on.svg');}
footer .footer-icon ul li.exchange.active a:before {background-image:url('../images/icon_footer_icon_04_on.svg');}
footer .footer-icon ul li.cart.active a:before {background-image:url('../images/icon_footer_icon_05_on.svg');} 
footer .footer-totop {position:fixed; right:16px; bottom:87px;}	
footer .footer-totop.active {display:block;}
}

/* sub */
.sub-wrap {display:flex; flex-wrap:wrap; align-items:flex-start; margin:12px 0 22px;}
.sub-wrap aside {width:350px;}
.sub-wrap article {flex:1; min-width:0; margin-right:28px;}
@media (max-width:991px){
section.sub {padding-bottom:70px;}
.sub-wrap {margin:0;}
.sub-wrap aside {display:none; width:100%; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5);}
.sub-wrap aside .box {max-height:80%; overflow-x:hidden; overflow-y:auto; position:absolute; left:0; bottom:-30%; width:100%; background:#1E202D; border-radius:24px 24px 0 0; padding:37px 24px 43px;}
.sub-wrap aside.fixed {display:block;}
.sub-wrap aside.fixed .box {animation-name:cart; animation-duration:0.5s; animation-fill-mode:forwards;}
.sub-wrap article {width:100%; margin-right:0; flex:none;}
	@keyframes cart{
		from {bottom:-30%;}
		to {bottom:0;}
	}
}

/* aside */
aside h3 {font-size:18px; font-weight:600; color:#fff; margin:0 0 15px;}
aside .aside-box {position:relative; background:#1E2438; margin:15px 0 0; border:1px solid #797979; border-radius:8px; padding:24px;}
aside .aside-box.active {z-index:10;}
aside .aside-box {margin:15px 0 0; border:1px solid #797979; border-radius:8px; padding:24px;}
aside .aside-box .form-group {display:flex; flex-wrap:wrap; align-items:center;}
aside .aside-box .form-group .after {display:flex; flex-wrap:wrap; align-items:center;}
aside .aside-box .form-group .after:after {display:inline-block; content:"|"; margin:0 10px; color:rgba(255, 255, 255, 0.12);}
aside .aside-box .form-group .input-box {background:rgba(255,255,255,0.04); height:26px; border-radius:8px; padding:6px 8px;}
aside .aside-box .form-group .input-box input {width:100%; background:none; text-align:right; font-size:12px; color:#fff; font-weight:500; text-shadow:1px 1px 0 #000 , -1px -1px 0 #000 , -1px 1px 0 #000 , 1px -1px 0 #000;}
aside .aside-box .form-group .bet-price-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:37px; height:26px; border-radius:8px; font-size:12px; font-weight:600;}
aside .aside-box .form-group a.submit {height:50px; border-radius:10px; font-size:14px; font-weight:700; width:100%;}
aside .aside-box b {font-size:12px; font-weight:500; color:rgba(255, 255, 255, 0.7);}
aside .aside-box strong {font-size:12px; font-weight:600;}
aside .aside-tab ul {display:table; table-layout:fixed; width:100%; border:1px solid #4DB2FE; border-radius:10px; overflow:hidden;}
aside .aside-tab ul li {display:table-cell;}
aside .aside-tab ul li a {display:block; text-align:center; padding:14px; font-size:14px; font-weight:500; color:#4DB2FE;}
aside .aside-tab ul li.active a {background:#4DB2FE; color:#fff; font-weight:600;}
aside .aside-price {overflow:hidden;}
aside .aside-price ul {display:block; padding:0 0 3px; margin-bottom:-8px; margin-right:-5px;}
aside .aside-price ul li {display:inline-block; margin-right:5px; margin-bottom:8px;}
aside .aside-price ul li a {display:inline-block; background:rgba(255,255,255,0.08); border-radius:8px; padding:6px 8px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.8);}
aside .aside-chat ul {background:rgba(255,255,255,0.06); border-radius:6px; padding:12px; height:110px; overflow-y:auto; overflow-x:hidden;}
aside .aside-chat ul li {display:flex; flex-wrap:wrap; margin:0 0 8px;}
aside .aside-chat ul li:last-of-type {margin:0;}
aside .aside-chat ul li b {font-size:12px; color:#fff; font-weight:600; margin-right:5px; line-height:1.3;}
aside .aside-chat ul li p {font-size:12px; color:#fff; font-weight:600; flex:1; min-width:0; line-height:1.3;}
aside .aside-chat form {margin:15px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
aside .aside-chat form input {flex:1; min-width:0; background:rgba(255,255,255,0.04); border-radius:8px; height:42px; padding:14px 16px; font-size:12px; color:#fff; font-weight:500;}
aside .aside-chat form input::placeholder {color:rgba(255, 255, 255, 0.5);}
aside .aside-chat form a {width:42px; height:42px; background:#4DB2FE; border-radius:8px; margin-left:12px;}
aside .aside-sport ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 -6px;}
aside .aside-sport ul li {margin:0 6px;}
aside .aside-sport ul li a {font-size:12px; color:#fff; display:block; text-align:center;}
aside .aside-sport ul li a:before {width:71px; height:71px; content:""; display:block; margin:0 auto 6px; background-size:cover; background-position:center; background-repeat:no-repeat;}
aside .aside-sport ul li.sport01 a:before {background-image:url('../images/icon_aside_sport_01.svg');}
aside .aside-sport ul li.sport02 a:before {background-image:url('../images/icon_aside_sport_02.svg');} 
aside .aside-sport ul li.sport03 a:before {background-image:url('../images/icon_aside_sport_03.svg');} 
aside .aside-sport ul li.sport04 a:before {background-image:url('../images/icon_aside_sport_04.svg');} 
aside .aside-button a {height:50px; border-radius:8px; margin:0 0 12px;}
aside .aside-button a:last-of-type {margin:0;}
aside .aside-head {position:relative;}
aside .aside-head h3 {text-align:center; margin:0 0 24px;}
aside .aside-head a.close {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:0; width:32px; height:32px; background:url('../images/icon_header_close.svg') no-repeat center / cover;}
@media (max-width:991px){
aside .aside-box {border:0; padding:0; width:100%; margin:0 auto;}
aside .aside-price ul {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
aside .aside-price ul li {width:calc(25% - 5px); margin:0 2.5px 5px;}
aside .aside-price ul li a {width:100%; text-align:center;}
}

/* betting */
.betting-box .aside-box {position:relative; background:rgba(255, 255, 255, 0.02); margin:15px 0 0; border:1px solid #797979; border-radius:8px; padding:24px;}
.betting-box .aside-box.active {z-index:10;}
.betting-box .aside-box .form-group {display:flex; flex-wrap:wrap; align-items:center;}
.betting-box .aside-box .form-group .after {display:flex; flex-wrap:wrap; align-items:center;}
.betting-box .aside-box .form-group .after:after {display:inline-block; content:"|"; margin:0 10px; color:rgba(255, 255, 255, 0.12);}
.betting-box .aside-box .form-group .input-box {background:rgba(255,255,255,0.04); height:26px; border-radius:8px; padding:6px 8px;}
.betting-box .aside-box .form-group .input-box input {width:100%; background:none; text-align:right; font-size:12px; color:#fff; font-weight:500; text-shadow:1px 1px 0 #000 , -1px -1px 0 #000 , -1px 1px 0 #000 , 1px -1px 0 #000;}
.betting-box .aside-box .form-group .bet-price-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:37px; height:26px; border-radius:8px; font-size:12px; font-weight:600;}
.betting-box .aside-box .form-group a.submit {height:50px; border-radius:10px; font-size:14px; font-weight:700; width:100%;}
.betting-box .aside-box b {font-size:12px; font-weight:500; color:rgba(255, 255, 255, 0.7);}
.betting-box .aside-box strong {font-size:12px; font-weight:600;}
.betting-box .aside-tab ul {display:table; table-layout:fixed; width:100%; border:1px solid #4DB2FE; border-radius:10px; overflow:hidden;}
.betting-box .aside-tab ul li {display:table-cell;}
.betting-box .aside-tab ul li a {display:block; text-align:center; padding:14px; font-size:14px; font-weight:500; color:#4DB2FE;}
.betting-box .aside-tab ul li.active a {background:#4DB2FE; color:#fff; font-weight:600;}
.betting-box .aside-price {overflow:hidden;}
.betting-box .aside-price ul {display:block; padding:0 0 3px; margin-bottom:-8px; margin-right:-5px;}
.betting-box .aside-price ul li {display:inline-block; margin-right:5px; margin-bottom:8px;}
.betting-box .aside-price ul li a {display:inline-block; background:rgba(255,255,255,0.08); border-radius:8px; padding:6px 8px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.8);}

/* icon */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-allmenu {font-size:0; width:28px; height:28px; background:url('../images/icon_allmenu.svg') no-repeat center / cover;}
.icon-notice {font-size:0; font-weight:600; color:#fff;}
.icon-notice:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_notice.svg') no-repeat center / cover;}
.icon-user {font-size:14px; font-weight:600; color:#fff;}
.icon-user:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_user.svg') no-repeat center / cover;}
.icon-money {font-size:14px; font-weight:600; color:#fff;}
.icon-money:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_money.svg') no-repeat center / cover;}
.icon-point {font-size:14px; font-weight:600; color:#fff;}
.icon-point:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_point.svg') no-repeat center / cover;}
.icon-note {font-size:14px; font-weight:600; color:#fff;}
.icon-note:before {display:inline-block; content:""; margin-right:8px; width:14px; height:14px; background:url('../images/icon_note.svg') no-repeat center / cover;}
.icon-kakao {font-size:0; width:35px; height:35px; content:""; display:inline-block; background:url('../images/icon_kakao.svg') no-repeat center / cover;}
.icon-naver {font-size:0; width:35px; height:35px; content:""; display:inline-block; background:url('../images/icon_naver.svg') no-repeat center / cover;}
.icon-reset {font-size:12px; color:rgba(255, 255, 255, 0.7);}
.icon-reset:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_reset.svg') no-repeat center / cover; margin-right:2px;}
.icon-emotion {font-size:0;}
.icon-emotion:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_emotion.svg') no-repeat center / cover;}
.icon-gold {font-size:16px; font-weight:700;}
.icon-gold:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_gold.svg') no-repeat center / cover; margin-right:5px;}
.icon-coupon {font-size:16px; font-weight:700;}
.icon-coupon:before {display:inline-block; content:""; width:18px; height:16px; background:url('../images/icon_coupon.svg') no-repeat center / cover; margin-right:5px;}
.icon-search {font-size:0;}
.icon-search:before {display:inline-block; content:""; width:15px; height:15px; background:url('../images/icon_search.svg') no-repeat center / cover;}
.icon-qa:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_qa.svg') no-repeat center / cover;}
.icon-write:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_write.svg') no-repeat center / cover;}
.icon-more:after {display:inline-block; content:""; width:16px; height:16px; margin-left:8px; background:url('../images/icon_more.svg') no-repeat center / cover;}
.icon-top {width:54px; height:54px; border-radius:50%; font-size:0; background:#292A31 url('../images/icon_top.svg') no-repeat center / 24px 24px;}
.icon-list:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_list.svg') no-repeat center / cover;}
.icon-reply {font-size:12px; color:rgba(255,255,255,0.8); justify-content:flex-start;}
.icon-reply:before {display:inline-block; content:""; width:12px; height:12px; margin-right:2px; background:url('../images/icon_reply.svg') no-repeat center / cover;}
.icon-reply.active:before {background:url('../images/icon_reply_on.svg') no-repeat center / cover;}
.icon-toggle {width:24px; height:24px; font-size:0; background:url('../images/icon_toggle.svg') no-repeat center / cover;}
.icon-toggle.active {transform:rotate(180deg);}
.icon-soccer {justify-content:flex-start;}
.icon-soccer:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_soccer.svg') no-repeat center / cover;}
.icon-over {margin-right:3px; font-size:10px; color:#E90C0D; display:flex; flex-wrap:wrap; align-items:center;}
.icon-over:before {display:inline-block; content:""; width:10px; height:10px; background:url('../images/icon_over.svg') no-repeat center / cover;}
.icon-under {margin-left:3px; font-size:10px; color:#1278E9; display:flex; flex-wrap:wrap; align-items:center;}
.icon-under:after {display:inline-block; content:""; width:10px; height:10px; background:url('../images/icon_under.svg') no-repeat center / cover;}
.icon-delete:before {display:inline-block; content:""; width:16px; height:16px; margin-right:2px; background:url('../images/icon_delete.svg') no-repeat center / cover;}

/* btn */
.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.btn-active {background:#4DB2FE; color:#fff;}
.btn-white {background:#fff; color:#2D3552;}
.btn-bd-active {border:1px solid #4DB2FE; color:#4DB2FE;}
.btn-bd-red {border:1px solid #FF4849; color:#FF4849;}
.btn-yellow {background:#FFEF63; color:#1E202D;}
.btn-darknavy {background:#1E202D; color:#4DB2FE;}
.btn-transparent {color:rgba(255, 255, 255, 0.5);}
.btn-red {background:#FE2423; color:#fff;}
.btn-blue {background:#27A0FC;}

/* color */
.ft-active {color:#4DB2FE !important;}
.ft-no-active {color:rgba(255, 255, 255, 0.5) !important;}
.ft-yellow {color:#EAC410 !important;}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {cursor:pointer; opacity:0; width:100%; height:100%; position:absolute; left:0; top:0;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500; color:rgba(255,255,255,0.5);}
.check-box label:before {display:inline-block; content:""; width:25px; height:13px; background:url('../images/icon_check_off.svg') no-repeat center / cover; margin-right:8px;}
.check-box input:checked ~ label {color:#4DB2FE;}
.check-box input:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}

/* select-box */
.select-box select {background:rgba(255,255,255,0.04) url('../images/icon_select.svg') no-repeat calc(100% - 8px) center / 14px 14px; padding:12px 35px 12px 12px; font-size:14px; color:rgba(255,255,255,0.5); border:1px solid #797979; border-radius:6px;}

/* input-text-box */
.input-text-box input {width:100%; border:1px solid #797979; background:none; border-radius:6px; height:48px; padding:12px 15px; font-size:20px; font-weight:500; color:#fff;}
.input-text-box input::placeholder {color:rgba(255,255,255,0.32);}
@media (max-width:991px){
.input-text-box input {height:45px;}
}

/* date-box */
.date-box {position:relative; max-width:160px;}
.date-box:before {position:absolute; left:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; content:""; background:url('../images/icon_date.svg') no-repeat center / cover;}
.date-box input {padding-left:31px !important; flex:1 !important; width:100%;}

/* textarea-box */
.textarea-box textarea {width:100%; background:none; border:1px solid #797979; border-radius:6px; height:200px; font-size:17px; padding:15px; line-height:1.5; color:#fff;}
.textarea-box textarea::placeholder {color:rgba(255,255,255,0.32);}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box p.file-name {flex:1; min-width:0; margin-right:12px; border:1px solid #797979; border-radius:6px; padding:12.5px 16px; font-size:14px; color:rgba(255,255,255,0.5); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-box label {position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:76px; height:41px; background:#4DB2FE; color:#fff; border-radius:6px; font-size:14px; font-weight:600;}
.file-box label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}

/* file-list */
.file-list ul {display:flex; flex-wrap:wrap; margin:0 -6px;}
.file-list ul li {width:100px; margin:0 6px;}
.file-list ul li .image {width:100px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:center; margin:0 0 8px;}
.file-list ul li .content {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.file-list ul li a.subject {flex:1; min-width:0; display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; font-size:12px; color:rgba(255,255,255,0.32);}
.file-list ul li a.delete {font-size:12px; color:#FF003D;}
@media (max-width:991px){
.file-list ul {margin:0 -16px; display:block; overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
.file-list ul li {display:inline-block; margin:0 12px 0 0;}
.file-list ul li:first-of-type {margin-left:16px;}
.file-list ul li:last-of-type {margin-right:16px;}
}

/* login */
.login-wrap {padding:20px 24px 16px; max-width:350px; margin:140px auto 190px; background:rgba(255, 255, 255, 0.04); border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; overflow:hidden;}
.login-wrap .form-group {display:flex; flex-wrap:wrap; align-items:center;}
.login-wrap .form-group.bd {border-bottom:1px solid rgba(255,255,255,0.08); padding:12px 8px;}
.login-wrap .form-group b {font-size:12px; font-weight:700; color:#fff; width:44px;}
.login-wrap .form-group .input-box {flex:1; min-width:0;}
.login-wrap .form-group .input-box input {width:100%; background:none; font-size:12px; font-weight:500; color:#fff;}
.login-wrap .form-group .input-box input::placeholder {color:rgba(255, 255, 255, 0.5);}
.login-wrap .form-group a.login-wrap-btn {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:rgba(255,255,255,0.5);}
.login-wrap .form-group a.login-wrap-btn:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px;}
.login-wrap .form-group a.login-wrap-btn:last-of-type:after {display:none;}
.login-wrap .form-group a.btn {width:100%; height:50px; border-radius:10px; font-size:14px; font-weight:700;}
.login-wrap .form-group strong {width:100%; display:block; font-size:12px; font-weight:500; color:rgba(255,255,255,0.5); margin:0 0 8px;}
aside .login-wrap {margin:0; width:100%;}
@media (max-width:991px){
.login-wrap {width:calc(100% - 30px); max-width:350px; margin:100px auto; padding:15px 10px;}
}

/* register-wrap */
.register-wrap {width:100%; max-width:516px; margin:55px auto;}
.register-wrap h2 {text-align:center; font-size:32px; font-weight:700; color:#fff; margin:0 0 30px;}
.register-wrap .form-group {border-bottom:0 !important; padding:0 !important;}
.register-wrap .form-group .tit {width:140px !important;}
.register-wrap .form-group select {background-color:transparent;}
@media (max-width:991px){
.register-wrap {margin:0 auto; padding:55px 0;}
.register-wrap h2 {font-size:27px; margin:0 0 20px;} 
.register-wrap .form-group .tit {width:70px !important;} 
}

/* sub-title */
.sub-title {font-size:32px; font-weight:700; color:#4DB2FE; margin:28px 0 20px;}
.sub-title.bd {border-bottom:1px solid #4DB2FE; padding:0 0 20px;}
@media (max-width:991px){
.sub-title {margin:24px 0 12px; font-size:24px;}
.sub-title.bd {padding:0; border-bottom:0;}
}

/* sub-title-sm */
.sub-title-sm {font-size:18px; font-weight:600; color:#fff; margin:0 0 15px;}

/* sub-tab */
.sub-tab {border-bottom:1px solid rgba(255, 255, 255, 0.08);margin:0 0 15px;}
.sub-tab {margin:0 -16px 20px;width:calc(100% + 32px);}
.sub-tab ul li {width:14%; display:inline-block; float:left;}
.sub-tab ul li a {padding:12px 15px; font-size:14px;text-align:center;font-size:18px; font-weight:500; color:rgba(255,255,255,0.5)}
.sub-tab ul li.active a {color:#4DB2FE; position:relative;}
.sub-tab ul li.active a:after {position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#4DB2FE; content:"";}
@media (max-width:991px){
.sub-tab {margin:0 -16px 20px;width:calc(100% + 32px);}
.sub-tab ul li {width:25%; display:inline-block; float:left;}
.sub-tab ul li a {padding:12px 15px; font-size:14px;}
}

/* sub-category */
.sub-category ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-category ul li {margin-right:7px;}
.sub-category ul li:last-of-type {margin-right:0;}
.sub-category ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid rgba(255, 255, 255, 0.12); border-radius:100px; padding:8px 12px; font-size:14px; color:#fff; font-weight:500;}
.sub-category ul li a small {margin-left:2px; font-size:14px; color:rgba(255,255,255,0.5);}
.sub-category ul li.active a {border-color:#4DB2FE; color:#4DB2FE; background:rgba(119,244,200,0.12);}
@media (max-width:991px){
.sub-category {margin:0 -16px;}
.sub-category ul {display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.sub-category ul li {display:inline-block;}
.sub-category ul li:first-of-type {margin-left:16px;}
.sub-category ul li:last-of-type {margin-right:16px;}
}

/* sub-search */
.sub-search form {display:flex; flex-wrap:wrap; align-items:center;}
.sub-search form input {flex:1; min-width:0; height:41px; border-radius:6px; background:rgba(255, 255, 255, 0.04); border:1px solid #797979; border-radius:6px; padding:12px 16px; font-size:14px; color:#fff;}
.sub-search form input::placeholder {color:rgba(255,255,255,0.5);}
.sub-search form a {width:41px; height:41px; border-radius:6px; background:#4DB2FE; margin-left:4px;}
.sub-search form .is-m a {width:76px; margin-left:8px;}
@media (max-width:991px){
.sub-search {width:100%;}
.sub-search form {width:100%;}
}

/* sub-search-btn */
.sub-search-btn a {width:101px; height:41px; border-radius:4px; font-size:14px; font-weight:500;}
@media (max-width:991px){
.sub-search-btn a {width:100%; height:50px; font-size:16px;}
}

/* sub-faq */
.sub-faq ul li .faq-head button {border-radius:6px; width:100%; display:flex; flex-wrap:wrap; position:relative; padding:16px;}
.sub-faq ul li .faq-head button:after {position:absolute; right:16px; top:16px; width:16px; height:16px; background:url('../images/icon_faq_more.svg') no-repeat center / cover; content:"";}
.sub-faq ul li .faq-head button b {font-size:14px; line-height:1.3; font-weight:600; color:rgba(255, 255, 255, 0.5); margin-right:8px;}
.sub-faq ul li .faq-head button p {flex:1; min-width:0; padding-right:20px;  text-align:left; line-height:1.3; font-size:14px; font-weight:600; color:#fff;}
.sub-faq ul li .faq-body {display:none;}
.sub-faq ul li .faq-body > div {display:flex; flex-wrap:wrap; background:rgba(255,255,255,0.04); border-radius:6px; padding:16px;}
.sub-faq ul li .faq-body > div b {font-size:14px; font-weight:600; line-height:1.3; color:rgba(255,255,255,0.5); margin-right:8px;}
.sub-faq ul li .faq-body > div p {flex:1; min-width:0; text-align:left; line-height:1.3; font-size:14px; color:rgba(255,255,255,0.88);}
.sub-faq ul li.active .faq-head button {background:rgba(25, 145, 235, 0.1);}
.sub-faq ul li.active .faq-head button:after {transform:rotate(180deg);}
.sub-faq ul li.active .faq-head button b {color:#fff;}

/* sub-paging */
.sub-paging {border-top:1px solid rgba(255,255,255,0.08); padding:24px 0 0; margin:20px 0 0;}
.sub-paging.bt0 {border-top:0; padding:0;}
.sub-paging ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-paging ul li {margin:0 5px;}
.sub-paging ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:25px; height:25px; border-radius:4px; font-size:14px; color:#fff;}
.sub-paging ul li.active a {background:#4DB2FE; color:#fff;}
.sub-paging ul li.paging-btn a {font-size:0;}
.sub-paging ul li.paging-btn.first a {background:url('../images/icon_paging_first.svg') no-repeat center / 10px 12px;}
.sub-paging ul li.paging-btn.prev a {background:url('../images/icon_paging_prev.svg') no-repeat center / 6px 11px;}
.sub-paging ul li.paging-btn.next a {background:url('../images/icon_paging_next.svg') no-repeat center / 6px 11px;}
.sub-paging ul li.paging-btn.last a {background:url('../images/icon_paging_last.svg') no-repeat center / 10px 12px;}
.sub-paging .icon-more {display:none;}
@media (max-width:991px){
.sub-paging {padding:0; border:0; margin:8px 0 0;}
.sub-paging ul {display:none;}
.sub-paging .icon-more {display:flex; font-size:14px; color:#fff; padding:16px; border:1px solid #797979; border-width:1px 0;}
}

/* sub-none */
.sub-none {border-bottom:1px solid rgba(255,255,255,0.08); padding:100px 0 300px;}
.sub-none strong {display:block; text-align:center; font-size:18px; color:#fff; font-weight:600; margin:0 0 12px;}
.sub-none p {display:block; text-align:center; font-size:14px; font-weight:500; color:rgba(255,255,255,0.5); line-height:1.3;}
@media (max-width:991px){
.sub-none {padding:100px 0;}
}

/* sub-write */
.sub-write strong {display:block; font-size:14px; color:#fff; font-weight:500; margin:0 0 8px;}
.sub-write .submit {border-radius:10px; width:300px; height:50px; font-size:16px; font-weight:700;}
@media (max-width:991px){
.sub-write .submit {width:100%;}
}

/* sub-list-history */
.sub-list-history table {table-layout:fixed; width:100%;}
.sub-list-history table thead tr th {border:1px solid #797979; border-width:1px 0; padding:12px 0; font-size:14px; font-weight:700; color:#fff; text-align:left;}
.sub-list-history table tbody tr td {padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.08); font-size:14px; color:#fff; text-align:left;}
@media (max-width:991px){
.sub-list-history table thead {display:none;}
.sub-list-history table tbody tr td {display:none; border-bottom:0;}
.sub-list-history table tbody tr td.is-m {display:table-cell !important;}
.sub-list-history table tbody tr td .history-wrap {background:rgba(255, 255, 255, 0.04); border-radius:12px; padding:12px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul {display:flex; flex-wrap:wrap; margin:0 0 -15px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li {margin-right:15px; margin-bottom:15px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li:last-of-type {margin-right:0;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li span {display:block; font-size:12px; font-weight:600; color:rgba(255,255,255,0.5);}
.sub-list-history table tbody tr td .history-wrap .history-list ul li b {display:block; margin:8px 0 0; font-size:12px; font-weight:600; color:#fff; line-height:1.3;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li a {color:#fff; font-size:12px; font-weight:600;}
.sub-list-history table tbody tr td .history-wrap .history-state {margin:15px 0 0;}
.sub-list-history table tbody tr td .history-wrap .history-state b {font-size:12px; font-weight:600;}
}

/* sub-list-table */
.sub-list-table table {table-layout:fixed; width:100%;}
.sub-list-table table thead tr th {border:1px solid #4DB2FE; border-width:1px 0; padding:16px; font-size:14px; font-weight:500; color:#4DB2FE; text-align:left;}
.sub-list-table table thead tr th:first-of-type {border-left:1px solid #4DB2FE; border-radius:8px 0 0 8px;}
.sub-list-table table thead tr th:last-of-type {border-right:1px solid #4DB2FE; border-radius:0 8px 8px 0;}
.sub-list-table table tbody tr td {border-bottom:1px solid rgba(255,255,255,0.08); padding:16px; font-size:14px; font-weight:500; color:#fff; text-align:left;}
.sub-list-table table tbody tr td:first-of-type {border-radius:6px 0 0 6px;}
.sub-list-table table tbody tr td:last-of-type {border-radius:0 6px 6px 0;}
.sub-list-table table tbody tr td a.subject {width:100%; max-width:385px; display:block; font-size:14px; font-weight:500; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-list-table table tbody tr td span {font-size:14px; font-weight:500; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr:hover td {background:rgba(25, 145, 235, 0.1);}
@media (max-width:991px){
.sub-list-table {margin:0 -16px;}
.sub-list-table table thead {display:none;}
.sub-list-table table tbody tr td {display:none;}
.sub-list-table table tbody tr td a.subject {max-width:100%; font-size:16px; margin:0 0 12px;}
.sub-list-table table tbody tr td.allshow {display:table-cell; border-radius:0;}
.sub-list-table table tbody tr td.allshow .category {margin:0 0 8px;}
.sub-list-table table tbody tr td.allshow .category b {font-size:12px; font-weight:500; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr td.allshow .infomation dl {display:flex; flex-wrap:wrap; align-items:center;}
.sub-list-table table tbody tr td.allshow .infomation dl dd {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr td.allshow .infomation dl dd:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px; position:relative; top:1px; font-weight:300;}
.sub-list-table table tbody tr td.allshow .infomation dl dd:last-of-type:after {display:none;}
}
@media (max-width:1130px){
.sub-list-table {display:block; overflow-x:auto; overflow-y:hidden; whiteps-space:nowrap;}
}

/* sub-list-notable */
.sub-list-notable ul li {display:table; table-layout:fixed; width:100%;}
.sub-list-notable ul li > div {display:table-cell;}
.sub-list-notable ul li.list-head > div {border:1px solid #4DB2FE; border-width:1px 0; padding:16px; font-size:14px; font-weight:500; color:#4DB2FE; text-align:left;}
.sub-list-notable ul li.list-head > div:first-of-type {border-left:1px solid #4DB2FE; border-radius:8px 0 0 8px;}
.sub-list-notable ul li.list-head > div:last-of-type {border-right:1px solid #4DB2FE; border-radius:0 8px 8px 0;}
.sub-list-notable ul li.list-body .list-body-box {display:table; table-layout:fixed; width:100%;}
.sub-list-notable ul li.list-body .list-body-box > div {vertical-align:middle; display:table-cell; border-bottom:1px solid rgba(255,255,255,0.08); padding:16px; font-size:14px; font-weight:500; color:#fff; text-align:left;}
.sub-list-notable ul li.list-body .list-body-box > div:first-of-type {border-radius:6px 0 0 6px;}
.sub-list-notable ul li.list-body .list-body-box > div:last-of-type {border-radius:0 6px 6px 0;}
.sub-list-notable ul li.list-body .list-body-box > div span {display:none;}
.sub-list-notable ul li.list-body .list-body-box > div a.btn {width:58px; height:30px; border-radius:6px; font-size:12px; font-weight:600;}
.sub-list-notable ul li.list-body .list-body-box > div a.more {width:30px; height:30px; font-size:0; background:url('../images/icon_more_2.svg') no-repeat center / 16px 16px;}
.sub-list-notable ul li.list-body.active .list-body-box > div a.more {transform:rotate(180deg);}
@media (max-width:1130px){
.sub-list-notable {display:block; overflow-x:auto; overflow-y:hidden; whiteps-space:nowrap;}
}
@media (max-width:991px){
.sub-list-notable ul li.list-head {display:none;}
.sub-list-notable ul li.list-body {border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; padding:20px 24px; margin:0 0 15px;}
.sub-list-notable ul li.list-body:last-of-type {margin:0;}
.sub-list-notable ul li.list-body .list-body-box {display:flex; flex-wrap:wrap;}
.sub-list-notable ul li.list-body .list-body-box > div {display:block; border:0; width:33.33% !important; padding:0; margin:0 0 20px;}
.sub-list-notable ul li.list-body .list-body-box > div:last-of-type {margin:0 -12px 0 0; width:calc(100% + 12px) !important;}
.sub-list-notable ul li.list-body .list-body-box > div span {display:block; font-size:12px; color:rgba(255,255,255,0.5); font-weight:500; margin:0 0 5px;}
.sub-list-notable ul li.list-body .list-body-box > div a.btn {width:auto; flex:1; height:47px; font-size:16px;}
.sub-list-notable ul li.list-body .list-body-box > div a.more {width:47px; height:47px; background-size:24px 24px; margin-left:12px;}
}



/* sub-view */
.sub-view .view-head h3 {background:#4DB2FE; border-radius:8px; padding:16px;}
.sub-view .view-head h3 span {font-size:18px; font-weight:600; color:rgba(255, 255, 255, 0.72); margin-right:2px;}
.sub-view .view-head h3 b {font-size:18px; font-weight:700; color:#fff;}
.sub-view .view-head .view-head-info {padding:16px; border-bottom:1px solid #4DB2FE;}
.sub-view .view-head .view-head-info time {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-view .view-head .view-head-info dl {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-head .view-head-info dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-head .view-head-info dl dd:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px; color:rgba(255,255,255,0.16);}
.sub-view .view-head .view-head-info dl dd:last-of-type:after {display:none;}
.sub-view .view-head .view-head-info dl dd strong {font-size:14px; font-weight:500; color:#fff;}
.sub-view .view-head .view-head-info dl dd span {font-size:12px; color:rgba(255,255,255,0.5); margin-right:3px;}
.sub-view .view-head .view-head-info dl dd b {font-size:12px; color:#fff;}
.sub-view .view-head .view-head-info dl dd > *:last-of-type {margin-left:5px;}
.sub-view .view-head .view-head-info dl dd > *:first-of-type {margin-left:0;}
.sub-view .view-body {padding:16px; margin:0 0 90px;}
.sub-view .view-body p {font-size:14px; line-height:1.5; color:#fff;}
.sub-view .view-body img {display:block; max-width:100%; margin:0 auto;}
@media (max-width:991px){
.sub-view .view-head h3 span {display:block; font-size:12px; margin:0 0 8px;}
.sub-view .view-head .view-head-info time {font-size:12px;}
.sub-view .view-head .view-head-info dl dd strong {font-size:12px;}
.sub-view .view-body {padding:12px 0; margin:0 0 80px;}
}

/* sub-reply */
.sub-reply strong {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#fff; padding:0 0 5px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-reply strong b {font-size:18px; font-weight:500;}
.sub-reply .sub-reply-none p {text-align:center; padding:70px 0; font-size:14px; font-weight:500; color:rgba(255,255,255,0.5); line-height:1.5;}
.sub-reply form {background:rgba(255,255,255,0.04); border-radius:6px; border:1px solid #797979; padding:16px;}
.sub-reply form textarea {width:100%; height:95px; background:none; font-size:14px; color:#fff; line-height:1.3;}
.sub-reply form textarea::placeholder {color:rgba(255,255,255,0.72);}
.sub-reply form b {font-size:12px; color:#fff;}
.sub-reply form b span {font-size:12px; color:rgba(255,255,255,0.16); margin-left:2px;}
.sub-reply form .submit {width:45px; height:30px; font-size:12px; font-weight:500; margin-left:10px; border-radius:3px;}
@media (max-width:991px){
.sub-reply .sub-reply-none p {padding:40px 0;}
.sub-reply form textarea {height:130px;}
}

/* sub-reply-list */
.sub-reply-list ul li {border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:15px 0; display:flex; flex-wrap:wrap;}
.sub-reply-list ul li:last-of-type {border-bottom:0;}
.sub-reply-list ul li .reply-image img {width:46px; height:46px; border-radius:50%; object-fit:cover;}
.sub-reply-list ul li .reply-content {flex:1; min-width:0; padding-left:8px;}
.sub-reply-list ul li .reply-content b {font-size:14px; color:#fff; font-weight:500;}
.sub-reply-list ul li .reply-content time {margin-left:2px; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-reply-list ul li .reply-content p {margin:6px 0 10px; font-size:14px; font-weight:500; color:#fff; line-height:1.3; word-break:keep-all;}
.sub-reply-list ul li .reply-content .reply-form {display:none;}
.sub-reply-list ul li .reply-content .reply-form form {margin:12px 0 10px; display:flex; flex-wrap:wrap; align-items:center; background:none; border:0; padding:0;}
.sub-reply-list ul li .reply-content .reply-form form img {width:26px; height:26px; border-radius:50%; object-fit:cover;}
.sub-reply-list ul li .reply-content .reply-form form input {flex:1; min-width:0; background:none; margin-left:8px; height:18px; border-bottom:1px solid rgba(255,255,255,0.08); font-size:12px; color:#fff;}
.sub-reply-list ul li .reply-content .reply-form form input::placeholder {color:#555;}
.sub-reply-list ul li .reply-content .reply-form a {width:53px; height:28px; border-radius:6px; font-size:12px; font-weight:500;}
.sub-reply-list ul li .reply-content .reply-inner-list {margin-left:-56px;}
.sub-reply-list ul li .reply-content .reply-inner-list ul li:before {display:inline-block; content:""; width:9px; height:10.56px; background:url('../images/icon_reply_arrow.svg') no-repeat center / cover; margin-right:13px;}
@media (max-width:991px){
}

/* sub-related */
.sub-related {margin:45px 0 0;}
.sub-related .related-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 12px;}
.sub-related .related-head a {height:37px; padding:0 15px; font-size:14px; font-weight:500; border-radius:4px;}
.sub-related .related-body ul li {border-top:1px solid rgba(255,255,255,0.08);}
.sub-related .related-body ul li a {display:flex; flex-wrap:wrap; padding:16px 0;}
.sub-related .related-body ul li a span {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-related .related-body ul li a time {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-related .related-body ul li a p {flex:1; padding:0 30px; min-width:0; display:flex;}
.sub-related .related-body ul li a p b {min-iwdth:0; font-size:14px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-related .related-body ul li a p strong {font-size:14px; color:#4DB2FE; margin-left:3px;}
@media (max-width:991px){
.sub-related .related-body ul li a p {padding:0 15px;}
}


/* sub-sport */
.sub-sport {margin:0 -16px;}
.sub-sport > ul > li {border:1px solid #797979; border-radius:8px; overflow:hidden; margin:0 0 14px;}
.sub-sport > ul > li:last-of-type {margin:0;}
.sub-sport > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.08); padding:15px 25px;}
.sub-sport > ul > li .list-head strong {font-size:18px; font-weight:700; color:#fff;}
.sub-sport > ul > li .list-head span,
.sub-sport > ul > li .list-head small {font-size:13px; margin-left:5px;}
.sub-sport > ul > li .list-body {padding:0 24px;}
.sub-sport > ul > li .list-body .list-body-box {display:flex; flex-wrap:wrap; padding:7px 0; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-sport > ul > li .list-body .list-body-box:last-of-type {border:0;}
.sub-sport > ul > li .list-body .list-body-box .sport-time {display:flex; flex-wrap:wrap; align-items:center;}
.sub-sport > ul > li .list-body .list-body-box .sport-time strong {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#77f4c8; margin:0 0 4px;}
.sub-sport > ul > li .list-body .list-body-box .sport-time strong b {font-size:16px; font-weight:600; color:#77f4c8; margin-left:5px;}
.sub-sport > ul > li .list-body .list-body-box .sport-time span {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#fff;}
.sub-sport > ul > li .list-body .list-body-box .sport-time span small {font-size:12px; color:rgba(255,255,255,0.5); margin-left:5px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:flex-start;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select {flex:1; min-width:0; padding-right:12px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select .select-type {display:block; font-size:12px; color:#fff; font-weight:600; margin:0 0 8px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info a.select-toggle {position:relative;top: 3px;}
@media (max-width:991px){
.sub-sport > ul > li .list-head {padding:7px 15px;}
.sub-sport > ul > li .list-head strong {font-size:15px;}
.sub-sport > ul > li .list-head span,
.sub-sport > ul > li .list-head small {font-size:12px; margin-left:5px;}
.sub-sport > ul > li .list-body {padding: 0 11px;}
.sub-sport > ul > li .list-body .list-body-box {padding: 10px; 0}
.sub-sport > ul > li .list-body .list-body-box .sport-time {width:100%; padding:0 0 3px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info {display:flex; flex-wrap:wrap; align-items:center; position:relative; min-width:100%; width:100%; padding:3px 0 0;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select {flex:1; min-width:0; margin-right:5px; padding-right:0;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select .select-type {margin:0 0 13px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info a.select-toggle {position:absolute;right: -17px;top: 5px;}
}

/* sub-sport selet-list */

/* sub-sport selet-list */
.select-list dl dd {margin:5px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.select-list dl dd.hide {display:none;}
.select-list dl dd:first-of-type {margin:0;}
.select-list dl dd:last-of-type {margin:0;}
.select-list dl dd > div {width:calc(33.33% - 8px); position:relative;}
.select-list dl dd > div {flex:1; min-width:0; width:auto;}
.select-list dl dd > div:nth-of-type(2) {width:65px; flex:none;}
.select-list dl dd > div input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.select-list dl dd > div label {padding:8px 15px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; border:1px solid #797979; border-radius:8px;}
.select-list dl dd > div label span {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#fff;}
.select-list dl dd > div label span.tit {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.select-list dl dd > div label span.tit1 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: left;}
.select-list dl dd > div label span.tit2 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: right;}
.select-list dl dd > div label span.tit3 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: center;}

.select-list dl dd > div:first-of-type label span.tit {padding-right:10px;}
.select-list dl dd > div:last-of-type label span.tit {padding-left:10px; text-align:right;}
.select-list dl dd > div input:checked ~ label {border-color:#77f4c8;}
.select-list dl dd > div input:checked ~ label span {color:#77f4c8;}
.select-list dl dd sub {width:calc(33.33% - 8px); padding:8px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:12px; color:#fff; font-weight:500; border:1px solid #797979; border-radius:8px;}
.select-list.lg dl dd > div label {padding: 10px 10px;}
.select-list.lg dl dd > div label span {font-size:14px;}
.list-body-box.active .select-list dl dd.hide {display:flex;}
@media (max-width:991px){
.select-list dl dd {margin:0 0 10px;}
.select-list dl dd:not(.hide) {margin:0;}
.select-list dl dd > div {flex:1;}
.select-list dl dd > div label {padding:8px 5px; font-size:12px;}
.select-list dl dd > sub {width:30px; font-size:11px; margin:0 5px;}			
.select-list dl dd > div label span {font-size: 11px;}
.select-list dl dd > div span * {font-size: 11px;}
.select-list dl dd > div font {font-size:11px;}
.select-list.lg dl {margin:0 0 -11px;}
.select-list.lg dl dd > div {width:calc(33.33% - 11px); margin:0 0 11px; !important;}
.select-list.lg dl dd > div label span {font-size:10px;}
.list-body-box.active .select-list dl dd:not(.hide) {margin:0 0 11px;}
.select-list dl dd > div:nth-of-type(2) {width:45px !important;}
}

/* sub-time */
.sub-time {position:relative; overflow:hidden; border-radius:6px; border:1px solid #797979; height:50px;}
.sub-time .gauge {position:absolute; left:0; top:0; height:100%; background:#77F4C8;}
.sub-time b {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:rgba(255, 255, 255, 0.88); font-size:16px; font-weight:500; z-index:2;}
@media (max-width:991px){
.sub-time {height:38px;}
.sub-time b {font-size:12px;}
}

/* sub-time-sm */
.sub-time-sm {position:relative; overflow:hidden; border-radius:6px; border:1px solid #797979; height:43px; background:rgba(255, 255, 255, 0.04);}
.sub-time-sm .gauge {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px; font-weight:500; position:absolute; left:0; top:0; height:100%; background:#4DB2FE;}
.sub-time-sm span {color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 20px; width:100%; text-align:right; color:rgba(255, 255, 255, 0.88); font-size:16px; font-weight:500; z-index:2;}
@media (max-width:991px){
.sub-time-sm {height:38px;}
.sub-time-sm .gauge {font-size:12px;}
.sub-time-sm span {font-size:12px;}
}

/* sub-mini-list */
.sub-mini-list ul li {padding:24px; margin:0 0 24px; background:rgba(255, 255, 255, 0.02); border:1px solid rgba(255, 255, 255, 0.08); box-shadow:0px 6px 8px rgba(0, 0, 0, 0.33); border-radius:6px;}
.sub-mini-list ul li:last-of-type {margin:0;}
.sub-mini-list ul li strong {font-size:24px; font-weight:700; color:#fff; display:block; margin:0 0 20px;}
@media (max-width:991px){
.sub-mini-list ul li {padding:15px; margin:0 0 15px;}
.sub-mini-list ul li strong {display:block; text-align:center; font-size:16px; margin:0 0 15px;}
}

/* sub-mini-info */
.sub-mini-info dl dd {margin:20px 0 0; padding:10px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.sub-mini-info dl dd.bg {background:rgba(255, 255, 255, 0.02);}
.sub-mini-info dl dd span {font-size:14px; font-weight:500; color:#fff;}
@media (max-width:991px){
.sub-mini-info dl dd {margin:12px 0 0;}
}

/* sub-mini-price */
.sub-mini-price dl {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.sub-mini-price dl dd {margin:0 4px 8px;}
.sub-mini-price dl dd a {padding:6px 12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:rgba(255,255,255,0.8); font-size:16px; font-weight:500; background:rgba(255, 255, 255, 0.08); border-radius:8px;}
@media (max-width:991px){
.sub-mini-price dl dd a {font-size:12px;}
}

/* sub-result */
.sub-result > ul.nation-list > li {margin:0 0 40px;}
.sub-result > ul.nation-list > li:last-of-type {margin:0;}
.sub-result > ul.nation-list > li .result-nation {border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; background:rgba(255,255,255,0.08); padding:18px 28px;}
.sub-result > ul.nation-list > li .result-nation img {width:16px; height:16px; object-fit:cover; margin-right:4px;}
.sub-result > ul.nation-list > li .result-nation b {font-size:18px; font-weight:700; color:#fff;}
.sub-result > ul.nation-list > li .result-info li {margin:15px 0 0;}
.sub-result > ul.nation-list > li .result-info li dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 -10px;}
.sub-result > ul.nation-list > li .result-info li dl dd {margin:0 10px;}
.sub-result > ul.nation-list > li .result-info li dl dd.active {flex:1; min-width:0;}
.sub-result > ul.nation-list > li .result-info li dl dd > b {display:none;}
.sub-result > ul.nation-list > li .result-info li dl dd > span {font-size:12px ;color:#fff; font-weight:500;}
.sub-result > ul.nation-list > li .result-info .result-list {display:flex; flex-wrap:wrap; align-items:center;}
.sub-result > ul.nation-list > li .result-info .result-list div {padding:0 15px; width:calc(50% - 34px); display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; height:30px;}
.sub-result > ul.nation-list > li .result-info .result-list div span {font-size:12px; color:#fff; font-weight:500;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) {flex:none; justify-content:center; width:48px; margin:0 10px; padding:0;}
.sub-result > ul.nation-list > li .result-info .result-list div:first-of-type span:first-of-type {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;}
.sub-result > ul.nation-list > li .result-info .result-list div:last-of-type span:last-of-type {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; text-align:right;}
.sub-result > ul.nation-list > li .result-info .result-list div.active {background:#4DB2FE; border-color:#4DB2FE;}
.sub-result > ul.nation-list > li .result-info .result-list div.active span {color:#fff;}
@media (max-width:991px){
.sub-result > ul.nation-list > li {background:rgba(255,255,255,0.05); border-radius:8px; padding:15px; margin:0 0 20px;}
.sub-result > ul.nation-list > li:last-of-type {margin:0;}
.sub-result > ul.nation-list > li .result-nation {border-radius:0; background:none; padding:0; margin:0 0 15px;}
.sub-result > ul.nation-list > li .result-info li {padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-result > ul.nation-list > li .result-info li:last-of-type {padding-bottom:0; border-bottom:0;}
.sub-result > ul.nation-list > li .result-info li dl {margin:0; margin:0 -10px -10px;}
.sub-result > ul.nation-list > li .result-info li dl dd {margin:0 10px 10px; width:auto; display:flex; flex-wrap:wrap;}
.sub-result > ul.nation-list > li .result-info li dl dd.active {flex:auto; width:calc(100% - 20px); min-width:auto; order:3;}
.sub-result > ul.nation-list > li .result-info li dl dd:last-of-type {order:2;}
.sub-result > ul.nation-list > li .result-info li dl dd > b {display:block; font-size:12px; color:rgba(255,255,255,0.5); font-weight:600; margin-right:8px;}
.sub-result > ul.nation-list > li .result-info .result-list {width:100%;}
.sub-result > ul.nation-list > li .result-info .result-list div {flex:auto; width:calc(50% - 34px); padding:0 5px;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) {width:30px; margin:0 5px;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) span {font-size:10px;}
}

/* sub-result-list */
.sub-result-list {display:none !important; width:100% !important;}
.sub-result-list ul li {background:rgba(255, 255, 255, 0.04); border-radius:6px; margin:0 0 8px; padding:15px; display:flex; flex-wrap:wrap;}
.sub-result-list ul li:last-of-type {margin:0;}
.sub-result-list ul li .result-head {flex:1; min-width:0; padding-right:15px;}
.sub-result-list ul li .result-head strong {display:block; font-size:14px; font-weight:600; color:#4DB2FE; margin:0 0 5px;}
.sub-result-list ul li .result-head b {display:block; font-size:14px; font-weight:500; color:#fff; margin:0 0 13px;}
.sub-result-list ul li .result-head time {display:block; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-result-list ul li .result-body {display:flex; flex-wrap:wrap; align-items:center;}
.sub-result-list ul li .result-body .result-body-box {margin:0 8px 0 0; padding:14px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255, 255, 255, 0.02); border:1px solid rgba(255, 255, 255, 0.04); border-radius:6px;}
.sub-result-list ul li .result-body .result-body-box b {display:block; text-align:center; width:100%; font-size:12px; color:#fff; font-weight:600; margin:0 0 8px;}
.sub-result-list ul li .result-body .result-body-box strong {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:600; color:#4DB2FE;}
.sub-result-list ul li .result-body .result-body-box strong span {font-size:12px; font-weight:600; color:rgba(255,255,255,0.5);}
.sub-result-list ul li .result-body .result-body-btn a {width:125px; height:30px; border-radius:6px; font-size:12px; font-weight:500; margin:0 0 4px;}
.sub-result-list ul li .result-body .result-body-btn a:last-of-type {margin:0;}
.list-body.active .sub-result-list {display:block !important;}
@media (max-width:991px){
.sub-result-list {margin:10px 0 0;}
.sub-result-list ul li .result-head {width:100%; flex:none; margin:0 0 10px;}
.sub-result-list ul li .result-body {width:100%;}
.sub-result-list ul li .result-body .result-body-box {margin:0;}
.sub-result-list ul li .result-body .result-body-box:first-of-type {flex:1; min-width:0; margin-right:10px;}
.sub-result-list ul li .result-body .result-body-btn {width:100%; margin:10px 0 0;}
.sub-result-list ul li .result-body .result-body-btn a {width:100%; margin:0 0 8px;}
}

/* sub-my-result */
.sub-my-result ul li {background:rgba(255, 255, 255, 0.02); margin:0 0 20px; padding:20px;}
.sub-my-result ul li:last-of-type {margin:0;}
.sub-my-result ul li .info {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-my-result ul li .info > div {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .info > div span {font-size:12px; color:rgba(255,255,255,0.5); margin-right:5px;}
.sub-my-result ul li .info > div span:last-of-type {margin-right:0;}
.sub-my-result ul li .result-box {margin:0 0 20px;}
.sub-my-result ul li .result-box .result {margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-box .result .result-score {flex:1; min-width:0; margin-right:5px;}
.sub-my-result ul li .result-box .result .result-score dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-my-result ul li .result-box .result .result-score dl dd {padding:8px; height:44px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-my-result ul li .result-box .result .result-score dl dd span {font-size:13px; color:#fff; font-weight:500;}
.sub-my-result ul li .result-box .result .result-score dl dd span.tit {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:first-of-type {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:first-of-type span.tit {padding-right:10px;}
.sub-my-result ul li .result-box .result .result-score dl dd:nth-of-type(2) {margin:0 4px;}
.sub-my-result ul li .result-box .result .result-score dl dd:last-of-type {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:last-of-type span.tit {text-align:right; padding-left:10px;}
.sub-my-result ul li .result-box .result .result-score dl dd.active {background:#4DB2FE; border-color:#4DB2FE;}
.sub-my-result ul li .result-box .result .result-score dl dd.active span {color:#000;}
.sub-my-result ul li .result-box .result .result-state {border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; width:44px; height:44px;}
.sub-my-result ul li .result-box .result .result-state b {width:100%; font-size:12px; font-weight:500; color:#fff; text-align:center; margin:0 0 4px;}
.sub-my-result ul li .result-box .result .result-state span {font-size:12px; font-weight:500; color:#000;}
.sub-my-result ul li .result-total {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-total .total-info {flex:1; min-width:0; margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl {display:flex; flex-wrap:wrap;}
.sub-my-result ul li .result-total .total-info dl dd {margin-right:10px;}
.sub-my-result ul li .result-total .total-info dl dd:last-of-type {margin-right:0;}
.sub-my-result ul li .result-total .total-info dl dd span {font-size:12px; color:#fff; opacity:0.5; display:block; margin:0 0 5px;}
.sub-my-result ul li .result-total .total-info dl dd p {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-total .total-info dl dd p b {font-size:12px; color:rgba(255,255,255,0.5); margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl dd p b:last-of-type {margin-right:0;}
.sub-my-result ul li .result-total .total-result b {font-size:15px; font-weight:600; color:#eac410;}
.sub-my-result ul li .result-form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:20px 0 0;}
.sub-my-result ul li .result-form a {width:108px !important; height:32px; font-size:13px; border-radius:6px; font-weight:500;}
.aside-list {margin:0 0 30px;}
.aside-list .sub-my-result ul li {display:flex; flex-wrap:wrap; align-items:center; padding:10px; margin:0 0 5px;}
.aside-list .sub-my-result ul li:last-of-type {margin:0;}
.aside-list .sub-my-result ul li .result-box {flex:1; min-width:0; order:2; margin:0;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd {display:flex; align-items:center; color:rgba(255, 255, 255, 0.7); font-size:13px; margin:0 0 5px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd:last-of-type {margin:0;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd b {font-size:13px; margin-left:3px; color:#EAC410; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.aside-list .sub-my-result ul li .result-form {margin:0; order:1; margin-right:10px;}
.aside-list .sub-my-result ul li .result-form a {font-size:0; width:32px !important;} 
@media (max-width:991px){
.sub-my-result ul li {margin:0 0 15px; padding:15px;}
.sub-my-result ul li .info > div span {font-size:11px;}
.sub-my-result ul li .result-box .result .result-score dl {align-items:inherit;}
.sub-my-result ul li .result-box .result .result-score dl dd {padding:5px; height:auto; min-height:30px;}
.sub-my-result ul li .result-box .result .result-score dl dd span {font-size:11px;}
.sub-my-result ul li .result-box .result .result-state {width:45px; height:33px;}
.sub-my-result ul li .result-box .result .result-state b {margin:0 0 2px;}
.sub-my-result ul li .result-box .result .result-state span {font-size:10px;}
.sub-my-result ul li .result-total .total-info dl dd {margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl dd span {font-size:10px;}
.sub-my-result ul li .result-total .total-info dl dd p b {font-size:10px;}
.sub-my-result ul li .result-total .total-result b {font-size:13px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd {font-size:12px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd b {font-size:12px;}
}

/* sub-write */
.sub-write {margin:0 0 70px;}
.sub-write .form-group {display:flex; flex-wrap:wrap; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-write .form-group.block {display:block;}
.sub-write .form-group:last-of-type {padding:0; border:0;}
.sub-write .form-group b {line-height:1.3; font-size:14px; font-weight:500; color:#fff;}
.sub-write .form-group .tit {width:74px;}
.sub-write .form-group input {flex:1; min-width:0; height:41px; border:1px solid #797979; border-radius:6px; padding:0 16px; font-size:14px; color:#fff; background:none; margin-right:12px;}
.sub-write .form-group .btn {width:76px; height:41px; border-radius:6px; font-size:14px; font-weight:600;}
.sub-write .form-group label {position:relative; overflow:hidden;}
.sub-write .form-group label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.sub-write .form-group p {margin:10px 0 0; font-size:12px; line-height:1.3; color:rgba(255,255,255,0.24);}
.sub-write .form-group p.txt {margin:0; font-size:14px; color:#fff; line-height:1.3;}
@media (max-width:991px){
.sub-write {margin:0 0 35px;}
}

/* sub-user */
.sub-user {width:50px;}
.sub-user img {width:50px; height:50px; border-radius:50%; object-fit:cover; margin:0 0 8px;}
.sub-user a {font-size:12px;}
.sub-user a.update {color:rgba(255,255,255,0.32);}
.sub-user a.delete {color:#FF003D;}

/* sub-notice */
.sub-notice {background:rgba(255,255,255,0.06); padding:16px;}
.sub-notice strong {display:block; font-size:15px; color:#fff; font-weight:600; margin:0 0 15px;}
.sub-notice ul {padding-left:5px;}
.sub-notice ul li {position:relative; font-size:12px; line-height:1.3; color:rgba(255,255,255,0.5); padding-left:10px; margin:0 0 5px;}
.sub-notice ul li:last-of-type {margin:0;}
.sub-notice ul li:before {position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,0.5); content:"";}
@media (max-width:991px){
.sub-notice ul {padding-left:0;}
}

/* sub-price */
.sub-price ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -4px -8px;}
.sub-price ul li {margin:0 4px 8px;}
.sub-price ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:43px; height:26px; background:rgba(255,255,255,0.08); border-radius:8px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.8);}
@media (max-width:991px){
.sub-price ul {margin:0 -2px -4px;}
.sub-price ul li {margin:0 2px 4px;}
.sub-price ul li a {font-size:11px;}
}

/* sub-wallet */
.sub-wallet {border-top:1px solid rgba(255,255,255,0.08); padding:24px 0 0; margin:40px 0 0;}
.sub-wallet h3 {font-size:20px; font-weight:700; color:#fff; margin:0 0 20px;}
.sub-wallet .my-wallet {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 12px;}
.sub-wallet .my-wallet b {font-size:16px; font-weight:600; color:#fff;}
.sub-wallet .my-wallet a {width:58px; height:28px; border-radius:8px; font-size:12px; font-weight:600;}
.sub-wallet .my-wallet input {max-width:200px; height:28px; text-align:right; padding:0 10px; color:#fff; font-weight:600; font-size:16px; background:none;}
.sub-wallet .my-wallet input::placeholder {color:#fff;}
.sub-wallet .my-list > ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-wallet .my-list > ul > li {width:calc(50% - 15px);}
.sub-wallet .my-list > ul > li b {display:block; font-size:16px; font-weight:600; color:#fff; line-height:1.3; margin:0 0 10px;}
.sub-wallet .my-list > ul > li .my-list-charge {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.sub-wallet .my-list > ul > li .my-list-charge input {flex:1; min-width:0; height:26px; background:rgba(255,255,255,0.04); border-radius:8px; text-align:right; padding:0 10px; font-size:12px; color:#fff !important; font-weight:600;}
.sub-wallet .my-list > ul > li .my-list-charge strong {font-size:12px; color:#fff; font-weight:600; margin:0 15px 0 5px;}
.sub-wallet .my-list > ul > li .my-list-charge a {height:26px; font-size:12px; padding:0 10px; font-weight:600; border-radius:8px;}
@media (max-width:991px){
.sub-wallet .my-wallet input {flex:1; max-width:100%; min-width:0;}
.sub-wallet .my-list > ul > li {width:100%; margin:0 0 30px;}
.sub-wallet .my-list > ul > li:last-of-type {margin:0;}
}

/* memo */
.memo {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999;}
.memo.fixed {display:block;}
.memo .box {width:586px; background:#1E202D; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.memo .box .memo-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:15px 20px;}
.memo .box .memo-head strong {font-size:20px; color:#fff; font-weight:700;}
.memo .box .memo-head a {width:30px; height:30px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / 12px 12px;}
.memo .box .memo-body {padding:15px 20px;}
.memo .box .memo-body .memo-total {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#fff; font-weight:500; margin:0 0 10px;}
.memo .box .memo-body .memo-total b {font-size:16px; color:#fff; font-weight:600; color:#1991EB; margin-left:5px;}
.memo .box .memo-body .memo-list ul li {margin:0 -20px; padding:8px 20px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.memo .box .memo-body .memo-list ul li .name {width:100px;}
.memo .box .memo-body .memo-list ul li .name > div {display:flex; flex-wrap:wrap; align-items:center;}
.memo .box .memo-body .memo-list ul li .name > div img {width:20px; height:20px; border-radius:50%; object-fit:cover; margin-right:4px;}
.memo .box .memo-body .memo-list ul li .name > div b {font-size:14px; font-weight:500; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.memo .box .memo-body .memo-list ul li .name a {display:none;}
.memo .box .memo-body .memo-list ul li .subject {flex:1; min-width:0; margin-right:20px;}
.memo .box .memo-body .memo-list ul li .subject a {font-size:14px; color:#fff; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.memo .box .memo-body .memo-list ul li .date {width:90px;}
.memo .box .memo-body .memo-list ul li .date time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300;}
.memo .box .memo-body .memo-list ul li .link {width:40px; text-align:right;}
.memo .box .memo-body .memo-list ul li .link a {font-size:12px; color:#FB6868;}
.memo .box .memo-body .memo-list-view {margin:15px 0 0;}
.memo .box .memo-body .memo-list-view .name {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.memo .box .memo-body .memo-list-view .name > div {display:flex; flex-wrap:wrap; align-items:center;}
.memo .box .memo-body .memo-list-view .name > div img {width:32px; height:32px; border-radius:50%; object-fit:cover; margin-right:8px;}
.memo .box .memo-body .memo-list-view .name > div b {font-size:16px; font-weight:500; color:#fff;}
.memo .box .memo-body .memo-list-view .name > div time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300; margin-right:10px;}
.memo .box .memo-body .memo-list-view .name a {font-size:12px; color:#fb6868;}
.memo .box .memo-body .memo-list-view .subject {font-size:14px; font-weight:400; line-height:1.3; color:#fff; border:1px solid rgba(255, 255, 255, 0.08); border-width:1px 0; margin:0 -15px; padding:15px;}
.memo .box .memo-body .memo-list-view .date {display:none;}
.memo .box .memo-body .memo-button a {display:block; text-align:center; padding:20px 0 5px; font-size:18px; font-weight:500; color:#4DB2FE;}
@media (max-width:991px){
.memo {width:100%; height:100%; left:0; top:0; transform:none;}
.memo .box {width:100%; height:100%; border-radius:0;}
.memo .box .memo-head {padding:15px;}
.memo .box .memo-head a {background-size:20px 20px;}
.memo .box .memo-body {padding:15px;}
.memo .box .memo-body {height:calc(100% - 61px); overflow-x:hidden; overflow-y:auto;}
.memo .box .memo-body .memo-list ul li {margin:0 -15px; padding:0 15px; border:0; margin:0 -15px 15px;}
.memo .box .memo-body .memo-list ul li:last-of-type {margin:0 -15px;}
.memo .box .memo-body .memo-list ul li .name {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.memo .box .memo-body .memo-list ul li .name > div img {width:27px; height:27px;}
.memo .box .memo-body .memo-list ul li .name a {display:block; font-size:12px; color:#fb6868;}
.memo .box .memo-body .memo-list ul li .subject {flex:none; min-width:100%; margin-right:0; width:100%;}
.memo .box .memo-body .memo-list ul li .subject a {display:-webkit-box; word-wrap:break-word; white-space:normal; line-height:1.3; max-height:35px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.memo .box .memo-body .memo-list ul li .link {display:none;}
.memo .box .memo-body .memo-list ul li .date {margin:15px 0 0;}
.memo .box .memo-body .memo-list-view {border-bottom:1px solid rgba(255,255,255,0.08); padding:0 0 20px;}
.memo .box .memo-body .memo-list-view .name > div time {display:none;}
.memo .box .memo-body .memo-list-view .subject {border:0; padding:0; margin:0;}
.memo .box .memo-body .memo-list-view .date {display:block; margin:20px 0 0;}
.memo .box .memo-body .memo-list-view .date time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300;}
}

/* sub-money */
.sub-money .total {border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:0 0 20px; margin:0 0 20px;}
.sub-money .total h3 {font-size:20px; font-weight:600; color:#fff;}
.sub-money .total a {width:200px; height:40px; border-radius:5px; margin:15px 0 0; font-size:18px; font-weight:600;}
.sub-money .list {border-bottom:1px solid rgba(255,255,255,0.08); padding:0 0 20px;}
.sub-money .list ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-money .list ul li {width:calc(50% - 15px);}
.sub-money .list ul li h4 {font-size:17px; font-weight:500; color:#fff; margin:0 0 15px;}
.sub-money .list ul li .list-button {display:flex; flex-wrap:wrap; align-items:center;}
.sub-money .list ul li .list-button a {margin-right:3px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; background:#3D466A; font-size:12px; padding:7px 0; width:54px; font-weight:600;}
.sub-money .list ul li .list-button a:last-of-type {margin-right:0;}
.sub-money .list ul li .list-input {background:rgba(0,0,0,0.08); border:1px solid rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; align-items:center; margin:15px 0; padding:0 10px;}
.sub-money .list ul li .list-input input {flex:1; min-width:0; padding:0 10px; height:35px; text-align:right; background:none; color:#fff;}
.sub-money .list ul li .list-input input::placeholder {color:#fff;}
.sub-money .list ul li .list-input em {color:#fff;}
.sub-money .list ul li .list-submit a {height:50px; font-size:20px; font-weight:600; border-radius:5px; color:#000;}
@media (max-width:991px){
.sub-money {margin:40px 0 0;}
.sub-money .total h3 {font-size:22px; margin:0 0 5px;}
.sub-money .total a {width:100%; font-size:16px; height:45px; border-radius:0; margin:10px 0 0;}
.sub-money .list {border-bottom:0; padding:0;}
.sub-money .list ul li {width:100%; margin:0 0 25px; padding:0 0 25px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-money .list ul li .list-button {width:100%; justify-content:space-between;}
.sub-money .list ul li .list-button a {width:calc(14.28% - 4px);}
.sub-money .list ul li .list-input input {height:45px;}
.sub-money .list ul li .list-submit a {border-radius:0; height:45px; font-size:16px;}
}

.hover-lay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(26,37,67,.8);
	background:-webkit-gradient(linear,left bottom,left top,from(rgba(26,37,67,.5)),to(rgba(76,106,195,.5)));
	background:linear-gradient(0deg,rgba(26,37,67,.5),rgba(76,106,195,.5));
	opacity:0;
	-webkit-transition:.35s;
	transition:.35s;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.hover-lay:before {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	border:1px solid #a7dfff;
	content:"";
	opacity:1;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	transition:opacity .35s,transform .35s,-webkit-transform .35s;
	-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg) scale3d(0,0,1);
	transform:translate3d(-50%,-50%,0) rotate(-45deg) scale3d(0,0,1);
	-webkit-transform-origin:50%;
	transform-origin:50%
}
.sub-list-gallery ul li .list-image:hover .hover-lay:before {
	opacity:1;
	-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1);
	transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1)
}
.hover-lay p {
	color:#fff;
	font-size:14px;
	margin:0
}



/*.sub-wrap article {flex:none !important; margin-right:0; max-width:1000px; margin:0 auto;}*/