@charset "utf-8";

/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
* {
   margin: 0;
   padding: 0;
   word-wrap: break-word
}

* img {
   border: 0
}

* hr {
   border: 1px dashed #d2d2d2
}

.swiper-next, .swiper-prev {
   outline: none;
   cursor: pointer
}

body, h1, h2, h3, h4, h5, h6, td, th, tr {
   color: #333333;
   font-weight: normal;
   font-size: 12px;
   font-family: "Microsoft YaHei"
}

body {
   overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
   display: inline
}

a {
   text-decoration: none;
   outline: none;
   color: #333333;
   cursor: pointer
}

a:active {
   star: expression(this.onFocus=this.blur())
}

a:focus {
   outline: none
}

textarea {
   resize: none
}

a:hover {
   color: rgba(34, 133, 162, 1);
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent
}

em {
   font-style: normal
}

/*img {
   max-width: 100%
}*/

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

input, textarea, select {
   outline: none;
   font-family: "Microsoft YaHei"
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
   -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
   box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px
}

@-webkit-keyframes autofill {
   to {
      color: #fff;
      background: rgba(31, 39, 87, 0.3)
   }
}

input:-webkit-autofill {
   animation-name: autofill !important;
   animation-fill-mode: both !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
   background-clip: content-box !important
}

.clear {
   width: 100%;
   clear: both;
   height: 1px;
   overflow: hidden
}

.fl {
   float: left
}

.fr {
   float: right
}

.ov_hi {
   overflow: hidden
}

.layout, .container {
   width: 1200px;
   margin: 0 auto
}

.ul_li {
   list-style: none
}

.ov_hi {
   overflow: hidden
}

.radius {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   overflow: hidden
}

.shadow {
   -webkit-box-shadow: #DDD9D9 0px 0px 30px;
   -moz-box-shadow: #DDD9D9 0px 0px 30px;
   box-shadow: #DDD9D9 0px 0px 30px
}

.fl-clr {
   zoom: 1
}

.fl-clr:after {
   display: block;
   clear: both;
   height: 0;
   content: "\0020"
}

.pc {}

.web {
   display: none !important
}

.opacityli li, .opacity, .opacitybox .box {
   opacity: 0
}

.textV {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.head-right .a .bnt {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease
}

.scale:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1)
}

/*底部样式*/

.footer_1 {
   float: left;
   font-size: 24px;
   width: 260px;
   line-height: 36px;
   border-right: 1px solid #fff
}

.footer_2 {
   float: left;
   padding: 10px 0 10px 35px
}

.footer_2 .a {
   margin-bottom: 10px;
   margin-left: -10px
}

.footer_2 .a a {
   margin: 0 10px
}

.footer_3 {
   text-align: center;
   width: 70px;
   font-size: 12px;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -45px
}

.footer_3 img {
   width: 100%
}

/*头部*/
.head-top {
   background: rgba(34, 133, 162, 1)
}

.head-top .layout {
   padding: 15px 0;
   position: relative;
   height: 95px
}

.head-top .layout .logo {
   position: relative;
   padding-left: 322px;
   height: 84px;
   line-height: 89px;
   color: #fff;
   font-size: 41px;
   font-weight: bold
}

.head-top .layout .logo img {
   position: absolute;
   left: 0;
   top: 0;
   height: 84px
}

.head-right {
   position: absolute;
   right: 0;
   top: 50%;
   line-height: 30px;
   height: 30px;
   margin-top: -15px;
   font-size: 16px;
   color: #fff
}

.head-right a {
   color: #fff
}

.head-right span {
   margin: 0 1px
}

.head-right .a {
   position: relative;
   cursor: pointer
}

.head-right .a .bnt {
   position: absolute;
   width: 100px;
   left: 50%;
   margin-left: -50px;
   top: 25px;
   overflow: hidden;
   visibility: hidden;
   opacity: 0
}

.head-right .a .bnt:before {
   content: "";
   position: absolute;
   border-bottom: 6px #fff solid;
   border-left: 6px transparent solid;
   border-right: 6px transparent solid;
   width: 0;
   height: 0;
   overflow: hidden;
   left: 50%;
   margin-left: -6px;
   top: 4px
}

.head-right .a .bnt em {
   display: block;
   height: 30px;
   background: #fff;
   border-radius: 5px;
   text-align: center;
   margin-top: 10px;
   position: relative;
   color: #666;
   font-size: 14px
}

.head-right .a:hover .bnt {
   visibility: visible;
   opacity: 1
}

