.no-network-main {
	min-height: 3.2rem;
	color: #666;
	font-size: 10px;
	text-align: center;
	padding: .6rem .2rem;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	background: #fff
}

.no-network-icon {
	width: 54px;
	height: 54px;
	margin: 0 auto;
	background: url("data:image/png;base64,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") no-repeat 50%;
	background-size: contain
}

.no-net-work-tips {
	line-height: 1;
	padding: 14px 0
}

.again-network-btn {
	position: relative;
	width: 74px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 10px;
	color: #333;
	border-radius: 3px;
	margin: 0 auto
}

.again-network-btn:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
	width: 200%;
	height: 200%;
	transform: scale(.5);
	transform-origin: 0 0;
	border-radius: 6px;
	border: 1px solid #333;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.page-miss {
	padding: 70px 0 15px
}

.page-miss .miss-icon {
	width: 164px;
	height: 160px;
	display: block;
	background: url("../image/logo.png") no-repeat 50%;
	background-size: contain;
	margin: 0 auto
}

.page-miss p {
	text-align: center;
	font-size: 18px;
	color: #bbb;
	line-height: 25px;
	padding: 16px 20px 25px
}

.page-miss .retry-btn {
	width: 175px;
	height: 42px;
	line-height: 42px;
	color: #76bce8;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
	background: #fbf9fe;
	border: 1px solid #76bce8
}

.miss-content {
	position: relative;
	padding: .6rem 0 .8rem;
	background: #fff
}

.miss-content .miss-icon {
	width: .33rem;
	height: .33rem;
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAP1BMVEUAAADg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OD////8/Pz5+fn19fXl5eXy8vLu7u7r6+vn5+fp6elEbVZTAAAACnRSTlMA2s4L9nci+np4Lv3tKgAAAR5JREFUWMPtmN1uwyAMhWmSdm18zF94/2cd69iyCYpIXKmNxLmLEV8cH2LJKKXG2zDNuzQNt1FFXU6zQKdLzCESRIxRnWehzmqQIgb1IUVMaharIzqiIzridQgP9vUNnuGrCBARL48BCxMRqghNX9KmDDBpuV4LS3e5NZKt2awW5TchgzikDBscCVxK95vMS6OpHnnR7qHMrTqC/sdoC2IRfIionLlx+03llqPFVQTJD7hr+c3cAfpFR7w1wjjNIAK0DXsQxoL+SoeNCKMpE9wWhF33MTN+H0IrwiDl7kyKBPsTakOElLYp9XWYFgTW1lSAcCMC5a7jIgJtHdw+dJrhD3jAj4WQD5nPGHXlA/czxn755UPUeN1/BXKNOXwCqFisJewXHLYAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin: 0 auto
}

.miss-content p {
	font-size: .12rem;
	color: #bbb;
	line-height: .18rem;
	text-align: center;
	padding: .06rem .2rem .14rem
}

.miss-content .retry-btn {
	width: 1.04rem;
	height: .25rem;
	line-height: .25rem;
	color: #76bce8;
	font-size: .12rem;
	text-align: center;
	margin: 0 auto;
	border-radius: .05rem;
	background: #fbf9fe;
	border: 1px solid #76bce8
}

.prompt-refresh {
	color: #999;
	font-size: .12rem;
	text-align: center;
	padding: .1rem .2rem .2rem
}

.prompt-refresh .c-blue {
	color: #76bce8
}

@media only screen and (min-width:360px) and (max-width:376px) {
	.no-network-main {
		font-size: 14px
	}

	.no-network-icon {
		width: 72px;
		height: 72px
	}

	.no-net-work-tips {
		padding: 18px 0
	}

	.again-network-btn {
		width: 99px;
		height: 34px;
		line-height: 34px;
		font-size: 14px
	}
}

@media only screen and (min-width:377px) and (max-width:414px) {
	.no-network-main {
		font-size: 16px
	}

	.no-network-icon {
		width: 80px;
		height: 80px
	}

	.no-net-work-tips {
		padding: 20px 0
	}

	.again-network-btn {
		width: 110px;
		height: 38px;
		line-height: 38px;
		font-size: 16px
	}
}

@media only screen and (device-width:375px) and (device-height:690px) and (-webkit-device-pixel-ratio:3) {
	.no-network-main {
		font-size: 16px
	}

	.no-network-icon {
		width: 80px;
		height: 80px
	}

	.no-net-work-tips {
		padding: 20px 0
	}

	.again-network-btn {
		width: 110px;
		height: 38px;
		line-height: 38px;
		font-size: 16px
	}
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.no-network-main {
		font-size: 16px
	}

	.no-network-icon {
		width: 80px;
		height: 80px
	}

	.no-net-work-tips {
		padding: 20px 0
	}

	.again-network-btn {
		width: 110px;
		height: 38px;
		line-height: 38px;
		font-size: 16px
	}
}

