/*css 初始化 */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: "Arial", "PingFangSC-Regular", "Consolas", "monospace", "Microsoft Yahei";
	list-style-type: none;
}

fieldset,
img,
input,
button {
	/*fieldset组合表单中的相关元素*/
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none;
}

ul,
li,
ol {
	list-style: none;
	/*清除列表风格*/
}

input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "Arial", "PingFangSC-Regular", "Consolas", "monospace", "Microsoft Yahei";
}

select,
input {
	vertical-align: middle;
}

select,
input,
textarea {
	font-size: 12px;
	margin: 0;
}

textarea {
	resize: none;
}

/*防止多行文本框拖动*/
img {
	border: 0;
	vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
	border-collapse: collapse;
	/*合并外边线*/
}


body {
	font-size: 12px/150%;
	font-family: "Source Han Sans-CN", "PingFangSC-Regular", "Consolas", "monospace", "Microsoft Yahei";
	color: #232323;
	background: #fff;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}
.bold{
	font-weight: bold;
}
.black{
	background: #046eb8;
	color:#fff;
}
a {
	color: #232323;
	text-decoration: none;
}

a:hover {
	/* color: #000; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}

s,
i,
em {
	font-style: normal;
	text-decoration: none;
}

.col-red {
	color: #000 !important;
}

/* 横向滚动 */
.scorll_x {
	white-space: nowrap;
	overflow-x: scroll;
}

/* 纵向滚动 */
.scorll_y {
	overflow-y: scroll;
	box-sizing: border-box;
}

.scorll_x::-webkit-scrollbar,
.scorll_y::-webkit-scrollbar {
	width: 0rpx;
	height: 0rpx;
	color: transparent;
}

/*公共类*/
.w {
	/*版心 提取 */
	width: 1200px;
	margin: 0 auto;
}

body,
html {
	width: 100%;
	height: 100%;
}

div {
	box-sizing: border-box;
}

.h_100 {
	height: 100%;
}

.w_100 {
	width: 100%;
}

.wh_100 {
	width: 100%;
	height: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

.hide {
	display: none !important;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}

.absolute_c {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.absolute_c_0 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.absolute_0_c {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.flex {
	display: flex;
}

.flex_column {
	display: flex;
	flex-flow: column;
}

.flex_column_c {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.flex_column_cc {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.flex_c {
	display: flex;
	align-items: center;
}

.flex_c_c {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex_c_b {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex_column_c_b {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
}

.flex_column_b {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.flex_b {
	display: flex;
	justify-content: space-between;
}

.flex_w {
	display: flex;
	flex-wrap: wrap;
}

/* 文字溢出 一行 */
.line_clamp_1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

/* 文字溢出 两行 */
.line_clamp_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 文字溢出 三行 */
.line_clamp_3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient:vertical;
}

/* 中黑体 */
.Medium {
	font-family: "PingFangSC-Medium", "NotoSansCJK-Medium";
}

/* 常规体 */
.Regular {
	font-family: "PingFangSC-Regular", "NotoSansCJK-Regular";
}

/* 中粗体 */
.Semibold {
	font-family: "PingFangSC-Semibold", "NotoSansCJK-Bold";
}

/* 极细体 */
.Ultralight {
	font-family: "PingFangSC-Ultralight", "NotoSansCJK-DemiLight";
}

/* 细体 */
.Light {
	font-family: "PingFangSC-Light", "NotoSansCJK-Light";
}

/* 纤细体 */
.Thin {
	font-family: "PingFangSC-Thin", "NotoSansCJK-Thin",
}

.inline_block {
	display: inline-block;
}

.border_box {
	box-sizing: border-box;
}

.container {
	width: 100%;
	padding:0;
	margin-bottom: 3.5rem;
}
.bottom_line{
	width: 100%;
	margin:  0 auto;
	height: 3rem;
	clear: both;
}
.mui-bar.mui-bar-nav.mui-bar-nav-bg {
	background-color: #ff0b0f;
	height: 2.75rem;
}

.mui-bar.mui-bar-nav.mui-bar-nav-bg h1 {
	color: #fff;
	font-size: 1rem;
	box-shadow: 0 1px 6px transparent;
}
.mui-header-title{
	width: 100%;
	margin: 0 auto;
	height: 2rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1rem;
}

.mui-line-title{
	width: 100%;
	margin: 1.125rem auto;
	padding: 0 1.25rem;
	line-height: 3rem;
}

.mui-line-title .line {
	width: 0.25rem;
	height: 0.8125rem;
	background-color: #007bff;
}

.mui-line-title .title {
	font-size: 0.875rem;
	color: #1F1F1F;
	padding-left: 0.3125rem;
}
.mui-line-title .my{
	margin-top: -0.825rem;
	line-height: 0.725rem;
	float:right;
	padding-right:0.75rem;
	color: #777;
	font-size: 0.75rem;
	background: url(../images/icon/arrow.png) no-repeat right center;
	background-size: 0.35rem 0.75rem ;
}
.mui-line{
	width: 100%;
	height: 0.3rem;
	background: #efeff4;
	clear: both;
}

.mui-btn {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	height: 3.1875rem;
	line-height: 3.1875rem;
	border-radius: 0.25rem;
	font-size: 0.8125rem;
	color: #FFFFFF;
	padding: 0;
	border: none;
	background:#000;
}

/*弹出层：顶部title · 文字居中微调*/
#select_title{padding-left: 30px;font-size:0.825rem;color: #000;}
#coin-box ul:last-child{
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}
#coin-box .mui-table-view .mui-table-view-cell p{
	padding-top: 5px;
	padding-bottom: 5px;
}
#coin-box .mui-table-view-cell{
	padding-top: 14px;
	padding-bottom: 14px;
}
#coin-box .mui-table-view-cell::after{
	height: 0;
}
#coin-box ul:first-child{
	border-bottom: #eff0f0 1px solid;
}
/*币种列表字号设置*/
.mui-table-view-cell>a:not(.mui-btn){
	font-size:0.825rem;
	text-align: left;
	color: #000;
}
.coin-list a{
	line-height: 1.25rem;
}
.coin-list a img{
	max-width: 1.25rem;
	padding-right: 0.2rem;
	margin-top: -0.2rem;
}
.close-coin{
	float: right;
	background: url(../images/icon/close.png) no-repeat center center;
	background-size: 1rem 1rem;
	width: 1rem;
	height: 1rem;
}