﻿body,
html {
	background: #eceaeb;
}

#top {
	background: #002c49;
	height: 30px;
}

.bg01 {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/bg_021.jpg) center;
	height: 112px;
}

.bg02 {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/bg_031.jpg) center;
	height: 151px;
}

#top {
	background: #002c49;
	height: 342px;
}

.bg03 {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/bg_041.jpg) center top no-repeat;
}

.w990 {
	width: 990px;
	margin: auto;
}

.w960 {
	width: 960px;
	margin: auto;
}

#meun {
	background: #ab161c;
	line-height: 30px;
	color: #fff;
	padding: 10px 15px;
	width: 960px;
	margin: auto;
}

#meun a {
	line-height: 30px;
	color: #fff;
	padding: 0 20px;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: bold;
}

.bk_t {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/ico_bgt.png);
	WIDTH: 100%;
	height: 14px;
}

.bk_m {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/ico_bgm.png);
}

.bk_b {
	background: url(http://jjc.hbjzbw.com/images/132790.files/images/ico_bgb.png);
	WIDTH: 100%;
	height: 14px;
}

.m_t10 {
	margin-top: 10px;
}

/*面包屑*/

.crumbs {
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #060606;
	background: #fff;
}

.crumbs a {
	color: #060606;
}

/*注册*/

.reg-wrap {
	position: relative;
	margin-bottom: 100px;
	margin-top: 20px;
	padding: 50px 0;
	min-height: 974px;
	background: url(../img/bg.png) no-repeat;
	background-size: 100% 100%;
}

.reg-wrap .box {
	margin: auto;
	width: 420px;
	border-radius: 10px;
	background: #fff;
}

.reg-wrap .box .title {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: #e70012;
	border-radius: 10px 10px 0 0;
}

.reg-wrap .box .content {
	padding: 35px 15px 15px 15px;
}

.form-group {
	margin-bottom: 15px;
}

.form-group .label {
	width: 115px;
	text-align: right;
	font-size: 14px;
	line-height: 35px;
	color: #858282;
}

.form-group .txt {
	width: 115px;
	text-align: left;
	font-size: 14px;
	line-height: 35px;
	color: #858282;
}

.form-group .btn {
	display: block;
	margin-top: 5px;
	padding: 3px 10px;
	color: #858282;
	background: #c5eaf8;
	border-radius: 5px;
}

.form-group .input {
	width: 230px;
	height: 35px;
	font-size: 14px;
}

.form-group .select {
	padding: 6px 10px;
	width: 230px;
	height: 35px;
	font-size: 14px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/ico.png) no-repeat scroll 95% center transparent;
	padding-right: 14px;
}

.form-group .select::-ms-expand {
	display: none;
}

.form-code .code-box {
	width: 230px;
	height: 35px;
	font-size: 14px;
	border: 1px solid #ccc;
}

.form-code .code-box .input {
	width: 65%;
	height: 33px;
	border: none;
}

.form-code .code-box .code-btn {
	height: 33px;
	background: #c5eaf8;
	color: #858282;
	cursor: pointer;
}

.reg-wrap .box .content .name {
	margin: 40px auto 30px;
	text-align: center;
	font-size: 30px;
	color: #e70012;
}

.reg-upload {
	position: relative;
	margin: auto;
	width: 306px;
	height: 177px;
}

.reg-upload .addImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.upload_input {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: 10;
}

.reg-upload .finish-uplod {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 100%;
	height: 100%;
	border: 1px solid #a0a0a0;
	z-index: 10;
}

.reg-upload .finish-uplod img {
	display: block;
	margin: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.reg-btn {
	display: block;
	margin: 30px auto 0;
	width: 306px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	background: #e70012;
	border: none;
	cursor: pointer;
}

.reg-wrap .pic-big {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 30;
}

.pic-big .bigImg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -210px;
	width: 700px;
	height: 420px;
}

.erro {
	display: none;
	margin: 15px auto;
	font-size: 14px;
	color: red;
	text-align: center;
}

/*找回密码*/

.forget-wrap {
	min-height: 557px;
	background-image: url(../img/bg1.png);
}

.forget-font {
	display: block;
	margin: 10px auto;
	width: 306px;
	font-size: 14px;
	color: #409be8;
	text-align: right;
}

.forget-bottom {
	padding-left: 60px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #858282;
	border-radius: 0 0 10px 10px;
	background: #f4bab9;
}

.forget-wrap .btn-wrap,
.edit-wrap .box .btn-wrap {
	margin-bottom: 30px;
	margin-top: 30px;
	width: 230px;
}