.head-nav {
   background: #fafafa
}

.head-nav .layout {
   position: relative
}

.head-nav .nav {
   float: left;
   height: 60px;
   line-height: 60px
}

.head-nav .nav li {
   float: left;
   width: 130px;
   text-align: center;
   padding-right: 20px
}

.head-nav .nav li a {
   display: block;
   color: #000;
   font-size: 16px
}

.head-nav .nav li a.hover,
.head-nav .nav li a:hover {
   color: #1c7ef4;
   border-bottom: 2px solid #1c7ef4
}

.breadcrumbs-box {
   position: absolute;
   right: 0;
   font-size: 14px;
   top: 50%;
   margin-top: -15px;
   line-height: 30px;
   color: #666;
   padding-left: 25px
}

.breadcrumbs-box:before {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   left: 0;
   top: 50%;
   margin-top: -8px;
   background: url(../images/home.png) no-repeat
}

.breadcrumbs-box a {
   color: #666
}


.theme-box {
   padding: 40px 0;
   min-height: 600px
}

/*首页*/
.theme-nav {
   text-align: center
}

.theme-nav li {
   width: 200px;
   display: inline-block;
   margin: 0 18px;
}

/*.theme-nav li{width:220px; display:inline-block; margin:0 25px}*/
.theme-nav li a {
   display: block;
   overflow: hidden;
   border-radius: 10px;
   padding: 58px 0
}

.theme-nav li a img {
   height: 64px
}

.theme-nav li a p {
   font-size: 24px;
   line-height: 40px;
   color: #fff
}

.theme-nav li:nth-child(1) a {
   background: #4296fe
}

.theme-nav li:nth-child(2) a {
   background: #25ccb2
}

.theme-nav li:nth-child(3) a {
   background: #ff7538
}

.theme-nav li:nth-child(4) a {
   background: #ffc21d
}

.theme-nav li:nth-child(5) a {
   background: #3E5FD4
}

.index-title {
   font-size: 28px;
   overflow: hidden;
   line-height: 35px;
   text-align: center;
   margin: 90px 0 45px 0;
   font-weight: bold
}

.index-title:after {
   content: "";
   display: block;
   height: 6px;
   width: 110px;
   background: #458dfe;
   margin: 15px auto
}

/*登陆弹窗*/
.module-pop {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 999;
   background: rgba(0, 0, 0, 0.6);
   left: 0;
   top: 0;
   display: none
}

.module-pop .box {
   position: absolute;
   width: 660px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   background: #fff;
   border-radius: 10px;
   overflow: hidden
}

.module-pop .box .close {
   position: absolute;
   right: 0;
   top: 0;
   text-align: center;
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 24px;
   cursor: pointer
}

.module-pop .title-t {
   height: 55px;
   line-height: 55px;
   padding: 0 25px;
   background: rgba(34, 133, 162, 1);
   color: #fff;
   position: relative
}

.module-pop .title-t .title {
   font-size: 24px
}

.module-pop .title-t .time {
   font-size: 18px;
   padding-left: 10px
}

.module-pop .title-t .close {
   position: absolute;
   right: 15px;
   top: 50%;
   margin-top: -24px;
   width: 48px;
   height: 48px;
   background: url(../images/close.png) no-repeat center center;
   background-size: 50%;
   cursor: pointer
}

.module-button {
   text-align: center;
   padding: 35px 25px
}

.module-button .bnt {
   display: inline-block;
   border-radius: 5px;
   border: 1px solid rgba(34, 133, 162, 1);
   width: 125px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   color: rgba(34, 133, 162, 1);
   margin: 0 10px
}

.module-button .bnt.a {
   background: rgba(34, 133, 162, 1);
   color: #fff
}

.logon-pop .box {
   width: 480px
}

.logon-pop .box .pa {
   padding: 30px 40px
}

.logon-pop .title {
   text-align: center;
   font-size: 24px;
   margin-bottom: 25px
}

.form-text {
   margin-bottom: 25px;
   background: #f1f5fa;
   position: relative;
   padding: 5px 10px 5px 45px;
   border-radius: 50px
}

.form-text .ioc {
   position: absolute;
   width: 24px;
   height: 24px;
   left: 14px;
   top: 50%;
   margin-top: -12px;
   background-size: 100% !important
}

.form-text .ioc.phone {
   background: url(../images/phone.png) no-repeat
}

.form-text .ioc.password {
   background: url(../images/password.png) no-repeat
}

.form-text .ioc.message {
   background: url(../images/message.png) no-repeat
}

