@charset "utf-8";


/****************************** 预约挂号 ******************************/
#yygh {
    width: 802px;
    height: 126px;
    background: url(../images/demo_gh.jpg) center top no-repeat;
    margin-top: 42px;
    padding: 29px 398px 0 0px;
}

.yhdl {
    height: 45px;
    float: right;
    text-align: center;
    background-color: #48b4dd;
    padding: 27px;
}

.yhdl a {
    font: bold 20px/45px "Microsoft YaHei", "宋体";
    color: #FFF;
}

.yhdl span {
    color: white;
    font-size: 20px;
    font-weight: 600;
    line-height: 45px;
}

.yhdl a img {
    width: 49px;
    height: 49px;
    padding-right: 10px;
    float: left;
}


#yylm {
    width: 1200px;
    height: 38px;
    border-bottom: 1px #dbdbdb solid;
    font: 16px/28px "Microsoft YaHei", "宋体";
    color: #4c4c4c;
    padding-top: 14px;
    position: relative;
}


/****************************** 选择院区 ******************************/
#xzyq {
    width: 1200px;
    height: 260px;
    padding: 40px 0;
}

#xzyq li {
    width: 326px;
    height: 80px;
    float: left;
    text-align: center;
    border: 5px #b9e0ef solid;
    background: url(../images/yq_01.jpg) center top no-repeat;
    margin: 0 32px;
    padding-top: 168px;
}

#xzyq li a {
    width: 85%;
    height: 58px;
    font: bold 30px/58px "Microsoft YaHei", "宋体";
    color: #006a92;
    background-color: rgba(255, 255, 255, 0.6);
    display: block;
    margin: 0 auto;
}

#xzyq li a:hover {
    color: #FFF;
    background-color: #2ca1cd;
    display: block;
}

#xzyq li.sqs {
    background: url(../images/yq_02.jpg) center top no-repeat;
}

#xzyq li.snj {
    background: url(../images/yq_03.jpg) center top no-repeat;
}

#xzyq li:hover {
    border: 5px #1689b4 solid;
}


/****************************** 就诊院区搜索 ******************************/
#message02 {
    width: 1200px;
    height: 46px;
    text-align: left;
    padding-top: 26px;
}

#message02 li {
    float: left;
    height: 46px;
    line-height: 46px;
}

#message02 li.ipt02 {
    width: 1105px;
}

#message02 li.ipt02 .keyword {
    background: url(../images/ghss_01.jpg) left top no-repeat;
    color: #505050;
    width: 1070px;
    height: 46px;
    line-height: 46px;
    font: 14px/46px "Microsoft YaHei", "宋体";
    border: none;
    padding-left: 35px;
}

#message02 li.btn02 {
    width: 95px;
}


/****************************** 冉家坝院区 ******************************/
#yqlb {
    width: 1200px;
    padding-top: 28px;
}

#yqlb dl dt {
    height: 60px;
    padding-left: 16px;
    background: url(../images/yqlb.jpg) left bottom no-repeat;
    font: 24px/60px "Microsoft YaHei", "宋体";
}

#yqlb dl dd {
    padding: 10px 0 30px 0;
}

#yqlb dl dd ul li {
    width: 240px;
    height: 32px;
    float: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}

#yqlb dl dd ul li a {
    font: 15px/32px "Microsoft YaHei", "宋体";
    color: #4D4D4D;
    padding-left: 14px;
    display: block;
}

#yqlb dl dd ul li a:hover {
    color: #FFF;
    background-color: #1689b4;
    display: block;
}


/****************************** 按日期挂号 ******************************/
.arqgh {
    width: 212px;
    float: right;
}

.arqgh li {
    width: 106px;
    height: 28px;
    float: left;
    text-align: center;
    background-color: #e2f7ff;
}

.arqgh li a {
    font: 15px/28px "Microsoft YaHei", "宋体";
}

.arqgh li a:hover {
    color: #FFF;
    background-color: #2ca1cd;
    display: block;
}

.arqgh li.on a {
    color: #FFF;
    background-color: #2ca1cd;
    display: block;
}


.jrrq {
    width: 148px;
    float: right;
}

