h1 { text-align: center; font: 1.6em/2.8 "Microsoft Yahei"; color: #d1314d; } h2 { display: block; font: 1.5em/2.3 "Microsoft Yahei"; background: #ebebeb; border-bottom: 2px #dedede solid; text-align: center; font-weight: bold; color: #333333; } /*科室简介与拨号*/ .item_tip { width: 96%; height: auto; background: url("/mszlhmsyycom/images/ms/shantu.jpg") repeat-x top left #f8f8f8; margin-top: 2%; padding: 2% 2% 5% 2%; } .item_tip .text { text-indent: 2em; font: 1.2em/1.5 "Microsoft Yahei"; color: #666; } .item_tip .bot { margin: 2% auto 0% auto; text-align: center; } .item_tip .bot a { text-align: center; display: inline-block; font: 1.4em/2 "Microsoft Yahei"; background: #f4750e; color: #fff; border-radius: 5px; width: auto; position: relative; padding: 0 3%; } .item_tip .bot a:nth-child(2) { margin-left: 1%; text-align: center; padding: 0 2%; background: url("/mszlhmsyycom/images/ms/telicon.png") no-repeat right 5px top 50% #d1314d; background-size: 15%; padding-right: 10%; } .item_tip .bot a:nth-child(2) span { font-weight: bold; } .item_tip .bot a:nth-child(2) i { width: 30px; display: inline-block; position: relative; top: 3px; display: none; } .item_tip .bot a:nth-child(2) i img { width: 100%; } /*项目按钮*/ .item_list { width: 96%; margin: 3% 2%; border-top: 1px #ddd solid; } .item_list li { text-align: center; width: 33.3%; border: 1px #ddd solid; box-sizing: border-box; float: left; border-top: none; } .item_list li a { display: block; width: 100%; height: 100%; padding: 5% 0 7%; position: relative; overflow: hidden; } .item_list li em { display: block; width: 50%; font: 0.8em/1.5 "Microsoft Yahei"; color: #fff000; background: #d1314d; position: absolute; left: -15%; top: 5%; text-align: center; transform: rotate(-45deg); } .item_list li span { display: block; width: 90%; margin: 0 5%; font: 1.2em/1 "Microsoft Yahei"; color: #666; } .item_list li i { width: 60%; display: block; margin: 0% 20%; } .item_list li i.jhsy_icon { background: url("/mszlhmsyycom/images/ms/jhsy_icon.png") no-repeat; } .item_list li i.wxck_icon { background: url("/mszlhmsyycom/images/ms/wxck_icon.png") no-repeat; } .item_list li i.byby_icon { background: url("/mszlhmsyycom/images/ms/byby_icon.png") no-repeat; } .item_list li i.fkjb_icon { background: url("/mszlhmsyycom/images/ms/fkjb_icon.png") no-repeat; } /*子栏目按钮*/ .item_smlist { width: 96%; display: inline-block; text-align: justify; margin: 3% 2% 0 2%; } .item_smlist li { display: inline-block; width: 32%; text-align: center; margin-bottom: 0.5%; border-radius: 5px; border: 1px #ddd solid; overflow: hidden; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); position: relative; } .item_smlist li a { display: block; width: 100%; height: 100%; font: 1.2em/2.5 "Microsoft Yahei"; color: #666; text-align: center; } .item_smlist li em { display: block; width: 50%; font: 0.8em/1.5 "Microsoft Yahei"; color: #fff000; background: #d1314d; position: absolute; left: -16%; top: 9%; text-align: center; transform: rotate(-45deg); } .item_smlist li.on { background: #d1314d; border: 1px #d1314d solid; } .item_smlist li.on a { color: #ffffff; } .item_smlist li.online { background: #f4750e; border-color: #f4750e; } .item_smlist li.online a { color: #fff; } .item_smlist:after { content: ''; display: inline-block; width: 100%; } /*新闻文章*/ .hot_newslist { width: 96%; margin: 3% 2%; } .hot_newslist li { width: 96%; float: left; height: auto; padding: 3% 2%; position: relative; background: #f8f8f8; } .hot_newslist li a { display: block; } .hot_newslist li:nth-child(odd) { background: #ececec; } .hot_newslist li span { width: 85%; font: 1.3em/1.5 "Microsoft Yahei"; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot_newslist li em { width: 85%; font: 1.1em/1.5 "Microsoft Yahei"; color: #999; display: block; overflow: hidden; } .hot_newslist li i { font: 2.8em/2 "Microsoft Yahei"; position: absolute; right: 3%; top: 0%; color: #d1314d; } /*温馨产科*/ .service_list { width: 96%; margin: 2%; overflow: hidden; } .service_list .bd { width: 100%; height: auto; } .service_list .bd img{width:100%;} .service_list .hd { height: auto; width: 100%; text-align: center; } .service_list .hd ul { display: inline-block; font-size: 0; } .service_list .hd ul li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px #d1314d solid; margin: 0 5px; vertical-align: top; overflow: hidden; } .service_list .hd ul li.on { background: #d1314d; } /*热门搜索*/ .hot_search { width: 96%; margin: 2%; } .hot_search a img{width: 100%;} .hot_search ul { width: 100.5%; margin-left: -0.5%; overflow: hidden; } .hot_search ul.smlist li:nth-child(1) { background: #fe5b86; width: 59%; } .hot_search ul.smlist li:nth-child(2) { background: #f8b451; width: 39%; padding: 5.2% 0; } .hot_search ul.smlist li:nth-child(3) { background: #ad3de7; width: 28%; padding: 4% 0; float: left; } .hot_search ul.smlist li:nth-child(5) { background: #ad3de7; width: 40%; } .hot_search ul.smlist li:nth-child(6) { background: #f8b451; width: 40%; } .hot_search ul.smlist li:nth-child(4) { background: #26a3e7; width: 29.5%; float: right; margin-right: 1%; padding: 4.1% 0; } .hot_search ul.smlist li.hui { background: #1fd3ce; } .hot_search ul li { float: left; width: 49%; margin-bottom: 1px; margin-left: 0.5%; font: 1.2em/1.4 "Microsoft Yahei"; text-align: center; padding: 2% 0; } .hot_search ul li a { display: block; width: 100%; height: 100%; color: #ffffff; } .hot_search ul li:nth-child(1) { background: #fe5b86; } .hot_search ul li:nth-child(2) { background: #f8b451; } .hot_search ul li:nth-child(3) { background: #ad3de7; width: 28%; padding: 4% 0; } .hot_search ul li:nth-child(5) { background: #ad3de7; width: 40%; } .hot_search ul li:nth-child(6) { background: #f8b451; width: 40%; } .hot_search ul li:nth-child(4) { background: #26a3e7; width: 29.5%; float: right; margin-right: 1%; padding: 4% 0; } .hot_search ul li.hui { background: #1fd3ce; } .hot_search .tab { position: relative; } .hot_search .tab img { display: block;width:100%; } .hot_search .tab a { position: absolute !important; display: block; } .hot_search .tab a:nth-child(2) { width: 59%; height: 49%; background: transparent; left: 0; top: 0; } .hot_search .tab a:nth-child(3) { width: 40%; height: 49%; background: transparent; right: 0; top: 0; } .hot_search .tab a:nth-child(4) { width: 28%; height: 49%; background: transparent; left: 0; bottom: 0; } .hot_search .tab a:nth-child(5) { width: 31%; height: 24%; background: transparent; left: 28%; bottom: 25%; } .hot_search .tab a:nth-child(6) { width: 40%; height: 49%; background: transparent; right: 0; bottom: 0; } .hot_search .online_ask { width: 100%; margin: 3% auto 5% auto; } .hot_search .online_ask input { border: 1px #d1314d solid; padding: 0 2%; } .hot_search .online_ask input[type="text"] { width: 40%; border-radius: 5px; font: 1.2em/2 "Microsoft Yahei"; margin-left: 18%; } .hot_search .online_ask input[type="submit"], .hot_search .online_ask a { width: auto; border-radius: 5px; font: 1.2em/2 "Microsoft Yahei"; cursor: pointer; background: #d1314d; color: #fff; display: inline-block; text-align: center; } /*医生--打字不方便?电话省时间*/ .doctor_tel { text-align: center; } .doctor_tel img { width: 60%; margin: 5% auto 2% auto; display: block; } .doctor_tel b { font: 2em/1 "Microsoft Yahei"; font-weight: bold; color: #d1314d; } .doctor_tel .zixun { width: 70%; margin: 2% auto 10% auto; } .doctor_tel .zixun .item { width: 30%; margin: 0 10%; float: left; } .doctor_tel .zixun .item a { display: block; width: 100%; } .doctor_tel .zixun .item a img { width: 100%; } /*不孕不育*/ .byby_system img { width: 96%; margin: 2%; } .byby_system .btn_list { width: 96%; margin: 0 2%; text-align: justify; display: inline-block; } .byby_system .btn_list li { width: 32%; height: auto; display: inline-block; text-align: center; position: relative; } .byby_system .btn_list li:before { content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #bfbfbf; } .byby_system .btn_list li a { display: block; } .byby_system .btn_list li a img { width: 40%; margin: 0 30%; } .byby_system .btn_list li span { display: block; text-align: center; font: 1.1em/1.5 "Microsoft Yahei"; } .byby_system .btn_list li:first-child:before { content: none; } .byby_system .btn_list li:last-child:before { background: #f8b451; } .byby_system .btn_list:after { content: ''; display: inline-block; width: 100%; } .byby_system .xiaoguo_list { width: 100%; } .byby_system .xiaoguo_list li { width: 100%; margin-bottom: 2%; } .byby_system .xiaoguo_list li span { display: block; width: 30%; background: url("/mszlhmsyycom/images/ms/zhengque.png") no-repeat left 7% top 42% #fe5b86; font: bold 1.3em/2.4 "Microsoft Yahei"; color: #fff; text-indent: 9%; border-bottom-right-radius: 22px; border-top-right-radius: 22px; float: left; background-size: 20%; } .byby_system .xiaoguo_list li p { font: 1em/1.2 "Microsoft Yahei"; overflow: hidden; } .byby_system .xiaoguo_list li item { display: block; float: left; background: #ececec; color: #666; border-bottom-left-radius: 22px; border-top-left-radius: 22px; width: 67%; padding: 2% 0% 1.5% 3%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } h4 { font: 1.6em/2 "Microsoft Yahei"; text-align: center; } h4 b { font-weight: bold; color: #cc2952; } .muqin { width: 96%; margin: 0 2% 0% 2%; } .muqin_a { text-align: center; margin: 3% auto 4% auto; padding: 0 5%; background: #cc2952; color: #fff; font: 1.4em/2 "Microsoft Yahei"; display: inline-block; width: auto; border-radius: 20px; } /*计划生育*/ .type_list { width: 96%; margin: 2%; } .type_list li { width: 100%; float: left; height: auto; margin-bottom: 3%; position: relative; } .type_list li img { width: 30%; display: block; } .type_list li .msg { width: 70%; position: absolute; right: 0; top: 0; bottom: 0; background: #f8f8f8; } .type_list li .msg h4 { color: #333333; font: 1.2em/1.5 "microsoft yahei"; position: absolute; left: 2%; top: 5%; text-align: left; } .type_list li .msg h4 .red { color: #D1314D; font-weight: bold; } .type_list li .msg p { font: 1em/1.5 "microsoft yahei"; left: 20%; color: #666666; position: absolute; top: 33%; } .type_list li .msg a { font: 1.4em/2.2 "microsoft yahei"; display: inline-block; right: 0; top: 40%; background: #f4750e; color: #fff; padding: 0 2% 0 5%; position: absolute; border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .shiren { width: 80%; padding: 0; font: 1em/0 "microsoft yahei"; color: #fff; -webkit-text-size-adjust: none; margin: 0 auto; display: block; position: relative; } .shiren img{width:100%;} .shiren span { position: absolute; left: 3%; top: 0; top: 50%; } .shiren em { margin-left: 1%; position: absolute; right: 4%; color: #D1314D; top: 50%; } .yezhen_img { width: 96%; margin: 4% 2%; } .yezhen_bot { width: 96%; margin: 3% 2% 5% 2%; border: 1px #fff solid; font: 1.2em/1.3 "microsoft yahei"; color: #fff; text-align: center; } .yezhen_bot a { display: block; color: #fff; padding: 5% 0; } .yezhen_bot .t1 { background: #fe5b86; } .yezhen_bot .t2 { background: #f8b451; } .yezhen_bot .t3 { background: #26a3e7; } .yezhen_bot .t4 { background: #ad3de7; } .yezhen_bot .t5 { background: #ad3de7; } .yezhen_bot .t6 { background: #1fd3ce; margin-bottom: 1%; } .yezhen_bot .t7 { background: #f8b451; } .yezhen_bot .t8 { background: #26a3e7; } /*妇科疾病*/ .fkjb_system { width: 100%; position: relative; margin: 3% 0; } .fkjb_system:before { content: ''; display: block; position: absolute; width: 1px; height: 90%; background: #f4750e; left: 25px; top: 15px; } .fkjb_system li { width: 96%; margin: 1% 2%; float: left; height: auto; position: relative; } .fkjb_system li i { width: 35px; height: 35px; text-align: center; font: 20px/35px "Microsoft Yahei"; background: #f4750e; border-radius: 5px; display: block; color: #fff; float: left; border: 1px #f4750e solid; } .fkjb_system li:before { content: ''; width: 10%; height: 1px; position: absolute; left: 35px; top: 15px; background: #f4750e; z-index: 5; } .fkjb_system li .dd { width: 88%; height: auto; float: right; } .fkjb_system li .dd img{width:100%;} .fkjb_system li .dd span { width: 85%; padding: 0 5%; font: 1.2em/35px "Microsoft Yahei"; color: #666; border: 1px #f4750e solid; display: block; border-radius: 5px; background: #fff; position: relative; z-index: 11; } .fkjb_system li .dd img { display: none; position: relative; margin-top: 2%; } .fkjb_system li.on .dd span { background: #f4750e; color: #ffffff; } .fkjb_system li:first-child .dd .img { display: block; } .kfjb_more { width: 60%; display: block; margin: 0 20% 3% 20%; } .kfjb_more img{width:100%;} @media screen and (min-width: 640px) { .hot_search ul.smlist li:nth-child(2) { padding: 4.6% 0; } .shiren { width: 65%; } } @media screen and (min-width: 321px) and (max-width: 375px) { .byby_system .xiaoguo_list li span { line-height: 2.8; } } @media screen and (max-width: 320px) { .item_smlist li { width: 31%; } .item_smlist li em { transform: scale(0.8) rotate(-45deg); -webkit-transform: scale(0.8) rotate(-45deg); -moz-transform: scale(0.8) rotate(-45deg); } .hot_search ul.smlist li:nth-child(2) { padding: 5% 0; } .byby_system .xiaoguo_list li span { line-height: 3; width: 25%; text-indent: 7%; } .byby_system .xiaoguo_list li item { width: 72%; padding: 1% 0% 1.5% 3%; } .kfjb_more em { font: 0.8em/1.5 "Microsoft Yahei"; } .fkjb_system li i { width: 25px; height: 25px; line-height: 25px; } .fkjb_system li .dd span { line-height: 25px; } .fkjb_system li:before { left: 25px; } .shiren { width: 85%; } }