.form-text .text {
   width: 100%;
   height: 38px;
   line-height: 38px;
   border: 0;
   background: #f1f5fa;
   font-size: 16px
}

.form-message {
   padding-right: 120px
}

.form-message .code {
   position: absolute;
   right: 0;
   width: 120px;
   text-align: center;
   line-height: 38px;
   font-size: 16px;
   color: #666
}

.form-message .code a {
   color: rgba(34, 133, 162, 1)
}

.form-radio {
   font-size: 16px;
   color: #666;
   line-height: 25px;
   margin-bottom: 25px;
   overflow: hidden
}

.form-radio input {
   margin: 0 10px
}

.form-radio a {
   color: rgba(34, 133, 162, 1)
}

.form-radio .radio {
   display: inline-block;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   border: 2px solid #abb3bd;
   cursor: pointer;
   margin: 4px 5px 0 10px;
   float: left;
   position: relative
}

.form-radio .checked .radio {
   /*background:#d5dde6;*/
   border-color: rgba(34, 133, 162, 1)
}

.form-radio .checked .radio:after {
   content: "";
   position: absolute;
   left: 2px;
   top: 2px;
   right: 2px;
   bottom: 2px;
   border-radius: 50%;
   background: rgba(34, 133, 162, 1)
}

.form-button {
   height: 50px;
   line-height: 50px;
   border: 0;
   border-radius: 50px;
   background: rgba(34, 133, 162, 1);
   color: #fff;
   text-align: center;
   width: 100%;
   font-size: 18px;
   cursor: pointer
}

.form-bnt {
   text-align: right;
   font-size: 14px;
   color: #999;
   margin-top: 25px
}

.form-bnt a {
   color: rgba(34, 133, 162, 1)
}


/*挂号须知弹窗*/
.notice-pop .box .text {
   font-size: 16px;
   line-height: 30px;
   padding: 25px;
   color: #666
}

/*预约挂号*/
.reservation-nav {
   border: 1px solid rgba(34, 133, 162, 1);
   border-radius: 50px;
   overflow: hidden;
   margin: 0 20%
}

.reservation-nav li {
   float: left;
   width: 25%
}

.reservation-nav li a {
   display: block;
   height: 50px;
   line-height: 50px;
   border-left: 1px solid rgba(34, 133, 162, 1);
   text-align: center;
   font-size: 16px
}

.reservation-nav li:nth-child(1) a {
   border: 0
}

.reservation-nav li.hover a {
   background: rgba(34, 133, 162, 1);
   color: #fff
}

.reservation-title {
   border-bottom: 1px solid #e0e0e0;
   margin-bottom: 25px
}

.reservation-title .t {
   font-size: 18px;
   float: left;
   line-height: 50px;
   font-size: 18px;
   border-bottom: 3px solid rgba(34, 133, 162, 1);
   padding-right: 25px;
   position: relative;
   z-index: 2;
   top: 1px
}

.reservation-list {
   overflow: hidden;
   margin-left: -15px;
   padding-bottom: 15px
}

.reservation-list li {
   float: left;
   width: 16.6%;
   margin-bottom: 20px
}

.reservation-list li a {
   display: block;
   height: 50px;
   line-height: 50px;
   background: #eee;
   text-align: center;
   margin-left: 15px;
   font-size: 16px;
   color: #666;
   border-radius: 10px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding: 0 15px
}

.reservation-list li a:hover {
   background: rgba(34, 133, 162, 1);
   color: #fff
}


/*挂号记录查询-医生排班*/
.title-h2 {
   text-align: center;
   font-size: 24px;
   padding-bottom: 30px
}

.title-h3 {
   padding-bottom: 30px;
   line-height: 40px
}

.title-h3 .t {
   font-size: 24px;
   padding-right: 15px
}

.title-h3 .a {
   font-size: 16px;
   color: #429cee
}

.Scheduling-th {
   overflow: hidden;
   border: 1px solid #ccf2f9;
   background: rgba(34, 133, 162, 1)
}

.Scheduling-th li {
   float: left;
   position: relative;
   width: 10%;
   text-align: center;
   height: 70px;
   line-height: 70px;
   color: #fff;
   font-size: 18px
}

.Scheduling-th li:before {
   content: "";
   position: absolute;
   width: 1px;
   height: 100%;
   left: 0;
   top: 0;
   background: #ccf2f9
}

.Scheduling-th li:nth-child(1) {
   width: 20%
}

.Scheduling-th li:nth-child(1):before {
   border: none
}

