/*************head***************/

.common-header {
    line-height: 1.428571429;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
}

/*.common-header *, .common-header *:before, .common-header *:after {
    line-height: 1.428571429;
    box-sizing: border-box;
}*/

/*顶部导航*/
#denglu {
    border-right: 1px solid #999;
    padding: 0 15px;
}

.divide {
    margin: 0 10px;
    /*padding: 0 15px;*/
}

.grey-top-ul {
    display: inline-block;
}

.grey-top-ul span {
    color: rgb(102, 102, 102);
}

.grey-top-ul li {
    display: inline-block;
    list-style: none;
    line-height: 10px;
    /*padding: 0 15px;*/
}

.top-grey-nav .fr .grey-top-ul li {
    padding: 0 7px;
}

.grey-top-divider {
    color: rgb(227, 226, 226);
    line-height: 20px;
    font-size: 14px;
}

.grey-top-divider-city {
    /*	color: rgb(227, 226, 226);
        line-height: 35px;
        font-size: 14px;*/
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #d6d6d6;
    position: relative;
    top: 16px;
    margin-left: 10px;
    margin-right: 10px;

}

.grey-top-divider-merchant {
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #d6d6d6;
    position: relative;
    top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.info-search-div {
    height: 100px;
    margin-bottom: 20px;
}

.search-city {
    display: inline-block;
}

.search-div {
    display: inline-block;
    width: 535px;
    height: 75px;
    margin-left: 115px;
}

.merchant-nav {
    display: inline-block;
    float: right;
    top: 45px;
    position: relative;
    /*height: 25px;*/
}

.merchant-nav li {
    display: block;
    float: left;
    width: auto;
    font-size: 18px;
    margin-left: 50px;
    padding-bottom: 8px;
    /*text-align: center;*/
}

.merchant-nav a:hover {
    padding-bottom: 8px;
    color: #dd2727;
    border-bottom: 2px solid #dd2727;
}

.service-copy a:hover {
    border-bottom: none;
}

.merchant-nav li:hover .service_trangle {
    border-width: 0px 4px 4px 4px;
    border-color: transparent transparent #dd2727 transparent;
}

.merchant-nav .service {
    width: 120px;
}

.merchant-nav .service-copy {
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}

.merchant-nav .service-copy:hover {
    border: 1px solid #f8f8f8;
    position: absolute;
    top: -1px;
    right: 1px;
    background: #ffffff;
}

.merchant-nav .service-copy:hover .service_a {
    color: #dd2727;
}


.merchant-nav .search-nav-li-active {
    color: #dd2727;
    padding-bottom: 8px;
    border-bottom: 2px solid #dd2727;
}

.service_trangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    border-width: 4px 4px 0 4px;
    border-color: rgb(102, 102, 102) transparent transparent transparent;
}

.serviceUl {
    margin-top: 10px;
    z-index: 1000;
    padding-top: 10px;
    padding-bottom: 10px;
}


.serviceUl li {
    margin-left: 0;
    padding-top: 6px;
    padding-left: 20px;
    width: 120px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-size: 14px;
    line-height: 32px;
}

.merchant-nav .serviceUl li:hover {
    background: #f8f8f8;
}

.merchant-nav .serviceUl a:hover {
    color: #dd2727;
    border: none;
}

.left100 {
    left: 100px;
}

.search-nav {
    height: 21px;
}

.search-nav .search-nav-li-active {
    color: #dd2727;
}

.search-nav li {
    display: block;
    float: left;
    width: 64px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    margin-right: 3px;
}

.search-content {
    height: 38px;
}

.sp-search-content {
    height: 38px;
}

.zr-search-content {
    height: 38px;
}

.zd-search-content {
    height: 38px;
}

.common-header .nav-head-list {
    height: 40px;
    margin-top: 20px;
}

.nav-head-ul {
    list-style: none;
}

.nav-head-ul li {
    display: block;
    float: left;
    width: 135px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: "Microsoft Yahei", arial, sans-serif;
    color: rgb(51, 51, 51);
}

.nav-head-ul li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.nav-head-ul li a {
    color: rgb(51, 51, 51);
}

.nav-head-ul li:hover {
    background-color: #dd2727;
}