.jrrq h4 {
    float: left;
    font: 15px/28px "Microsoft YaHei", "宋体";
}

.jrrq img {
    width: 20px;
    height: 24px;
    padding-left: 10px;
}


#rqgh {
    width: 1200px;
}

.flys {
    width: 1164px;
    height: 112px;
    padding: 18px;
    margin: 0 auto;
    border-bottom: 1px #7fc5e3 solid;
}

.flys:hover {
    background-color: #eefaff;
    border-bottom: 1px #7fc5e3 solid;
}

.zp {
    width: 77px;
    height: 112px;
    float: left;
    padding-right: 22px;
}

.zp img {
    width: 77px;
    height: 112px;
}

.ysjj {
    width: 792px;
    float: left;
    height: 112px;
    position: relative;
}

.ysjj h4 {
    font: 24px/44px "Microsoft YaHei", "宋体";
}

.ysjj h4 a:hover {
    color: #0785b5;
}

.ysjj h5 {
    font: 18px/26px "Microsoft YaHei", "宋体";
    color: #9f9f9f;
}

.ysjj h6 {
    font: 15px/18px "Microsoft YaHei", "宋体";
    color: #FFF;
    background-color: #ff993d;
    display: block;
    position: absolute;
    bottom: 0px;
}

.yhjg {
    width: 180px;
    height: 28px;
    float: right;
    padding-top: 84px;
}

.yhjg li {
    width: 85px;
    height: 28px;
    float: left;
    margin-left: 5px;
    text-align: center;
    font: 15px/28px "Microsoft YaHei", "宋体";
    color: #FFF;
    border-radius: 5px;
    background: #2ca1cd;
    display: block;
}

.yhjg li.jg {
    background: #f8a860;
}

.yhjg li.yh {
    background: #d2d2d2;
}


/****************************** 排班医生 ******************************/
.yspb {
    width: 1164px;
    height: 112px;
    padding: 18px;
    background-color: #f0fbff;
}

.ysc {
    width: 140px;
    height: 40px;
    float: right;
    padding-top: 18px;
}

.ysc li {
    width: 50px;
    height: 40px;
    float: left;
    margin-right: 20px;
    text-align: center;
}

.ysc li a {
    font: 14px/30px "Microsoft YaHei", "宋体";
    color: #7d7d7d;
}


/****************************** 介绍 ******************************/
.jies {
    width: 1200px;
}

.jies dt {
    height: 68px;
    padding-left: 20px;
    background: url(../images/js.jpg) left bottom no-repeat;
    font: 24px/68px "Microsoft YaHei", "宋体";
}

.jies dd {
    padding: 30px;
    background-color: #f0fbff;
}

.jies dd h4 {
    font: 18px/24px "Microsoft YaHei", "宋体";
    color: #000;
}

.jies dd p {
    font: 14px/24px "Microsoft YaHei", "宋体";
    color: #5c5c5c;
    padding-bottom: 26px;
}


/****************************** 预约时间 ******************************/
.yyrq {
    width: 1200px;
}

.riqi {
    height: 58px;
    font: 15px/58px "Microsoft YaHei", "宋体";
}

.gdrq {
    width: 148px;
    float: right;
    text-align: right;
}

.gdrq img {
    width: 20px;
    height: 24px;
    padding-left: 10px;
    padding-top: 10px;
}

.shangwu dt {
    height: 46px;
    background-color: #f0fbff;
    border-bottom: 1px #7fc5e3 solid;
    padding-left: 20px;
    font: 18px/46px "Microsoft YaHei", "宋体";
    color: #2b2c2c;
}

.shangwu dd ul li {
    height: 60px;
    padding: 12px;
    border-bottom: 1px #7fc5e3 solid;
    font: 18px/30px "Microsoft YaHei", "宋体";
    color: #5c5c5c;
}

.shangwu dd .xuhao {
    width: 916px;
    height: 60px;
    float: left;
}

.shangwu dd .xuhao h2 {
    font: 18px/30px "Microsoft YaHei", "宋体";
    float: left;
    margin-right: 12px;
}

.shangwu dd .xuhao h3 {
    font: 15px/18px "Microsoft YaHei", "宋体";
    color: #FFF;
    background-color: #2ca1cd;
    float: left;
    display: block;
    margin-top: 6px;
    margin-right: 2px;
}

