* { padding: 0px; margin: 0px; font-family:'Microsoft YaHei',"SimSun",Arial,sans-serif;} body,html { color:#434343;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} fieldset,img { border:0 } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal} ol,li,ul{ list-style:none;} em,i { font-style:normal;} body{ font-size:12px; color:#4d4948;} a{ color:#333; text-decoration:none; outline:none;} img,input,textarea{ border: 0 none; vertical-align:middle;} input:focus, area:focus , textarea:focus { outline:none;} .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix { display: block } a:hover { text-decoration: none; color: #EA6000; } .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f18{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .fb{font-weight:bold} .fn{font-weight:normal} .lh180{line-height:180%} .lh200{line-height:200%} .mg_t10 { margin-top:10px; } .mg_t20 { margin-top:10px; } .mg_t30 { margin-top:30px; } .mg_b10 { margin-bottom:10px; } .mg_b20 { margin-bottom:20px; } .mg_b30 { margin-bottom:30px; } .c_red { color:#FF552E;} .tl{text-align:left} .tr{text-align:right} .fl{float:left;} .fr{float:right;} .pr{position:relative} .pa{position:absolute} .zoom{zoom:1} .none{display:none} .no_mg { margin:0!important;} .no_pd { padding:0!important;} .no_bd { border:none!important;} .no_bg { background:none!important;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999;font-size:14px; } input:-moz-placeholder, textarea:-moz-placeholder { color:#999;font-size:14px; } input::-moz-placeholder, textarea::-moz-placeholder { color:#999;font-size:14px; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999;font-size:14px; } video { background-color:#FFF!important; } .yingc { display:none!important; } /*head+foot*/ .topbar { width:100%; height:40px; background:#FAFAFA; line-height:40px; font-size:14px; color:#434343; border-bottom:1px solid #eee; } .boxc { width:1200px; margin:0 auto; } .sitemap a { color:#434343; margin-left:17px; position:relative; z-index:1; padding-left:17px; } .sitemap a:before { content:""; width:1px; height:15px; background:#e0e0e0; position:absolute; left:0; top:3px; } .sitemap a:first-child:before { display:none; } .sitemap a:hover { color:#EA6000; } .logo { float:left; margin:15px 0; height:65px; } .logo .pic { display:block; float:left; height:65px; overflow:hidden; } .logo .pic img { height:100%; } .logo .txt { display:block; float:left; font-size:24px; font-weight:bold; color:#FA4E57; padding-left:15px; margin-left:15px; position:relative; z-index:1; margin-top:17px; } /*.logo .txt:before {*/ /* content:"";*/ /* width:1px;*/ /* height:24px;*/ /* background:#ddd;*/ /* left:0;*/ /* top:5px;*/ /* position:absolute;*/ /* z-index:5;*/ /*}*/ .serch { float:right; margin-top:27px; width:410px; margin-bottom:13px; margin-right:290px; } .serch_box { height: 38px; border: 1px solid #FF99CC; border-radius: 50px; width:400px; position:relative; z-index:1; background:#fff; } .serch_input { position:absolute; z-index:11; background:none; left:20px; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); height:36px; line-height:36px; top:1px; font-size:15px; color:#777; } .serch_btn { position:absolute; z-index:11; width:80px; height:30px; right:5px; top:4px; text-align:center; line-height:30px; color:#fff; background:#FF99CC; font-size:15px; border-radius:15px; border:0; } .serch_keyword { font-size:12px; line-height:24px; margin-top:3px; margin-left:20px; } .serch_keyword b { font-weight:normal; float:left; color:#888; } .serch_keyword a { display:block; float:left; margin-left:10px; color:#EA6000; } .user_btn { float:right; position:absolute; z-index:19; right:0; top:50%; margin-top:-17px; } .user_btn .alink { display:block; width:100px; height:32px; line-height:32px; font-size:14px; text-align:center; color:#FFF; background:#FF835A; float:left; margin-left:10px; border:1px solid #FF835A; } .user_btn .alink:nth-child(2) { background:#fff; color:#FF835A; } .pet_small { margin:10px 0 0 0; } .pet_small dl { width:20%; float:left; } .pet_small dt { width:50px; float:left; text-align:center; } .pet_small dt span { display:block; height:28px; overflow:hidden; } .pet_small dt span img { height:28px; } .pet_small dt p { display:block; font-size:15px; color:#FF99CC; line-height:24px; } .pet_small dd { width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); float:right; margin-top:-2px; } .pet_small dd a { display:block; float:left; width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); font-size:14px; height:28px; line-height:28px; overflow:hidden; color:#888; position:relative; z-index:1; box-sizing:border-box; margin-right:20px; } .pet_small dd a:before { content:""; width:1px; height:15px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-7px; } .pet_small dd a:nth-child(3n) { margin-right:0; } .pet_small dd a:nth-child(3n):before { display:none; } .pet_small dl:last-child dd a { width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); } .pet_small dl:last-child dd a:nth-child(2n) { margin-right:0; } .pet_small dl:last-child dd a:nth-child(2n):before { display:none; } .pet_small dl:last-child dd a:nth-child(3n) { margin-right:20px; } .pet_small dl:last-child dd a:nth-child(3n):before { display:block; } .pet_hot_serch { background:#f5f5f5; height:40px; line-height:40px; padding:0 20px; padding-right:0; font-size:13px; color:#777; overflow:hidden; } .pet_hot_serch b { float:left; display:block; font-weight:normal; margin-right:10px; } .pet_hot_serch a { float:left; margin-right:25px; color:#777; } .pet_hot_serch a:hover { color:#EA6000; } .nav { width:100%; background:#FF99CC; height:45px; position:relative; z-index:5; } .nav .navclass { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; } .nav .navclass .m { float:left; position:relative; z-index:1; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; } .nav h3 { line-height:45px; font-size:18px; font-weight:normal; position:relative; z-index:1; } .nav h3 a { color:#fff; position:relative; z-index:11; } .nav h3 i { display:block; position: absolute; top: 50%; right: -16px; width: 5px; height: 5px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(135deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .nav li:last-child { margin-right:0; } .nav h3 a:hover { color:#FFF!important; } .nav .sub { display:none; position:absolute; left:0; top:45px; z-index:1; width:100%; border:1px solid #E6E4E3; border-top:0; background-color:rgba(255,255,255,.95); } .nav .sub li { text-align:center; padding:0 10px; font-size:15px; } .nav .sub li a { display:block; padding:8px 0; height:28px; line-height:28px; } .nav .sub li:last-child a { border-bottom:none; } .nav li.curt { position:relative; z-index:1; background:#FFD800; } .nav li.curt i { border-color:#df4a6d; } .nav li.curt h3 a { color:#df4a6d; } .nav li.curt h3 a:hover { color:#df4a6d; } .nav li.curt .sub a { position:relative; z-index:11; color:#333; } .footer { width: 100%; background: #252525; padding: 0 0 10px 0; font-size: 14px; } .footer_co { font-size: 14px; color: #999; line-height: 26px; text-align: center; padding: 15px 0 5px 0; } .footlogo { display: inline-block; margin: 3px auto 10px auto; } .footer_co a { color: #ddd; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 0.8) url(../images/backTop02.png) no-repeat center 50%; background-size:60% auto; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:99; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .7; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 50px; width: 50px; right: 30px; bottom: 30px; } } /*index*/ .trslid { width:100%; min-width:1200px; height:400px; position:relative; overflow:hidden; background:#fff; text-align:center; } .trslid .bd { width:1200px; position:absolute; left:50%; margin-left:-600px; } .trslid .bd li { width:1200px; overflow:hidden; } .trslid .bd li img { display:block; width:1200px; height:400px; } .trslid .tempWrap{ overflow:visible !important } .trslid .tempWrap ul{ margin-left:-1200px !important; } .trslid .hd { position:absolute; width:100%; left:0; z-index:1; height:16px; bottom:20px; text-align:center; } .trslid .hd li{ display:inline-block; *display:inline; zoom:1; width:14px; height:14px; line-height:99px; overflow:hidden; margin:0 6px; cursor:pointer; background-color:rgba(255,255,255,.3); border-radius:50%; border:1px solid #FFF; } .trslid .hd li.on{ background-color:#fe8965; border:1px solid #FE6637; } .trslid .pnBtn { position:absolute; z-index:1; top:0; width:100%; height:400px; cursor:pointer; } .trslid .prev{ left:-50%; margin-left:-600px; } .trslid .next{ left:50%; margin-left:600px; } .trslid .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:400px; background:#000; filter:alpha(opacity=50); opacity:0.5; } .trslid .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:400px; } .trslid .pnBtn .arrow:hover{ filter:alpha(opacity=60); opacity:0.6; } .trslid .prev .arrow, .trslid .next .arrow { position: absolute; top: 50%; right: 15px; width: 40px; height: 40px; border-style: solid; border-width: 2px 2px 0 0; border-color: #ababab; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(225deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; margin-top:-10px; } .trslid .prev .arrow{ right:30px; } .trslid .next .arrow{ left:10px; -webkit-transform: rotateZ(45deg); } .pet_class { margin:10px 0 15px 0; border:1px solid #eee; background:#fff; } .pet_class .tab-hd { width:100%; height:50px; border-bottom:3px solid #eee; line-height:50px; } .pet_class .tab-hd b { display:block; float:left; font-weight:normal; width:100px; text-align:center; font-size:17px; } .pet_class .tab-hd ul { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:left; } .pet_class .tab-hd li { float: left; text-align:center; font-size:18px; margin-left:40px; padding:0 15px; } .pet_class .tab-hd li a { display:block; } .pet_class .tab-hd li i { display:block; width:40px; height:40px; overflow:hidden; margin:0 auto; } .pet_class .tab-hd li i img { width:100%; } .pet_class .tab-hd li.on { font-weight:bold; color:#EA6000; position:relative; z-index:1; } .pet_class .tab-hd li.on:before { content:""; width:100%; height:3px; background:#EA6000; position:absolute; z-index:9; left:0; bottom:-3px; } .pet_class .tab-hd li.on a { color:#EA6000; } .pet_class .tab-bd { padding:15px 0 0 0; overflow:hidden; box-sizing:border-box; } .pet_class .tab_petlist { overflow:hidden; } .pet_class .tab_petimp { padding:0 10px; overflow:hidden; } .pet_class .tab_petimp li { cursor: pointer; float:left; width: 130px; font-size: 16px; text-align: center; margin-bottom:12px; } .pet_class .tab_petimp li span { display:block; box-sizing: border-box; width: 68px; height: 68px; border-radius: 100%; position:relative; z-index:1; overflow:hidden; margin:0 auto 2px auto; } .pet_class .tab_petimp li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .pet_class .tab_petimp li:hover p a { color:#EA6000; } .pet_class .tab_petimp li:last-child span { font-size:45px; background:#f8f8f8; line-height:56px; text-align:center; color:#999; } .pet_class .tab_petimp li:last-child span a { color:#999; } .pet_class .tab_petimp li:hover:last-child span a { color:#EA6000; } .pet_class .tab_petano { padding:0 10px; } .pet_class .more_link { text-align:center; } .pet_class .more_link a { display:block; font-size:14px; color:#999; line-height:24px; } .pet_class .more_link span { display:block; font-size:30px; width:100%; height:30px; line-height:30px; } .pet_class .more_link a:hover { color:#EA6000; } .pet_class .tab_petano li { float:left; text-align:center; width:130px; margin-top:15px; } .pet_class .one { font-size:16px; height:30px; line-height:30px; } .pet_class .two { font-size:13px; height:24px; line-height:24px; } .pet_class .two a { color:#999; margin:0 5px; } .pet_top { margin-bottom:20px; } .pet_top_lc { width:880px; float:left; } .pet_top_l { width:400px; float:left; overflow:hidden; } .pet_top_c { width:460px; float:right; overflow:hidden; } .pet_top_r { width:300px; float:right; overflow:hidden; } .pet_top_ct { border-bottom:1px solid #eee; height:40px; } .pet_top_ct h4 { float:left; font-size:20px; font-weight:bold; line-height:24px; color:#333; } .pet_top_vert { width:100%; height:50px; overflow:hidden; margin-bottom:15px; } .pet_top_vert img { height:100%; } .pet_slider { width:400px; height:250px; overflow:hidden; position:relative; margin-bottom:10px; } .pet_slider .pic{ position:relative; z-index:0; } .pet_slider .pic li { position:relative; z-index:1; height:250px; } .pet_slider .pic li h4 { display:block; position:absolute; left:0; bottom:0; z-index:5; background:rgba(0,0,0,.5); width:100%; height:50px; line-height:50px; color:#FFF; box-sizing:border-box; padding:0 20px; } .pet_slider .pic li h4 b { display:block; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); float:left; font-weight:normal; font-size:16px; } .pet_slider .pic li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_slider .hd { width:80px; position: absolute; z-index:11; bottom: 19px; text-align: right; font-size:0; z-index:1; right:5px; } .pet_slider .hd li { margin: 0 8px 0 0; background:#EA6000; height: 10px; overflow: hidden; width: 10px; cursor: pointer; display:inline-block; border-radius:50%; } .pet_slider .hd .on { background:#fff; } .pet_slider .prev, .pet_slider .next { width: 40px; height: 60px; margin: -20px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; } .pet_slider .prev { left: 0; } .pet_slider .next { background-position: 0 -60px; right: 0; } .pet_slider .prev:hover, .pet_slider .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; } .pet_top_pic { margin-bottom:8px; } .pet_top_pic h4 { height:40px; line-height:40px; overflow:hidden; margin-bottom:5px; } .pet_top_pic h4 b { float:left; display:block; font-size:20px; color:#333; } .pet_top_pic ul { background:#f9f9f9; padding:10px 15px; height:220px; overflow:hidden; } .pet_top_pic li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; position:relative; z-index:1; padding-left:20px; } .pet_top_pic li:before { content: ""; position: absolute; z-index: 5; left: 0; top: 14px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .pet_top_pic li:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 15px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .pet_top_adv { width:100%; position:relative; z-index:1; overflow:hidden; height:80px; } .pet_top_adv img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .pet_top_new { } .pet_top_new li { border-bottom:1px dotted #d0d0d0; padding:15px 0; } .pet_top_new li:first-child { padding-top:0; } .pet_top_new li h4 { text-align:center; font-size:18px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; margin-bottom:10px; } .pet_top_new li h4 a { color:#EA6000; } .pet_top_new li .cot { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:25px; height:50px; font-size:14px; color:#888; } .pet_top_new02 { height:560px; overflow:hidden; } .pet_top_new02 li { height: 35px; line-height: 35px; font-size: 16px; overflow: hidden; } .pet_top_new02 li span { display:inline-block; margin-right:10px; color:#EA6000; font-size:14px; } .pet_top_new02 li span a { color:#EA6000; } .pet_top_new02 li:nth-child(5n+1) { font-weight:bold; margin-top:10px; } .pet_top_new02 li:nth-child(5n+1) span { display:none; } .pet_top_fouces { width:100%; position:relative; z-index:1; overflow:hidden; height:70px; margin-bottom:10px; box-sizing:border-box; padding:0 0 0 100px; } .pet_top_fouces h4 { font-size:24px; color:#fff; line-height:30px; font-weight:bold; margin-top:10px; } .petScroll { width: 195px; overflow: hidden; z-index:5; height: 26px; line-height: 26px; } .petScroll .bd {} .petScroll .infoList li { height:26px; line-height:26px; font-size:14px; overflow:hidden; } .petScroll .infoList li a { color:#fff; } .pet_top_dog { background:url(../images/tiao_2.jpg) no-repeat center; } .pet_top_cat { background:url(../images/tiao_1.jpg) no-repeat center; } .pet_top_dynamic { } .pet_top_dynamic .titl { height:40px; line-height:40px; margin-bottom:5px; } .pet_top_dynamic .titl h4 { float:left; font-size:20px; color:#333; font-weight:bold; } .pet_top_dynamic .titl .more { display:block; float:right; font-size:14px; background:url(../images/more.png) no-repeat right center; padding-right:24px; margin-right:15px; color:#999; } .pet_top_dynamic .titl .more:hover { background:url(../images/more2.png) no-repeat right center; color:#EA6000; } .pet_top_dynamic .toppic { position:relative; z-index:1; } .pet_top_dynamic .toppic span { display:block; width:100%; height:170px; overflow:hidden; position:relative; z-index:1; } .pet_top_dynamic .toppic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_top_dynamic .toppic p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:45px; line-height:45px; font-size:16px; position:absolute; z-index:9; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,.6); box-sizing:border-box; padding:0 15px; color:#fff; } .pet_top_dynamic .toppic a { color:#FFF; } .pet_top_m { } .pet_top_m li { border-bottom:1px dotted #e0e0e0; padding:12px 0; width:100%; float:left; } .pet_top_m li:last-child { border-bottom:none; padding-bottom:0; } .pet_top_m li .pic { float:left; width:150px; height:95px; overflow:hidden; position:relative; z-index:1; margin-right:15px; } .pet_top_m li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_top_m li .txt { } .pet_top_m li .txt b { display:block; font-weight:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:15px; line-height:25px; height:50px; margin-bottom:15px; } .pet_top_m li .txt_tag { display:inline-block; font-size:12px; height:20px; line-height:20px; background:#fff; color:#b5b5b5; border-radius:15px; padding:0 15px; border:1px solid #e0e0e0; } .pet_top_m li .txt_tag:hover { color:#EA6000; border:1px solid #EA6000; } .pet_main_title { text-align:center; position:relative; z-index:1; height:40px; line-height:40px; } .pet_main_title:before { content:""; width:100%; height:2px; background:#FFD800; position:absolute; z-index:3; left:0; top:17px; } .pet_main_title h4 { position:relative; z-index:11; line-height:40px; float:left; } .pet_main_title h4 b, .pet_main_title h4 span { display:block; background:#FFF; text-transform:uppercase; float:left; } .pet_main_title h4 b { font-weight:normal; color:#EA6000; padding:0 15px 0 0; font-size:32px; line-height:36px; } .pet_main_title h4 span { font-size:18px; color:#ccc; padding:0 15px 0 0; } .pet_main_class { float:right; background:#fff; padding:0 0 0 6px; position:relative; z-index:9; margin-top:4px; } .pet_main_class li { float:left; margin:0 0 0 15px; font-size:15px; } .pet_main_class li a { display:block; line-height: 30px; padding: 0 25px; background-color: #f0f0f0; position: relative; z-index:1; color: #777; border-radius:5px; } .pet_main_class li a:hover { background:#EA6000; color:#fff; } .pet_main_class li a:before, .pet_main_class li a:after { content:""; position:absolute; z-index:11; top:0; } .pet_main_class li a:before { width:0; height:0; border-top:15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #fff; left:0; } .pet_main_class li a:after { width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:10px solid #fff; right:0; } .pet_new { margin:20px 0 30px 0; } .pet_new_l { width:790px; float:left; } .pet_new_r { width:380px; float:right; } .pet_new_article { width:100%; float:left; height:530px; overflow:hidden; } .pet_new_article li { width:100%; float:left; border-bottom:1px dotted #ddd; padding-top:15px; } .pet_new_article li:first-child { padding-top:0; } .pet_new_article li:last-child { border-bottom:none; } .pet_new_article li h2 { /*width:100%; float:left;*/ height:30px; line-height:30px; margin-bottom:10px; } .pet_new_article li h2 span { margin-right: 27px; float: left; width: 20px; height: 30px; display:block; font-size:30px; font-style:italic; } .pet_new_article li h2 em { float: left; font-size: 22px; display:block; } .pet_new_article li p { font-size: 14px; color: #999999; /*padding: 23px 0 23px 0;*/ margin-left: 50px; line-height: 29px; margin-bottom: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pet_new_hot { border:1px dotted #ddd; padding:10px 20px; width:100%; float:left; box-sizing:border-box; height:180px; overflow:hidden; } .pet_new_hot li { width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); float:left; height:40px; line-height:40px; overflow:hidden; font-size:14px; padding-left: 20px; position:relative; z-index:1; } .pet_new_hot li:before { content: ""; position: absolute; left: 0; z-index: 5; left: 0; top: 15px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .pet_new_hot li:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 16px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .pet_new_hot li:nth-child(2n) { float:right; } .pet_two_rt { width: 100%; height: 120px; background: url(../images/dog.png) no-repeat 50px center #FF99CC; color: #FFF; padding-left: 165px; box-sizing: border-box; overflow: hidden; } .pet_two_rt h4 { font-size: 30px; margin-top:26px; line-height:36px; } .pet_two_rt p { font-size:14px; line-height:30px; margin-top:3px; } .pet_two_rc { width: 100%; background: #F7F7F7; margin-top: 10px; height: 580px; overflow: hidden; } .pet_two_rc ul { padding: 0 20px; } .pet_two_rc li { border-bottom: 1px dotted #ccc; padding: 17px 0; width:100%; float:left; } .pet_two_rc li:last-child { border-bottom:none; } .pet_two_rc li .pic { width: 120px; height: 80px; float: left; overflow: hidden; position: relative; background: #eee; } .pet_two_rc li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_two_rc li .co { float: right; width: -webkit-calc(100% - 135px); width: -moz-calc(100% - 135px); width: calc(100% - 135px); height: 80px; color: #999; } .pet_two_rc li b { display: block; height: 24px; line-height: 24px; font-size: 18px; margin-bottom: 8px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pet_two_rc li p { font-size: 12px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 46px; color: #999; } .pet_colunm { width:100%; float:left; margin-top:22px; } .pet_colunm_t { width:100%; height:48px; line-height:48px; background:#f8f8f8; } .pet_colunm_t h4 { float:left; background:#FF99CC; color:#FFF; font-size:18px; padding:0 30px; font-weight:bold; position:relative; z-index:1; } .pet_colunm_t h4:before { content:""; position:absolute; right:-8px; top:16px; width:0; height:0; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FF99CC; } .pet_colunm_t .more { background: url(../images/more.png) no-repeat right center; padding-right: 24px; font-size:14px; float:right; margin-right:20px; color:#999; } .pet_colunm_t .more:hover { background: url(../images/more2.png) no-repeat right center; } .pet_colunm_c { padding:14px 0 0px 0; } .pet_colunm_c li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; margin-right:26px; position:relative; z-index:1; } .pet_colunm_c li:nth-child(4n) { float:right; margin-right:0; } .pet_colunm_c li .pic { display:block; width:100%; height:135px; overflow:hidden; position:relative; z-index:1; } .pet_colunm_c li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .pet_colunm_c li .name { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:8px; position:absolute; z-index:11; background-color:rgba(0,0,0,.6); width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0 10px; color:#FFF; left:0; bottom:0; } .pet_colunm_c li .name a { color:#FFF; } .pet_colunm_c li .bot { height:24px; line-height:24px; overflow:hidden; font-size:12px; color:#bbb; } .pet_colunm_c li .far { background:url(../images/loc.png) no-repeat left center; padding-left:20px; float:left; display:block; } .pet_colunm_c li .appo { float:left; display:block; } .pet_colunm_c li .appo i { color:#EA6000; padding:0 3px; } .pet_viki { } .pet_viki_i { width: -webkit-calc(33% - 15px); width: -moz-calc(33% - 15px); width: calc(33% - 15px); float: left; margin-right: 28px; margin-bottom: 15px; background:#F8F8F8; margin-top:90px; position:relative; z-index:1; } .pet_viki_i .pet_tx { position:absolute; z-index:9; width:100%; height:80px; left:0; top:-80px; text-align:center; overflow:hidden; } .pet_viki_i .pet_tx .pi { display:block; width:170px; float:left; margin-left:40px; } .pet_viki_i .pet_tx .ti { display:block; float:left; font-size:28px; line-height:30px; margin-top:20px; font-weight:bold; color:#444; } .pet_viki_i:nth-child(3n) { float: right; margin-right: 0; } .pet_viki_top { border-bottom:1px dotted #d8d8d8; margin:0 20px; padding:20px 0 12px 0; } .pet_viki_top .pic { width:100%; height:200px; overflow:hidden; position:relative; z-index:1; } .pet_viki_top .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .pet_viki_top .txt { } .pet_viki_top .txt b { font-size:16px; height:36px; line-height:36px; overflow:hidden; display:block; margin-top:5px; } .pet_viki_top .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; line-height:22px; height:44px; color:#999; } .pet_viki_list { margin:8px 20px; } .pet_viki_list li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; padding-left: 20px; position: relative; z-index: 1; } .pet_viki_list li:before { content: ""; position: absolute; left: 0; z-index: 5; left: 0; top: 13px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .pet_viki_list li:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 14px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .pet_viki_l { width:790px; float:left; } .pet_viki_tit { height:35px; line-height:35px; font-size:20px; margin-bottom:10px; } .pet_viki_tit b { display:block; float:left; position:relative; z-index:1; padding-left:20px; } .pet_viki_tit b:before { content:""; position:absolute; left:0; top:50%; margin-top:-8px; z-index:5; width:5px; height:18px; background:#FF99CC; border-radius:5px; } .more_m { display: block; float: right; font-size: 14px; background: url(../images/more.png) no-repeat right center; padding-right: 24px; color: #999; } .more_m:hover { background: url(../images/more2.png) no-repeat right center; color: #EA6000; } .pet_viki_pre { height:430px; overflow:hidden; margin-bottom:25px; } .pet_viki_pre li { width: -webkit-calc(50% - 13px); width: -moz-calc(50% - 13px); width: calc(50% - 13px); float: left; margin-bottom:15px; } .pet_viki_pre li:nth-child(2n) { float: right; } .pet_viki_pre li .pic { width: 140px; height: 95px; float: left; overflow: hidden; position: relative; background: #eee; } .pet_viki_pre li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_viki_pre li .co { float: right; width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); height: 95px; color: #999; box-sizing:border-box; border:1px solid #eee; border-left:none; padding:10px 15px; } .pet_viki_pre li b { display: block; height: 24px; line-height: 24px; font-size: 16px; margin-bottom: 4px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pet_viki_pre li p { font-size: 12px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; color: #999; } .pet_viki_r { width:380px; float:right; } .pet_viki_ano { margin-top:-5px; height:430px; overflow:hidden; } .pet_viki_ano li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; } .pet_viki_ano li b { display: block; font-weight: normal; overflow: hidden; padding-left: 20px; position: relative; z-index: 1; width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); float:left; } .pet_viki_ano li b:before { content: ""; position: absolute; left: 0; z-index: 5; left: 0; top: 14px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .pet_viki_ano li b:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 15px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .pet_viki_ano li span { display:block; float:right; font-size:12px; color:#999; } .pet_question {} .pet_ques_il { width:880px; float: left; margin-right: 20px; position: relative; z-index: 1; margin-top:10px; } .pet_ques_ic { width:460px; float: left; margin-bottom: 25px; position: relative; z-index: 1; margin-top:10px; } .pet_ques_i:nth-child(3n) { float: right; margin-right: 0; } .pet_ques_one { } .pet_ques_one li { padding: 15px 20px; margin-bottom: 21px; float: left; border: 1px solid #eee; height: 155px; overflow: hidden; width:-webkit-calc(50% - 52px); width:-moz-calc(50% - 52px); width:calc(50% - 52px); } .pet_ques_one li:nth-child(2n) { float:right; } .pet_ques_one li h4 { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pet_ques_one .doc-small { height: 32px; line-height: 32px; margin: 8px 0; overflow: hidden; color: #888; font-size: 12px; } .pet_ques_one .doc-small .tx { display:block; width: 30px; height: 30px; float: left; margin-right: 10px; overflow: hidden; border-radius: 50%; border: 1px solid #e5e5e5; position:relative; z-index:1; } .pet_ques_one .doc-small img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_ques_one .doc-small .name { display:block; float:left; font-size: 14px; color: #333; } .pet_ques_one .doc-small .ano { display:block; float:left; font-size:12px; color:#999; margin-left:12px; } .pet_ques_one .co { line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#666; height:72px; } .pet_ques_two { } .pet_ques_two li { width: 100%; float: left; margin-bottom:20px; } .pet_ques_two li:last-child { margin-bottom:0; } .pet_ques_two li:first-child { padding-top:0; } .pet_ques_two li .pic { width: 140px; height: 83px; float: left; overflow: hidden; position: relative; background: #eee; } .pet_ques_two li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_ques_two li .co { float: right; width: -webkit-calc(100% - 155px); width: -moz-calc(100% - 155px); width: calc(100% - 155px); height: 83px; color: #999; } .pet_ques_two li b { display: block; height: 24px; line-height: 24px; font-size: 16px; margin-bottom: 8px; font-weight: normal; } .pet_ques_two li p { font-size: 12px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 46px; color: #999; } .pet_ques_ir { width:300px; float:right; margin-top:10px; } .pet_ques_three {} .pet_ques_three li { width:100%; float:left; margin-bottom:15px; } .pet_ques_three li .a1 { height:52px; overflow:hidden; margin-bottom:5px; } .pet_ques_three li .tx { display:block; float:left; width:50px; height:50px; border:1px solid #eee; overflow:hidden; border-radius:50%; margin-right:8px; } .pet_ques_three li .tx img { display:block; width:100%; height:100%; } .pet_ques_three li .name { float:left; font-size:14px; line-height:24px; padding-top:3px; } .pet_ques_three li .name i { display:block; font-size:12px; color:#999; line-height:24px; } .pet_ques_three li .hospital { float:right; font-size:14px; font-weight:normal; line-height:24px; margin-top:10px; } .pet_ques_three li .con { height:93px; background:#fff; border:1px solid #eee; border-radius:5px; position:relative; z-index:1; box-sizing:border-box; padding:6px 10px 0 10px; } .pet_ques_three li .con b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; display: block; font-weight:normal; height:26px; margin-bottom:5px; } .pet_ques_three li .con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #999; line-height: 22px; height: 44px; margin-bottom: 14px; } .pet_training { margin:20px 0 0 0; } .pet_training li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:35px; } .pet_training li:nth-child(4n) { float:right; margin-right:0; } .pet_training li .pic { width:100%; height:230px; overflow:hidden; position:relative; z-index:1; } .pet_training li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .pet_training li .cont { border:1px solid #eee; border-top:none; zoom:1; padding:38px 15px 15px 15px; position:relative; z-index:1; } .pet_training li .cont h4 { height:50px; line-height:50px; text-align:center; position:absolute; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); top:-25px; z-index:11; background-color:rgba(0,0,0,.6); color:#FFF; font-size:16px; overflow:hidden; } .pet_training li .cont h4 a { color:#FFF; } .pet_training li .desc { font-size:14px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; color:#999; } .pet_nursing { margin:20px 0 30px 0; } .nursing_i { float:left; width:-webkit-calc(33% - 26px); width:-moz-calc(33% - 26px); width:calc(33% - 26px); margin-right:30px; background:#FFF; border:5px solid #fde5e5; } .nursing_it { width:100%; height:120px; background:#fde5e5; } .nursing_it i { display:block; margin-left:80px; width:80px; float:left; margin-top:20px; } .nursing_it i img { width:100%; } .nursing_it p { float:left; font-size:15px; margin-top:25px; margin-left:20px; text-transform:uppercase; color:#FA4E57; } .nursing_it p b { display:block; font-size:30px; margin-bottom:5px; } .nursing_i:nth-child(3n) { float:right; margin-right:0; } .nursing_i:nth-child(2) { border-color:#FFF1E1; } .nursing_i:nth-child(3) { border-color:#ecf5e3; } .nursing_i:nth-child(2) .nursing_it { background:#FFF1E1; } .nursing_i:nth-child(3) .nursing_it { background:#ecf5e3; } .nursing_i:nth-child(2) .nursing_it p { color:#FA7A53; } .nursing_i:nth-child(3) .nursing_it p { color:#81BB40; } .nursing_i .nursingList { padding:20px 15px 20px 20px; height:425px; overflow:hidden; } .nursing_i .nursingList li { height:20px; margin-bottom:20px; } .nursing_i .nursingList li:last-child { margin-bottom:0; } .nursing_i .nursingList li:nth-child(1) .num { background:#FA4E57; } .nursing_i .nursingList li:nth-child(2) .num { background:#FA7A53; } .nursing_i .nursingList li:nth-child(3) .num { background:#FBC258; } .nursing_i .nursingList li .num{ font-size:14px; color:#fff; background:#bcbcbc; width:20px; height:20px; display:block; float:left; line-height:20px; text-align:center; margin-right:10px; } .nursing_i .nursingList li .tab-tit { font-size:16px; line-height:20px; float:right; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nursing_i .nursingList li .tab-con { display:none; margin-top:15px; } .nursing_i .nursingList li.on { height:auto; } .nursing_i .nursingList li.on .tab-con { display:block; } .nursing_i .nursingList li.on .pubpic{ display:block; width:110px; height:70px; float:left; overflow:hidden; position:relative; background:#eee; } .nursing_i .nursingList li.on .pubpic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .nursing_i .nursingList li.on .tabclass { float:right; width:-webkit-calc(100% - 125px); width:-moz-calc(100% - 125px); width:calc(100% - 125px); line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:72px; color:#999; text-indent:24px; font-size:14px; } .pet_fun { margin:20px 0 10px 0; } .pet_fun_l { width:880px; float:left; } .pet_fun_r { width:300px; float:right; } .pet_fun_one { border-bottom:1px dotted #e0e0e0; } .pet_fun_one h4 { font-size:16px; height:30px; line-height:30px; overflow:hidden; } .pet_fun_one h4 i { display:block; float:left; width:24px; height:24px; color:#fff; border-radius:3px; font-size:14px; text-align:center; line-height:24px; margin-top:3px; } .pet_fun_one h4 .new { background:#4ACA6D; } .pet_fun_one h4 .hot { background:#FA4E57; } .pet_fun_one h4 b { font-weight:normal; width:-webkit-calc(100% - 35px); width:-moz-calc(100% - 35px); width:calc(100% - 35px); float:right; line-height:30px; overflow:hidden; } .pet_fun_one p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#999; font-size:14px; margin:10px 0 12px 0; } .pet_fun_two { height:200px; overflow:hidden; margin:8px 0 20px 0; } .pet_fun_two li { height:34px; line-height:34px; overflow:hidden; font-size:14px; } .pet_fun_two li b { display:block; font-weight:normal; overflow:hidden; padding-left:20px; position:relative; z-index:1; } .pet_fun_two li b:before { content:""; position:absolute; left:0; z-index:5; left:0; top:12px; width:10px; height:10px; background:#999; border-radius:50%; } .pet_fun_two li b:after { content:""; position:absolute; z-index:9; left:1px; top:13px; width:8px; height:8px; background:#FFF; border-radius:50%; } .pet_fun_list {} .pet_fun_list li { width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); float:left; margin-right:26px; margin-bottom:15px; } .pet_fun_list li:nth-child(3n) { float:right; margin-right:0; } .pet_fun_list li span { display:block; height:167px; overflow:hidden; position:relative; z-index:1; } .pet_fun_list li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .pet_fun_list li p { overflow: hidden; font-size:16px; line-height:30px; height:30px; margin-top:6px; } .pet_exh {} .pet_exh_list { margin:20px 0 10px 0; } .pet_exh_list li { width: -webkit-calc(33% - 20px); width: -moz-calc(33% - 20px); width: calc(33% - 20px); float: left; margin-right: 36px; margin-bottom: 30px; } .pet_exh_list li:nth-child(3n) { float: right; margin-right: 0; } .pet_exh_list li .pic { width:160px; height:110px; float:left; overflow:hidden; position:relative; z-index:1; } .pet_exh_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .pet_exh_list li .txt { float:right; width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); border:1px solid #eee; box-sizing:border-box; border-left:none; padding:57px 10px 0 15px; height:110px; position:relative; z-index:1; } .pet_exh_list li .txt h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; font-size:16px; background:rgba(0,0,0,.66); position:absolute; z-index:9; left:-15px; width:100%; top:10px; padding:0 15px; box-sizing:border-box; } .pet_exh_list li .txt h4 a { color:#FFF; } .pet_exh_list li .txt p { line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; color: #999; font-size: 14px; } .pet_link { margin-bottom:30px; } .pet_link h4 { width:100%; border-bottom:2px solid #FFD800; color:#EA6000; font-size:28px; padding-bottom:15px; line-height:30px; } .pet_link h4 span { font-size: 18px; color: #ccc; text-transform: uppercase; margin-left:10px; } .pet_link h4 i { display:block; float:right; font-size:14px; color:#999; } .pet_link p { font-size:14px; line-height:30px; margin-top:15px; } .pet_link p a { margin-right:20px; } .pet_img { margin:20px 0 30px 0; } .pet_img_l, .pet_img_r { width:360px; height:310px; float:left; overflow:hidden; position:relative; z-index:1; } .pet_img_r { float:right; } .pet_img_c { width:480px; float:left; } .pet_img_c li { width:225px; height:150px; float:left; margin-left:10px; margin-bottom:10px; overflow:hidden; position:relative; z-index:1; } .pet_img_c li img, .pet_img_l img, .pet_img_r img, .pet_img_b li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .pet_img_b { width:100%; float:left; } .pet_img_b li { width: -webkit-calc(25% - 7px); width: -moz-calc(25% - 7px); width: calc(25% - 7px); float: left; margin-right: 9px; overflow:hidden; position:relative; z-index:1; height:180px; } .pet_img_b li:nth-child(4n) { float: right; margin-right: 0; } .pet_img_tit { position:absolute; width:100%; height:45px; line-height:45px; background-color:rgba(0,0,0,.5); color:#fff; font-size:15px; box-sizing:border-box; padding:0 10px; left:0; bottom:0; z-index:11; } .pet_class_all { margin: 20px 0; border: 1px solid #eee; padding:15px 5px 15px 10px; } .pet_class_a { width:420px; float:left; } .pet_class_b { width:420px; float:left; } .pet_class_r { width:340px; float:right; } .pet_class_tit { width:60px; float:left; text-align:center; font-size:16px; font-weight:bold; } .pet_class_tit i { display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; } .pet_class_cont { float:left; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); font-size:14px; line-height:26px; height:78px; overflow:hidden; } .pet_class_cont a { display:block; float:left; margin-left:18px; } .pet_video { margin-bottom:20px; } .pet_video li { width:-webkit-calc(25% - 19px); width:-moz-calc(25% - 19px); width:calc(25% - 19px); float:left; margin-right:25px; margin-top:20px; } .pet_video li:nth-child(4n) { float:right; margin-right:0; } .pet_video li .pic { display:block; width:100%; height:180px; overflow:hidden; position:relative; z-index:1; } .pet_video li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .pet_video li .pic i { display:none; width:70px; height:70px; position:absolute; z-index:19; right:10px; bottom:10px; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; } .pet_video li .name { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:8px; background:url(../images/video_icon2.png) no-repeat left center; padding-left:30px; } .pet_video li .tit { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:8px; } .pet_video li .bot { font-size: 12px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; color: #999; } .pet_video li .con { height:30px; line-height:30px; } .pet_video li .con .tx { display:block; width:30px; height:30px; border-radius:50%; overflow:hidden; float:left; } .pet_video li .con .tx img { width:30px; height:30px; } .pet_video li .con .name { float:left; font-weight:normal; font-size:14px; margin-left:10px; display:block; } .pet_video li .con .hospital { float:right; display:block; float:right; font-weight:normal; font-size:12px; } .pet_video li .con .hospital a { color:#999; } .pet_video li .con .hospital a:hover { color:#EA6000; } .adv_p { width:100%; } .adv_p img { width:100%; } .pet_hos { margin:0 0 25px 0; } .pet_hos_l { width:880px; float:left; } .pet_hos_r { width:300px; float:right; } .pet_hos_tit { height:45px; font-size:20px; border-bottom:3px solid #e5e5e5; position:relative; z-index:1; margin-top:12px; } .pet_hos_tit b { display:block; float:left; position:relative; z-index:1; padding-left:20px; height:45px; line-height:32px; } .pet_hos_tit b:before { content:""; position:absolute; left:0; top:9px; z-index:5; width:5px; height:18px; background:#FF99CC; border-radius:5px; } .pet_hos_tit b:after { content:""; position:absolute; z-index:11; width:100%; height:3px; background:#FF99CC; bottom:-3px; left:0; } .pet_hos_c { border:1px solid #e5e5e5; border-top:none; zoom:1; box-sizing:border-box; min-height:500px; } .pet_hos_class { background:#f9f9f9; padding:20px 0 0px 20px; border-bottom:1px solid #e5e5e5; width:100%; float:left; box-sizing:border-box; height: 220px; overflow: hidden; } .pet_hos_class dl { width:100%; float:left; font-size:16px; margin-bottom:10px; } .pet_hos_class dl:last-child { margin-bottom: 10px; max-height:130px; overflow:hidden; } .pet_hos_class dt { float:left; font-weight:bold; width:80px; font-size:16px; color:#555; line-height:34px; } .pet_hos_class dd { float:left; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .pet_hos_class dd a { display:block; width: 136px; background: #fff; border: 1px solid #e9e9e9; text-align: center; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; float: left; margin-right: 15px; margin-bottom: 10px; } .pet_hos_class dd a.on { background:#FF99CC; color:#fff; border:1px solid #54a2c7; } .pet_hos_class dl:first-child a { width:80px; } .pet_hos_sym { width:100%; float:left; padding:0 20px; box-sizing:border-box; } .pet_hos_sym .list { height:140px; overflow:hidden; } .pet_hos_sym .list li { width:150px; background:#fff; border:1px solid #e9e9e9; text-align:center; font-size:14px; height:34px; line-height:34px; overflow:hidden; float:left; margin-right:19px; margin-bottom:15px; } .pet_hos_sym .list li:nth-child(5n) { float:right; margin-right:0; } .pet_hos_que { width:100%; float:left; padding:0 20px; box-sizing:border-box; } .pet_hos_top { font-size:16px; color:#555; height:36px; line-height:36px; font-weight:bold; margin-top: 10px; } .pet_hos_que .all { height:280px; overflow:hidden; margin-bottom:12px; } .pet_hos_que .all li { height:35px; line-height:35px; font-size:14px; overflow:hidden; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; } .pet_hos_que .all li:nth-child(2n) { float:right; } .pet_hos_que .all li span { display:inline-block; margin-right:10px; color:#EA6000; float:left; } .pet_hos_que .all li span a { color:#EA6000; } .pet_hos_serch { float:right; margin-top:4px; } .pet_hos_serch .mind { float:left; font-size:14px; color:#999; display:block; line-height:32px; } .pet_serchbox { height: 32px; width: 320px; float: left; position: relative; z-index: 1; font-size:14px; } .serchbox_i { position: absolute; z-index: 11; background: none; left: 20px; width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); height: 32px; line-height: 32px; top: 0px; color: #999; border: 1px solid #eee; border-right:none; box-sizing:border-box; padding:0 12px; } .serchbox_b { position: absolute; z-index: 11; width: 70px; height: 32px; right: 0px; text-align: center; line-height: 32px; color: #fff; background: #FF99CC; border: 0; } .pet_doctor { } .pet_doctor li { width:100%; float:left; border-bottom:1px dotted #ddd; padding:15px 0; } .pet_doctor li a { display:block; } .pet_doctor li .tx { width:80px; height:80px; float:left; overflow:hidden; border-radius:50%; position:relative; z-index:1; } .pet_doctor li .tx img { display:block; width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pet_doctor li .co { float:right; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); } .pet_doctor li .name { font-size:16px; color:#444; margin-right:10px; font-weight:normal; } .pet_doctor li .honor { font-size:13px; height:34px; line-height:34px; overflow:hidden; color:#EA6000; } .pet_doctor li .des { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; color:#888; } .petclass { margin-bottom:15px; } .petclass_t { height: 40px; line-height: 40px; margin-bottom: 5px; } .petclass_t h4 { float: left; font-size: 20px; color: #333; font-weight: bold; } .petclass_t .more { display: block; float: right; font-size: 14px; background: url(../images/more.png) no-repeat right center; padding-right: 24px; margin-right: 15px; color: #999; } .petclass_t .more:hover { background:url(../images/more2.png) no-repeat right center; color:#EA6000; } .petclass > ul { border:1px solid #eee; zoom:1; height:150px; overflow:hidden; } .petclass > ul > li { width: 25%; text-align: center; float: left; font-size: 12px; color: #666666; } .petclass > ul > li > a { display: block; width: 100%; height: 100%; } .petclass > ul > li > a > img { display: inline-block; width: 35px; margin-top: 10px; } .petclass > ul > li > a > p { line-height:24px; font-size:14px; } .pet_ques_io { width:100%; float:left; } .mypet { margin-bottom:20px; } .mypet_l { width:880px; float:left; } .mypet_r { width:300px; float:right; } .mypet_video { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; margin-top:20px; position:relative; z-index:1; } .mypet_video:nth-child(2n) { float:right; } .mypet_video_a { width:100%; height:260px; overflow:hidden; position:relative; z-index:1; } .mypet_video_a img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:2; } .mypet_video_a i { display: block; width: 70px; height: 70px; position: absolute; z-index: 19; right: 10px; bottom: 45px; background: url(../images/btn_play.png) no-repeat center; background-size: 100% 100%; } .mypet_video_a h4 { position:absolute; z-index:9; background:rgba(0,0,0,.6); width:100%; height:40px; line-height:40px; color:#fff; box-sizing:border-box; padding:0 15px; overflow:hidden; left:0; bottom:0; font-size:16px; } .mypet_video_b { margin-top:10px; height:95px; overflow:hidden; } .mypet_video_b li { height:32px; line-height:32px; background:url(../images/video_icon2.png) no-repeat left center; padding-left:35px; font-size:14px; overflow:hidden; } .mypet_new_t { width:100%; height:100px; background:#56BDB3; color:#FFF; margin-top:20px; } .mypet_new_ico { float:left; background:url(../images/pet_img.png) no-repeat center; width:100px; height:100px; } .mypet_new_title { font-size:14px; line-height:32px; padding-top:15px; } .mypet_new_title b { display:block; font-size:24px; } .mypet_new_list {} .mypet_new_list li { border-bottom: 1px dotted #ccc; padding: 17px 0; width:100%; float:left; } .mypet_new_list li:last-child { border-bottom:none; } .mypet_new_list li .pic { width: 130px; height: 75px; float: right; overflow: hidden; position: relative; background: #eee; } .mypet_new_list li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mypet_new_list li .co { float: left; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px); height: 75px; color: #999; } .mypet_new_list li b { display: block; font-size: 16px; font-weight:normal; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; margin-top:5px; } .mypet_new_list li p { font-size: 12px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; color: #999; display:none; } /*鍏辩敤椤�*/ .position { border:1px solid #eee; height:40px; margin-top:10px; background:#fff; position:relative; z-index:1; } .position_l { float:left; width:80px; height:26px; background:#F2873D; color:#FFF; text-align:center; line-height:26px; font-size:14px; margin-top:7px; margin-left:15px; position:relative; z-index:1; } .position_l:before { content:""; position:absolute; z-index:5; width:0; height:0; width:0; height:0; border-top:13px solid transparent; border-bottom: 13px solid transparent; border-left: 8px solid #F2873D; right:-8px; top:0; } .position_r { float:left; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); margin-left:25px; font-size:14px; line-height:40px; } .position_r a { display:block; float:left; color:#999; position:relative; z-index:1; padding-right:17px; margin-right:15px; } .position_r a:before { content:""; position:absolute; top: 19px; right: 0px; width: 6px; height: 6px; border-style: solid; border-width: 1px 1px 0 0; border-color: #c0c0c0; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .position_r a:last-child:before { display:none; } .pet_condi { margin: 10px 0 15px 0; border: 1px solid #eee; } .pet_condi .tabmenu { width: 100%; height: 50px; border-bottom: 3px solid #eee; line-height: 50px; } .pet_condi .tabmenu ul { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); float: left; } .pet_condi .tabmenu li { float: left; text-align: center; font-size: 18px; margin-left: 30px; padding: 0 10px; } .pet_condi .tabmenu li.on { font-weight: bold; color: #EA6000; position: relative; z-index: 1; } .pet_condi .tabmenu li.on a { color: #EA6000; } .pet_condi .tabmenu li.on:before { content: ""; width: 100%; height: 3px; background: #EA6000; position: absolute; z-index: 9; left: 0; bottom: -3px; } .pet_condi .content { } .pet_condi .content dl { padding: 15px 20px; border-bottom: 1px dotted #ddd; overflow: hidden; width:100%; float:left; font-size:14px; line-height:26px; box-sizing:border-box; } .pet_condi .content dl:last-child { border-bottom:none; } .pet_condi .content dt { float: left; width: 85px; } .pet_condi .content dd { float: left; width: 1050px; font-size: 14px; } .pet_condi .content dd a { display: inline-block; padding: 0 10px; margin:0 10px 0 0; } .pet_condi .content dd a.cur { background: #EA6000; color: #fff; } .pet_total { margin-bottom:20px; } .pet_total li { width:-webkit-calc(20% - 20px); width:-moz-calc(20% - 20px); width:calc(20% - 20px); float:left; margin-right:25px; margin-top:15px; } .pet_total li:nth-child(5n) { float:right; margin-right:0; } .pet_total li .pic { display:block; width:100%; height:140px; overflow:hidden; position:relative; z-index:1; } .pet_total li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .pet_total li .name { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:5px; } .pet_total li .tit { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:8px; } .pages {text-align:center; clear:both; font-size:14px; margin-bottom:20px;} .pages span,.pages a {display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;background:#fff;} .pages a,.pages span {padding:8px 16px; border:1px solid #e6e6e6; } .pages a:hover,.pages a.on {background:#f87c98; border-color:#e84c70; color:#fff; text-decoration:none; } .pages a.on { margin-right:5px;} .pages ul li{display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;background:#fff;} .pages ul li.thisclass{padding:8px 16px;background:#0364d8; border:1px solid #0364d8; color:#fff; text-decoration:none; } .petmark_list { margin-bottom:30px; } .petmark_list li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; margin-right:26px; margin-top:15px; } .petmark_list li:nth-child(4n) { float:right; margin-right:0; } .petmark_list li .pic { display:block; width:100%; height:180px; overflow:hidden; position:relative; z-index:1; } .petmark_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petmark_list li .cot { border:1px solid #eee; border-top:none; box-sizing:border-box; padding:5px 15px; padding-bottom:0; } .petmark_list li .title { font-size:16px; height:40px; line-height:40px; overflow:hidden; } .petmark_list li .des { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; color:#999; line-height:24px; height:48px; } .petmark_list li .ano { line-height:24px; height:24px; overflow:hidden; font-size:13px; color:#999; } .petmark_list li .ano span { display:block; float:left; margin-right:10px; } .petmark_list li .btn { width:100%; border-top:1px dotted #c0c0c0; padding:15px 0; margin-top:12px; } .petmark_list li .zixun { display:block; width:120px; height:30px; line-height:30px; border:1px solid #F2873D; background:#fff; text-align:center; color:#F2873D; border-radius:3px; margin:0 auto; font-size:14px; } .petans_top { border:3px solid #e2f2fa; zoom:1; padding:20px; padding-bottom:0; margin:10px 0 15px 0; } .petans_top_l { width:450px; float:left; } .petans_top_r { width:680px; float:right; } .petans_top_r li { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); float:left; margin-bottom:20px; overflow:hidden; height:210px; position:relative; z-index:1; } .petans_top_r li:nth-child(2n) { float:right; } .petans_top_r li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petans_top_r li h4 { background-color:rgba(255,255,255,.7); width:94%; height:40px; line-height:40px; font-size:16px; position:absolute; z-index:9; left:3%; bottom:10px; text-align:center; } .petans_top_r li h4 b { display:block; font-weight:normal; padding:0 15px; overflow:hidden; line-height:40px; } .petans_top_l .title { height:36px; line-height:36px; background:#FF99CC; color:#fff; border-radius:5px; padding:0 10px; position:relative; z-index:1; } .petans_top_l .title h2 { display:block; float:left; font-size:18px; font-weight:bold; } .petans_top_one { border-bottom:1px dotted #e0e0e0; padding-bottom:12px; padding-top:7px; } .petans_top_one b { display:block; text-align:center; font-size:16px; height:40px; line-height:40px; overflow:hidden; font-weight:normal; } .petans_top_one p { font-size:14px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; color:#999; } .petans_top_list { margin-top:10px; height:290px; overflow:hidden; } .petans_top_list li { height:36px; line-height:36px; overflow:hidden; width:100%; float:left; font-size:14px; } .petans_top_list li p { display:block; float:left; font-weight:normal; overflow:hidden; width:390px; } .petans_top_list li p b { font-weight:normal; } .petans_top_list li i { margin-right:8px; } .petans_top_list li i a { color:#FF99CC; } .petans_top_list li span { display:block; float:right; font-size:12px; color:#999; } .petans_cot { margin:10px 0 20px 0; } .petans_cot_l { width:880px; float:left; } .petans_cot_r { width:300px; float:right; } .petans_menu { border: 1px solid #e5e5e5; zoom: 1; box-sizing: border-box; min-height: 500px; } .petans_menu_i { background:#f9f9f9; padding:20px 0 0px 20px; border-bottom:1px solid #e5e5e5; width:100%; float:left; box-sizing:border-box; } .petans_menu_i dl { width:100%; float:left; font-size:15px; line-height:26px; margin-bottom:15px; } .petans_menu_i dt { float:left; font-weight:bold; width:80px; font-size:15px; color:#555; } .petans_menu_i dd { float:left; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .petans_menu_i dd a { display:block; float:left; margin:0 5px 5px 0; padding:0 11px; } .petans_menu_i dd a.on { background:#EA6000; color:#fff; border-radius:20px; } .petans_all { padding:0 20px; margin-bottom:20px; } .petans_all_i { border-bottom:1px dotted #e0e0e0; padding:15px 0 13px 0; width:100%; float:left; } .petans_all_left { width:70px; float:left; text-align:center; font-size:14px; } .petans_all_left .tx { display:block; width:50px; height:50px; border-radius:100%; overflow:hidden; margin:0 auto; } .petans_all_left .tx img { width:50px; height:50px; } .petans_all_left .name { display:block; line-height:24px; margin-top:7px; } .petans_all_left .honor { display:block; line-height:20px; font-size:12px; color:#999; } .petans_all_right { float:right; width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); } .petans_all_right .tit { font-size:18px; height:30px; line-height:30px; overflow:hidden; margin-bottom:8px; margin-top:-3px; text-overflow: ellipsis; white-space: nowrap; } .petans_all_right .tit b { font-weight:normal; } .petans_all_right .tit i { margin-right:10px; font-weight:normal; font-size:14px; color:#EA6000; } .petans_all_right .tit i a { color:#EA6000; } .petans_all_right .con { font-size:14px; line-height:24px; height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#777; margin-bottom:5px; } .petans_all_right .ano { color:#c0c0c0; font-size:12px; height:24px; line-height:24px; overflow:hidden; background:url(../images/time.png) no-repeat left center; padding-left:25px; } .petans_r_tit { height:32px; font-size:18px; border-bottom:2px solid #efefef; position:relative; z-index:1; } .petans_r_tit b { display:block; float:left; position:relative; z-index:1; padding-left:18px; height:32px; line-height:22px; font-weight:normal; } .petans_r_tit b:before { content:""; position:absolute; left:0; top:3px; z-index:5; width:5px; height:18px; background:#EA6000; border-radius:5px; } .petans_r_tit b:after { content:""; position:absolute; z-index:11; width:100%; height:2px; background:#EA6000; bottom:-2px; left:0; } .petans_r_box { margin-bottom:30px; } .petans_r_box .pic { width:100%; height:180px; position:relative; z-index:1; overflow:hidden; margin-top:15px; } .petans_r_box .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .petans_r_box .pic p { position:absolute; z-index:11; left:0; bottom:0; width:100%; height:45px; line-height:45px; background-color:rgba(0,0,0,.6); font-size:16px; box-sizing:border-box; padding:0 10px; color:#FFF; } .petans_r_box .list { margin-top:5px; } .petans_r_box .list li { border-bottom: 1px dotted #e0e0e0; height:44px; line-height:44px; font-size:14px; } .petans_r_box .list li b { display:block; float:left; font-weight:normal; position:relative; z-index:1; width:240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:14px; } .petans_r_box .list li b:before { content:""; position:absolute; z-index:5; width:4px; height:4px; border-radius:100%; background:#ccc; left:0; top:18px; } .petans_r_box .list li span { display:block; float:right; font-size:12px; color:#c0c0c0; } .doctor_star { } .doctor_star li { width:100%; float:left; border-bottom:1px dotted #ddd; padding:15px 0; } .doctor_star li a { display:block; } .doctor_star li .tx { width:80px; height:80px; float:left; overflow:hidden; border-radius:50%; position:relative; z-index:1; } .doctor_star li .tx img { display:block; width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .doctor_star li .co { float:right; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); } .doctor_star li .name { font-size:16px; color:#444; margin-right:10px; font-weight:normal; } .doctor_star li .honor { font-size:13px; height:34px; line-height:34px; overflow:hidden; color:#EA6000; } .doctor_star li .des { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; color:#888; } .tnewScroll { width: 350px; overflow: hidden; position: absolute; z-index:5; top: 3px; height: 30px; line-height: 30px; right: 0px; text-align:left; font-size:15px; } .tnewScroll .bd {} .tnewScroll .infoList li { height:30px; line-height:30px; } .tnewScroll .infoList li a { color:#fff; } /*瀹犵墿鐧剧*/ .petwiki {} .petwiki_l { width:880px; float:left; } .petwiki_r { width:300px; float:right; margin-top:15px; } .petwiki_top { background:#fff; height:50px; line-height:50px; margin-top:15px; border:3px solid #FFEEEE; } .petwiki_top b { display:block; float:left; font-weight:normal; background:#FFEEEE; color:#EA6000; font-size:18px; width:110px; text-align:center; } .petwiki_top ul { width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px); float:right; } .petwiki_top ul li { float:left; font-size:16px; margin-right:30px; } .petwiki_top ul li a { display:block; position:relative; z-index:1; } .petwiki_top ul li a.on { color:#EA6000; } .petwiki_top ul li a.on:before { content:""; position:absolute; width:100%; height:3px; background:#EA6000; z-index:5; left:0; bottom:5px; } .petwiki_class { background:#fafafa; box-sizing:border-box; padding:15px 0 5px 20px; } .petwiki_class dl { width:100%; float:left; font-size:14px; line-height:30px; margin-bottom:10px; } .petwiki_class dt { float:left; width:60px; font-weight:bold; font-size:15px; color:#999; } .petwiki_class dd { float:left; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); } .petwiki_class dd a { margin-right:10px; display:block; float:left; padding:0 10px; } .petwiki_class dd a.on { color:#EA6000; font-weight:bold; } .petwiki_list { margin-bottom:20px; } .petwiki_list li { border-bottom:1px dotted #e0e0e0; padding:25px 0; width:100%; float:left; } .petwiki_list li .pic { width:260px; height:150px; float:left; overflow:hidden; position:relative; z-index:1; margin-right:25px; } .petwiki_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .petwiki_list li .txt { /*width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px); float:right;*/ } .petwiki_list li .titname{ height: 40px; overflow: hidden; line-height: 40px; margin-bottom: 5px; font-size:20px; } .petwiki_list li .content { height: 50px; line-height: 26px; color: #888; font-size: 14px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .petwiki_list li .ano { height:24px; line-height:24px; } .petwiki_list li .ano .time { display:none; float:left; margin-right:10px; color:#999; margin-left:10px; } .petwiki_list li .tag { display:block; float:left; } .petwiki_list li .tag a { background:#f5f5f5; line-height:24px; padding:0 10px; display:block; float:left; margin-right:12px; color:#999; } .petwiki_list li .tag a:hover { color:#2F95EA; background:#e6f1f9; } .petwiki_read { margin-bottom:20px; } .petwiki_read li { margin-top:15px; } .petwiki_read li span { display:block; width:100%; height:170px; overflow:hidden; position:relative; z-index:1; } .petwiki_read li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petwiki_read li b { display:block; font-weight:normal; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; } .petwiki_read li p { font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #999; } .petviki_ans { margin-top:15px; } .petviki_ans li { width:100%; float:left; margin-bottom:15px; } .petviki_ans li .a1 { height:45px; overflow:hidden; margin-bottom:5px; } .petviki_ans li .tx { display:block; float:left; width:43px; height:43px; border:1px solid #eee; overflow:hidden; border-radius:50%; margin-right:8px; } .petviki_ans li .tx img { display:block; width:100%; height:100%; } .petviki_ans li .name { float:left; font-size:14px; line-height:20px; padding-top:3px; } .petviki_ans li .name i { display:block; font-size:12px; color:#999; } .petviki_ans li .hospital { float:right; font-size:14px; font-weight:normal; line-height:24px; margin-top:8px; } .petviki_ans li .con { height:90px; background:#fff; border:1px solid #eee; border-radius:5px; position:relative; z-index:1; box-sizing:border-box; padding:6px 10px 0 10px; } .petviki_ans li .con b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; display: block; font-weight:normal; height:26px; margin-bottom:5px; } .petviki_ans li .con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #999; line-height: 20px; height: 40px; } .petviki_hos { margin-top:20px; } .petviki_hos li { margin-bottom:20px; width:100%; float:left; } .petviki_hos li .pic { width:130px; float:left; overflow:hidden; position:relative; z-index:1; height:110px; } .petviki_hos li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petviki_hos li .txt { width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px); float:right; border:1px solid #eee; border-left:none; box-sizing:border-box; padding:10px; height:110px; } .petviki_hos li .txt b { display:block; font-weight:normal; font-size:16px; font-weight:normal; height:20px; line-height:20px; overflow:hidden; margin-bottom:7px; } .petviki_hos li .txt p { font-size:12px; line-height:20px; color:#999; } .petviki_like { margin-top:20px; } .petviki_like li { width: -webkit-calc(50% - 6px); width: -moz-calc(50% - 6px); width: calc(50% - 6px); float: left; margin-bottom:10px; } .petviki_like li:nth-child(2n) { float: right; } .petviki_like li span { display:block; width:100%; height:100px; overflow:hidden; position:relative; z-index:1; } .petviki_like li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petviki_like li b { display:block; font-weight:normal; height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; margin-top: 5px; } .petvieo_list {} .petvieo_list ul { margin-bottom:20px; } .petvieo_list li { width: -webkit-calc(33% - 12px); width: -moz-calc(33% - 12px); width: calc(33% - 12px); float: left; margin-right: 22px; margin-top: 15px; } .petvieo_list li:nth-child(3n) { float: right; margin-right: 0; } .petvieo_list li .pic { width:100%; height:180px; overflow:hidden; position:relative; z-index:1; } .petvieo_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .petvieo_list li i { display:block; position:absolute; z-index:11; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; width:60px; height:60px; right:10px; bottom:10px; } .petvieo_list li .con { border:1px solid #eee; zoom:1; border-top:none; box-sizing:border-box; padding:5px 12px 10px 12px; } .petvieo_list li .con b { display:block; font-weight:normal; font-size:18px; height:40px; line-height:40px; overflow:hidden; } .petvieo_list li .con p { height: 48px; line-height: 24px; color: #888; font-size: 12px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .petvieo_list li .time { color: #c0c0c0; font-size: 12px; height: 24px; line-height: 24px; overflow: hidden; background: url(../images/time.png) no-repeat left center; padding-left: 25px; } .petviki_rli { margin-bottom:20px; } .petviki_rli li { border-bottom:1px dotted #e0e0e0; padding:15px 0; } .petviki_rli li b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; display: block; font-weight: normal; height: 26px; margin-bottom: 5px; } .petviki_rli li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #999; line-height: 20px; max-height: 40px; } .petdoctor { } .petdoctor ul { margin-bottom:20px; } .petdoctor li { width: -webkit-calc(50% - 12px); width: -moz-calc(50% - 12px); width: calc(50% - 12px); float: left; margin-top: 18px; border:1px solid #eee; zoom:1; box-sizing:border-box; padding:20px 0; margin-bottom:5px; } .petdoctor li:nth-child(2n) { float: right; } .petdoctor li .left { width:120px; float:left; } .petdoctor li .right { float:right; width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px); width:calc(100% - 135px); margin-right:15px; } .petdoctor li .left .txi { width:80px; height:80px; border-radius:100%; overflow:hidden; position:relative; z-index:1; margin:0 auto; } .petdoctor li .left .txi img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .petdoctor li .left .namet { display:block; font-weight:normal; font-size:18px; text-align:center; line-height:36px; margin-top:3px; } .petdoctor li .right .a1 { font-size:14px; height:30px; line-height:30px; margin-bottom:3px; } .petdoctor li .right .a1 span { display:block; margin-right:20px; float:left; color:#18B1F9; } .petdoctor li .right .a2 { font-size:14px; line-height:22px; } .petdoctor li .right .a2_c { margin-bottom:5px; color:#888; font-size:12px; } .petdoctor li .right .a2_c span { color:#222; font-size:14px; } /*澶у叏璇︽儏*/ .daqo_top { margin:20px 0; } .daqo_top_l { width:490px; float:left; padding:15px; background:#f5f5f5; height:320px; } .daqo_top_r { width:-webkit-calc(100% - 520px); width:-moz-calc(100% - 520px); width:calc(100% - 520px); box-sizing:border-box; border:1px solid #eee; border-left:none; height:350px; float:right; padding:20px; } .daqo_top_lc { width:490px; height:320px; background:#fff; overflow:hidden; position:relative; z-index:1; } .daqo_top_lc img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .detail-star { border:2px dashed #ececec; width:100%; float:left; box-sizing:border-box; margin-top:15px; padding:0 0 17px 0; } .detail-star ul li { float: left; width: 14.2%; text-align: center; margin-top:12px; } .detail-star .star { display: inline-block; width:115px; height:20px; background: url(../images/start.png) no-repeat 0 -20px; font-size: 14px; color: #e3e3e3; } .detail-star .star em { display: block; height: 20px; background: url(../images/start.png); } .detail-star .ptxt { font-size:15px; color: #666; line-height:30px; } .daqo_mesg { margin:20px 0 30px 0; } .daqo_mesg_i { float:left; width:-webkit-calc(33% - 20px); width:-moz-calc(33% - 20px); width:calc(33% - 20px); margin-right:30px; background:#FFF; border:1px solid #fde5e5; } .daqo_mesg_i .tip { height:50px; line-height:50px; background:#fde5e5; padding:0 20px; font-size:18px; font-weight:bold; color:#444; } .daqo_mesg_i .tip h4 { float:left; } .daqo_mesg_i .tip .more { float:right; display:block; font-size:14px; color:#999; font-weight:normal; position:relative; z-index:1; padding-right:15px; } .daqo_mesg_i .tip .more:before { content:""; position: absolute; top: 24px; right: 0; width: 6px; height: 6px; border-style: solid; border-width: 1px 1px 0 0; border-color: #ababab; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .daqo_mesg_i .tip span { color:#FA4E57; } .daqo_mesg_i:nth-child(3n) { float:right; margin-right:0; } .daqo_mesg_i:nth-child(2) { border-color:#FFF1E1; } .daqo_mesg_i:nth-child(3) { border-color:#ecf5e3; } .daqo_mesg_i:nth-child(2) .tip { background:#FFF1E1; } .daqo_mesg_i:nth-child(2) .tip span { color:#FA7A53; } .daqo_mesg_i:nth-child(3) .tip { background:#ecf5e3; } .daqo_mesg_i:nth-child(3) .tip span { color:#81BB40; } .daqo_mesg_list { margin:10px 20px; } .daqo_mesg_list li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; padding-left: 20px; position: relative; z-index: 1; } .daqo_mesg_list li:before { content: ""; position: absolute; left: 0; z-index: 5; left: 0; top: 13px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .daqo_mesg_list li:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 14px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .daqo_baike { padding:10px 0 25px 0; } .daqo_baike_l { width:880px; float:left; } .daqo_baike_r { width:300px; float:right; } .daqo_baike_l .pet_ques_one { height:610px; overflow:hidden; } .daqo_baike_all { overflow:hidden; height:610px; margin-top:-5px; } .daqo_baike_all li { height:36px; line-height:36px; font-size:14px; overflow:hidden; width:100%; float:left; text-overflow: ellipsis; white-space: nowrap; } .daqo_baike_all li span { display:inline-block; margin-right:10px; color:#EA6000; float:left; } .daqo_baike_all li span a { color:#EA6000; } .daqo_rec { margin-top:15px; margin-bottom:10px; } .daqo_rec li { width:-webkit-calc(20% - 14px); width:-moz-calc(20% - 14px); width:calc(20% - 14px); float:left; margin-right:17px; margin-bottom:20px; } .daqo_rec li:nth-child(5n) { float:right; margin-right:0; } .daqo_rec li .pic { display:block; width:100%; height:140px; overflow:hidden; position:relative; z-index:1; } .daqo_rec li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .daqo_rec li .cot { box-sizing:border-box; background:#f5f5f5; height:50px; line-height:50px; font-size:15px; text-align:center; overflow:hidden; } /*瀹犵墿鍖婚櫌*/ .pital_top { margin-top:15px; margin-bottom:20px; } .pital_top_l { width:800px; float:left; height:330px; } .pital_top_l img { width:100%; height:100%; } .pital_top_r { width:400px; float:right; box-sizing:border-box; background:#f5f5f5; height:330px; overflow:hidden; padding:20px 20px 20px 0; } .pital_top_rc { background:#fff; height:250px; padding:20px; } .today_hot { height: 45px; } .today_hot h2 { background: url(../images/icon1.jpg) no-repeat; width: 89px; height: 41px; color: white; line-height: 32px; font-size: 18px; text-indent: 8px; float: left; } .today_hot span { float: left; font-size: 16px; color: #ccc; line-height: 32px; margin-left: 10px; } .today_hot_one { border-bottom: 1px dashed #dddddd; padding-bottom: 15px; } .today_hot_one b { height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: normal; font-size: 20px; margin-bottom:5px; } .today_hot_one p { font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; color:#999; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .today_hot_two { height: 96px; overflow: hidden; margin-top: 12px; } .today_hot_two li { float: left; font-size: 14px; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); padding-left: 15px; overflow: hidden; line-height: 32px; height: 32px; position:relative; z-index:1; } .today_hot_two li:nth-child(2n) { float: right; } .today_hot_two li:before { content:""; width:4px; height:4px; background:#EA6000; border-radius:50%; position:absolute; top:50%; left:0; margin-top:-2px; } .pital_one { } .pital_one_l { width:880px; float:left; } .pital_one_r { width:300px; float:right; } .pital_tit { height:42px; font-size:20px; position:relative; z-index:1; } .pital_tit b { display:block; float:left; position:relative; z-index:1; padding-left:20px; height:42px; line-height:32px; } .pital_tit b:before { content:""; position:absolute; left:0; top:9px; z-index:5; width:5px; height:18px; background:#18B1F9; border-radius:5px; } .pital_tit b:after { content:""; position:absolute; z-index:11; width:100%; height:3px; background:#18B1F9; bottom:-3px; left:0; } .pital_tit .more_m { margin-top:8px; } .pital_tit2 { height:42px; font-size:20px; position:relative; z-index:1; } .pital_tit2 b { display:block; float:left; position:relative; z-index:1; padding-left:20px; height:42px; line-height:32px; } .pital_tit2 b:before { content:""; position:absolute; left:0; top:9px; z-index:5; width:5px; height:18px; background:#18B1F9; border-radius:5px; } .pital_tit2 .more_m { margin-top:8px; } .pital_toms { border:1px solid #e5e5e5; border-top:3px solid #e5e5e5; zoom:1; box-sizing:border-box; min-height:500px; } .pital_toms_class { background: #f9f9f9; padding: 20px 0 0px 20px; border-bottom: 1px solid #e5e5e5; width: 100%; float: left; box-sizing: border-box; height: 220px; overflow: hidden; } .pital_toms_class dl { width:100%; float:left; font-size:16px; line-height:26px; margin-bottom:12px; max-height:110px; overflow:hidden; } .pital_toms_class dl:last-child { margin-bottom: 10px; max-height: 130px; overflow: hidden; } .pital_toms_class dt { float:left; font-weight:bold; width:80px; font-size:16px; color:#555; } .pital_toms_class dd { float:left; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .pital_toms_class dd a { display:block; width: 136px; background: #fff; border: 1px solid #e9e9e9; text-align: center; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; float: left; margin-right: 15px; margin-bottom: 10px; } .pital_toms_class dd a.on { background:#FF99CC; color:#fff; border:1px solid #54a2c7; } .pital_toms_class dl:first-child a { width:80px; } .pital_toms_a { width:100%; float:left; padding:0 20px; box-sizing:border-box; } .pital_toms_a .list { height:140px; overflow:hidden; } .pital_toms_a .list li { width:150px; background:#fff; border:1px solid #e9e9e9; text-align:center; font-size:14px; height:34px; line-height:34px; overflow:hidden; float:left; margin-right:19px; margin-bottom:15px; } .pital_toms_a .list li:nth-child(5n) { float:right; margin-right:0; } .pital_toms_b { width:100%; float:left; padding:0 20px; box-sizing:border-box; } .pital_toms_a h6, .pital_toms_b h6 { font-size:16px; color:#555; height:36px; line-height:36px; font-weight:bold; margin-top: 10px; } .pital_toms_b .all { height:280px; overflow:hidden; margin-bottom:12px; } .pital_toms_b .all li { height:35px; line-height:35px; font-size:14px; overflow:hidden; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; } .pital_toms_b .all li:nth-child(2n) { float:right; } .pital_toms_b .all li span { display:inline-block; margin-right:10px; color:#18B1F9; float:left; } .pital_toms_b .all li span a { color:#18B1F9; } .pital_medi_a { } .pital_medi_a ul { margin-right:-15px; } .pital_medi_a li { width:95px; float:left; margin-right:8px; height:80px; background:#E2F4D8; margin-bottom:8px; position:relative; z-index:1; } .pital_medi_a li b { display:block; line-height:30px; font-size:16px; margin:10px 10px 0 12px; font-weight:normal; } .pital_medi_a li i { display:block; position:absolute; z-index:9; right:10px; bottom:10px; border:2px solid #c0dab2; border-radius:50%; width:24px; height:24px; } .pital_medi_a li i:before { content:""; position: absolute; top: 10px; right: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #c0dab2; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .pital_medi_a li:first-child { width:198px; } .pital_medi_a li:nth-child(4n+2) { background:#D8F1F4; } .pital_medi_a li:nth-child(4n+3) { background:#F4EBD8; } .pital_medi_a li:nth-child(4n+4) { background:#F9E3E8; } .pital_medi_a li:nth-child(4n+2) i, .pital_medi_a li:nth-child(4n+2) i:before { border-color: #a9c9cd; } .pital_medi_a li:nth-child(4n+3) i, .pital_medi_a li:nth-child(4n+3) i:before { border-color: #d7c39a; } .pital_medi_a li:nth-child(4n+4) i, .pital_medi_a li:nth-child(4n+4) i:before { border-color: #e5bac4; } .pital_medi_b {} .pital_medi_b li { width:100%; float:left; background:#f8f8f8; margin-bottom:12px; box-sizing:border-box; padding:10px; } .pital_medi_b li:last-child { margin-bottom:0; } .pital_medi_b li .pic { width:100px; height:71px; float:left; overflow:hidden; position:relative; z-index:1; background:#fff; } .pital_medi_b li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .pital_medi_b li .txt { width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px); width:calc(100% - 115px); float:right; } .pital_medi_b li .txt h6 { line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; font-size:15px; } .pital_medi_b li .deti { display: block; width: 75px; height: 25px; background-color: #63C32E; color: #fff; text-align: center; line-height: 25px; margin-top: 5px; border-radius: 3px; } .pital_title { width:100%; border-bottom:2px solid #E5E5E5; height: 40px; font-size: 20px; position: relative; z-index: 1; margin-top: 12px; } .pital_title b { display: block; float: left; position: relative; z-index: 1; padding-left: 20px; height: 40px; line-height: 32px; } .pital_title b:before { content: ""; position: absolute; left: 0; top: 9px; z-index: 5; width: 5px; height: 18px; background: #18B1F9; border-radius: 5px; } .pital_title b:after { content: ""; position: absolute; z-index: 11; width: 100%; height: 2px; background: #18B1F9; bottom: -2px; left: 0; } .pital_title .more_m { margin-top:7px; } .pital_doctor { width:100%; height:340px; margin:15px auto; position:relative; } .pital_doctor .prev,.pital_doctor .next{ width:40px; height:80px; position:absolute; top:50%; margin-top:-40px; left:0; z-index:100; cursor:pointer; background-color:rgba(0,0,0,.3); } .pital_doctor .prev:hover,.pital_doctor .next:hover { background-color:rgba(246,99,133,.5); } .pital_doctor .prev { border-radius:0 80px 80px 0; } .pital_doctor .next { border-radius:80px 0 0 80px; left:auto; right:0; } .pital_doctor .prev:before, .pital_doctor .next:before { content:""; position: absolute; top: 36px; left:3px; width: 16px; height: 16px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(225deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .pital_doctor .next:before { -webkit-transform: rotateZ(45deg); left:auto; right:10px; } .pital_doctor .scrollWrap { width:100%; overflow:hidden; position:absolute; } .pital_doctor dl{ width: 180px; height: 280px; overflow: hidden; padding: 25px 15px; float: left; margin-right: 35px; border: 1px solid #eee; border-radius: 4px; text-align: center; position: relative; z-index: 1; margin:10px 35px 10px 0; } .pital_doctor dt{ width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; overflow: hidden; position:relative; z-index:1; } .pital_doctor img{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; } .pital_doctor dd { margin-top: 2px; color: #888; font-size: 12px; } .pital_doctor dd .doctor_name { font-size: 20px; display: block; line-height: 36px; color: #333333; margin-top:10px; } .pital_doctor dd .doctor_name span { display:inline-block; color: #18B1F9; font-size: 14px; margin:0 0 0 10px; font-weight:normal; } .pital_doctor dd .doctor_hos { line-height: 30px; height: 30px; overflow: hidden; color: #444; font-size: 13px; } .pital_doctor dd .doctor_cont { font-size:12px; line-height:22px; height:66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-align:left; position:relative; z-index:1; padding-top:12px; margin-top:8px; color: #777; } .pital_doctor dd .doctor_cont:before { content:""; position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:2px; background:#d0d0d0; } .pital_doctor dl:hover { border:1px solid #18B1F9; } .pital_two {} .pital_two_l { width:880px; float:left; } .pital_two_r { width:300px; float:right; } .ask_card { position:relative; z-index:1; margin-top:5px; } .ask_card dl { width:-webkit-calc(50% - 55px); width:-moz-calc(50% - 55px); width:calc(50% - 55px); padding: 15px 20px 7px 20px; margin-top:20px; float: left; border: 1px solid #eee; height:165px; overflow:hidden; } .ask_card dl:hover{} .ask_card dl:nth-child(2n) { float:right; } .ask_card dt { font-size: 18px; height:30px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ask_card dd { margin-top:10px; } .ask_card .doc-small { height: 32px; line-height: 32px; overflow: hidden; color: #888; font-size: 12px; margin-bottom:10px; } .ask_card .tx { display:block; width: 30px; height: 30px; float: left; margin-right: 10px; overflow: hidden; border-radius: 50%; border:1px solid #e5e5e5; position:relative; z-index:1; } .ask_card .tx img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ask_card .name { display:block; float:left; font-size: 14px; font-weight: normal; color: #333; margin-right:10px; } .ask_card .job_a { display:block; float:left; font-size:12px; color:#999; margin-right:10px; } .ask_card .describle { line-height: 25px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#777; } .consu_card { margin-top:25px; } .consu_card li { width:100%; float:left; margin-bottom:16px; } .consu_card li:last-child { margin-bottom:0; } .consu_card li .a1 { height:45px; overflow:hidden; margin-bottom:5px; } .consu_card li .tx { display:block; float:left; width:43px; height:43px; border:1px solid #eee; overflow:hidden; border-radius:50%; margin-right:8px; } .consu_card li .tx img { display:block; width:100%; height:100%; } .consu_card li .name { float:left; font-size:14px; line-height:20px; padding-top:3px; } .consu_card li .name i { display:block; font-size:12px; color:#999; } .consu_card li .hospital { float:right; font-size:14px; font-weight:normal; line-height:24px; margin-top:8px; } .consu_card li .con { height:90px; background:#fff; border:1px solid #eee; border-radius:5px; position:relative; z-index:1; box-sizing:border-box; padding:6px 10px 0 10px; } .consu_card li .con b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; display: block; font-weight:normal; height:26px; margin-bottom:5px; } .consu_card li .con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #999; line-height: 20px; height: 40px; } .pital_hotlist { margin-top:20px; } .pital_hotlist li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; margin-right:26px; margin-bottom:20px; } .pital_hotlist li:nth-child(4n) { float:right; margin-right:0; } .pital_hotlist li .pic { width:100%; height:170px; overflow:hidden; position:relative; z-index:1; } .pital_hotlist li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; } .pital_hotlist li .con { padding:10px 15px; border:1px solid #eee; border-top:none; box-sizing:border-box; } .pital_hotlist li .tit { font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; display: block; font-weight:bold; } .pital_hotlist li .ano { line-height:26px; color:#999; font-size:12px; height:26px; overflow:hidden; background:url(../images/loc.png) no-repeat -1px center; padding-left:20px; } .pital_hotlist li .tel { line-height:26px; color:#999; font-size:12px; height:26px; overflow:hidden; background:url(../images/tell.png) no-repeat 0 center; padding-left:20px; } .pital_hotlist_3 li{ width: -webkit-calc(33.6% - 20px); width: -moz-calc(33.6% - 20px); width: calc(33.6% - 20px); } .pital_hotlist_3 li:nth-child(4n) { float: left; margin-right: 26px; } .pital_hotlist_3 li:nth-child(3n) { float: right; margin-right: 0; } .pital_three { margin-bottom:30px; } .pital_three_l { width:880px; float:left; } .pital_three_r { width:300px; float:right; } .pital_new {} .pital_new li { width:100%; float:left; border-bottom:1px dotted #e0e0e0; padding:20px 0; } .pital_new li .pic { float:left; width:180px; height:109px; overflow: hidden; position: relative; z-index:1; } .pital_new li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pital_new li .txt { float:right; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } .pital_new li .txt h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:30px; line-height:30px; font-size:18px; margin-bottom:10px; } .pital_new li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-size:12px; color:#999; } .faq_box {} .faq_box li { padding: 10px 0 0px 0; font-size: 13px; } .faq_box b { display:block; height:36px; line-height:36px; font-weight:normal; overflow:hidden; padding-left: 25px; background: url(../images/icon_ask.png) no-repeat 0 11px; font-size:16px; text-overflow: ellipsis; white-space: nowrap; } .faq_box p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#888; font-size:12px; } .yiyuan_one { margin:25px 0; } .yiyuan_left { width:400px; float:left; margin-right:20px; } .yiyuan_center { width:400px; float:left; margin-right:20px; } .yiyuan_right { width:300px; float:right; background:#f0f7fb; height:538px; overflow:hidden; } .yiyuan_la {} .yiyuan_la li { width:-webkit-calc(50% - 3px); width:-moz-calc(50% - 3px); width:calc(50% - 3px); height:130px; float:left; overflow:hidden; position:relative; z-index:1; float:left; margin-bottom:6px; } .yiyuan_la li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .yiyuan_la li p { position: absolute; z-index: 11; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,.6); box-sizing: border-box; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 15px; color: #FFF; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .yiyuan_la li:hover p { width:100%; height:100%; text-align:center; padding-top:50px; line-height:24px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: inherit; font-size:16px; } .yiyuan_la li:nth-child(2n) { float:right; } .yiyuan_la li:last-child { background:#FF99CC; color:#FFF; } .yiyuan_la li:last-child a { display:block; } .yiyuan_la b { display:block; text-align:center; font-size:16px; color:#FFF; text-transform: uppercase; font-weight:normal; position:absolute; z-index:11; top:35px; width:100%; left:0; } .yiyuan_la i { display:block; position:absolute; z-index:11; background:url(../images/more_h.png) no-repeat center; width:48px; height:48px; left:50%; top:50%; margin-left:-24px; margin-top:-10px; } .yiyuan_la li:last-child:hover { background:#81BB40; } .health_twoc { width:470px; float:left; } .health_twoc_top { margin-bottom:15px; } .health_twoc_top h4 { text-align:center; height: 30px; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:30px; margin-top:-5px; margin-bottom:10px; } .health_twoc_top p { line-height: 24px; height:48px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .health_twoc_list {} .health_twoc_list li { height: 48px; margin-bottom: 8px; padding: 0 12px 0 30px; line-height: 48px; font-size: 16px; background: #f1f1f1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; } .health_twoc_list li:before { content:""; position:absolute; left:12px; top:50%; margin-top:-6px; width:0; height:0; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #18B1F9; } .health_twoc_list li:last-child { margin-bottom:0; } .yiyuan_ra_t { padding: 0 15px 0 30px; font-size: 20px; color: #18B1F9; line-height: 26px; position: relative; z-index: 1; margin: 12px 20px 0px 20px; font-weight:bold; } .yiyuan_ra_t:before { content: ""; position: absolute; z-index: 5; left: 0; top: 4px; width: 20px; height: 20px; background: #18B1F9; border-radius: 50%; } .yiyuan_ra_t:after { content: ""; position: absolute; z-index: 9; left: 2px; top: 6px; width: 16px; height: 16px; background: #FFF; border-radius: 50%; } .yiyuan_rc { height:490px; overflow:hidden; margin:0 20px; } .yiyuan_rc li { border-bottom:1px solid #b7e8ff; padding:14px 0; width:100%; float:left; box-sizing:border-box; } .yiyuan_rc li:last-child { border-bottom:none; } .yiyuan_rc li a { display:block; } .yiyuan_rc li span { display:block; width:120px; height:70px; overflow:hidden; float:left; position:relative; z-index:1; margin-right:15px; border-radius:0 20px 0 20px; } .yiyuan_rc li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .yiyuan_rc li span i { display:block; width:23px; height:26px; position:absolute; z-index:11; background:url(../images/tag_h.png) no-repeat center; font-size:14px; color:#FFF; text-align:center; line-height:20px; left:8px; top:-1px; } .yiyuan_rc li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-size:16px; padding-top:8px; } /*瀹犵墿瓒d簨*/ .funny_top { margin-top:15px; } .funny_tl { width:370px; float:left; } .funny_tc { width:460px; float:left; margin-left:20px; } .funny_tr { width:330px; float:right; } .funny_slider { width:100%; height:220px; overflow:hidden; position:relative; } .funny_slider .pic{ position:relative; z-index:0; } .funny_slider .pic li { position:relative; z-index:1; height:220px; } .funny_slider .pic li p { display:block; position:absolute; left:0; bottom:0; z-index:5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width:100%; color:#FFF; } .funny_slider .pic li b { display:block; line-height:30px; height:30px; overflow:hidden; font-size:16px; font-weight:normal; margin:20px 15px 25px 15px; } .funny_slider .pic li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .funny_slider .hd { width:100%; position: absolute; z-index:11; bottom: 10px; text-align: center; font-size:0; z-index:1; } .funny_slider .hd li { margin: 0 8px 0 0; background: #eee; border-radius:5px; height: 8px; overflow: hidden; width: 8px; cursor: pointer; display:inline-block; } .funny_slider .hd .on{ background: #79b7ec; width:20px; } .funny_slider .prev, .funny_slider .next { width: 40px; height: 60px; margin-top:-30px; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; } .funny_slider .prev { left: 0; } .funny_slider .next { background-position: 0 -60px; right: 0; } .funny_slider .prev:hover, .funny_slider .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important; } .funny_picgroup { margin:10px 0 0 0; overflow:hidden; } .funny_picgroup li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); float:left; height:110px; overflow:hidden; position:relative; z-index:1; margin-bottom:10px; } .funny_picgroup li:nth-child(2n) { float:right; } .funny_picgroup li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .funny_picgroup li .tis { position: absolute; left: 0; bottom: 0; z-index: 9; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 30px 10px 5px 10px; } .funny_picgroup li .tis p { display: block; color: #FFF; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; } .funny_topnew { } .funny_topnew li { border-bottom:1px dotted #d0d0d0; padding:15px 0; } .funny_topnew li:first-child { padding-top:0; } .funny_topnew li h4 { text-align:center; font-size:18px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; margin-bottom:5px; color:#FF99CC; } .funny_topnew li h4 a { color:#FF99CC; } .funny_topnew li .cot { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-size:12px; color:#888; } .funny_topmes { margin-top:10px; } .funny_topmes li { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); float: left; height: 34px; line-height: 34px; overflow: hidden; font-size: 14px; position: relative; z-index: 1; } .funny_topmes li:nth-child(2n) { float: right; } .funny_topstar { background:#d0ebf8; color:#50a2c8; } .funny_topstar h4 { height:45px; line-height:45px; font-size:18px; padding:0 20px 0 55px; background:url(../images/star.png) no-repeat 15px center; } .funny_topstar .pic { background:#94ceea; padding:15px 15px 10px 15px; } .funny_topstar .pic span { display:block; height:175px; overflow:hidden; position:relative; z-index:1; } .funny_topstar .pic span img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 5; } .funny_topstar .pic p { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; margin-top:5px; } .funny_topstar a { color:#50a2c8; } .funny_topstar .list { margin:0 15px; padding:10px 0; } .funny_topstar .list li { height:32px; line-height:32px; font-size:14px; overflow:hidden; position:relative; z-index:1; padding:0 0 0 15px; } .funny_topstar .list li:before { content:""; position:absolute; z-index:11; width:4px; height:4px; border-radius:50%; background:#50a2c8; left:0; top:50%; margin-top:-2px; } .funny_topstar .pic a { color:#fff; } .funny_box { margin-bottom:20px; } .funny_box_top { border-bottom:3px solid #FFD800; height:42px; margin-top:10px; } .funny_box_top h4 { float:left; font-size:24px; font-weight:bold; color:#FF835A; line-height:30px; } .funny_box_top h4 span { font-weight: 100; color: #888; text-transform: uppercase; font-size: 20px; margin-left: 10px; } .funny_box_top .more_m { margin-top:8px; } .funny_one { margin:25px 0 30px 0; } .funny_onl { width:880px; float:left; } .funny_onr { width:300px; float:right; } .funny_one_a { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; } .funny_one_a:nth-child(2n) { float:right; } .funny_one_pic { width:100%; height:260px; overflow:hidden; position:relative; z-index:1; } .funny_one_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:2; } .funny_one_pic h4 { position:absolute; z-index:9; background:rgba(0,0,0,.6); width:100%; height:40px; line-height:40px; color:#fff; box-sizing:border-box; padding:0 15px; overflow:hidden; left:0; bottom:0; font-size:16px; } .funny_one_txt { margin-top:10px; height:96px; overflow:hidden; } .funny_one_txt li { height:32px; line-height:32px; padding-left:18px; font-size:14px; overflow:hidden; position:relative; z-index:1; } .funny_one_txt li:before { content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#EA6000; border-radius:50%; } .funny_rt { width:100%; height:100px; background:#FF99CC; color:#FFF; padding-top:20px; box-sizing:border-box; } .funny_rt_a { width:60px; height:60px; background:#FFF; text-align:center; margin-left:20px; float:left; color:#FF99CC; font-size:24px; font-weight:bold; line-height:26px; padding-top:6px; box-sizing:border-box; } .funny_rt_a span { display:block; text-align:center; color:#999; font-size:13px; text-transform:uppercase; font-weight:normal; } .funny_rt_b { float:left; font-size:14px; line-height:32px; margin-left:20px; } .funny_rt_b b { display:block; font-size:24px; } .funny_rec {} .funny_rec li { border-bottom: 1px dotted #ccc; padding: 16px 0; width:100%; float:left; } .funny_rec li .pic { width: 150px; height: 91px; float: left; overflow: hidden; position: relative; background: #eee; } .funny_rec li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .funny_rec li .co { float: right; width: -webkit-calc(100% - 165px); width: -moz-calc(100% - 165px); width: calc(100% - 165px); height: 75px; color: #999; } .funny_rec li b { display: block; font-size: 15px; font-weight:normal; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; margin-top:-3px; } .funny_rec li p { font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; color: #999; margin-top:5px; } .funny_inte { padding:5px 0 10px 0; } .funny_inte li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; margin-top:20px; background:#f8f8f8; } .funny_inte li:nth-child(4n) { float:right; margin-right:0; } .funny_inte li span { display:block; width:100%; height:200px; overflow:hidden; position:relative; z-index:1; } .funny_inte li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 2; } .funny_inte li p { width: 100%; height: 50px; line-height: 50px; color: #444; box-sizing: border-box; padding: 0 15px; overflow: hidden; font-size: 16px; } .funny_inte li p:hover { background:#FF99CC; color:#fff; } .qushi_onel { width:420px; float:left; } .qushi_onec { width:400px; float:left; margin:0 0 0 25px; } .qushi_oner { width:330px; float:right; } .qushi_one_tit { height: 50px; line-height:50px; font-size: 20px; color:#111; background:#f5f5f5; padding:0 15px; } .qushi_one_tit i { color:#50a2c8; } .qushi_one_a { width:100%; float:left; } .qushi_one_a li { border-bottom: 1px dotted #ccc; padding:12px 0; width:100%; float:left; height:87px; } .qushi_one_a li .num { width:40px; display:block; float:left; font-style:italic; color:#000; font-size:20px; font-weight:bold; position:relative; z-index:1; height:34px; text-align:left; margin-top:2px; } .qushi_one_a li .num:before { content:""; width:16px; height:2px; background:#000; position:absolute; bottom:0; left:5px; } .qushi_one_a li .txt { float:right; width:-webkit-calc(100% - 45px); width:-moz-calc(100% - 45px); width:calc(100% - 45px); } .qushi_one_a li .txt b { display:block; height: 30px; line-height: 30px; font-size: 18px; font-weight: normal; margin-bottom:7px; overflow:hidden; } .qushi_one_a li .txt p { font-size: 12px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; color: #999; } .qushi_one_cimg { } .qushi_one_cimg li { width:100%; height:230px; position:relative; z-index:1; overflow:hidden; margin-bottom:15px; } .qushi_one_cimg li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .qushi_one_cimg li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .qushi_one_cimg li b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .qushi_one_cimg li b:hover { color:#FF99CC; } .qushi_one_cimg li:last-child { margin-bottom:0; } .qushi_zt { margin:25px 0; } .qushi_zt_l { width:850px; float:left; } .qushi_zt_r { width:330px; float:right; } .qushi_zt_l li { background:#f7f7f7; margin-bottom:20px; width:100%; float:left; } .qushi_zt_l li:last-child { margin-bottom:0; } .qushi_zt_l li .l_pic { width:425px; height:260px; float:left; overflow:hidden; position:relative; z-index:1; } .qushi_zt_l li .l_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .qushi_zt_l li .l_pic .cot { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .qushi_zt_l li .l_pic .cot b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .qushi_zt_l li .l_pic .cot b:hover { color:#FF99CC; } .qushi_zt_l li .l_txt { width:-webkit-calc(100% - 465px); width:-moz-calc(100% - 465px); width:calc(100% - 465px); float:right; margin:0 20px; } .qushi_zt_l li .l_top { border-bottom:1px dotted #ccc; padding:13px 0 12px 0; } .qushi_zt_l li .l_top b { display:block; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; } .qushi_zt_l li .l_top p { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#999; } .qushi_zt_l li .l_bot { margin-top:8px; height:130px; overflow:hidden; } .qushi_zt_l li .l_bot p { height:32px; line-height:32px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; padding-left:15px; } .qushi_zt_l li .l_bot p:before { content: ""; position: absolute; z-index: 11; width: 4px; height: 4px; border-radius: 50%; background: #c0c0c0; left: 0; top: 50%; margin-top: -2px; } .qushi_zt_l li:nth-child(2n) .l_pic { float:right; } .qushi_zt_l li:nth-child(2n) .l_txt { float:left; } .qushi_list { width: 100%; float: left; margin-top: 20px; } .qushi_list li { width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); float: left; margin-right: 20px; } .qushi_list li:nth-child(4n) { float: right; margin-right: 0; } .qushi_list li .pic { height:190px; overflow:hidden; position: relative; z-index: 1; } .qushi_list li .pic span { display: block; width: 100%; height: 190px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 10px; } .qushi_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .qushi_list li .pic p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .qushi_list li .pic p b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .qushi_list li .new { margin-top:10px; } .qushi_list li .new p { height:36px; line-height:36px; font-size:14px; overflow:hidden; padding-left:15px; position:relative; z-index:1; } .qushi_list li .new p:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:50%; background:#FF99CC; margin-top:-2px; } .qushi_top { background: #f5f5f5; border-top: 3px solid #FF99CC; height: 540px; overflow: hidden; box-sizing:border-box; } .qushi_top .tit { width: 150px; height: 40px; line-height: 40px; background: #FF99CC; margin: 0 auto 20px auto; text-align: center; color: #FFF; font-size: 18px; } .qushi_top .qlist { margin:0 15px; } .qushi_top .qlist li { width:100%; float:left; margin-bottom:15px; } .qushi_top .qlist .pic { width: 140px; height: 80px; float: left; overflow: hidden; position: relative; z-index: 1; margin-right: 15px; } .qushi_top .qlist .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .qushi_top .qlist .txt { } .qushi_top .qlist .txt b { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 10px; font-weight: normal; } .qushi_top .qlist .txt i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; height: 20px; line-height: 20px; color:#999; } .qushi_top .q_head { background: #fff; position: relative; z-index: 1; height: 170px; overflow: hidden; margin:0 15px 15px 15px; } .qushi_top .q_head img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .qushi_top .q_head p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .qushi_top .q_head b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .qushi_zx { margin-bottom:20px; } .qushi_zx li { width: -webkit-calc(33% - 15px); width: -moz-calc(33% - 15px); width: calc(33% - 15px); float: left; margin-right: 28px; background:#f5f5f5; } .qushi_zx li:nth-child(3n) { float: right; margin-right: 0; } .qushi_zx .ztit { height: 48px; font-size: 26px; line-height: 48px; text-align: center; position:relative; z-index:1; color:#FF99CC; } .qushi_zx .ztit:before { content:""; position:absolute; z-index:5; width:100%; height:1px; background:#FF99CC; top:50%; left:0; } .qushi_zx .ztit b { font-weight:normal; background:#FFF; display: inline-block; padding: 0 20px; position:relative; z-index:9; color:#FF99CC; } .qushi_zx li .con { margin:10px; padding:10px 15px; background:#fff; } .qushi_zx .c-Con { height:400px; overflow:hidden; } .qushi_zx .c-Con p { height: 40px; overflow: hidden; line-height: 40px; font-size:16px; } .qushi_zx .c-Con p i { display:block; float:left; font-style:italic; color:#FF99CC; width:30px; } .qushi_zx .c-Con p b { display:block; float:right; font-weight:normal; width:-webkit-calc(100% - 36px); width:-moz-calc(100% - 36px); width:calc(100% - 36px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qushi_pic { width:100%; margin-top:20px; } .qushi_pic li { width:-webkit-calc(20% - 12px); width:-moz-calc(20% - 12px); width:calc(20% - 12px); height:150px; float:left; margin-right:15px; margin-bottom:15px; overflow:hidden; position:relative; z-index:1; } .qushi_pic li:first-child { width:471px; height:315px; } .qushi_pic li:nth-child(8), .qushi_pic li:nth-child(9),.qushi_pic li:nth-child(10),.qushi_pic li:nth-child(11) { width:-webkit-calc(25% - 12px); width:-moz-calc(25% - 12px); width:calc(25% - 12px); height:190px; float:left; margin-right:16px; } .qushi_pic li:nth-child(4),.qushi_pic li:nth-child(7),.qushi_pic li:nth-child(11) { margin-right:0; } .qushi_pic li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .qushi_pic li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .qushi_pic li p b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } /*璧勮璇︽儏*/ .info_main {} .info_main_l { width:880px; float:left; margin:20px 0; } .info_main_r { width:300px; float:right; margin:20px 0; } .info_main_box { } .right_a { width:300px; } .info_main .t { } .info_main .ti { color: #333; font-size: 28px; margin-bottom: 5px; padding: 0; overflow: hidden; line-height: 37px; font-weight:100; } .info_main .au { height:45px; line-height:45px; font-size:14px; color:#999; } .info_main .au span { display:block; float:left; margin-right:30px; } .info_main .intro { width:100%; border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; padding:10px 0; } .info_main .intro_l { width:56px; height:56px; background:#FF835A; color:#FFF; font-size:16px; text-align:center; line-height:56px; position:relative; z-index:1; float:left; } .info_main .intro_l:after { content: ''; width: 0; height: 0; border-bottom: 16px solid #FFF; border-left: 16px solid transparent; position: absolute; bottom: 0; z-index:9; right:0; } .info_main .intro_r { width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); float:right; font-size:14px; line-height:25px; color:#999; margin-top:3px; } .info_main .info_content { font-size:16px; line-height:30px; padding:20px 0; } .info_main .info_content p { padding:10px 0; text-indent:32px; } .info_main .info_content img { max-width:90%; } .info_main .turn { width:100%; border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; padding:8px 0; font-size:14px; margin-bottom:20px; } .info_main .turn p { width:48%; float:left; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#999; } .info_main .turn p:nth-child(2) { float:right; } .about_read { margin:15px 0; } .about_read li { width:48%; float:left; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#999; position:relative; z-index:1; padding-left:15px; font-size:14px; } .about_read li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #EA6000; border-radius: 50%; } .about_read li:nth-child(2n) { float:right; } .about_read li b { font-weight:normal; display:block; } .pet_info { margin:10px 0 20px 0; } .pet_info li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; position: relative; z-index: 1; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; } .pet_info li:before { content: ""; position: absolute; z-index: 5; left: 0; top: 14px; width: 10px; height: 10px; background: #999; border-radius: 50%; } .pet_info li:after { content: ""; position: absolute; z-index: 9; left: 1px; top: 15px; width: 8px; height: 8px; background: #FFF; border-radius: 50%; } .items_rec { margin-bottom:30px; } .items_rec .ta { text-align:center; font-size:20px; font-weight:bold; color:#EA6000; line-height:30px; } .items_rec .de { font-size:16px; line-height:30px; color:#777; padding:15px 0; } .items_rec .de p { padding:5px 0; } .items_rec .me { width:500px; margin:0 auto; border:1px solid #eee; background:#f9f9f9; zoom:1; box-sizing:border-box; padding:20px 40px; border-radius:10px; } .items_rec .me_pic { width:120px; height:120px; border:1px solid #eee; background:#fff; position:relative; z-index:1; overflow:hidden; float:left; margin-right:25px; } .items_rec .me_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; } .items_rec .me_name { width:-webkit-calc(100% - 160px); width:-moz-calc(100% - 160px); width:calc(100% - 160px); float:left; } .items_rec .me_tit { font-size:16px; line-height:30px; font-weight:bold; } .items_rec .me_price { color:#F2873D; font-size:14px; line-height:30px; margin-top:5px; } .items_rec .me_price b { font-size:24px; font-weight:bold; } .items_rec .me_btn{ display: block; width: 80px; height: 30px; background-color: #63C32E; color: #fff; text-align: center; line-height: 30px; margin-top: 12px; border-radius: 3px; } .similar_pet {} .similar_pet ul { width:100%; float:left; margin:20px 0; } .similar_pet li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; margin-right:26px; position:relative; z-index:1; margin-bottom:15px; } .similar_pet li:nth-child(4n) { float:right; margin-right:0; } .similar_pet li .pic { display:block; width:100%; height:135px; overflow:hidden; position:relative; z-index:1; } .similar_pet li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .similar_pet li .name { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:5px; text-align:center; } /*瀹犵墿闂瓟*/ .wenda_title { background: url(../images/line.png) repeat-x center; height: 50px; } .wenda_title .tit_name { float: left; margin-left: 20px; background: #FFF; padding: 0 20px; } .wenda_title .tit_name b { font-size: 28px; color: #FF99CC; line-height: 45px; display: block; float: left; font-weight: normal; } .wenda_title .tit_name i { display: block; float: left; background: #FF99CC; color: #FFF; height: 32px; line-height: 32px; font-size: 16px; float: left; margin-top: 9px; padding: 0 10px; text-transform: uppercase; margin-left: 15px; } .wenda_title .tit_more { float: right; margin-right: 20px; padding: 0 5px; background: #FFF; } .wenda_title .tit_more_c { position: relative; height: 32px; line-height: 32px; font-size: 15px; margin-top: 8px; font-size: 16px; } .wenda_title .tit_more_c a { display: inline-block; color: #FF99CC; padding: 0 20px; position: relative; z-index: 1; } .wenda_title .tit_more_c a:before { content: "/"; font-size: 18px; font-weight: 100; position: absolute; right: -4px; top: 0; color: #ddd; } .wenda_title .tit_more_c a:last-child:before { content: ""; } .wenda_one { width:100%; } .wenda_li { width:-webkit-calc(25% - 25px); width:-moz-calc(25% - 25px); width:calc(25% - 25px); float:left; margin-right:33px; margin-bottom:15px; margin-top:5px; } .wenda_li:nth-child(4n) { float:right; margin-right:0; } .wenda_li h6 { color: #FF99CC; font-size: 18px; line-height: 30px; height:30px; } .wenda_li h6 b { display:block; float:left; } .wenda_li h6 .more { display:block; float:right; color:#999; font-size:14px; position:relative; z-index:1; padding-right:15px; } .wenda_li h6 .more:before { content:""; position:absolute; z-index:5; top: 50%; margin-top:-1px; right: 0px; width: 7px; height: 7px; border-style: solid; border-width: 1px 1px 0 0; border-color: #c0c0c0; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .wenda_li .w1 { width:100%; margin-top:10px; position:relative; z-index:1; } .wenda_li .pics { width:100%; height:180px; overflow:hidden; position:relative; z-index:5; } .wenda_li .pics img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index:5; } .wenda_li .names { height:42px; line-height: 42px; background-color:rgba(0,0,0,.7); cursor: pointer; display: block; z-index:11; position:absolute; width:100%; left:0; bottom:0px; text-align:center; box-sizing:border-box; padding:0 15px; font-size:16px; color:#fff; overflow:hidden; } .wenda_li .w2 { margin-top:10px; height:160px; overflow:hidden; } .wenda_li .w2 li { height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; position: relative; z-index: 1; padding-left: 18px; } .wenda_li .w2 li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #c0c0c0; margin-top: -2px; } .wenda_jx { padding:15px 0 25px 0; } .jx_li { width:383px; float:left; margin-right:25px; border:1px solid #eee; box-sizing:border-box; padding:0px 15px 5px 15px; } .jx_li:nth-child(3n) { float:right; margin-right:0; } .jx_li h6 { border-bottom:1px solid #dfdfdf; height:50px; line-height:50px; overflow:hidden; } .jx_li h6 b { display:block; float:left; font-size:18px; color:#FF99CC; } .jx_li h6 .more { float:right; display:block; font-size:14px; text-transform: uppercase; color:#999; padding-right: 17px; position:relative; z-index:1; } .jx_li h6 .more:before { content: ""; position: absolute; z-index: 5; top: 50%; margin-top: -2px; right: 3px; width: 7px; height: 7px; border-style: solid; border-width: 1px 1px 0 0; border-color: #c0c0c0; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .jx_lc { height:520px; overflow:hidden; margin-top:5px; } .jx_lc li { border-bottom:1px dotted #e0e0e0; height:51px; line-height:51px; overflow:hidden; font-size:16px; } .jx_lc li .num { display:block; float:left; width:30px; color:#FF99CC; } .jx_lc li .qua { display:block; font-weight:normal; float:left; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jx_lc li:last-child { border-bottom:none; } .jx_rc { height:520px; overflow:hidden; margin-top:5px; } .jx_rc li { border-bottom:1px dotted #e0e0e0; padding: 12px 0; width:100%; float:left; } .jx_rc li:last-child { border-bottom:none; } .jx_rc li .pic { width: 130px; height: 80px; float: left; overflow: hidden; position: relative; z-index: 1; } .jx_rc li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .jx_rc li .txt { float: right; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px); } .jx_rc li .txt h4 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 26px; height: 26px; margin-bottom: 5px; font-weight: normal; } .jx_rc li .txt p { font-size: 12px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; color: #999; } .wend_r_tit { height:32px; font-size:18px; border-bottom:2px solid #efefef; position:relative; z-index:1; } .wend_r_tit b { display:block; float:left; position:relative; z-index:1; padding-left:18px; height:32px; line-height:22px; font-weight:normal; } .wend_r_tit b:before { content:""; position:absolute; left:0; top:3px; z-index:5; width:5px; height:18px; background:#FF99CC; border-radius:5px; } .wend_r_tit b:after { content:""; position:absolute; z-index:11; width:100%; height:2px; background:#FF99CC; bottom:-2px; left:0; } .wend_lc { height:930px; overflow:hidden; } .wend_lc .petans_all_i { border-bottom:none; padding-bottom:7px; } .wend_rc { height:560px; overflow:hidden; } .wend_ra { margin-top:10px; margin-bottom:20px; } .wend_ra .pic { width: 100%; height: 180px; position: relative; z-index: 1; overflow: hidden; margin-top: 15px; } .wend_ra .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .wend_ra .pic p { position: absolute; z-index: 11; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; background-color: rgba(0,0,0,.6); font-size: 16px; box-sizing: border-box; padding: 0 10px; color: #FFF; } .wend_ra .wenlist { height:225px; overflow:hidden; } .wend_ra .wenlist li { border-bottom: 1px dotted #e0e0e0; height:44px; line-height:44px; font-size:14px; } .wend_ra .wenlist li b { display:block; float:left; font-weight:normal; position:relative; z-index:1; width:240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:14px; } .wend_ra .wenlist li b:before { content:""; position:absolute; z-index:5; width:4px; height:4px; border-radius:100%; background:#ccc; left:0; top:18px; } .wend_ra .wenlist li span { display:block; float:right; font-size:12px; color:#c0c0c0; } .wendavideo { margin-top:15px; } .wendavideo li { width:280px; float:left; background:#f5f5f5; border-radius:5px; margin-right:26px; margin-bottom:25px; } .wendavideo li .pi { width:100%; height:160px; overflow:hidden; position:relative; z-index:1; border-radius:5px 5px 0 0; margin-bottom:5px; } .wendavideo li .pi img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:2; } .wendavideo li .ti { font-weight:normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:36px; line-height:36px; margin:0 10px 0 15px; } .wendavideo li .co { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:22px; height:44px; font-size:12px; color:#999; margin:0 10px 17px 15px; } .wendavideo li .shadow_bg { background-color:rgba(0,0,0,.4); position:absolute; z-index:5; width:100%; height:100%; left:0; bottom:0; display:none; } .wendavideo li .videostar { display:none; background:url(../images/bofang.png) no-repeat center; background-size:70px auto; width:90px; height:90px; position:absolute; z-index:19; left:50%; top:50%; margin-top:-45px; margin-left:-45px; } .wendavideo li:nth-child(4n) { float:right; margin-right:0; } .wendavideo li:hover .shadow_bg { display:none; } .wendavideo li:hover i { -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .5); border-radius:50%; transition: all .25s linear; background-color:rgba(0,0,0,.4); } .wendavideo li:hover .videostar { display:block; } /*闂瓟璇︽儏*/ .Ans-main { } .Ans-main .si { color: #333; font-size: 28px; margin-bottom: 5px; padding: 0; overflow: hidden; line-height: 37px; font-weight: 100; background:url(../images/question.png) no-repeat left center; padding-left:40px; } .Ans_des { border: 1px solid #c5eafb; zoom: 1; margin: 10px 0 20px 0; background: #f1f9fc; } .Ans_des h4 { height:45px; line-height:45px; border-bottom:1px dotted #c5eafb; padding:0 20px; font-size:20px; font-weight:bold; color:#FF99CC; } .Ans_des .co { font-size:16px; line-height:30px; color:#666; padding:15px 20px; } .Ans-main .jingxuan { height:40px; line-height:40px; position:relative; z-index:1; text-align:center; } .Ans-main .jingxuan:after { content:""; width:100%; height:1px; background:#F2873D; position:absolute; left:0; z-index:5; top:50%; } .Ans-main .jingxuan b { display:inline-block; font-size:22px; padding:0 20px; background:#fff; position:relative; z-index:19; color:#F2873D; } .Ans-main .huida_all { margin-bottom:20px; } /*.Ans-main .huida_all_i { padding:10px 0; }*/ .Ans-main .huida_doctor { height: 55px; overflow: hidden; color: #888; font-size: 12px; } .Ans-main .huida_doctor .tx { display: block; width: 52px; height: 52px; float: left; margin-right: 15px; overflow: hidden; border-radius: 50%; border: 1px solid #e5e5e5; position: relative; z-index: 1; } .Ans-main .huida_doctor .tx img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .Ans-main .huida_doctor .mesg { width:600px; float:left; } .Ans-main .huida_doctor .a1 { height:28px; line-height:28px; } .Ans-main .huida_doctor .a2 { height:24px; line-height:24px; font-size:12px; color:#999; } .Ans-main .huida_doctor .name { display: block; float: left; font-size: 16px; color: #EA6000; font-weight:bold; } .Ans-main .huida_doctor .name a { color: #EA6000; } .Ans-main .huida_doctor .ano { display: block; float: left; font-size: 14px; color: #444; margin-left: 12px; } .Ans-main .huida_con { font-size: 16px; line-height: 30px; color: #444; border:1px solid #eee; margin-top:15px; position:relative; z-index:1; border-radius:10px; padding:15px 20px; } /*.Ans-main .huida_con:before{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -16px; left:71px; padding:0; border-bottom:8px solid #FFFFFF; border-top:8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; display: block; content:''; z-index: 12; } .Ans-main .huida_con:after{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -18px; left:70px; padding:0; border-bottom:9px solid #cccccc; border-top:9px solid transparent; border-left:9px solid transparent; border-right:9px solid transparent; display: block; content:''; z-index:10 }*/ .Ans-main .huida_con p { padding:4px 0; text-indent:36px; } .Ans-main .huida_con p img { margin:0 0 10px -36px; } .Ans-main .anoques { border: 4px solid #eee; margin:20px 0; } .Ans-main .anoques li { background: #fff; padding: 8px 15px 13px 15px; overflow: hidden; border-bottom:4px solid #eee; } .Ans-main .anoques li:last-child { border-bottom:none; } .Ans-main .anoques li:hover { background:#fbfbfb; } .Ans-main .anoques li a { display:block; } .Ans-main .anoques li b { display:block; font-size:16px; height:40px; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .Ans-main .anoques li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; max-height:48px; font-size:14px; color:#999; } .Ans-main .yaopin { margin:20px 0 30px 0; } .Ans-main .yaopin li { border: 1px solid #eee; background: #f9f9f9; zoom: 1; box-sizing: border-box; padding: 10px 10px; border-radius: 10px; float:left; width:-webkit-calc(33% - 10px); width:-moz-calc(33% - 10px); width:calc(33% - 10px); margin-right:19px; } .Ans-main .yaopin li:nth-child(3n) { float:right; margin-right:0; } .Ans-main .yaopin_pic { width:100px; height:100px; border:1px solid #eee; background:#fff; position:relative; z-index:1; overflow:hidden; float:left; } .Ans-main .yaopin_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; } .Ans-main .yaopin_name { width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px); width:calc(100% - 115px); float:right; } .Ans-main .yaopin_tit { font-size:15px; line-height:30px; font-weight:bold; } .Ans-main .yaopin_price { color:#F2873D; font-size:14px; line-height:30px; } .Ans-main .yaopin_price b { font-size:20px; font-weight:bold; } .Ans-main .yaopin_btn{ display: block; width: 70px; height: 26px; background-color: #63C32E; color: #fff; text-align: center; line-height: 26px; margin-top: 8px; border-radius: 3px; } /*瀹犵墿瑙嗛*/ .ship_top { margin:15px 0; } .ship_toppic { width:900px; float:left; } .ship_slide { width:600px; height:365px; float:left; overflow:hidden; position:relative; } .ship_slide .pic{ position:relative; z-index:0; } .ship_slide .pic li { position:relative; z-index:1; height:365px; } .ship_slide .pic li b { display:block; position:absolute; left:0; bottom:0; z-index:5; background:rgba(0,0,0,.5); width:100%; height:50px; line-height:50px; color:#FFF; box-sizing:border-box; padding:0 20px; font-weight:normal; font-size:18px; } .ship_slide .pic li img { height:100%; } .ship_slide .hd { width:20%; position: absolute; z-index:11; bottom: 15px; text-align: right; font-size:0; z-index:1; right:10px; } .ship_slide .hd li{ margin: 0 5px 0 0; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; } .ship_slide .hd .on { background-position:0 0; } .ship_slide .prev, .ship_slide .next { width: 40px; height: 60px; margin: -20px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; } .ship_slide .prev { left: 0; } .ship_slide .next { background-position: 0 -60px; right: 0; } .ship_slide .prev:hover, .ship_slide .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; } .ship_simg { width:295px; float:right; } .ship_simg li { display: block; height: 180px; overflow: hidden; position: relative; z-index: 1; margin-bottom:5px; } .ship_simg li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .ship_simg li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .ship_simg li b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .ship_topnew { width:290px; height:365px; float:right; border:1px solid #e5e5e5; } .ship_topnew .tit { height:50px; background:#f8f8f8; position:relative; z-index:1; padding:0 15px; } .ship_topnew .tit b { display:block; color:#E94740; height:50px; line-height:45px; overflow:hidden; font-size:24px; } .ship_topnew ul { margin:12px 15px; } .ship_topnew li { font-size: 17px; height: 41px; line-height: 41px; overflow: hidden; } .ship_one { } .ship_one_l { width:430px; float:left; margin:20px 0; } .ship_one_c { width:420px; float:left; margin:20px 0 20px 25px; height:800px; overflow:hidden; } .ship_one_r { width:300px; float:right; margin:20px 0; } .ship_one_la { } .ship_one_la li { margin-bottom:15px; } .ship_one_la li span { display: block; height: 250px; position: relative; z-index: 1; overflow: hidden; } .ship_one_la li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .ship_one_la li b { display: block; height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; overflow: hidden; border: 1px solid #e5e5e5; border-top: none; box-sizing: border-box; padding: 0 15px 0 40px; background:url(../images/video_icon.png) no-repeat 15px 18px; } .ship_one_lb { background:#f8f8f8; padding:0 0 10px 0; } .ship_one_lb h6 { border-bottom:1px solid #e0e0e0; padding:0 20px; height:46px; line-height:46px; font-size:20px; color:#FF835A; margin-bottom:10px; } .ship_one_lb ul { margin:0 20px; height:100px; overflow:hidden; } .ship_one_lb ul li { height: 33px; line-height: 33px; overflow: hidden; font-size: 14px; position: relative; z-index: 1; padding-left: 24px; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); box-sizing:border-box; float:left; background:url(../images/video_icon.png) no-repeat left center; } .ship_one_lb ul li:nth-child(2n) { float:right; } /*.ship_one_lb ul li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #FF835A; margin-top: -2px; }*/ .ship_one_ca { border: 1px solid #FF835A; color: #FF835A; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden; padding: 0 10px; margin-bottom:8px; } .ship_one_ca a { display:inline-block; color: #FF835A; background:url(../images/video_icon2.png) no-repeat left center; padding-left:30px; } .ship_one_cb { margin-bottom:15px; } .ship_one_cb li { float: left; width: 100%; font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ship_one_cb li i { color:#FF835A; padding-right:12px; position:relative; z-index:1; display:block; margin-right:12px; float:left; } .ship_one_cb li i:before { content:""; position:absolute; right:0; top:50%; width:1px; height:16px; background:#FF835A; margin-top:-7px; } .ship_one_cb li i a { color:#FF835A; } .ship_one_cb li b { display:block; float:left; font-weight:normal; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:url(../images/video_icon.png) no-repeat 0 10px; padding-left:24px; box-sizing:border-box; } .ship_one_ra { border:1px solid #eee; border-top:2px solid #FF835A; zoom:1; } .ship_one_ra h6 { border-bottom:1px solid #eee; height:43px; line-height:43px; font-size:20px; padding:0 15px; } .ship_one_ra h6 b { display:block; float:left; font-weight:normal; } .ship_one_ra h6 .more { display:block; float:right; font-size:14px; color:#999; } .ship_one_ra .list { padding:10px 0px 5px 15px; height:450px; overflow:hidden; } .ship_one_ra .list li { width:100%; float:left; margin-bottom:5px; line-height:30px; height:60px; overflow:hidden; } .ship_one_ra .list li a { display:block; float:left; font-size:14px; margin-right:12px; } .ship_one_ra .list li a:first-child { font-size:15px; color:#FF835A; font-weight:bold; position:relative; z-index:1; padding-right:12px; } .ship_one_ra .list li a:first-child:before { content:""; position:absolute; z-index:9; right:0; top:50%; margin-top:-7px; width:1px; height:15px; background:#FF835A; } .ship_one_ra .list li:nth-child(1), .ship_one_ra .list li:nth-child(2) { height:90px; } .ship_one_rb { margin-top:15px; height:280px; overflow:hidden; } .ship_one_rb li { float: left; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); margin-bottom: 10px; } .ship_one_rb li:nth-child(2n) { float:right; } .ship_one_rb li span { display:block; height:98px; position: relative; z-index: 1; overflow: hidden; } .ship_one_rb li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index:5; } .ship_one_rb li b { display: block; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; overflow: hidden; background:url(../images/video_icon.png) no-repeat left center; padding-left:22px; } .ship_life { margin-bottom:25px; } .ship_life li { width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); float:left; background:#f5f5f5; margin-right:28px; } .ship_life li:nth-child(3n) { float:right; margin-right:0; } .ship_life li .topv { width:100%; height:220px; overflow:hidden; position:relative; z-index:1; } .ship_life li .topv img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .ship_life li .topv i { display:block; position:absolute; z-index:11; width:80px; height:80px; top:40%; left:50%; margin-left:-40px; margin-top:-35px; background:url(../images/bofang.png) no-repeat center; background-size:100% auto; } .ship_life li .topv p { position: absolute; left: 0; bottom: 0; z-index: 11; width: 100%; box-sizing: border-box; padding: 0 10px 0 15px; background-color: rgba(0,0,0,.5); height: 45px; line-height: 45px; font-size: 16px; color: #FFF; } .ship_life li .topi { padding:10px 10px 10px 15px; } .ship_life li .topi p { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; background:url(../images/video_icon.png) no-repeat left center; padding-left:24px; } .ship_health { margin-top:15px; } .ship_health li { width: -webkit-calc(33.3% - 17px); width: -moz-calc(33.3% - 17px); width: calc(33.3% - 17px); float: left; margin-right: 26px; margin-bottom: 25px; background:#f7f7f7; box-sizing:border-box; padding:0px 15px 15px 15px; } .ship_health li:nth-child(3n) { float: right; margin-right: 0; } .ship_health li h4 { display: block; height: 45px; line-height: 45px; font-size: 17px; overflow: hidden; margin-bottom: 15px; border-bottom:1px dotted #ccc; font-weight:normal; width:100%; float:left; } .ship_health li .pic { width:130px; height:90px; overflow:hidden; float:left; position:relative; z-index:1; } .ship_health li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .ship_health li .con { float:right; width:210px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 25px; height: 75px; font-size: 13px; color: #999; margin-top:5px; } .ship_new { margin-top:10px; height:160px; overflow:hidden; } .ship_new li { height:32px; line-height:32px; background:url(../images/video_icon2.png) no-repeat left center; padding-left:35px; font-size:14px; overflow:hidden; } .video_classall { width:100%; margin-bottom:20px; } .pet_leibie { background:#fff; height:50px; line-height:50px; margin-top:15px; border:3px solid #FFEEEE; } .pet_leibie b { display:block; float:left; font-weight:normal; background:#FFEEEE; color:#EA6000; font-size:18px; width:110px; text-align:center; } .pet_leibie ul { width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px); float:right; } .pet_leibie ul li { float:left; font-size:16px; margin-right:40px; } .pet_leibie ul li a { display:block; position:relative; z-index:1; } .pet_leibie ul li a.on { color:#EA6000; } .pet_leibie ul li a.on:before { content:""; position:absolute; width:100%; height:3px; background:#EA6000; z-index:5; left:0; bottom:5px; } .pet_imp { background:#f8f8f8; padding:20px 15px 12px 0; } .pet_imp_c { max-height:100px; overflow:hidden; } .pet_imp a { display:block; float:left; margin-left:20px; width:125px; height:36px; line-height:36px; border-radius:5px; text-align:center; font-size:14px; background:#fff; margin-bottom:15px; border:1px solid #f7dede; color:#FF8062; } .hotvideo {} .hotvideo ul { margin-bottom:30px; } .hotvideo li { width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); float: left; margin-right: 20px; margin-top: 20px; margin-bottom:5px; } .hotvideo li:nth-child(4n) { float: right; margin-right: 0; } .hotvideo li .pic { width:100%; height:180px; overflow:hidden; position:relative; z-index:1; } .hotvideo li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .hotvideo li i { display:block; position:absolute; z-index:11; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; width:60px; height:60px; right:10px; bottom:10px; } .hotvideo li .con { border:1px solid #eee; zoom:1; border-top:none; box-sizing:border-box; padding:5px 12px 10px 12px; } .hotvideo li .con b { display:block; font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden; background:url(../images/video_icon.png) no-repeat left center; padding-left:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hotvideo li .con p { height: 48px; line-height: 24px; color: #888; font-size: 12px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .video_tagi { width: 70px; height: 70px; position: absolute; z-index:19; top: 0; left: 15px; background: #78C6AF; color: #fff; text-align: center; line-height: 70px; font-size: 18px; font-weight:bold; overflow: hidden; } .video_tagi a { display:block; color:#FFF; } .video_new1 { background: #78C6AF; } .video_new2 { background: #FF99CC; } .video_new3 { background: #FF8062; } .video_new4 { background: #94D616; } .video_new_rlist { margin-top:5px; height:530px; overflow:hidden; } .video_new_rlist li { border-bottom: 1px dotted #ccc; padding: 15px 0; width: 100%; float: left; } .video_new_rlist li .pic { width: 130px; height: 75px; float: left; overflow: hidden; position: relative; background: #eee; } .video_new_rlist li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .video_new_rlist li .co { float: right; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px); height: 75px; color: #999; } .video_new_rlist li b { font-size: 16px; font-weight: normal; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; margin-top: 5px; } .video_new_arct { margin-top:10px; height:350px; overflow:hidden; } .video_new_arct li { height: 32px; line-height: 32px; padding-left: 15px; font-size: 14px; overflow: hidden; float: left; width:100%; position:relative; z-index:1; } .video_new_arct li:before { content: ""; position: absolute; z-index: 5; width: 4px; height: 4px; border-radius: 100%; background: #ccc; left: 0; top: 50%; margin-top:-2px; } .videolife { margin-top:20px; } .videolife li { width:220px; float:left; margin-bottom:20px; margin-left:20px; } .videolife li:first-child { margin-left:0; width:480px; } .videolife li span { display:block; height:130px; position:relative; z-index:1; overflow:hidden; } .videolife li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 2; } .videolife li:first-child span { height:320px; } .videolife li p { border: 1px solid #eee; zoom: 1; border-top: none; box-sizing: border-box; padding:0 5px 0 32px; height:50px; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; background:url(../images/video_icon.png) no-repeat 10px center; } .videolife li:first-child p { font-size:17px; height:60px; line-height:60px; } .ship_mea { margin-bottom:30px; } .ship_mea li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; margin-top:20px; } .ship_mea li:nth-child(4n) { float:right; margin-right:0; } .ship_mea li span { display: block; height: 180px; position: relative; z-index: 1; overflow: hidden; } .ship_mea li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .ship_mea li b { display: block; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; margin-top:3px; } .ship_mea li .bot { font-size:14px; color:#999; line-height:24px; height:24px; } .ship_mea li .bot .l { display:block; float:left; } .ship_mea li .bot .r { display:block; float:right; } .videoscie { margin-top:20px; } .videoscie li { float: left; width: -webkit-calc(20% - 16px); width: -moz-calc(20% - 16px); width: calc(20% - 16px); margin-right:20px; margin-bottom:25px; } .videoscie li:nth-child(5n) { float:right; margin-right:0; } .videoscie li span { display:block; height:130px; position:relative; z-index:1; overflow:hidden; } .videoscie li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 2; } .videoscie li p { border: 1px solid #eee; zoom: 1; border-top: none; box-sizing: border-box; padding:0 5px 0 32px; height:50px; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; background:url(../images/video_icon.png) no-repeat 10px center; } /*瑙嗛璇︽儏*/ .avideo_main { margin:20px 0; } .avideo_l { width:880px; float:left; } .avideo_r { width:300px; float:right; } .avideo_top { width:880px; height:495px; overflow:hidden; margin-bottom:20px; } video { background:#FFF; } .avideo_l .one {} .avideo_l .ti { color: #333; font-size: 28px; margin-bottom: 5px; padding: 0; overflow: hidden; line-height: 37px; font-weight: 500; background:url(../images/video_btn.png) no-repeat left center; padding-left:45px; } .avideo_l .au { height: 40px; line-height: 40px; font-size: 14px; color: #999; margin-bottom:10px; } .avideo_l .au span { display: block; float: left; margin-right: 30px; } .avideo_l .zhaiy { width:100%; border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; padding:10px 0; } .avideo_l .zhaiy_l { width:56px; height:56px; background:#FF835A; color:#FFF; font-size:16px; text-align:center; line-height:56px; position:relative; z-index:1; float:left; } .avideo_l .zhaiy_l:after { content: ''; width: 0; height: 0; border-bottom: 16px solid #FFF; border-left: 16px solid transparent; position: absolute; bottom: 0; z-index:9; right:0; } .avideo_l .zhaiy_r { width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); float:right; font-size:14px; line-height:25px; color:#999; margin-top:3px; } .avideo_title { background:url(../images/video_btn2.png) no-repeat left center; padding-left:45px; font-size:24px; color:#222; line-height:32px; margin-top:20px; font-weight:500; } .avideo_con { font-size:16px; line-height:32px; padding:20px 0; } .avideo_con p { padding:5px 0; } .avideo_con img { max-width:90%; } .avideo_l .turn { width:100%; border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; padding:8px 0; font-size:14px; margin-bottom:20px; } .avideo_l .turn p { width:48%; float:left; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#999; } .avideo_l .turn p:nth-child(2) { float:right; } .avideo_main_doctor { background: #f7f7f7 url(../images/bg-sy.png) no-repeat top left; padding: 20px 20px; margin-bottom: 25px; } .avideo_main_doctor .tx { width: 128px; height: 128px; border-radius: 100%; overflow: hidden; margin: 0 auto; } .avideo_main_doctor .tx img { display:block; width: 128px; height: 128px; } .avideo_main_doctor .name { height: 28px; line-height: 28px; padding: 10px 0; text-align: center; } .avideo_main_doctor .a1 { padding: 0 20px; font-size: 18px; } .avideo_main_doctor .a2 { display: inline-block; height: 28px; line-height: 28px; color: #EA6000; font-size: 14px; border: 1px solid #EA6000; padding: 0 10px; border-radius: 4px; } .avideo_main_doctor .con { font-size: 14px; line-height: 24px; border-top: 1px dotted #ccc; padding-top: 13px; margin-top: 10px; } .avideo_any {} .avideo_any li { border-bottom: 1px dotted #ccc; padding: 17px 0; width:100%; float:left; } .avideo_any li:last-child { border-bottom:none; } .avideo_any li .pic { width: 130px; height: 85px; float: left; overflow: hidden; position: relative; background: #eee; } .avideo_any li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .avideo_any li .pic i { display:block; position:absolute; z-index:19; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; width:40px; height:40px; right:5px; bottom:5px; } .avideo_any li .co { float: right; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px); height: 75px; color: #999; } .avideo_any li b { display: block; font-size: 15px; font-weight:normal; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; } .avideo_any li p { font-size: 12px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; color: #999; margin-top:5px; } /*鍖荤敓璇︽儏*/ .doctor_dbody { background:#f8f8f8; width:100%; } .doctor_dtop { width:100%; background: -webkit-linear-gradient(180deg, #2b7dea, #4e96f6); background: -o-linear-gradient(180deg, #2b7dea, #4e96f6); background: -moz-linear-gradient(180deg, #2b7dea, #4e96f6); background: linear-gradient(180deg, #2b7dea, #4e96f6); padding:8px 0; height:270px; } .doctor_dtop .position { margin-top:0; border:none; padding:0; color:#fff; background:none; } .doctor_dtop .position_l { background:#fff; color:#4e96f6; margin-left:0; } .doctor_dtop .position_l:before { border-left: 8px solid #fff; } .doctor_dtop .position_r a { color:#fff; } .doctor_dtop .position_r a:before { border-color:#fff; } .doctor_dtop_c .position_r a { color:#fff; } .doctor_dtop_c .position_r a:before { border-color:#fff; } .doctor_dtop_c { width:100%; background-color:rgba(255,255,255,.2); margin:10px 0 15px 0; box-sizing:border-box; padding:20px 30px; height:175px; } .doctor_dtop .tx { width: 130px; height: 130px; border-radius: 100%; overflow: hidden; float:left; border:2px solid #fff; -webkit-box-shadow:0 0 15px rgba(255, 255, 255, .5); -moz-box-shadow:0 0 15px rgba(255, 255, 255, .5); box-shadow:0 0 15px rgba(255, 255, 255, .5); position:relative; z-index:1; } .doctor_dtop .tx img { display: block; width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .doctor_dtop .mesg { float:left; margin-left:25px; width:600px; } .doctor_dtop .mesg a { color:#FFF; } .doctor_dtop .name { height: 36px; line-height: 36px; font-size: 24px; font-weight:bold; margin-top:-2px; color:#fff; } .doctor_dtop .ano_i { height:30px; font-size: 14px; margin-top:10px; } .doctor_dtop .honor { display: inline-block; height: 28px; line-height: 28px; color: #fff; border: 1px solid #fff; padding: 0 10px; border-radius: 4px; margin-right:20px; } .doctor_dtop .hospital { line-height:30px; margin-top:8px; color:#fff; } .doctor_dtop .hospital a { color:#fff; } .doctor_dtop .con { line-height: 30px; border-top: 1px dotted #fff; margin-top: 18px; color:#FFF; font-size:14px; padding:12px 0 0 0; } .doctor_dtop .con b { font-weight:bold; font-size:16px; } .doctor_dtop .txt { line-height: 30px; font-size: 15px; color:#666; } .doctor_dtop .hos { width:320px; height:120px; float:right; background-color:rgba(255,255,255,.15); margin-top:8px; } .doctor_dtop .hos_l { width:120px; float:left; height:120px; background:#fff; } .doctor_dtop .hos_l span { display: block; width: 100%; height: 70px; overflow: hidden; margin: 0px auto 3px auto; position: relative; z-index: 1; } .doctor_dtop .hos_l span img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .doctor_dtop .hos_l p { text-align:center; font-size:14px; color:#3D89F0; line-height:20px; margin:0 10px; } .doctor_dtop .hos_l p b { font-size:18px; display:block; } .doctor_dtop .hos_r { width:170px; float:right; color:#FFF; margin-right:15px; font-size:14px; line-height:24px; padding-top:20px; } .doctor_dtop .hos_r p { margin-bottom:7px; } .doctor_dtop .hos_l p:last-child { margin-bottom:0; } .doctor_dtop_menu { width:100%; height:60px; line-height:60px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .15); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .15); box-shadow:0 0 10px rgba(0, 0, 0, .15); background:#fff; font-size:18px; } .doctor_dtop_menu ul { width: 100%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; } .doctor_dtop_menu li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; color: #fff; } .doctor_dtop_menu li a { display:inline-block; position:relative; z-index:1; padding:0 15px; } .doctor_dtop_menu li a.on { position:relative; z-index:1; color:#2F95EA; } .doctor_dtop_menu li a.on:before { content:""; position:absolute; width:100%; height:3px; background:#2F95EA; left:0; bottom:0; } .doctor_dmain { margin:0 auto; padding-top:50px; padding-bottom:20px; } .doctor_dl { width:880px; float:left; } .doctor_dr { width:300px; float:right; } .doctor_box { border:1px solid #eee; margin-bottom:20px; } .doctor_box_tit { border-bottom:1px solid #eee; height:50px; line-height:50px; padding:0 20px; } .doctor_box_tit h4 { float:left; font-size:20px; color:#333; position:relative; z-index:1; padding-left:40px; } .doctor_box_tit h4:before { content:""; position: absolute; z-index: 9; left: 0px; top: 12px; border: 2px solid #aeddf3; border-radius: 50%; width: 24px; height: 24px; } .doctor_box_tit h4:after { content: ""; position: absolute; top: 23px; left: 9px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #aeddf3; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .doctor_box_tit .more { display:block; float:right; font-size:15px; color:#FF835A; } .doctor_box_content { padding:25px 20px; font-size:14px; line-height:36px; } .doctor_box_t1 { display:inline-block; font-size:16px; background:#FF99CC; color:#fff; padding:0 15px; line-height:36px; } .doctor_box_c1 { font-size:14px; line-height:30px; margin:10px 0 20px 0; } .doctor-honor {} .doctor-honor li { width:48%; float:left; } .doctor-honor li:nth-child(2n) { float:right; } .doctor-ques { margin:20px 20px 0 20px; } .doctor-ques li { border-radius:10px; background:#f5fafc; width:100%; float:left; box-sizing:border-box; padding:10px 20px 20px 20px; margin-bottom:20px; } .doctor-ques .q1 { font-size:16px; height:40px; line-height:40px; } .doctor-ques .q2 { font-size:14px; line-height:26px; color:#777; } .doctor-ques .qclass { color:#18B1F9; padding-right:10px; } .doctor-ques .qclass a { color:#18B1F9; padding:0 2px; } .doctor-ques .q3 { height:24px; line-height:24px; font-size:13px; margin-top:8px; } .doctor-ques .q3 a { display:inline-block; float:left; background:#deeef6; border-radius:15px; color:#FF99CC; padding:0 15px; margin-right:12px; } .doctor_vi {} .doctor_vi ul { margin:20px 20px 0 0; } .doctor_vi li { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); float: left; margin-left: 20px; margin-bottom: 20px; } .doctor_vi li .pic { width:100%; height:120px; overflow:hidden; position:relative; z-index:1; } .doctor_vi li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .doctor_vi li i { display:block; position:absolute; z-index:11; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; width:40px; height:40px; right:5px; bottom:5px; } .doctor_vi li .con { border:1px solid #eee; zoom:1; border-top:none; box-sizing:border-box; padding:5px 12px; } .doctor_vi li .con b { display:block; font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden; } .doctor_vi li .con p { height: 48px; line-height: 24px; color: #888; font-size: 12px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:none; } .doctor_ar { margin:0 20px; } .doctor_ar li { border-bottom:1px dotted #e0e0e0; padding:17px 0; width:100%; float:left; } .doctor_ar li:last-child { border-bottom:none; } .doctor_ar li .pic { width:180px; height:105px; float:left; overflow:hidden; position:relative; z-index:1; } .doctor_ar li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .doctor_ar li .txt { float:right; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } .doctor_ar li .txt h4 { font-size: 16px; height: 36px; line-height: 36px; overflow:hidden; margin-bottom:8px; } .doctor_ar li .txt p { height: 50px; overflow: hidden; line-height: 25px; color: #999; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; } .doctor_box_tit2 { border-bottom: 1px solid #eee; height: 50px; line-height: 50px; padding: 0 15px; } .doctor_box_tit2 .t { display:block; font-weight:normal; float: left; font-size: 20px; color: #333; position: relative; z-index: 1; padding-left: 20px; } .doctor_box_tit2 .t:before { content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:5px; height:20px; background:#aeddf3; } .doctor_btn { margin:20px 15px 5px 15px; } .doctor_btn a { display:block; width:47%; float:left; height:32px; line-height:32px; background:#F9787C; color:#fff; text-align:center; font-size:14px; border-radius:20px; margin-bottom:15px; } .doctor_btn a:hover { color:#FFF; } .doctor_btn a:nth-child(2n) { float:right; } .doctor_btn a:nth-child(2) { background:#B0D179; } .doctor_btn a:nth-child(3) { background:#FF835A; } .doctor_btn a:nth-child(4) { background:#619FF2; } .doctor_pj { margin:0 15px; border-top:1px dotted #e0e0e0; padding:15px 0; } .doctor_pj span { display:block; width:47%; float:left; height:32px; line-height:32px; font-size:14px; border-radius:20px; } .doctor_pj span:nth-child(2n) { float:right; } .doctor_pj i { color:#FF835A; } .ano_doctor { margin:0 15px; } .ano_doctor li { width:100%; float:left; border-bottom:1px dotted #ddd; padding:15px 0; } .ano_doctor li:last-child { border-bottom:none; } .ano_doctor li a { display:block; } .ano_doctor li .tx { width:70px; height:70px; float:left; overflow:hidden; border-radius:50%; position:relative; z-index:1; } .ano_doctor li .tx img { display:block; width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ano_doctor li .co { float:right; width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px); } .ano_doctor li .name { font-size:16px; color:#444; margin-right:10px; font-weight:normal; } .ano_doctor li .honor { font-size:13px; height:30px; line-height:30px; overflow:hidden; color:#EA6000; margin-top:-2px; } .ano_doctor li .des { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; color:#888; } .ano_hos { margin:15px 15px 0 15px; } .ano_hos li { width:100%; float:left; margin-bottom:15px; } .ano_hos li .hos_a { width:100px; float:left; height:120px; background:#FF835A; color:#FFF; } .ano_hos li .hos_a span { display:block; width:48px; height:48px; overflow:hidden; margin:10px auto 3px auto; position:relative; z-index:1; background:#fff; border-radius:50%; } .ano_hos li .hos_a span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ano_hos li .hos_a p { text-align:center; font-size:14px; color:#fff; line-height:26px; } .ano_hos li .hos_a p b { font-size:17px; display:block; font-weight:normal; } .ano_hos li .hos_b { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:right; font-size:14px; line-height:24px; padding:20px 10px 0 10px; border:1px solid #eee; border-left:none; box-sizing:border-box; height:120px; } .ano_hos li .hos_b p { margin-bottom:7px; } .ano_hos li .hos_b p:last-child { margin-bottom:0; } .ano_chongwu { margin:20px 15px 0 15px; } .ano_chongwu li { width:48%; float:left; margin-bottom:10px; } .ano_chongwu li:nth-child(2n) { float:right; } .ano_chongwu li span { display:block; width:100%; height:80px; overflow:hidden; position:relative; z-index:1; } .ano_chongwu li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .ano_chongwu li p { height:40px; line-height:40px; font-size:14px; text-align:center; } .about_vi {} .about_vi ul { margin:20px 0 0 0; } .about_vi li { width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); float: left; margin-right: 20px; margin-bottom: 20px; } .about_vi li:nth-child(4n) { margin-right:0; } .about_vi li .pic { width:100%; height:120px; overflow:hidden; position:relative; z-index:1; } .about_vi li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .about_vi li i { display:block; position:absolute; z-index:11; background:url(../images/btn_play.png) no-repeat center; background-size:100% 100%; width:40px; height:40px; right:5px; bottom:5px; } .about_vi li .con { border:1px solid #eee; zoom:1; border-top:none; box-sizing:border-box; padding:5px 12px; } .about_vi li .con b { display:block; font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden; } .about_vi li .con p { height: 48px; line-height: 24px; color: #888; font-size: 12px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:none; } .hot_cw {} .hot_cw ul { width:100%; float:left; margin:20px 0; } .hot_cw li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; margin-right:26px; position:relative; z-index:1; margin-bottom:15px; } .hot_cw li:nth-child(4n) { float:right; margin-right:0; } .hot_cw li .pic { display:block; width:100%; height:160px; overflow:hidden; position:relative; z-index:1; } .hot_cw li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .hot_cw li .name { height:32px; line-height:32px; font-size:16px; overflow:hidden; margin-top:5px; text-align:center; } .nocontent { text-align: center; font-size: 18px; padding: 10px 0 50px 0; } .nocontent p { padding: 5px 0; } .topone_tj_tit { font-size:22px; font-weight:bold; color:#222; line-height:45px; } .toptj_list { margin-bottom:20px; } .toptj_list li { border-bottom:1px dotted #e0e0e0; padding:25px 0; width:100%; float:left; } .toptj_list li .pic { width:260px; height:150px; float:left; overflow:hidden; position:relative; z-index:1; margin-right:25px; } .toptj_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .toptj_list li .txt { } .toptj_list li .titname{ height: 40px; overflow: hidden; line-height: 40px; margin-bottom: 5px; font-size:20px; } .toptj_list li .content { height: 50px; line-height: 26px; color: #888; font-size: 14px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .toptj_list li .ano { height:24px; line-height:24px; } .toptj_list li .ano .time { display:none; float:left; margin-right:10px; color:#999; margin-left:10px; } .toptj_list li .tag { display:block; float:left; } .toptj_list li .tag a { background:#f5f5f5; line-height:24px; padding:0 10px; display:block; float:left; margin-right:12px; color:#999; } .toptj_list li .tag a:hover { color:#2F95EA; background:#e6f1f9; } .toptj_list li:last-child { border-bottom:none; } .mask{background-color:rgba(0,0,0,0.2); width:100%; height:100%;position:fixed;top:0;left:0;z-index: 9999999} .prompt_box{width:400px;height:200px;background:#ffffff;border-radius:6px; position:fixed;top:25%; left:50%; margin-left:-200px;overflow: hidden;} .prompt_box .prompt_title{height:40px;line-height:40px;padding-left:20px;border-bottom:2px solid #1a9ebf;background:#e6e6e6;position: relative;} .prompt_box .prompt_title h3{font-size:16px;color: #333333; margin-top:0;} .prompt_box .prompt_cancel{width:24px;height:24px;position: absolute;right:0;top:0;} .prompt_box .prompt_cont{position: relative;height:158px;} .prompt_box .prompt_cont .prompt_text{line-height:140px;padding-left:100px;} .prompt_box .prompt_cont .prompt_sure{position: absolute;right:20px;bottom:34px; width:50px;height: 26px;background:#1a9ebf;border-radius:5px;color:#ffffff; font-size: 14px;line-height:26px;text-align: center;cursor: pointer} .hide_{display:none;} .doctor_meg { background:#f8f8f8; padding:15px; margin-bottom:15px; } .doctor_meg .pic { width:60px; height:60px; float:left; overflow:hidden; border-radius:100%; position:relative; z-index:1; margin-right:20px; } .doctor_meg .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .doctor_meg .name { float:left; } .doctor_meg .name b { display:block; font-size:18px; font-weight:bold; font-weight:bold; height:36px; line-height:36px; } .doctor_meg .name b span { font-size:14px; margin-left:10px; font-weight:normal; } .doctor_meg .name p { float:left; font-size:14px; color:#888; } .doctor_meg .name p a { color:#888; } .doctor_meg .more { display:block; float:right; background:#F29437; height:36px; line-height:36px; font-size:14px; text-align:center; padding:0 15px; border-radius:5px; color:#fff; margin-top:12px; } /*鐤剧梾璇︽儏*/ .jibing {} .disease_name { font-size:28px; color:#333; line-height:180%; text-align:center; font-weight:600; padding:10px 0; } .disease_des { background:#F8F8F8; font-size:14px; line-height:24px; padding:15px 20px; } .disease_des .disea_l { width:70px; height:75px; background:#FF835A; color:#FFF; font-size:16px; text-align:center; line-height:75px; position:relative; z-index:1; float:left; } .disease_des .disea_l:after { content: ''; width: 0; height: 0; border-bottom: 20px solid #F8F8F8; border-left: 20px solid transparent; position: absolute; bottom: 0; z-index:9; right:0; } .disease_des .disea_r { width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px); float:right; font-size:14px; line-height:25px; height:75px; color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .disease_tit { border-bottom:1px solid #B9E0F9; padding-bottom:10px; margin-top:20px; } .disease_tit .tit { float:left; height:40px; line-height:40px; background:#18B1F9; color:#fff; margin-left:10px; position:relative; z-index:1; text-align:center; font-size:20px; padding:0 20px; } .disease_tit .tit:before { content:""; background:#e3f4ff; width:10px; height:30px; position:absolute; bottom:0; left:-10px; z-index:5; } .disease_tit .eng { display:block; float:left; padding:0 16px; background:#e3f4ff; color:#18B1F9; font-size:14px; height:30px; margin-top:10px; line-height:30px; text-transform:uppercase; } .disease_tit .more { display:block; float:right; height:32px; line-height:32px; font-size:14px; color:#FFF; border-radius:20px; padding:0 20px; background:#222; margin-top:15px; } .disease_tit .more:hover { background:#EA6000; } .disease_con { font-size:14px; color:#333; line-height:32px; padding:15px 0; } .disease_con p { padding:3px 0; } .disease_con img { max-width:90%; } .disease_list { padding:20px 0 10px 0; } .disease_list li { width:-webkit-calc(50% - 6px); width:-moz-calc(50% - 6px); width:calc(50% - 6px); float:left; margin-bottom:15px; } .disease_list li:nth-child(2n) { float:right; } .disease_list li a { display:block; height:36px; line-height:36px; border-radius:20px; background:#eee; text-align:center; font-size:14px; } .disease_list li a:hover { background:#FF99CC; color:#fff; } .disease_doctor { } .disease_doctor li { width:100%; float:left; border-bottom:1px dotted #ddd; padding:15px 0; } .disease_doctor li a { display:block; } .disease_doctor li .tx { width:80px; height:80px; float:left; overflow:hidden; border-radius:50%; position:relative; z-index:1; } .disease_doctor li .tx img { display:block; width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .disease_doctor li .co { float:right; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); } .disease_doctor li .name { font-size:16px; color:#444; margin-right:10px; font-weight:normal; } .disease_doctor li .honor { font-size:13px; height:34px; line-height:34px; overflow:hidden; color:#EA6000; } .disease_doctor li .des { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; color:#888; } .ylheight { height: 260px; overflow: hidden; } /*鍖婚櫌*/ .pethospital { margin-top:20px; } .pethospital ul { margin-bottom:20px; border:1px solid #eee; } .pethospital li { width: 100%; float: left; border-bottom:1px solid #eee; zoom:1; box-sizing:border-box; padding:25px 20px; } .pethospital li:last-child { border-bottom:none; } .pethospital li .left { width:140px; float:left; height:100px; overflow:hidden; position:relative; z-index:1; } .pethospital li .left img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pethospital li .center { float:left; width:-webkit-calc(100% - 270px); width:-moz-calc(100% - 270px); width:calc(100% - 270px); margin-left:20px; } .pethospital li .center .a1 { font-size:18px; height:30px; line-height:30px; margin-bottom:10px; font-weight:bold; } .pethospital li .center .a1 span { display:block; margin-right:20px; float:left; color:#18B1F9; } .pethospital li .center .a2 { font-size:13px; } .pethospital li .center .a2_c { margin-bottom:5px; color:#888; height:24px; line-height:24px; overflow:hidden; padding-left:24px; } .pethospital li .center .a2_c span { color:#222; } .pethospital li .c1 { background: url(../images/loc.png) no-repeat -1px center; } .pethospital li .c2 { background: url(../images/tell.png) no-repeat 0 center; } .pethospital li .right { display:block; float:right; width:100px; height:30px; line-height:30px; background:#18B1F9; color:#fff; font-size:14px; border-radius:3px; text-align:center; margin-top:30px; } .hospital_top { background:url(../images/34.jpg) no-repeat center; background-size:100% auto; width:100%; height:160px; margin-bottom:40px; position:relative; z-index:1; } .hospital_name { font-size:36px; font-weight:600; color:#3c8d85; line-height:180%; padding:30px 0; } .hospital_menu { width:100%; height:60px; line-height:60px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .15); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .15); box-shadow:0 0 10px rgba(0, 0, 0, .15); background:#fff; font-size:18px; position:relative; margin-top:0px; } .hospital_menu ul { width: 100%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; } .hospital_menu li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; color: #fff; } .hospital_menu li a { display:inline-block; position:relative; z-index:1; padding:0 15px; } .doctor_dtop_menu li a.on { position:relative; z-index:1; color:#2F95EA; } .hospital_menu li a.on:before { content:""; position:absolute; width:100%; height:3px; background:#2F95EA; left:0; bottom:0; } .hospital_dmain { margin: 15px auto; } .hospital_content { padding: 25px 20px; font-size: 14px; line-height: 36px; } .hospital_pic { width:220px; height:160px; float:left; position:relative; z-index:1; overflow:hidden; margin-right:20px; } .hospital_pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .hostpital_meg { font-size:14px; line-height:24px; margin-bottom:15px; } .hostpital_meg:last-child { margin-bottom:0; } .hostpital_t1 { display: inline-block; font-size: 16px; background: #FF99CC; color: #fff; padding: 0 15px; line-height: 36px; margin:0 0 15px 20px; } .hostpital_intro { padding: 0px 20px 20px 20px; font-size: 14px; line-height: 30px; } .hostpital_doc { padding:0 20px 20px 20px; } .hostpital_doc ul { } .hostpital_doc li { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); float: left; margin-top: 18px; background:#F5FAFC; zoom:1; box-sizing:border-box; padding:20px 0; margin-bottom:5px; } .hostpital_doc li:nth-child(2n) { float: right; } .hostpital_doc li .left { width:120px; float:left; } .hostpital_doc li .right { float:right; width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px); width:calc(100% - 135px); margin-right:15px; margin-top:-5px; } .hostpital_doc li .left .txi { width:80px; height:80px; border-radius:100%; overflow:hidden; position:relative; z-index:1; margin:0 auto; } .hostpital_doc li .left .txi img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .hostpital_doc li .left .namet { display:block; font-weight:normal; font-size:18px; text-align:center; line-height:36px; margin-top:3px; } .hostpital_doc li .right .a1 { font-size:14px; height:30px; line-height:30px; margin-bottom:3px; } .hostpital_doc li .right .a1 span { display:block; margin-right:20px; float:left; color:#18B1F9; } .hostpital_doc li .right .a2 { font-size:14px; height:90px; overflow:hidden; } .hostpital_doc li .right .a2_c { margin-bottom:5px; color:#888; font-size:12px; line-height:22px; max-height:44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .hostpital_doc li .right .a2_c span { color:#222; font-size:14px; } .answer_as {} .answer_as li { border-bottom: 1px dotted #ddd; margin: 0 20px; padding-top: 5px; } .answer_as li:last-child { border-bottom:none; } .answer_as .answer_list { position: relative; padding:15px 0; } .answer_as .answer_list .tx { float: left; width: 48px; height: 48px; position: relative; border-radius: 50%; overflow: hidden; margin: 0 15px 0 0; background-color: #f8f8f8; } .answer_as .answer_list .tx img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .answer_as .answer_list .mesg { float: left; width: 550px; margin-top:-5px; } .answer_as .answer_list .mesg b { display: block; height: 30px; line-height: 30px; font-weight: normal; font-size:15px; color:#111; } .answer_as .answer_list .mesg span { display: block; color: #777; font-size: 13px; font-weight: normal; height: 24px; line-height: 24px; } .answer_as .answer_box { margin: 0 0 20px 0; position: relative; z-index:1; background:#F5FAFC; color: #444; font-size: 14px; line-height: 26px; padding:10px 15px; } .answer_as .answer_box:before { content:""; width: 0; height: 0; border-width: 0 9px 9px; border-style: solid; border-color: transparent transparent #F5FAFC; position: absolute; top: -9px; left: 30px; } .answer_as .answer_box p { } /*瀹犵墿绀惧尯*/ .shequ_main { width:100%; margin:20px auto auto auto; } .shequ_title { } .shequ_title .one { height:46px; text-align:center; } .shequ_title .two { text-align:center; font-size:18px; line-height:30px; color:#777; padding:10px 0; } .shequ_title .one b { display:inline-block; font-size:28px; font-weight:100; color:#111; height:46px; position:relative; z-index:1; padding:0 15px; border-bottom:2px solid #F8931F; } .shequ_title .one b:before, .shequ_title .one b:after { content:""; position:absolute; z-index:9; background:url(../images/pet_bg.png) repeat-x; width:440px; height:20px; top:35px; } .shequ_title .one b:before { left:-460px; } .shequ_title .one b:after { right:-470px; } .shequ_title .one b span { color:#F8931F; } .shequ_title .more { display:inline-block; font-size:16px; color:#999; position:relative; z-index:1; padding:0 20px; margin-left:20px; } .shequ_title .more:before, .shequ_title .more:after { content:"/"; position:absolute; } .shequ_title .more:before { left:0; } .shequ_title .more:after { right:0; } .s_xiangqin {} .s_xiangqin li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; zoom:1; border:1px solid #eee; margin:0 24px 25px 0; } .s_xiangqin li:nth-child(4n) { float:right; margin-right:0; } .s_xiangqin li .pic { margin:8px; height:200px; overflow:hidden; position:relative; z-index:1; } .s_xiangqin li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .s_xiangqin li .txt { height:40px; line-height:40px; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0 8px; } .s_xiangqin li .ano { height:36px; line-height:36px; overflow:hidden; margin:0 8px 10px 8px; } .s_xiangqin li .type { display:block; float:left; font-size:16px; color:#F8931F; } .s_xiangqin li .type a {color:#F8931F;} .s_xiangqin li .area { display:block; float:right; font-size:14px; color:#999; } .s_gongyi { } .s_gongyi .half { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; } .s_gongyi .half:nth-child(2n) { float:right; } .s_gongyi .one { font-size:16px; height:40px; line-height:40px; overflow:hidden; margin-bottom:10px; } .s_gongyi .one .number { font-size:30px; color:#F8931F; padding:0 5px; font-weight:bold; } .s_gongyi .two { border:5px solid #F8931F; zoom:1; height:300px; position:relative; z-index:1; overflow:hidden; } .s_gongyi .two img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .s_gongyi .two .type { position:absolute; z-index:11; width:120px; height:45px; line-height:40px; background:#F8931F; text-align:center; font-size:18px; text-align:center; left:0; top:0; color:#fff; } .s_xiuquan {} .s_xiuquan li { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float:left; margin-bottom:20px; } .s_xiuquan li:nth-child(2n) { float:right; } .s_xiuquan li .pic { width:220px; height:120px; float:left; overflow:hidden; position:relative; z-index:1; } .s_xiuquan li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .s_xiuquan li .txt { float:right; width:-webkit-calc(100% - 235px); width:-moz-calc(100% - 235px); width:calc(100% - 235px); } .s_xiuquan li .txt b { display:block; font-size:18px; font-weight:bold; height:34px; line-height:34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:8px; } .s_xiuquan li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; line-height:24px; height:72px; color:#888; } .s_lingyang { } .s_lingyang li { width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); float:left; margin:0 20px 20px 0; } .s_lingyang li:nth-child(3n) { float:right; margin-right:0; } .s_lingyang li .pic { width:180px; height:120px; float:left; position:relative; z-index:1; overflow:hidden; } .s_lingyang li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .s_lingyang li .txt { width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); float:right; } .s_lingyang li .txt b { display:block; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:18px; } .s_lingyang li .txt p { height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#888; } .s_zoushi {} .s_zoushi li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); float:left; zoom:1; margin:0 24px 25px 0; } .s_zoushi li:nth-child(4n) { float:right; margin-right:0; } .s_zoushi li .pic { height:200px; overflow:hidden; position:relative; z-index:1; } .s_zoushi li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .s_zoushi li .area { width:140px; height:36px; line-height:36px; background:#F8931F; color:#fff; font-size:14px; position:absolute; z-index:9; right:0; bottom:0; text-align:center; } .s_zoushi li .area .a { padding:0 10px; font-size:14px; } .s_zoushi li .txt { height:38px; line-height:38px; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:5px; } .s_zoushi li .ano { height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#999; } .s_zoushi li .type { display:block; float:left; font-size:16px; color:#F8931F; } .s_zoushi li .type a {color:#F8931F;} .shequ_list { margin-bottom:20px; } .shequ_list li { border-bottom:1px dotted #e0e0e0; padding:25px 0; width:100%; float:left; } .shequ_list li .pic { width:160px; height:120px; float:left; overflow:hidden; position:relative; z-index:1; } .shequ_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .shequ_list li .txt { width:-webkit-calc(100% - 180px); width:-moz-calc(100% - 180px); width:calc(100% - 180px); float:right; } .shequ_list li .titname{ height: 32px; overflow: hidden; line-height: 32px; margin-bottom:8px; font-size:18px; } .shequ_list li .content { height: 48px; line-height: 24px; color: #888; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .shequ_list li .other { height:24px; line-height:24px; font-size:12px; color:#444; } .shequ_list li .other span { display:block; float:left; margin-right:30px; } .shequ_pet_tit { color: #333; font-size: 28px; margin-bottom: 15px; padding: 0; overflow: hidden; line-height: 37px; font-weight: 100; margin-top:20px; } .shequ_pet_tit .load { display:inline-block; background:#5A9EF2; color:#fff; font-size:14px; vertical-align:middle; border-radius:3px; line-height:26px; height:26px; margin-right:8px; padding:0 7px; } .pet_infor { background:#F7F7F7; padding:15px 20px; border:1px solid #eee; margin-bottom:15px; } .pet_infor dl { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); float:left; font-size:14px; height:32px; line-height:32px; } .pet_infor dl:nth-child(2n) { float:right; } .pet_infor dt { float:left; } .pet_infor dd { float:left; } .pet_infor .address { width:100%; } .pet_infor .price { color:#E74C3C; font-weight:bold; font-size:16px; } .pet_infor .j { font-size:24px; margin-right:5px;} .shequ_pet_intro { height:40px; line-height:40px; position:relative; z-index:1; margin-bottom:10px; } .shequ_pet_intro:after { content:""; width:100%; height:2px; background:#F8931F; position:absolute; left:0; z-index:5; top:50%; } .shequ_pet_intro b { display:block; float:left; font-size:20px; padding:0 20px 0 0; background:#fff; position:relative; z-index:19; } .shequ_pet_con { font-size: 16px; line-height: 30px; color: #444; border:1px solid #e0e0e0; position:relative; z-index:1; border-radius:10px; padding:15px 20px; margin-bottom:20px; } .shequ_pet_con:before{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -16px; left:36px; padding:0; border-bottom:8px solid #FFFFFF; border-top:8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; display: block; content:''; z-index: 12; } .shequ_pet_con:after{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -18px; left:35px; padding:0; border-bottom:9px solid #ccc; border-top:9px solid transparent; border-left:9px solid transparent; border-right:9px solid transparent; display: block; content:''; z-index:10 } .shequ_pet_con p { padding:4px 0; } .s_zslist { margin:20px 0 0 0; } .s_zslist li { width:-webkit-calc(25% - 16px); width:-moz-calc(25% - 16px); width:calc(25% - 16px); float:left; zoom:1; margin:0 21px 25px 0; } .s_zslist li:nth-child(4n) { float:right; margin-right:0; } .s_zslist li .pic { height:160px; overflow:hidden; position:relative; z-index:1; } .s_zslist li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .s_zslist li .area { width:100%; height:36px; line-height:36px; background-color:rgba(248,147,31,.5); color:#fff; font-size:14px; position:absolute; z-index:9; right:0; bottom:0; box-sizing:border-box; padding:0 10px; } .s_zslist li .txt { height:32px; line-height:32px; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:8px; } .s_zslist li .ano { height:24px; line-height:24px; overflow:hidden; font-size:12px; color:#777; } /*new year*/ .newyear { background:url(../images/newyear_bg.jpg) no-repeat center top;} .newyear .topbar { background:none; color:#fff;} .newyear .topbar a { color:#fff;} .newyear .pet_small { background-color:rgba(255,255,255,1); border-radius:10px; padding:12px 0 8px 0;} /*鍝佺墝*/ .pinpai .nav { background: #F4AE00; height: 50px; } .pinpai .nav h3 a:hover { color:#EA6000!important; } .pinpai .nav h3.on { background: #EA6000; height:36px; line-height:36px; margin:7px 0; } .pinpai .nav h3.on a:hover { color:#fff!important; } .brand-index { border:1px solid #eee; margin:15px auto; } .brand-index .a1 { padding:15px 20px; line-height:30px; font-size:16px; border-bottom:1px solid #eee; } .brand-index .name { width:100px; float:left; font-weight:normal; } .brand-index .letter { float:left; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; } .brand-index .letter a { display:block; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; text-transform:uppercase; } .brand-index .letter a.on { background:#EA6000; color:#fff; border-radius:3px; } .brand-index .a2 { padding:15px 20px 10px 20px; font-size:14px; } .brand-index .a2 li { float:left; width:-webkit-calc(14% - 1px); width:-moz-calc(14% - 1px); width:calc(14% - 1px); margin:0 5px 5px 0; background:#fbf1ea; text-align:center; height:40px; line-height:40px; } .brand-index .a2 li:nth-child(7n) { margin-right:0; } .brand-index .a2 li a { display:block; margin:0 8px; color:#ee8f4d; overflow:hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .brand-index .a2 li:hover { background:#f57c28;} .brand-index .a2 li:hover a { color:#fff;} .brand_t01 { position: relative; z-index: 1; height: 45px; line-height: 45px; overflow:hidden; } .brand_t01:before { content: ""; width: 100%; height: 2px; background: #F4AE00; position: absolute; z-index: 3; left: 0; top: 21px; } .brand_t01 h4 { position: relative; z-index: 11; line-height: 45px; float: left; background:#fff; padding-right:20px; } .brand_t01 h4 b { display:block; float:left; font-weight: normal; color: #fff; padding: 0 20px; font-size: 26px; background:#F4AE00; } .brand_t01 .more { float: right; display:block; color:#F4AE00; border:1px solid #F4AE00; padding:0 20px; border-radius:16px; background:#fff; } .brand_t01 .more:hover { background:#F4AE00; color:#fff; } .dq_one_l { width:880px; float:left; margin-bottom:20px; } .dq_one_pic { margin:25px 0 0 0; height:615px; overflow:hidden; } .dq_one_pic li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px; } .dq_one_pic li:nth-child(4n) { float:right; margin-right:0; } .dq_one_pic li .pic { display:block; width:100%; height:145px; overflow:hidden; position:relative; z-index:1; } .dq_one_pic li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .dq_one_pic li .name { height:40px; line-height:40px; font-size:16px; overflow:hidden; margin-top:5px; text-align:center; background:#f2f2f2; } .dq_one_r { width: 300px; float: right; margin-bottom: 20px; } .ar_bg { border:1px solid #FF835A; border-top:3px solid #FF835A; margin-top:25px; box-sizing:border-box; padding: 0 15px; height:610px; overflow:hidden; } .ar_bg .gList { overflow:hidden; } .ar_bg .gList li { width:100%; float:left; border-bottom: 1px dotted #a3a3a3; padding:10px 0; } .ar_bg .gList li:last-child { border-bottom:none; } .ar_bg .gList li .ha { width:100%; float:left; line-height:30px; } .ar_bg .gList li .num{ display: block; width: 40px; font-style: italic; font-size: 24px; color: #030303; float: left; line-height: 30px; } .ar_bg .gList li .tab-tit { font-size:16px; line-height:30px; float:right; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ar_bg .gList li .like { display:block; float:right; background:url(../images/like.png) no-repeat left center; padding-left:25px; color:#FF835A; font-size:14px; } .ar_bg .gList li .tab-con { display:none; margin-top:10px; width:100%; float:left; margin-bottom:5px; } .ar_bg .gList li.on { height:auto; } .ar_bg .gList li.on .tab-con { display:block; } .ar_bg .gList li.on .pubpic{ display:block; width:110px; height:70px; float:left; overflow:hidden; position:relative; background:#eee; } .ar_bg .gList li.on .pubpic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ar_bg .gList li.on .tabclass { float:right; width:-webkit-calc(100% - 125px); width:-moz-calc(100% - 125px); width:calc(100% - 125px); padding-top:5px; } .ar_bg .gList li.on .tabclass p { font-size:12px; color:#999; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } @charset "utf-8"; /* CSS Document */ .daquan { --main-background: #F4AE00; --border-top-color: #F4AE00; --main-color:#F4AE00; --border-color: #F4AE00; } .logo .txt, .daquan .font_color { color: var(--main-color); } a:hover { color: var(--main-color); } .nav { background: var(--main-background); } .daquan .nav h3.on { background:#EA6000; } .qushi { --main-background: #FF99CC; --border-top-color: #FF99CC; --main-color:#FF99CC; --border-color: #FF99CC; } .qushi .petans_menu_i dd a.on { background:#FF99CC; } .qushi .petans_all_right .tit i a, .doctor_star li .honor { color: #FF99CC; }