Scientific/Css/index.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.banner{height: 310px;width: 1200px; margin: 0 auto;}
.banner_l{width: 885px;}
.banner .slideBox {width: 100%;height: 310px;overflow: hidden;position: relative;}
.banner .slideBox .hd {overflow: hidden;position: absolute;left: 50%;right: 15px;bottom: 30px;margin-left: -46px;z-index: 1;width: 170px;}
.banner .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .slideBox .hd ul li {float: left;width: 30px;height: 4px;background: #fff;cursor: pointer;margin: 0 4px;}
.banner .slideBox .hd ul li.on { background: #6fa0f3; }
.banner .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.banner .slideBox .bd li { zoom: 1; vertical-align: top; }
.banner .slideBox .bd img { display: block; }

.banner_r {padding: 0 18px;width: 247px;border: 1px solid #eee;height: 308px;}
.banner_r h2 {position: relative; height: 48px;line-height: 48px;color: #000;font-size: 16px; background: url(../img/icon1.png) 0px 14px no-repeat;padding-left: 25px;}

.banner_r ul{margin-top: 5px;}
.banner_r ul li {margin-bottom: 10px;border-bottom: 1px solid #eeeeee;padding-bottom: 10px;}
.banner_r ul li:last-child{border-bottom: none;}
.banner_r  .list-pic {margin-right: 12px;width: 105px;height: 65px;overflow: hidden;}
.list-pic img {width: 100%;height: 100%;}

.banner_r .list-info h3 {overflow: hidden;font-size: 14px;line-height: 22px;color: #222222;}
.banner_r  .list-info .info-time { font-size: 12px;color: #999;line-height: 1;margin-top: 5px;}

.title {width: 1200px;}
.title h2 { position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; font-size: 26px;}
.title h2 span { display: inline-block; border-bottom: 1px solid #6fa0f3; }
.title h2 .more { position: absolute; right: 0; font-size: 0; }
.title h2 .more-txt { margin-right: 8px; font-size: 16px; color: #666; vertical-align: middle; }



.index_doctor { margin-right: -30px; }
.index_doctor li {float: left;margin-right: 28px;width: 274px;height: 380px;border: 1px solid #eee;overflow: hidden;cursor: pointer;}
.index_doctor li:hover {border: 1px solid #6fa0f3;background-color: #fafbfe;}
.index_doctor_info { margin-top: 16px; text-align: center; }
.infodoctor_pic {display: block;margin-top: 24px;width: 100px;height: 100px;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;border: 1px solid #d0dff9;}

.info-box {position: relative;margin: 0 auto;width: 100px;height: 100px;}


.doctor_name {display: block;padding-top: 10px;font-size: 16px;line-height: 1;color: #333;font-weight: bold;}

.doctor_leve {display: inline-block;padding: 7px 20px;margin-top: 10px;font-size: 14px;color: #ffffff;border: 1px solid #6798fc;-webkit-border-radius: 2px;border-radius: 6px;background-color: #6798fc;}
.doctor_hospital {padding: 13px 10px 0;font-size: 16px;color: #666;}
.doctor_hospital p:first-of-type {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;color: #222222;}
.doctor_hospital p:last-of-type {text-align: left;height: 60px;overflow: hidden;line-height: 30px;}
.doctor_hospital em { color: #999; }
.doctor_works{ width: 100%; height: 56px; background: #f7f7f7; }
.doctor_works_li { float: left; margin-top: 5px; width: 89px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.doctor_works_li:not(:last-of-type) { border-right: 1px solid #eee; }
.doctor_works_nun {display: block;font-size: 18px;color: #676766;}
.doctor_works_txt {display: block;font-size: 14px;color: #676766;}



.doctor-top h3 {width: 100%;height: 40px;line-height:1;font-size: 20px;background: url(../img/icon2.png) 0px 0px no-repeat;padding-left: 25px;}
.doctor-top .doctor-list {margin-right: -30px;font-size: 0;}
.doctor-top .doctor-list li {display: inline-block;margin-right: 25px;text-align: center;}
.doctor-top .doctor-list .doctor-avar-a { width: 80px; height: 80px; overflow: hidden; }
.doctor-top .doctor-list .doctor-name-n { display: block; padding-top: 5px; font-size: 16px; }