@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:#00959D; -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{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{background:#0F8A83; font-size:14px; color:#fff; line-height:20px; overflow:hidden; padding:20px 0}
.footer .layout{position:relative; width:1100px}
.footer a{color:#fff} 
.footer a:hover{text-decoration:underline}
.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:#0F8A83}
.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%;ma;margin-left: -50px;top: 20px;overflow:hidden;visibility:hidden;opacity:0}
.head-right .a .bnt:before{content:"";position:absolute;border-bottom: 6px #333 solid;border-left:6px transparent solid;border-right:6px transparent solid;width:0;height:0;overflow:hidden;left:50%;margin-left:-6px;top: 2px;}
.head-right .a .bnt em{display:block;height: 29px;background:#fff;border-radius:5px;text-align:center;margin-top: 8px;position:relative;color: #333;font-size:14px;padding-top: 7px;}
.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:119px; 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:#00959D; border-bottom:2px solid #00959D}

.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:#0F8A83; 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 #0F8A83; width:125px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#0F8A83; margin:0 10px}
.module-button .bnt.a{background:#0F8A83; 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:#0F8A83}

.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:#0F8A83}
.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:#0F8A83}
.form-radio .checked .radio:after{content:""; position:absolute; left:2px; top:2px; right:2px; bottom:2px; border-radius:50%; background:#0F8A83}

.form-button{height:50px; line-height:50px; border:0; border-radius:50px; background:#0F8A83; 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:#0F8A83}


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

/*预约挂号*/
.reservation-nav{border:1px solid #0F8A83; 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 #0F8A83; text-align:center; font-size:16px}
.reservation-nav li:nth-child(1) a{border:0}
.reservation-nav li.hover a{background:#0F8A83; 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 #0F8A83; 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:#0F8A83; 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:#0F8A83}
.Scheduling-th{overflow:hidden; border:1px solid #ccf2f9; background:#0F8A83}
.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}
.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 li .text .py{font-size:13px}
.Scheduling-li .tr .stop{background:#ffe6c9; color:#ff9a23}
.Scheduling-li .tr .start{background:#0F8A83; 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:#0F8A83; 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:85px}
.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:#0F8A83; color:#fff !important; font-size:16px; text-align:center; line-height:42px}
.theme-button.warn{ background:#f58f31}
.theme-button.default{  border:1px solid #0F8A83; background:#fff; color:#0F8A83 !important; width:190px;margin: 0 20px;}
/*门诊缴费*/
.theme-tab{width:286px; margin:0 auto 40px auto; border:1px solid #0F8A83; 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}
.theme-tab .hover{background:#0F8A83; 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:#0F8A83; 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:#0F8A83}
.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:#0F8A83; 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:#0F8A83; 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:14%; height:55px; line-height:55px}
.theme-table-dl span:nth-child(5){width: 19%; }

.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:28px; 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:#0F8A83}

.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:120px}
.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:#0F8A83; 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:#0F8A83; background-color: #0F8A83; min-width:130px; height:40px; line-height:40px; font-size:16px; border-radius:5px}
.theme-my-form .button-box .layui-btn-primary{border-color:#0F8A83; background:none; color:#0F8A83}
.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:#0F8A83;}

.theme-my-form .layui-form-select dl dd.layui-this{background-color:#0F8A83;}

.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:14%}
.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:#0F8A83;}

/*确认订单*/
.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:#0F8A83; 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:#0F8A83}
.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: absolute;top: 15px;font-size: 16px;color: #333;right: 10px;}
.gdiv a{color: #333;}
.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:#0F8A83;}

/*ghost*/
.title-h2 span{font-size: 18px;color: #999;}
.title-h2 p{padding:4px 0px}
.gpauto{padding: 10px 0px;}
.gsearch{width: 142px;float: left;font-size:15px;}
.gsearchbutton{width: 57px;}
.gheader {margin-bottom: 20px;}
.gheader h2 {font-size: 18px; margin-bottom: 10px; }

.gdoctor-list .doctor-item {display: flex;align-items: center;padding: 15px;margin: 25px 0;background: #fff;border-radius: 4px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.gdoctor-list .doctor-avatar {width: 90px;height: 90px;border-radius: 50%;margin-right: 20px;object-fit: cover;}
.gdoctor-list .doctor-info {flex: 1; min-width: 0; }
.gdoctor-list .doctor-name {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 5px; }
.gdoctor-list .doctor-department, .doctor-specialty {font-size: 13px; color: #666; line-height: 1.5; margin: 3px 0; } 
.gdoctor-list .appointment-btn {margin-left: 20px; flex-shrink: 0;  }



.glayui-container .clinic-name {font-size: 16px; color: #333; margin-bottom: 8px; }
.glayui-container .schedule-time {color: #666; font-size: 14px; line-height: 1.6; } 
.glayui-container .right-action {display: flex;align-items: center;height: 100%;padding-left: 267px;}


@media (max-width: 768px) {.right-action {padding-left: 0; margin-top: 10px; } } 
.glayui-container {margin-top: 20px; } 
.glayui-container .item {padding: 15px; margin-bottom: 15px; border-radius: 5px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 
.glayui-container .item h3 {margin: 0 0 10px; font-size: 18px; } 
.glayui-container .item p {margin: 5px 0; } 
.glayui-container .item .layui-btn {display: block;width: 100px;margin: 10px auto 0;padding-left: 10px;}
.gline {height: 2px; background-color: #1E9FFF; margin: 20px 0; } .gdoctor-list .empty-state {text-align: center; padding: 48px 0; color: #999; }
.gdoctor-list .empty-state .layui-icon {font-size: 50px; margin-bottom: 15px; display: block; }
.gheader span{color: #999; margin: 10px 0 0;font-size:16px}
.gheader h3{font-size: 24px; padding-right: 15px;}