.Scheduling-li {
   border: 1px solid #ccf2f9;
   overflow: hidden;
   text-align: center;
   margin-bottom: 5px
}

.Scheduling-li .td {
   position: relative;
   float: left
}

.Scheduling-li .td:nth-child(1) {
   width: 20%;
   height: 200px
}

.Scheduling-li .td:nth-child(1):before {
   content: "";
   position: absolute;
   width: 1px;
   height: 100%;
   right: 0;
   top: 0;
/*   background: #ccf2f9*/
}

.Scheduling-li .td .img {
   position: absolute;
   left: 8px;
   top: 50%;
   width: 72px;
   height: 72px;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   border-radius: 50%
}

.Scheduling-li .td .doctor-text {
   padding: 15px 15px 0 90px;
   line-height: 25px;
   font-size: 14px;
   text-align: left
}

.Scheduling-li .td .doctor-text .name {
   font-size: 18px;
   padding-bottom: 10px
}

.Scheduling-li .td .doctor-text .t {
   color: #999
}

.Scheduling-li .td {
   width: 80%
}

.Scheduling-li .tr {
   border-top: 1px solid #ccf2f9;
   width: 100%
}

.Scheduling-li .tr:nth-child(1) {
   border: none
}

.Scheduling-li .tr li {
   float: left;
   width: 12.5%;
   height: 100px;
   position: relative;
   box-sizing: border-box;
   border: 1px solid #ccf2f9;
}

.Scheduling-li .tr li:before {
   content: "";
   position: absolute;
   width: 1px;
   height: 100%;
   left: 0;
   top: 0;
/*   background: #ccf2f9*/
}

.Scheduling-li .tr li:nth-child(1):before {
   display: none
}

.Scheduling-li .tr li.th {
   background: #ebf4fe;
   font-size: 18px;
   line-height: 100px
}

.Scheduling-li .tr li .text {
   position: absolute;
   width: 100%;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   font-size: 16px;
   line-height: 25px
}

.Scheduling-li .tr .stop {
   background: #ffe6c9;
   color: #ff9a23
}

.Scheduling-li .tr .start {
   background: #429cee;
   color: #fff;
   cursor: pointer
}

.reservation-pop .box .pa {
   padding: 10px 25px 30px 25px
}

.reservation-table {
   overflow: scroll;
}

.reservation-table li {
   border-top: 1px solid #e8e8e8;
   padding: 10px 0;
   text-align: center;
   line-height: 40px;
   font-size: 16px;
   overflow: hidden
}

.reservation-table li span {
   float: left;
   width: 33.3%;
   height: 40px
}

.reservation-table .th {
   border: 0;
   color: #666
}

.reservation-table li .bnt {
   display: inline-block;
   height: 40px;
   width: 85px;
   border-radius: 5px;
   background: rgba(34, 133, 162, 1);
   color: #fff;
   font-size: 16px;
   text-align: center
}

/*挂号记录查询-医生排班详情*/
.reservation-details-show {
   padding: 35px 35px 35px 190px;
   position: relative;
   min-height: 200px;
   background: #edf5ff;
   font-size: 16px;
   line-height: 25px;
   overflow: hidden;
   border-radius: 15px;
   margin-bottom: 50px
}

.Rectangle_6 {
   position: absolute;
   right: 0;
   top: 0;
   width: 117px;
   height: 117px;
   background: url(../images/Rectangle_6.png) no-repeat center center;
   background-size: 100%
}

.Rectangle_6 span {
   color: #fff;
   width: 100%;
   position: absolute;
   font-size: 16px;
   line-height: 25px;
   height: 25px;
   right: -25px;
   top: 39px;
   transform: rotate(45deg)
}

.reservation-details-show .img {
   position: absolute;
   left: 25px;
   top: 25px;
   width: 140px;
   height: 187px;
   border-radius: 15px
}

.reservation-details-show .name {
   font-size: 20px;
   margin-bottom: 10px;
   font-weight: bold
}

.reservation-details-show .t {
   margin-bottom: 15px
}

.reservation-details-show .text {}


/*挂号记录查询*/
.theme-table {
   border: 1px solid #e0e0e0;
   padding: 25px 30px;
   border-radius: 10px
}

.theme-tr {
   overflow: hidden
}

.theme-tr li {
   float: left;
   width: 33.3%;
   line-height: 30px;
   font-size: 16px;
   overflow: hidden;
   padding: 5px 0
}

.theme-tr li .t {
   color: #999;
   float: left;
   width: 101px
}

