html, body { font-size: 62.5%; } body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei"; } body { color: #666666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #ffffff; } body a { text-decoration: none; font-style: normal; font-weight: normal; } body i, body em, body strong { font-style: normal; } body ol, body ul, body li { list-style: none; } body h1, body h2, body h3, body h4, body h5, body h6 { font-size: 100%; font-weight: normal; width: 100%; } body input, body textarea, body select { outline: none; border: none; -webkit-appearance: none; } body img { max-width: 100%; border: none; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: table; clear: both; } .clear { clear: both; } .wrap { width: 100%; } .container { width: 94%; height: auto; padding: 0 3%; } .main { width: 100%; height: auto; } .rel { position: relative; } .flex { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .tips, p { font-size: 0.35714rem; line-height: 1.5; } header { width: 100%; height: auto; background: #fe4b61; padding: 0.3rem 0; } header a { display: block; width: 10%; margin: 0 2%; } header a:nth-of-type(1) { float: left; } header a:nth-of-type(2) { margin: 0 8%; width: 54%; float: left; } header a:nth-of-type(3) { float: right; } .banner { width: 100%; height: auto; position: relative; } .banner a, .banner img { display: block; } .center { text-align: center; font-size: 0; } .center a { display: inline-block; font-size: 0.35714rem; line-height: 1.5; padding: 3% 5%; background: #ff9900; color: #fff; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; } .title { font-size: 0.44643rem; line-height: 1.2; font-weight: bold; color: #fff; text-align: center; position: relative; padding: 0.35rem 0; background: #fe4b61; } .title span { color: #fffc00; } .btn_list { text-align: center; margin: 4% 0; padding: 0 2%; } .btn_list a { display: inline-block; } .btn_list a:nth-of-type(1) { width: 43%; float: left; } .btn_list a:nth-of-type(2) { width: 53%; float: right; } .btn_list img { display: block; } .btn_list:after { content: ''; display: table; clear: both; } .tip { background: #fff8f9; padding: 4% 2%; border-bottom: 1px #f7b0b0 solid; margin-bottom: 4%; position: relative; } .tip span { display: block; float: left; width: 1.8rem; height: 1.8rem; font-size: 0.53571rem; line-height: 1.2; font-weight: bold; color: #fff; border: 2px #ff7a8a solid; box-sizing: border-box; display: block; background: #fe4b61; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 1%; } .tip p { width: 80%; float: right; font-size: 0.35714rem; line-height: 1.5; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .tip:before { content: ''; width: 100%; position: absolute; left: 0; bottom: 2px; height: 1px; background: #e5e5e5; } .wrap_a ul { margin-bottom: 8%; } .wrap_a ul li { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-bottom: 1px #dbdbdb dashed; box-sizing: border-box; margin-top: 5%; } .wrap_a ul li .img { width: 29%; } .wrap_a ul li .img img { display: block; } .wrap_a ul li .msg { -webkit-flex: 1; flex: 1; font-size: 0.35714rem; line-height: 1.5; padding-left: 3%; width: 68%; } .wrap_a ul li .msg span { font-size: 0.42857rem; line-height: 1.2; color: #fe4b61; margin-bottom: 0.15rem; display: block; } .wrap_a ul li .msg span i { display: inline-block; color: #fff; font-weight: bold; padding: 0.2% 2.2%; background: #fe4b61; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 0.1rem; position: relative; top: -1px; } .wrap_a ul li .msg p { display: block; text-indent: 2em; } .wrap_a ul li:nth-of-type(2) .msg span { color: #59bc8d; } .wrap_a ul li:nth-of-type(2) .msg span i { background: #59bc8d; } .wrap_a ul li:nth-of-type(3) .msg span { color: #ffb607; } .wrap_a ul li:nth-of-type(3) .msg span i { background: #ffb607; } .wrap_a ul li:nth-of-type(4) .msg span { color: #26c8eb; } .wrap_a ul li:nth-of-type(4) .msg span i { background: #26c8eb; } .wrap_b .best_box { background: url("/mszlhmsyycom/templets/22222120/special/swcczt/images/b1.jpg") no-repeat left top; background-size: 40%; width: 60%; padding: 5% 0 5% 40%; text-align: center; } .wrap_b .best_box span { font-size: 0.42857rem; line-height: 2; background: #59bc8d; color: #fff; display: inline-block; padding: 0 5%; } .wrap_b .best_box p { text-indent: 2em; display: block; padding-top: 0.2rem; text-align: left; } .wrap_b .tips { margin-top: 5%; height: 1.8rem; overflow: hidden; position: relative; } .wrap_b .tips b { font-size: 0.42857rem; line-height: 1.2; font-weight: bold; color: #fff; float: left; width: 15%; text-align: center; float: left; height: 100%; justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: url("/mszlhmsyycom/templets/22222120/special/swcczt/images/tipbaixian.png") no-repeat center top #ffb607; background-size: 100%; } .wrap_b .tips p { text-indent: 2em; justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; background: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: absolute; right: 0.1rem; top: 0.1rem; bottom: 0.1rem; left: 18%; padding: 0 2%; } .wrap_b .tips:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 17%; display: block; background: #ffb607; background: -moz-linear-gradient(top, #ffb607 0%, #ffb607 50%, #ffb607 50%, #cbcbcb 50%, #cbcbcb 100%); background: -webkit-linear-gradient(top, #ffb607 0%, #ffb607 50%, #ffb607 50%, #cbcbcb 50%, #cbcbcb 100%); background: linear-gradient(to bottom, #ffb607 0%, #ffb607 50%, #ffb607 50%, #cbcbcb 50%, #cbcbcb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb607', endColorstr='#cbcbcb',GradientType=0 ); } .wrap_c { margin-top: 5%; } .wrap_c .tips { text-indent: 2em; display: block; margin: 3% 0; } .wrap_c .box { width: 57%; padding-left: 43%; background: url("/mszlhmsyycom/templets/22222120/special/swcczt/images/c1.jpg") no-repeat left bottom #f4f4f4; padding-bottom: 0.2rem; background-size: 43%; } .wrap_c .box li { font-size: 0.35714rem; line-height: 1.5; color: #fff; padding: 2.5% 0; float: left; background: #59bc8d; margin-top: 0.2rem; width: 100%; } .wrap_c .box li i { display: inline-block; color: #fff; background: #45a175; padding: 0 2%; margin-right: 0.15rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; margin-left: 0.2rem; } .wrap_c .search { width: 96%; margin: 5% 2% 7% 2%; border: 1px #ffb607 solid; box-sizing: border-box; font-size: 0.5rem; line-height: 1.1rem; overflow: hidden; } .wrap_c .search input { padding: 0 0 0 3%; width: 55%; font-size: 0.42857rem; line-height: 1.1rem; height: 1rem; float: left; } .wrap_c .search a { display: block; float: right; width: 40%; color: #fff; background: #ffb607; text-align: center; } .wrap_d .quan_list { text-align: justify; display: inline-block; width: 100%; margin-top: 5%; } .wrap_d .quan_list li { display: inline-block; width: 2.9rem; } .wrap_d .quan_list:after { content: ''; display: inline-block; width: 100%; } .wrap_d .quan_list li { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #59bc8d; text-align: center; overflow: hidden; box-shadow: 0px 0px 0px 0.07rem #c3eeda; -webkit-box-shadow: 0px 0px 0px 0.07rem #c3eeda; -moz-box-shadow: 0px 0px 0px 0.07rem #c3eeda; height: 2.9rem; color: #59bc8d; position: relative; } .wrap_d .quan_list li h4 { font-size: 0.42857rem; line-height: 1.5rem; display: block; color: #fff; } .wrap_d .quan_list li span { position: absolute; width: 100%; left: 0px; top: 1.15rem; font-size: 0.35714rem; line-height: 1.8; background-color: rgba(255, 255, 255, 0.9); } .wrap_d .quan_list li b { font-size: 0.59rem; line-height: 0.5rem; position: absolute; top: 2rem; left: 0; color: #fff; width: 100%; display: block; } .wrap_d .quan_list li b em { font-size: 0.42857rem; line-height: 0.5rem; font-weight: normal; } .wrap_d .quan_list li:last-child b { top: 1.7rem; } .wrap_d .quan_list li:last-child b em { font-size: 0.35714rem; line-height: 0.1rem; } .wrap_d .quan_list li:nth-of-type(2) { background: #ffb607; color: #ffb607; } .wrap_d .quan_list li:nth-of-type(3) { background: #fe4b61; color: #fe4b61; } .wrap_d .search { width: 96%; margin: 3% 2% 7% 2%; border: 1px #ffb607 solid; box-sizing: border-box; font-size: 0.5rem; line-height: 1.1rem; overflow: hidden; } .wrap_d .search input { padding: 0 0 0 3%; width: 55%; font-size: 0.42857rem; line-height: 1.1rem; height: 1rem; float: left; } .wrap_d .search a { display: block; float: right; width: 40%; color: #fff; background: #ffb607; text-align: center; } .wrap_e ul { text-align: justify; display: inline-block; width: 100%; margin-top: 5%; } .wrap_e ul li { display: inline-block; width: 48%; } .wrap_e ul:after { content: ''; display: inline-block; width: 100%; } .wrap_e ul li { text-align: center; margin-bottom: 5%; } .wrap_e ul li img { display: block; width: 100%; } .wrap_e ul li span { font-size: 0.42857rem; line-height: 1.8; color: #fe4b61; display: block; } .wrap_e ul li span em { color: #ffb607; margin-left: 0.2rem; } .wrap_e ul li item { font-size: 0.35714rem; line-height: 1.8; color: #666666; background: #f5f5f5; padding: 0 5%; display: inline-block; } .wrap_e ul li:first-child item { background: #fe4b61; color: #fff; } .wrap_f ul { text-align: justify; display: inline-block; width: 100%; } .wrap_f ul li { display: inline-block; width: 49%; } .wrap_f ul:after { content: ''; display: inline-block; width: 100%; } .wrap_f ul li { text-align: center; margin-top: 4%; } .wrap_f ul li img { display: block; width: 100%; } .wrap_f .search { width: 96%; margin: 2% 2% 7% 2%; border: 1px #ffb607 solid; box-sizing: border-box; font-size: 0.5rem; line-height: 1.1rem; overflow: hidden; } .wrap_f .search input { padding: 0 0 0 2%; width: 57%; font-size: 0.42857rem; line-height: 1.1rem; height: 1rem; float: left; } .wrap_f .search a { display: block; float: right; width: 40%; color: #fff; background: #ffb607; text-align: center; } .wrap_g .doc_case { margin: 5% 0; } .wrap_g .doc_case .swiper-slide { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .wrap_g .doc_case .swiper-slide .img { width: 46%; margin-right: 3%; } .wrap_g .doc_case .swiper-slide .msg { -webkit-flex: 1; flex: 1; font-size: 0.35714rem; line-height: 1.5; width: 48%;} .wrap_g .doc_case .swiper-slide .msg p { text-indent: 2em; display: block; } .wrap_g .doc_case .swiper-pagination { position: static; margin-top: 5%; } .wrap_g .doc_case .swiper-pagination span { background: #bbbbbb; width: 15px; height: 15px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .wrap_g .doc_case .swiper-pagination .swiper-pagination-bullet-active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background: #ffb027; } .wrap_h .doctor { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 5% 0; } .wrap_h .doctor .img { width: 42%; margin-right: 3%; } .wrap_h .doctor .img img { display: block; } .wrap_h .doctor .msg {width: 55%; -webkit-flex: 1; flex: 1; } .wrap_h .doctor .msg h4 { font-size: 0.64286rem; line-height: 1.5; font-weight: bold; color: #ffb027; } .wrap_h .doctor .msg em { font-size: 0.35714rem; line-height: 1.5; margin-bottom: 0.2rem; display: block; } .wrap_h .doctor .msg span { font-size: 0.32143rem; line-height: 2; font-weight: bold; background: #ffeaed; color: #fe4b61; display: inline-block; padding: 0 5%; margin-bottom: 0.1rem; } .wrap_h .doctor .msg p { font-size: 0.35714rem; line-height: 1.5; text-indent: 2em; } .wrap_h .doctor .msg p a{ color: #ffb027; } .wrap_h .center { margin-bottom: 5%; } .wrap_h .center a { display: inline-block; margin: 0 2%; font-size: 0.53571rem; line-height: 2.2; padding: 0 7%; } .wrap_h .center a:nth-of-type(2) { background: #fe4b61; } .wrap_h .zhize { background: #fff3f4; border-top: 1px #fdd3d8 dashed; text-align: center; width: 94%; padding: 0 3% 5% 3%; } .wrap_h .zhize h3 { display: block !important; font-size: 0.42857rem; line-height: 2; background: #fff; border: 1px #fdd3d8 solid; margin: 5% auto; width: 60%; } .wrap_h .zhize ul { text-align: justify; display: inline-block; width: 100%; } .wrap_h .zhize ul li { display: inline-block; width: 49%; } .wrap_h .zhize ul:after { content: ''; display: inline-block; width: 100%; } .wrap_h .zhize ul li { margin-top: 2%; } .wrap_h .zhize ul li img { display: block; width: 100%; } .wrap_i .ctable { width: 100%; margin-top: 5%; } .wrap_i .ctable td { border: 2px #fff solid; border-bottom: 6px #fff solid; } .wrap_i .ctable a { font-size: 0.35714rem; line-height: 2; display: block; text-align: center; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(1) { background: #fbf6ec; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(1) a { color: #cba966; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(2) { background: #fbf6ec; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(2) a { color: #fe4b61; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(3) { background: #daf1f1; } .wrap_i .ctable tr:nth-of-type(1) td:nth-of-type(3) a { color: #4cacab; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(1) { background: #eceef9; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(1) a { color: #616daf; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(2) { background: #ecf8ef; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(2) a { color: #5da76f; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(3) { background: #ecf8ef; } .wrap_i .ctable tr:nth-of-type(2) td:nth-of-type(3) a { color: #9e67b5; } .wrap_i .ctable tr:nth-of-type(3) td:nth-of-type(1) { background: #f9f1ec; } .wrap_i .ctable tr:nth-of-type(3) td:nth-of-type(1) a { color: #d4763c; } .wrap_i .ctable tr:nth-of-type(3) td:nth-of-type(2) { background: #e5edf5; } .wrap_i .ctable tr:nth-of-type(3) td:nth-of-type(2) a { color: #6e8dad; } .wrap_gh .cform { width: 80%; margin: 5% 10% 7% 10%; } .wrap_gh .cform ul li { font-size: 0.35714rem; line-height: 2; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-bottom: 5%; float: left; } .wrap_gh .cform ul li span { padding: 1% 0; display: block; } .wrap_gh .cform ul li input { font-size: 0.35714rem; line-height: 2; border: 1px #ddd solid; -webkit-flex: 1; flex: 1; padding: 1% 2%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap_gh .cform ul li textarea { font-size: 0.35714rem; line-height: 1.5; border: 1px #ddd solid; -webkit-flex: 1; flex: 1; padding: 2%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; } .wrap_gh .cform .center input { border-radius: 0.6rem; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; color: #fff; background: #ffb027; font-size: 0.53571rem; line-height: 2.2; position: relative; display: inline-block; margin: 0 2%; padding: 0 9%; } .wrap_gh .cform .center input:nth-of-type(2) { background: #fe4b61; } footer { background: #f9f9f9; padding: 5% 2%; width: 96%; } footer .foot_lg { width: 45%; float: left; display: block; margin-top: 5%; } footer .foot_msg { width: 48%; float: right; position: relative; color: #666; } footer .foot_msg span { font-size: 0.35714rem; line-height: 1.5; display: block; padding-top: 3%; } footer .foot_msg p { font-size: 0.35714rem; line-height: 1.5; display: block; color: #333333; } footer .foot_msg a { font-size: 0.53571rem; line-height: 1.2; font-weight: bold; color: #fe4b61; display: block; } footer .foot_msg:before { content: ''; display: block; width: 1px; height: 100%; top: 0%; left: -8%; position: absolute; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 1%, #d9d9d9 41%, #d9d9d9 68%, #f9f9f9 100%); background: -webkit-linear-gradient(top, #f9f9f9 1%, #d9d9d9 41%, #d9d9d9 68%, #f9f9f9 100%); background: linear-gradient(to bottom, #f9f9f9 1%, #d9d9d9 41%, #d9d9d9 68%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); }