/*.bgCircle::before {position: fixed;content: ""; display: block;z-index: -1; will-change: border-radius, transform, opacity;}
.bgCircle.circle1::before { left: 5%;top: 0; width: 70%;height: 90%; background: rgba(0,60,255,0.08); animation: sliderShape1 5s linear infinite; -webkit-animation: sliderShape1 5s linear infinite;}
.bgCircle.circle2::before { right: 5%;bottom: 0; width: 60%;height: 80%; background: rgba(255,0,123,0.05); animation: sliderShape2 8s linear infinite; -webkit-animation: sliderShape2 8s linear infinite;}*/

@keyframes sliderShape1{
	0%,100% {
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0,0,0) rotateZ(0.01deg);
	} 34% {
		border-radius: 50% 30% 46% 54% / 30% 29% 71% 70%; transform:  translate3d(0,5px,0) rotateZ(0.01deg);
	} 50% {
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	} 67% {
		border-radius: 50% 60% 60% 100% / 100% 100% 60% 60% ; transform: translate3d(0,-3px,0) rotateZ(0.01deg);
	}
}
@keyframes sliderShape2{
	0%,100% {
		border-radius: 32% 48% 60% 40% / 55% 55% 45% 45%; transform: translate3d(0,5px,0) rotateZ(0.03deg);
	} 34% {
		border-radius: 60% 34% 56% 44% / 40% 39% 61% 40%; transform:  translate3d(0,0,0) rotateZ(0.03deg);
	} 50% {
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	} 67% {
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ; transform: translate3d(0,-3px,0) rotateZ(0.01deg);
	}
}


/*html {background:#f9f9f9;}*/
html {}
#wrapper {width:100%; height:100%; }
#container {width:calc(100% - 60px); max-width:1300px; height:auto; margin:0 auto;}
#schArea {width:calc(100% - 700px); height:100%; float:left;} /* -------default 550px ------- */
#schArea .wrap {width:calc(100% - 80px); height:100%; padding-top:calc(40vh - 150px);}
#schArea h2 {font-size:1.6em; font-weight:100; color:#000; letter-spacing:-1px; padding-bottom:30px;}
#schArea h2 span {font-weight:100; color:#666;}
#schArea .wrap_sch {position:fixed; width:calc(100% - 750px); max-width:570px; height:auto;}
#schArea .wrap_sch h4 {color:#000; font-size:1.3em; padding:30px 3px 10px}
#schArea .wrap_sch form {position:relative;}
#schArea .wrap_sch .input_sch {width:100%; height:45px; border:0; border-bottom:1px solid #000; background:transparent;}
#schArea .wrap_sch .button_sch {position:absolute; bottom:5px; right:0; width:30px; height:30px; border:0; background:transparent;}
#schArea .wrap_sch .button_sch i {color:#000; font-size:2em;}
#schArea .wrap_sch .keyWords {width:100%; height:auto; padding-top:10px;}
#schArea .wrap_sch .keyWords a {display:inline-block; height:37px; padding:8px 10px; border-radius:5px; background:rgba(255,255,255,0.5); border:1px solid #ddd; color:#333; font-size:1.1em; margin:0 5px 5px 0; float:left; transition:all .2s}
#schArea .wrap_sch .keyWords a:hover {background:#fff; color:#000;}
#schArea .wrap_sch .keyWords a i {font-style:normal; color:#000; padding-right:2px;}