.shangwu dd .xuhao h4 {
    font: 15px/18px "Microsoft YaHei", "宋体";
    color: #FFF;
    background-color: #ff993d;
    float: left;
    display: block;
    margin-top: 6px;
}

.shangwu dd .xuhao p {
    font: 18px/30px "Microsoft YaHei", "宋体";
    clear: both;
}

.shangwu dd .jg {
    width: 90px;
    height: 28px;
    float: right;
    text-align: center;
    font: 15px/28px "Microsoft YaHei", "宋体";
    color: #FFF;
    border-radius: 5px;
    background: #f8a860;
    margin-top: 32px;
}

.shangwu dd .jg a {
    color: inherit;
}

/****************************** 挂号确认 ******************************/
.ghqr {
    width: 1200px;
    padding: 24px 0;
    background-color: #e8f9ff;
    margin-bottom: 14px;
}

.qrmc {
    width: 1150px;
}

.qrmc li {
    width: 555px;
    height: 38px;
    float: left;
    text-align: left;
    background-color: #FFF;
    margin: 1px;
    padding-left: 18px;
    font: 16px/38px "Microsoft YaHei", "宋体";
    color: #484848;
}

.qrmc li strong {
    font: 16px/38px "Microsoft YaHei", "宋体";
    color: #ff993c;
}

.qrmc li img {
    padding: 9px 10px 0 0;
    float: left;
}

.btn03 {
    width: 386px;
    text-align: center;
}

.btn03 input {
    width: 386px;
    height: 42px;
    margin: 18px 0;
    font: 18px/42px "Microsoft YaHei", "宋体";
    color: #FFF;
    border: none;
    background-color: #eea461;
    border-radius: 5px;
}

.btn03 a {
    color: #e07515;
}

.btn03 input:hover {
    background-color: #e69042;
}

.people {
    width: 1150px;
    height: 60px;
    margin: 10px auto;
    background: rgba(255, 255, 255, 1);
}

.people-img {
    float: left;
    padding: 15px;
}

.people-details {
    width: 80%;
    float: left;
}

.people-choose {
    width: 10%;
    float: left;
    text-align: center;
    height: 100%;
    line-height: 60px;
}

.people-choose input {
    height: 100%;
    line-height: 60px;
}

.moren {
    padding: 1px;
    border: 1px solid rgba(255, 135, 60, 1);
    color: rgba(255, 135, 60, 1);
}

/****************************** 添加就诊人 ******************************/
.tjjzr {
    margin: 0 auto;
}

.tjjzr td {
    width: 555px;
    height: 38px;
    text-align: left;
    border: 2px #e8f9ff solid;
    padding-left: 18px;
    font: 16px/38px "Microsoft YaHei", "宋体";
    color: #484848;
}

.tjjzr td.bj {
    background-color: #FFF;
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
}

.tjjzr td.bj .keyword {
    background-color: #FFF;
    width: 555px;
    height: 38px;
    line-height: 38px;
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: none;
}

.tjjzr td.bj label {
    float: left;
    margin-right: 20px;
}


.tishi {
    padding: 20px 28px;
    font: 16px/21px "Microsoft YaHei", "宋体";
    color: #d60000;
}


.tjjzr td.yb .keyword {
    width: 1104px;
}

.tjjzr .bj select {
    width: 538px;
    height: 38px;
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: none;
}


/***** 获取验证码 *****/
.tjjzr .bj .zzmm {
    width: 425px;
    float: left;
}

.tjjzr .bj .zzmm .keyword {
    width: 425px;
}

.tjjzr .bj .fs {
    width: 128px;
    height: 38px;
    float: left;
    text-align: center;
    border-left: 2px #e8f9ff solid;
}

.tjjzr .bj .fs a {
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #2ca1cd;
}


/****************************** 支付页面 ******************************/
.tjjzr td.lx {
    width: 122px;
    background-color: #FFF;
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #484848;
    text-align: center;
}

.tjjzr td.wb {
    background-color: #FFF;
    width: 990px;
    height: 38px;
    line-height: 38px;
    font: 14px/38px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    padding: 0 18px;
}