@media screen and (min-width:415px) {
	.no-network-main {
		font-size: 16px
	}

	.no-network-icon {
		width: 80px;
		height: 80px
	}

	.no-net-work-tips {
		padding: 20px 0
	}

	.again-network-btn {
		width: 110px;
		height: 38px;
		line-height: 38px;
		font-size: 16px
	}
}

.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	opacity: 1;
	transition: width .1s, opacity .4s;
	background-color: #fff;
	z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
	transition: none
}

.nuxt-progress-failed {
	background-color: red
}

* {
	margin: 0;
	padding: 0
}

body,
html {
	zoom: 1
}

html {
	-webkit-text-size-adjust: none
}

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
main,
ol,
p,
section,
ul {
	margin: 0;
	padding: 0
}

ul li {
	list-style-type: none;
	vertical-align: bottom
}

main,
section {
	display: block
}

img {
	border: 0
}

a,
img {
	vertical-align: top
}

a {
	text-decoration: none;
	outline: 0 none;
	cursor: pointer
}

a:hover {
	text-decoration: underline
}

ol,
ul {
	list-style: none outside none
}

li {
	list-style-type: none
}

address,
caption,
cite,
code,
dfn,
em,
i,
optgroup,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

a,
input {
	outline: 0 none
}

label {
	vertical-align: middle
}

table {
	table-layout: fixed
}

.router-link-active,
a,
a:hover {
	text-decoration: none
}

a,
a:active,
a:visited,
body {
	color: #333
}

body {
	font: 14px/1.5 PingFang SC, Microsoft Yahei, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Helvetica, Arial, STHeiTi;
	background: #fff
}

.o-hidden {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mod-wrapper {
	width: 100%;
	min-height: 100vh;
	min-width: 1200px;
	display: flex;
	flex-direction: column
}

.u-wrap {
	width: 1200px;
	margin: 0 auto
}

.mod-container {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box
}

.m-common-tit {
	color: #000;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	padding-right: 26px;
	margin: 0 auto 6px
}

.m-common-tit:before {
	position: relative;
	top: -18px;
	left: 26px;
	width: 48px;
	height: 48px;
	display: inline-block;
	content: "";
	vertical-align: top;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAQlBMVEUAAAD4SEj4R0f4Ojr0MjL3R0f6RUX3RUX3RUX3R0f5R0f5R0f5RET6QUH2R0f4Rkb2RUX8Pz/6Pj73R0f2Q0P1QkKmcm3zAAAAFnRSTlMAZmAHA0gkPR9cVEQzFk9MKxIMWTcZDP9apgAAAQVJREFUSMe11FuShCAMBdAkPFRE8bn/rU5NDXRgbNvko++f1ClJwVW4xPSHC4RI+9wtE3yM9Q6bDMd6jyPhNe5mC8+4jduu2Di8Dfn/eiX8lM42useHJCPRnJn9inVC128AZlrcUC+PRZtqbmqm9KHyMS+66swstPHVDuffSn1gl9iEJbv9faaXfn9/YzPOUunn8Mu9QPPkToB5MjISbV6tkGi+fiPisVQCRHGqWaCUopdxynyTccyBr3BSnSOUOk8yPme+yHinKRi3fZDxFXX3tGceZPzg16umGazIp+KTiJ/8WxN+raribKTi4HUcOh23ScXBzMxFfmQuStRxOIOKg42P5Adl2gbXzcVYsQAAAABJRU5ErkJggg==) no-repeat 50%
}

.m-common-desc {
	width: 534px;
	color: #999;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 16px
}

.m-common-tips {
	text-align: center;
	color: #f84848;
}

.m-common-line {
	width: 480px;
	padding: 16px;
	border-top: 1px solid #e8e8e8;
	margin: 0 auto 40px;
}


.m-bread {
	color: #333;
	font-size: 12px;
	margin-bottom: 24px
}

.m-bread a {
	color: inherit
}

.m-bread a:hover {
	text-decoration: underline
}

.u-hide {
	display: none !important
}

::-webkit-input-placeholder {
	color: #d8d8d8;
	font-size: 13px
}