#shopArea {position:relative; width:100%; max-width:700px; height:100%; min-height:100vh; background:#fff; box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 20px; float:left;} /* -------default 550px ------- */
#shopArea #hd {position:relative; width:100%; height:auto; margin-bottom:100px; z-index:9999;}
#shopArea #hd #newsEvent {position:fixed; width:100%; max-width:700px; height:45px; background:#000; z-index:9999;} /* -------default 550px ------- */
#shopArea #hd #logo {position:fixed; top:45px; width:100%; max-width:700px; height:55px; border-bottom:1px solid #ddd; background:#fff; z-index:9999;} /* -------default 550px ------- */
#shopArea #hd #logo li {height:100%; float:left;}
#shopArea #hd #logo li button {width:50%; height:100%; background:transparent; border:0; text-align:center; float:left}
#shopArea #hd #logo li button a {display:block; width:100%; height:100%; padding:15px 8px;}
#shopArea #hd #logo li button i {font-size:1.65em; color:#000;}
#shopArea #hd #logo .left {width:80px;}
#shopArea #hd #logo .logo {width:calc(100% - 160px); text-align:center;}
#shopArea #hd #logo .logo a {display:block; font-size:1.3em; padding-top:15px;}
#shopArea #hd #logo .right {width:80px;}
#shopArea #hd #nav {position:relative; top:100px; width:100%; height:45px; text-align:center; white-space:nowrap; overflow:hidden;}
#shopArea #hd #nav a {display:inline-block; width:auto; height:100%; line-height:45px; padding:0 1.5%; white-space:nowrap;}
#shopArea #hd #nav a:not(:last-child) {margin-right:1%;}
#shopArea #hd #nav a i {font-size:1.3em; padding-right:3px; color:#7f5ee3; vertical-align:middle;}

#quickMenu {position:fixed; bottom:0; width:inherit; max-width:700px; height:55px; border-top:1px solid #ddd; background:#fff; z-index:100;} /* -------default 550px ------- */
#quickMenu li {width:20%; height:100%; float:left;}
#quickMenu li a {display:inline-block; width:100%; height:100%; background:transparent; border:0; padding:15px 10px; text-align:center;}
#quickMenu li a i {font-size:2em;}

#main_banner {position:relative; width:calc(100% - 30px); height:auto; border-radius:10px; background:#eee; margin:0 auto; overflow:hidden;}
#main_banner ul.img {width:100%; height:760px;}
#main_banner ul.img li {width:100%;}
#main_banner ul.img li > a {display:block; width:100%; }
#main_banner ul.img li > a > img {width:100%; height:auto; border-radius:10px;}
#main_banner .lSSlideOuter .lSPager.lSpg {height:35px; background:rgba(0,0,0,0);}
#main_banner .lSSlideOuter .lSPager.lSpg>li {margin-top:7px;}
#main_banner .lSSlideOuter .lSPager.lSpg>li:not(.active) a {background-color:rgba(255,255,255,0.6);}

#main_category {width:100%; height:auto;}
#main_category ul {width:calc(100% - 10px); max-width:400px; padding:0 5px; height:auto; margin:0 auto; overflow:hidden;}
#main_category li {width:calc(33.333333% - 10px); margin:0 5px 10px; text-align:center; float:left;}
#main_category li img {background:#000; width:100%; max-width:99px; height:auto; border-radius:50px;}
#main_category li p {text-align:center; padding:10px 0;}

#main_brandlist {width:100%; height:auto;}
#main_brandlist ul {width:calc(100% - 10px); max-width:400px; height:auto; margin:0 auto; overflow:hidden;}
#main_brandlist li {width:calc(33.333333% - 20px); height:auto; margin:0 10px; float:left;}
#main_brandlist li img {width:100%; height:auto; border-radius:100px; border:1px solid #ddd;}
#main_brandlist li p {text-align:center; padding:5px 0 20px;}
#main_brandlist li p span {display:block; font-weight:bold;}

