body, html {
	height: 100%;
	-webkit-tap-highlight-color: transparent;
}
.mt-0 {
	margin-top:0px;
}
.mt-1 {
	margin-top:1px;
}
.mt-2 {
	margin-top:2px;
}
.mt-3 {
	margin-top:3px;
}
.mt-4 {
	margin-top:4px;
}

.mt-5 {
	margin-top:5px;
}


.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: black !important;
}
.text-muted {
  color: #6c757d !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}


a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}


.art-title {
	text-align: center;
	font-size: 20px;
	color: #3cc51f;
	font-weight: 400;
	margin: 0 5%;
}

.art-sub-title {
	text-align: center;
	color: #888;
	font-size: 14px;
}

.art-header {
	padding: 15px 0;
}

.art-content-padded {
	padding: 15px;
}

.art-second-title {
	text-align: center;
	font-size: 24px;
	color: #3cc51f;
	font-weight: 400;
	margin: 0 15%;
}

.weui-footer {
	margin: 25px 0 10px 0;
}

/* 重写弹框，使能居中 */
.weui-dialog, .weui-toast {
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

/* 重写弹框，使能居中 */
.weui-toast {
	margin: 0 0 0 -15%;
}

/* 重写btn，使拉长 */
.weui-btn {
	box-sizing: content-box;
	width: auto;
}
/* 按钮区域 */
.button-sp-area {
	margin: 20px 20px;
}

/** 修正不显示超出部分的内容 ****/
.weui-media-box__title {
	white-space: normal
}

/** 重写文本描述去，使能显示所有内容 */
.weui-media-box__desc {
	display:block
}
.art-choose:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #b2b2b2;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    margin-right:10px;
    right: 0;
}


/** 预约分组 **/
.appointment-group {
	color: blue;
}
/** 预约科目 **/
.appointment-subject {
	color: rgba(0,0,0,.5);
	font-size:10pt;
}