|
Server : nginx/1.20.1 System : Linux iZ2ze9ojcl78uluczwag69Z 4.18.0-240.22.1.el8_3.x86_64 #1 SMP Thu Apr 8 19:01:30 UTC 2021 x86_64 User : www ( 1000) PHP Version : 7.3.28 Disable Function : passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/0531yanglao.com/public/css/ |
/* @font-face {*/
/* font-family: 'PINGFANG';*/
/*src: url('/font/PINGFANG.TTF'); */
/* src: url('/font/PINGFANG MEDIUM.TTF') format("woff2");*/
/* }*/
/* @font-face {*/
/* font-family: 'SourceHanSansSC-Medium';*/
/*src: url('/font/SOURCEHANSANSCN-REGULAR.OTF');*/
/*src: url('/font/SOURCEHANSANSCN-NORMAL.OTF') format("woff2");*/
/* }*/
body{
font-family: Arial, sans-serif;
}
html,
body {
margin: 0 auto;
margin: 0;
padding: 0;
position: relative;
}
li {
list-style: none;
}
div,
h1,
button,
/*input,*/
textarea,
select,
h2,
h3,
h4,
h5,
h6,
p,
span,
ol,ul,li,
strong,
a,
dt,
dd,
td.th,
li {
cursor: pointer;
/*font-family: Arial, sans-serif;*/
letter-spacing:0!important;
font-size: 1rem;
}
.lvjuindex p{
line-height: 0;
margin: 5px 0;
color: #e5e5e5;
}
input,
button,
textarea {
outline: none;
border: 0;
}
ul,
li,
a {
text-decoration: none;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
}
h4 {
font-size: 17px;
font-weight: 500;
color: #333333;
margin: 0;
padding: 0;
}
h3 {
font-size: 20px;
color: #333333;
}
h5 {
font-size: 18px;
font-weight: 400;
color: #333333;
}
p {
/*color: #1ac1b0;*/
color: #1ac1b0;
font-size: 20px;
/*line-height: 33px;*/
/*font-weight: 600;*/
}
.shijan span {
font-size: 16px!important;
color: #333333;
font-weight: 400!important;
}
span {
font-size: 16px;
color: #c1c1c1;
}
.tui_content_banxin span{
line-height: 21px;
}
.p{
color: #1ac1b0;
font-size: 16px!important;
line-height: 33px;
font-weight: 500;
}
a {
font-size: 16px;
color: #333333;
}
.neirong p,
.neirong li{
cursor: text;
}
.fangkuang p,
.fangkuang li{
cursor: text;
}
.forminput input,
.forminput textarea{
font-size: 15px;
}
h6 {
color: #333333;
font-size: 16px;
font-weight: 400;
text-align: left;
}
.display_box div ul li span:first-child {
/*border: 1px solid #eaeaea;*/
/* padding: 3px; */
box-sizing: box-sizing;
/*width: 82px;*/
box-sizing: border-box;
/*height: 33px;*/
/*text-align: center;*/
}
.tz_la{
width: 70%;
display: flex;
justify-content: space-around;
}
.box_ljs{
width: 1100px;
display: flex;
margin: 0 unset;
margin: 0 auto;
height: 60px;
justify-content: space-evenly;
align-items: center;
}
.box_ljs li{
width: 78px;
height: 34px;
text-align: center;
border-radius: 16px;
line-height: 34px;
background: white;
border: 1px solid #cfcaca;
}
.one{
background: #1ac1b0 !important;
border: 1px solid #1ac1b0 !important;
color: white !important;
}
.selected{
color: #1ac1b0;
}
.selected a{
color: #1ac1b0;
}
.photo {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.photo .photo-main {
width: 18%;
margin: 11px;
text-align: center;
/* display: flex; */
/* flex-direction: column; */
/* align-items: center; */
}
.photo .photo-main p{
text-indent: 0rem!important;
color: #666666;
}
.photo .photo-main img{
width: 100%;
}
.tz_ya{
width: 1200px !important;
display: flex;display: flex;
margin: 15px 0;
justify-content: space-between;
}
.box_lj_content .ct{
display: flex;
flex-direction: column;
}
/* tab切换 */
nav{
display: block ;
}
.actives {
display: block !important;
}
.display_box div {
display: none;
}
.active {
background-color: #1ac1b0 !important;
color: white!important;
}
/* 头部 */
.head {
height: 5rem;
margin: 5px auto;
width: 1200px;
display: flex;
justify-content: space-between;
align-items: center;
}
.active a{
color: #ffffff!important;
}
.highlight {
display: none;
}
.sadsffd {
display: flex;
align-items: center;
justify-content: center;
}
.search_icon {
width: 3.4rem;
height: 2.35rem;
/*background-color: #1ac1b0;*/
background-color: #1ac1b0;
text-align: center;
line-height: 2.8rem;
}
.dropdown-selected {
padding-left: 1rem;
width: 13.5rem;
height: 2.35rem;
background-color: #f1f1f1;
}
.hd_gw {
width: 13rem;
display: flex;
justify-content: space-evenly;
align-items: center;
font-size: 1.15rem;
color: #666666;
}
.hd_gw img {
width: 3.3rem;
height: 3.3rem;
}
nav {
width: 100%;
background-color: #1ac1b0;
/*background-image: linear-gradient(#f28832, #fea65e);*/
}
nav ul {
width: 1200px;
margin: 0 auto;
display: flex;
height: 60px;
align-items: center;
justify-content: center;
}
nav ul a {
text-align: center;
height: 100%;
width: 12%;
line-height: 60px;
display: block;
position: relative;
color: white;
}
.current {
background-color: #ffffff ;
color: #1ac1b0 !important;
}
nav ul a:before{
content: '';
display: block;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 50%);
background-size: 210% 100%;
background-position: right bottom;
height: 100%;
width: 100%;
position: absolute;
/* color: #1ac1b0 !important; */
top: 0;
bottom:0;
right:0;
left: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
nav ul a:hover {
/* background-color: #ffffff; */
/* color: #1ac1b0 !important; */
}
nav ul a:hover:before {
background-position: left bottom;
}
.footer_b_banxin ul li img {
width: 29px;
height: 29px;
}
.footer_b_banxin p img {
width: 29px;
height: 29px;
}
/* 热门推荐 */
.route {
width: 1200px;
margin: 20px auto;
text-align: center;
}
.router{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 10px 0;
background: #f1f1f1;
}
hgroup {
margin: 25px 0;
}
hgroup h1::before {
content: url(../image/tubiao1.png);
position: relative;
top: 6px;
left: -9px;
}
.koubei01:before{
content: url(../image/koubei01.png) !important;
position: relative;
top: 6px;
left: -9px;
}
.koubei02:before{
content: url(../image/koubei02.png) !important;
position: relative;
top: 6px;
left: -9px;
}
.koubei03:before{
content: url(../image/remenlvju.png) !important;
position: relative;
top: 6px;
left: -9px;
}
.koubei04:before{
content: url(../image/koubei04.png) !important;
position: relative;
top: 6px;
left: -9px;
}
/*.wrapaa{*/
/* border-bottom:3px solid #1ac1b0;*/
/*}*/
.koubei05:before{
content: url(../image/yanglaozhina.png) !important;
position: relative;
top: 6px;
left: -9px;
}
.wrap {
width: 230px;
height: 257px;
/*margin: 0 9px;*/
background-color: #ffffff;
margin-bottom: 18px;
overflow: hidden;
box-shadow: 0;
/*border: 1px solid #cccccc;*/
transition: box-shadow 0.5s, color 0.5s;
-webkit-transition: box-shadow 0.5s, color 0.5s;
}
.content main {
display: flex;
/* width: 950px; */
flex-wrap: wrap;
justify-content: space-between;
}
/* .content aside {
background-color: #1ac1b0;
width: 240px;
float: right;
} */
.dzfu {
height: 260px;
}
.content {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.uuu .buttons p img{
height:16px!important ;
}
.uuu .buttons {
display: flex;
flex-wrap: wrap;
align-items: flex-start!important;
padding: 8px 2px;
height: 35px!important;
}
.content main .wrap {
width: 386px;
border-radius: 0;
height: 94%;
border-radius: 3px;
/* margin-bottom: 10px; */
/*box-shadow: 0px 0px 9.5px 0px #c3c3c3!important;*/
border-top: none;
border-left: none;
/* border: none; */
border-right: none;
/* border-bottom: 1px solid #1ac1b0; */
}
.uuu {
padding: 1px 10px 0 10px;
box-sizing: border-box;
/*background: #f8f9fa !important;*/
}
.route:nth-child(3) .uuu {
background: #fff !important;
}
.route:nth-child(4) .uuu {
background: #f8f9fa !important;
}
.content main .wrapaa{
border-bottom:3px solid #fff;
}
.content main .wrapaa:hover{
border-bottom:3px solid #1ac1b0;
}
/*img{*/
/* border-radius: 2px;*/
/*}*/
.xinjia{
display: flex!important;
/* padding: 0 0px!important; */
border-bottom: 1px solid #eeeeee;
width: 98%;
padding: 0 0 5px 0!important;
margin: 0 auto;
/* box-sizing: border-box; */
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start!important;
align-items: center;
}
.uuu {
/* border-bottom: 3px solid #1ac1b0; */
padding: 1px 10px 0 10px;
box-sizing: border-box;
/*background: #f8f9fa;*/
}
.uuu .xinjia span {
font-size: 12px!important;
color: #666666!important;
margin: 3px 20px 3px 0!important;
box-sizing: border-box;
padding: 0 0 0 0;
text-align: left;
}
/*.uuu .xinjia span:first-child{*/
/* width: 60%;*/
/*}*/
.uuu .xinjia span:last-child{
width: 100%;
display: none;
}
..uuu .xinjia span:nth-child(2){
width: 40%;
}
.yyy h4 {
overflow: hidden;
width: 100%;
overflow: hidden;
/* width: 40px; */
text-overflow: ellipsis;
white-space: nowrap;
}
.xinjia span:last-child{
margin-right: 0!important;
}
.wrap-img {
width: 100%;
height: 210px;
overflow: hidden;
border: 0;
}
.wrap img {
width: 100%;
height: 215px;
/* border-radius: 5px 5px 0 0; */
transition: 1s;
-webkit-transition: 1s;
object-fit: cover;
}
.wapbili{
display: none ;
}
.rmtj_left p {
font-size: 15px;
}
.yyy h4 {
text-align: left;
display: flex;
margin: 0px 5px 14px 5px;
justify-content: space-between;
align-items: flex-start;
}
.uuu .buttons p {
font-size: 12px!important;
margin: 7px 15px 4px 0!important;
}
.yyy li {
display: flex;
/*padding: 8px 8px;*/
flex-wrap: wrap;
align-items: center;
}
/*.wrap:hover {*/
/*box-shadow: 0px 0px 9.5px 0px #1ac1b0;*/
/* transition: all .5s;*/
/*-webkit-transition: all .5s;*/
/* transition: 0.5s; */
/*}*/
/*.content main .wrap:hover {*/
/*box-shadow: 0px 0px 9.5px 0px #1ac1b0;*/
/*box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #ffffff!important;*/
/* transition: all .5s;*/
/*-webkit-transition: all .5s;*/
/* transition: 0.5s; */
/*}*/
.yanglao:hover{
box-shadow: 0px 0px 9.5px 0px #c3c3c3;
}
/*.wrap:hover img{*/
/* width: 285px;*/
/* height: 175px;*/
/*}*/
/* 口碑推荐 */
.wrap:hover h4{
color: #1ac1b0!important;
}
hgroup {
position: relative;
}
hgroup .gengduo {
position: absolute;
right: 16px;
}
/* <!-- 社区居家服务中心推荐 --> */
.pc_yanglaoa .gengduo{
position: relative;
}
.pc_yanglaoa .gengduo a:after {
content: "";
background: url(../image/gengduo.svg) no-repeat;
background-size: 100%;
width: 29px;
height: 28px;
position: absolute;
right: -19px;
top: -4px;
}
.tui_jian {
width: 100%;
background: linear-gradient(rgb(255 255 255 / 75%), rgb(245 250 255 / 72%)), url(../image/20201210114915_banner.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;
padding: 10px 0;
}
.tui_content {
width: 940px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.tui_content_banxin {
width: 300px;
height: 300px;
padding: 38px;
border: 1px solid #e6e6e6;
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
margin-bottom: 20px;
}
.tui_content_banxin:hover h4 {
background-color: white;
transition: all 0.8s;
}
.tui_content_banxin:hover {
background-color: #1ac1b0;
}
.tui_content_banxin:hover h3 {
color: white;
}
.tui_content_banxin:hover span {
color: white;
}
.tui_content_banxin h4 {
width: 71px;
height: 71px;
text-align: center;
overflow: hidden;
background-color: #1ac1b0;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
}
.tui_content_banxin h4 img {
width: auto;
height: 39px;
}
.tui_content_banxin h3 {
margin-bottom: 8px;
}
/* 旅居推荐 */
.lj_content {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
}
.lj_01:hover h4 {
background-color: #1ac1b0;
color: white;
/* transition: all 0.7s; */
}
.uuu li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 8px 2px;
}
.lj_01:hover h4 span {
color: white;
/* transition: all 0.8s; */
}
.lj_01:hover h4 p{
color: white;
}
.lj_01 h4 {
width: 100%;
display: flex;
flex-direction: column;
padding: 10px 10px;
line-height: 33px;
box-sizing: border-box;
}
.lj_content a{
width: 20%;
box-sizing: border-box;
/*background: pink;*/
}
.lj_01 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.lj_01 img{
width: 100%;
object-fit: cover;
height: 440px;
}
/* 养老资讯 */
.nav {
display: flex;
width: 1200px;
height: 30px;
/* background-color: white; */
margin: 14px auto;
justify-content: center;
align-items: center;
}
.nav li {
/* padding: 6px 40px; */
color: #999999;
width: 115px;
letter-spacing: 1px;
height: 30px;
text-align: center;
line-height: 30px;
}
.boxq .nav li{
padding: 6px 18px;
width: 195px;
color: #999999;
letter-spacing: 1px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
height: 80px;
padding: 0;
margin: 0;
text-align: center;
line-height: 80px;
font-size: 20px;
}
.boxq .nav{
width: 100%!important;
}
.boxq .active{
color: #323232!important;
font-size: 20px!important;
border-bottom: 2px solid #ff6000!important;
background: #ffffff!important;
}
.nav li a{
color: #999999;
}
.boxq .nav{
height: 100%!important;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #f4f4f4;
}
.display_box {
width: 1200px;
margin: 0 auto;
}
/*.display_box div ul li a{*/
/* border: 1px solid #333333;*/
/*}*/
.display_box div ul {
display: flex;
position: relative;
justify-content: flex-start;
overflow: hidden;
}
.tijiao {
width: 1200px;
margin: 0 auto;
display: flex;
padding: 20px 0;
justify-content: center;
align-items: flex-start;
}
.display_box div ul li {
width: 22%;
display: flex;
flex-direction: column;
padding: 10px 9px;
text-align: left;
box-sizing: border-box;
}
.fixednav {
position: fixed;
top: 0px;
left: 0px;
border-radius: 0 0 10px 10px;
width: 100%;
box-shadow: 2px 2px 12.5px 0px #686868;
z-index: 99;
/*background-image: linear-gradient(#fb9440, #ffbd88);*/
background-color: #1ac1b0;
}
.fixednava {
position: relative;
}
.color{
background: #f1f1f1 !important;
}
.tab-nursinga {
position: fixed;
top: 60px;
width: 1200px!important;
box-shadow: 0px 0px 9.5px 0px #c3c3c3;
/*left: 18.5%;*/
/* width: 100%; */
z-index: 99!important;
}
#box1 .display_box div ul li {
width: 22%;
display: flex;
flex-direction: column;
padding: 10px 18px!important;
text-align: left;
box-sizing:content-box;
}
.display_box div ul li h4 {
display: flex;
font-size: 16px;
color: #424141;
text-align: left;
font-weight: 400;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid #ededed; */
justify-content: space-between;
align-items: flex-end;
margin: 0 0 10px 0;
}
.gengduo a:after {
content: "";
background: url(../image/gengduo.svg) no-repeat;
background-size: 100%;
width: 29px;
height: 28px;
position: absolute;
right: -19px;
top: -3px;
}
/*.lianxiwomen h3 a:before{*/
/* content: "";*/
/*background: url(../images/tuoyuan.png) no-repeat;*/
/*background-size: 15px 15px;*/
/*width: 15px;*/
/*height: 15px;*/
/*position: absolute;*/
/*left: -21px;*/
/*top: 7px;*/
/*}*/
.weilao p span:last-child{
font-size: 12px!important;
color: #999999!important;
}
.BMap_bubble_title p{
text-indent: 0!important;
}
.display_box div ul li h4 i {
display: flex;
font-style: inherit;
color: #6e6e6e;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.display_box div ul li h4 i span{
overflow: inherit !important;
}
.display_box div ul li h4 span {
font-size: 16px;
color: #c5c5c5;
}
.display_box div ul li p {
font-size: 16px;
color: #161616;
display: flex;
flex-direction: column;
font-weight: 500;
text-align: left;
line-height: 20px;
margin: 0;
}
.display_box div ul li h3 {
font-size: 18px;
color: #161616;
overflow: hidden;
letter-spacing: 1px;
/* width: 91%; */
/* line-height: 38px; */
font-weight: 500;
text-overflow: ellipsis;
margin-top: 17px;
white-space: nowrap;
}
.yuedu{
display: flex!important;
align-items: flex-end;
font-size: 14px!important;
}
.gengduo a {
color: #999999;
display: flex;
align-items: center;
}
/* table 样式 */
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table td,
table th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 3px 5px;
}
table th {
border-bottom: 2px solid #ccc;
text-align: center;
}
/* blockquote 样式 */
blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
/* code 样式 */
code {
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f1f1f1;
border-radius: 3px;
padding: 3px 5px;
margin: 0 3px;
}
pre code {
display: block;
}
/* ul ol 样式 */
ul, ol {
/*margin: 10px 0 10px 20px;*/
}
.max span{
min-height: 30px!important;
}
.zixunbor-boe {
min-height: 48px!important;
line-height: 22px!important;
color: #666666!important;
font-size: 14px!important;
}
.zixunbor h4:first-child{
color: #333333!important;
font-size: 20px!important;
}
.display_box div ul li span {
/* font-size: 16px!important; */
color: #b4b0b0;
letter-spacing: 1px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* height: 58px; */
line-height: 29px;
/*min-height: 59px;*/
margin: 5px 0 4px 0;
-webkit-box-orient: vertical;
}
.display_box div ul li:hover p,
.display_box div ul li:hover i,
.display_box div ul li:hover h4,
.display_box div ul li:hover h3,
.display_box div ul li:hover span,
.display_box div ul li:hover p span,
.display_box div ul li:hover i span {
color: #1ac1b0 !important;
}
/*.display_box div ul li:hover .kuang{*/
/* border: 1px solid #1ac1b0;*/
/*}*/
/* 养老指南 */
.kuang{
border: 1px solid #999999;
/* padding: 3px; */
box-sizing: box-sizing;
width: 90px;
box-sizing: border-box;
height: 30px!important;
color: #999999!important;
text-align: center;
font-size: 12px!important;
}
.zn {
display: flex;
justify-content: space-between;
}
.zn_box {
width: 378px;
position: relative;
height: 352px;
overflow: hidden;
border-radius: 8px;
}
.zn_box p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 14px 0;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
font-size: 1rem;
color: #ffffff;
}
.zn_box img {
width: 100%;
height: 100%;
transition: all 1s;
object-fit: cover;
}
.zn_box:hover img {
transform: scale(1.1);
transition: all 1s;
}
/* <!-- 万股生命礼仪 --> */
.wg_sm {
width: 100%;
padding: 100px 0 30px 0;
}
.wg_sm img {
width: 100%;
}
/* 底部 */
footer {
width: 100%;
background-color: #2a2c37;
padding: 50px 0 120px 0;
}
.footer {
width: 1200px;
margin: 0 auto;
}
.footer-fead {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-fead h1 {
color: #1ac1b0;
font-size: 42px;
}
.hello hgroup a{
display: none;
}
.footer-fead .hd_gw {
width: 257px;
display: flex;
align-items: center;
justify-content: center;
}
.footer-fead .hd_gw img {
width: 49px;
height: 50px;
margin-right: 10px;
}
.footer-fead .hd_gw li p {
font-size: 16px;
color: #fff;
}
.footer-fead .hd_gw li {
font-size: 20px;
color: #1ac1b0;
}
.footer-main {
width: 100%;
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.f-left {
width: 50%;
color: #fff;
}
.f-left-top li a {
color: #fff;
font-size: 16px;
}
.f-left-top {
margin-bottom: 26px;
}
.f-left-top,
.f-left-bottom {
width: 100%;
display: flex;
justify-content: space-between;
/*margin: 0 0 10px 0;*/
padding: 0;
}
.f-left-top li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.f-left-top li img {
margin-bottom: 10px;
width: auto;
height: 33px;
}
.f-left-bottom a {
color: #fff;
}
.f-right {
display: flex;
width: 217px;
justify-content: space-between;
}
.f-right div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.f-right img {
width: 90px;
height: 90px;
margin-bottom: 10px;
}
.f-right div a {
color: #fff;
}
.footer-foot {
width: 100%;
height: 2px;
background-color: #16192a;
margin: 20px 0;
}
.footer-link {
width: 1200px;
margin: 0 auto;
}
.footer-link p,
.footer-link p a {
font-size: 15px;
color: #bbbbbb;
}
.footer-link p{
margin: 10px 0;
font-size: 15px;
}
.zhinan {
width: 1200px;
height: 543px;
background-image: url(../image/zhinan.png);
background-repeat: no-repeat;
background-size: 100%;
margin-top: 47px;
position: relative;
}
.zhinan ul {
display: flex;
flex-wrap: wrap;
align-items: center;
position: absolute;
top: 130px;
left: 0px;
/* margin: 10px 10px; */
justify-content: center;
}
.zhinan ul li {
width: 300px;
height: 105px;
/* position: fixed; */
margin: 0px 50px 45px 50px;
/* background: pink; */
box-sizing: border-box;
/* left: 50px; */
color: #666666;
font-size: 16px;
line-height: 24px;
}
.f_left {
width: 50%;
display: flex;
flex-direction: column;
padding: 0px 139px 0 0;
}
.f_left .top {
display: flex;
justify-content: space-between;
padding: 0 0 50px 0;
}
.f_left .top a {
display: flex;
font-size: 16px;
color: #333333;
flex-direction: column;
align-items: center;
}
.f_left .top a:hover {
display: flex;
font-size: 16px;
color: #1ac1b0;
flex-direction: column;
align-items: center;
}
.wapzsyss{
display: none;
}
.f_left .top a img {
width: 50px;
height: 44px;
margin-bottom: 15px;
}
.f_left .bottom {
position: relative;
}
.f_left .bottom li a {
font-size: 16px;
color: #333333;
margin-right: 50px;
}
.f_left .bottom li a:hover {
/*font-size: 0.75rem;*/
color: #1ac1b0;
margin-right: 50px;
}
.f_left .bottom h5 {
font-size: 30px;
color: #333333;
font-weight: 500px;
padding-bottom: 44px;
}
.f_left .bottom button {
width: 140px;
height: 50px;
background-color: #1ac1b0;
border-radius: 5px;
font-size: 1rem;
color: #ffffff;
text-align: center;
line-height: 50px;
position: absolute;
right: -28px;
top: 49px;
}
.f_right {
padding: 0 97px;
display: flex;
flex-direction: column;
width: 300px;
}
.f_right .top {
display: flex;
align-items: center;
margin-bottom: 7px;
}
.f_right .top img {
width: 49px;
height: 50px;
padding: 0 5px 0 0;
margin-right: 10px;
}
.f_right .bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 34px 0 0 0;
}
.f_right li {
line-height: 30px;
display: flex;
flex-direction: column;
}
.f_right .bottom li {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
/* 底部悬浮 */
.footer_b {
width: 100%;
height: 50px;
position: fixed;
border-radius: 10px 10px 0 0;
bottom: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.7);
}
.footer_b_banxin {
width: 1200px;
display: flex;
height: 100%;
margin: 0 auto;
align-items: center;
color: #ffffff;
}
.footer_b ul {
display: flex;
margin-right: 25px;
}
.footer_b h4 {
font-size: 20px;
font-weight: 400;
color: white;
margin-right: 30px;
}
.footer_b li {
font-size: 18px;
display: flex;
margin-right: 10px;
align-items: center;
}
.footer_b li img {
margin-right: 5px;
}
.footer_b p {
font-size: 20px;
display: flex;
align-items: center;
}
.footer_b p img {
margin-right: 5px;
}
.footer_b button {
font-size: 13px;
padding: 9px 13px;
border-radius: 8px;
background-color: #9c0505;
color: #ffffff;
margin-left: 15px;
}
/* 侧边悬浮 */
.pc_footer_b {
width: 60px;
position: fixed;
right: 0;
bottom: 25%;
z-index: 1;
/* background-color: #C0C0C0; */
font-size: 16px;
}
.juzhong{
width: 100%;
text-align: center;
}
.pc_footer_b div {
cursor: pointer;
height: 65px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0px 0px 9.5px 0px #c3c3c3!important;
justify-content: center;
/* padding: 6px 3px; */
background: #ffffff;
border-radius: 10px;
margin: 7px 0;
box-sizing: border-box;
}
.joinimg{
display: none;
}
.pc_footer_b div img {
width: 25px;
margin-bottom: 5px;
height: 23px;
}
#weixinerweima {
position: absolute;
left: -149px;
top: -36px;
width: 130px;
display: none;
height: 130px;
border-radius: 8px;
}
.btn:hover #weixinerweima {
display: block;
}
/* 找养老院 */
.f_home {
width: 1200px;
margin: 0 auto;
/*margin-top: 10px;*/
margin-bottom:7px;
position: relative;
}
.f_home h4 {
font-size: 14px;
padding: 15px 0 15px 0;
color: #020202;
font-weight: 500;;
}
.search_yl,
.search_yl li {
width: 100%;
}
.search_yl {
border: 1px solid #cccccc;
border-top: 0;
border-right: 0;
background: #ffffff;
}
.search_yl li,
.search_yl li dl {
display: flex;
}
/*.search_yl dd{*/
/* border-left: 1px solid #cccccc;*/
/*}*/
/* .search_yl ul {
border-bottom: 1px solid #cccccc;
} */
.search_yl li dl {
width: 121.1px;
line-height: 66px;
}
.yanglao img{
border-radius: 0!important;
}
.select-all {
position: absolute;
left: 6px;
}
#select5,#select4,#select3,#select2,#select1{
/* height: 100%; */
width: 100%;
/* line-height: 65px; */
display: flex;
padding-left: 70px;
box-sizing: border-box;
position: relative;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
/* border-bottom: 1px solid #cccccc; */
/* border-left: 1px solid #cccccc; */
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
#select5{
line-height: 30px!important;
}
.search_yl li dl dt {
/* padding: 0 9.9px; */
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
color: #999999;
font-size: 16px;
width: 100%;
text-align: center;
}
.search_yl li dl dd a {
line-height: 30px;
padding: 0 15px;
}
.search_yl li dl dd a:hover {
color: #f48b37;
}
.rmtj_left {
/* width: 896px; */
margin-bottom: 20px;
width: 75%;
position: relative;
/*border-radius: 8px;*/
box-sizing: border-box;
border: 1px solid #f1f1f1;
/* overflow: hidden; */
}
/* .biankuang:before {*/
/* content: "";*/
/* position: absolute;*/
/* pointer-events: none;*/
/* border: 2px solid rgb(255 198 152 / 68%);*/
/* border-radius: 8px;*/
/* left: -2px;*/
/* top: -3px;*/
/* border-radius: 9px;*/
/* right: -4px;*/
/* bottom: -2px;*/
/*}*/
.rmtj_left .wrap {
width: 98%;
padding: 0 10px;
box-sizing: border-box;
display: flex;
height: 230px;
border-bottom: 1px solid #e1e1e1;
border-top: 0;
border-left: 0;
border-radius: 1px 5px 5px 1px;
border-right: 0;
align-items: center;
justify-content: space-between;
}
.yanglao{
border-left: 2px solid #1ac1b0!important;
border-bottom: none!important;
width: 100%!important;
margin: 0 0 18px 0!important;
}
.fangkuang {
width: 100%;
padding: 10px;
box-sizing: border-box;
box-sizing: box-sizing;
}
.rmtj_left .wrap img {
width: 260px;
height: 170px;
}
.button1 button{
margin-bottom: 0!important ;
/*padding: 0!important;*/
}
.rmtj_left .wrap .yyy {
width: 65%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.rmtj_left .wrap .yyy h4 {
width: 94%;
display: flex;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #333333;
align-items: flex-start;
justify-content: space-between;
}
.app_yyy {
text-align: left;
}
.weilao p span:first-child{
min-height: 30px;
}
/*.rmtj_left h5 {*/
/* padding: 10px 5px; */
/*margin: 5px 5px 0 5px;*/
/*font-size: 16px!important;*/
/*color: #999999!important;*/
/* box-sizing: border-box; */
/*}*/
.app_yyy h5 p{
text-indent:0!important;
line-height: 25px!important;
}
.rmtj_left button {
width: 90px;
height: 25px;
border-radius: 10px;
margin-bottom: 11px;
margin-right: 11px;
background: #ffffff;
}
.btn1 {
color: #1ac1b0!important;
/*width: 110px;*/
/*height: 28px;*/
/*border: 2px solid #1ac1b0;*/
}
.btn2 {
color: #43a8db!important;
}
.btn3 {
color: #f26868!important;
}
.rmtj_right {
width: 23.4%;
/* float: right; */
height: 100%;
border: 1px solid #f1f1f1;
}
.rmtj_right_dt img{
border-radius: 0!important;
}
.rmtj {
display: flex;
margin: 19px 0;
/* background-color: pink; */
justify-content: space-between;
}
.pc_yanglaoa, .pc_yanglaob {
border: 1px solid #e1e1e1;
padding: 10px;
box-sizing: border-box;
margin-bottom: 18px;
background: #ffffff;
}
.pc_yanglaoa h4, .pc_yanglaob h4 {
text-align: left;
padding: 8px 16px 8px 0;
box-sizing: border-box;
display: flex;
border-bottom: 1px solid #e1e1e1;
justify-content: space-between;
align-items: center;
}
.pc_yanglaoa h4 a, .pc_yanglaob h4 a {
color: #666666;
font-size: 15px;
font-weight: 500;
line-height: 20px;
/* margin-left: 4px; */
}
.pc_yanglaoa a h6:hover,
.pc_yanglaob a:hover h6{
color: #1ac1b0 !important;
}
.yyy .xinjia img {
width: auto!important;
margin-right: 1px;
height: 17px;
}
.app_yyy .xinjia img {
width: auto!important;
margin-right: 1px;
height: 20px;
}
.app_yyy .xinjia span:last-child img{
height: 19px;
}
.app_yyy .xinjia span:nth-child(2) img{
height: 23px;
}
.yyy .xinjia span:last-child img{
height: 16px;
}
.yyy .xinjia span:nth-child(2) img{
height: 20px;
}
.pc_yanglaoa h6 {
text-align: left;
font-size: 14px;
padding: 8px 0;
color: #333333;
width: 60%;
display: flex;
/*border-bottom: 1px dashed #e6e6e6;*/
align-items: center;
justify-content: flex-start;
}
.pc_yanglaob h6 {
text-align: left;
font-size: 16px;
padding: 8px 0;
color: #333333;
display: flex;
/*border-bottom: 1px dashed #e6e6e6;*/
align-items: center;
justify-content: center;
}
.pc_yanglaoa h6 img, .pc_yanglaob h6 img{
margin-right: 8px;
}
.pc_yanglaob img {
width: 200px;
margin-top: 10px;
height: 120px;
}
* {
margin: 0;
padding: 0;
list-style: none;
}
#area {
width: 600px;
height: 400px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#imgs {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#imgs > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .3s;
}
/* 当前显示的图片 */
#imgs > img.active {
opacity: 1;
}
/* 小圆圈 */
#items {
width: 200px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
}
#items > li {
display: inline-block;
cursor: pointer;
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.9);
}
/* 当前高亮的小圆圈 */
#items > li.active {
background-color: rgba(255, 255, 255, 0.9);
}
/* 左右箭头 */
#direction {
width: 100%;
height: 100%;
display: none;
}
/* 显示左右箭头 */
#direction.active {
display: block;
}
#direction > div {
width: 25px;
height: 50px;
line-height: 50px;
font-size: 18px;
text-align: center;
cursor: pointer;
/* 垂直居中 */
position: absolute;
top: 50%;
transform: translateY(-50%);
color: rgba(255, 255, 255, 0.9);
background-color: rgba(0, 0, 0, 0.5);
}
#direction > #left {
left: 0;
}
#direction > #right {
right: 0;
}
.pc_yanglaob h6 {
text-align: center;
}
/* 分页? */
.pages {
width: 1200px;
margin: 0 auto;
padding: 150px 0;
}
.v-pagination {
display: flex;
align-items: center;
justify-content: center;
}
.v-pagination .pagination-page {
display: flex;
align-items: center;
margin-left: 40px;
}
.v-pagination .page {
height: 28px;
line-height: 28px;
margin: 0 5px;
background-color: #f4f4f5;
color: #606266;
min-width: 30px;
text-align: center;
border-radius: 2px;
font-size: 13px;
border-radius: 8px;
cursor: pointer;
padding: 3px;
}
.v-pagination .page.selected {
background-color: #1ac1b0;
color: #fff;
}
/* 养老院详情 */
.rmtj_content .wrap:hover {
box-shadow: none;
}
.rmtj_content .wrap {
width: 1200px;
height: 100%;
padding: 10px;
display: flex;
background-color: #f5f5f5;
box-sizing: border-box;
}
.rmtj_content .wrap .yyy {
width: 100%;
display: flex;
padding: 0 20px;
justify-content: space-between;
box-sizing: border-box;
}
.qiehuan4{
display: none;
}
.rmtj_content .wrap .yyy li button {
margin-left: 20px;
}
.yanglaotitle {
color: #333333!important;
font-size: 22px !important;
font-weight: 600!important;
text-indent: 0!important;
}
.rmtj_content .wrap .yyy h4 {
width: 100%;
display: flex;
/* line-height: 1px; */
/* box-sizing: border-box; */
font-size: 27px;
justify-content: flex-start;
}
.rmtj_content .wrap .app_yyy {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.app_yyy h5{
color: #333333;
}
.rmtj_content .wrap .app_yyy h5 {
display: flex;
align-items: center;
}
/* 养老院子详情 */
.yycg {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 20px 0;
padding: 25px 25px 20px 25px;
background: #ffffff;
box-sizing: border-box;
}
.yycg_left {
width: 57%;
height: 460px;
display: flex;
overflow: hidden;
justify-content: flex-start;
}
.yycg_left img {
width: 675px;
height: 460px;
object-fit: cover;
}
.yycg_left li img {
width: 100px;
height: 80px;
margin-bottom: 10px;
}
.yycg_left li {
display: flex;
flex-direction: column;
justify-content: flex-start;
max-height: 450px;
overflow: auto;
}
.yycg_left li::-webkit-scrollbar{ display:none}
.yycg_right {
padding: 10px 10px 10px 10px;
height: 100%;
width: 41%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.bili {
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 5px 0 10px 0;
line-height: 25px;
}
.bili li {
display: flex;
flex-direction: column;
align-items: center;
}
.yycg_right h4 {
background-color: #f5f5f5;
width: 100%;
/* height: 159px; */
padding: 15px 24px;
display: flex;
margin: 0;
flex-direction: column;
box-sizing: border-box;
align-items: flex-start;
justify-content: space-evenly;
}
.yycg_right li button:first-child {
background-color: #1ac1b0;
border-radius: 5px;
padding: 10px 45px;
color: white;
}
.yycg_right li {
margin: 0;
display: flex;
margin: 10px 0 0 0;
justify-content: space-evenly;
flex-wrap: wrap;
}
.yycg_right li button:last-child {
background-color: #4aa186;
border-radius: 5px;
color: white;
padding: 10px 21px;
}
.lianxiwomen h3{
margin: 10px 0 10px 0;
}
.yanglaoyuan_content p {
font-size: 16px;
line-height: 26px;
color: #333333;
text-indent: 2rem;
}
.yycg_right h4 span{
font-size: 16px!important;
line-height: 32px;
color: #1ac1b0;
font-size: 16px!important;
}
.yanglaoyuan_content h3 a{
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
cursor: text;
color: #1ac1b0;
}
.yanglaoyuan_content h3 a:focus {
outline: none;
}
.tuijian001 a ul li {
position: relative;
/* padding: 5px 0; */
padding: 0;
margin: 5px 0;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
.tuijian001 a ul li h3{
font-size: 17px;
}
.tuijian001 a ul li p{
font-size: 16px;
}
.tuijian001 a ul li p span{
font-size: 20px;
}
.yycg_right h4 p{
font-size: 20px!important;
line-height: 47px;
color: #1ac1b0;
display: flex;
align-items: center;
}
.yycg_right h4 p img {
margin-right: 5px;
width: auto;
height: 20px;
}
.yanglaoyuan_content h2{
font-size: 17px;
line-height: 38px;
}
.yanglaoyuan_content img {
/* width: 66px; */
/* height: -webkit-fill-available; */
/* border-radius: 10px; */
/* width: 85%; */
/*width: 90%;*/
object-fit: cover;
/* height: 400px; */
height: 100%;
border-radius: 10px;
}
.fansi .section p img{
width: 90%!important;
}
.tuijianab ul{
margin-right: 10px;
}
/*.fansi p img{*/
/* width: 85%!important;*/
/*}*/
.pagination{
display: flex;
width: 100%;
height: 130px;
justify-content: center!important;
align-items: center;
}
.pagination li {
/* width: 28px!important; */
/* height: 28px!important; */
border: 1px solid #e1e1e1;
text-align: center;
padding: 17px 14px 17px 14px;
margin: 5px;
line-height: 0;
background: #fff;
border-radius: 10px;
}
.pagination li span{
color: #ffffff!important;
}
.pagination li:first-child span,
.pagination li:last-child span {
color: #c1c1c1;
}
.disabled span{
color: #c1c1c1!important;
}
/*#container {*/
/* width: 100%;*/
/* height: 450px;*/
/* border: 1px solid #E1E1E1;*/
/* border-top: 0;*/
/* margin-bottom: 20px;*/
/*}*/
.dianping h3 span {
color: #1ac1b0;
}
.dianping {
width: 100%;
margin: 27px 0 24px 0;
}
.dianping div {
display: flex;
border: 1px dotted #C0C0C0;
border-left: 0;
border-right: 0;
border-top: 0;
}
.dianping div li {
padding: 20px 20px 30px 20px;
display: flex;
color: #1ac1b0;
font-weight: bold;
flex-direction: column;
align-items: center;
}
.dianping div ul li {
display: flex;
padding: 10px 0;
flex-direction: row;
}
.dianping div ul li span {
color: #999999;
font-size: 16px;
}
.dianping div ul li a {
color: #999999;
font-size: 12px;
margin-right: 50px;
}
.dianping div ul li p {
color: #999999;
font-size: 16px;
line-height: 30px;
font-weight: 500;
}
.dianping img{
width: 66px;
height: -webkit-fill-available;
/* border-radius: 10px; */
/* width: 85%; */
object-fit: cover;
/* height: 400px; */
border-radius: 10px;
}
.tuijian ul li p span {
color: #1ac1b0;
font-size: 17px;
font-weight: bold;
}
.tuijian ul li p {
text-indent: 0;
}
.tuijian {
display: flex;
justify-content: space-between;
align-items: center;
}
.tuijian ul {
width: 24%;
/* margin: 0 7px; */
box-sizing: border-box;
}
.tuijian ul li {
position: relative;
padding: 5px 0;
display: flex;
justify-content: space-between;
}
.tuijian ul li div {
width: 100%;
box-sizing: border-box;
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.5);
color: white;
position: absolute;
text-align: center;
bottom: 5px;
left: 0;
}
.tuijian ul li img {
width: 285px;
height: 200px;
}
/* 旅居养老 */
.tuijianab img{
border-radius: 0;
}
.rmtj_nav {
width: 1000px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px dashed #1ac1b0;
}
.rmtj_nav h4 {
color: #ffa760;
align-items: center;
font-size: 25px;
font-weight: 500;
}
.tuijian ul li p span {
color: #1ac1b0;
font-size: 17px;
font-weight: bold;
}
.tuijian ul li p {
text-indent: 0;
color: #999999;
}
.swiper img {
width: 100%;
max-height: 360px;
object-fit: cover;
}
.tuijian {
display: flex;
align-items: center;
justify-content: flex-start;
}
.tuijian a ul {
width: 95%;
}
.tuijian a ul li {
position: relative;
/*padding: 5px 0;*/
padding: 0;
margin: 5px 0;
display: flex;
justify-content: space-between;
}
.tuijian a ul li div {
width: 100%;
box-sizing: border-box;
padding: 10px 0;
background-color: rgba(0, 0, 0, 0.5);
color: white;
position: absolute;
text-align: center;
bottom: 5px;
left: 0;
}
.tuijiana ul li img {
width: 100%;
height: 250px;
}
/* 养老指南 */
.c:after{
background: url(../image/xuxianbai.png) no-repeat!important;
}
.pc_yanglaozixun {
text-align: center;
}
.zsyqb {
display: none;
width: 80%;
margin: 7px auto;
background-color: #d5fffb;
border-radius: 8px;
height: 45px;
line-height: 45px;
color: #1ac1b0;
font-size: 15px;
text-align: center;
font-weight: 600;
}
.pc_yanglaozixun .a {
text-align: center;
color: #1ac1b0;
font-size: 22px;
border-bottom: 1px dashed #1ac1b0;
padding: 15px;
width: 50%;
position: relative;
font-weight: 600;
margin: 0 auto;
margin-bottom: 20px;
}
.a{
position: relative;
}
.a:after {
content: "";
background: url(../image/hengxian.png) no-repeat;
background-size: 50px 3px;
width: 50px;
height: 3px;
position: absolute;
left: 45%;
top: 97.5%;
}
.b:after {
background: url(../image/xuxianbai.png) no-repeat!important;
}
.box-sing {
width: 100%;
padding: 10px 0;
position: relative;
box-sizing: border-box;
background-size: cover;
background-image: url(../image/beijing.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.pc_yanglaozixun {
width: 1200px;
margin: 0 auto;
text-align: left;
}
.choice——yly {
padding: 10px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
height: 250px;
/* display: block; */
}
.hezi{
width: 100%;
/*background: pink;*/
}
.b{
color: #ffffff!important;
border-bottom: 1px dashed #ffffff!important;
}
.choice——yly:last-child{
height: 300px!important;
margin-bottom: 30px;
}
.choice——yly li {
padding: 0px 8px 0px 26px;
background-color: white;
height: -webkit-fill-available;
display: flex;
height: 250px;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.choice——yly li h4 {
padding: 5px 0 4px 0;
color: #333333;
line-height: 34px;
}
.choice——yly li ol li {
padding: 5px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
text-overflow: ellipsis;
color: #666666;
}
.choice——yly li ol span {
font-size: 16px;
color: #666666;
display: block;
/*margin: 0 0 7px 0;*/
}
.choice——yly img {
/* width: 396px; */
/* padding: 0; */
height: 250px;
}
.chose-img {
width: 300px;
height: inherit;
}
.bili li:last-child{
display: none;
}
.wapbeds{
display: none;
}
/* 养老资讯 */
.tab-item {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
}
.condition{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 150px;
line-height: 29px;
}
.condition-img {
width: 539px;
/* object-fit: cover; */
height: 529px;
box-shadow: -8px 0px 7.5px -7px #bbbbbb;
overflow: hidden;
}
.condition-img img{
/* width: 100%; */
object-fit: cover;
}
.condition-content {
/* width: 66%; */
/* height: 485px; */
background-color: #f1f1f1;
display: flex;
flex-direction: column;
padding: 30px 5px 30px 16px;
justify-content: space-between;
box-shadow: 1px -13px 22.5px -12px #999999;
align-items: flex-start;
box-sizing: border-box;
}
.condition-content h4 {
color: #333333;
font-size: 20px;
box-sizing: border-box;
margin: 10px 0 0px 0;
}
.haungse{
width: 100%;
height: 100%;
background: pink;
}
.condition-content ol{
text-align: left;
}
.condition-content ol li{
color: #999999;
}
.tab-item li {
width: 48%;
display: flex;
margin-bottom: 45px;
justify-content: space-between;
align-items: flex-start;
}
.tab-item li h4 {
display: flex;
/* width: 300px; */
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
padding: 0;
font-weight: 400;
margin: 1px 20px;
box-sizing: border-box;
box-sizing: box-sizing;
color: #333333;
}
.tab-item li h4 strong {
white-space: nowrap;
width: 380px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
padding: 0;
font-size: 18px;
line-height: 22px;
color: #666666;
font-weight: 500;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tab-item li h4 span:last-child{
color: #666666!important;
}
.tab-item li h4 span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
/* margin: 3px 5px; */
/*font-size: 16px!important;*/
text-align: left;
font-size: 14px!important;
line-height: 22px;
box-sizing: box-sizing;
color: #999999;
/* color: #999999; */
}
.tab-item li:hover h4 strong,
.tab-item li:hover h4 span
{
color: #1ac1b0!important;
}
.tuijian a ul li:first-child {
/*width: 370px;*/
/*height: 250px;*/
overflow: hidden;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.tuijian a ul li:first-child img{
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
/*.tuijian a ul li:first-child:hover img{*/
/* width: 110%;*/
/* height: 110%;*/
/* }*/
.ylzx{
width: 33% !important;
}
.ylzx ul,
.ylzx ol{
margin: 0 auto;
}
.actives-img{
width: 100%;
overflow: hidden;
height: 192px;
}
.span {
min-height: 60px!important;
font-size: 15px;
}
.actives-img img{
transition: all 0.5s;
/*-webkit-transition: all 0.5s;*/
}
.ylzx a:hover img{
width: 110%;
height: 110%;
}
.ylzx a {
width: 100%;
display: flex;
/* overflow: hidden; */
padding: 10px 4px;
/* margin: 0; */
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
/*border: 2px solid #e3e3e3;*/
border-top: 0;
/*height: 100%;*/
/* margin: 10px 5px; */
box-sizing: border-box;
}
.guanyu01:before{
content: url(../image/guanyu001.png);
position: relative;
top: 10px;
left: -3px;
}
.guanyu02:before{
content: url(../image/guanyu002.png);
position: relative;
top: 10px;
left: -3px;
}.guanyu03:before{
content: url(../image/guanyu003.png);
position: relative;
top: 10px;
left: -3px;
}
/*.yyy li p{*/
/* color: ;*/
/*}*/
.guanyu04:before{
content: url(../image/guanyu004.png);
position: relative;
top: 10px;
left: -3px;
}
.guanyu05:before{
content: url(../image/guanyu005.png);
position: relative;
top: 10px;
left: -3px;
}
.ylzx a h4 {
width: 99%;
/*1. 先强制一行内显示文本*/
white-space: nowrap;
/*2. 超出的部分隐藏*/
overflow: hidden;
/*3. 文字用省略号替代超出的部分*/
text-overflow: ellipsis;
}
.tab-item li a img {
width: 160px;
object-fit: cover;
height: 120px;
min-width: 160px;
min-height: 120px;
}
.tab-item li a{
display: flex;
}
.ylzx img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ylzx-title {
display: flex !important;
flex-wrap: wrap;
}
.ylzx-title li span {
margin: 18px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.ylzx:hover h4,
.ylzx:hover span {
color: #1ac1b0;
}
/*.ylzx:hover a{*/
/* border: 2px solid #1ac1b0;*/
/* border-top: 0;*/
/*}*/
/*#box3 {*/
/* margin: 58px 0;*/
/*}*/
/* 养老资讯详情 */
.heiheihei ul li:first-child {
width: 60px;
height: 60px;
background-color: #1ac1b0;
font-size: 22px;
text-align: center;
line-height: 60px;
color: white;
margin: 8px;
}
.xinwena{
width: 100%!important;
}
.rmtj_left ul {
display: flex;
margin-bottom: 20px;
/*align-items: center;*/
justify-content: flex-start;
}
/*.biaodan{*/
/* width: 100%!important;*/
/* padding: 0!important;*/
/*}*/
/*.biaodan input{*/
/* margin: 0!important;*/
/*}*/
/*.biaodan input, select, option, textarea {*/
/*width: 71%!important;*/
.app_yyy h5:first-child {
/* width: 60%!important; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding: 0 5px;
/*margin: 0 0 14px 0;*/
}
.uuu h4 {
margin: 5px 0!important;
}
.rmtj_left ul li h3 {
padding: 5px;
line-height: 35px;
font-weight: 600;
font-size: 20px;
color: #333333;
}
.rmtj_left ul li span {
color: #999999;
font-size: 16px;
}
.app_uuu h5{
font-size: 15px!important;
color: #333333!important
}
.rmtj_left ul li span {
padding: 10px 5px;
}
.router-conent{
width: 1200px;
margin: 0 auto;
}
.bili li{
font-weight: 500!important;
font-size: 18px;
color: #333333;
}
.bili li span{
font-weight: 500!important;
font-size: 14px!important;
}
.two{
background: #1ac1b0 !important;
/*border: 1px solid #1ac1b0 !important;*/
border: 0!important;
color: white !important;
}
.two a{
color: white !important;
}
.neirong h3{
position: relative;
margin-left: 21px!important;
margin-bottom: 5px;
}
.neirong li h3:before {
content: "";
background: url(../images/tuoyuan.png) no-repeat;
background-size: 15px 15px;
width: 15px;
height: 15px;
position: absolute;
left: -21px;
top: 7px;
}
.right{
border: 1px solid #eaeaea;
height: 100%;
}
.rmtj_left p {
font-size: 16px;
color: #333333;
line-height: 27px;
font-weight: 400;
text-align: justify;
letter-spacing: 1px;
transition: color 0.5s;
-webkit-transition: color 0.5s;
text-indent: 2rem;
}
.buttons p {
display: flex!important;
align-items: center;
text-indent: 0!important;
margin-right: 15px;
margin: 0px 15px 5px 0;
line-height: 20px;
}
.buttons p img {
width: auto!important;
height: 19px!important;
margin: 0px 0;
padding-right: 2px;
}
.buttons{
padding: 0 0 0 5px!important;
}
.button1 h5 {
display: flex;
align-items: center;
}
.button1 h5 img {
margin-right: 5px;
height: 20px;
width: auto;
}
.btn01{
color: #e38944!important;
}
.btn02{
color: #43a8db!important;
}
.btn03{
color: #f26868!important;
}
.btn04{
color: #4aa186!important;
}
.btn05{
color: #e38944!important;
}
.btn06{
color: #43a8db!important;
}
.btn07{
color: #f26868!important;
}
.btn08{
color: #4aa186!important;
}
.btn09{
color: #e38944!important;
}
.btn010{
color: #43a8db!important;
}
.btn011{
color: #f26868!important;
}
.btn012{
color: #4aa186!important;
}
.price{
font-size: 22px!important;
color: #1ac1b0!important;
text-indent: 0!important;
}
/*.rmtj_left .wrap:hover p{*/
/* color: #1ac1b0!important;*/
/*}*/
.rmtj_left img {
/*margin: 15px 0 5px 0;*/
width: 100%;
float: left;
}
.pagination li:first-child{
width: auto!important;
font-size: 16px!important;
/*background: #f5f5f5!important; */
height: 28px!important;
padding: 3px 14px;
color: #fff;
text-align: center!important;
margin: 5px!important;
line-height: 28px!important;
border-radius: 8px!important;
}
.shiba{
font-size: 18px;
}
.rmtj_content {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
/* .rmtj_right {
background-color: pink;
} */
/* .rmtj_main {
width: 355px;
} */
#box5 .nav li {
width: 33%;
height: 42px;
background-color: #f1f1f1;
padding: 0;
color: black !important;
line-height: 42px;
text-align: center;
color: white;
}
#box5 .nav .active {
color: white !important;
}
#box5 .nav {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
margin: 0;
}
.rmtj_right_dt {
display: flex;
}
.rmtj_right_dt {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
.display_box div ul li h5 {
display: none;
}
.aaa {
width: 100%;
}
.rmtj_right_dt li {
width: 99% !important;
}
.rmtj_right_dt li img {
height: 150px;
width: 100%;
border-radius: 5px;
object-fit: cover;
margin-bottom: 10px;
}
.rmtj_right_dt p {
color: #333333;
font-size: 17px;
line-height: 20px;
display: block!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto!important;
width: 89%;
}
.rmtj_right_dt li a p{
text-align: center!important;
}
.fengefu{
font-style: normal;
color: #999999;
}
.imgalt {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
font-size: 14px;
font-style: normal;
color: #999999;
margin-bottom: 15px;
}
.rmtj_boyyon {
padding: 10px 11px;
}
.rmtj_boyyon li a{
display: flex;
justify-content: space-between;
align-items: center;
}
.rmtj_boyyon li h4 {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.app_yyy h5 img{
width: 20px!important;
height: 20px!important;
margin-right: 3px;
}
.rmtj_boyyon li img {
width: 80px;
height: 80px;
object-fit: cover;
}
.textarea{
width: 100%!important;
/*height: 107px!important;*/
background-color: #f2f3f4;
margin: 15px 10px;
padding: 10px 0 0 10px;
}
.rmtj_boyyon li h4 {
width: 62%;
padding: 0 5px;
/*line-height: 27px;*/
display: block;
/* display: flex; */
}
.rmtj_boyyon span{
font-size: 12px;
}
.rmtj_boyyon li h4 strong{
width: 99%;
white-space: nowrap;
font-size: 16px;
display: block;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
}
.rmtj_boyyon li {
/* margin-bottom: 5px; */
margin: 0 0 20px 0;
}
.rmtj_boyyon li h4 span:last-child {
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2!important;
overflow: hidden;
font-size: 14px!important;
font-weight: 400;
text-overflow: ellipsis;
line-height: 20px;
color: #999999;
/* padding: 5px; */
}
.rmtj_boyyon li h4 span:first-child {
font-size: 13px!important;
color: #999999!important;
}
.rmtj_boyyon li:hover h4,
.rmtj_boyyon li:hover h4 span {
color: #1ac1b0;
}
.jigouzu{
position: relative;
margin-bottom: 80px;
}
/*.rmtj_right {*/
/* margin: 3px;*/
/* border-left: 1px solid #c5c5c5; */
/*background: #ffffff;*/
/*}*/
/* 机构入驻 */
.jigouruzhu {
width: 100%;
position: relative;
position: absolute;
background-color: #f7f7f7;
top: -101px;
z-index: 10;
}
.jgrz_liulan ul {
padding: 45px 0;
width: 100%;
display: flex;
background-color: white;
/* position: absolute; */
justify-content: space-around;
align-items: center;
/* top: -62px; */
z-index: 1;
box-shadow: 0px 0px 8px #888888;
}
.jgrz_liulan ul li {
display: flex;
flex-direction: column;
align-items: center;
}
.jgrz_guanyu-con{
background: #f7f7f7;
padding: 20px 0 50px 0;
}
.jgrz_liulan ul li p {
font-size: 45px;
position: relative;
font-weight: 300;
color: #333333;
}
.jgrz_liulan ul li span {
color: #999999;
font-size: 14px;
font-weight: 300;
}
.jgrz_liulan {
margin-bottom: -13px;
}
.jgrz_liulan ul li p span {
position: absolute;
right: -18px;
top: 0;
font-size: 16px!important;
color: #999999!important;
}
.jgrz_guanyu {
display: flex;
/*padding-top: 99px;*/
width: 1200px;
margin: 0 auto;
justify-content: space-between;
}
#forminput{
width: 65%!important;
/*height: 50px!important;*/
}
#forminput input{
width: 48%;
border: none!important;
background: #f2f3f4;
border-radius: 5px;
/*color: #ffffff;*/
font-size: 12px;
}
#forminput textarea{
width: 100%!important;
margin: 0!important;
font-size: 12px;
cursor: text;
height: 125px;
}
.submit{
color: #ffffff!important;
}
/*.jgrz_guanyu div {*/
/* padding: 10px 10px;*/
/*}*/
.dpp{
font-size: 14px!important;
color: #999999!important;
}
.jgrz_guanyu div img {
/*padding: 0px 20px 20px 0;*/
}
.jgrz_guanyu div:last-child img {
margin: 20px 0 11px 0;
width: 35px;
height: 8px;
}
.jgrz_guanyu div h5 {
color: #666666;
font-size: 26px;
font-weight: 300;
padding: 0 0 10px 0;
}
.jgrz_guanyu div h5 span{
color: #666666!important;
}
.jgrz_guanyu div p {
color: #696969;
line-height: 40px;
font-size: 15px;
}
.pinpaihezuo div ul li p{
font-size: 15px;
}
.jgrz_guanyu div:last-child {
/* width: 580px; */
padding: 0 0 0 20px;
box-sizing: border-box;
}
.jgrz_guanyu div:first-child {
/* width: 580px; */
height: 286px;
}
.jgrz_guanyu div:first-child img {
width: 100%;
height: 100%;
}
.jgrz_guanyu div img {
/*padding: 10px 0;*/
}
.pc_yanglaozixun {
text-align: center;
}
/*.pc_yanglaozixun .a {*/
/* text-align: center;*/
/*color: #ffffff;*/
/*font-size: 22px;*/
/*border-bottom: 1px dashed #ffffff;*/
/*padding: 10px;*/
/*width: 50%;*/
/*font-weight: 500;*/
/*margin: 10px auto;*/
/*margin-bottom: 10px;*/
/*}*/
.pinpaihezuo {
width: 1000px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin: 0 auto;
}
.pinpaihezuo div ul {
position: relative;
height: 100%;
overflow: hidden;
}
.pinpaihezuo div ul li:hover .pinpaihezuo div ul img {
transform: scale(1.2);
transition: all 1s;
}
.pinpaihezuo div ul{
position: relative;
}
.pinpaihezuo div:first-child ul {
height: 221px;
}
.pinpaihezuo div:first-child{
display: flex;
justify-content: space-between;
}
.pinpaihezuo div ul li{
position: absolute;
top: 0;
width: 100%;
background: rgba(0,0,0,0.3);
height: 100%;
display: flex;
border-radius: 8px;
flex-direction: column;
box-sizing: border-box;
padding: 20px 20px 16px 14px;
justify-content: flex-end;
align-items: flex-start;
}
.pinpaihezuo div ul img{
height: 100%;
width: 100%;
border-radius: 7px;
object-fit: cover;
}
.pinpaihezuo div {
margin: 0 7px;
width: 44.5%;
height: 456px;
display: flex;
flex-direction: column;
justify-content: center;
}
.pinpaihezuo div ul li h3 {
color: white;
}
.pinpaihezuo div ul li p {
color: white;
}
/*.ruzhu img {*/
/* width: 100%;*/
/* padding: 40px 0;*/
/*}*/
.lianximy {
display: flex;
justify-content: space-between;
align-items: center;
width: 1200px;
padding: 10px 15px 39px 15px;
margin: 25px auto;
border-radius: 8px;
box-sizing: border-box;
box-shadow: 0px 3px 10px -3px #dbdbdb;
}
.phone {
box-shadow: 0px 0px 8px #d5d5d5;
height: 426px;
width: 32.3%;
}
.phone ul{
height: 400px;
}
.phone h3 {
padding: 15px 0px;
background-color: #1ac1b0;
color: white;
width: 378px;
text-align: center;
}
.phone ul li {
height: 16.5%;
padding: 17px 10px;
border-bottom: 1px solid #e7e2e2;
display: flex;
box-sizing: border-box;
align-items: center;
font-size: 15px;
color: #000000;
}
.phone ul li:hover {
background-color: beige;
cursor: pointer;
}
.phone ul img {
width:9%;
margin: 0 10px 0 0;
}
.form h4 {
width: 100%;
padding: 0 0 25px 0;
text-align: center;
font-size: 20px;
}
.form {
display: flex;
/* padding: 0 39px; */
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.uuu li span{
color: #666666;
}
.form input, select, option, textarea {
width: 100%;
height: 52px;
padding: 0 0 0 10px;
background-color: #ffffff;
border-radius: 3px;
padding: 0 0 0 9px;
margin: 0 0 0 0;
border: 1px solid #dcdcdc!important;
border: 0;
margin-bottom: 16px;
box-sizing: border-box;
color: #7d7e81;
font-size: 15px;
}
.login_content h1{
font-size: 25px;
color: #333333;
}
.form select, option {
color: #999999!important;
}
.form label {
/* height: 99%; */
/* margin: 13px 0; */
/* width: 50%; */
display: flex;
justify-content: flex-start;
align-items: center;
}
.username, .age, .sex{
width: 33%;
}
.username input, .age input, .sex input{
width: 95%;
}
.open{
width: 64.8%;
}
.open select{
width: 100%;
}
.sch{
width: 33%;
}
.sch input{
width: 100%;
}
.scheel{
width: 46%;
}
.newname {
width: 47%;
margin: 0 6% 0 0;
}
.phonea{
width: 99%;
}
.yanzhengma{
width: 99%;
}
.yanzhengma input:first-child {
width: 48%;
margin-right: 25px;
}
.yanzhengma input:last-child{
width: 30%;
text-align: center;
padding: 0;
background: #1ac1b0;
color: white;
}
.form textarea {
width: 100%;
height: 100px;
cursor: text;
/*background-color: #f2f3f4;*/
/*margin: 10px 10px;*/
padding: 10px 0 0 10px;
}
#btn7{
width: 90%;
height: 50px;
background: #fcf8f5;
border: none!important;
margin: 20px 23px;
/* margin: 0 auto; */
padding: 0;
/*font-size: 1.1rem;*/
color: #1ac1b0!important;
}
.goback{
display: none;
}
.submit {
background-color: #1ac1b0 !important;
color: white;
font-size: 18px;
width: 152px !important;
text-align: center;
/* height: 61px!important; */
margin: 29px auto !important;
text-align: center;
padding: 0px!important;
margin: 30px 0 0 0;
}
.ywzx_content {
width: 1200px;
margin: 0 auto;
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.lushuyu{
font-size: 24px!important;
color: #333333!important;
}
.ywzx_content li {
width: 32.8%;
position: relative;
margin-bottom: 9px;
height: 240px;
overflow: hidden;
}
.ywzx_content li img {
width: 100%;
}
.ywzx_content li:nth-child(4) {
width: 66.35% !important;
height: 360px;
}
.ywzx_content li:nth-child(4) div h5{
width: 50%!important;
}
.ywzx_content li:nth-child(5) {
/*width: 66.5% !important;*/
height: 296px;
}
.ywzx_content li div {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
top: 0;
display: flex;
padding: 20px 17px 9px 17px;
box-sizing: border-box;
height: 100%;
/* width: 80%; */
color: white;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
}
.yewu{
width: 394px;
height: 55px;
position: absolute;
background: #1ac1b0;
bottom: 10px;
right: 0;
text-align: center;
color: #ffffff;
font-size: 16px;
line-height: 55px;
}
.ywzx_content li div h3 {
margin-bottom: 5px;
position: relative;
color: rgb(255, 255, 255);
/*padding-left: 32px;*/
}
.ywzx_content li div h5 {
width: 100%;
line-height: 27px;
font-size: 16px;
color: rgb(255, 255, 255);
}
/* .ywzx_content li div h3::before {
position: absolute;
content: url('../image/c_b.png');
top: -3px;
left: -10px;
} */
.ywzx_content a {
width: 100%;
padding: 10px 0;
position: absolute;
background-color: #007AFF;
display: none;
}
.articlemainzsy{
display: none;
}
.wzts {
width: 1200px;
margin: 0 auto;
display: flex;
height: 701px;
justify-content: space-between;
padding-bottom: 100px;
}
.wzts li {
width: 32%;
height: revert;
/* background: #ffffff; */
background-repeat: no-repeat;
background-size: unset;
padding: 220px 55px 0 55px;
text-align: center;
box-sizing: border-box;
background-position: center;
}
.wzts li h3 {
padding: 10px;
font-size: 22px;
color: #1ac1b0;
}
.wzts li p {
font-size: 16px;
color: #1ac1b0;
line-height: 26px;
text-align: left;
ht: 26px;
/* -webkit-line-clamp: 13; */
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #898d90;
}
.xinxi {
background-repeat: no-repeat;
}
/* 预约参观信息 */
.login {
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
z-index: 99;
}
#close2{
position: absolute;
bottom: 5%;
left: 49%;
width: 36px;
}
.login_content {
display: flex;
flex-direction: column;
background-color: white;
margin: 0px auto;
width: 700px;
height: 700px;
border: 10px;
border-radius: 15px;
padding: 30px 60px;
position: fixed;
top: 5%;
left: 30%;
z-index: 10;
align-items: flex-start;
}
#form {
/* display: flex;
justify-content: space-between;
align-items: flex-start; */
padding: 14px 13px;
/* flex-wrap: wrap; */
}
.label {
display: flex;
}
#time {
width: 90%;
}
#code {
margin-right: 20px;
}
#mobile {
width: 95%;
}
#sub {
width: 100%;
}
#form input {
padding: 15px 20px;
margin-bottom: 27px;
border: 1px solid #b4b4b4;
}
#form select option {
padding: 10px 20px;
margin-bottom: 15px;
border: 1px solid #b4b4b4;
}
#form select {
padding: 10px 20px;
margin-bottom: 15px;
border: 1px solid #b4b4b4;
}
#form textarea {
width: 100%;
padding: 10px 20px;
margin-bottom: 15px;
border: 1px solid #b4b4b4;
}
.login h5 {
padding: 10px;
}
.login_content p{
color: #333333;
font-size: 16px;
margin: 16px 0 39px 0;
}
#submit {
margin: 0 auto !important;
}
#sub {
background-color: #fcf8f5;
color: #1ac1b0;
}
.login img {
margin: 0 auto;
margin-top: 50px;
}
#codemsg {
/* padding: 15px 20px; */
margin-bottom: 27px;
width: 100px;
height: 41px;
color: white;
line-height: 41px;
border-radius: 5px;
background: #1ac1b0;
text-align: center;
border: 1px solid #b4b4b4;
cursor: pointer;
}
.mui-checkbox {
display: flex;
margin-bottom: 27px;
}
.mui-checkbox {
display: flex;
margin-bottom: 27px;
}
#close {
position: absolute;
bottom: 3%;
left: 48%;
width: 32px;
}
.choice——yly li p {
font-weight: 600;
}
.articlezsy{
display: none;
}
.choice——yly ol li {
text-align: left;
}
/* .zezhan {
width: 1920px;
height: 940px;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: -96px;
left: -36%;
z-index: -1;
} */
.lvju_yl {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0;
}
.tz_l {
width: 275px;
height: 103px;
display: flex;
position: relative;
align-items: center;
flex-direction: column;
justify-content: space-evenly;
box-sizing: border-box;
}
.tz_l img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0.8;
left: 0;
}
.tz_l h3,
.tz_l h4 {
/*z-index: 1;*/
margin: 0;
color: white;
padding: 0;
}
.tz_y {
display: flex;
width: 880px;
height: 103px;
}
.aa {
color: #1ac1b0;
}
.bb {
color: #43a8db;
}
.cc {
color: #4aa186;
}
.houniao{
width: 1200px;
margin: 0 auto;
display: block;
text-align: center;
padding: 10px 0;
}
.aa,
.bb,
.cc {
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 10px 50px;
align-items: flex-start;
}
.aa li,
.bb li,
.cc li {
display: flex;
justify-content: center;
align-items: center;
}
/* 为老服务 */
.wlfw-title {
width: 100%;
display: flex;
}
.wlfw {
/* border-radius: 10px; */
width: 23% !important;
}
.wlfw img {
width: 100%;
height: 250px;
border-radius: 10px 10px 0 0;
object-fit: cover;
}
.wlfw p {
font-size: 18px;
color: #161616;
display: flex;
flex-direction: row !important;
font-weight: 400 !important;
text-align: left;
line-height: 30px;
margin: 10px 0;
font-size: 0.9rem !important;
justify-content: space-between;
align-items: center !important;
}
.wlfw h4 {
font-weight: bold !important;
border: 0 !important;
}
.jiankang {
width: 100%;
height: 317px;
margin: 20px 0;
background-image: url(../image/jainkang.png);
background-repeat: no-repeat;
background-size: 100%;
}
.jiankang2 {
width: 100%;
height: 317px;
margin: 20px 0;
background-image: url(../image/yamglao2.png);
background-repeat: no-repeat;
/* background-size: contain; */
background-size: 100%;
}
.choice——yly p{
font-size: 20px;
color: #1ac1b0;
}
.jiankang_banxin {
width: 1200px;
display: flex;
margin: 0 auto;
height: 100%;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.jiankang_banxin h1 {
margin: 15px 0;
color: white;
font-size: 3rem;
font-weight: 500;
}
.jiankang_banxin button {
width: 106px;
height: 35px;
color: white;
border: 1px solid #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
.zshd {
width: 1200px;
margin: 58px auto;
display: flex;
justify-content: center;
}
.shijan {
display: flex;
justify-content: space-between;
align-items: flex-end;
color: #1ac1b0;
font-weight: 500;
font-size: 26px;
margin: 14px 0;
}
.zshd img {
width: 72%;
}
#box1 img {
width: 266px;
height: 150px;
object-fit: cover;
}
.route h1{
color: #333333;
font-size: 33px;
font-weight: 500;
}
/*.yyy li span img{*/
/*width: 12px;*/
/*margin-right: 3px;*/
/*box-sizing: box-sizing;*/
/*height: 15px;*/
/*}*/
.yyy li span img {
width: auto;
height: 19px;
margin-right: 2px;
box-sizing: box-sizing;
/* height: 100%; */
}
.yyy li span{
display: flex;
align-items: center;
text-align: left;
font-size: 14px;
}
.weilao{
width: 100%;
/*border: 1px solid #eaeaea;*/
border-top: 0!important;
padding: 10px;
box-sizing: border-box;
}
.wlfw a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #eaeaea;
border-radius: 10px 10px 0 0;
transition: .5s;
-webkit-transition: .5s;
/* box-shadow: 0px 0px 9.5px 0px #1ac1b0; */
}
.wlfw:hover a{
/*border-bottom: 10px solid #e3e3e3;*/
box-shadow:inset 0px -8px 1.5px 0px #1ac1b0;
border: 1px solid #1ac1b0;
}
.wlfw:hover a .kuang{
border: 1px solid #1ac1b0;
}
.zixunbor{
border: 1px solid #e3e3e3;
padding: 17px 19px 3px 19px;
width: inherit;
max-height: 190px;
box-sizing: border-box;
}
.zixunbor h4{
display: block!important;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-left: 0px!important;
}
.zixunbor-bor{
border-top: 1px solid #ededed;
padding: 10px 0;
font-size: 14px!important;
color: #999999!important;
}
/*.pinpaihezuo div:last-child img {*/
/* height: 623px;*/
/*}*/
#box1 ol {
border-bottom: 1px solid #e7e1e1;
height: 5px;
width: 100%;
position: absolute;
top: 20%;
}
#box1{
position: relative;
}
.gengduo a img{
margin-left: 5px;
}
.ruzhu{
width: 100%;
height: 300px;
background-image: url(../image/26581959.png);
background-repeat: no-repeat;
background-size: cover;
}
.ruzhu-banxin{
width: 1200px;
margin: 0 auto;
height: 100%;
box-sizing: border-box;
/* display: flex; */
padding: 22px 0px;
}
.ruzhu-banxin .pc_yanglaozixun h4{
color: #ffffff!important;
border-bottom: 1px dashed #ffffff!important;
}
.ruzhu-banxin p{
color: #ffffff!important;
font-size: 14px;
/* margin: 0; */
}
.ruzhu{
margin: 20px 0;
}
.ruzhu-banxin ul {
display: flex;
justify-content: space-around;
align-items: center;
margin: 26px 0 10px 0;
}
.ruzhu-banxin ul a li{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #ffffff!important;
}
.ruzhu-banxin ul a li h4{
color: #ffffff!important;
margin: 10px 0;
}
.ruzhu-banxin ul a li img{
/* width: 53px; */
/* height: 47px; */
margin: 0 0 5px 0;
}
.dingzhiyl{
width: 1200px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: flex-start;
}
.dingzhi-right {
width: 343px;
/* border-bottom: 1px solid #cccccc; */
/* border-left: 1px solid #cccccc; */
border: 1px solid #cccccc;
height: 340px;
display: flex;
padding: 45px;
box-sizing: border-box;
background-color: #ffffff;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.dingzhi-right h4 {
width: 63%;
/* display: flex; */
text-align: left;
color: #666666;
font-size: 25px;
font-weight: 500;
margin: 0 auto;
line-height: 38px;
/* flex-direction: column; */
flex-wrap: wrap;
}
.dingzhi-right h4 span{
color: #1ac1b0;
font-size: 40px!important;
}
.dingzhi-right button{
width: 156px;
color: #ffffff;
border-radius: 8px;
height: 50px;
text-align: center;
line-height: 50px;
margin: 0 auto;
font-size: 18px;
border: none;
background-color: #1ac1b0;
}
.warpa{
border: none!important;
}
.dingzhi-left{
width: 847px;
height: 340px;
background-color: #ffffff;
border: none;
box-shadow: 0px 0px 11.5px 0px #cbcbcb;
box-sizing: border-box;
padding: 10px 0;
box-sizing: border-box;
}
.dingzhi-left ul{
display: flex;
position: relative;
justify-content: space-evenly;
align-items: center;
}
.dingzhi-left ul li{
position: relative;
display: flex;
color: #333333;
font-size: 18px;
flex-direction: column;
align-items: center;
font-weight: 600;
justify-content: center;
}
.dingzhi-left ul li img{
margin-bottom: 5px;
}
.dingzhi-left ul li p{
position: absolute;
top: 28px;
color: #ffffff;
/*left: 41px;*/
font-size: 26px;
font-weight: 500;
}
.xuxian{
position: absolute;
top: 42%;
}
.guanyuwomen {
/* border: 1px solid #333333; */
padding: 20px 53px 31px 53px;
box-sizing: border-box;
position: absolute;
box-shadow: 0px 2px 6px #e1e1e1;
bottom: -271px;
width: 100%;
z-index: 10;
background: #ffffff;
}
.logo{
width: 50%;
text-align: left;
padding: 0 0 0 8px;
box-sizing: border-box;
}
.logo h1{
font-size: 30px;
/*color: #1ac1b0;*/
color: #1ac1b0;
}
.logo span{
font-size: 14px;
color: #999999;
}
.kuaishu {
width: 1200px;
margin: 0 auto;
background: #ffffff;
padding: 5px 0;
border: 1px solid #cccccc;
display: flex;
border-top: none!important;
justify-content: space-between;
align-items: center;
}
.kuaishu li {
padding: 10px 50px;
display: flex;
box-sizing: border-box;
align-items: center;
font-size: 21px;
color: #333333;
}
.kuaishu li span{
color: #1ac1b0!important;
font-size: 21px;
}
.kuaishu li img{
margin-right: 6px;
}
.kuaishu li button{
width: 130px;
height: 37px;
border-radius: 10px;
background: #1ac1b0;
border: none;
text-align: center;
line-height: 37px;
color: #ffffff;
}
.app_uuu .xinjia {
display: flex!important;
/* padding: 0 0px!important; */
border-bottom: none;
width: 100%;
overflow: hidden;
padding: 0 0 0 0!important;
margin: 0 auto;
/* box-sizing: border-box; */
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin: 10px 0 10px 0;
align-items: center;
}
.app_uuu h5 img{
margin: 0;
}
.app_uuu .xinjia span {
font-size: 15px!important;
color: #666666!important;
margin: 0px 8px 0px 4px!important;
box-sizing: border-box;
padding: 0;
}
.jigoutuijian .xinjia span img{
width: auto;
}
.fenge {
width: 90%;
margin: 0 auto;
display: flex;
font-size: 18px;
margin-bottom: 41px;
color: #999999;
align-items: center;
justify-content: space-between;
}
.fenge img{
width: 42%;
}
.qiehuan{
width: 100%;
display: flex;
margin:10px 0 50px 0;
justify-content: space-evenly;
align-items: center;
}
.qiehuan1{
width: 280px;
height: 60px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.qiehuan3 {
width: 280px;
height: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.h52 {
width: 100%;
color: #999999;
display: flex;
font-size: 16px;
margin: 15px 0 15px 0;
align-items: flex-start;
}
.qiehuan1 p,.qiehuan3 p{
text-indent: 0!important;
}
.qiehuan1 h5,.qiehuan3 h5{
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
margin: 5px 0 0 0!important;
}
.qiehuan1 h5{
text-align: right;
}
.qiehuan1:hover h5 a,
.qiehuan1:hover h5,
.qiehuan1:hover p,
.qiehuan3:hover h5 a,
.qiehuan3:hover h5,
.qiehuan3:hover p{
color: #1ac1b0;
}
.qiehuan1 h5 a,
.qiehuan1 h5,
.qiehuan1 p,
.qiehuan3 h5 a,
.qiehuan3 h5,
.qiehuan3 p{
transition: color 0.1s!important;
-webkit-transition: color 0.1s!important;
}
.qiehuan2{
width: 170px;
height: 55px;
border: 1px solid #333333;
display: flex;
justify-content: center;
color: #333333;
align-items: center;
}
.qiehuan2:hover{
color: #1ac1b0;
border: 1px solid #1ac1b0;
}
.qiehuan2:hover a{
color: #1ac1b0;
}
.qiehuan2 img{
width: auto;
/* height: 100%; */
margin: 0px 11px 0 0;
}
.yanglaoyuan {
background: #fef5f6;
padding: 0 0 10px 0;
}
.top-div {
display: flex;
justify-content: space-between;
align-items: center;
/* line-height: 62px; */
flex-wrap: wrap;
/* line-height: 12px; */
margin: 0px 0 0px 0;
}
.h52 {
width: 100%;
color: #999999;
display: flex;
font-size: 16px;
margin: 15px 0 15px 0;
align-items: center;
}
.h52 img {
margin-right: 5px;
width: auto;
height: 18px;
}
.dandudiv {
width: 100%;
padding: 0px 10px 20px 0;
box-sizing: border-box;
border-bottom: 1px solid #ededed;
}
.top-div h5{
display: flex;
/* color: #333333; */
font-size: 16px;
color: #cccccc;
justify-content: center;
align-items: center;
}
.top-div h5 p{
font-size: 16px;
color: #1ac1b0;
}
.button1 {
justify-content: flex-start!important;
margin-bottom: 5px;
margin-top: 20px;
}
.button1 h5{
margin-right: 15px;
font-size: 16px;
}
/*.yanglaoyuan_content{*/
/* position: relative;*/
/*}*/
.tab-nursing {
width: 100%;
/* position: relative; */
height: 60px;
z-index: 10;
display: flex;
margin-bottom: 20px;
background: #ffffff;
/* position: absolute; */
/* top: 0; */
border-top: 5px solid #1ac1b0;
align-items: center;
justify-content: flex-start;
}
.tab-nursing ul {
display: flex;
border: 0!important;
}
.tab-nursing ul li{
width: 130px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 18px;
}
.yanglaoyuan_content p span{
font-size: 1.05rem;
line-height: 26px;
color: #333333;
text-indent: 2rem;
}
.neirong li {
width: 100%;
background: #ffffff;
padding: 10px 27px;
margin-bottom: 20px;
box-sizing: border-box;
}
#dituContent{
width: 100%;
height: 500px;
border: 1px solid rgb(204, 204, 204);
overflow: hidden;
position: relative;
z-index: 0;
margin: 13px auto;
box-sizing: border-box;
/* margin: 10px 0; */
background-color: rgb(243, 241, 236);
color: rgb(0, 0, 0);
text-align: left;
}
.neirong{
width: 915px;
height: 100%;
}
.neirong li h3{
margin: 10px 0 10px 0;
}
.neirong2 h3{
/*border-bottom: 1px solid #e1e1e1;*/
padding-bottom: 10px;
}
.lianxiwomen,
.dianping{
width: 1200px;
margin: 0 auth;
background: #ffffff;
padding: 10px 27px;
box-sizing: border-box;
}
.lianxiwomen h3,
.dianping h3{
margin-left: 21px!important;
position: relative;
}
.lianxiwomen h3:before,
.dianping h3:before{
content: "";
background: url(../images/tuoyuan.png) no-repeat;
background-size: 15px 15px;
width: 15px;
height: 15px;
position: absolute;
left: -21px;
top: 7px;
}
.fansi{
width: 100%;
display: flex;
justify-content: space-between;
}
/*.neirong2{*/
/* background: #ffffff; */
/* border: 1px solid #cccccc;*/
/* padding: 15px; */
/* box-sizing: border-box; */
/*}*/
.neirong2{
width: 267px;
}
.jigoutuijian ul{
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #e1e1e1;
justify-content: center;
padding: 0 0 15px 0;
}
.jigoutuijian ul img{
width: 100%;
height: 100%;
}
.jigoutuijian ul div {
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
}
.jigoutuijian ul p{
text-indent: 0;
font-size: 16px;
margin: 6px 0;
color: #333333;
}
.zit{
font-size: 14px;
}
.jigoutuijian ul p span{
font-size: 12px!important;
}
.jigoutuijian div li span {
font-size: 14px!important;
color: #666666!important;
margin: 2px 0!important;
display: flex;
box-sizing: border-box;
padding: 0;
align-items: center;
justify-content: center;
}
.jigoutuijian .xinjia {
display: flex!important;
/* padding: 0 0px!important; */
border-bottom: 0px solid #eeeeee;
width: 95%;
/*padding: 0 0 5px 7px!important;*/
padding: 0 0 5px 16px!important;
margin: 0 auto;
box-sizing: border-box;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.center{
text-align: center;
}
.jigoutuijian{
width: 100%;
display: flex;
padding: 15px;
background: #ffffff;
margin-bottom: 20px;
box-sizing: border-box;
border: 1px solid #e1e1e1;
flex-direction: column;
}
.jigoutuijian button{
margin: 0px auto;
width: 129px;
height: 40px;
background: #1ac1b0;
border: 0;
text-align: center;
border-radius: 5px;
/*line-height: 42px;*/
color: #ffffff;
font-size: 16px;
margin-top: 20px;
}
.jigoutuijian h3 a{
display: flex;
align-items: center;
justify-content: space-between;
}
.jigoutuijian h3 a p img{
width: auto;
}
.jigoutuijian2 h3 a p {
font-size: 16px;
color: #333333;
font-weight: 500;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.jigoutuijian2 ul li img {
width: 90px;
margin-right: 10px;
box-sizing: border-box;
height: 60px;
object-fit: cover;
border-radius: 0;
}
.jigoutuijian2 ul li {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0 0 0;
}
.jigoutuijian2 ul li:hover p{
color: #1ac1b0;
}
.jigoutuijian2 ul li p{
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3!important;
overflow: hidden;
font-size: 14px!important;
font-weight: 500;
/* display: block; */
color: #333333;
text-overflow: ellipsis;
}
.jigoutuijian3 h3 a{
display: flex;
align-items: center;
justify-content: center;
}
.jigoutuijian3 img{
width: 208px;
height: 170px;
margin: 0 auto;
}
.neirong li p img{
width: 85%!important;
}
/*#filter*/
/* {*/
/* width:620px;*/
/* height:auto;*/
/* margin-left:auto;*/
/* margin-right:auto;*/
/* font-size:12px;*/
/* }*/
/* #filter dl*/
/* {*/
/* padding:0;*/
/* margin-top:0;*/
/* margin-bottom:0;*/
/* clear:both;*/
/* padding:4px 0; */
/* }*/
/* #filter dt,dd*/
/* {*/
/* display:block;*/
/* float:left;*/
/* width:auto;*/
/* padding:0;*/
/* margin:3px 0; */
/* }*/
/* #filter dt*/
/* {*/
/* height:14px;*/
/* padding-bottom:4px;*/
/* font-weight:bold;*/
/* color:#333333; */
/* }*/
/* #filter dd*/
/* {*/
/* color:#005AA0;*/
/* margin-right:8px;*/
/* }*/
/* #filter a*/
/* {*/
/* cursor:pointer;*/
/* }*/
/* .seling*/
/* {*/
/* background-color:#005AA0;*/
/* color:#FFFFFF;*/
/* }*/
/* .seled*/
/* {*/
/* background-color:#005AA0;*/
/* color:#FFFFFF;*/
/* }*/
#filter {
border: 0;
}
#filter dl {
width: 100%;
display: flex;
height: 63px;
align-items: center;
border-top: 1px solid #cccccc;
/*border-left: 1px solid #cccccc;*/
border-right: 1px solid #cccccc;
}
.pc_yanglaoa a {
display: flex;
align-items: center;
justify-content: space-between;
margin: 7px 0;
}
.pc_yanglaoa h4 span a {
margin: 0!important;
}
.pc_yanglaoa:last-child a{
border-bottom: 1px dashed #e1e1e1;
}
.pc_yanglaoa:last-child a:last-child{
border-bottom: 0px dashed #e1e1e1;
}
.pc_yanglaoa h4 a img {
width: auto;
height: 13px;
margin: 0 0 0 2px;
}
.weilaoimg {
width: 90px;
height: 60px;
object-fit: cover;
}
ion-icon{
width: auto;
height: 14px;
}
#filter dl dt{
height: 100%;
font-size: 16px;
color: #999999;
width: 107px;
text-align: center;
line-height: 63px;
border-right: 1px solid #cccccc;
}
/*#filter dl dd div a {*/
/* margin: 0 13px;*/
/* font-size: 16px;*/
/* color: #333333;*/
/*}*/
#filter dl a {
margin: 0 13px;
font-size: 16px;
color: #333333;
}
/*#container{*/
/* width: 100%;*/
/* height: 600px;*/
/* overflow: hidden;*/
/*}*/
.container {
/* overflow: hidden; */
width: 82%;
height: 723px;
margin: right;
/* display: flex; */
/* align-items: flex-end; */
}
.ditumap {
/* position: relative; */
display: flex;
justify-content: space-between;
height: 723px;
}
.map_leibiao {
/* position: absolute; */
background: #f5f5f5;
z-index: 10;
height: 100%;
overflow: auto;
overflow: scroll;
}
.leibiao {
width: 100%;
padding: 22px 10px;
box-sizing: border-box;
}
.leibiao li a {
display: flex;
width: 290px;
height: 160px;
padding: 0px 5px;
box-shadow: 0px 0px 9.5px 0px #c3c3c3!important;
background: #ffffff;
margin: 0 0 10px 0;
/* box-sizing: border-box; */
align-items: center;
justify-content: space-between;
}
.leibiao li a img{
width: 137px;
height: 100px;
}
.leibiao .neironga{
width: 50%;
padding: 2px 5px!important;
box-sizing: border-box;
}
.neironga h3{
font-size: 18px;
}
.neironga p{
font-size: 14px;
color: #666666;
}
.neironga p:last-child{
font-size: 16px!important;
}
.leibiao li{
margin: 0 0 10px 0;
}
/*.neironga p:last-child span{*/
/* color: #e29500;*/
/* font-size: 18px;*/
/*}*/
.neironga h4:last-child span {
font-size: 14px;
font-weight: 500;
color: #333333;
margin-right: 5px;
}
.guanyuwomen .pc_yanglaozixun{
width: 100%!important;
}
.qiehuan3 h5 {
margin: 5px 5px 0 0!important;
}
/*button {*/
/* align-items: center;*/
/* background-color: #FFFFFF;*/
/* border: 1px solid rgba(0, 0, 0, 0.1);*/
/* border-radius: .25rem;*/
/* box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;*/
/* box-sizing: border-box;*/
/* color: rgba(0, 0, 0, 0.85);*/
/* cursor: pointer;*/
/* display: inline-flex;*/
/* font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
/* font-size: 16px;*/
/* font-weight: 600;*/
/* justify-content: center;*/
/* line-height: 1.25;*/
/* min-height: 3rem;*/
/* padding: calc(.875rem - 1px) calc(1.5rem - 1px);*/
/* text-decoration: none;*/
/* transition: all 250ms;*/
/* user-select: none;*/
/* -webkit-user-select: none;*/
/* touch-action: manipulation;*/
/* vertical-align: baseline;*/
/* width: auto;*/
/*}*/
button:hover,
button:focus {
border-color: rgba(0, 0, 0, 0.3);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 12px;
/*color: rgba(0, 0, 0, 0.65);*/
}
.but{
display: none;
}
button:hover {
transform: translateY(-1px);
}
button:active {
background-color: #F0F0F1;
border-color: rgba(0, 0, 0, 0.3);
box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
/*color: rgba(0, 0, 0, 0.65);*/
transform: translateY(0);
}
/*nav:before, nav:after {*/
/* height: 3px;*/
/* content: "";*/
/* width: 100%;*/
/* left: 0;*/
/* background-repeat: repeat-x;*/
/* background-image: url("../image/tsx-line-bg.png");*/
/* position: absolute;*/
/*}*/
.button-btn1 {
/* width: fit-content; */
height: 61px;
position: relative;
overflow: hidden;
outline: none;
cursor: pointer;
border-radius: 50px;
background-color: hsl(255deg 50% 40%);
/* border: solid 4px hsl(50deg 100% 50%); */
font-family: inherit;
}
.default-btn,
.hover-btn {
background-color: hsl(255deg 50% 40%);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
gap: 15px;
padding: 15px 20px;
border-radius: 50px;
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
transition: all .3s ease;
}
.hover-btn {
position: absolute;
inset: 0;
background-color: hsl(255deg 50% 49%);
transform: translate(0%, 100%);
}
.default-btn span {
color: hsl(0, 0%, 100%);
}
.hover-btn span {
color: hsl(50deg 100% 50%);
}
.button-btn1:hover .default-btn {
transform: translate(0%, -100%);
}
.button-btn1:hover .hover-btn {
transform: translate(0%, 0%);
}
.spinner {
display: none;
width: 29px;
height: 30px;
display: grid;
position: absolute;
color: #1ac1b0;
top: -15px;
background: radial-gradient(farthest-side, currentColor calc(100% - 4px),#0000 calc(100% - 6px) 0);
-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));
border-radius: 50%;
animation: spinner-sm4bhi 2s infinite linear;
left: -14px;
}
.spinner::before, .spinner::after {
content: "";
grid-area: 1/1;
background: linear-gradient(currentColor 0 0) center,
linear-gradient(currentColor 0 0) center;
background-size: 100% 5px,5px 100%;
background-repeat: no-repeat;
}
.spinner::after {
transform: rotate(45deg);
}
@keyframes spinner-sm4bhi {
100% {
transform: rotate(1turn);
}
}
.zshd {
width: 1200px;
margin: 58px auto;
display: flex;
display: flex;
justify-content: center;
border-radius: 10px;
flex-wrap: wrap;
position: relative;
align-items: center;
}
.tupian {
width: 596px;
height: 383px;
position: relative;
}
.tupian p {
font-size: 16px;
color: #ffffff;
}
.tupian:first-child p {
position: absolute;
bottom: 10px;
left: 45%;
}
.tupian:nth-child(2) p {
position: absolute;
bottom: 10px;
left: 78%;
}
.tupian:nth-child(4) p {
position: absolute;
bottom: 22px;
left: 2%;
}
.tupian img {
width: 100%;
height: 100%;
}
.xuanfu {
position: absolute;
width: 240px;
height: 240px;
display: flex;
background: rgba(242, 135, 49, 0.9);
align-items: center;
justify-content: center;
color: #ffffff;
border-radius: 5px;
flex-direction: column;
}
.xuanfu h5 {
font-size: 30px;
width: 30%;
display: flex;
margin: 0 auto;
margin-bottom: 17px;
color: #ffffff;
flex-wrap: wrap;
letter-spacing: 6px;
}
.xuanfu p{
font-size: 12px;
color: #ffffff;
}
.xuanfu::before {
content: "";
background-image: url(../image/huodongdingwei.png);
top: 6px;
left: 6px;
position: absolute;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: 18px 18px;
}
.xuanfu::after {
content: "";
background-image: url(../image/huodongdingwei.png);
bottom: 6px;
right: 6px;
position: absolute;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: 18px 18px;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.kuaishu i{
font-style: normal;
}
.heimu{
display: none;
}
@keyframes fadeOut {
0% {
opacity: 0.2;
}
20% {
opacity: 0.4;
color: #1ac1b0;
}
40% {
opacity: 0.6;
color: #1ac1b0;
}
60% {
opacity: 0.8;
color: #1ac1b0;
}
80% {
opacity: 0.8;
/*color: #1ac1b0;*/
}
90% {
opacity: 0.4;
/*color: #1ac1b0;*/
}
100% {
opacity: 0.2;
/*color: #1ac1b0;*/
}
}
.fadeout {
animation: fadeOut 2s infinite;
}
.ylpt{
display: none;
}
.app_nav{
display: none;
}
/* 中型大小设备（横屏的平板, 大于 768px） */
@media all and (max-width: 768px) {
body {
--bs-body-font-size: 1rem;
background-repeat: repeat-y;
background-position: 50%;
}
header{
/*display: none;*/
}
main{
background-color: #f1f1f1!important;
}
.router {
padding: 0;
}
.search_yl {
display: none;
}
.footer {
width: 100%;
display: flex;
/* overflow: hidden; */
flex-direction: column;
}
.f_left {
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
}
.f_right {
padding: 0;
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.f_left .bottom h5 {
font-size: 17px;
text-align: center;
}
.f_left .top {
display: flex;
justify-content: space-around;
padding: 0 0 20px 0;
}
.f_left .top a img {
height: 36px;
width: auto;
margin-bottom: 15px;
}
.f_left .bottom h5 {
padding-bottom: 20px;
}
.bottom li {
display: none;
}
.f_right .bottom {
width: 80%;
display: flex;
justify-content: space-around;
align-items: center;
padding: 34px 0 0 0;
}
.f_left .bottom button {
display: none;
}
.f_left .top a {
font-size: 13px;
}
.content main {
flex-direction: column;
}
.swiper {
/* display: none; */
height: 100%;
}
.head {
width: 100%;
align-items: center;
height: 3rem;
background: #fff;
position: relative;
z-index: 99;
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #ebebeb;
}
nav {
display: none;
position: absolute;
/* top: 0; */
z-index: 3;
background-color: #fff;
/* width: 95%; */
padding: 15px 0;
}
nav ul {
width: 95%;
margin: 0 auto;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 10px 10px;
}
nav ul a {
height: 100%;
width: 100%;
display: block;
line-height: 37px;
border: 1px solid #333333;
text-align: center;
box-sizing: border-box;
border-radius: 2px;
color: #0d0d0d;
font-size: 15px;
}
.but{
display: block;
}
.hd_gw ,.sadsffd{
display: none;
}
.content main .wrap {
height: auto;
width: 100%;
display: grid;
grid-template-columns: 2fr 4fr;
grid-template-rows: 1fr;
padding: 10px 10px;
box-sizing: border-box;
margin-bottom: 10px;
}
.logo span {
display: none;
}
hgroup {
position: relative;
display: flex;
/* display: none; */
align-items: center;
justify-content: space-between;
background: #fff;
padding: 9px 5px;
margin: 8px auto;
}
hgroup span {
display: none;
}
hgroup a {
width: 79px;
display: flex;
color: #999999;
font-size: 15px;
align-items: center;
justify-content: center;
}
hgroup a:after {
content: "";
background: url(../image/gengduo.svg) no-repeat;
background-size: 100%;
width: 29px;
height: 28px;
position: absolute;
right: 9px;
top: 10px;
}
.logo {
width: 99%;
display: grid;
grid-template-columns: 1fr 9fr 1fr;
grid-template-rows: 1fr;
align-items: center;
}
.but {
width: 26px;
height: 20px;
display: block;
margin-left: auto;
padding: 10px;
text-align: center;
overflow: hidden;
border-left: 1px solid #afafaf;
}
.wrap img {
width: 100%;
height: 100%;
}
.wrap-img {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.wrap img {
width: 100%;
height: 85%;
}
.zyleyl{
width: 100%!important;
height: 81% !important;
}
.uuu .xinjia span:nth-child(1) {
width: auto;
}
.router-conent {
width: 100%;
}
.tijiao {
display: none;
}
.uuu {
height: 100%;
display: grid;
grid-template-rows: 2fr 1fr 1fr;
}
.yyy h4 {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.tui_content {
width: 100%;
display: grid;
padding: 9px;
box-sizing: border-box;
gap: 10px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.tui_content_banxin {
width: 100%;
height: 100%;
}
.lj_content a {
width: 100%;
}
.route{
width: 100%;
margin: 0 auto;
}
.lj_content {
flex-direction: column;
}
.lj_01 {
width: 95%;
margin: 10px auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
height: 250px;
}
.lj_01 h4 {
width: 100%;
background: rgba(0,0,0,0.5);
padding: 10px;
position: absolute;
bottom: 0%;
color: #fff;
}
.lj_01:hover h4 {
background-color: none;
color: white;
/* transition: all 0.7s; */
}
.nav {
width: 100% !important;
}
.nav li:last-child {
display: none;
}
.display_box {
width: 100%;
}
#box1 .display_box div ul li {
width: 95%;
margin: 0 auto;
box-sizing: border-box;
/* border: 1px solid; */
border-bottom: 1px solid #e6e6e6;
}
#box1 .display_box div ul li {
padding: 16px 0!important;
}
#box1 .display_box div ul li a {
width: 100%;
/* display: flex; */
/* flex-direction: column-reverse; */
display: grid;
grid-template-columns: 2fr 0fr;
grid-template-rows: 1fr 1fr;
grid-auto-flow: dense;
gap: 0px 15px;
}
.display_box div ul {
flex-direction: column;
}
.display_box div ul li span {
display: none;
}
#box1 ol {
display: none;
}
.tui_content_banxin {
padding: 10px 13px;
justify-content: center;
}
span {
font-size: 13px;
}
h3 {
font-size: 18px;
}
.lj_01 img {
height: 100%;
}
.tui_content_banxin h4 {
width: 40px;
height: 40px;
margin-bottom: 13px;
}
.tui_content_banxin h4 img {
width: auto;
height: 21px;
}
.tui_content_banxin {
margin-bottom: 0;
}
.tui_content_banxin span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.uuu .buttons {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.ylpt {
display: block;
width: 100%;
}
.ylpt img {
width: 100%;
border-radius: 3px;
margin: 10px 0;
}
#box1 img {
width: 128px;
height: 90px;
object-fit: cover;
/* grid-column: 1 / 1; */
grid-row: 1 / 4;
grid-column-start: 2;
}
.display_box div ul li h3 {
font-size: 16px;
}
#box1 .display_box div ul li:last-child {
border-bottom: none;
}
.route h1 {
color: #333333;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
}
hgroup h1::before {
content:'';
position: relative;
top: 6px;
left: -9px;
content: "";
background: url(../images/tubiao1.png) no-repeat;
background-size: 26px 26px;
width: 30px;
height: 30px;
/* position: absolute; */
left: 0px;
top: 3px;
}
.koubei01:before {
content:''!important;
position: relative;
top: 6px;
left: -9px;
content: "";
background: url(../image/koubei01.png) no-repeat;
background-size: 26px 26px;
width: 30px;
height: 30px;
/* position: absolute; */
left: 0px;
top: 3px;
}
.heimu {
/* overflow: hidden; */
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.45);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
/* 动画效果 */
@keyframes slideIn {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes slideOut {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.logo h1 {
width: 100%;
text-align: center;
}
.app_nav {
display: block;
width: 100%;
margin: 10px 0;
/* box-sizing: border-box; */
}
.app_nav .app_tabs {
width: 100%;
/* display: flex; */
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 10px 10px;
background-color: #fff;
padding: 20px 0;
}
.app_nav .app_tabs li a {
color: #0d0d0d;
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
}
.app_nav .app_tabs li a img {
width: auto;
height: 50px;
margin-bottom: 5px;
}
.f_home{
width: 100%;
}
.rmtj_right {
display: none;
}
.xinjia span:last-child {
display: none;
}
.rmtj_left .wrap .yyy {
width: 100%;
height: auto;
display: grid;
}
.rmtj_left {
width: 100%;
}
.rmtj_left .wrap {
height: auto;
display: grid;
grid-template-columns: 2fr 4fr;
grid-template-rows: 1fr;
padding: 10px;
box-sizing: border-box;
gap: 10px 10px;
/* display: grid; */
}
/*.rmtj_left .wrap img {*/
/* width: 100%;*/
/* height: 85%;*/
/*}*/
.rmtj_left .wrap .yyy h4 {
font-weight: 500;
font-size: 17px;
margin: 0 0 5px 4px;
}
.app_yyy h5:first-child {
-webkit-line-clamp: 1;
}
.buttons p {
font-size: 12px;
}
.buttons p {
margin: 0px 5px 5px 0;
}
.kuaishu {
width: 100%;
display: grid;
grid-template-columns: 1fr 0fr;
grid-template-rows: 2fr 3fr;
gap: 10px 10px;
padding: 15px 30px 15px 30px;
box-sizing: border-box;
border: 0;
}
.kuaishu li:last-child {
grid-column: 1 / 3;
grid-row: 1 / 3;
grid-column-start: 2;
}
.kuaishu li {
padding:0;
font-size: 15px;
}
.kuaishu li span {
font-size: 15px;
}
.kuaishu li img {
margin-right: 6px;
width: auto;
height: 20px;
}
.f_home h4 {
display: none;
}
.app_uuu .xinjia span {
font-size: 13px!important;
}
.app_uuu h5 {
font-size: 12px!important;
}
main {
background: #f5f5f5;
padding: 0;
}
.rmtj {
margin: 0;
}
.yanglao {
margin: 0 0 8px 0!important;
}
.kuaishu li button {
width: 60px;
height: 60px;
padding: 10px;
line-height: 22px;
}
.houniao {
width: 100%;
}
.box_ljs {
width: 100%;
}
.tz_ya {
width: 100% !important;
}
.rmtj_nav {
display: none;
}
.tz_l {
display: none;
}
.tz_la {
width: 90%;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 10px 40px;
}
.aa, .bb, .cc {
padding: 0;
}
.aa, .bb, .cc {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.tuijian ul li img {
width: 100%;
height: auto;
margin: 0 auto;
border-radius: 10px;
}
.aa li, .bb li, .cc li {
font-size: 10px;
}
.tz_y {
height: 70px;
}
.tuijian001 a ul li h3 {
font-size: 15px;
}
.tuijian a ul {
width: 95%;
margin: 0 auto;
}
.jiankang_banxin {
width: 88%;
}
.zshd {
width: 100%;
margin: 20px auto;
}
/*.display_box div ul {*/
/* display: grid;*/
/* grid-template-columns: 1fr 1fr;*/
/*}*/
.display_box div ul {
/* display: grid; */
display: flex;
/* grid-template-columns: 1fr 1fr; */
flex-direction: row;
flex-wrap: wrap;
}
.rmtj_right_dt li {
width: 50% !important;
}
.wlfw {
width: 100% !important;
}
.display_box div ul li {
padding: 5px 5px;
}
.wlfw a {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 4fr 2fr;
}
.wlfw img {
width: 100%;
height: 150px;
border-radius: 10px 10px 0 0;
object-fit: cover;
}
.wlfw h4 {
font-weight: 500 !important;
border: 0 !important;
font-size: 14px !important;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.weilao {
padding: 10px 5px;
}
.kuang {
width: 50px;
height: 20px!important;
font-size: 10px!important;
}
.weilao p span:first-child {
min-height: 20px;
}
.display_box div ul li span {
line-height: 20px;
}
.jiankang {
background-size: cover;
height: 110px;
}
.jiankang_banxin h1 {
font-size: 21px;
}
.jiankang_banxin button {
width: 69px;
height: 26px;
font-size: 12px;
color: white;
border: 1px solid #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
.jiankang2 {
background-size: cover;
height: 110px;
}
.tupian {
width: 50%;
height: auto;
position: relative;
}
.xuanfu {
width: 100px;
height: 100px;
}
.xuanfu h5 {
font-size: 14px;
width: 30%;
display: flex;
margin: 0 auto;
margin-bottom: 3px;
}
.tupian:first-child p {
position: absolute;
bottom: 11px;
left: 35%;
}
.pc_footer_b {
width: 77%;
position: fixed;
right: 12%;
bottom: 0;
z-index: 1;
/* background-color: #C0C0C0; */
font-size: 16px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 10px 10px;
background-color: rgba(244,244,244,0.8);
border-radius: 50px;
box-shadow: 0px 5px 7.5px 1px #bfbfbf;
}
.pc_footer_b div {
box-shadow: none !important;
}
.pc_footer_b div:nth-child(2),.pc_footer_b div:nth-child(4){
display: none;
}
.pc_footer_b div {
cursor: pointer;
height: 49px;
font-size: 12px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: none;
justify-content: center;
/* padding: 6px 3px; */
background: no-repeat;
border-radius: 10px;
margin: 7px 0;
box-sizing: border-box;
}
.pc_footer_b div img {
width: 21px;
margin-bottom: 5px;
height: auto;
}
.footer_b {
display: none;
}
.f_left .top a:hover {
font-size: 13px;
color: #1ac1b0;
}
.f_right .top img {
display: none;
}
.f_right .top {
width: 90%;
margin: 0 auto;
}
.f_right li {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.f_left .bottom h5 {
color: #1ac1b0;
}
.footer {
padding: 0;
}
.ylzx a {
padding: 0;
}
.joinimg {
display: block;
width: 97%;
margin: 10px auto;
}
.pc_yanglaozixun .a {
border-bottom: none;
}
.a:after {
display: none;
}
.pc_yanglaozixun .a {
text-align: left;
width: 100%;
}
.pc_yanglaozixun .a {
color: #333 !important;
}
.logo h1 {
font-size: 22px;
/* color: #1ac1b0; */
color: #333;
}
.wapzsyss {
display: grid;
width: 95%;
margin: 30px auto;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 10px 10px;
/* justify-content: space-between; */
/* align-items: center; */
}
.wapzsyss .sadsffd {
display: block;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wapzsyss .dropdown-selected {
padding-left: 1rem;
width: 80%;
height: 2.35rem;
background-color: #f1f1f1;
}
.wapzsyss .hd_gw {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.wapzsyss .hd_gw img {
width: auto;
height: 39px;
margin-right: 5px;
}
.activedetail {
background-color: #1ac1b0;
}
.login {
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
z-index: 99;
}
.login_content {
display: flex;
flex-direction: column;
background-color: white;
margin: 0px auto;
width: 88%;
height: 90%;
border: 10px;
border-radius: 15px;
padding: 10px;
position: fixed;
top: 8%;
left: 5%;
z-index: 10;
align-items: flex-start;
box-sizing: border-box;
}
#form {
width: 100%;
padding: 10px;
display: flex;
/* flex-wrap: wrap; */
flex-direction: column;
box-sizing: border-box;
}
#form input {
padding: 10px;
margin-bottom: 19px;
border: 1px solid #b4b4b4;
box-sizing: border-box;
}
.yanglaoyuan_content p {
font-size: 14px !important;
}
.neirong h3:before {
top: 5px;
}
.yanglaoyuan_content h3 a {
color: #333;
}
.pc_yanglaozixun .a {
box-sizing: border-box;
}
.photo .photo-main {
width: 100%;
margin: 0;
text-align: center;
}
.photo {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 10px;
}
.rmtj_left ul {
flex-wrap: wrap;
}
.pagination li a{
font-size: 13px;
}
.pagination li {
padding: 14px;
}
.wapbili{
display: block !important;
}
.wapbili li {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 7px 10px;
border-bottom: 1px solid #e6e6e6;
font-size: 15px;
margin: 0;
}
.rmtj_left ul {
text-align: center;
}
.goback {
display: block;
width: auto;
height: 17px;
/* text-align: center; */
margin: 0 auto;
/* line-height: 17px; */
}
.articlezsy{
display: block !important;
}
.zsiimg0{
display: none;
}
.swiper-slide img {
width: 100%;
height: 250px;
object-fit: cover;
}
.footer-link {
width: 100%;
}
.footer-main {
width: 100%;
display: flex;
justify-content: space-between;
margin: 40px 0 10px 0;
flex-direction: column;
align-items: center;
}
.f-left {
width: 90%;
}
.f-right {
margin: 20px 0 0 0;
}
.footer-link {
width: 96%;
}
.footer-fead {
width: 92%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.footer-fead h1 {
margin-bottom: 0;
}
.footer-fead h1 {
color: #1ac1b0;
font-size: 29px;
}
.footer-fead .hd_gw {
justify-content: flex-end;
}
.footer-fead .hd_gw {
width: auto;
}
.f-right div a {
font-size: 13px;
}
.footer-fead .hd_gw li {
font-size: 16px;
}
.f-left-bottom a {
color: #efefef;
font-size: 12px;
}
.footer-fead .hd_gw li p {
font-size: 14px;
}
.footer-link p {
font-size: 14px;
}
.footer-fead .hd_gw img {
width: auto;
height: 39px;
}
main {
margin-bottom: 30px;
}
.swiper img {
width: 100%;
min-height: 200px;
object-fit: cover;
}
}