.tjjzr td.wb .keyword {
    width: 990px;
    height: 36px;
    line-height: 36px;
    font: 14px/36px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: none;
}

#ewm {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}


.wdjzr {
    width: 1150px;
}

.wdjzr li {
    width: 536px;
    height: 32px;
    float: left;
    text-align: left;
    background-color: #FFF;
    margin: 1px;
    padding: 12px 18px;
    font: 16px/32px "Microsoft YaHei", "宋体";
    color: #484848;
}


.wdjzr li img {
    width: 32px;
    height: 32px;
    float: left;
    padding-right: 14px;
}


.tjjzr td.bj02 {
    width: 540px;
    background-color: #FFF;
    font: 14px/48px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: 1px #cae3ee solid;
}

.tjjzr td.bj02 .keyword {
    background-color: #FFF;
    width: 555px;
    height: 48px;
    line-height: 48px;
    font: 14px/48px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: none;
}


/****************************** 用户注册 ******************************/
.tjjzr .bj .fs02 {
    width: 125px;
    height: 38px;
    float: left;
    text-align: right;
    padding-right: 5px;
}

.tjjzr .bj img {
    width: 88px;
    height: 34px;
    padding-top: 2px;
}

/****************************** 登录 ******************************/
.denglu {
    width: 300px;
    height: 315px;
    background-color: #FFF;
    border-top: 4px #2ca1cd solid;
    padding: 10px 30px 0 30px;
}

.dl {
    height: 54px;
    padding-left: 20px;
    background: url(../images/js.jpg) left bottom no-repeat;
    font: 24px/54px "Microsoft YaHei", "宋体";
}

/****************************** 登录 ******************************/
.srk {
    width: 300px;
    padding-top: 12px;
}

.srk li {
    height: 62px;
    text-align: center;
    font: 14px/42px "Microsoft YaHei", "宋体";
    color: #b9b9b9;
    float: left;
}

.srk li a {
    color: #2ca1cd;
}

.srk li strong {
    color: #e07515;
    font: 14px/42px "宋体";
}

.srk li .keyword {
    background-color: #FFF;
    width: 288px;
    height: 42px;
    line-height: 42px;
    font: 14px/42px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: 1px #cae3ee solid;
    padding-left: 12px;
}

.srk li .keywordyzm {
    background-color: #FFF;
    width: 188px;
    height: 42px;
    line-height: 42px;
    font: 14px/42px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    border: 1px #cae3ee solid;
    padding-left: 12px;
}

.srk li .keywordyzm:hover {
    background-color: #FFF;
}

.srk li .keyword:hover {
    background-color: #FFF;
}

.srk li.hqyzm {
    width: 90px;
    height: 42px;
    float: right;
    text-align: center;
    font: 14px/42px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    background-color: #b8e4f4;
    margin-top: 18px;
	cursor:pointer;
}

.srk li input {
    width: 300px;
    height: 42px;
    margin: 18px 0;
    font: 18px/42px "Microsoft YaHei", "宋体";
    color: #FFF;
    border: none;
    background-color: #eea461;
    border-radius: 5px;
}

.srk li input:hover {
    background-color: #e69042;
}


/****************************** 挂号记录 ******************************/
.ghqr02 {
    width: 1152px;
    padding: 24px;
    background-color: #e8f9ff;
    margin: 28px auto;
    padding-bottom: 42px;
}

.grxx {
    width: 214px;
    float: left;
}

.grxx li {
    width: 214px;
    height: 56px;
    margin-bottom: 5px;
    font: 16px/32px "Microsoft YaHei", "宋体";
}

.grxx li a {
    width: 184px;
    height: 32px;
    background-color: #FFF;
    margin-bottom: 5px;
    padding: 12px 0px 12px 30px;
    font: 16px/32px "Microsoft YaHei", "宋体";
    display: block;
}

.grxx li img {
    width: 32px;
    height: 32px;
    float: left;
    padding: 12px 12px 12px 30px;
}

.grxx li a:hover {
    color: #FFF;
}

.grxx li a:hover {
    background-color: #2ca1cd;
    color: #FFF;
    display: block;
}

.grxx li.on {
    background-color: #2ca1cd;
}