.theme-tr li .price {
   color: #ff1a1a;
   font-size: 18px;
   font-weight: bold
}

.theme-c {
   text-align: center;
   padding: 55px 0 0 0
}

.theme-button {
   display: inline-block;
   width: 310px;
   height: 42px;
   border-radius: 5px;
   background: rgba(34, 133, 162, 1);
   color: #fff !important;
   font-size: 16px;
   text-align: center;
   line-height: 42px
}

.theme-button.warn {
   background: #f58f31
}

.theme-button.default {
   border: 1px solid rgba(34, 133, 162, 1);
   background: #fff;
   color: rgba(34, 133, 162, 1) !important;
   width: 190px
}

/*门诊缴费*/
.theme-tab {
   width: 286px;
   margin: 0 auto 40px auto;
   border: 1px solid rgba(34, 133, 162, 1);
   border-radius: 50px;
   overflow: hidden
}

.theme-tab a {
   display: block;
   float: left;
   width: 50%;
   text-align: center;
   line-height: 50px;
   height: 50px;
   font-size: 16px
}

.gtheme-tab {
   width: 286px;
   margin: 0 auto 40px auto;
   border: 1px solid rgba(34, 133, 162, 1);
   border-radius: 50px;
   overflow: hidden
}

.gtheme-tab a {
   display: block;
   float: left;
   width: 50%;
   text-align: center;
   line-height: 50px;
   height: 50px;
   font-size: 16px
}

.theme-tab .hover {
   background: rgba(34, 133, 162, 1);
   color: #fff
}

.pay-table {
   padding: 25px 30px
}

.theme-line {
   margin: 25px 0;
   border-bottom: 2px dotted #ccc;
   display: block;
   height: 1px
}

.theme-table-box {
   border: 1px solid #e0e0e0;
   padding: 65px 25px 30px 25px;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   margin-bottom: 10px
}

.theme-table-box .theme-tip {
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(34, 133, 162, 1);
   color: #fff;
   font-size: 16px;
   line-height: 40px;
   height: 40px;
   border-radius: 0 0 10px 0;
   padding: 0 10px;
   min-width: 100px;
   text-align: center
}

.theme-table-box.no .theme-tip {
   background: #b4b4b4
}

.theme-table-box .theme-button {
   width: 160px
}


.theme-down {
   font-size: 18px;
   line-height: 30px;
   height: 30px;
   overflow: hidden
}

.theme-down .t {
   color: #999;
   padding-right: 10px
}

.theme-down .bnt {
   float: right;
   font-size: 16px;
   position: relative;
   padding-right: 22px;
   cursor: pointer
}

.theme-down .bnt:before {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -2px;
   border-top: 6px #8f969f solid;
   border-left: 6px transparent solid;
   border-right: 6px transparent solid;
   width: 0;
   height: 0;
   overflow: hidden
}

.theme-down-box {
   padding: 10px 20px;
   font-size: 16px;
   line-height: 25px
}

.theme-down-box.hide {
   padding: 0;
   height: 0;
   overflow: hidden
}

.theme-down-box .title {
   margin: 20px 0 10px 0;
   font-weight: bold
}

.theme-down-box .text {
   position: relative
}

.theme-down-box .text .price {
   position: absolute;
   right: 0;
   top: 0;
   color: rgba(34, 133, 162, 1)
}

.theme-down-box .text .t {
   padding-left: 30px;
   color: #999
}

.pay-pop .pa {
   padding: 30px 0 50px 0;
   text-align: center
}

.pay-pop .title {
   font-size: 18px
}

.pay-pop .title .price {
   font-size: 28px;
   color: #ff2626
}

.pay-pop .text {
   font-size: 18px;
   line-height: 30px
}

.pay-pop .text .t {
   color: #ff2626
}

.pay-pop .img {
   padding: 35px 0 20px 0
}

.pay-pop .img img {
   height: 172px;
   margin: 0 30px
}


/*查看报告*/
.theme-tr-report {
   height: 80px
}

.theme-tr-report.show {
   height: auto
}

.theme-report-open {
   line-height: 30px;
   text-align: center;
   color: rgba(34, 133, 162, 1);
   font-size: 16px;
   position: relative;
   margin: 35px 0
}

.theme-report-open:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -1px;
   width: 100%;
   height: 1px;
   border-bottom: 2px dotted #ccc;
   overflow: hidden
}

.theme-report-open span {
   position: relative;
   z-index: 3;
   background: #fff;
   padding: 15px;
   cursor: pointer;
}

