@charset "UTF-8";

.img-block img {
	display: block
}

.img-w-100 img {
	width: 100%;
	display: block
}

.img-h-100 img {
	height: 100%;
	display: block
}

.img-cover img,
.img-w-100 img,
.img-h-100 img {
	-o-object-fit: cover;
	object-fit: cover
}

.c-border-1 {
	border: 1PX solid #eee
}

.c-border-t-1 {
	border-top: 1PX solid #eee
}

.c-border-b-1 {
	border-bottom: 1PX solid #eee
}

.c-border-l-1 {
	border-left: 1PX solid #eee
}

.c-border-r-1 {
	border-right: 1PX solid #eee
}

.c-border-2 {
	border: 2PX solid #eee
}

.safe {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom)
}

.safe-half {
	padding-bottom: calc(constant(safe-area-inset-bottom)/2);
	padding-bottom: calc(env(safe-area-inset-bottom)/2)
}

*,
:before,
:after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

.tw-fixed {
	position: fixed
}

.tw-absolute {
	position: absolute
}

.tw-relative {
	position: relative
}

.tw-inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.tw-bottom-0 {
	bottom: 0
}

.tw-bottom-100 {
	bottom: 100rem
}

.tw-left-0 {
	left: 0
}

.tw-left-20 {
	left: 20rem
}

.tw-right-0 {
	right: 0
}

.tw-right-10 {
	right: 10rem
}

.tw-right-20 {
	right: 20rem
}

.tw-top-0 {
	top: 0
}

.tw-top-100 {
	top: 100rem
}

.tw-top-80 {
	top: 80rem
}

.tw-z-10 {
	z-index: 10
}

.tw-z-50 {
	z-index: 50
}

.tw-m-auto {
	margin: auto
}

.tw-mb-10 {
	margin-bottom: 10rem
}

.tw-mb-20 {
	margin-bottom: 20rem
}

.tw-mb-30 {
	margin-bottom: 30rem
}

.tw-mb-36 {
	margin-bottom: 36rem
}

.tw-mb-5 {
	margin-bottom: 5rem
}

.tw-ml-18 {
	margin-left: 18rem
}

.tw-ml-20 {
	margin-left: 20rem
}

.tw-ml-auto {
	margin-left: auto
}

.tw-mr-18 {
	margin-right: 18rem
}

.tw-mr-20 {
	margin-right: 20rem
}

.tw-mr-auto {
	margin-right: auto
}

.tw-mt-10 {
	margin-top: 10rem
}

.tw-mt-100 {
	margin-top: 100rem
}

.tw-mt-20 {
	margin-top: 20rem
}

.tw-mt-30 {
	margin-top: 30rem
}

.tw-mt-40 {
	margin-top: 40rem
}

.tw-mt-5 {
	margin-top: 5rem
}

.tw-mt-_20 {
	margin-top: -20rem
}

.tw-box-border {
	box-sizing: border-box
}

.tw-line-clamp-1 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.tw-line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.tw-block {
	display: block
}

.tw-flex {
	display: flex
}

.tw-hidden {
	display: none
}

.tw-h-100 {
	height: 100rem
}

.tw-h-112 {
	height: 112rem
}

.tw-h-120 {
	height: 120rem
}

.tw-h-160 {
	height: 160rem
}

.tw-h-176 {
	height: 176rem
}

.tw-h-184 {
	height: 184rem
}

.tw-h-40 {
	height: 40rem
}

.tw-h-44 {
	height: 44rem
}

.tw-h-50 {
	height: 50rem
}

.tw-h-540 {
	height: 540rem
}

.tw-h-56 {
	height: 56rem
}

.tw-h-58 {
	height: 58rem
}

.tw-h-60 {
	height: 60rem
}

.tw-h-80 {
	height: 80rem
}

.tw-h-88 {
	height: 88rem
}

.tw-h-full {
	height: 100%
}

.tw-w-112 {
	width: 112rem
}

.tw-w-120 {
	width: 120rem
}

.tw-w-140 {
	width: 140rem
}

.tw-w-150 {
	width: 150rem
}

.tw-w-152 {
	width: 152rem
}

.tw-w-160 {
	width: 160rem
}

.tw-w-176 {
	width: 176rem
}

