@import url("http://www.petct265.com/skin/default/bootstrap5/font/bootstrap-icons.css");

body {
    background-color: #fafafa;
	font-family: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: underline;
    color: #0d6efd;
}

.topbar {
    background-color: #f9f9f9;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px #ececec solid;
}

.topbar a {
    color: #6e6e6e;
}

.topbar .topbar-tips {
    color: #6e6e6e;
}

.logo-txt {
    width: 360px;
}


.topnav {
    height: 50px;
    line-height: 50px;
}

.topnav ul li {
    padding: 0 8px;
}

.topnav ul li a {
    color: #fff;
}

.topnav ul li a:hover {
    text-decoration: underline;
}


.crumb,
.crumb a {
    color: #6e6e6e;
}


.pages a {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: .5rem .8rem;
}

.pages b {
    border: 1px solid #0d6efd;
    border-radius: 0.25rem;
    padding: .5rem .8rem;
    background-color: #0d6efd;
    color: #fff;
}

.pages a>b {
    color: #0d6efd;
    background: none;
    border: none;
    padding: 0
}



.border-right {
    border-right: 1px solid #6c757d;
}




/* .footer {
    background: url(../img/footerbg_1.jpg);
} */

.nav-list {
    height: 56px;
    line-height: 56px;

}

.nav-list .menu {
    width: 120px;
    text-align: center;
    z-index: 999;
    position: relative;
}

.nav-list .menu a {
    color: #fff;
    display: block;

}

.nav-list .menu:hover {
    background-color: #fff;
}

.nav-list .menu:hover>a {
    color: #000;
    font-weight: bold;
}

.nav-list .menu .subnav {
    background-color: #fff;
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); */
    padding-bottom: 10px;
    z-index: 999;
}

.nav-list .menu .subnav a {
    height: 36px;
    line-height: 36px;
    color: #000;
}

.nav-list .menu .subnav a:hover {
    background: #0d6efd;
    color: #fff;
    font-weight: bold;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rnav a {
    background-color: #f8f9fa;
    color: #333;
}

.rnav a:hover {
    background-color: #198754;
    color: #fff
}

.safe {
    top: 5rem;
    z-index: 100;
    margin-left: -35%;
    padding-left: 70%;
    font-size: 3.5rem;
    letter-spacing: 10px;
    color: #fff;
    text-shadow: 2px 2px 4px #000000;
    transition: all 0.4s;
}

.hezuo img:hover,
.case img:hover {
    transform: scale(1.2);
    transition: .5s;
}

.case .col>div {
    background-color: #f8f9fa;
    cursor: pointer;
}

.case .col>div h5 a {
    color: #333;
}

.case .col>div:hover {
    background-color: #0d6efd;
}

.case .col>div:hover a {
    color: #fff;
}


/* 右侧 */
.fhdb {
	width: 60px;
	height: 180px;
	border: none;
	background: #fff;
	right: 0;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
    position: fixed;
    z-index: 2;
    top: 360px;
}

.fhdb ul li {
	width: 60px;
	height: 60px;
	border-bottom: 1px solid #f4f4f4;
	text-align: center;
	box-sizing: border-box;
	padding-top: 8px;
}

.fhdb ul li a {
	width: 60px;
	height: 60px;
	font-size: 14px;
	color: #666;
}

.fhdb ul li a:hover {
	color: #409bfc;
}

.fhdb ul li .img {
	width: 60px;
	height: 24px;
}

.fhdb ul li .img1 {
	background: url("../img/icon1-1.png") center no-repeat;
}

.fhdb ul li a:hover .img1 {
	background: url("../img/icon1-2.png") center no-repeat;
}

.fhdb ul li .img2 {
	background: url("../img/icon2-1.png") center no-repeat;
}

.fhdb ul li a:hover .img2 {
	background: url("../img/icon2-2.png") center no-repeat;
}

.fhdb ul li .img3 {
	background: url("../img/icon3-1.png") center no-repeat;
}

.fhdb ul li a:hover .img3 {
	background: url("../img/icon3-2.png") center no-repeat;
}

.fhdb ul li .img4 {
	background: url("../img/icon4-1.png") center no-repeat;
}

.fhdb ul li a:hover .img4 {
	background: url("../img/icon4-2.png") center no-repeat;
}

.fhdb ul li .txt {
	line-height: normal;
	padding-top: 1px;
}


.kftel {
	border: none;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
	top: 350px;
    right: 75px;
}

.kftel .arrow-bg {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 5px;
	right: -10px;
	top: 39px;
	z-index: 9
}

.kftel .arrow-border {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #e6e6e6;
	border-width: 5px;
	right: -31px;
	top: 39px
}

.saoma_chat01 {
	width: 144px;
	height: 165px;
	border: none;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
	top: 405px;
    right: 75px;
}

.saoma_chat01 .arrow-bg {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 5px;
	right: -10px;
	top: 39px;
	z-index: 9
}

.saoma_chat01 .arrow-border {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #e6e6e6;
	border-width: 5px;
	right: -11px;
	top: 39px
}

.city .active {
    background-color: #d63384;
    padding: 2px 6px;
}
.city .active a {
    color: #fff;
}


.petctyy:hover, .yy-list:hover {
    top: -4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .2);
    border: #0d6efd 1px solid;
}

.petctyy:hover a, .yy-list:hover a {
    color: #d63384;
    text-decoration: none;
}
.petctyy:hover h6 a {
    color: #d63384;
    font-weight: bold;
} 

.left-petctyy {
    /* background-image: linear-gradient(#0d6efd, #0dcaf0); */
    background-image: linear-gradient(rgba(13, 110, 253,1), rgba(255,0,0,0));
    
}
.left-petctyy .img {
    bottom: 0;
    left: 0;
}
.news-mod:hover {
    top: -4px;
}