:-moz-placeholder,
::-moz-placeholder {
	color: #d8d8d8;
	font-size: 13px
}

:-ms-input-placeholder {
	color: #d8d8d8;
	font-size: 13px
}

.d-tabs {
	width: 100%;
	display: table;
	background: #f4f4f4
}

.d-tabs-col {
	line-height: 42px;
	color: #999;
	font-size: 14px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	border-top: 2px solid #f4f4f4
}

.d-tabs-col.active {
	color: #333;
	font-weight: 600;
	background: #fff;
	border-top-color: #ffe115
}

.d-tabs-col.active:hover {
	text-decoration: none
}

.d-tabs-col:hover {
	color: #333
}

.go-top-btn {
	position: fixed;
	bottom: 160px;
	left: 50%;
	margin-left: 600px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	border: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJ1BMVEXX19fY2NjY2NjS0tLY2NgAAADZ2dnY2Nj////8/Pzl5eXy8vLx8fH6qzkFAAAAB3RSTlPzsfcoJwCzIZyzAwAAAJVJREFUOMtjCBEqxwIYXRkcyrECFgZx7BKFDOzYJYoYynGAUQkqS1Qfxy5RNaNzOVaJHR0dPdgkVnYAwSxMiWqgKFDuOFwCbkFHd3n5iQ6oNQiJHUAhsHQPTAJuwXYQXQOxBiEB5MNVoEp0wyw9gSoBsxNkDYrEdoTPagZZRA1PCXXs4gUM6biKDAPsEswMwQLYxBVNAZ1aGctx7w4aAAAAAElFTkSuQmCC) no-repeat 50%;
	transition: background .3s
}

.go-top-btn:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAKlBMVEXX19fY2NjV1dXY2NgAAADY2NiNjY3S0tK/v7++vr6mpqalpaWUlJSSkpKFT8CjAAAABXRSTlPzsSf3AA7OItwAAACdSURBVDjLY3ASDsUCGFUYFEKxAiYGUewSgQys2CWCGUJxgFEJKktUL8cuEXEtZyo2ifBtaWlZpVgketOA4CSmRHVa2o05aWnL4RJwC9KyS8OXpcGtYYBbkNsaGhp5DG4NA9yC7SC6CmINQgJoAYQBtAZVIrsUauYyVIncVggNsgZFYjvCy1WDLKKGp4QpdvEAnEUG7kLGSQCbuKEKAJB4hu7IW4kdAAAAAElFTkSuQmCC)
}

@media only screen and (max-device-width:768px) {
	.mod-wrapper {
		min-width: 100%
	}

	.u-wrap {
		width: 100%
	}

	.m-common-tit {
		font-size: .2rem;
		line-height: 1;
		height: .4rem;
		padding-right: .2rem;
		margin-bottom: 0
	}

	.m-common-tit:before {
		top: -.18rem;
		left: .2rem;
		width: .4rem;
		height: .4rem;
		background-size: contain
	}

	.m-common-desc,
	.m-common-tips {
		width: auto;
		font-size: .12rem;
		padding: 0 .16rem
	}

	.m-common-desc {
		text-align: left;
		text-align: justify
	}

	.m-common-tips {
		border-top: 0
	}
}

@media screen and (max-device-width:359px) {
	html {
		font-size: 533.33% !important
	}
}

@media screen and (min-device-width:360px)and (max-device-width:374px) {
	html {
		font-size: 600% !important
	}
}

@media screen and (min-device-width:375px)and (max-device-width:383px) {
	html {
		font-size: 625% !important
	}
}

@media screen and (min-device-width:384px)and (max-device-width:399px) {
	html {
		font-size: 640% !important
	}
}

@media screen and (min-device-width:400px)and (max-device-width:413px) {
	html {
		font-size: 685% !important
	}
}

@media screen and (min-device-width:414px)and (max-device-width:431px) {
	html {
		font-size: 690% !important
	}
}

@media screen and (min-device-width:432px)and (max-device-width:479px) {
	html {
		font-size: 720% !important
	}
}

@media screen and (min-device-width:480px)and (max-device-width:500px) {
	html {
		font-size: 800% !important
	}
}

@media screen and (min-device-width:501px)and (max-device-width:767px) {
	html {
		font-size: 1000% !important
	}
}

@media screen and (min-device-width:768px) {
	html {
		font-size: 1280% !important
	}
}

.m-header {
	--header-height: 78px;
	position: relative;
	z-index: 9;
	width: 100%;
	height: var(--header-height);
	color: #333;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #e8e8e8
}