.tw-w-184 {
	width: 184rem
}

.tw-w-200 {
	width: 200rem
}

.tw-w-230 {
	width: 230rem
}

.tw-w-24 {
	width: 24rem
}

.tw-w-32 {
	width: 32rem
}

.tw-w-336 {
	width: 336rem
}

.tw-w-344 {
	width: 344rem
}

.tw-w-40 {
	width: 40rem
}

.tw-w-44 {
	width: 44rem
}

.tw-w-48 {
	width: 48rem
}

.tw-w-560 {
	width: 560rem
}

.tw-w-full {
	width: 100%
}

.tw-flex-1 {
	flex: 1 1 0%
}

.tw-shrink-0 {
	flex-shrink: 0
}

.tw-resize-none {
	resize: none
}

.tw-flex-col {
	flex-direction: column
}

.tw-items-center {
	align-items: center
}

.tw-justify-center {
	justify-content: center
}

.tw-justify-between {
	justify-content: space-between
}

.tw-justify-around {
	justify-content: space-around
}

.tw-gap-10 {
	gap: 10rem
}

.tw-gap-16 {
	gap: 16rem
}

.tw-gap-20 {
	gap: 20rem
}

.tw-gap-22 {
	gap: 22rem
}

.tw-gap-30 {
	gap: 30rem
}

.tw-gap-40 {
	gap: 40rem
}

.tw-gap-60 {
	gap: 60rem
}

.tw-overflow-hidden {
	overflow: hidden
}

.tw-rounded-16 {
	border-radius: 16rem
}

.tw-rounded-20 {
	border-radius: 20rem
}

.tw-rounded-28 {
	border-radius: 28rem
}

.tw-rounded-32 {
	border-radius: 32rem
}

.tw-rounded-40 {
	border-radius: 40rem
}

.tw-rounded-44 {
	border-radius: 44rem
}

.tw-rounded-60 {
	border-radius: 60rem
}

.tw-rounded-8 {
	border-radius: 8rem
}

.tw-rounded-p50 {
	border-radius: 50%
}

.tw-border-none {
	border-style: none
}

.tw-border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.tw-bg-body {
	--tw-bg-opacity: 1;
	background-color: rgb(242 245 248 / var(--tw-bg-opacity))
}

.tw-bg-dddddd {
	--tw-bg-opacity: 1;
	background-color: rgb(221 221 221 / var(--tw-bg-opacity))
}

.tw-bg-e8e8e8 {
	--tw-bg-opacity: 1;
	background-color: rgb(232 232 232 / var(--tw-bg-opacity))
}

.tw-bg-f0fbf9 {
	--tw-bg-opacity: 1;
	background-color: rgb(240 251 249 / var(--tw-bg-opacity))
}

.tw-bg-f3f3f3 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 243 243 / var(--tw-bg-opacity))
}

.tw-bg-primary {
	--tw-bg-opacity: 1;
	background-color: rgb(72 117 240 / var(--tw-bg-opacity))
}

.tw-bg-transparent {
	background-color: transparent
}

