@font-face {
	font-family: demo-icons;
	src: url(http://at.alicdn.com/t/font_1474965703_1820433.ttf) format("truetype");
}
@font-face {
	font-family: demo-category-icons;
	src: url(http://at.alicdn.com/t/font_1477296366_4593668.ttf) format("truetype");
}
.re_hot {
	margin: 0px auto; width: 96%; padding-top: 6px;
}
.re_hot a {
	margin: 0px 6px; color: rgb(102, 102, 102); font-size: 16px; float: left;
}
.re_hot b {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: normal; margin-right: 5px; float: left;
}
.g-flexview {
	background: rgb(255, 255, 255);
}
.demo-pagetitle {
	padding: 0.6rem 0px 0.4rem; text-align: center; color: rgb(255, 94, 83); font-size: 0.68rem;
}
.demo-detail-title {
	text-align: center; color: rgb(136, 136, 136); line-height: 0.42rem; font-size: 0.28rem; font-weight: normal; margin-bottom: 0.5rem;
}
.demo-loading {
	margin-bottom: 20px;
}
.demo-loading li a {
	width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-justify-content: center;
}
.demo-loading li img {
	width: 0.6rem; height: 0.6rem; display: inline-block;
}
.demo-tip {
	padding: 0.2rem 0.24rem 0.4rem; color: rgb(177, 177, 177); line-height: 18px; font-family: ΢ÈíÑźÚ; font-size: 0.24rem; position: relative;
}
.demo-tip::after {
	transform-origin: 0% 100%; left: 0px; width: 100%; bottom: 0.2rem; border-bottom-color: rgb(178, 178, 178); border-bottom-width: 1px; border-bottom-style: dashed; position: absolute; content: ""; transform: scaleY(0.5); -webkit-transform-origin: 0 100%; -webkit-transform: scaleY(0.5);
}
.demo-tip i {
	margin-right: 3px;
}
.demo-tip a {
	color: rgb(90, 167, 0);
}
.demo-upload {
	overflow: hidden;
}
.demo-upload li {
	width: 1rem; height: 1rem; margin-right: 0.2rem; float: left;
}
.demo-upload li:last-child {
	margin-right: 0px;
}
.demo-upload-big {
	width: 2rem; height: 2rem; margin-top: 0.4rem;
}
.demo-upload-rectangle {
	width: 4rem; height: 2rem; margin-top: 0.4rem;
}
.demo-components {
	padding: 10px; margin-bottom: 10px; background-color: rgb(255, 255, 255);
}
.demo-upload {
	overflow: hidden;
}
.demo-upload li {
	float: left;
}
.demo-upload li img {
	width: 1rem; height: 1rem; margin-right: 0.2rem;
}
.demo-pitch {
	margin-top: 0.5rem;
}
.demo-small-pitch {
	margin-top: 0.35rem;
}
.demo-progressbar {
	padding: 0px 0.24rem; display: flex; justify-content: space-around; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-justify-content: space-around;
}
.demo-spinner {
	padding: 0.24rem; font-size: 0px; background-color: rgb(255, 255, 255);
}
.demo-spinner-title {
	color: rgb(136, 136, 136); font-size: 0.26rem; margin-bottom: 0.1rem; display: block;
}
.demo-badege {
	padding: 0px 0.24rem 0.5rem; background-color: rgb(255, 255, 255);
}
.demo-badege .demo-badege-title {
	color: rgb(119, 119, 119); padding-top: 0.5rem; padding-bottom: 0.15rem; font-size: 0.26rem; position: relative;
}
.demo-badege .demo-badege-title::after {
	transform-origin: 0% 100%; left: 0px; width: 100%; height: 1px; bottom: 0px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; z-index: 2; content: ""; transform: scaleY(0.5); background-color: rgb(217, 217, 217); -webkit-transform-origin: 0 100%; -webkit-transform: scaleY(0.5);
}
.demo-badege .badge {
	margin-right: 0.1rem;
}
.demo-icons [class^='icon-']::before {
	color: rgb(255, 104, 93); font-size: 0.6rem;
}
.demo-icons [class*=' icon-']::before {
	color: rgb(255, 104, 93); font-size: 0.6rem;
}
.demo-progress-line {
	width: 100%; height: 0.15rem;
}
.demo-progress-cricle {
	width: 2rem; height: 2rem;
}
.nav-center .nav-title {
	font-family: ΢ÈíÑźÚ;
}
[class^='demo-icons-']::before {
	font-family: "demo-icons"; font-size: 0.5rem;
}
[class*=' demo-icons-']::before {
	font-family: "demo-icons"; font-size: 0.5rem;
}
.demo-icons-weixin::before {
	content: "\e60b";
}
.demo-icons-me::before {
	content: "\e610";
}
.demo-icons-contact::before {
	content: "\e60c";
}
.demo-icons-discover::before {
	content: "\e611";
}
.demo-icons-phone::before {
	content: "\e60e";
}
.demo-icons-tel::before {
	content: "\e616";
}
.demo-icons-like::before {
	content: "\e60d";
}
.demo-icons-order::before {
	content: "\e60f";
}
.demo-icons-button::before {
	color: rgb(255, 104, 94); content: "\e602";
}
.demo-icons-sendcode::before {
	color: rgb(139, 120, 226); content: "\e60a";
}
.demo-icons-dialog::before {
	color: rgb(60, 197, 30); content: "\e603";
}
.demo-icons-keyboard::before {
	color: rgb(252, 116, 108); content: "\e613";
}
.demo-icons-cell::before {
	color: rgb(252, 116, 108); content: "\e600";
}
.demo-icons-tabs::before {
	color: rgb(255, 141, 32); content: "\e607";
}
.demo-icons-list::before {
	color: rgb(255, 141, 32); content: "\e605";
}
.demo-icons-actionsheet::before {
	color: rgb(60, 205, 28); content: "\e601";
}
.demo-icons-progressbar::before {
	color: rgb(255, 141, 32); content: "\e612";
}
.demo-icons-icons::before {
	color: rgb(139, 120, 226); content: "\e604";
}
.demo-icons-tabbar::before {
	color: rgb(60, 197, 30); content: "\e606";
}
.demo-icons-badge::before {
	color: rgb(239, 79, 79); content: "\e608";
}
.demo-icons-grids::before {
	color: rgb(139, 120, 226); content: "\e609";
}
.demo-icons-slider::before {
	color: rgb(139, 120, 226); content: "\e614";
}
.demo-icons-spinner::before {
	color: rgb(255, 141, 32); content: "\e615";
}
.demo-icons-cityselect::before {
	color: rgb(255, 104, 94); content: "\e617";
}
[class^='demo-icons-category']::before {
	color: rgb(91, 93, 92); font-family: "demo-category-icons"; font-size: 0.48rem;
}
[class*=' demo-icons-category']::before {
	color: rgb(91, 93, 92); font-family: "demo-category-icons"; font-size: 0.48rem;
}
.demo-icons-category1::before {
	content: "\E604";
}
.demo-icons-category2::before {
	content: "\E602";
}
.demo-icons-category3::before {
	content: "\E605";
}
.demo-icons-category4::before {
	content: "\E603";
}
.demo-icons-category5::before {
	content: "\E607";
}
.demo-icons-category6::before {
	content: "\E600";
}
.demo-icons-category7::before {
	content: "\E606";
}
.demo-icons-category8::before {
	content: "\E601";
}
.cell-item {
	overflow: hidden; display: flex; position: relative;
}
.cell-left {
	color: rgb(51, 51, 51); font-size: 0.3rem; display: flex; white-space: nowrap; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.cell-right {
	flex:1 1 0px; width: 100%; text-align: right; color: rgb(82, 82, 82); padding-right: 0.24rem; font-size: 0.26rem; display: flex; min-height: 1rem; justify-content: flex-end; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-flex: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -webkit-flex: 1;
}
.cell-input {
	background: none; border: currentColor; flex:1 1 0px; border-image: none; height: 1rem; text-align: left; color: rgb(85, 85, 85); font-size: 0.3rem; display: flex; justify-content: flex-start; -webkit-box-flex: 1; -webkit-box-pack: start; -webkit-justify-content: flex-start; -webkit-flex: 1;
}
.cell-arrow::after {
	color: rgb(201, 201, 201); font-family: "YDUI-INLAY"; font-size: 0.34rem; margin-right: -0.08rem; margin-left: 0.05rem; display: block; content: "\e608";
}
.m-celltitle {
	padding: 0px 0.24rem 0.1rem; text-align: left; color: rgb(136, 136, 136); font-size: 0.3rem; position: relative; z-index: 1;
}