.theme-report-open span:after {
   content: "";
   position: absolute;
   left: 50%;
   margin-left: -8px;
   bottom: 0;
   width: 15px;
   height: 8px;
   background: url(../images/ioc2.png) no-repeat;
   background-size: 100%
}

.theme-table-title {
   text-align: center;
   font-size: 20px;
   padding-bottom: 30px
}

.theme-table-dl {
   overflow: hidden;
   text-align: center
}

.theme-table-dl dt {
   background: rgba(34, 133, 162, 1);
   color: #fff;
   font-size: 18px;
   overflow: hidden
}

.theme-table-dl dd {
   overflow: hidden;
   border-bottom: 1px solid #eee;
   font-size: 16px
}

.theme-table-dl span:nth-child(1) {
   width: 22%;
   text-align: left;
   padding-left: 3%
}

.theme-table-dl span {
   display: block;
   float: left;
   width: 15%;
   height: 55px;
   line-height: 55px
}

.theme-report {
   position: relative;
   overflow: hidden
}

/*.theme-report:before{content:""; position:absolute; left:740px; top:20px; width:1px; bottom:20px; background:#e0e0e0}*/
.theme-report .box {
   float: left;
   position: relative;
   /*width:690px*/
}

.theme-report .box .title {
   font-size: 20px;
   line-height: 30px
}

.theme-report .box .li {
   font-size: 16px;
   line-height: 28px;
   position: relative;
   min-height: 31px;
   padding-left: 120px;
   margin-top: 10px;
   color: #666
}

.theme-report .box .li .t {
   position: absolute;
   left: 0;
   width: 110px;
   text-align: right;
   top: 0;
   color: #333
}

.theme-report .img {
   float: right;
   width: 355px
}


.not-box {
   width: 348px;
   position: relative;
   margin: 60px auto 0 auto
}

.not-box p {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 40px;
   text-align: center;
   font-size: 16px;
   color: #999
}

.not-box img {
   width: 100%
}


/*个人信息*/
.theme-h4 {
   border-bottom: 1px solid #e0e0e0;
   padding-bottom: 10px;
   line-height: 30px;
   margin-bottom: 30px
}

.theme-h4 .t {
   position: relative;
   padding-left: 15px;
   font-size: 24px
}

.theme-h4 .t:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -12px;
   width: 6px;
   height: 24px;
   border-radius: 50px;
   background: #429cee
}

.theme-my-form {
   padding: 0 265px;
   font-size: 16px
}

.theme-my-form .layui-input,
.theme-my-form .layui-select,
.theme-my-form .layui-textarea {
   height: 40px;
   border-radius: 5px;
   border-color: #d0d7df
}

.theme-my-form .layui-input::-webkit-input-placeholder,
.theme-my-form .layui-select::-webkit-input-placeholder,
.theme-my-form .layui-textarea::-webkit-input-placeholder {
   color: #8f969f
}

.theme-my-form .layui-form-label {
   width: 150px
}

.theme-my-form .layui-input-block {
   margin-left: 150px
}

.theme-my-form .layui-form-item {
   margin-bottom: 20px
}

.theme-my-form .important {
   color: #ff0c0c
}

.theme-my-form .form-message {
   width: 340px;
   padding: 0;
}

.theme-my-form .form-message1 {
   margin-right: 0;
   padding: 0 !important;
   line-height: 40px
}

.theme-my-form .form-message1 a {
   display: inline-block;
   width: 170px;
   height: 40px;
   background: rgba(34, 133, 162, 1);
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   border-radius: 5px
}

.theme-my-form .button-box {
   padding-left: 60px;
   padding-top: 50px
}

.theme-my-form .button-box .layui-btn {
   background-color: rgba(34, 133, 162, 1);
   background-color: rgba(34, 133, 162, 1);
   min-width: 130px;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   border-radius: 5px
}

.theme-my-form .button-box .layui-btn-primary {
   border-color: rgba(34, 133, 162, 1);
   background: none;
   color: rgba(34, 133, 162, 1)
}

.theme-my-form .button-box .layui-btn+.layui-btn {
   margin-left: 25px;
}

.theme-my-form .layui-form-radio:hover *,
.theme-my-form .layui-form-radioed,
.theme-my-form .layui-form-radioed>i {
   color: rgba(34, 133, 162, 1);
}

.theme-my-form .layui-form-select dl dd.layui-this {
   background-color: rgba(34, 133, 162, 1);
}

.theme-my-form .readonly {
   background: #f7f8fa;
   color: #8f969f
}

.tips-pop .box {
   width: 480px
}