.m-header .u-wrap {
	display: flex;
	align-items: center
}

.m-header__logo {
	position: relative;
	height: var(--header-height);
	display: inline-flex;
	align-items: center;
	margin-right: 68px;
	cursor: pointer
}

.m-header__logo h1 {
	font-size: 24px;
	line-height: 1.2
}

.m-header__logo:before {
	width: 48px;
	height: 48px;
	display: inline-block;
	margin-right: 8px;
	content: "";
	background: url('../image/logo.png') no-repeat 50%;
	border-radius: 10px;
	background-size: contain
}

.m-header__nav {
	min-width: 0;
	margin-left: auto;
	display: inline-block
}

.m-header__nav .h-nav-item {
	position: relative;
	height: var(--header-height);
	line-height: var(--header-height);
	color: #333;
	font-size: 16px;
	padding: 0 26px;
	margin: 0 6px;
	display: inline-block;
	cursor: pointer
}

.m-header__nav .h-nav-item span {
	position: relative;
	line-height: 1.4;
	display: inline-block
}

.m-header__nav .h-nav-item span:before {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	content: "";
	background: #f84848;
	border-radius: 4px;
	transform: scaleX(0);
	transition: transform .2s
}

.m-header__nav .h-nav-item:hover span:before {
	transform: scaleX(1)
}

.m-header__nav .h-nav-item.active {
	color: #f84848;
	font-weight: 600
}

.m-header__nav .h-nav-item.active span:before {
	transform: scaleX(1)
}

.m-header__menu {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
	flex: 1;
	cursor: pointer
}

.header-place-pie {
	--header-height: 78px;
	width: 100%;
	height: var(--header-height)
}

.header-place-pie .m-header {
	position: fixed;
	left: 0;
	top: 0
}

@media only screen and (min-device-width:768px) {
	.m-header__menu-download {
		display: none
	}
}

@media only screen and (max-device-width:768px) {
	.header-place-pie {
		height: .48rem
	}

	.m-header {
		--header-height: 0.48rem;
		padding: 0 .16rem
	}

	.m-header__logo {
		font-size: .1rem;
		z-index: 4;
		background-color: #fff;
		margin-right: 0
	}

	.m-header__logo h1 {
		font-size: .16rem
	}

	.m-header__logo:before {
		width: .32rem;
		height: .32rem;
		margin-right: .06rem
	}

	.m-header__nav {
		display: none
	}

	.m-header__nav.show {
		position: fixed;
		left: 0;
		z-index: 3;
		width: 100vw;
		top: var(--header-height);
		display: block;
		background-color: #fff;
		animation: animate-menu .3s linear
	}

	.m-header__nav.show .h-nav-item {
		display: block;
		margin: 0;
		padding: 0 .16rem;
		font-size: .16rem
	}

	.m-header__nav.show .h-nav-item span:before {
		display: none
	}

	.m-header__menu {
		height: var(--header-height);
		z-index: 5;
		background-color: #fff
	}

	.m-header__menu.active .m-header__menu-switch:before {
		animation: open-first .3s linear;
		animation-fill-mode: forwards
	}

	.m-header__menu.active .m-header__menu-switch .switch-line {
		opacity: 0;
		animation: none
	}

	.m-header__menu.active .m-header__menu-switch:after {
		animation: open-third .3s linear;
		animation-fill-mode: forwards
	}

	.m-header__menu-switch {
		width: .24rem;
		margin-left: .16rem;
		box-sizing: border-box
	}

	.m-header__menu-switch .switch-line,
	.m-header__menu-switch:after,
	.m-header__menu-switch:before {
		display: block;
		width: .2rem;
		height: .02rem;
		background: rgba(0, 0, 0, .65);
		margin: 0 auto .05rem;
		position: relative;
		border-radius: .03rem
	}

	.m-header__menu-switch:after,
	.m-header__menu-switch:before {
		content: ""
	}

	.m-header__menu-switch:before {
		animation: close-first .3s linear;
		animation-fill-mode: forwards
	}

	.m-header__menu-switch .switch-line {
		animation: close-second .5s linear;
		animation-fill-mode: forwards
	}

	.m-header__menu-switch:after {
		margin-bottom: 0;
		animation: close-third .3s linear;
		animation-fill-mode: forwards
	}

	.m-header__menu-download {
		min-width: .68rem;
		height: .28rem;
		display: inline-block;
		padding: 0 .08rem;
		color: #f84848;
		text-align: center;
		font-size: .13rem;
		border-radius: .14rem;
		background-color: #fff;
		border: 1px solid #f84848;
		outline: 0;
		cursor: pointer;
		box-sizing: border-box
	}

	.m-header__mask {
		position: fixed;
		left: 0;
		top: var(--header-height);
		width: 100vw;
		height: calc(100vh - var(--header-height));
		display: none;
		background-color: rgba(0, 0, 0, .65)
	}

	.m-header__mask.show {
		display: block
	}
}