.nav-head-ul li:hover a {
    color: white;
}

.nav-head-li-active {
    background-color: #dd2727;
}

.nav-head-ul .nav-head-li-active a {
    color: white;
}

.nav-head-img {
    position: relative;
    top: -2px;
    right: 40px;
}

.QRCode-info {
    display: inline-block;
    border: 1px solid rgb(232, 232, 232);
    height: 70px;
    width: 177px;

}

.QRCode {
    margin: 9px;
}

.QRCode-info .QRCode-more {
    width: 100px;
    float: left;

}

.QRCode-more p:nth-of-type(1) {
    margin-top: 16px;
}

.QRCode-more p:nth-of-type(2) {
    margin-top: 7px;
}

.vertical-middle {
    vertical-align: middle;
}

.pupuwang-head-logo {
    position: relative;
    top: 5px;
    width: 145px;
    /* height: 65px; */
}

.info-search-div .title-ul {
    position: relative;
    top: 20px;
    display: inline-block;
    height: 65px;
}

.newred {
    color: #dd2727;
}

.newblack {
    color: rgb(51, 51, 51);
}

.newgrey {
    color: rgb(153, 153, 153);
}

.newblue {
    color: rgb(70, 122, 193);
}

.newlightgrey {
    color: rgb(102, 102, 102);
}

.operate-date {
    color: rgb(187, 187, 187);
}

.headergrey {
    background-color: rgb(249, 249, 249);
}

.border-grey {
    border: 1px solid rgb(102, 102, 102);
}

.search-input-info-box {
    width: 430px;
    height: 36px;
    border: 2px solid #333;
    box-sizing: border-box;
    padding: 0 10px;
}

.other-search-input-info-box {
    width: 350px;
    height: 40px;
    border: 1px solid rgb(221, 221, 221);
    padding-left: 10px;
}

.search-click-div {
    width: 100px;
    height: 36px;
    background-color: #333;
    color: white;
    line-height: 36px;
    text-align: center;
}

.search-click-div:hover {
    color: white;
}

.searchjob-click-div {
    width: 88px;
    height: 40px;
    background-color: #dd2727;
    color: white;
    line-height: 40px;
    text-align: center;
}

/*.search-nav li{
	position: relative;
}*/
.sp-search-content:before {
    content: "";
    display: none;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -18px;
    left: 15px;
    border-style: solid;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent #dd2727 transparent;
}

.sp-search-content:after {
    content: "";
    width: 0px;
    height: 0px;
    display: none;
    position: absolute;
    border-style: solid;
    top: -16px;
    left: 15px;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent white transparent;
}

.zr-search-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -18px;
    left: 79px;
    border-style: solid;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent #dd2727 transparent;
}

.zr-search-content:after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid;
    top: -16px;
    left: 79px;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent white transparent;
}

.zd-search-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -18px;
    left: 147px;
    border-style: solid;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent #dd2727 transparent;
}

.zd-search-content:after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid;
    top: -16px;
    left: 147px;
    border-width: 9px 9px 9px 9px;
    border-color: transparent transparent white transparent;
}

.sp-search-content, .prelative, .zr-search-content, .zd-search-content {
    position: relative;
}

.w {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
    display: inline-block;
}