.tips-pop .pa {
   text-align: center;
   line-height: 30px;
   padding: 40px 20px 15px 20px
}

.tips-pop .pa .title {
   font-size: 28px;
   padding-bottom: 15px;
   font-weight: bold
}

.tips-pop .pa .text {
   font-size: 20px
}


/*选择就诊人*/
.theme-table-my2 span {
   width: 15%
}

.theme-table-my2 span:nth-child(1) {
   padding: 0;
   text-align: center;
   width: 10%
}

.theme-table-my2 .layui-form-radio {
   margin: 0
}

.theme-table-my2 .layui-form-radio>i {
   margin-right: 0;
   color: rgba(34, 133, 162, 1);
}

/*确认订单*/
.indent-h1 {
   text-align: center;
   margin-bottom: 35px
}

.indent-h1 .t {
   font-size: 28px;
   font-weight: bold;
   padding-bottom: 15px
}

.indent-h1 .t .ioc {
   color: rgba(34, 133, 162, 1);
   position: relative;
   padding-left: 60px;
   line-height: 48px
}

.indent-h1 .t .ioc:before {
   content: "";
   left: 0;
   top: 50%;
   margin-top: -24px;
   width: 48px;
   height: 48px;
   position: absolute;
   background: url(../images/ioc.png) no-repeat;
   background-size: 100%
}

.indent-h1 .tip {
   color: #ff2626;
   font-size: 16px
}

.theme-table-h1 {
   line-height: 25px;
   margin-bottom: 10px
}

.theme-table-h1 .t {
   font-size: 18px;
   font-weight: bold;
   position: relative;
   padding-left: 10px;
}

.theme-table-h1 .t:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -9px;
   width: 4px;
   height: 18px;
   border-radius: 50px;
   background: #429cee
}

.bh-20 {
   height: 20px
}

.theme-table-indent {
   position: relative;
   overflow: hidden
}

.theme-table-indent .theme-tr li {
   font-size: 14px;
   padding: 0
}

.theme-table-indent:before {
   content: "";
   position: absolute;
   width: 1px;
   left: 865px;
   top: 25px;
   bottom: 25px;
   background: #e0e0e0
}

.theme-table-indent .box {
   width: 835px;
   float: left
}

.theme-table-indent .pay {
   width: 256px;
   float: right;
   text-align: center;
   font-size: 16px;
   line-height: 30px
}

.theme-table-indent .pay img {
   width: 100%;
   display: block;
   margin-bottom: 10px
}

.theme-table-indent .pay .tip {
   color: #ff2626
}

.theme-table-indent1 {
   margin-bottom: 10px
}

.theme-table-indent1 .theme-tr li {
   font-size: 14px;
   padding: 0
}

.indent-line {
   height: 1px;
   background: #e0e0e0;
   margin: 15px 0
}

.theme-table-indent1 .text {
   font-size: 16px;
   line-height: 28px
}


.layui-layer-ico1 {
   background: url(../images/ioc.png) no-repeat !important;
   background-size: 100% !important
}

.Three-level .layui-select-title {
   width: 163px
}

.Three-level .layui-inline:nth-child(4) {
   margin-right: 0;
}

/*ghost*/
.gdiv {
   float: right;
   position: relative;
   top: -104px;
   font-size: 16px;
   color: #fff;
   left: -10px;
}

.gdiv a {
   color: #fff;
}

.gbind {
   cursor: grab;
}

.layui-layer-hui {
   top: 40% !important;
   margin-top: -24px
}

.g-user-home {
   position: relative;
   float: right;
   display: inline;
   margin-right: 5px;
   zoom: 1.2;
}

.gbreadcrumbs-box {
   position: relative;
   margin-top: 0px;
}

.gblue {
   color: rgba(34, 133, 162, 1);
}

/*ghost*/
.title-h2 span {
   font-size: 18px;
   color: #999;
}

.title-h2 p {
   padding: 4px 0px
}

/**20241121陈文**/
.header .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 16px;
}

.header .logo {
   width: 354px;
}

.header a:hover {
   text-decoration: underline;
}

/*.header .login-before {
   display: flex;
}
*/
.header .login-after {
   display: none;
}

.navbar {
   background-color: rgba(34, 133, 162, 1);
   color: #fff;
}

.navbar .container {
   display: flex;
   align-items: center;
   justify-content: center;
}

/*.navbar ul {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 64px;
}

.navbar ul, .navbar li {
   list-style: none;
   margin: 0;
   padding: 0;
   line-height: 48px;
   font-size: 16px;
}*/

