@charset "utf-8";

i,em{ font-style: normal;}

/* 通用独立样式 */
.clearfix:after{ content: ""; display: block; width: 100%; height: 0; line-height: 0; overflow: hidden; clear: both;}


.pink{ color: #E85BFF!important; }
.red_2{ color: #F78181!important; }
.red{ color: red; }
.red a{ color: red; }
.blue_2{ color: #6541E9!important; }
.yellow_2{ color: #FEA06F!important; }
.green_2{ color: #009900!important; }
.green{ color: green; }
.green a{ color: green; }
.brown{ color: #BEB18E!important; }
.bt1_e8e8e8{ border-top:1px solid #e8e8e8; }
.back_j{ background:#b8860b;}
.back_m{ background:#008000;}
.back_s{ background:#0073cf;}
.back_h{ background:#e25822;}
.back_t{ background:#a67b5b;}



/*内边距*/

.p_b5{ padding-bottom:5px;}
.p_b10{ padding-bottom:10px;}
.p_b15{ padding-bottom:15px;}
.p_b20{ padding-bottom:20px;}
.p_b25{ padding-bottom:25px;}
.p_b30{ padding-bottom:30px;}
.p_b40{ padding-bottom:40px;}
.p_b50{ padding-bottom:50px;}
.p_l5{ padding-left:5px;}
.p_l10{ padding-left:10px;}
.p_l15{ padding-left:15px;}
.p_l20{ padding-left:20px;}
.p_l25{ padding-left:25px;}
.p_l30{ padding-left:30px;}
.p_l40{ padding-left:40px;}

/*外边距*/
.m_t5{ margin-top:5px;}
.m_t10{ margin-top:10px;}
.m_t15{ margin-top:15px;}
.m_t20{ margin-top:20px;}
.m_t30{ margin-top:30px;}
.m_t35{ margin-top:35px;}
.m_t40{ margin-top:40px;}
.pagination{
    margin-top: 40px;
    text-align: center;
    
}
.pagination ul {
    margin-left: 1px;
    display: inline-block;
}
.pagination ul li.page-prev, .pagination ul li.page-next {
    width: 68px;
}
.pagination ul li {
    float: left;
    width: 38px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.pagination ul li span.current {
    background-color: #b42521;
    color: #fff;
    position: relative;
    left: -1px;
    top: 0px;
    border-radius: 2px;
    border: 1px solid #b42521;
}
.pagination ul li span {
    display: block;
    background-color: #fff;
    font-size: 12px;
    color: #333;
    border: 1px solid #e2e2e2;
    margin-left: -1px;
}

.graycircle {
    border: 1px solid gray;
    color: gray;
    border-radius: 4px;
    margin-right: 5px;
    padding-right: 3px;
    padding-left: 3px;
}
.redcircle {
    border: 1px solid #FF6633;
    color: #FF6600;
    border-radius: 4px;
    margin-right: 5px;
    padding-right: 3px;
    padding-left: 3px;
}
.relatename a{
    color: #333;
}
/* PC端样式 */
@media (min-width: 768px) {
    .c_title {
        padding-left: 20px;
        line-height: 30px;
        font-size: 18px;
        background: url(https://static.mfqm.com/images/img/dt_arrow.png) 5px 10px no-repeat;
        margin: 8px 0;
        border: 1px solid #DADADA;
        background-color: #f6f6f6;
        font-weight: bold;
    }
}

/* 移动端样式 */
@media (max-width: 767px) {
    .c_title {
        padding-left: 15px;
        line-height: 30px;
        border-left: 5px solid #CC0000;
        font-size: 18px;
        background: #F5F5F5;
        margin: 8px 0;
    }
}
.mi,
.sur-detail .top {
    display: flex;
    align-items: center;
    padding: 0.75rem; 
}

.sur-detail .top .mi {
    width: 4.875rem;
    height: 4.875rem;
    line-height: 4.875rem;
    background: url(./mi.png) no-repeat;
    background-size: 100% 100%;
    font-size: 3.1875rem;
    margin: 0.75rem;
    margin-right: 1.125rem;
    flex-shrink: 0;
}

 .sur-detail .top .mix {
            height: 88px;
            background: url(https://static.mfqm.com/images/s_tian.jpg) no-repeat center;
            display: block;
            line-height: 88px;
            font-size: 57px;
            box-sizing: border-box;
            background-size: 175px auto;
            text-align: justify;
            text-align-last: justify;
            word-break: break-all;
        }
        
        /* 电脑端样式 - 屏幕宽度大于768px时应用 */
        @media (min-width: 769px) {
            .sur-detail .top .mix {
                margin-right: 1.125rem;
                width: 175px;
                padding: 0 17px;
            }
        }
        
        /* 移动端样式 - 屏幕宽度小于等于768px时应用 */
        @media (max-width: 768px) {
            .sur-detail .top .mix {
                width: 100%;
                padding: 0 5.75rem;
            }
        }
.sur-detail .top .mi.two {
    font-size: 1.275rem;
}

.sur-detail .sur-prop {
    line-height: 1.725rem;
    font-size: 1.05rem;
}

.sur-detail .sur-prop p,
.sur-detail .jiqiao p {
    color: #999;
    line-height: 1.8;
}

.sur-detail .sur-prop p span {
    color: green;
}
.sur-detail .sur-prop p span a {
    color: green;
}
.sur-detail .sur-prop p img {
    width: 1.125rem; 
    vertical-align: middle;
}

.sur-detail .jiqiao {
    padding: 0 1.125rem 1.125rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.sur-detail .jiqiao a {
    margin-right: 0;
    text-decoration: underline;
}

.sur-detail .jiqiao p span {
    color: #333;
}

.laiyuan {
    padding: 1.125rem;
    font-size: 1.125rem; 
    line-height: 1.8;
}

.laiyuan .name {
    padding: 0.375rem; 
    display: inline-block;
    width: 4.4625rem;  
    white-space: nowrap;
}

@media screen and (max-width: 879px) {
    .sur-detail .top {
        justify-content: space-around;
    }
}

.quming-warp h2 {
  text-align: center;
  font-size: 1.2rem;
}

form.qm-form.show {
  display: block;
}

form.qm-form {
  padding: 1.275rem 0;
  font-size: 1.2rem;
  max-width: 22.5rem;
  margin: 0 auto;
}

form.qm-form>label.mini-label {
  border: 1px solid #e58244;
  padding: 0 0 0 0.75rem;
  border-radius: 0.375rem;
  overflow: hidden;
  justify-content: space-between;
}

form.qm-form>label {
  display: flex;
  padding: 1.05rem 0;
  border-bottom: 1px solid #f5f5f5;
  align-items: center;
}

form.qm-form label input {
  border: none;
  outline: none;
  font-size: 1.2rem;
}

form.qm-form label>input {
  width: 15rem;
  white-space: nowrap;
  font-size: 1.2rem;
}

form.qm-form label input[type=text] {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

form.qm-form label input {
  border: none;
  outline: none;
  font-size: 1.2rem;
}

button.mini-submit {
  width: 7.5rem;
  height: 2.475rem;
  border: none;
  background: linear-gradient(to right, #f1534b, #e58244);
  color: #fff;
  cursor: pointer;
  font-size: 1.05rem;
}


.mcon{padding: 10px;font-size: 14px;background-color: #fff;border: 1px solid #ebebeb;}
.mcon a{text-decoration: underline;}.page{margin-top: 40px;text-align: center;}
.section .s_left .pinying{line-height: 24px;margin-bottom: 5px;font-size: 14px;}
.section .s_left .pinying:first-of-type{margin-top: 10px;}
.section .s_left .pinying .green{color: #008000;}
.section .s_left .pinying a{text-decoration: underline;}

/*位置*/
.location{font-size: 14px;height: 20px;line-height: 20px;color: #000033;margin-top: 20px;}


/*主体*/
.col_3{width: 33.33%;}
.col_4{width: 25%;}
.col_5{width: 20%;}
/* 默认样式 */
.col_6 {
    width: 16.6%;
}

/* 当屏幕宽度小于等于某个阈值时（例如移动设备），应用下面的样式 */
@media (max-width: 768px) {
    .col_6 {
        width: 25%;
    }
}

.col_7{width: 14%;}
.section .s_content{padding-bottom: 30px;border-bottom: 1px solid #ededed;}
.section .s_content:last-of-type{border-bottom:0}
.section .s_explain{}
.section .s_explain p{margin-bottom:10px;font-size: 16px;}
.section .s_explain p:last-of-type{margin-bottom: 30px;}
.section .s_explain p:first-of-type{margin-top: 10px;}
.section .s_explain p img{max-width: 100%;height: auto;}
.section .s_title .num{color:  #b42521;}
.section .s_des{font-size: 14px;color: #333;margin-top: 30px;}
.section .s_left{width: 100%;}
.section .s_left .name_list{padding-top: 30px;}
.section .s_left .name_list li{color: #333;float: left;margin-bottom: 10px;padding-left: 30px;position: relative;box-sizing: border-box;font-size: 1.2rem;}
.section .s_left .name_list li:after{content: '';width: 14px;height: 14px;display: inline-block;border: 2px solid #d2d0d0;border-radius: 50%;position: absolute;top:2px;left: 0;}
.section .s_left .name_list li:before{content: '';width: 4px;height: 4px;display: inline-block;border-radius: 50%;background: #d2d0d0;position: absolute;top: 9px;left: 7px;}
.section .s_left .s_left_wrap{background-color: #fff;padding-left:15px;padding-right:15px;box-sizing: border-box; }
.section .s_left .info{padding: 30px 0;border-bottom: 1px solid #ededed;}
.section .s_left .info .dets{margin-left: 25px;}
.section .s_left .info .dets li{overflow: hidden;padding: 10px 0;font-size: 14px;color: #333;}
.section .s_left .info .dets li .type{background-color: #fcfcfc;border: solid 1px #ebebeb;padding: 2px 8px;}
.section .s_left .info .dets li em{margin:0 25px 0 15px;font-size: 16px;}
.section .s_left .zi_list{margin-left: -27px}
/* 默认样式 */
.section .s_left .zi_list li {
    width: 56px;
    text-align: center;
    float: left;
    margin-top: 20px;
    margin-left: 26px;
}

/* 移动端样式 */
@media only screen and (max-width: 768px) {
    .section .s_left .zi_list li {
        width: 11%;
    }
}

.section .s_left .zi_list li a{display: inline-block;vertical-align: top;}
.section .s_left .zi_list li a em{font-size: 16px;display: block;line-height: 1.1;padding-bottom: 5px;}
.section .s_left .zi_list li a span{width: 53px;height: 53px;line-height: 56px;background: url(./tian.png) no-repeat;background-size: cover;font-size: 30px;display: block;margin: 0 auto;}
.section .s_left .py_list{margin-top: 10px;}
.section .s_left .py_list li a{width: 12%;text-align: center;float: left;margin-bottom:2px;margin-right:2px;height: 30px;line-height: 30px;background: #E5F2FE;border: 1px solid #E5F2FE;color: #1FA3E8;}
.section .s_left .py_list li a:hover{color: #F00;background: #fff;border: 1px solid #3A6699;}
.section .s_right{width: 300px;box-sizing: border-box; }
.section .s_right .item{box-sizing:border-box;border-left: solid 1px #ebebeb;border-top: solid 1px #ebebeb;background-color: #fff;}
.section .s_right .item .item_hd{height: 50px;line-height: 50px;background-color: #fdfdfd;padding: 0 12px;border-bottom: solid 1px #ebebeb;border-right: solid 1px #ebebeb;}
.section .s_right .item .item_hd .tit{font-size: 18px;color: #333;}
.section .s_right .item .item_hd .more{font-size: 14px;color: #999;}
.section .s_right .item .item_hd .more:hover{color: #4b70e8;}
.section .s_right .item .item_bd{}
.section .s_right .item .item_bd .col{box-sizing:border-box;height: 50px;line-height: 50px;text-align: center;float: left;transition: all .36s;font-size: 12px;border-bottom: solid 1px #ebebeb;border-right: solid 1px #ebebeb;}
.section .s_right .item .item_bd .col:hover{background: #dc3238;color: #fff;}
.section .s_right .item .item_bd .jin{color: #ffd409;}
.section .s_right .item .item_bd .jin i{background-position-y: 0px;}
.section .s_right .item .item_bd .mu{color: #bae4a3;}
.section .s_right .item .item_bd .mu i{background-position-y: -26px;}
.section .s_right .item .item_bd .shui{color: #93b7ff;}
.section .s_right .item .item_bd .shui i{background-position-y: -49px;}
.section .s_right .item .item_bd .huo{color:#ffa200;}
.section .s_right .item .item_bd .huo i{background-position-y: -74px;}
.section .s_right .item .item_bd .tu{color: #af8673;}
.section .s_right .item .item_bd .tu i{background-position-y: -98px;}
.section .s_right .item .item_bd .col_5:hover{background: #f8f8f8;color:inherit;}
.section .s_right .item .item_bd .hot_item{padding:10px;border-bottom:1px solid #eee;border-right: solid 1px #ebebeb;overflow: hidden;display: block;}
.section .s_right .item .item_bd .hot_item .img{width: 60px;height: 60px;border-radius:6px;}
.section .s_right .item .item_bd .hot_item .img img{width: 100%;}
.section .s_right .item .item_bd .hot_item .contt{padding:0 10px;width: 198px;}
.section .s_right .item .item_bd .hot_item .contt .name{font-size:14px;color:#666;padding-bottom:5px;}
.section .s_right .item .item_bd .hot_item .contt .star,.section .s_right .item .item_bd .hot_item .contt .star i{height: 16px;background: url(http://qm.qumingdashi.com/pet_name/images/star.png) repeat-x;background-size: 22px 33px;}
.section .s_right .item .item_bd .hot_item .contt .star{width:110px;}
.section .s_right .item .item_bd .hot_item .contt .star i{background-position-y: bottom;display: block;}
.section .s_right .item .item_bd .hot_item .contt .star_04 i{width:88px;}
.section .s_right .item .item_bd .hot_item .contt .star_045 i{width:96px;}
.section .s_right .item .item_bd .hot_item .contt .tx{margin-top:5px;font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section .s_right .item .item_bd .hot_item .go{width:40px;height:20px;line-height:20px;text-align:center;color:#fff;background-color:#d12619;border-radius:6px;padding:0 5px;font-size: 12px;}

.sub3:hover{ color: #fff; }
.sub_blue{ background-position-y: bottom; }
.sub:hover,.sub02:hover,.sub3:hover,.sub4:hover{ opacity: .9; }
.b_more{height: 56px;line-height: 56px;text-align: center;border:1px solid #f5a5ad;font-size: 12px;padding: 0 5px;margin-top: 20px;}
.bihua_lits{margin-top: 20px}
.bihua_lits li{width: 60px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dedede;color:#333;float: left;background: #fff;margin-left: 5px;cursor: pointer;font-size: 14px;transition: all .36s}
.bihua_lits li a{display: block;color: #333;}
.bihua_lits li:hover{background:#e55352;border: 1px solid #e55352;color: #fff;}
.bihua_lits li:hover a{color: #fff;}
.bihua_lits li.on{background:#e55352;border: 1px solid #e55352; }
.bihua_lits li.on a{color: #fff;}

/*图片动画*/
@-webkit-keyframes swing {
    20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
    40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
    60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
    80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
    to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}
@keyframes swing {
    20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
    40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
    60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
    80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
    to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}

/******侧边***/
.wx_fix{position:absolute;top:387px;left:50%;z-index:10;margin-left:-750px; padding:120px 0 42px;}
.wx_fix .wx_list{position: relative;}
.wx_fix .wx_list:after{content: '';width: 1px;height: 30px;background-color: #dedede;position: absolute;top:-44px;right: 12px;}
.wx_fix .wx_list:before{content: '';width: 1px;height: 30px;background-color: #dedede;position: absolute;bottom:-44px;right: 12px;}
.wx_fix .wx_list li{height:22px; line-height:22px; margin-bottom:2px;overflow:hidden;}
.wx_fix .wx_list li a{}
.wx_fix .wx_list li a p{ width:105px; height:22px; float:left; padding-right:18px;font-size:13px;text-align: right;}
.wx_fix .wx_list li a i{display:block;height:13px;line-height:13px;background:#d2d0d0;font-size:12px;text-align:center;color:#fff;cursor:pointer; margin-top:4px; border:1px solid #d2d0d0;-webkit-border-radius: 100%;-moz-border-radius:100%; border-radius:100%; width:13px; float:right; margin-right:5px;position: relative;}
.wx_fix .wx_list li a i:after{display: inline-block;content: '';width: 5px;height: 5px;background-color: #d2d0d0;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 2px;left: 2px;}
.wx_fix .wx_list li a:hover i,.wx_fix .wx_list li a.hover i{background:#de3d3d;cursor:pointer; color:#fff;border:1px solid #de3d3d;}
.wx_fix .wx_list li a:hover i:after,.wx_fix .wx_list li a.hover i:after{background-color: #de3d3d;}
.wx_fix .wx_list li a:hover p,.wx_fix .wx_list li a.hover p{ display:block; color:#de3d3d;font-weight: 700; }


.navbox {border-left: 2px solid #ccc;padding: 3px 5px;margin-bottom: 15px;font-size: 14px;}
.navbox .title {font-weight: 700;}
.navbox a {color: #1FA3E8;padding: 0px 5px;}
.navbox span {color: #5c5c5c;padding: 0px 5px;}


.introduction {background: #EEEEEE;padding: 15px 17px;margin: 10px 0px;font-size: 14px;color: #808080}


.gengduobaohang{ display: inline-block;margin-left: 537px;color: #de2607;font-size: 14px;}
.gengduobaohang:hover{text-decoration: underline;color: #de2607}

/*20220614*/
.more_btn {display: block;width: 100%;height: 40px;line-height: 40px;border: 1px solid #b42521;background-color: #b42521;border-radius: 6px;text-align: center;font-size: 18px;color: #fff;margin-top: 20px;transition: all .36s;}
.leftListWord{
    /*height: 21px;*/
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.5s all;
    width: 1170px;
    display: flex;
    flex-wrap: wrap;
}
.leftListWord a{
    font-size: 15px; color:#a5a5a5; margin-right: 12px;line-height: 25px;
}
.leftListWord a:hover{ color:#fff; }
.r_iconBottom{
    width: 18px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 10px;
}
.r_iconBottom img{
    width: 100%;
    height: 100%;
}
.r_iconBottom img{
    transition: 0.5s all;
}
.r_iconBottom.not img{
    transform: rotate(180deg);
}
.bihua_more a{margin: 5px 50px 5px 0;color: #5c5c5c;width:140px;display: inline-block;}
.bihua_more a:hover{ color:#111; }
.bihua_more .w100{width:100px;}
.bihua_more .w350{width:215px;overflow: hidden;white-space: nowrap;}
.h_a a{font-size: 14px; color: #999;margin-left: 5px;}
.h_a a:first-child{margin-left: 15px;}
.t_a a{font-size: 14px; color: #666;margin-left: 5px;}
.t_a a:last-child{color: #bf4a47}
.bzqm{font-size: 15px;font-weight: 700;text-decoration: underline;color: #11b8ea;}
.hot_business{margin-top: 13px;}
.hot_business a{width: 85px;display: inline-block;padding: 5px 0;}
.hot_business a:nth-child(2n){color: #ffd200;}
.hot_business a:nth-child(3n){color: #bae4a3;}
.hot_business a:nth-child(4n){color: #93b7ff;}
.hot_business a:nth-child(5n){color: #ffa200;}
.hot_business a:nth-child(6n){color: #af8673;}
.hot_business a:nth-child(7n){color: #e4b5b5;}
.hot_business a:nth-child(8n){color: #b6dace;}
.leftListWord { height: 21px}
.leftListWord ul li {float: left}
.form_name_more{margin-bottom: -10px;font-size: 14px;color: #9a9a9a;}
.form_name_more .fbzqm{font-weight: 700;color: #e08686}

.toqiming{display: inline-block; color: #de2607;font-size: 15px;}
.b{font-weight: bold;}
.gengduobaohang{float: right;margin-top: 3px;margin-left: 0;font-size: 15px;}
.co_black{color: #111}
.elist a{color: #387FE2;border-bottom: 1px solid #387FE2;margin-right: 25px}
.elist a:last-child{margin-right: 0px}
 .five_form input{
	-webkit-appearance: auto;
}
.five_form select{
	width: 174px;
	height: 40px;
}
.hzSelect{
	margin-top: 9px;
	margin-left: 18px;
}
.set_submit{
	width: 220px;
	height: 40px;
	color: #ffffff;
	margin-left: 18px;
	border-radius: 5px;
	background: #b42521;
}
.five_form{
	margin-bottom: 20px;
}
.list_word{
	padding: 27px;
	border: 1px solid #e0dedd;
	display: flex;
	border-radius: 10px;
	margin-top: 25px;
}
.list_pin p em{
	color: #322f2f;
}
.list_pin p.cc_p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