.forget-wrap .btn-wrap .btn,
.modify-wrap .btn-wrap .btn,
.ex-wrap .btn-wrap .btn,
.edit-wrap .box .btn-wrap .btn {
	width: 90px;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.forget-wrap .btn-wrap .btn.bg-grey,
.modify-wrap .btn-wrap .btn.bg-grey,
.ex-wrap .btn-wrap .btn.bg-grey,
.edit-wrap .box .btn-wrap .btn.bg-grey {
	color: #858282;
	background: #dddddd;
}

.forget-wrap .btn-wrap .btn.bg-dot,
.modify-wrap .btn-wrap .btn.bg-dot,
.ex-wrap .btn-wrap .btn.bg-dot,
.edit-wrap .box .btn-wrap .btn.bg-dot {
	color: #fff;
	background: #e70012;
}

/*预约须知*/

.notice-wrap {
	margin-top: 20px;
	padding: 40px 30px 20px;
	background: #fff;
	border-radius: 5px;
}

.notice-wrap .title {
	margin: 0 auto 40px;
	width: 302px;
}

.notice-wrap .content {
	padding: 50px 50px 100px;
	background: #ececec;
}

.notice-wrap .content p {
	margin-top: 0;
	margin-bottom: 25px;
	text-indent: 2em;
	font-size: 18px;
	line-height: 36px;
	color: #060606;
}

.notice-btn {
	display: block;
	margin: 30px auto 200px;
	width: 230px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	background: #ab161c;
}

.notice-btn.btn-grey {
	background: rgba(0, 0, 0, .4);
}

.notice-btn.btn-grey:hover {
	background: rgba(0, 0, 0, .4);
	cursor: no-drop;
}

.notice-btn:hover {
	color: #fff;
	background: #8e0a0f;
}

/*登记表*/

.form-wrap {
	margin-top: 20px;
	padding: 35px 0 50px;
	border-radius: 5px;
	background: #fff;
}

.form-wrap .name {
	margin-bottom: 40px;
	font-size: 22px;
	color: #060606;
	text-align: center;
}

.form-wrap .table {
	margin: auto;
	width: 635px;
	text-align: center;
	border: 1px solid #606060;
}

.form-wrap .table td {
	padding: 5px;
	font-size: 14px;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
}

.form-wrap .table td .input {
	font-size: 14px;
	color: #189b52;
	border: none;
	border-bottom: 1px solid #189b52;
}

.form-wrap .table td a {
	color: #0569ff;
	text-decoration: underline;
}

.form-wrap .content {
	margin: auto;
	width: 635px;
	padding: 30px 40px;
	border: 1px solid #606060;
	border-top: none;
}

.form-wrap .content .title {
	margin-bottom: 30px;
	font-size: 20px;
	color: #060606;
	text-align: center;
}

.form-wrap .content p {
	margin-top: 0;
	margin-bottom: 5px;
	text-indent: 2em;
	font-size: 14px;
	line-height: 30px;
	color: #060606;
}

.form-bottom {
	margin: 40px auto 0;
	padding: 0 30px;
	width: 635px;
	font-size: 14px;
	color: #060606;
}

.form-bottom .input {
	display: inline-block;
	width: 150px;
	font-size: 14px;
	color: #060606;
	border: none;
}

.form-btn {
	margin-top: -20px;
	border: none;
}

.login-font {
	margin: 20px auto;
	width: 306px;
}

.login-font .item {
	font-size: 14px;
	color: #409be8;
	cursor: pointer;
}

.guide-wrap {
	margin-bottom: 120px;
}

.guide-wrap .title {
	width: 148px;
}

.guide-wrap .content {
	margin-top: 15px;
	padding: 15px 40px 50px;
	font-size: 18px;
	color: #060606;
	background: #efe1d4;
}

.guide-wrap .content .name {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #ab161c;
}

.guide-wrap .content p {
	margin-bottom: 0;
	text-indent: 0;
}

.order-wrap .table {
	width: 100%;
	font-size: 14px;
	color: #262626;
	border: 1px solid #e8e8e8;
}

.order-wrap .table th {
	background: #fafafa;
}

.order-wrap .table th,
.order-wrap .table td {
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #e8e8e8;
}

.order-wrap .table .btn {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	border-radius: 10px;
}

.order-wrap .table .btn.bg-green {
	background: #1aa97b;
}

.order-wrap .table .btn.bg-blue {
	background: #0177d5;
}

.modify-wrap.reg-wrap .box .content .name {
	margin-top: 0;
}

.modify-wrap .tips {
	text-align: center;
	font-size: 14px;
	color: #b3b2b2;
}

.modify-wrap .form-group .btn {
	display: inline-block;
	padding: 0;
	text-align: center;
	width: 100px;
	cursor: pointer;
}

.modify-wrap .btn-wrap {
	margin: 20px auto;
	width: 306px;
}

.ex-wrap .btn-wrap {
	margin-top: 60px;
	text-align: center;
}

.ex-wrap .btn-wrap .btn {
	padding: 0;
	margin-right: 120px;
}

.ex-wrap .btn-wrap .btn:last-child {
	margin-right: 0;
}

.ex-box .top {
	margin-top: 30px;
	padding-bottom: 20px;
	font-size: 16px;
	color: #575757;
	text-align: center;
	border-bottom: 1px solid #dddbdb;
}

.ex-box .top .title {
	margin-bottom: 30px;
	font-size: 34px;
	color: #262525;
}

.ex-box img {
	display: block;
	margin: 30px auto;
	width: auto;
	max-width: 100%;
}

.ex-box p {
	margin-bottom: 20px;
	text-indent: 2em;
	font-size: 16px;
	color: #060606;
	line-height: 30px;
}

.appoint-wrap {
	margin-bottom: 20px;
	padding: 30px 20px;
	background: #fff;
	border-radius: 10px;
}

.appoint-wrap .guide-wrap {
	margin-bottom: 30px;
	width: 425px;
}

.appoint-wrap .guide-wrap .title {
	margin: auto;
}

.appoint-wrap .guide-wrap .content {
	padding: 5px 25px 25px;
	font-size: 16px;
	height: 408px;
	background: #ebeaea;
}

.appoint-wrap .guide-wrap .content .name {
	margin-top: 20px;
}

.guide-wrap.right .title {
	width: 197px;
}

.guide-wrap.right .top {
	display: none;
	margin-top: 20px;
}

.guide-wrap.right .top .time {
	padding: 6px 0;
	width: 90px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #ab161c;
	border-radius: 5px;
}

.guide-wrap.right .top .time .day {
	font-size: 35px;
}

.guide-wrap.right .top .txt {
	width: 270px;
	font-size: 16px;
	text-align: left;
	color: #060606;
}

.statistics-list {
	height: 100%;
	overflow: auto;
}

.statistics-list .item.on {
	border-bottom: none;
}

.statistics-list .item.on .text {
	display: none;
}

.statistics-list .item.on .top {
	display: block;
}

.statistics-list::-webkit-scrollbar,
.date-wrap::-webkit-scrollbar {
	display: none
}

.statistics-list .item {
	padding: 10px 0;
	font-size: 16px;
	color: #060606;
	border-bottom: 1px solid #ab161c;
}

.statistics-list .item a {
	color: #060606;
}

.statistics-list .item .date {
	text-align: right;
	color: #666;
}

.announce-box {
	width: 90%;
	height: 33px;
	line-height: 33px;
	overflow: hidden;
}

.announce-list .item,
.announce-list .item a {
	font-size: 16px;
	color: #991d25;
}

.appoint-title {
	margin: 40px auto;
	width: 218px;
}

.calendar {
	margin: auto;
	width: 820px;
}

.fc-grid th {
	width: 14.2%;
	height: 64px;
	font-size: 16px;
	color: #991d25;
	line-height: 64px;
	background: #f5f5f5;
	border: none;
	border-right: 10px solid #fff;
}

.fc-border-separate td {
	width: 14.2% !important;
	height: 54px !important;
	font-size: 16px !important;
	color: #858282;
	line-height: 54px !important;
	background: #ebeaea;
	border: none !important;
	text-align: center !important;
	border-right: 10px solid #fff !important;
	border-top: 10px solid #fff !important;
	vertical-align: middle !important;
	cursor: pointer !important;
}

.fc-day-content div {
	height: 0px !importantf;
}

.fc-border-separate td.on .fc-day-number {
	border: 2px solid #991d25 !important;
}

.fc-border-separate td>div {
	min-height: auto !important;
	border: 2px solid transparent !important;
}

.fc-border-separate tbody tr.fc-first td {
	border-top: 10px solid #fff !important;
	vertical-align: middle !important;
}

.fc-grid .fc-day-number {
	width: 100% !important;
	text-align: center !important;
}

.fc-border-separate td:nth-child(6) .date-wrap,
.fc-border-separate td:nth-child(7) .date-wrap {
	left: -220px;
}

.fc-state-default.fc-corner-right {
	width: 16px;
	height: 35px;
	font-size: 0;
	background: url(../img/ico13.png) no-repeat;
	background-size: 100% 100%;
	border: none;
}

.fc-state-default.fc-corner-right.fc-button-next {
	background-image: url(../img/ico14.png);
}

.fc-header .fc-header-center {
	padding-bottom: 40px;
}

.fc-header-title {
	margin: 0 30px;
	font-size: 40px;
	color: #991d25;
}

.fc-week:nth-child(5) td .date-wrap {
	top: -80px;
}

.fc-week:nth-child(6) td .date-wrap {
	top: -145px;
}

.date-wrap {
	display: none;
	position: absolute;
	top: 0;
	left: 105px;
	padding: 10px;
	width: 220px;
	max-height: 194px;
	font-size: 14px;
	line-height: normal;
	color: #060606;
	background: #ebeaea;
	overflow: auto;
	z-index: 100;
}

.date-wrap .item {
	margin-bottom: 10px;
}

.fc-border-separate td {
	position: relative;
}

.fc-day.green,
.sign-list .item .rectangle.green {
	background: #bedfca;
}

.fc-day.yellow,
.sign-list .item .rectangle.yellow {
	background: #fae498;
}

.fc-day.red,
.sign-list .item .rectangle.red {
	background: #ffbdbf;
}

.fc-day.blue,
.sign-list .item .rectangle.blue {
	background: #bed9f6;
}

.fc-day.grey,
.sign-list .item .rectangle.grey {
	background: #ebeaea;
}

.fc-day.oldday,
.sign-list .item .rectangle.oldday {
	background: #ebeaea;
}

.sign-list .item {
	margin-top: 35px;
	margin-bottom: 20px;
	float: left;
	margin-right: 20px;
	font-size: 16px;
	color: #646363;
}

.sign-list .item .rectangle {
	display: inline-block;
	margin-right: 10px;
	width: 30px;
	height: 14px;
	vertical-align: middle;
}

.calendar .font {
	font-size: 18px;
	color: #991d25;
}

.page-wrap {
	margin: 60px auto;
	text-align: center;
	font-size: 14px;
}

.page-wrap .item {
	display: inline-block;
	margin: 0 5px;
	padding: 0 10px;
	height: 30px;
	font-size: 14px;
	color: #969696;
	line-height: 30px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
}

.page-wrap .item.current,
.page-wrap .item:hover {
	background: #0177d5;
	color: #fff;
	border-radius: 5px;
}

.page-wrap .item.prev,
.page-wrap .item.next {
	font-family: '宋体';
}

.page-wrap .item.prev.disabled,
.page-wrap .item.next.disabled {
	color: #ccc;
	cursor: no-drop;
}

.page-wrap .item.disabled:hover {
	background: #fff;
}

.page-wrap .input {
	display: inline-block;
	padding: 0;
	width: 40px;
	height: 30px;
	font-size: 14px;
	border-radius: 5px;
	text-align: center;
	border-color: #dfdfdf;
}

.reg-wrap .cover {
	position: fixed;
	top: 0;
	left: 0;
	padding: 50px 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 10;
}

.edit-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 50px 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.edit-wrap .box {
	position: relative;
	padding: 70px 15px 15px 15px;
	width: 420px;
	height: 330px;
	background: #fff;
	border-radius: 10px;
	z-index: 10;
}

.edit-wrap .box .form-group {
	position: relative;
	margin-bottom: 30px;
}

/*弹窗*/

.popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	z-index: -1;
}