.tw-bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.tw-bg-primary-linear {
	background-image: linear-gradient(90deg, #65A0FF 0%, #4875F0 100%)
}

.tw-p-20 {
	padding: 20rem
}

.tw-pb-10 {
	padding-bottom: 10rem
}

.tw-pb-20 {
	padding-bottom: 20rem
}

.tw-pb-30 {
	padding-bottom: 30rem
}

.tw-pb-42 {
	padding-bottom: 42rem
}

.tw-pb-5 {
	padding-bottom: 5rem
}

.tw-pl-10 {
	padding-left: 10rem
}

.tw-pl-18 {
	padding-left: 18rem
}

.tw-pl-20 {
	padding-left: 20rem
}

.tw-pl-40 {
	padding-left: 40rem
}

.tw-pl-48 {
	padding-left: 48rem
}

.tw-pr-10 {
	padding-right: 10rem
}

.tw-pr-18 {
	padding-right: 18rem
}

.tw-pr-20 {
	padding-right: 20rem
}

.tw-pr-40 {
	padding-right: 40rem
}

.tw-pr-48 {
	padding-right: 48rem
}

.tw-pt-10 {
	padding-top: 10rem
}

.tw-pt-100 {
	padding-top: 100rem
}

.tw-pt-120 {
	padding-top: 120rem
}

.tw-pt-15 {
	padding-top: 15rem
}

.tw-pt-20 {
	padding-top: 20rem
}

.tw-pt-30 {
	padding-top: 30rem
}

.tw-pt-36 {
	padding-top: 36rem
}

.tw-pt-5 {
	padding-top: 5rem
}

.tw-pt-60 {
	padding-top: 60rem
}

.tw-pt-68 {
	padding-top: 68rem
}

.tw-pt-80 {
	padding-top: 80rem
}

.tw-pt-88 {
	padding-top: 88rem
}

.tw-text-center {
	text-align: center
}

.tw-text-right {
	text-align: right
}

.tw-text-22 {
	font-size: 22rem
}

.tw-text-24 {
	font-size: 24rem
}

.tw-text-26 {
	font-size: 26rem
}

.tw-text-28 {
	font-size: 28rem
}

.tw-text-30 {
	font-size: 30rem
}

.tw-text-32 {
	font-size: 32rem
}

.tw-text-36 {
	font-size: 36rem
}

.tw-text-40 {
	font-size: 40rem
}

.tw-text-44 {
	font-size: 44rem
}

.tw-font-bold {
	font-weight: 700
}

.tw-leading-40 {
	line-height: 40rem
}

.tw-leading-60 {
	line-height: 60rem
}

.tw-leading-62 {
	line-height: 62rem
}

.tw-leading-80 {
	line-height: 80rem
}

.tw-text-blue-4d {
	--tw-text-opacity: 1;
	color: rgb(77 126 236 / var(--tw-text-opacity))
}

.tw-text-blue-51 {
	--tw-text-opacity: 1;
	color: rgb(81 107 189 / var(--tw-text-opacity))
}

.tw-text-c3 {
	--tw-text-opacity: 1;
	color: rgb(51 51 51 / var(--tw-text-opacity))
}

.tw-text-c6 {
	--tw-text-opacity: 1;
	color: rgb(102 102 102 / var(--tw-text-opacity))
}

.tw-text-c9 {
	--tw-text-opacity: 1;
	color: rgb(153 153 153 / var(--tw-text-opacity))
}

.tw-text-cc {
	--tw-text-opacity: 1;
	color: rgb(204 204 204 / var(--tw-text-opacity))
}

.tw-text-d83c3c {
	--tw-text-opacity: 1;
	color: rgb(216 60 60 / var(--tw-text-opacity))
}

.tw-text-ff932c {
	--tw-text-opacity: 1;
	color: rgb(255 147 44 / var(--tw-text-opacity))
}

.tw-text-price {
	--tw-text-opacity: 1;
	color: rgb(210 65 65 / var(--tw-text-opacity))
}

.tw-text-primary {
	--tw-text-opacity: 1;
	color: rgb(72 117 240 / var(--tw-text-opacity))
}

.tw-text-red-be {
	--tw-text-opacity: 1;
	color: rgb(190 53 53 / var(--tw-text-opacity))
}

.tw-text-red-ec {
	--tw-text-opacity: 1;
	color: rgb(236 59 59 / var(--tw-text-opacity))
}

.tw-text-red-f9 {
	--tw-text-opacity: 1;
	color: rgb(249 66 66 / var(--tw-text-opacity))
}

.tw-text-success {
	--tw-text-opacity: 1;
	color: rgb(59 180 138 / var(--tw-text-opacity))
}

.tw-text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tw-shadow-inner {
	--tw-shadow: inset 0 2rem 4rem 0 rgb(0 0 0 / .05);
	--tw-shadow-colored: inset 0 2rem 4rem 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-lg {
	--tw-shadow: 0 10rem 15rem -3rem rgb(0 0 0 / .1), 0 4rem 6rem -4rem rgb(0 0 0 / .1);
	--tw-shadow-colored: 0 10rem 15rem -3rem var(--tw-shadow-color), 0 4rem 6rem -4rem var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-md {
	--tw-shadow: 0 4rem 6rem -1rem rgb(0 0 0 / .1), 0 2rem 4rem -2rem rgb(0 0 0 / .1);
	--tw-shadow-colored: 0 4rem 6rem -1rem var(--tw-shadow-color), 0 2rem 4rem -2rem var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-sm {
	--tw-shadow: 0 1rem 2rem 0 rgb(0 0 0 / .05);
	--tw-shadow-colored: 0 1rem 2rem 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-outline-none {
	outline: 2rem solid transparent;
	outline-offset: 2rem
}

.tw-shadow-atv {
	box-shadow: 0 16rem 40rem rgba(37, 37, 37, .3)
}

.backdrop-filter {
	-webkit-backdrop-filter: blur(4rem);
	backdrop-filter: blur(4rem)
}

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: SourceHanSansSC, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif
}

a {
	color: inherit
}

ul,
ol,
li {
	list-style: none
}

a {
	text-decoration: none
}

html,
body {
	background: #f2f5f8
}

html {
	font-size: .1333333333vw
}

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 32rem;
	color: #333
}

.swiper img {
	max-width: 100%
}

.svg {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor;
	overflow: hidden
}

.tabs-container {
	background-image: url(../images/doc-1.png);
	overflow: hidden;
	background-size: 100% 100%;
	box-sizing: border-box;
	height: 102rem;
	padding-top: 12rem;
	line-height: 90rem;
	transition: background-image .1s
}

.tabs-container.active-1 {
	background-image: url(../images/doc-2.png)
}

.tabs-container .tabs {
	color: #fff
}

.tabs-container .tabs.is-active {
	padding-top: 0;
	color: #4875f0;
	font-weight: 700
}

.tabs-plane {
	display: none
}

.tabs-plane.is-active {
	display: block
}

.tour-item .text-container {
	width: calc(100% - 190rem)
}

.tabs-plane-container {
	border-radius: 0 0 28rem 28rem
}

.tab-bar-container img:nth-child(1) {
	display: block
}

.tab-bar-container img:nth-child(2) {
	display: none
}

.tab-bar-container .is-active {
	color: #4875f0
}

.tab-bar-container .is-active img:nth-child(1) {
	display: none
}

.tab-bar-container .is-active img:nth-child(2) {
	display: block
}

#root:after {
	content: "";
	display: block;
	height: 20rem;
	font-size: 0
}

.type-tag.is-active {
	border: 1PX solid #4875f0;
	font-weight: 700;
	color: #4875f0
}

.order-type.is-active {
	font-weight: 700;
	color: #333;
	position: relative
}

.order-type.is-active:after {
	width: 40rem;
	height: 8rem;
	background: linear-gradient(90deg, #65a0ff 0%, #4875f0 100%);
	border-radius: 5rem;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	content: "";
	margin: 0 auto
}

.order-type {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 16rem
}

.order-type.info {
	background: #eeeeee;
	color: #b5b5b5
}

.order-type.error {
	background: #ffe3e3;
	color: #ec3a3a
}

.order-type.warning {
	background: #fff3df;
	color: #cd6f25
}

.order-type.primary {
	background: #e5efff;
	color: #516bbd
}

.c-text-info {
	color: #b5b5b5
}

.c-text-error {
	color: #ec3a3a
}

.c-text-warning {
	color: #cd6f25
}

.c-text-primary {
	color: #516bbd
}

.order-btn {
	width: 198rem;
	height: 80rem;
	border-radius: 40rem;
	border: 1PX solid #cccccc;
	color: #666
}

.order-btn.primary {
	background: linear-gradient(90deg, #65a0ff 0%, #4875f0 100%);
	border: none;
	color: #fff
}

.favorite-btn {
	border: 1PX solid #cccccc;
	color: #999
}

.choose-item {
	width: 340rem;
	height: 192rem;
	background: #ffffff;
	border-radius: 20rem;
	border: 1PX solid #d8d8d8
}

.choose-item .bottom {
	background: rgba(0, 0, 0, .04)
}

.choose-item.is-active {
	font-weight: 700;
	color: #3d7cca;
	border-color: #3d7cca
}

.choose-item.is-active .bottom {
	background: rgba(108, 159, 222, .2)
}

.input-number-container {
	width: 180rem;
	height: 60rem;
	background: #ffffff;
	border-radius: 8rem;
	border: 1PX solid #e4e4e4
}

.input-number-prev,
.input-number-next {
	width: 48rem
}

.input-number-prev.is-disable,
.input-number-next.is-disable {
	color: #ddd
}

.input-number {
	border: 1PX solid #e4e4e4;
	border-bottom: none;
	border-top: none
}

input[type=radio].tw-hidden+div img {
	width: 28rem;
	height: 28rem;
	display: none
}

input[type=radio].tw-hidden+div img:nth-child(1) {
	display: block
}

input[type=radio].tw-hidden:checked+div img {
	display: none
}

input[type=radio].tw-hidden:checked+div img:nth-child(2) {
	display: block
}

.user-info-atv {
	border: 3PX solid #ffffff
}

.office{
    width: 410px;
    margin: 0 auto;
    background: #f7f7f7;
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.3);
    /* padding-bottom:50px; */
}
.office .office-time {
    padding: 15px;
    background: #fff;
    margin-top:15px;
}
.office .office-time h4 {
    font-size: 16px;
    color: #010101;
    margin-bottom: 10px;
}
.office .office-time p {
    font-size: 14px;
    color: #7f7f7f;
    margin-bottom: 15px;
}
.office-time-legend{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:15px 0;
}
.office-time-legend .office-time-legend-item{
    display: flex;
}
.office-time-legend .legend-img{
    width:19px;
    height:19px;
    border-radius: 3px;
    border:1px solid #ddd;
    margin-right:5px;
}
.office-time-legend .legend-img.used{
    background: #fff;
}
.office-time-legend .legend-img.disabled{
    background: #999999;
}
.office-time-legend .legend-img.checked{
    background: #7ed320;
}
.office-time-legend .legend-text{
    font-size:14px;
    color:#010101;
}
.office .office-time-con.office-time-slot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.office .office-time-con.office-time-slot .office-time-item {
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.office .office-time-con .office-time-item {
    width: 70px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    line-height: 40px;
    color: #010101;
}
.office .office-time-con.office-time-slot .office-time-item.checked {
    color: #010101;
    background: #7ed320;
}

.office .office-time-con.office-time-slot .office-time-item.disable{
    color:#010101;
    background: #999999;
}
.weui-btn-area {
    margin: 0.5em 15px 1.17em;
}
.weui-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden;
}
.weui-btn_main {
    background-color: #38acff;
    margin:20px 0 50px;
}
.office .office-time-con.office-time-data{
    overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling: touch;
}

.office-time-data::-webkit-scrollbar {width:0;height:0;display: none;}
.office .office-time-con.office-time-data .office-time-item{
    margin-right:10px;
    cursor: pointer;
}
.office .office-time-con.office-time-data .office-time-item.checked{
    border:1px solid #38adfd;
    color:#38adfd;
    background: #f2f9ff;
}
.office .office-time-con.office-time-data .office-time-item span{
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-top: 8px;
}
.office .office-time-con.office-time-data .office-time-item.checked span{
    color:#38adfd;
}
.office .office-time-con.office-time-slot .office-time-item:nth-child(4n+0) {
    margin-right: 0;
}
.office .office-time-con.office-time-data .office-time-item {
    font-size: 13px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-dialog {
	display: none;
	transition: .5s ease-in-out
}

.c-dialog .c-dialog-modal {
	z-index: 40;
	background-color: rgba(0, 0, 0, .65)
}

.c-dialog .c-dialog-content {
	z-index: 41
}

.c-dialog.is-active {
	display: block
}

.c-sub,
.c-add {
	border: none;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.order-btn.tw-w-full {
	width: 100%
}
.order-btn {
    width: 198rem;
    height: 80rem;
    border-radius: 40rem;
    border: 1PX solid #cccccc;
    color: #666;
}
.tw-w-screen {
	width: 100vw
}
.tw-h-screen {
    height: 100vh;
}
.tw-pb-150 {
    padding-bottom: 150rem;
}
.tw-p-40 {
    padding: 40rem;
}
.tw-rounded-30 {
    border-radius: 30rem;
}
.tw-bg-f6f6f6 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.tw-w-70 {
    width: 70rem;
}
.tw-mb-40 {
    margin-bottom: 40rem;
}