.grxx li.on a {
    color: #FFF;
    background-color: #2ca1cd;
}

.grxx li a:hover button {
    color: white;
}

.grxx li a button {
    background: none;
    border: none;
    font: 16px/32px "Microsoft YaHei", "宋体";
}

.jr_right {
    width: 908px;
    float: right;
}

.ghjl {
    height: 55px;
    border-bottom: 1px #90d0e7 solid;
}

.ghjl h5 {
    font: 15px/55px "Microsoft YaHei", "宋体";
    float: left;
}

.tzlb {
    width: 908px;
    height: 56px;
    background-color: #2ca1cd;
    padding-left: 20px;
}

.tzlb td {
    text-align: left;
    font: 15px/56px "Microsoft YaHei", "宋体";
    color: #FFF;
    background-color: #2ca1cd;
}

.bttz {
    width: 908px;
}

.bttz li {
    height: 56px;
    font: 15px/56px "Microsoft YaHei", "宋体";
    padding-left: 20px;
    border-bottom: 1px #90d0e7 solid;
}

.bttz li span {
    float: left;
    text-align: left;
}

.bttz li .cz {
    width: 175px;
}

.bttz li .ys {
    width: 422px;
}

.bttz li .sj {
    width: 92px;
}

.bttz li .zt {
    width: 107px;
}


.bttz li .sj strong {
    font: 15px/56px "Microsoft YaHei", "宋体";
    color: #ea7307;
}


/***** 我的报告 *****/
.ghjl .tj {
    float: right;
}

.ghjl .tj a {
    background-color: #f8a860;
    font: 15px/55px "Microsoft YaHei", "宋体";
    color: #FFF;
    padding: 6px 14px;
}

.ghjl .tj a:hover {
    background-color: #54bce3;
    color: #FFF;
}
.bttz li span {
	height: 56px;
}

.bttz li .xm {
    width: 175px;
}

.bttz li .dh {
    width: 254px;
}

.bttz li .sf {
    width: 320px;
}
.bttz li .sf a {
	color: #0480ae;
}

.bttz li .ck {
    width: 139px;
}

.bttz li .ck a {
    color: #0480ae;
}


.jbzl {
    width: 908px;
    padding-top: 20px;
}

.jbzl td {
    height: 46px;
    padding-bottom: 14px;
    font: 14px/46px "Microsoft YaHei", "宋体";
}

.jbzl td.mima {
    width: 93px;
    text-align: right;
    padding-right: 12px;
    color: #484848;
}

.jbzl td.zfs {
    width: 370px;
    height: 44px;
    line-height: 44px;
    font: 14px/44px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
}

.jbzl td.zfs .keyword {
    width: 360px;
    height: 44px;
    font: 14px/44px "Microsoft YaHei", "宋体";
    color: #8c8c8c;
    background-color: #FFF;
    border: 1px #cae3ee solid;
    padding-left: 10px;
}

.jbzl td.tx {
    padding-left: 10px;
    color: #484848;
}

.jbzl td.tx img {
    width: 21px;
    height: 19px;
    float: left;
    padding-right: 8px;
    padding-top: 12px;
}

.data {
    width: 1200px;
    height: auto;
    display: table;
    padding: 0;
}

.thisBgClass {
    background: rgba(210, 210, 210, 1) !important;
}

.data-li {
    text-align: center;
    width: 14.285%;
    float: left;
    padding: 20px 0;
    /*height: 100%;*/
}

.data-li a:hover {
    color: inherit;
}

.week {
    padding-top: 5px;
}

.on {
    background: rgba(44, 161, 205, 1);
    color: white;
}
.more{
    display: none;
}
.data-on{
    background: rgba(44,161,205,1);
    color: white;
}

#detail {
		margin-top: 30px;
			padding-left: 0;
			background: none;
		}
		#detail tr {
			background: #2ca1cd;
		}
		#detail tr td {
			padding-left: 18px;
		}
		#detail .det {
			background: none;
			margin-top: 5px;
		}
		#detail .det td {
			background-color: #FFF;
			font: 14px/38px "Microsoft YaHei", "瀹嬩綋";
			color: #484848;
			height: 56px;
		}