.popup-container .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px 15px;
	width: auto;
	min-width: 90px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	text-align: center;
	font-size: 14px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.popup-container.active {
	opacity: 1;
	z-index: 999;
}

/*图标*/

.ico {
	display: inline-block;
	background: transparent no-repeat;
	background-size: 100% 100%
}

.ico.ico-del {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 22px;
	height: 22px;
	background-image: url(../img/ico2.png);
	cursor: pointer;
	z-index: 10;
}

.ico.ico-close {
	position: absolute;
	right: 10%;
	top: 28%;
	width: 22px;
	height: 22px;
	background-image: url(../img/ico3.png);
	cursor: pointer;
	z-index: 10;
}

.ico.ico-traffic {
	margin-right: 5px;
	width: 24px;
	height: 27px;
	background-image: url(../img/ico6.png);
	vertical-align: middle;
}

.ico.ico-tel {
	margin-right: 5px;
	width: 29px;
	height: 29px;
	background-image: url(../img/ico7.png);
	vertical-align: middle;
}

.ico.ico-address {
	margin-right: 5px;
	width: 26px;
	height: 30px;
	background-image: url(../img/ico8.png);
	vertical-align: middle;
}

.ico.ico-time {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background-image: url(../img/ico12.png);
	vertical-align: middle;
}

.ico.ico-announce {
	margin-right: 25px;
	width: 33px;
	height: 33px;
	background-image: url(../img/ico9.png);
}

.ico.ico-edclose {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 15px;
	height: 15px;
	background-image: url(../img/ico15.png);
	cursor: pointer;
}

.ico.ico-input {
	position: absolute;
	top: 12px;
	right: 60px;
	width: 12px;
	height: 12px;
	background-image: url(../img/ico15.png);
	cursor: pointer;
}

.singleBtn {
	margin: 20px auto;
	width: 306px !important;
	text-align: center;
}

.singleBtn .btn {
	width: 306px !important;
	height: 39px !important;
	line-height: 39px !important;
	font-size: 18px !important;
	border: none !important;
	border-radius: 5px !important;
	cursor: pointer;
	margin: 0 auto;
}
