.buy_fixed {
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 1px;
	word-break: break-all;
	color: #333;
	position: fixed;
	top: 74px;
	left: 0;
	display: flex;
	width: 100%;
	z-index: 100;
}

.buy_bottom {
	display: flex;
}

.buy_bottom li {
	padding: 0 1em;
}

.buy_fixed .new,
.buy_bottom .new {
	width: 60%;
}

.buy_fixed .buy,
.buy_bottom .buy {
	width: 40%;
}

.buy_fixed a,
.buy_bottom a {
	display: block;
	padding: 1em;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

.buy_fixed .new a,
.buy_bottom .new a{
	background-color: rgba(35, 97, 174, .9);
}

.buy_fixed .new a:hover,
.buy_bottom .new a:hover{
	background-color: rgba(75, 126, 189, 1);
}

.buy_fixed .buy a,
.buy_bottom .buy a{
	background-color: rgba(223, 6, 31, .9);
}

.buy_fixed .buy a:hover,
.buy_bottom .buy a:hover{
	background-color: rgba(224, 52, 101, 1);
}

.img-loader {
	display: none
}

@font-face {
	font-family: niu;
	src: url(/niu/font/niu.eot?vr5yxc);
	src: url(/niu/font/niu.eot?vr5yxc#iefix) format("embedded-opentype"),
	url(/niu/font/niu.ttf?vr5yxc) format("truetype"),
	url(/niu/font/niu.woff?vr5yxc) format("woff"),
	url(/niu/font/niu.svg?vr5yxc#niu) format("svg");
	font-weight: 400;
	font-style: normal
}

[class^=icon-],
[class*=" icon-"] {
	font-family: niu !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-circle:before {
	content: "\2b24"
}

.icon-global:before {
	content: "\1f310"
}

.icon-cart:before {
	content: "\e900"
}

.icon-left:before {
	content: "\276e"
}

.icon-phone:before {
	content: "\e903"
}

.icon-profile:before {
	content: "\e904"
}

.icon-right:before {
	content: "\276f"
}

.icon-search:before {
	content: "\e906"
}

.icon-wechat:before {
	content: "\e907"
}

.icon-weibo:before {
	content: "\e908"
}

.icon-down:before {
	content: "\25bc"
}

.icon-up:before {
	content: "\25b2"
}

.icon-cross:before {
	content: "\2715"
}

html.nav-open-noscroll {
	overflow: hidden !important;
	height: 100%
}

html.nav-open-noscroll body {
	overflow: hidden !important;
	height: 100%
}

html.nav-open-noscroll .indexPage,
html.nav-open-noscroll .storePage,
html.nav-open-noscroll .storeDetail {
	visibility: hidden
}

html.nav-open-noscroll .niu-header-m .header-nav {
	-webkit-box-shadow: 0 0 transparent;
	box-shadow: 0 0 transparent
}

html.nav-open-noscroll .niu-header-m .header-nav-box {
	-webkit-box-shadow: 0 -7px 16px -12px #c5c1c1 inset;
	box-shadow: 0 -7px 16px -12px #c5c1c1 inset;
	background-color: #f0efee
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread {
	-webkit-box-shadow: 5px -5px 17px -8px #c5c1c1;
	box-shadow: 5px -5px 17px -8px #c5c1c1
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-t {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-t .header-nav-menu-bread-crack {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px)
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-m {
	opacity: 0
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-b {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-b .header-nav-menu-bread-crack {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

html.nav-open-noscroll .niu-header-m .mheaderMenu-layer {
	height: 100%
}

@media (max-width:479px) {
	.niu-header-m {
		height: 52.8px
	}
	.niu-header-m .header-nav {
		height: 52.8px
	}
	.niu-header-m .header-nav-box {
		height: 52.8px
	}
	.niu-header-m .header-nav-menu {
		width: 52.8px;
		height: 52.8px
	}
	.niu-header-m .header-nav-menu-bread > span .header-nav-menu-bread-crack {
		height: 2.4px;
		width: 21.6px;
		top: 25.2px;
		left: 16.8px
	}
	.niu-header-m .header-nav-menu-bread-t .header-nav-menu-bread-crack {
		-webkit-transform: translateY(-8.4px);
		-ms-transform: translateY(-8.4px);
		transform: translateY(-8.4px)
	}
	.niu-header-m .header-nav-menu-bread-b .header-nav-menu-bread-crack {
		-webkit-transform: translateY(8.4px);
		-ms-transform: translateY(8.4px);
		transform: translateY(8.4px)
	}
	.niu-header-m .header-nav-logo {
		width: 60px;
		margin-left: -30px;
		line-height: 52.8px
	}
	.niu-header-m .header-nav-logo > span {
		margin-top: 16.2px;
		height: 20.4px
	}
	.niu-header-m .header-nav-cart,
	.niu-header-m .header-nav-user {
		width: 46.8px;
		height: 51.6px;
		line-height: 52.8px;
		font-size: 19.2px
	}
	.niu-header-m .header-nav.shadow {
		-webkit-box-shadow: 0 0 13.2px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 0 13.2px 0 rgba(0, 0, 0, .1)
	}
	.niu-header-m .mheaderMenu-layer {
		width: 100%;
		max-width: 384px;
		height: 52.8px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list {
		width: 357.6px;
		margin: 61.2px 13.2px 0
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item {
		height: 51px;
		line-height: 51px;
		font-size: 16.8px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item > span {
		font-size: 14.4px;
		color: #df001f;
		margin-left: 19.2px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item:before {
		font-size: 16.8px
	}
	html.nav-open-noscroll .niu-header-m .header-nav-box {
		-webkit-box-shadow: 0 -4.2px 9.6px -7.2px #c5c1c1 inset;
		box-shadow: 0 -4.2px 9.6px -7.2px #c5c1c1 inset
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread {
		-webkit-box-shadow: 3px -3px 10.2px -4.8px #c5c1c1;
		box-shadow: 3px -3px 10.2px -4.8px #c5c1c1
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-t .header-nav-menu-bread-crack {
		-webkit-transform: translateY(-1.2px);
		-ms-transform: translateY(-1.2px);
		transform: translateY(-1.2px)
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-b .header-nav-menu-bread-crack {
		-webkit-transform: translateY(1.2px);
		-ms-transform: translateY(1.2px);
		transform: translateY(1.2px)
	}
}

@media (min-width:480px) and (max-width:767px) {
	.niu-header-m {
		height: 70.4px
	}
	.niu-header-m .header-nav {
		height: 70.4px
	}
	.niu-header-m .header-nav-box {
		height: 70.4px
	}
	.niu-header-m .header-nav-menu {
		width: 70.4px;
		height: 70.4px
	}
	.niu-header-m .header-nav-menu-bread > span .header-nav-menu-bread-crack {
		height: 3.2px;
		width: 28.8px;
		top: 33.6px;
		left: 22.4px
	}
	.niu-header-m .header-nav-menu-bread-t .header-nav-menu-bread-crack {
		-webkit-transform: translateY(-11.2px);
		-ms-transform: translateY(-11.2px);
		transform: translateY(-11.2px)
	}
	.niu-header-m .header-nav-menu-bread-b .header-nav-menu-bread-crack {
		-webkit-transform: translateY(11.2px);
		-ms-transform: translateY(11.2px);
		transform: translateY(11.2px)
	}
	.niu-header-m .header-nav-logo {
		width: 80px;
		margin-left: -40px;
		line-height: 70.4px
	}
	.niu-header-m .header-nav-logo > span {
		margin-top: 21.6px;
		height: 27.2px
	}
	.niu-header-m .header-nav-cart,
	.niu-header-m .header-nav-user {
		width: 62.4px;
		height: 68.8px;
		line-height: 70.4px;
		font-size: 25.6px
	}
	.niu-header-m .header-nav.shadow {
		-webkit-box-shadow: 0 0 17.6px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 0 17.6px 0 rgba(0, 0, 0, .1)
	}
	.niu-header-m .mheaderMenu-layer {
		width: 100%;
		max-width: 512px;
		height: 70.4px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list {
		width: 476.8px;
		margin: 81.6px 17.6px 0
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item {
		height: 68px;
		line-height: 68px;
		font-size: 22.4px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item > span {
		font-size: 19.2px;
		color: #df001f;
		margin-left: 25.6px
	}
	.niu-header-m .mheaderMenu-layer .mheaderMenu-layer-list .mheaderMenu-layer-list-item:before {
		font-size: 22.4px
	}
	html.nav-open-noscroll .niu-header-m .header-nav-box {
		-webkit-box-shadow: 0 -5.6px 12.8px -9.6px #c5c1c1 inset;
		box-shadow: 0 -5.6px 12.8px -9.6px #c5c1c1 inset
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread {
		-webkit-box-shadow: 4px -4px 13.6px -6.4px #c5c1c1;
		box-shadow: 4px -4px 13.6px -6.4px #c5c1c1
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-t .header-nav-menu-bread-crack {
		-webkit-transform: translateY(-1.6px);
		-ms-transform: translateY(-1.6px);
		transform: translateY(-1.6px)
	}
	html.nav-open-noscroll .niu-header-m .header-nav-menu-bread-b .header-nav-menu-bread-crack {
		-webkit-transform: translateY(1.6px);
		-ms-transform: translateY(1.6px);
		transform: translateY(1.6px)
	}
}

@keyframes scaleBtn {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes scaleBtn {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.delay10 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.delay15 {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.delay20 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.delay25 {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.delay30 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.delay35 {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.delay40 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.delay45 {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

.delay50 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.delay55 {
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}

.delay60 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.delay65 {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}

.delay70 {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.delay75 {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}

.delay80 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.delay85 {
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}

.delay90 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.delay95 {
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}

.delay100 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

@media (max-width:750px) {
	.niu-header-c .niu-header {
		display: none
	}
	.niu-header-c .niu-header-m {
		display: block
	}
}