@keyframes close-first {
	0% {
		transform: rotate(-43deg);
		transform-origin: 100% 100%
	}

	25% {
		transform: rotate(-34deg);
		transform-origin: 100% 100%
	}

	50% {
		transform: rotate(-25deg);
		transform-origin: 100% 100%
	}

	75% {
		transform: rotate(-16deg);
		transform-origin: 100% 100%
	}

	to {
		transform: rotate(0deg);
		transform-origin: 100% 100%
	}
}

@keyframes close-second {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes close-third {
	0% {
		transform: rotate(43deg);
		transform-origin: 100% 100%
	}

	25% {
		transform: rotate(34deg);
		transform-origin: 100% 100%
	}

	50% {
		transform: rotate(25deg);
		transform-origin: 100% 100%
	}

	75% {
		transform: rotate(16deg);
		transform-origin: 100% 100%
	}

	to {
		transform: rotate(0deg);
		transform-origin: top right
	}
}

@keyframes open-first {
	0% {
		transform: rotate(-8deg);
		transform-origin: 100% 100%
	}

	25% {
		transform: rotate(-16deg);
		transform-origin: 100% 100%
	}

	50% {
		transform: rotate(-25deg);
		transform-origin: 100% 100%
	}

	75% {
		transform: rotate(-34deg);
		transform-origin: 100% 100%
	}

	to {
		transform: rotate(-43deg);
		transform-origin: 100% 100%
	}
}

@keyframes open-third {
	0% {
		transform: rotate(8deg);
		transform-origin: 100% 100%
	}

	25% {
		transform: rotate(16deg);
		transform-origin: 100% 100%
	}

	50% {
		transform: rotate(25deg);
		transform-origin: 100% 100%
	}

	75% {
		transform: rotate(34deg);
		transform-origin: 100% 100%
	}

	to {
		transform: rotate(43deg);
		transform-origin: top right
	}
}

@keyframes animate-menu {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(0)
	}
}

.m-footer {
	width: 100%;
	color: #999;
	font-size: 12px;
	margin-top: auto;
	background: #181414
}

.m-footer .u-wrap {
	width: 960px;
	display: flex;
	padding: 32px 0;
	margin: 0 auto
}

.m-footer a:active,
.m-footer a:visited {
	color: #999
}

.m-footer__info {
	min-width: 0;
	flex: 1
}

.m-footer__info .f-links {
	display: flex;
	margin-bottom: 16px
}

.m-footer__info .f-links a {
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	margin-right: 16px
}

.m-footer__info .f-links a:hover {
	text-decoration: underline
}

.m-footer__info .f-links a:active,
.m-footer__info .f-links a:visited {
	color: #fff
}

.m-footer__code {
	font-size: 12px;
	color: #fff;
	text-align: center
}

.m-footer__code img {
	width: 118px;
	height: 118px;
	display: block;
	margin: 0 auto 4px
}

.m-footer__copy {
	text-align: center;
	line-height: 48px;
	border-top: 1px solid #3a3a3a
}

.m-footer .f-company {
	margin-bottom: 16px
}

.m-footer .f-company-tit {
	font-size: 14px
}

.m-footer .f-certificate {
	margin-bottom: 12px
}

.m-footer .f-certificate a,
.m-footer .f-certificate a:active,
.m-footer .f-certificate a:visited {
	color: #999
}

@media only screen and (max-device-width:768px) {
	.m-footer {
		text-align: center;
		box-sizing: border-box
	}

	.m-footer,
	.m-footer .f-company-tit {
		font-size: .12rem
	}

	.m-footer .u-wrap {
		width: 100%;
		padding: .16rem;
		box-sizing: border-box
	}

	.m-footer__code {
		display: none
	}

	.m-footer__info .f-links {
		margin-bottom: .1rem
	}

	.m-footer__info .f-links a {
		font-size: .12rem
	}

	.f-certificate {
		font-size: .1rem;
		word-wrap: break-word;
		word-break: break-all
	}

	.f-certificate a,
	.f-certificate span {
		display: inline-block
	}

	.m-footer__copy {
		line-height: .32rem;
		border-top: 0
	}
}