.clearfix {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.h38 {
    height: 38px;
}

.lineh38 {
    line-height: 38px;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.yahei {
    font-family: "\5FAE\8F6F\96C5\9ED1";
}

.songti {
    font-family: "宋体";
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.ml8 {
    margin-left: 8px;
}

.mr10 {
    margin-right: 10px;
}

.newblack {
    color: rgb(51, 51, 51);
}

.newgrey {
    color: rgb(153, 153, 153);
}

.newlightgrey {
    color: rgb(102, 102, 102);
}

.headergrey {
    background-color: rgb(249, 249, 249);
}

.border-grey {
    border: 1px solid rgb(102, 102, 102);
}

.red {
    color: #cc0000 !important;
}

.gray {
    color: #999;
}

.h80 {
    height: 80px;
}

.top12 {
    top: 12px;
}

.top22 {
    top: 22px;
}

.top-12 {
    top: -12px;
}

.prelative {
    position: relative;
}

.pabsolute {
    position: absolute;
}

.top20 {
    top: 20px;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.mt12 {
    margin-top: 12px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.h25 {
    height: 25px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

/*外部页面的head*/

.fabubtn, .logo, .nav .phone, .gray-mobile, .nav .nav1, .nav .nav2 {
    background: url(../../img/webv2/head.png) no-repeat;
}

.logo {
    background-position: 0px -50px;
    height: 60px;
}

.fabubtn {
    background-position: -390px 0px;
    height: 42px;
}

.fabubtn:hover {
    background-position: -212px 0px;
    height: 42px;
}

.nav .phone {
    background-position: -56px 0px;
    height: 41px;
    width: 135px;
    margin-right: 50px;
    margin-top: -1px;
}

/*
.nav .phone:hover {
    background: url(../../img/webv2/phone-hover.png) no-repeat;
}*/

.gray-mobile {
    background-position: -327px -50px;
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
}

.nav .nav1 {
    position: absolute;
    top: -16px;
    left: 50%;
    background-position: 0px -15px;
    height: 15px;
    width: 48px;
}

.nav .nav2 {
    position: absolute;
    top: -16px;
    background-position: 0px 0px;
    left: 50%;
    height: 15px;
    width: 48px;
}

.layout-1190 .nav li {
    position: relative;
}

.layout-1190 .nav li:hover {
    background-color: #dd2727;
    background-image: none;
}

.layout-1190 .nav li:hover a {
    color: #fff;
}

.layout-1190 .nav li:hover a:hover {
    color: #fff;
}

.nav-erweima-sh {
    position: absolute;
    width: 246px;
    background-color: #fff;
    border: 1px solid #dd2727;
    padding: 20px 15px;
}

.nav-erweima-yh {
    position: absolute;
    width: 300px;
    background-color: #fff;
    border: 1px solid #dd2727;
    padding: 20px 15px;

}

.nav-erweima img {
    float: left;
    width: 105px;
    height: 105px;
}

.weixin-descript {
    float: right;
    margin-left: 10px;
    text-align: right;
}

.weixin-descript p {
    text-align: left;
    font-size: 14px;
    line-height: 23px;
}

.weixin-descript .descript-line {
    text-align: left;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.nav-sublist {
    padding: 10px 0px;
    background-color: #c22128;
    display: none;
}

.nav-sublist li {
    float: none;
    background-image: none;
    color: #fff;
    cursor: pointer;
}

.layout-1190 .nav-sublist li:hover {
    background-color: #ad1e24;
}

.dropdown {
    display: none;
}

.nav li a.hover {
    background-color: #dd2727;
}

.search-city b {
    color: #dd2727;
    font-size: 18px;
    font-weight: 600;
}

.search-city a {
    color: #467ac1;
    font-size: 12px;
    margin-left: 3px;
}

/*.search-city b{
	font-size: 12px;
}*/
.nav-head-list .phone {
    /*background: url(../../img/webv2/head.png) no-repeat;*/
    margin-top: -3px;
}

.nav-head-list .phone {
    background-position: -56px 0px;
    height: 41px;
    width: 135px;
    margin-right: 50px;
}

.nav-head-list .phone:hover {
    background: none;
}

.location-map {
    visibility: hidden;
}

.header-business-img, .header-business-img img {
    width: 1190px;;
    height: 80px;
}

/*@ 头部固定店铺信息条 */
.shop-detail-container {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 78px;
    background-color: #fff;

    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.shop-detail-container.show {
    display: block;
}

.shop-detail-container .shop-detail {
    margin: 0 auto;
    padding-left: 20px;
    width: 1190px;
    line-height: 78px;
}

.shop-detail-container .shop-detail span {
    font-weight: normal;
    font-size: 16px;
}

.shop-detail-container .shop-detail .text-label {
    margin-left: 40px;
    color: #333333;
}

.shop-detail-container .shop-detail .text-label.first {
    margin-left: 0;
}

.shop-detail-container .shop-detail .attention {
    font-weight: bold;
    color: #dd2727;
}

.shop-detail-container .shop-detail .mobile {
    margin-right: 1em;
}

/*@@ 头部固定店铺信息条 */