.navbar a {
   color: #ffffffd1;
}

.navbar a:hover {
   color: #ffffff;
   font-weight: 700;
}

.home-body {
   padding: 65px 0 40px 0;
   background: url('../images/2.0/home_bg.png') repeat;
   background-size: cover;
}

.home-body .welcome-text {
   font-weight: 700;
   font-size: 32px;
   text-align: center;
   color: rgba(34, 133, 162, 1);
}

.home-body .body-container {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-top: 100px;
}

.home-service {
   width: 656px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 56px;
   flex-wrap: wrap;
}

.home-service .item {
   width: 300px;
   height: 220px;
   background: #ffffff99;
   box-shadow: 0px 0px 10px rgba(34, 133, 162, 1)99;
   font-weight: 400;
   font-size: 22px;
   color: #333333
}

.home-service .item a {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   gap: 16px;
   width: 100%;
   height: 100%;
   color: #333333;
}

.home-service .item img {
   width: 100%;
   height: 100%;
}

.home-service .item .service-icon {
   width: 72px;
   height: 72px;
   margin: 0 auto;
}

.home-menu {
   background: url('../images/2.0/home_menu_bg.png') no-repeat;
   background-size: 100%;
   width: 386px;
   padding-top: 56px;
   height: 496px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
   gap: 30px;
}

.home-menu .item {
   width: 250px;
   position: relative;
}

.home-menu .item a {
   text-align: center;
   color: #fff;
   border: 1px solid #ffffff;
   display: block;
   padding: 15px;
   font-weight: 400;
   font-size: 22px;
}

.home-menu .item a:hover {
   background: rgba(34, 133, 162, 1);
}

.copyright {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   padding: 14px 0;
   text-align: center;
}

.copyright p:nth-child(1) {
   margin: 0;
}

.copyright p {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 4px;
}

.footer {
   background: rgba(34, 133, 162, 1);
   font-size: 14px;
   color: #fff;
   line-height: 20px;
   overflow: hidden;
}

.footer a {
   color: #fff
}

.footer a:hover {
   text-decoration: underline
}

.head .navbar li a {
   display: block;
}

.head .navbar li a.hover, .head .navbar li a:hover {
   color: #fff
}

.header-user .login-before span {
   margin: 0 5px
}

.header-user .login-before .a {
   position: relative;
   cursor: pointer
}

.header-user .login-before .a .bnt {
   position: absolute;
   width: 100px;
   left: 50%;
   margin-left: -50px;
   top: 15px;
   overflow: hidden;
   visibility: hidden;
   opacity: 0
}

.header-user .login-before .a .bnt:before {
   content: "";
   position: absolute;
   border-bottom: 6px #fff solid;
   border-left: 6px transparent solid;
   border-right: 6px transparent solid;
   width: 0;
   height: 0;
   overflow: hidden;
   left: 50%;
   margin-left: -6px;
   top: 4px
}

.header-user .login-before .a .bnt em {
   display: block;
   height: 21px;
   background: #0084ccb0;
   border-radius: 5px;
   text-align: center;
   margin-top: 10px;
   position: relative;
   color: #ffffff;
   font-size: 14px;
   padding: 5px 0px;
}

.header-user .login-before .a:hover .bnt {
   visibility: visible;
   opacity: 1
}
a.gbutton1 {
    background: rgba(34, 133, 162, 1) !important;
    color: white;
    padding: 6px 15px;
    border-radius: 13px;
}
.g3 a{
   width:33.33%;
}
.g3{
   width:324px;
}
.gpay, .gnotcurrentcancel, .grecordbotton{
   background:rgba(34, 133, 162, 1) !important;
   margin-left:10px;
}
.gclear{
   clear:both;
}

.gs-container {
   padding: 20px;
}
.gs-list-container {
   margin-top: 20px;
}
.gs-list-item {
   padding: 15px;
   border-bottom: 1px solid #eee;
   transition: all 0.3s;
   cursor: pointer;
}
.gs-list-item:hover {
   background-color: #f8f8f8;
}
.gs-item-title {
   font-size: 16px;
   font-weight: bold;
   color: #1E9FFF;
}
.gs-item-title a {
   color: #00000085;
   text-decoration: none;
   display: block;
}
.gs-item-title a:hover {
   text-decoration: underline;
}
.glocinfo{
   font-size: 22px;
   line-height: 1.5;
}
.glocinfo p{
   font-size: 20px;
   text-indent: 40px;
}
.reservation-details-show article{
   display:inline;
}