body,html {
	margin: 0;
	padding: 0;
}

#app {
	overflow: hidden;
	padding: 20px;
	color: #333;
	text-align: center;
	white-space: normal;
	font-family: -apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-word;
}

.red {
	color: red;
}

p {
	line-height: 1.5;
}

input {
	padding: 4px 8px;
	width: 300px;
	height: 20px;
	border: 1px solid #666;
	border-radius: 4px;
	-webkit-appearance: none;
}

.tab .title i {
	display: inline-block;
	margin-right: 4px;
	width: 20px;
	height: 20px;
	background-position: 50%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
}

@media screen and (max-width:768px) {
	.home .vue-tabs .nav-tabs>li>a {
		padding: 8px;
		font-size: 12px;
	}

	.home input {
		width: 240px;
	}

	.home .title i {
		width: 16px;
		height: 16px;
	}
}

.icon-eos {
	background-image: url(https://tokenpocket.gz.bcebos.com/EOS_MAINNET.png);
}

.icon-bos {
	background-image: url(https://tp-statics.cdn.bcebos.com/dapp/BOSclaimdapp.png);
}

.icon-binance {
	background-image: url(https://tp-statics.tokenpocket.pro/token/1564726829685-BIANdapp.png);
}

.icon-cosmos {
	background-image: url(https://gz.bcebos.com/v1/tokenpocket/COSMOS_MAINNET.png);
}

.icon-tron {
	background-image: url(https://tp-statics.tokenpocket.pro/token/1567672348424-trxnewtoken.png);
}

.icon-btc {
	background-image: url(https://tp-statics.tokenpocket.pro/token/1568174455217-btc1.jpeg);
}

.icon-eth {
	background-image: url(https://dapp.mytokenpocket.vip/token-logo/ETH.png);
}

.icon-moac {
	background-image: url(http://tokenpocket.gz.bcebos.com/MOAC.png);
}

.icon-iost {
	background-image: url(https://tp-statics.cdn.bcebos.com/dapp/1551934888429-IOSTlogo.png);
}

.icon-nervos {
	background-image: url(https://dapp.tokenpocket.pro/nervos-icon.png);
}

.icon-jingtum {
	background-image: url(https://dapp.mytokenpocket.vip/token-logo/SWTC.png);
}

h1 {
	margin-bottom: 20px;
	font-size: 24px;
}

.hello .vue-tabs {
	margin-top: 20px;
}

.hello .vue-tabs .nav-tabs>li {
	float: none;
	display: inline-block;
}

button {
	padding: 8px 16px;
	outline: none;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	-webkit-appearance: none;
}

.copy-private,.copy-public {
	margin-left: 4px;
	padding: 6px 12px;
}

.logos img,.logos span {
	vertical-align: middle;
}

.logo {
	height: 40px;
}

.lang-switch {
	float: right;
	display: inline-block;
	font-weight: 700;
	line-height: 40px;
}

.lang-switch a {
	padding: 0 2px;
	color: #666;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
}