/*======================================
		UI for moblie CSS
		author:   design4u
		QQ:       66383210
		Email:    66383210@qq.com
		Date:     2019-01-25
======================================*/
.hm-page { background: #f8f0e0; }
.hm-nav>li.hm-active>a,
.hm-nav>li.hm-active>a:focus,
.hm-nav>li.hm-active>a:hover,
.hm-footer .hm-nav-tabs>li.hm-active>a [class*='hm-icon'],
.hm-footer .hm-nav-tabs>li.hm-active>a,
.hm-footer .hm-nav-tabs>li.hm-active>a:focus,
.hm-footer .hm-nav-tabs>li.hm-active>a:hover {
	color: #b08744;
	background-color: transparent;
	border-color: transparent;
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before { background-color: #b08744; }
/*启动页*/
.c-bg-start-page { background: linear-gradient(to bottom right, #f5ecdc, #f5ecdc); }
.c-start-page-header { padding-top: 30px; }
.c-start-page-content {
	width: 100%;
	height: calc(100% - 170px);
}
.c-animation-startpage {
	position: relative;
	width: 300px;
	height: 230px;
	margin: 0 auto;
}
.c-animation-startpage .c-img-money1 {
	background: url(images/img-money-1.png) no-repeat center;
	background-size: 300px 161px;
	width: 300px;
	height: 161px;
	position: absolute;
	left: 0;
	bottom: 90px;
}
.c-animation-startpage .c-img-money2 {
	background: url(images/img-money-2.png) no-repeat center;
	background-size: 120px 80px;
	width: 120px;
	height: 80px;
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.c-animation-startpage .c-img-shap {
	background: url(images/img-shap.png) no-repeat center bottom;
	background-size: 300px 96px;
	position: relative;
	width: 300px;
	height: 230px;
	margin: 0 auto;
}
.c-animation-startpage .c-img-house {
	background: url(images/img-house.png) no-repeat center;
	background-size: 280px 219px;
	width: 280px;
	height: 219px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}
/*登录页*/
.c-login-header {
	padding: 2rem 1rem 2rem;
	text-align: center;
}
.c-start-page-header { text-align: center; }
.c-start-page-header h1,
.c-login-header h1 {
	font-size: 40px;
	font-weight: bolder;
	line-height: 1;
	margin: 0;
	padding: 0;
	color: #b08744;
}
.c-start-page-header p,
.c-login-header p {
	margin: 0.5rem 0 0;
	font-size: 16px;
	padding: 0;
	color: #666;
	color: #c7a876;
}
.c-login-content { height: calc(100% - 205px); }
.c-login-content .hm-caption { color: #c7a876 }
.c-login-content .hm-form-control {
	background-color: rgba(255,255,255,0.5) !important;
	padding: 0.75rem;
	border-radius: 100px;
	border: none;
}
.c-login-content .hm-form-control input {
	font-size: 18px;
	font-weight: 500;
}
.c-login-content .hm-form-control:hover,
.c-login-content .hm-form-control:active { box-shadow: none; }
.c-login-content .hm-btn-area .hm-btn {
	padding: 0.875rem;
	border: none;
}
.c-login-footer {
	padding-left: 1rem;
	font-size: 12px;
	color: #c7a876;
	text-align: center;
	background: url("images/logo.png") no-repeat center top;
	background-size: 70px 30px;
	padding-top: 35px;
}
.c-code-form { padding: 0.75rem; }
.c-code-form input {
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	padding: 0.5rem 0;
	margin: 0 0.25rem;
	border: none;
	background-color: rgba(255,255,255,0.5) !important;
}
.c-login-bg {
	background: url(images/bg-login-shop.png) no-repeat center 85%;
	background-size: 275px 196px;
}
.hm-btn-warning {
	border-color: #f4bc47 !important;
	background-color: #f4bc47 !important;
	/*background: linear-gradient(to bottom right, #f9e063 , #f4b945);*/
	color: #aa4212 !important;
	font-weight: bolder;
	font-size: 18px;
}
.hm-btn-primary,
.hm-bg-primary{
	border-color: #c9aa74;
	background: linear-gradient(to bottom right, #d5b88c, #c9aa74) !important;
}


.hm-btn-primary:hover,
.hm-btn-primary:active{
	border-color: #b2935d;
	background: linear-gradient(to bottom right, #cbad7f, #b59968) !important;
}



.hm-btn-light {
	border-color: #e8dcc8;
	background: #e8dcc8 !important;
}
.hm-btn-hollow.hm-btn-primary {
	border-color: #c9aa74;
	color: #c7a876;
	background: none !important;
	box-shadow: none !important;
}
.hm-color-primary { color: #c7a876 !important; }
.c-bg-index {
	background: url("images/bg-index.jpg") no-repeat center bottom;
	background-size: auto 100%;
	height: 223px;
}
.c-card-mymoney-wrapper {
	background-image: linear-gradient( 142deg, rgb(233,71,82) 0%, rgb(236,109,96) 100%);
	margin: -3rem 1rem 1rem;
	border-radius: 0.5rem;
	padding: 2rem 0;
	text-align: center;
}
.c-card-mymoney {
	line-height: 1.2;
	margin-bottom: 20px;
}
.c-card-mymoney b {
	font-size: 44px;
	font-weight: 400;
	display: block;
}
.c-card-mymoney span { }
.c-index-order-btn {
	margin: -2rem 3rem 0;
	text-align: center;
	font-size: 13px;
}
.c-index-order-btn .hm-btn {
	padding: 1rem 0;
	font-size: 20px;margin-bottom: 0.5rem;
}
.c-index-order-btn span {
	font-size: 12px;
	color: #c7a876;
}
.c-index-user {
	width: 50px;
	height: 50px;
}
.c-index-nav {padding: 1rem 0.75rem; }
.c-index-nav .hm-li {
	background: #fff;
	border-radius: 0.25rem;
	margin: 0;
	line-height: 1;
}


.c-index-nav .hm-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.c-index-nav .hm-li-title { font-size: 15px; }
.c-index-order {
	background: #d5b98a;
	border-radius: 0.25rem;
	padding: 1.5rem;
}
.c-index-order .hm-color-muted {
	color: #fff !important;
	opacity: 0.5;
}
.hm-listview .hm-li { padding: 1.25rem 1rem; }
.hm-header,
.hm-footer { background: #fff; }
.hm-form-group { padding: 0.75em 1rem; }
.hm-form-listview .hm-form-group .hm-form-label {
	width: auto;
	min-width: 5em;
}
.hm-form-control,
a.hm-form-control { border-color: #f7f2eb; }
.hm-form-vertical .hm-form-group { margin: 0.5rem 0; }
.hm-form-control:not(.hm-disabled):hover {
	border-color: #e3d3ba;
	background-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(227,211,186,.075), 0 0 8px rgba(227,211,186,.6);
	box-shadow: inset 0 1px 1px rgba(227,211,186,.075), 0 0 8px rgba(227,211,186,.6);
}
.hm-form-vertical:not(.hm-form-listview) > .hm-form-group:not(.hm-form-group-horizontal) .hm-form-label,
:not(.hm-form-listview) .hm-form-group-vertical .hm-form-label { margin-bottom: 0.25rem; }
.hm-form-vertical .hm-form-group .hm-form-label { font-size: 14px; }
.hm-form-vertical .hm-form-label-desc {
	padding: 0;
	margin-left: 0 !important;
	font-size: 12px;
	line-height: 1.3;
}
.hm-form-listview .hm-form-control .hm-btn {
	color: #b08744 !important;
	border: 1px solid #b08744 !important;
}
.c-page-header,
.c-banner-order {
	background: #c7a876;
	text-align: center;
	color: #fff;
	padding: 40px 0 50px;
}
.c-banner-order { padding-bottom: 60px; }
.c-page-header .c-title,
.c-banner-order .c-title {
	font-size: 30px;
	font-weight: bolder;
	line-height: 1;
}
.c-page-header .c-subtitle,
.c-banner-order .c-subtitle {
	font-size: 14px;
	padding-top: 0.25rem;
	line-height: 1.3;
	padding: 10px 64px 0;
}
.c-buying-caption {
	padding:0 1rem;
}
.c-buying-caption span {
	font-size: 13px;
	padding-left: 0.5rem;
	opacity: 0.6;
}
.c-getmoney { padding: 10px 0 20px; }
.c-getmoney .c-number {
	font-size: 38px;
	font-weight: bolder;
}
.c-getmoney .c-desc { font-size: 13px; }
.c-order-detail-header {
	background: #fff;
	position: relative;
  margin-bottom: 1rem;
}
.c-order-detail-header .c-title {
	font-size: 20px;
	font-weight: bolder;
}
.c-order-detail-header .c-subtitle {
	font-size: 14px;
	color: #999;
}
.c-order-detail-header .c-day {
	position: absolute;
	right: 0;
	top: 0;
}
.c-qrcode {
	text-align: center;
	padding: 1rem;
}
.c-qrcode img {
	width: 200px;
	height: 200px;
}
.c-invitation-header {
	text-align: center;
	padding: 2rem 2rem 3rem;
	background: #c7a876;
	color: #fff;
}
.c-invitation-header h1 {
	font-size: 22px;
	font-weight: bolder;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.c-invitation-header p {
	margin: 0.5rem 0 0;
	font-size: 14px;
	padding: 0;
}
.hm-article { background-color: transparent; }
.c-form-control-cash {
	font-size: 38px;
	margin: 1rem 0;
}
.hm-list-detail > li { padding: 0.325rem 0; }
.hm-btn-link{color: #c7a876;}
.hm-page-header{
  background-color: transparent;
}
.hm-page-title{
  font-size: 22px;
  font-weight: 600;
  background-color: transparent;
}
.hm-li-divider {

    background-color: rgba(201,170,116,0.1);
}