/*关于我们*/ .about{ padding:80px 0;} .about strong{ margin-bottom:30px; font-weight:bolder;} .about p{ margin-bottom:30px; font-size:14px; color:#666; line-height:30px;} .about .video{ margin:80px 0; text-align:center;} .about .video img{ width:640px;} .about .insurance{ text-align:center;} .about .insurance img{ border:1px solid #ccc;; margin:0 10px 25px 10px; width:235px; height: 61px;} .about .video video{ width:100%;} /*加入我们*/ .join .center{ padding:50px 15px; } .recruit-describe{ color:#666; font-size:14px; margin-bottom:30px;} .recruit-describe p{ margin-bottom:20px; line-height:30px;} .nav-title{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; margin-bottom:50px; } .nav-title li{float:left;} .nav-title a{ margin-right:20px; padding:10px 40px; border-radius:5px; border:1px solid #ccc; float:left; font-size:18px; color:#000;} .nav-title a.tag{ background:#8dc538; color:#fff; } .recruit-cen .list{ margin-bottom:30px;} .recruit-cen .list .title{ margin-bottom:10px; color:#2d77c6; font-size:20px;} .recruit-cen .list .col{ border-bottom:1px solid #ccc; padding:15px 0;} .recruit-cen .list .col .tle{ font-size:18px; margin:15px 0;} .recruit-cen .list .col .tle span:before{ margin:12px 10px 0 0; float:left; display:block; width:5px; height:5px; background:#000; content:''; } .recruit-cen .list .col .tle label{ cursor:pointer; margin-right:20px; background:url(../images/recruit-add.png) no-repeat; float:right; width:25px; height:25px;} .recruit-cen .list .col .tle label.tag{background:url(../images/recruit-reduce.png) no-repeat;} .recruit-cen .list .col .txt{ font-size:16px; padding-left:16px;} .recruit-cen .list .col .txt b{ display:block; margin-bottom:10px;} .recruit-cen .list .col .txt p{ font-size:14px; color:#666; margin-bottom:10px;} /*产品详情*/ .product .center{} .product #carousel-image-text-horizontal {border-bottom:1px solid #e3e3e3;margin-bottom: 10px;margin: 15px auto 20px;} .product #carousel-image-text-horizontal .touchcarousel-wrapper{ height:63px; overflow:hidden;} .product #carousel-image-text-horizontal .touchcarousel-item {display: inline-block; line-height: 60px;position: relative; } .product #carousel-image-text-horizontal .touchcarousel-item>a{ padding:0 10px; position: relative;margin: 0; border: 0;font-size:14px;color:#666;display:inline-block;} .product #carousel-image-text-horizontal a.left{ margin-left:-25px; top:10px;} .product #carousel-image-text-horizontal a.left span{ background:url(../images/left.png) -24px center no-repeat;} .product #carousel-image-text-horizontal a.right{ margin-right:-25px; top:5px;} .product #carousel-image-text-horizontal a.right span{background:url(../images/right.png) 24px center no-repeat;} .product #carousel-image-text-horizontal .touchcarousel-item>a.tag{ padding:0 10px; color:#57b6e1;border-bottom: 3px solid #8dc538;} .product #carousel-image-text-horizontal .touchcarousel-item>a:hover{ color:#57b6e1; border-bottom: 3px solid #8dc538;} .product .product-conent{ margin-bottom: 55px; overflow: hidden;} .product .product-conent .ovf{width: 1200px;} .product .col{ width:25%; margin:20px 0; float:left;} .product .col .bor{border-bottom: 1px solid #e1e1e1; width:88%; } .product .col img{ display:block; width: 50px; height:50px;} .product .col p{ overflow:hidden; height:20px; line-height:20px; color:#57b6e1; font-size:14px;font-weight: bold; margin:5px 0;} .product .col label{ color:#3b5fa1; font-size:14px; height: 40px; line-height: 20px; display: block;} .product .col a{display:inline-block;padding: 4px 14px;text-align: center;border: 1px solid #a0a0a0;border-radius: 4px;color:#a0a0a0;margin: 20px 0 35px;} /*科室详情*/ .details{ padding:50px 0; margin: auto; overflow: hidden;} .details .center>.l{width: 730px;} .details .l .department>.title{font-size:24px;color:#000;border-bottom: 1px solid #d5d5d5;padding-bottom: 16px;margin: 0;} .details .l .department p{margin: 30px 0 40px;font-size:14px;color:#666;line-height: 30px;} .details .l .clinic>.title{font-size: 18px;color:#3b5ea1;border-bottom: 1px solid #d5d5d5;padding-bottom: 30px;} .details .l .clinic>.title:before{background: url(../images/clinic-icon.png) no-repeat;display: inline-block;width: 30px;height: 30px;content:"";vertical-align: middle;} .details .l .clinic .col{ border:1px solid #ccc; margin-top: 20px; overflow: hidden; position: relative;} .details .l .clinic .col .left{float: left; width:290px; height: 200px;} .details .l .clinic .col .left .ovf{ height:200px;} .details .l .clinic .col .left .ovf img{ height:100%; width:auto;} .details .l .clinic .col .r{ padding:0 20px 20px; width:100%;} .details .l .clinic .col .r .title{ font-size:16px; margin-top:20px;} .details .l .clinic .col .r p{ font-size: 14px;color:#666; } .details .l .clinic .col .r .txt{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 15px 0;} .details .l .clinic .col .r .address{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom: 20px;} .details .l .clinic .col .r .address:before{content:"";background: url(../images/address.png) no-repeat;width:30px;height:30px;display: inline-block;vertical-align: middle;} .details .l .clinic .col .r a{color:#3b5fa1; font-size: 12px; float: right;} .doctor{ margin-top: 55px;} .doctor .title{font-size: 18px; color:#3b5ea1;border-bottom: 1px solid #d5d5d5; padding-bottom: 25px;} .doctor .title:before{background: url(../images/doctor-icon.png) no-repeat;display: inline-block;width: 30px;height: 30px;content:"";vertical-align: middle;} .doctor #carousel-image-text-horizontal { height:185px;margin-bottom: 10px; margin: 0 auto;} .doctor #carousel-image-text-horizontal .touchcarousel-item {width:156px; text-align:center; position: relative; } .doctor #carousel-image-text-horizontal img, .doctor #carousel-image-text-horizontal h4, .doctor #carousel-image-text-horizontal p { position: relative; margin: 0;padding: 0; border: 0;} .doctor #carousel-image-text-horizontal img { width: 90px;height: 90px; margin:40px 0;border-radius:50%; background-color: #e9e5e2; } .doctor #carousel-image-text-horizontal h4 {font: bold 13px/20px Helvetica, Arial, sans-serif;color: #000; margin:-30px 0;} .doctor #carousel-image-text-horizontal p {font: normal 13px/20px Helvetica, Arial, sans-serif;color: #555; margin-top: 35px;} .details .relevant{ padding: 0 0 0 25px;} .relevant>a{ width:375px; line-height: 64px;font-size:15px; display: block; padding-left:30px; color: #666; border:1px solid #d5d5d5; margin-bottom: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .relevant>a:before{ padding-left:30px; border-left: 2px solid #666; content:"";} .relevant>a.tag{ background:#99cc66; color:#fff; border: none; padding:1px 1px 1px 31px;} .relevant>a.tag:before{ padding-left:30px; border-left: 2px solid #fff; content:"";} .relevant>a:hover{ background:#99cc66; color:#fff; border:none; padding:1px 1px 1px 31px;} .relevant>a:hover:before{ padding-left:30px; border-left: 2px solid #fff; content:"";} .details .touchcarousel .arrow-icon.left { background: url(../images/left.png) -24px center no-repeat; } .details .touchcarousel .arrow-icon.right { background: url(../images/right.png) 24px center no-repeat; } /*医生及科室*/ .department-doctor{ padding:50px 0; margin: auto; overflow: hidden;} .department-doctor-list{ margin-bottom:14px;} .department-doctor-list>.title{font-size:20px;color:#000;border-bottom: 1px solid #d5d5d5;padding-bottom:19px;margin-bottom: 24px;} .department-doctor-list>.title a{ font-size:12px; color:#666; float:right; line-height:48px;} .department-doctor .doctor_list{overflow: hidden;} .department-doctor .col{ margin-bottom: 28px;border: 1px solid #ccc;overflow: hidden; width:49%; float: left;} .department-doctor .col:nth-child(even){float: right;} .department-doctor .col img{ float: left; width: 169px;} .department-doctor .col .span-img{ float:left; width:169px; height:169px; background:#e6e4de;} .department-doctor .col .l{ width:190px; padding: 15px 0 0 14px;} .department-doctor .col .l p{font-size: 12px;line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .department-doctor .col .l span.title{font-size:16px; margin-bottom:5px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .department-doctor .col a{display:block; text-align:right; font-size: 12px; color:#666;} .department-doctor .center .doctor_list_sync{ width:65%;} .department-doctor .center>.r{ width:32%; } .department-doctor .center>.r a{ line-height: 64px;font-size:15px; display: block; padding-left:30px; color: #666; border:1px solid #d5d5d5; margin-bottom: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .department-doctor .center>.r a:before{ padding-left:30px; border-left: 2px solid #666; content:"";} .department-doctor .center>.r a.tag{ background:#99cc66; color:#fff; border: none; padding:1px 1px 1px 31px;} .department-doctor .center>.r a.tag:before{ padding-left:30px; border-left: 2px solid #fff; content:"";} .department-doctor .center>.r a:hover{ background:#99cc66; color:#fff; border:none; padding:1px 1px 1px 31px;} .department-doctor .center>.r a:hover:before{ padding-left:30px; border-left: 2px solid #fff; content:"";} /*医疗机构详情*/ .mechanism-detail{ margin:50px 0; } .mechanism-detail .l{ width:65%;} .mechanism-detail .l .introduce .title{font-size:20px;color:#000;border-bottom: 1px solid #d5d5d5;padding-bottom: 26px;margin: 0;} .mechanism-detail .l .introduce p{margin: 24px 0 15px;font-size:14px;color:#666;line-height: 24px;} .mechanism-detail .l .content{margin-bottom: 25px;overflow: hidden;} .mechanism-detail .l .content .title{ font-size:16px;color:#3b5ea1; margin: 15px 0;} .mechanism-detail .l .content p{ color:#666; font-size:14px; line-height: 24px;} .mechanism-detail .l .content p span{margin-right:35px; line-height: 24px; font-size: 14px; padding-left: 20px;} .mechanism-detail .l .content p span a{color:#666; border-bottom:1px solid #666;} .mechanism-detail .l .content .title:before{width: 27px;height: 24px;display: inline-block;vertical-align:-5px;content: "";} .mechanism-detail .l .address .title:before{background: url(../images/mechanism-icon01.png) center no-repeat;} .mechanism-detail .l .open-time .title:before{background:url(../images/mechanism-icon02.png) no-repeat;} .mechanism-detail .l .service-scope .title:before{background:url(../images/mechanism-icon03.png) no-repeat;} .mechanism-detail .l .doctor .title:before{background:url(../images/mechanism-icon04.png) no-repeat;} .mechanism-detail .l .contract .title:before{display: none;} .mechanism-detail .l .address .txt{ display: inline-block;} .mechanism-detail .l .copy{ color:#336699; border-bottom: 1px solid #336699; padding-bottom: 5px; display: inline-block;} .mechanism-detail .l .content .touchcarousel{ width:100%; } .mechanism-detail .l .touchcarousel .arrow-icon.right{background: url(../images/right.png) 24px center no-repeat;} .mechanism-detail .l .touchcarousel .arrow-icon.left{background: url(../images/left.png)-24px center no-repeat;} .mechanism-detail .l .service-scope li{ margin: 30px 0; width:156px; text-align: center;} .mechanism-detail .l .service-scope li img{ width:60px; height:60px;} .mechanism-detail .l .service-scope li p{ font-weight: bold; text-align: center; font-size: 14px; color:#666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .mechanism-detail .l .service-scope .touchcarousel{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} .mechanism-detail .l .doctor{ border-bottom: 1px solid #ccc; padding-bottom: 40px;} .mechanism-detail .l .doctor #carousel-image-text-horizontal p{ color:#58b6e1; } .mechanism-detail .l .company img{ display:block; margin:0 15px 15px 0; float:left; border:1px solid #ccc; width:235px;} .mechanism-detail .r { width:32%;} /*健康课堂*/ .healthy{ width:1200px; margin:auto; padding:50px 0;} .healthy .col{ float:left; width:50%; margin-bottom:40px;} .healthy .col strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0 15px; font-weight:normal; display:block; font-size:18px;} .healthy .col label{padding:0 0 20px; font-size:14px; color:#999; display:block; } .healthy .col .txt{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:26px; color:#666; padding:10px 0; font-size:14px; height:66px;} .healthy .col .btn{ text-align:right;} .healthy .col .btn a{ color:#3b5ea1;} .healthy .col .p-img img{ width:100%;} .healthy .col:nth-child(even){ padding-left:25px;} .healthy .col:nth-child(odd){ padding-right:25px;} /* .healthy .col:first-child{ margin:0; padding:0; width:100%; border-bottom:1px solid #ededed; padding-bottom:30px; margin-bottom:40px;} .healthy .col:first-child .tm{ margin-bottom:20px; overflow:hidden;} .healthy .col:first-child strong{ float:left; } .healthy .col:first-child label{ float:right; margin-top:10px;} .healthy .col:first-child .p-img{ height:280px;} */ .healthy .col .p-img{ border-radius:5px; height:250px; overflow:hidden;} /*二级页面*/ .son-center{width:65%; float:left;} .son-center .son-bg{margin-bottom:30px;padding:35px; border:1px solid #ccc; background:#fff;} .son-center .son-bg:last-child{ margin:0;} .son-center .product-type{ overflow:hidden; padding:0 30px;} .son-center .product-type a{ margin-right:20px; padding-bottom:10px; float:left;} .son-center .product-type a img{ width:110px;} .son-center .product-type a.tag{ border-bottom:4px solid #AB202C;} .son-center .introduce .intr-img img{ width:100%; border-radius:5px; } .son-center .introduce .txt{ padding:30px 0 40px; font-size:14px; line-height:26px;} .son-center .product-list{ } .son-center .product-list .col{ margin-bottom:40px; text-align:center; float:left; width:280px; } .son-center .product-list .col img{ width:205px; } .son-center .product-list .col span{ font-size:16px; display:block; margin-bottom:5px;} .son-center .product-list .col label{ font-size:14px; color:#666;} .healthy-detail .title { border-bottom: 1px solid #ededed; padding-bottom: 30px; margin-bottom: 30px; font-size: 20px; font-weight: normal; text-align: center; display: block;} .healthy-detail .txt{font-size:16px;min-height: 300px;} .healthy-detail .txt p{ font-size:14px; line-height:32px;} .healthy-detail .txt img{ max-width:100%;} .son-center .son-bg .zx{} .son-center .son-bg .zx .title{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ededed; font-size:22px;} .son-center .son-bg .zx .zx-list{} .son-center .son-bg .zx .zx-list .xl-5:first-child{ padding-right:20px;} .son-center .son-bg .zx .zx-list .xl-5:last-child{ padding-left:20px;} .son-center .son-bg .zx .zx-list .xl-5:nth-child(odd){ padding:0;} .son-center .son-bg .zx .zx-list strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; font-weight:normal; font-size:18px; display:block;} .son-center .son-bg .zx .zx-list label{ color:#666; display:block; margin:10px 0; } .son-center .son-bg .zx .zx-list img{ width:100%; display:block;} .son-center .son-bg .zx .zx-list p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:26px; height:36px; box-sizing:content-box; margin-bottom:10px; padding:15px 0; font-size:16px; color:#666;} .son-center .son-bg .zx .zx-list .btn{ text-align:right;} .son-center .son-bg .zx .zx-list .btn a{ color:#ab202c;} .son-center .son-bg .zx .zx-list .p-img{ border-radius:5px; height:280px; overflow:hidden;} /*首页*/ .title-left:before{ content:""; width:100px; height: 1px; position: relative; left: -125px; background: #ccc; display: block; top: 17px;} .medical-structure{background: #fafafa; overflow: hidden;} .medical-structure .center{padding:10px 15px;} .medical-structure .center>.tage{ width:50%; position: relative; top:0; height:292.5px;} .medical-structure .center>.tage img{ height:292.5px;} .medical-structure .center>.tage:before{ content: ""; width: 100px; height: 1px; position: relative; left: -125px; background: #cde7f9; display: block; top: 12px;} .medical-structure .center>.col{width: 25%;display: block;margin: 0;padding: 0;height: 293px;} .medical-structure .center>.col img{width: 100%;} .medical-structure .center>.col.doc-about{background: url(../images/doc02.png) no-repeat #8cc841 ;padding: 50px 30px;} .medical-structure .center>.col.doc-about .code-img{ text-align:center; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.9);} .medical-structure .center>.col.doc-about .code-img img{ margin:55px 0 20px; width:auto;} .medical-structure .center>.col.doc-about .code-img label{ color:#666; display:block; text-align:center;} .medical-structure .center>.col.doc-about .code-img a{ position: absolute; top: 10px; right: 10px; background: url(../images/icon-close.svg) center / 15px 15px no-repeat; width: 40px; height: 40px;} .medical-structure .center>.col p{font-size:16px;line-height: 22px;color:#fff;overflow: hidden;} .medical-structure .center>.col p a{margin:30px 18px 20px 0; float: left;} .medical-structure .center>.col p a:last-child{ margin:30px 0 20px 0;} .medical-structure .center>.col p.tag{ background:#cbe7aa; border-radius:5px;} .medical-structure .center>.col p.tag span{ padding:15px 20px; display: inline-block; color: #45750d; font-size:16px;line-height:20px;} .medical-structure .center>.col>a{ background: url(../images/doc04.png) center 5px no-repeat;display: block;font-size: 14px;line-height: 20px;color: #3b5ea1;padding: 15px 20px 15px 0;border-bottom: 1px solid rgba(255,255,255,0.2); width:100%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .medical-structure .center>.col.doc-hot{background: url(../images/doc03.png) no-repeat;padding: 40px;box-shadow: 0 0 5px #ccc;} .medical-structure .center>.col.doc-hot .title{color:#3B5FA1;font-size:16px;line-height: 22px;padding-bottom: 30px;} .medical-structure .center>.col.doc-hot>a{background: url(../images/d1-06.png) center right no-repeat;display: block;font-size: 14px;line-height: 20px;color: #3b5ea1;padding: 15px 0;border-bottom: 1px solid #d8dfec; width: 212px; overflow: hidden;\ white-space: nowrap;\text-overflow: ellipsis;} .medical-structure .center>.col.doc-hot>a:last-child{border:none;} .medical-structure .center>.col.doc-discount{background: url(../images/doc06.png) no-repeat #f68428; padding: 40px;} .medical-structure .center>.col.doc-discount .title{color:#fff; padding-bottom: 30px;} .medical-structure .center>.col.doc-discount a{color:#fff;} .medical-structure .center>.col.doc-discount a:last-child{border:none;} .medical-structure .left ul{ height:250px; overflow:hidden;} .medical-structure .left .title-left:before{ top: 10px; background: #d5d4da;} .medical-structure .left{ float: left;margin: 0;width:25%;position: relative;z-index: 81; height:450px;} .medical-structure .left .title{padding: 55px 0 22px ;font-size:20px; line-height: 20px;color: #fff;font-weight: bold;} .medical-structure .left li{ height: 36px; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:30px;} .medical-structure .left a{ color:#d6d6d6; font-size:14px;} .medical-structure .left li a.tag{ color:#fff;} .medical-structure .left li a:before{content:"";width:5px;height:5px;position: relative;background: #d6d6d6;display: inline-block;left:0;top: -2px; margin-right:5px; } .medical-structure .left li a.tag:before{ background:#fff;} .medical-structure .left li a:hover{ font-size: 14px; color:#fff;} .medical-structure .left li a:hover:before{ background:#fff;} .medical-structure .left .more{background: url(../images/doc-icon06.png) no-repeat; position:absolute; bottom:40px; left:0;} .medical-structure .touchcarousel{width: 813px; margin: 60px auto 0;} .medical-structure .touchcarousel li{ width: 813px;} .medical-structure .touchcarousel .tc-paging-container{ top:0; width: 10%; right: -10px;} .medical-structure .touchcarousel .tc-paging-item.current{ background: url(../images/d-icon02.png) no-repeat; } .medical-structure .touchcarousel .tc-paging-item{ background: url(../images/d-icon03.png) no-repeat; width: 10px; height: 10px;} .medical-structure .touchcarousel .col{ width:250px; padding-right:20px; font-size: 14px ;line-height:20px; font-weight: bold; float: left;} .medical-structure .touchcarousel .col img{ display: block; height: 60px; margin-bottom: 10px;} .medical-structure .touchcarousel .col p{ color:#57b6e1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .medical-structure .touchcarousel .col label{color:#3b5fa1;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .medical-structure .touchcarousel .col a{ margin-bottom:40px; display: inline-block; padding: 5px 10px; border:1px solid #a0a0a0;border-radius: 3px; color:#a0a0a0; font-size: 12px; margin-top: 15px;} .medical-structure>.tage{width: 50%; background: #aba9b4; height: 665px; margin-left: -293px; margin-top: 431px;} .doctor-banner{ margin: auto; background: url(../images/doctor-list-banner01.png) center center no-repeat #cfebff;} .doctor-banner .touchcarousel{ height:600px; margin: auto;} .doctor-banner .touchcarousel .touchcarousel-item{height:600px;} .doctor-banner .touchcarousel .tc-paging-container{bottom: 50px;} .doctor-banner .touchcarousel .tc-paging-item.current{ background: url(../images/d-icon.png) no-repeat; width: 24px; height: 14px;} .doctor-banner .touchcarousel .tc-paging-item{ background: url(../images/d-icon01.png) no-repeat; width: 24px; height: 14} .doctor-banner .touchcarousel .tc-paging-container{bottom: 50px;} .doctor-banner .touchcarousel .tc-paging-item.current{ background: url(../images/d-icon.png) no-repeat; width: 24px; height: 14px;} .doctor-banner .touchcarousel .tc-paging-item{ background: url(../images/d-icon01.png) no-repeat; width: 24px; height: 14px;} .doctor-banner .touchcarousel li{ width: 1200px;} .doctor-banner .touchcarousel li img{float:right;} .doctor-banner .col{ float:left;margin-top:120px; font-size:14px; line-height: 36px; color:#285a9b; margin-left:15px;} .doctor-banner .col .title{ font-size:22px; line-height: 20px; display: block; margin-bottom: 30px; } .doctor-banner .col a{ display: inline-block; color:#fff;} .doctor-banner .col .address{ line-height:40px; display:inline-block; color:#fff;; cursor:auto; font-size:14px; line-height: 30px; background: #f68428; padding: 5px 20px; margin-bottom: 23px;} .doctor-banner .col .more{ font-size: 14px; line-height:40px; background: #58b7e2; margin-top:40px; display:inline-block; padding: 5px 20px; } .doctor-banner-img { background: url(../images/doctor-banner-img.jpg) center / cover no-repeat; height: 600px; } .order .title-left:before{ top: 13px;background: #8fd0ec;} .order{width:100%; height:685px; background: #fff;} .order .center{padding: 0px 15px;} .order:after{ width:50%;background: #0082c8; content: ""; float: right; height: 685px; position: absolute;z-index: 0;} .order .col{width:100%;} .order .title{font-size:20px;line-height: 26px;} .order .title strong{ cursor:pointer; padding-right: 17px;display: inline-block; color:#666; font-size:18px;} .order .title strong:first-child:after{ margin-left:22px; position:relative; content:''; border-right:1px solid #ccc;} .order .title .more{ position:relative; z-index:9990; float:right; margin-right:40px;} .order .title strong.tag{ color:#3b5fa1;} .order .title strong:hover{ color:#3b5fa1;} .order .title strong.online:after{border-right: 1px solid #ccc;content: "";padding-left: 17px;} .order .l .title{margin-bottom: 15px;} .order .l{ padding-top:64px ; width: 50%;} .order .l .touchcarousel{ width: 535px; margin-top: 20px;} .order .l .touchcarousel .arrow-icon{top:-25px; left:25px;} .order .l .touchcarousel .arrow-holder{height:0;} .order .l .touchcarousel .arrow-holder.left{left: 430px;} .order .l .touchcarousel .arrow-icon.left{/*background: url(../images/d4-01l.png) no-repeat; */ background:none;} .order .l .touchcarousel .arrow-icon.right{/*background: url(../images/d4-01r.png) no-repeat;*/ background:none;} .order .l .touchcarousel li{ width: 535px;} .order .l .col{ float: right; border-bottom: 1px solid #eeeff3; overflow: hidden; padding-top:35px;} .order .l .col:last-child{border: none;} .order .l .col strong{ font-size: 15px; line-height: 26px; color:#55b7e0;float:left; } .order .l .col p{ font-size: 13px; line-height: 22px; color:#666; float:left; width:360px; margin-left: 25px;} .order .l .col p span{ font-size:15px; line-height: 26px; color:#3b5fa1; display: block;margin-bottom: 10px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .order .l .col p label{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .order .l .col p a{ font-size: 12px; line-height: 26px; color:#58B7E1; display: block; margin:8px 0 17px; font-weight: bold; background: url(../images/d4-02.png) 60px 7px no-repeat;} .order .r{ padding: 65px 0 0 115px ; width: 50%; position: relative;z-index: 1; } .order .r .title{margin-bottom: 13px;} .order .r .title strong{color:#dbebf3;} .order .r .title strong.tag{color:#fff;} .order .r .title strong:hover{color:#fff;} .order .r .title strong.online:after{border-right: 1px solid #627fb4;} .order .r .title strong.feedback:after{ content: ""; width: 100px; height: 1px; position: relative; left: 125px; background: #627fb4; display: block; top: -13px;} .order .r .online{ border: none; padding: 0;} .order .r .online .title{margin-bottom: 25px; font-size:20px;line-height: 26px; color:#3b5ea1;} .order .r .online input{ font-size:14px; background:none; color: #fff; padding:15px 0 0 5px ; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 26px; height:54px; margin: 0;} .order .r .online select{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:30%; color:#fff;height:54px;line-height: 26px; border-bottom: 1px solid rgba(255,255,255,0.2);background: url(../images/d4-03-2.png) no-repeat scroll right center transparent; } .order .r .online select.store{ width:68%; margin-right: 0;} .order .r .online textarea{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); background: #none; } .order .r .online .s02 textarea{ height: 280px;} .order .r .online a{font-size:16px;line-height: 26px;color:#fff;background: #58b6e1;padding:18px 72px;margin-top: 60px;} .order .r .online input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .order .r .online input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .order .r .online input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .order .r .online input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .order .r .online textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .order .r .online textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .order .r .online textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .order .r .online textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .doc-five{ background: #f5f6f8; overflow: hidden;} .doc-five .col.member{ width:30%;} .doc-five .col.network{width:20%;} .doc-five .col{ color:#f58228; overflow: hidden;width: 25%; padding:70px 0; display: block; float: left;} .doc-five .col img{float: left;} .doc-five .col p{font-size: 14px;line-height:26px;float: left;} .doc-five .col p span{font-size:40px;display: block;padding: 20px 0 10px;} .doc-six{ height:400px; background:#f2fbfd;} .doc-six .title-left:before{ top:10px; background: #8fd0ec;} .doc-six .l{width:45%; /* background: url(../images/d6-01.png) no-repeat; */ height:400px;background-size:100% 100% ;} .doc-six .l .care{ margin-left:15px; float: left; margin-top: 80px;line-height: 26px; } .doc-six .l .care strong{ font-size:18px; color:#3b5ea1; margin-bottom: 20px; display: block;} .doc-six .l .care p{ font-size:14px; color:#58b6e1; width:288px;} .doc-six .touchcarousel{height:400px; width:55%; display:inline-block;} .doc-six .touchcarousel ul{ width: 100%;} .doc-six .touchcarousel ul li{ width: 100%; height: 400px;} .doc-six .touchcarousel ul li img{ width: 100%;} .doc-six .touchcarousel .tc-paging-container{bottom: 20px; width: 20%; margin-left: 20px;} .doc-six .touchcarousel .tc-paging-item.current{ background: url(../images/d-icon.png) no-repeat; width: 24px; height: 14px;} .doc-six .touchcarousel .tc-paging-item{ background: url(../images/d-icon01.png) no-repeat; width: 24px; height: 14px;} .doc-seven{background: #fff; overflow:hidden;} .doc-seven .title{margin:40px 0 20px; font-weight: normal; text-align: center; display: block; font-size: 20px; color: #285a9b; } .doc-seven .touchcarousel{width: 1200px; margin: 0 auto;} .doc-seven .touchcarousel .touchcarousel-item { margin:30px 0; width:300px; height:61px; text-align:center; position: relative; overflow: hidden;} .doc-seven .touchcarousel .arrow-holder.left{left:0px;} .doc-seven .touchcarousel .arrow-holder.right{right:0px;} .doc-seven .arrow-holder.left span{ left:-20px; background:url(../images/d7-01.png) 0 30px / 14px 25px no-repeat;} .doc-seven .arrow-holder.right span{ right:-20px; background:url(../images/d7-02.png) 35px 27px / 14px 25px no-repeat;} .doc-seven .touchcarousel img, .doc-seven .touchcarousel h4, .doc-seven .touchcarousel p { position: relative;margin: 0;padding: 0; border: 0;} .doc-seven .touchcarousel img { width: 235px;height: 61px; } .doc-seven .touchcarousel .rblock {width: 138px;float: left;margin-left: 7px;} .doc-seven .touchcarousel h4 {font: bold 13px/20px Helvetica, Arial, sans-serif;color: #000;width: 140px;} .doc-seven .touchcarousel p { font: normal 13px/20px Helvetica, Arial, sans-serif;color: #555;} /*医疗机构*/ .mechanism{background: #fafafa; padding-bottom:50px;} .mechanism .l{ width:40%; padding-left:35px; margin-bottom:70px; } .mechanism .l>.title{ font-size:20px; line-height: 36.55px; margin:20px 0 20px;} .mechanism .l .detail{ height: 854px; overflow:auto; padding-right:15px; } .mechanism .col { position:relative; border:1px solid #ccc; padding: 20px 25px; margin-bottom: 22px;} .mechanism .col .title{ font-size:16px; margin-bottom:10px; color: #0082c8; font-weight:bold;} .mechanism .col p{margin:12px 0; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 14px;color:#666;} .mechanism .col span{ position:relative;} .mechanism .col p.address{ -webkit-line-clamp:1; overflow: hidden; text-overflow:ellipsis;} .mechanism .col p.address:before{content:"";background: url(../images/address.png) no-repeat;width:30px;height:30px;display: inline-block;vertical-align: middle;} .mechanism .col .right .ovf a{color:#3b5fa1; font-size: 12px; float: right; font-weight: bold;} .mechanism .col:last-child{ margin: 0;} .mechanism .r{ width:55%; height:978px;} .doctor-address{ width: 333px; height: 201px; padding:30px 25px;} .doctor-address strong{ display: block; font-size: 18px; margin-bottom: 25px;} .doctor-address p{ font-size:14px; color:#666; font-weight: bold; line-height: 22px;} .doctor-address p label {display: inline-block; width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;} .doctor-address p label.date{ width: 200px;} /*医生详情*/ .doctor-list-banner{ background: url(../images/doctor-list-banner01.png) center center no-repeat #cfebff;} .doctor-list-banner .l{ margin-top: 165px;} .doctor-list-banner .l strong{ font-size:26px; line-height: 20px; color:#285a9b; display: block; margin-bottom: 20px;} .doctor-list-banner .l span{ font-size:15px; line-height:26px; color:#3b5ea1; display: block; margin-left:15px; margin-bottom: 5px;} .doctor-list-banner .l span:before{ content: ""; border-left:2px solid #3b5ea1; display: inline-block; height: 13px; padding-left:15px; } .doctor-list-banner .l p{ font-size:15px; line-height: 26px; color:#666; margin-left: 30px; margin-bottom: 5px;} .doctor-list-banner img{ float: right; height:560px;} .doctor-list{padding: 50px 0 0; background: #fafafa;} .doctor-list .l{ width:65%; background: #fff; padding:40px 35px 40px; min-height: 646px; border:1px solid #ccc;} .doctor-list .l .tle-p{ font-size:20px; display: block; margin-bottom: 40px; border-bottom: 2px solid #99cc66;} .doctor-list .l .tle-p label{ border-bottom: 2px solid #0082c8; margin-bottom:-2px; line-height:56px; display:inline-block; } .doctor-list .l p{ font-size:14px; line-height: 40px; color:#666;} .doctor-list .r{width: 32%; background: #fafafa;} /*商品详情*/ .product-detail{background: #f5f5f5; overflow: hidden; } .product-detail .center{margin-bottom: 80px; overflow: hidden;} .product-detail .l .crumbs{ margin: 25px 0 20px;} .product-detail .l .crumbs li{ font-size:14px; color:#bacef1; display: inline-block; line-height:50px; } .product-detail .l .crumbs li:after{content:">"; padding: 0 5px;} .product-detail .l .crumbs li:last-child:after{display: none;} .product-detail .l .crumbs .tag{color:#3b5fa1} .product-detail .l .meal{ padding:57px 46px 46px 0 ; background: #fff; border: 1px solid #e7e7e7; overflow: hidden;} .product-detail .l .meal .l{ width: 170px; text-align: center;} .product-detail .l .meal .l img{ width: 80px;} .product-detail .l .meal .r>label{ font-size:16px; color:#57b6e1; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .product-detail .l .meal .r .pc-code img{ float:left;} .product-detail .l .meal .r .pc-code .ts{ color:#666; line-height:24px; float:left; margin:62px 0 0 20px;} .product-detail .l .meal .r p{ display: block; font-size:20px; line-height:60px; color:#3b5fa1;border-bottom: 1px solid #ebeff5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .product-detail .l .meal .r p span{font-size: 16px;} .product-detail .l .meal .r img{ margin-top: 25px; cursor:pointer;} .product-detail .l .meal .r p.pay{ font-size:16px;} .product-detail .l .meal .r p.pay strong{ margin-right:20px; font-weight:normal;} .product-detail .l .meal .r p.pay.tag strong:first-child{ color:#666; text-decoration:line-through;} .product-detail .r {color:#9fcf67; width:460px;} .product-detail .r .title{font-size:18px; margin: 17px 0 10px; line-height:50px;} .product-detail .r .title:after{content:""; width:100px; height: 1px; margin-left: 20px; background: #9fcf67; display: inline-block;} .product-detail .r .detail{ border: 1px solid #ccc; padding: 20px 35px ;} .product-detail .r .col{ padding:20px 0; overflow:hidden; border-bottom: 1px solid #ccc;} .product-detail .r .col:last-child{border:none;} .product-detail .r .col img{float: left; vertical-align: middle;width:60px; text-align: left;} .product-detail .r .col p{ padding:10px 0 0 65px; font-size:14px; line-height: 20px;} .product-detail .r .col p span{ color:#9fcf67; } .product-detail .r .col p label{color:#70a92c; display: block;} .product-detail .new{/* text-align: center; */background: #fff; overflow:hidden; padding-top:50px;} .product-detail .new p{ font-size: 18px; line-height: 36px; /* color:#3b5fa1; */} /*注册*/ .login{ background: #fafafa;} .login .center{ padding:83px 75px 76px 86px; overflow: hidden; } .login .register{ width:50%; padding:0 50px; float:left; border-right:1px dashed #ccc; } .login .register:last-child{ border: none;} .login .land{ width:50%; float: left; } .login strong{display: block; line-height: 30px; font-size: 26px; margin-bottom: 25px; } .login .center input{ width:100%; height: 50px; border: 1px solid #ccc; margin-bottom: 15px; padding-left:15px; } .login .center input[type=checkbox]{ width:auto; height:auto; margin:0; line-height:inherit;} .login .center span{ display:block; padding:15px 0; line-height:inherit;} .login .center span a:last-child{ text-decoration:underline; } .login .center .copy{overflow: hidden; width: 90%;} .login .center .copy input{width: 47%; float: left;} .login .center .copy input:nth-child(2){float: right;} .login .center .copy img{padding-left: 7px;} .login .center .copy a{ width: 47%; height:50px; line-height:50px; text-align:center; float: left; font-size: 14px; color:#fff; background: #f8a25c; margin-right: 4%; margin-bottom: 15px;} .login .center label { margin-bottom: 15px; font-size:12px; color:#666;} .login .center label input{ width:20px; height: 20px; margin: 0;} .login .center label a{ text-decoration: underline; display: inline-block; margin-left: 5px;} .login .center .submission{ display:block;width:100%; height:50px; line-height: 50px; text-align: center; font-size:18px; background: #3b5ea1; color:#fff;} .login .center .wmz{ float:right;} /*个人中心*/ .personal{background: #efefef;} .personal-detail{ background: #fff; overflow: hidden;} .personal .personal-list{ float: left; width: 23%;font-size:14px; line-height:50px; color: #666; } .personal .personal-list .title{ padding:12px 0 12px 20px;color: #666; font-weight: 600;} .personal .personal-list ul li a{ padding-left: 60px; height: 50px; display: block; color: #666; font-weight: 600;} .personal .personal-list ul li .tag{ color:#3b5ea1; border-left: 3px solid #3b5ea1;padding-left: 57px; } .personal .personal-list ul li a:hover{ color:#3b5ea1; border-left: 3px solid #3b5ea1;padding-left: 57px; background: url(../images/personal-list01.png) 37px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(1){background: url(../images/personal-list1.png) 30px center no-repeat;} .personal .personal-list ul li:nth-child(1) .tag{background: url(../images/personal-list01.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(1) a:hover{ background: url(../images/personal-list01.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(2){background: url(../images/personal-list2.png) 30px center no-repeat;} .personal .personal-list ul li:nth-child(2) .tag{background: url(../images/personal-list02.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(2) a:hover{ background: url(../images/personal-list02.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(3){background: url(../images/personal-list3.png) 30px center no-repeat;} .personal .personal-list ul li:nth-child(3) .tag{background: url(../images/personal-list03.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(3) a:hover{ background: url(../images/personal-list03.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(4){background: url(../images/personal-list4.png) 30px center no-repeat;} .personal .personal-list ul li:nth-child(4) .tag{background: url(../images/personal-list04.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(4) a:hover{ background: url(../images/personal-list04.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(5){background: url(../images/personal-list5.png) 30px center no-repeat;} .personal .personal-list ul li:nth-child(5) .tag{background: url(../images/personal-list05.png) 27px center no-repeat #eaeaea;} .personal .personal-list ul li:nth-child(5) a:hover{ background: url(../images/personal-list05.png) 27px center no-repeat #eaeaea;} .personal .right{ float: right; width: 77%; padding: 38px 33px; min-height: 764px; background:#efefef ;} .personal .information{padding: 50px 45px; font-size: 14px; line-height: 30px; color:#666;} .personal .information .personal-col{width: 100%; border-bottom: 1px solid #d7d7d7; font-weight: bold;} .personal .information .personal-col img{ width: 30px; height: 30px ; margin-left: 5px;} .personal .information .personal-col .title{padding:25px 0;} .personal .information .personal-col .title p{display: inline-block;vertical-align: top;} .personal .information .personal-col .title span{ display: inline-block; padding-left: 18px; width: 150px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .personal .information .personal-col .title a{margin-right: 20px;background: url(../images/recruit-add.png) no-repeat;float: right;width: 25px; height: 25px;} .personal .information .personal-col .title a.tag{background: url(../images/recruit-reduce.png) no-repeat;} .personal .information .personal-col .txt{width:100%; background: #fff; padding:55px 25px;} .personal .information .personal-col .txt input{ width:100%; height: 42px; border: 1px solid #ccc; margin-bottom: 24px; padding-left: 15px; font-size: 14px; line-height: 30px; color: #666;} .personal .information .personal-col .txt>a{ display:inline-block; width:100%; height: 45px; background:#3b5ea1; font-size: 16px; line-height: 45px; color: #fff; text-align: center; letter-spacing: 5px;} .personal .information .personal-col .account a{float: right;} .personal .information .personal-col .account input:nth-child(even){float: right;} .personal .information .personal-col .verification{ text-align: center; } .personal .information .personal-col .verification .complete{ width:80%; border-bottom:3px solid #d9d9d9; margin: auto; padding-bottom: 25px;} .personal .information .personal-col .verification .complete span{ padding:0 10px;font-size: 16px; line-height: 30px; color: #666; padding-bottom: 25px;} .personal .information .personal-col .verification .complete span.tag{border-bottom: 3px solid #3b5ea1; color: #3b5ea1;} .personal .information .personal-col .verification .complete span.tag:after{content: ""; width: 10px; height: 10px; display: inline-block; background: #3b5ea1; position: relative; top: 41px;left:-50%; border-radius: 50px;} .personal .information .personal-col .verification .complete span:nth-child(1){float: left;} .personal .information .personal-col .verification .complete span:nth-child(3){float: right;} .personal .information .personal-col .verification>input{display: block; margin: auto; margin-top: 40px;} .personal .information .personal-col .verification .code{ overflow:hidden; width:100%; height 45px; } .personal .information .personal-col .verification .code input{ width:200px; height: 42px; float: left;} .personal .information .personal-col .verification .code a{ width:100px; height: 42px; line-height: 42px; text-align: center; color:#fff;float: right; background: #f89c51;} .personal .information .personal-col .verification .n01{ text-align:left; margin:50px auto; width:400px;} .personal .information .personal-col .verification .n01 .tc input{ width:200px;} .personal .information .personal-col .verification .n01 .tc img{ width:100px;} .personal .information .personal-col .verification .n01 a.btn{ display:block; text-align:center; background:#3b5ea1; color:#fff; height:42px; line-height:42px;} .personal .information .personal-col .business{text-align: center; height:245px; padding: 58px;} .personal .information .personal-col .business input{display: block; margin: auto;} .personal .information .personal-col .business input{margin-bottom: 25px;} .personal .information .personal-col .business .pm{ width:400px; margin:0 auto;} .personal .information .personal-col .business .pm a{ display:block; text-align:center; background:#3b5ea1; color:#fff; height:42px; line-height:42px;} .personal .information .personal-col .txt .pp input{ width:47%;} .personal .information .personal-col .txt .pp a{ width:47%; display:block; text-align:center; background:#3b5ea1; color:#fff; height:42px; line-height:42px;} .personal .col{width: 100%; background: #fff; overflow: hidden; margin-bottom: 30px; border: 1px solid #e7e7e7; } .personal .col p{ font-size:14px;line-height:20px; padding:10px 0; color: #666; overflow: hidden; } .personal .col p span{ display: inline-block;} .personal .col p em{ cursor:pointer; font-style:inherit; float:right;} .personal .col p span.mk-span label{ padding-left:70px; float:left; margin-top:-20px;} .personal .col .l{ padding:20px; width: 60%; border-right:1px solid #ddd; min-height:135px; } .personal .col .l .title{ font-size: 18px; color: #3b5fa1; font-weight:600;} .personal .col .l .first{width: 100%; } .personal .col .l .first label{ display: inline-block; } .personal .col .r{ width: 40%; } .personal .col .r a{font-size:14px; color:#fff; text-align: center; display:block; width:130px; height:35px; line-height:35px; background: #3b5fa1; position:relative; margin:auto;} .personal .col.advice{ background:#effedd; color:#71a332;} .personal .col.advice p{ color:#71a332;} .personal .col .r .picture { padding:15px; border-bottom:1px solid #ccc; text-align:left;} .personal .col .r .picture a{ display:inline-block; width:50px; height:50px; border:1px solid #ccc; background: url(../images/pdf-icon.png) center / 26px 26px no-repeat; color:#000;} .personal .col .r .time{ padding:15px;} .personal .report{background: #f6f6f6;} .personal .report .l{ padding:30px;} .personal .report .l p{ width:100%;} .personal .report .l p span{ display: block;} .personal .report .l p input{display: block; width: 100%;height: 42px; margin-bottom: 18px; font-size: 14px; background: #f6f6f6; border: 1px solid #ccc;} .personal .report .l p textarea{ padding:10px; display: block; width: 100%; height: 200px; font-size: 14px; margin-bottom: 15px; background: #f6f6f6; border: 1px solid #ccc;} .personal .report .l p img{ width: 68px; height: 68px; margin-right: 5px;} .personal .report .r{ padding:150px 0 50px; background: url(../images/medical-certificate-icon.png) center 60px no-repeat; } .personal .report .r input[type=file]{ top:0; left:0; position:absolute; width:100%; height:100%; filter:alpha(opacity=0); opacity:0;} .personal .report .l .uploaded_list a{ display:block; line-height:30px; height:30px; padding-left:28px; background:url(../images/pdf-icon.png) left center / 20px 20px no-repeat;} .personal .report .l .uploaded_list a i{ margin-left:10px; color:#666; font-style:initial;} .personal .report .l .uploaded_list a i:hover{ text-decoration:underline;} .personal .report .l .uploaded_list label{ float:left; width:280px; overflow:hidden; height:30px; line-height:30px;} .personal .report .r a{ } .personal .report .picture{ padding: 18px 18px 0px 0;float: left;} .personal .report .picture img{ width: 68px; height: 68px; margin-right: 5px;} .personal .report .picture a{ background: url(../images/medical-certificate03.png) center no-repeat; width: 68px; height: 68px; margin: 0; display: inline-block; border: 1px solid #e7e7e7;} .personal .report .r .bz{ text-align:center; display:block; margin:0 20px 20px; line-height: 20px; color:#666;} .personal .detailed .picture{ padding: 18px 18px 0px 0;float: left;} .personal .detailed .picture img{ width: 68px; height: 68px; margin-right: 5px;} .personal .detailed{ height:210px;} .personal .detailed .l{padding:30px 40px;} .personal .detailed .l .number span{ color: #979797;} .personal .detailed .l .number span:nth-child(1){width: 50%;} .personal .detailed .l p{float: none;} .personal .detailed .r a{ top: 90px;} .personal .reservation .l .date{ font-size:16px; color: #f9ac6d;} .personal .reservation .r{padding: 20px 35px;} .personal .reservation .r .remarks{height: 100px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal;} .personal .reservation .r a{ float: right;} .personal .visit .r{ background: url(../images/medical-certificate-icon01.png) center 65px / 60px 60px no-repeat; padding: 150px 0 50px;} .personal .visit .r a{ } .personal .upload .title>label{ font-size:27px; color:#3b5ea1;} .personal .upload .title span{ float: right; font-size: 14px;line-height: 50px; color: #666;} .personal .upload .title .first{ width: 170px;} .personal .upload .title .first label{ width: 120px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: inline-block; vertical-align: middle;} .personal .upload .advice{background: #fbfff6;} .personal .upload .col{height:139px; } .personal .upload .col .l{ padding:0 0 0 25px;} .personal .upload .col .l textarea{margin-top: 20px; width: 100%; height: 98px;} .personal .upload .col .picture{ padding: 18px 18px 10px; border-bottom: 1px solid #e7e7e7;} .personal .upload .col .picture img{ width: 68px; height: 68px; margin-right: 5px;} .personal .upload .col .picture a{ background: url(../images/medical-certificate03.png) center no-repeat; width: 68px; height: 68px; margin: 0; display: inline-block; border: 1px solid #e7e7e7;} .personal .upload .col .time{ padding-left: 18px; line-height: 38px; color: #979797;} .personal .upload .col.last .l p{ float: left; width:75%;} .personal .upload .col.last .l .left{ float:left; width: 15%;height: 100%;} /*在线预约*/ .online{ border: 1px solid #ccc;padding: 25px 19px 30px;} .online .title{margin-bottom: 25px; line-height: 26px; font-size:20px; color:#666; } .online .title strong{ display:block; width:100%; } .online .title span{ cursor:pointer; color:#3b5ea1; width:50%; float:left; text-align:center; } /* .online .title span.tag{ font-size:20px; color:#3b5ea1;} */ .online .new_group{ width:50%; float:left; } .online input{ font-size:14px; padding-left:5px; background:none; border:none;width:100%;display: block;height:38px; padding-left:5px;border-bottom: 1px solid #ccc; margin-bottom: 15px;} .online textarea{ padding-left:5px; height:102px; font-size:14px; background:none; width:100%; padding:30px 0 0 5px; margin: 0; display: block; border:none; border-bottom: 1px solid #ccc;} .online select{ width:20%; height: 41px; font-size:14px;color:#666;border-bottom: 1px solid #ccc; padding-left:5px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/bottom.png) no-repeat scroll right center transparent;border-radius: 0;} .online select.store{ width:78%;} .online a{ line-height:50px; text-align:center; font-size:20px;color:#fff; background: #58b6e1;letter-spacing: 1px;margin-top: 30px;display:block;} .order .r .online input[type=date]{ padding:0;} .online .g_code{ text-align:center; padding:100px 0 20px; } .online .g_code img{ width:50%;} .online .g_code label{ display:block; text-align:center; font-size:16px; color:#666; } /*在线预约弹框*/ .online-booking-cen{ position:fixed; width:800px; margin-left: -400px; top:120px;} .online-booking-cen input{ background: #fff; color:#666; border-bottom: 1px solid #ccc;} .online-booking-cen textarea{background: #fff; color:#666; border-bottom: 1px solid #ccc;} .online-booking-cen select{ color:#666; border-bottom: 1px solid #ccc;} /*留言反馈弹框*/ .feedback-cen{ position:fixed; width: 600px; margin-left: -300px; top: 50px;} .feedback-cen textarea{height:280px ;} /*搜索*/ .seach{background: #fafafa;} .seach .center .l .department p{ font-size: 22px; color:#3b5fa1 ; border-bottom: 1px solid #ccc; line-height: 30px; padding-bottom: 10px;} .seach .center .l .department p a{ color:#3b5fa1 ;} .seach .center .online a{ border: none;padding: 0; text-align:center; width:auto; color:#fff; font-size:20px;color:#fff;background: #58b6e1;letter-spacing: 2px;margin-top: 30px;display: block;} .seach .mechanism .col{background: #fff;} .seach .center>.l{ width: 62.6666%;} .seach .center>.l .title{ font-size: 16px; line-height: 26px; color: #000; font-weight: bold; margin: 25px 0;} .seach .center>.l .no-p{ font-size:14px; color:#666;} .seach .mechanism .col .title{margin: 0;} .seach .mechanism .col a{float: right; color: #3b5fa1; font-weight: bold;} .seach .department-doctor{padding: 0;} .seach .department-doctor .col{ width: 49%; background: #fff;} .seach .department-doctor .col .l span.title{ margin: 0px;} .seach .news{ padding-bottom: 40px;} .seach .news .news_list .col{border-bottom: 1px solid #ededed; padding: 10px 0 10px;} .seach .news .news_list .col:last-child{ border:none;} .seach .news .news_list .col p{ font-size: 15px; color: #666; margin: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .seach .news .news_list .col p strong{ font-size: 16px; color: #000;} .seach .product{ overflow: hidden;} .seach .product .col{ width:33.3333%; margin:0;} .seach .r{ width: 33.3333%; margin-top:65px;} .seach .r.relevant>a{width: 100%;} .seach .r .online{ margin-top:65px;} .pub-r{ width:32%; float:right;} .pub-r .news-right{} .pub-r .news-right a{ line-height: 64px; font-size: 15px; display: block; padding-left: 30px; color: #666; border: 1px solid #d5d5d5;margin-bottom: 19px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .pub-r .news-right a:before { padding-left: 30px; border-left: 2px solid #666;content: "";} .pub-r .news-right a:hover { background: #99cc66; color: #fff; border: none; padding: 1px 1px 1px 31px;} .pub-r .news-right a:hover:before{border-left: 2px solid #fff;} .pub-r .news-right a.tag { background: #99cc66; color: #fff; border: none; padding: 1px 1px 1px 31px;} .pub-r .news-right .pve{ background: #e6e6e6;} .pub-r .news-right .next{ background:#e6e6e6;} .pub-r .news-right .type{ background:#f0f0f0;} .pub-r .news-right .pve:before{ background:url(../images/left-jt.png) no-repeat; border:0;} .pub-r .news-right .next:before{ background:url(../images/right-jt.png) no-repeat; border:0;} .pub-r .news-right a:hover.next:before{ background:none;} .pub-r .news-right a:hover.pve:before{ background:none;} .pub-nodata{ color:#666; text-align:center; background:url(../images/no-data.png) center 100px no-repeat #fff; width:100%; padding:180px 0 100px;} /*找回密码*/ .password{ width:600px; margin:50px auto;} .password .verification{ text-align: center; height: 317px;} .password .verification .complete{ height:58px; border-bottom:3px solid #d9d9d9; margin-bottom:20px; } .password .verification .complete span{ display:inline-block; position:relative; padding:0 10px;font-size: 16px; line-height: 30px; color: #666; padding-bottom: 25px;} .password .verification .complete span.tag{border-bottom: 3px solid #3b5ea1; color: #3b5ea1;} .password .verification .complete span.tag:after{content:""; width: 10px; height: 10px; background: #3b5ea1; position:absolute; top:51px; margin-left:-5px; left:50%; border-radius:50%;} .password .verification .complete span:nth-child(1){float: left;} .password .verification .complete span:nth-child(3){float: right;} .password .verification>input{display: block; margin: auto; margin-top: 40px;} .password .verification .code{ overflow:hidden; width:100%; height 45px; } .password .verification .code input{ width:200px; height: 42px; float: left;} .password .verification .code a{ width:180px; height: 42px; line-height: 42px; text-align: center; color:#fff;float: right; background: #f89c51;} .password .verification .n01{ text-align:left; margin:50px auto; width:400px;} .password .verification .n01 .tc input{ width:200px;} .password .verification .n01 .tc img{ width:100px;} .password .verification .n01 a.btn{ display:block; text-align:center; background:#3b5ea1; color:#fff; height:42px; line-height:42px;} .password .verification .k01{ padding:80px 0;} .password .verification .k01 a{ font-size:14px; margin:0 50px; color:#666; display:inline-block; border:1px solid #ccc; width:100px; line-height:100px; height:100px;} .password .verification .k01 a:hover{ border:1px solid #0082c8; background:#0082c8; color:#fff;} .password .cen{ text-align:left; width:400px; margin:80px auto; overflow:hidden;} .password .cen input { width: 100%; height: 42px; border: 1px solid #ccc; margin-bottom: 24px; padding-left: 15px; font-size: 14px; line-height: 30px; color: #666; } .password .verification .tu-img input{ width:200px;} .password .verification .tu-img img{ float:right; vertical-align:middle;} .password .verification .btn{ height:42px; line-height:42px; background:#0082c8; color:#fff; display:block; text-align:center;} /*map*/ .div-map{ top:100px; position:fixed; height:450px; background:#fff; border-radius:5px; z-index:9999; padding:20px; width:1000px; left:50%; margin-left:-500px;} .div-map .map-list{ height:410px; overflow-y:scroll;} .div-map .map-list .col{ border-bottom:1px solid #ccc; overflow:hidden; width:421px; font-size:14px; color:#666; padding:10px;} .div-map .map-list .col strong{ padding-bottom:10px; font-size:14px; display:block; background:url(../images/div-line.png) left bottom no-repeat; } .div-map .map-list .col p{} .div-map .map-list .col .address{ padding:5px 0; } .div-map .map-list .col .phone{ font-size:18px; padding:5px 0; background:url(../images/div-phone.png) top left no-repeat; padding-left:32px;} .div-map .map-list .col.tag{ background:#f3f3f3;} .div-map .map-cen{ background:red; width:500px; height:410px; overflow:hidden;} .div-map .close{ border-radius:50%; top:-15px; right:-15px; background:url(../images/div-close.png) no-repeat #fff; width:33px; height:33px;} #banner{ margin:0 auto; width:585px;} .medical-structure #banner.touchcarousel li{ width:585px;} #banner.touchcarousel .arrow-icon.right{ background:none;} #banner.touchcarousel .arrow-icon.left{ background:none;} .leftLoop{ width:1200px;} .leftLoop .bd{ width:1200px;} .leftLoop .bd .touchcarousel-container{ width:1200px;} .leftLoop .bd .touchcarousel-container li{ width:160px; text-align:center; overflow:hidden; height:60px; } .leftLoop .bd .touchcarousel-container li a{ margin:0 auto;} .leftLoop .hd { position:relative;} .leftLoop .hd a.next{ z-index:9990; position:absolute; top:18px; right:0; float:right; display:block; background: url(../images/d7-02.png) center / 14px 25px no-repeat #fff; width:14px; height:25px; } .leftLoop .hd a.prev{ z-index:9990; position:absolute; top:18px; left:0; display:block; background: url(../images/d7-01.png) center / 14px 25px no-repeat #fff; width:14px; height:25px;} .leftLoop .hd ul{ display:none;} /*隐私条款*/ .privacy-div{ position:fixed; border-radius:5px; padding:20px; background:#fff; z-index:9999; width:600px; top:50%; margin-top:-258px; left:50%; margin-left:-300px; } .privacy-div strong{ font-size:18px; margin:20px 0 30px; display:block; text-align:center;} .privacy-div .txt{ margin-bottom:20px; font-size:14px; height:280px; overflow-y:scroll;} .privacy-div .txt p{ color:#666; margin-bottom:10px; line-height:26px;} .privacy-div .txt b{ display:block; margin:20px 0;} .privacy-div .btn{ text-align:center; margin:50px 0 20px;} .privacy-div .btn a{ display:inline-block; border-radius:5px; padding:0 60px; height:50px; line-height:50px; text-align:center; font-size:18px; background:#3b5ea1; color: #fff;} .pub-mobile{ display:none;} .doctor-banner .banner03 li{ overflow:hidden;} .doctor-banner .banner03 li img{ float:right;} .doctor-banner .leftLoop .hd {width:100%; position:absolute; z-index:9996; bottom:20px; } .doctor-banner .leftLoop .hd ul{display:block; text-align:center;} .doctor-banner .leftLoop .hd ul li{ margin:0 5px; cursor:pointer; color:#ccc; height:12px; width:12px; background:#ccc; border-radius:50%; display:inline-block;} .doctor-banner .leftLoop .hd ul li.on{ background:#f68428; color:#f68428;} .doctor-banner .leftLoop .hd a.prev{ display:none;} .doctor-banner .leftLoop .hd a.next{ display:none;} /*20240831addClass*/ .new_banner{ margin:0 20px; } .new_services{ padding:100px 0; } .new_services .title{ margin-bottom:50px; overflow:hidden; } .new_services .title b{ font-size:36px; color:#00518c; display:block; margin-bottom:15px; } .new_services .title span{ font-size:36px; color:#333;} .new_services .list{ display: flex; flex-wrap: wrap; margin-right: -35px;} .new_services .list .col{ padding-right: 35px; display: inline-block; flex: 1;} .new_services .list .col img{ display:block; width:100%;} .new_services .list .col .bor{ position:relative; } .new_services .list .col .bor b{ color:#fff; font-size:22px; position:absolute; bottom:50px; width:100%; text-align:center; font-weight:normal; } .new_business{ background:url(../images/new_business.jpg) center / cover no-repeat; height:430px; text-align:center; padding:80px 0; } .new_business .title{ margin-bottom:50px; overflow:hidden; } .new_business .title b{ font-size:36px; color:#00518c; display:block; margin-bottom:15px; } .new_business .title span{ font-size:36px; color:#333;} .new_business .txt{ font-size:18px; font-weight:300; padding: 0 5%;} .new_business .txt p{ line-height:32px;} .new_business .txt a.btn{ color:#fff; background-image: linear-gradient(to right, #0082c8, #98cc6c); border-radius: 50px; display:inline-block; height:42px; line-height:42px; font-size:14px; padding:0 30px 0 40px; margin-top:30px; } .new_business .txt a.btn i{ background:url(../images/new_jt.png) center no-repeat; width:42px; height:42px; display:inline-block; vertical-align:top } .new_doc_five{ padding:100px 0; } .new_doc_five .l{ padding-right:5%; } .new_doc_five .l .title{ margin-bottom:50px; overflow:hidden; } .new_doc_five .l .title b{ font-size:36px; color:#00518c; display:block; margin-bottom:15px; } .new_doc_five .l .title span{ font-size:36px; color:#333;} .new_doc_five .l .txt{ font-size:16px; line-height:32px; color:#333; font-weight:300; padding-right:50px; } .new_doc_five .l .txt a.btn{ color:#fff; background-image: linear-gradient(to right, #0082c8, #98cc6c); border-radius: 50px; display:inline-block; height:42px; line-height:42px; font-size:14px; padding:0 30px 0 40px; margin:30px 0 40px; } .new_doc_five .l .txt a.btn i{ background:url(../images/new_jt.png) center no-repeat; width:42px; height:42px; display:inline-block; vertical-align:top } .new_doc_five .l img{ display:block; width:100%;} .new_doc_five .r .list{ margin:20px 0 38px; overflow:hidden; } .new_doc_five .col.member{ width:30%;} .new_doc_five .col.network{width:20%;} .new_doc_five .col{ color:#00518c; overflow: hidden; width: 25%; display: block; float: left;} .new_doc_five .col img{float: left;} .new_doc_five .col p{font-size:16px;line-height:26px;float: left; text-align:center; color:#666; font-weight:300; } .new_doc_five .col p span{font-size:40px; display: block; padding:30px 0 20px; color:#00518c; font-weight:bold;} .new_doc_five .r img{ display:block; width:100%;} .new_news{} .new_news .title{ margin-bottom:50px; overflow:hidden; text-align:center; } .new_news .title b{ font-size:36px; color:#00518c; display:block; margin-bottom:15px; } .new_news .title span{ font-size:36px; color:#333;} .new_news .list{ display: flex; flex-wrap: wrap; margin-right: -35px;} .new_news .list .col{ padding-right: 35px; display: inline-block; flex: 1;} .new_news .list .col img{ display:block; width:100%; margin-bottom:20px; } .new_news .list .col b{ font-size:18px; display:block; font-weight:normal; margin-bottom:15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:50px; overflow:hidden;} .new_news .list .col span{ color:#666; font-size:14px; } .new_news .more{ text-align:center;} .new_news a.btn{ color:#fff; background-image: linear-gradient(to right, #0082c8, #98cc6c); border-radius: 50px; display:inline-block; height:42px; line-height:42px; font-size:14px; padding:0 30px 0 40px; margin:50px auto 40px; } .new_news a.btn i{ background:url(../images/new_jt.png) center no-repeat; width:42px; height:42px; display:inline-block; vertical-align:top } .new_doc_seven{ background:#f4f4f4; padding:60px 0; } .new_doc_seven .title{ margin-bottom:50px; overflow:hidden; } .new_doc_seven .title b{ font-size:36px; color:#00518c; display:block; margin-bottom:15px; } .new_doc_seven .title span{ font-size:36px; color:#333;} .new_doc_seven .scroll{ overflow:hidden; } .new_doc_seven .scroll ul{ height:90px; white-space: nowrap;} .new_doc_seven .scroll li{ display:inline-block; margin:10px; } .new_doc_seven .scroll li:nth-child(even){ } .new_doc_seven .scroll img { width:235px; height:61px; /* opacity:0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); */ } /* .new_doc_seven .scroll img:hover{ opacity:1; filter:none; -webkit-filter:none; -moz-filter: none; -ms-filter: none; -o-filter:none;} */ @media screen and (max-width:1400px) { .new_center{ width:95%; margin:0 auto; padding:0 20px;} .head .ump .logo{ margin-top:15px;} .head .ump .r{ margin-top:25px;} .head .ump{ height:100px;} .head .ump .ct span{ font-size:26px;} .banner{ height:400px; } .head .ump .btn{ margin:0; font-size:14px;} .head .ump .btn .name{ margin-top:13px;} .center{ width:1000px; margin:0 auto;} .head .nav{ font-size:12px;} .head li a{ padding:0 10px;} .head li .son a{ padding:5px 10px;} .medical-structure .center>.col{ height:242.5px;} .medical-structure .center>.col p a{ margin:40px 10px 15px 0;} .medical-structure .center>.col p a:last-child { margin:40px 0 15px 0;} .medical-structure .center>.col.doc-about{ padding:30px 20px 20px; background: url(../images/doc02.png) top right no-repeat #8cc841; } .medical-structure .center>.col p.tag { border-radius:5px ;} .medical-structure .center>.col p a img{ width:90%;} .medical-structure .center>.col.doc-hot {background:url(../images/doc03.png) top right no-repeat;} .medical-structure .center>.col.doc-discount { background:url(../images/doc06.png) top right no-repeat #f68428;} .medical-structure .center>.col.doc-hot>a{ width:100%;} .medical-structure .center>.col>a{ width:100%; background:url(../images/doc04.png) center right no-repeat;} .medical-structure .center>.col.doc-discount .title{ padding-bottom:22px;} .medical-structure .center>.col.doc-hot .title{ padding-bottom:22px;} .medical-structure .touchcarousel{ width:680px;} .medical-structure .touchcarousel .col{ width:225px; padding-right:20px;} .medical-structure>.tage{ margin-left:-242px; height:500px;} .doctor-banner .touchcarousel li{ width:1000px;} .order .l .touchcarousel{ width:450px;} .order .l .touchcarousel li{ width:450px;} .order .l .touchcarousel .arrow-holder.left{ left:330px;} .order .r{ padding:65px 0 0 80px;} .doc-five .col p span{ font-size:26px;} .doc-seven #cp06{ width:1000px;} .order .l .col p{ width:340px;} /*医疗机构*/ /*医生及科室*/ .department-doctor .col img{ width:150px;} .department-doctor .col{ height:150px;} .details .center>.l{ width:650px;} .details .l .doctor #carousel-image-text-horizontal{ width:650px;} .details .center>.r a{ width:320px;} .department-doctor .col .span-img{ width:150px; height:150px;} /*健康课堂*/ .healthy{ width:1000px;} .mechanism-detail .l .content.doctor li{ width:162px;} .mechanism-detail .l .content.all li{ width:162px;} .details .l .doctor #carousel-image-text-horizontal .touchcarousel-item{ width:162px;} .doc-seven #cp06 .touchcarousel-item{ width:250px;} /*产品详情*/ .product-detail .l .meal .r{ width:400px;} .product-detail .r{ width:340px;} .medical-structure .center>.tage{ height:242.5px;} .medical-structure .center>.tage .ovf{ width:485px; height:242.5px;} .medical-structure .center>.tage img{ width:100%; height:242.5px;} .doctor-banner .touchcarousel { height: 420px; margin: auto;} .doctor-banner .touchcarousel .touchcarousel-item { height: 420px;} .doctor-banner .touchcarousel li img.pub-pc { width: 420px;} .doctor-banner .col{ float:left;margin-top:70px; font-size:14px; line-height: 36px; color:#285a9b; margin-left:15px;} /* .doc-six{ height: 420px;} .doc-six .touchcarousel{ height:420px;} .doc-six .touchcarousel ul li{ height:420px;} .doc-six .l{ height:400px;} */ .doc-seven .touchcarousel{ width:1000px;} .doc-seven .touchcarousel .touchcarousel-item{ width:250px;} .doc-seven .touchcarousel img{ width:90%; height:auto;} .department-doctor .col .l{ width:150px;} #banner{ margin:0 auto; width:485px;} .medical-structure #banner.touchcarousel li{ width:485px;} #banner.touchcarousel .arrow-icon.right{ background:none;} #banner.touchcarousel .arrow-icon.left{ background:none;} .doc-six .l{width:33%; } .doc-six .touchcarousel{ width:67%;} .leftLoop{ width:1000px;} .leftLoop .bd{ width:1000px; padding-left:15px;} .doctor-banner-img { background: url(../images/doctor-banner-img.jpg) center / cover no-repeat; height:200px; } } @media screen and (max-width:1200px) { .new_center{ width:1200px;} }