/*页面*/

html,
body {
	font-family: PingFangSC-Regular, sans-serif;
	font-size: 15px;
	
	background-color: #fff;
	
}
/*页面头部导航*/

.mui-bar {
	box-shadow: none;
	
	background-color: #222222;
	color: #FFFFFF;
	height: 69px;
	padding: 0px;
}

.mui-bar .mui-title {
	left: 44px;
	right: initial;
	float: left;
	font-size: 17px;
	color: #FFD031;
	font-family: PingFangSC-Medium, sans-serif;
	padding-top: 25px;
	text-align: left;
}

.mui-bar .mui-title-2 {
	left: 13px;
}

.mui-bar-nav.mui-bar .app-icon {
	text-align: center;
	padding: 25px 0px 0px 0px;
	margin: 0px;
	font-style: normal;
	line-height: 44px;
	width: 44px;
	color: #FFD031;
	font-family: iconfont;
	font-size: 17px;
	font-weight: 500px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
}

.mui-bar .mui-btn.mui-pull-right {
	top: 0px;
	font-size: 15px;
	color: #FFD031;
	border: none;
	line-height: 44px;
	padding: 24px 13px 0px 10px;
	margin: 0px;
	font-style: normal;
	background-color: #222222;
}

.mui-bar .mui-btn.mui-pull-right:hover {
	color: #FFFFFF;
}

.mui-bar-nav~.mui-content {
	padding-top: 69px;
	margin-bottom: 25px;
}


/*content容器*/

.mui-content {
	background-color: #fff;
}

.app-coins {
	background-color: #fff;
}

.app-coins:before {
	height: 0px;
}

.app-coins:after {
	height: 0px;
}

.app-coin {
	/*padding: 10px 5%;
	margin: 15px 5% 0px 5%;
	background-color: #fff;
	border-radius: 5px;
	box-shadow:0px 2px 5px 0px rgba(96,96,96,0.22);
	color: #000;*/
	padding: 10px 5%;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid rgba(211,211,211,0.3);
  
}

.app-coin.mui-active {
	background-color: rgb(181,181,181,0.2) ;
}

.app-coin:first-child {
	margin-top: 0px;
}

.app-coin:after {
	height: 0px;
}

.app-coin:before {
	color: #000000;
	height: 10px;
}

.mui-navigate-right:after {
	font-size: 25px;
	color: #000;
}

.app-input-group {
	width: 90%;
	margin: 15px 5%;
	background-color: #fff;
	border-radius: 5px;
	font-size: 15px;
	box-shadow:0px 2px 5px 0px rgba(96,96,96,0.22);
	padding-bottom: .8rem;
}

.app-input-group:before {
	height: 0px;
}

.app-input-group:after {
	height: 0px;
}

.app-input-group .app-input-row {
	margin: 0px 5% 0px 5%;
	height: 68px;
	background-color: #fff;
}


.mui-input-group .mui-input-row:after{
	height: 0;
}
.app-input-group .app-input-row:after {
	left: 0px;
	height: 1px;
	background-color: rgba(181,181,181,0.32);
}

.app-input-group .app-input-row label {
	width: 27%;
	line-height: 68px;
	padding: 0px;
	font-size: 15px;
	color: #000;
}

.app-input-group .app-input-row label~input {
	height: 68px;
	width: 68%;
	padding: 0px;
	margin: 0px 0px 0px 5%;
	font-size: 15px;
	color: #000;
	background-color: #fff;
}

.app-input-group .app-input-row label~input::-webkit-input-placeholder {
	color: #DDDDDD;
}

.app-input-group .app-textarea-row {
	height: 100px;
	border: none;
	border-radius: 5px;
}

.app-input-group .app-input-row label~select {
	height: 68px;
	width: 68%;
	padding: 0px;
	margin: 0px 0px 0px 5%;
	font-size: 15px;
	/*color: #DDDDDD;*/
	background-color: #fff;
}

.app-input-group .app-select:before {
	content: '';
}

.app-input-group .app-input-row label~textarea {
	height: 100px;
	width: 100%;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	
	
}

.app-input-group .app-input-row textarea::-webkit-input-placeholder {
	color: #dcdcdc;
}

.app-register-agree {
	margin-top: 30px;
}

.app-register-agree label {
	color: #000;
	font-size: 15px;
}

.app-register-agree input[type=checkbox]:before {
	color: #DDDDDD;
}

.app-register-agree input[type=checkbox]:checked:before {
	color: red;
}

.app-register-href {
	color: #606FEF;
}

.app-next-group {
	padding: 10px 5% 25px 5%;
}

.app-next-group input {
	width: 100%;
	height: 44px;
	font-size: 15px;
	border: none;
	border-radius: 22px;
	color: #FFFFFF;
	background: #FFD031;
}

.mui-switch {
	float: right;
	width: 56px;
	margin: 8px 5% 8px 0px;
	/*border: 1px solid #DDDDDD;*/
	background-color: #fff;
}

.mui-switch.mui-dragging {
	border-color: #1E2039;
	background-color: #1E2039;
	/*border: 1px solid #19;*/
}

.mui-switch.mui-active {
	/*border-color: #DDDDDD;*/
	background-color: #FFD031;
	border: 1px solid #FFD031;
}

.mui-switch .mui-switch-handle {
	background:#FFD031;
}

.mui-switch.mui-active .mui-switch-handle {
	transition-duration: 0.2s;
	transform: translate(25px, 0px) !important;
	background:#FFD031;
}

.mui-switch:before {
	content: '';
}

.mui-switch.mui-active:before {
	content: '';
}

.hidden {
	display: none !important;
}
.app-popover{
	box-shadow:2px 2px 2px 2px rgba(96,96,96,0.22);
}