/* 内页通用样式 */ .banner{ width: 100%; height: 6.281rem; background: url(../webimg/page-banner.jpg); -webkit-background-size: 100% 100%; background-size: 100% 100%; } .banner h3{ font-size: 1.093rem; color: #822a2c; font-weight: bold; height: 4.468rem; line-height: 5rem; } .pagenav{ overflow:hidden; } .pagenav li{ float: left; margin-top: 0rem; margin-right: 1.406rem; } .pagenav li a{ font-size: 0.75rem; color: #444444; height: 1.812rem; line-height: 0.812rem; width: 3.125rem; text-align: center; display: block; } .pagenav li a.active{ border-top: 0.062rem solid #822a2c; color: #822a2c; height: 1.75rem; } .body{ background: url(../webimg/btmbg.jpg) center bottom no-repeat; -webkit-background-size: 100%; background-size: 100%; padding-bottom: 1.875rem; /* margin-top:35px; */ } .pageBox{ font-size: 0.562rem; height: 0.875rem; padding-top: 0.625rem; line-height: 0.9rem; color: #888888; } .pageBox .icon-home{ background: url(../webimg/icon-home.png) no-repeat; display: inline-block; width: 0.5rem; height: 0.5rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .pageBox a{ color: #888888; } .more{ font-size: 0.625rem; color: #888888; text-align: center; background-color: #fff; border: 0.031rem solid #d4d4d4; width: 7.062rem; height: 1.875rem; line-height: 1.875rem; display: block; margin: 1.25rem auto 0; } /*新闻列表页*/ .news-list{ } .news-list li{ height: 3.875rem; border-bottom: 0.031rem solid #ececec; padding-top: 0.706rem; } .news-list li .list-tit{ height: 1.718rem; line-height: 1.718rem; font-size: 0.75rem; color: #444444; } .news-list li .list-time{ height: 0.937rem; margin-top: 0.468rem; line-height: 0.937rem; font-size: 0.625rem; color: #999999; } /* 人物列表页 */ .per-list{ height: 50rem; } .per-list li{ float: left; margin-top: 1.25rem; } .per-list li:nth-child(even){ margin-right: 0 ; } .per-list li:nth-child(odd){ margin-right: 1.25rem; } .per-list li img{ width: 8.687rem; height: 4.875rem; display: block; border: 0.031rem solid #d9d9d9; } .per-list li .per-font{ background: url(../webimg/per-btm.jpg) no-repeat; width: 8.687rem; height: 3.593rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; border: 0.031rem solid #d9d9d9; border-radius: 0 0 0.468rem 0.468rem; border-top: none; } .per-list li .per-font .icon-sq{ display: block; top: -0.578rem; left: 50%; margin-left: -0.578rem; width: 1.156rem; height: 1.156rem; background: url(../webimg/per-icon.png) ; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .per-list li .per-font p{ color: #444444; padding: 0.781rem; font-size: 0.687rem; line-height: 0.937rem; } /* 内容页 */ .cont-tit{ padding: 0.625rem 0; border-bottom: 0.031rem solid #ececec; } .cont-tit h3{ color: #822a2c; line-height: 1.093rem; font-size: 0.875rem; text-align: center; } .cont-tit p{ font-size: 0.6rem; margin-top: 0.468rem; line-height: 1rem; text-align: center; } .cont-tit p strong{ color: #444444; font-size: 0.75rem; } .cont-tit p span{ font-size: 0.562rem; color: #888888; } .cont-cont{ padding: 1.25rem 0; } .cont-cont p{ font-size: 0.687rem; line-height: 1.406rem; color: #444444; text-indent: 1.25rem; } .cont-cont img{ height: 10.5rem; width: 19.5rem; margin: 1.25rem auto; } .pagelist{ padding-top: 0.781rem; border-top: 0.031rem solid #ececec; } .pagelist li{ padding-top: 0.468rem; } .pagelist li a{ font-size: 0.687rem; color: #444444; /* margin-top: -5.9rem; */ /* color: #000000; */ display: block; } .pagelist li span{ display: block; } .pagelist li em{ font-size: 0.687rem; color: #822a2c; float: left; margin: 0 0.156rem; } .pagelist li p{ /* line-height: 1.1rem; */ display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; overflow:hidden; font-size: 0.687rem; color: #444444; /* float: left; */ } .arr-nex,.arr-per{ width: 0.718rem; height: 0.75rem; display: block; float: left; margin-top: 0.093rem; } .arr-per{ background: url(../webimg/arr-pper.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } .arr-nex{ display: block; background: url(../webimg/arr-pnex.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } /* 层叠轮播图 */ #certify { position: relative; width: 100%; margin: 0 auto } #certify .swiper-container { /* padding-bottom: 60px; */ } #certify .swiper-slide { width: 12.5rem; height: 7.031rem; background: #fff; /* box-shadow: 0 8px 30px #ddd; */ } #certify .swiper-slide img{ display:block; width: 12.5rem; height: 7.031rem; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; /* border: 3px solid #fff; background-color: #d5d5d5; */ width: 0.312rem; height: 0.312rem; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 0.093rem solid #00aadc; background-color: #fff; } /* #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } */ .messagebox{} .messagebox .hd { margin-top: 0.861rem; height: 1.875rem; line-height: 1.875rem; font-size: 0.687rem; margin-bottom: 0.937rem; } .messagebox .hd ul { overflow: hidden; width: 12.5rem; margin: 0 auto; } .messagebox .hd ul li { float: left; width: 5.625rem; height: 1.875rem; text-align: center; border-radius: 2.5rem; background-color: #ababab; margin-right: 1.111rem; color: #ffffff; position: relative; } .messagebox .hd ul li:last-child{ margin-right: 0; } .messagebox .hd ul .on { background-color: #822a2c; } .messagebox .hd ul .on a { display: block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ } .messagebox{ } .messagebox .con{ } /* 搜索框 */ .search-empty{ width: 18.75rem; height: 1.166rem; } .expt-search { position: relative; width: 18.75rem; height: 1.166rem; overflow: hidden; -webkit-transition: .4s cubic-bezier(0, 0.8, 0, 1); -moz-transition: .4s cubic-bezier(0, 0.8, 0, 1); transition: .4s cubic-bezier(0, 0.8, 0, 1); -webkit-backface-visibility: hidden; } .expt-input { position: absolute; top: 0; right: 0; border: none; outline: none; width: 98%; height: 1.055rem; line-height: 1.055rem; z-index: 1; font-size: 0.5rem; color: #9f9f9f; background: #FFFFFF; border: 0.027rem solid #9c555d; text-indent: 0.277rem; } .expt-input:-webkit-input-placeholder { color: #9f9f9f; } .expt-input:-moz-placeholder { color: #9f9f9f; } .expt-input:-moz-placeholder { color: #9f9f9f; } .expt-input:-ms-input-placeholder { color: #9f9f9f; } .expt_search_ico, .expt_search_btn { width: 2.187rem; height: 1.1105rem; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 1.1105rem; font-size: 0.5rem; cursor: pointer; } .expt_search_ico { background: #9c555d ; color: #ffffff; z-index: 2; text-align: center; } .select_box{ /* padding-bottom: 0.937rem; */ } .select_hd{ height: 1.875rem; width: 18.75rem; background-color: #822a2c; border-radius: 0.312rem 0.312rem 0 0; border: 0.031rem solid #9c555d; margin-top: 0.937rem; } .select_hd p{ font-size: 0.75rem; color: #ffffff; height: 1.875rem; line-height: 1.875rem; text-indent: 0.937rem; } .select_hd .icon-sj-up{ background: url(../webimg/arr-up.png); width: 0.718rem; height: 0.437rem; display: block; top: 0.781rem; right: 0.937rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .select_hd .icon-sj-dw{ background: url(../webimg/arr-down.png); width: 0.718rem; height: 0.437rem; display: block; top: 0.781rem; right: 0.937rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .stop-tit{ font-size: 0.75rem; font-weight: bold; color: #444444; width: 4rem; padding-top: 0.737rem; line-height: 1.2; margin-left: 1rem; } .types{ background-color: #f4f2f3; width: 18.75rem; border-radius: 0 0 0.312rem 0.312rem; border: 0.031rem solid #d9d9d9; padding-bottom: 1.937rem; } .types li{ padding-top: 0.937rem; } .stop-icon{ background: url(../webimg/icon-stop.png); width: 0.625rem; height: 0.218rem; margin-top: 1.031rem; -webkit-background-size: 100%; background-size: 100%; } .stop-bd{ width: 8.575rem; border: 0.031rem solid #bababa; text-align: left; padding: 0.625rem 1.562rem; background: #FFFFFF; } .stop-bd p{ height: 1.031rem; line-height: 1.031rem; font-size: 0.75rem; color: #444444; } .bg-h{ background-color: #f4f2f3; } .tableBox{ margin-top: 0.937rem; border-radius: 0.625rem 0.625rem 0 0; overflow: hidden; } table{ margin: 0 auto; border-collapse: collapse; border-spacing: 0; } table th{ background-color: #822a2c; height: 1.875rem; line-height: 1.875rem; /*border-top: 0.031rem solid #9c555d; border-bottom: 0.031rem solid #9c555d; border-left: 0.031rem solid #eeeeee; border-right: 0.031rem solid #eeeeee;*/ font-size: 0.75rem; color: #ffffff; } table tr th:first-child{/*设置table左边边框*/ border-left: 0.031rem solid #9c555d; } table tr th:last-child{/*设置table右边边框*/ border-right: 0.031rem solid #9c555d; } /* table tr:first-child th:first-child { border-top-left-radius: 0.312rem; } table tr:first-child th:last-child { border-top-right-radius: 0.312rem; } */ .w1{ width: 3.437rem;} .w2{ width: 6.25rem;} .w3{ width: 5.312rem;} .w4{ width: 3.75rem;} table td{ /* background-color: #ffffff; */ /* height: 1.875rem; */ /* line-height: 1.875rem; */ /* border-top: 0.031rem solid #d9d9d9; */ /* border-bottom: 0.031rem solid #d9d9d9; */ /* border-left: 0.031rem solid #d9d9d9; */ /* border-right: 0.031rem solid #d9d9d9; */ font-size: 0.75rem; text-align: center; color: #444444; } .icon-stop{ background: url(../webimg/icon-t3.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; padding: 0 0.39rem; margin-left: 0.093rem; /* display: inline-block; */ /* width: 0.781rem; height: 0.781rem; */ } .icon-ht{ background: url(../webimg/icon-t2.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; padding: 0 0.39rem; margin-left: 0.093rem; } .icon-bt{ background: url(../webimg/icon-t1.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; padding: 0 0.39rem; margin-left: 0.093rem; } table .fz-bule{ color: #003bd0; } .icon-not{ background: url(../webimg/notic.png); display: block; width: 0.875rem; height: 0.875rem; -webkit-background-size: 100%; background-size: 100%; margin-right: 0.625rem; margin-top: 0.156rem; } .tab-notice{ width: 95%; margin-top: 0.781rem; background: #FFFFFF; font-size: 0.75rem; color: #444444; line-height: 1.2rem; padding-left: 0.843rem; padding-top: 1.25rem; border: 0.031rem solid #d9d9d9; border-top: 0.093rem solid #822A2C; height: 5.687rem } /* 专家荟萃 */ .zjhc-box{ margin-top: 1.875rem; width: 11.25rem; padding-left: 7.5rem; padding-top: 0.625rem; padding-bottom: 0.937rem; border: 0.031rem solid #dedede; background-color: #f5fdff; border-radius: 0.937rem; } .doc{ width: 5.468rem; height: 7.687rem; display: block; top: -0.781rem; left: 0.937rem; } .link-doc{ font-size: 0.75rem; color: #444444; line-height: 1.562rem; height: 1.562rem; top: -0.781rem; right: 0.937rem; } .link-doc span{ background: url(../webimg/link-doc.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; height: 1.562rem; width: 1.562rem; display: block; float: left; margin-right:0.312rem; } .doc-name{ font-size: 0.75rem; color: #444444; letter-spacing:0.093rem; height: 1.312rem; line-height: 1.312rem; font-weight: bold; } .doc-line{ width: 0.781rem; height: 0.062rem; background-color: #6e3200; margin-bottom: 0.468rem; } .doc-drc{ line-height: 1.093rem; font-size: 0.75rem; color: #444444; } .doc-drc strong{ font-weight: bold; display: block; float: left; } .doc-drc em{ display: block; float: left; } .clinic-title{ width: 15.625rem; height: 1.875rem; padding: 0.937rem 0 0 0.937rem; } .clinic-icon{ width: 0.937rem; height: 0.875rem; display: block; border: none; margin-top: 0.218rem; } .clinic-title p{ height: 1.25rem; line-height: 1.25rem; font-size: 0.875rem; color: #444444; width: 4.687rem; text-align: left; text-indent: 0.312rem; } .clinic-link{ font-size: 0.75rem; font-weight: bold; color: #ffffff; width: 3.125rem; height: 1.25rem; line-height: 1.25rem; text-align: center; background-color: #9c555d; border-radius: 1.25rem; } .clinic-body{ width: 18.75rem; margin: 0 auto; border-radius: 0.625rem; border: 0.031rem solid #dedede; padding-bottom: 1.562rem; } .clinic-main{ width: 4.843rem; height: 2.812rem; border: 0.031rem solid #dedede; margin-top: 2.475rem; margin-left: 0.635rem; margin-right: 0.635rem; } .nm{margin-right: 0;} .clinic-main p{ font-size: 0.687rem; color: #444444; line-height: 1.031rem; padding-top: 0.468rem; text-align: center; } .clin-per{ background: url(../webimg/clin-per.png); -webkit-background-size: 100%; background-size: 100%; width: 0.968rem; height: 1.093rem; display: block; top: -1rem; left: 50%; margin-left: -0.494rem; } .clin-ampm{ display: block; width: 0.937rem; height: 0.937rem; line-height: 0.937rem; bottom: -0.562rem; left: 50%; margin-left: -0.4695rem; color: #FFFFFF; font-size: 0.562rem; background-color: #9c555d; border-radius: 0.937rem; text-align: center; } .clinic-notice{ border: 0.031rem solid #dedede; border-radius: 0.625rem; margin-top: 40px; padding: 0.625rem 0.937rem; text-align: left; background-color: #fff; height: 19rem; } .cli-not-tit{ font-size: 0.75rem; color: #822a2c; height: 1.875rem; line-height: 1.875rem; font-weight: bold; } .cli-not-ct{ font-size: 0.75rem; color: #444444; line-height: 1.031rem; margin: 0.468rem 0; } .cli-not-ct a{color: #444444;} .cli-not-ct em{ display: block; width: 1.25rem; height: 1.031rem; float: left;} .cli-not-ct span{ display: block; float: left; width: 15.625rem;} .empty-blank{ height: 0.937rem; width: 100%; } /* 科室 */ .department_hd{ height: 1.718rem; width: 18.75rem; background-color: #f4f2f3; border-radius: 1.718rem 0.937rem 0.937rem 1.718rem; margin-top: 0.937rem; } .department_hd p{ font-size: 0.75rem; color: #822a2c; height: 1.718rem; line-height: 1.718rem; text-indent: 0.937rem; } .department_hd img{ width: 1.718rem; height: 1.718rem; display: block; float: left; } .department_hd .icon-sj-up{ background: url(../webimg/arr-up1.png); width: 0.718rem; height: 0.437rem; display: block; top: 0.781rem; right: 0.937rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .depart{ } .depart-ul{ width: 100%; padding-top: 0.781rem; } .depart-ul li{ width: 33%; float: left; height: 1.25rem; margin-bottom: 0.468rem; } .depart-ul a{ } .depart-ul a span{ color: #b4a4a6; font-size: 0.468rem; float: left; line-height: 1.25rem; margin-right: 0.312rem; } .depart-ul a p{ font-size: 0.687rem; color: #444444; float: left; line-height: 1.25rem; } .depart-ul a:hover span,.depart-ul a.on span ,.depart-ul a:hover p,.depart-ul a.on p{ color: #822a2c; font-weight: bold; } .departa{} .departa li{ margin-top: 2.812rem; float: left; } .departa li:nth-child(2n+1){ margin-right: 1.25rem; } .daparta_box{ width: 8.75rem; height: 12.031rem; border: 0.062rem solid #dedede; background-color: #fff; border-radius: 0.937rem; } .daparta_empt{ top: -0.062rem; left: 50%; margin-left: -2.5rem; width: 5rem; height: 0.062rem; background-color: #fff; } .daparta_box img{ display: block; width: 4.125rem; height: 4.125rem; border: 0.093rem solid #dedede; border-radius: 50%; top: -2.0625rem; left: 50%; margin-left: -2.0625rem; } .spl-name{ font-size: 0.75rem; color: #444444; text-align: center; width: 80%; margin: 2.812rem auto 0; line-height: 1; } .spl-job{ width: 80%; margin: 0.468rem auto 0; font-size: 0.625rem; color: #888888; padding-bottom: 0.468rem; line-height: 1.5; text-align: center; border-bottom:1px solid #d9d9d9 ; } .spl-name a{ font-size: 0.75rem; color: #444444; } .spl-job a{ font-size: 0.625rem; color: #888888; text-align: center; ; } .spl-drc{ display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size: 0.562rem; color: #888888; text-align: left; text-indent: 1.25rem; width: 80%; margin: 1.362rem auto 0; } .spl-drc a{ display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size: 0.562rem; color: #888888; text-align: left; text-indent: 1.25rem; ; }