.mainRecentTitle {width:100%; padding:50px 10px 30px; text-align:center;}
.mainRecentTitle > span {display:inline-block; background:#f6f6f6; border:1px solid #e9e9e9; border-radius:25px; font-size:1.3em; color:#333; letter-spacing:-1px; padding:3px 15px 4px; margin-bottom:3px;}
.mainRecentTitle p {display:none; font-weight:normal; color:#333; letter-spacing:-1px;}

.mainRecentTitle2 {width:100%; padding:50px 10px 30px;}
.mainRecentTitle2 .title {display:block; background:#fff; border-bottom:1px solid #999; font-size:1.5em; color:#333; letter-spacing:-1px; padding:3px 10px 4px; margin-bottom:3px;}
.mainRecentTitle2 .title a {display:inline-block; background:#666; color:#fff; border-radius:10px; font-weight:normal; font-size:0.5em; letter-spacing:0; padding:2px 10px; margin-top:3px; float:right;}
.mainRecentTitle2 .explain {display:none; font-weight:normal; color:#333; letter-spacing:-1px; text-align:center;}

#aside {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
#aside .wrap {position:absolute; top:0; left:0; width:100%; max-width:450px; height:100%; max-height:100vh; background:#fff; overflow-y:scroll; z-index:10;}
#aside .wrap::-webkit-scrollbar {width: 5px;}
#aside .wrap::-webkit-scrollbar-thumb {background: #2ea7d7; border-radius: 10px; cursor:pointer;}
#aside .wrap::-webkit-scrollbar-track {background: #eee}
#aside .bg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1;}
#aside.on {display:block;}

#bgCircle {}
#bgCircle .circle {position:fixed; border-radius:600px;}
#bgCircle .circle1 {width:300px; height:300px; top:-80px; left:-70px; background:rgba(0,60,255,0.045); animation-duration: 12s; animation-name: circle1; animation-iteration-count: infinite;}
#bgCircle .circle2 {width:500px; height:500px; bottom:-180px; left:-210px; background:rgba(255,0,123,0.03)}
#bgCircle .circle3 {width:450px; height:450px; bottom:-180px; left:250px; background:rgb(90 0 255 / 3%); animation-duration: 9s; animation-name: circle3; animation-iteration-count: infinite;}
#bgCircle .circle4 {width:350px; height:350px; top:-100px; right:-100px; background:rgba(255,0,0,0.025)}
#bgCircle .circle5 {width:1200px; height:1200px; bottom:-200px; right:-130px; background:rgb(0,60,255,0.035)}
#bgCircle .circle6 {width:550px; height:550px; top:250px; right:-50px; background:rgb(90 0 255 / 3%); animation-duration: 9s; animation-name: circle6; animation-iteration-count: infinite;}

@keyframes circle1 {
	0% {top:-180px;}
	50% {top: -100px;}
	100% {top: -180px;}
}
@keyframes circle3 {
	0% {bottom:-180px;}
	10% {bottom: -180px;}
	50% {bottom: -120px;}
	100% {bottom: -180px;}
}
@keyframes circle6 {
	0% {top:250px;}
	50% {top:330px;}
	100% {top:250px;}
}


#aside .top {position:relative; width:100%; height:auto; min-height:220px; padding:35px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; overflow:hidden; clear:both;}
#aside .top .logo {}
#aside .top .logo span {font-size:2em; letter-spacing:-1px; font-weight:bold;}
#aside .top .logo p {color:#666; padding-top:5px;}
#aside .top .btnLogin {display:block; padding:15px 0; background:#000; color:#fff; margin-top:35px; font-weight:bold; font-size:1.2em; letter-spacing:-1px; text-align:center; border-radius:5px; box-shadow:0 4px 15px 0 rgb(133 133 133 / 48%); background-image:linear-gradient(to right, #7f5ee3, #b48cff, #7f5ee3);}

#aside .category {width:calc(100% - 70px); margin:30px auto;}
#aside .category1 {width:100%; height:auto; overflow:hidden;}
#aside .category1 li {height:auto; float:left; width:33.33333%;}
#aside .category1 li a {display:inline-block; width:calc(100% - 5px); padding:10px 0; background:#e5f4fb; border:1px solid #d1eefb; color:#001c29; text-align:center; border-radius:5px;}
#aside .category1 li:nth-child(1) a{float:left;}
#aside .category1 li:nth-child(2) {text-align:center;}
#aside .category1 li:nth-child(3) a{float:right;}

#aside .category2 {display:flex; flex-wrap:wrap; width:100%; height:auto; background:#f9f9f9; border:1px solid #f0f0f0; border-radius:10px; margin:20px auto 40px; overflow:hidden;}
#aside .category2 .cate_li_1 {flex:1; flex-basis:50%; position:relative; height:auto; line-height:38px;}
#aside .category2 .cate_li_1:nth-child(odd) span {padding:0 0 0 20px;}
#aside .category2 .cate_li_1:nth-child(even) span {padding:0 0 0 10px;}
#aside .category2 .cate_li_1:nth-child(-n + 2) {border-bottom:1px solid #e9e9e9;}
#aside .category2 .cate_li_1 .cate_span_1 {position:relative; display:block; height:45px; line-height:45px; color:#333; cursor:pointer;}
#aside .category2 .cate_li_1 .cate_span_1 i {position:absolute; top:12px; right:0; color:#aaa;}
#aside .category2 .cate_li_1:nth-child(odd) .cate_span_1 i {right:10px;}
#aside .category2 .cate_li_1:nth-child(even) .cate_span_1 i {right:20px;}
#aside .category2 .cate_li_1 .cate_span_1:hover {color:#d478e9;}
#aside .category2 .cate_li_1 .sub_cate {display:none; width:100%;}

#aside .category2 .cate_li_1.on {}
#aside .category2 .cate_li_1.on > span {font-weight:normal; color:#d478e9}
#aside .category2 .cate_li_1.on .sub_cate {display:flex; flex-wrap:wrap; position:relative; width:200%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:#fff; margin-bottom:-1px; z-index:10;}
#aside .category2 .cate_li_1.on:nth-child(even) .sub_cate {margin-left:-100% !important;}
#aside .category2 .cate_li_1.on .sub_cate li {flex-basis:50%;}
#aside .category2 .cate_li_1.on .sub_cate li:nth-child(odd) {border-right:1px solid #e3e3e3;}
#aside .category2 .cate_li_1.on .sub_cate li a {display:block; padding-left:20px; font-weight:normal; color:#666;}
#aside .category2 .cate_li_1.on .sub_cate li a:hover {color:#000;}

#footer {width:100%; height:auto; background:#f9f9f9; padding-bottom:60px;}
#footer .links {width:100%; height:45px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#footer .links a {display:inline-block; width:auto; height:100%; padding:0 8px; line-height:45px;}
#footer .paragraph {font-size:0.6em; color:#aaa;}

#footer .sns {margin:20px 0 40px 25px;}
#footer .sns li {width:35px; height:35px; border:1px solid #ddd; background:#fff; border-radius:5px; margin-right:5px; text-align:center; line-height:30px; float:left;}
#footer .sns li a {display:block; height:100%;}
#footer .sns li img {width:60%;}

#footer .csGuide {padding:15px;}
#footer .csGuide h3 {font-size:1.3em; padding:20px 0 0 10px;}
#footer .csGuide .guide {padding:0 0 10px; color:#666; white-space:pre-line; line-height:20px;}
#footer .csGuide .guide b {font-size:1.15em;}
#footer .csGuide .guide p {padding-left:10px;}
#footer .csGuide .info {width:100%; line-height:23px; font-weight:bold; background:#f3f3f3; font-size:0.95em; border-radius:30px; padding:10px; text-align:center;}
#footer .csGuide .info a {padding:0 10px; color:#6858b7; text-decoration:underline;}
#footer .csGuide .info span {display:inline-block;}

#pageTop {position:fixed; display:inline-block; bottom:80px; right:40px; width:50px; height:50px; border-radius:100px; text-align:center; line-height:60px; background:rgba(255,255,255,0.6); border:1px solid rgba(0,0,0,0.1);}
#pageTop i {font-size:2em; color:#a37edb;}
#pageTop.hide {display:none;}

.pageTitle {width:100%; height:auto; padding:15px 3px 10px; overflow:hidden;}
.pageTitle h3 {font-size:1.5em; letter-spacing:-2px; padding-bottom:3px; margin-bottom:8px; border-bottom:1px solid #e9e9e9;}
.pageTitle h4 {font-size:1em; font-weight:normal;}


@media (max-width: 850px) {
	#schArea {display:none;}
	#shopArea {margin:0 auto; float:none;}
}

@media (max-width: 630px) {
	#container {width:100%;}
	#shopArea {max-width:100%;}
	#shopArea #hd,
	#shopArea #hd #newsEvent,
	#shopArea #hd #logo {max-width:100%;}

	#pageTop {right:5px;}
}

@media (max-width: 450px) {
	#aside .top {padding:15px;}	
	#aside .category  {width:calc(100% - 30px); margin:30px auto;}
	#aside .latest {width:calc(100% - 30px) !important;}

	#footer .links a {padding:0;}
}