/* 顶部 */

.top {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2;

}



.top .header {

    height: 52px;

    padding: 22.5px 10px 0 10px;

    display: flex;

    justify-content: space-between;

    background-color: #c1292e;

}



.top .header i,

.top .header p {

    font-size: 16px;

    color: #fff;

    display: inline-block;

    height: 30.5px;

    line-height: 30.5px;

}



.top .header p {

    font-size: 19px;

} 



/* 顶部导航tab */

.top_tab {

    height: 55px;

    background-color: #c1292e;

    font-size: 0;

    display: flex;

    justify-content: start;

}



.top_tab a {

    display: inline-block;

    width: 25%;

    text-align: center;

    height: 55px;

    line-height: 55px;

    font-size: 16px;

    color: #fff;

    position: relative;

}



.top_tab a.active::after {

    content: "";

    display: block;

    width: 32px;

    height: 2px;

    background-color: #fff;

    border-radius: 1px;

    position: absolute;

    left: 33%;

    bottom: 12px;

}





/* 轮播 */

.swiper1 { 

    position: relative;

    z-index: 0;

    top: 107px; 

    width: 100%;

    /* height: 155px;  */

    overflow: hidden;

} 



.swiper1 .swiper-slide img {

    width: 100%;  

}



.swiper1 .swiper-pagination-bullets { 

    bottom: 20px !important; 

}

.swiper1 .swiper-pagination-bullet {

    width: 6px;

    height: 6px;

    background-color: #ccc !important;

    opacity: 1 !important;

}



.swiper1 .swiper-pagination-bullet-active {

    width: 20px;

    border-radius: 3px;

    background-color: #fff !important;

    opacity: 1 !important;

}





/* 中间内容 */

.wrap {

    position: relative;

    z-index: 1;

    margin-top: 107px;

    margin-bottom: 46.5px;

    background-color: #F8F7F5;

    padding: 10px;

}



/* 品牌信息 */

.brand_info {

    width: calc(100% - 20px);

    height: 359px;

    position: absolute;

    top: -13.5px;

    padding: 0 7.5px;

    border-radius: 10px;

    background-color: #fff;

}



.brand_info .brand_head {

    height: 107px;

    padding: 21px 0;

}



.brand_info .brand_head dt {

    float: left;

    width: 93.5px;

}



.brand_info .brand_head dt img {

    width: 93.5px;

    border-radius: 4px;

    border: 1px solid #eaeaea;

}



.brand_info .brand_head dd {

    float: right;

    width: calc(100% - 105px);

    padding: 7px 0;

}



.brand_info .brand_head dd h2 {

    font-size: 18px;

    font-weight: 600;

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.brand_info .brand_head dd h5 {

    font-size: 15px;

    color: #666;

    margin-top: 5px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.brand_info .brand_card {

    height: 80.5px;

    border: 1px dotted #e3e2e3;

    display: flex;

    justify-content: space-between;

    padding: 15px 20px;

}



.brand_info .brand_card dl {

    display: inline-block;

}



.brand_info .brand_card dl dt {

    font-size: 14px;

    color: #666;

    text-align: center;

}



.brand_info .brand_card dl dd {

    margin-top: 5px;

    font-size: 20px;

    color: #c1292e;

    text-align: center;

}



.brand_info ul {

    padding: 15px 0;

}



.brand_info ul li {

    line-height: 32px;

    font-size: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.brand_info ul li em {

    font-size: 16px;

    color: #333;

}



.brand_info ul li span {

    font-size: 16px;

    color: #666;

}



/* 品牌详情 */

.brand_detail {

    padding: 0 5px;

    border-radius: 10px;

    background-color: #fff;

    margin-top: 345.5px;

}



.brand_detail nav {

    padding: 0 17px;

    height: 47px;

    line-height: 47px;

    border-bottom: 1px solid #f5f5f5;

    display: flex;

    justify-content: start;

    flex-wrap: nowrap;

}



.brand_detail nav a {

    display: inline-block;

    width: 25%;

    color: #333;

    font-size: 16px;

    position: relative;

}



.brand_detail nav a.active {

    color: #c1292e;

}



.brand_detail nav a.active::before {

    position: absolute;

    bottom: -2px;

    left: calc(50% - 12px);

    display: block;

    width: 24px;

    height: 2px;

    border-radius: 1px;

    content: "";

    background-color: #c1292e;

}



.brand_detail .mip-showmore {

    padding: 15px 0;

}



.h4 {

    position: relative;

    padding-left: 10px;

    font-size: 16px;

    font-weight: 600;

    color: #c1292e;

    height: 30px;

    line-height: 30px;

}



.h4::before {

    position: absolute;

    content: "";

    display: block;

    width: 3px;

    height: 15px;

    left: 0px;

    top: 7px;

    background-color: #c1292e;

}



.brand_detail .mip-showmore .box p {

    padding: 5px 0;

    text-indent: 28px;

    font-size: 16px;

    color: #333;

    line-height: 26px; 

}



.brand_detail .mip-showmore .box p.title {

    font-weight: 600;

}



.brand_detail .mip-showmore .box img {

    display: block;

    width: 100%;

    margin: 5px 0;

    border-radius: 6px;

    height: 200px;

}



section {

    margin-top: 10px;

    border-radius: 10px;

    background-color: #fff;

    padding: 0 7.5px;

}



.h3 {

    height: 55px;

    line-height: 55px;

    font-size: 16px;

    position: relative;

    padding-left: 20px;

}



.h3 i {

    position: absolute;

    display: block;

}



.h3 span {

    font-size: 17px;

    color: #333;

    font-weight: 600;

    margin-left: 5px;

}



.h3 a {

    color: #999;

    font-size: 13px;

}



/* 猜你喜欢 */

.guess_like h3 i {

    width: 20px;

    height: 17px;

    background: url("../images/icon_like.png") no-repeat;

    position: absolute;

    left: 0;

    top: 19px;

}



.guess_like ul {

    padding-bottom: 1px;

}



.guess_like li {

    height: 87px;

    margin-bottom: 15px;

    position: relative;

}



.guess_like li dt {

    width: 115px;

    height: 87px;

}



.guess_like li dt a img {

    width: 115px;

    border-radius: 6px;

    border: 1px solid #eaeaea;

}



.guess_like li dd {

    width: calc(100% - 132px);

}



.guess_like li dd a {

    display: block;

    font-size: 17px;

    color: #333;

    line-height: 25px;

    height: 25px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.guess_like li dd p {

    line-height: 19px;

    font-size: 14px;

    color: #666;

    margin-top: 10px;

}



.guess_like li dd p i {

    margin: 0 5px;

}



.guess_like li dd span {

    position: absolute;

    bottom: 0;

    color: #c1292e;

    font-size: 18px;

}



/* 加盟动态 */

.join_dynamic h3 i {

    width: 17px;

    height: 17px;

    background: url("../images/icon_center.png") no-repeat;

    position: absolute;

    left: 0;

    top: 19px;

}



.join_dynamic ul {

    padding-bottom: 1px;

}



.join_dynamic li {

    height: 84.5px;

    margin-bottom: 17.5px;

    position: relative;

}



.join_dynamic li dt {

    width: 115px;

    height: 84.5px;

}



.join_dynamic li dt a img {

    width: 115px;

    border-radius: 6px;

    border: 1px solid #eaeaea;

}



.join_dynamic li dd {

    width: calc(100% - 132px);

}



.join_dynamic li dd a {

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

}



.join_dynamic li dd p {

    position: absolute;

    bottom: 0;

    color: #999;

    font-size: 15px;

}



.join_dynamic li dd p i {

    font-size: 12px;

}



/* 底部固定 */

.footer {

    height: 46.5px;

    line-height: 46.5px;

    font-size: 0;

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 2;

}



.footer a {

    display: inline-block;

    width: 50%;

    text-align: center;

    background-color: #c1292e;

    color: #fff; 

}



.footer a span {

    font-size: 17px;

}



.footer a:last-of-type {

    background-color: #ff9c00;

}



/* 弹窗 */

.mip-hidden { 

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    background-color: #000; 

    opacity: 0.5;

}

.lightbox {

    display: none;

    width: calc(100% - 20px);

    margin: 0 10px;

    height: 255px; 

    background: url("../images/light_bg.png") no-repeat;

    position: fixed;

    z-index: 4;

    top: calc(50% - 125.5px); 

    background-size: 100% 100%;

}

.lightbox_cont {

    padding: 30px 15px;

}



.lightbox_cont h1 {

    font-size: 21px;

    font-weight: 600;

    color: #c1292e;

    text-align: center;

}



.lightbox_cont h1 i {

    margin-right: 5px;

    font-size: 22px;

}



.lightbox_cont h5 {

    font-size: 15px;

    color: #333;

    text-align: center;

    margin: 10px 0 25px 0;

}



.lightbox_cont .phone_in {

    height: 42.5px;

    line-height: 42.5px;

    border-radius: 2px;

    background-color: #fff;

    font-size: 0;

    color: #666;

}



.lightbox_cont .phone_in label {

    display: inline-block;

    width: 55px;

    text-align: center;

    font-size: 16px;

}



.lightbox_cont .phone_in em {

    display: inline-block;

    margin: 0 20px 0 5px;

    font-size: 16px;

}

.lightbox_cont .phone_in form {

    display: inline-block;

    width: calc(100% - 85px);

}



.lightbox_cont .phone_in input {

    display: inline-block;

    height: 42px;

    width: 100%;

    outline: none;

    border: none;

    font-size: 16px;

    cursor: pointer;

}



.lightbox_cont p {

    width: 254px;

    height: 44px;

    line-height: 44px;

    border-radius: 2px;

    margin: 20px auto;

    text-align: center;

    font-size: 18px;

    color: #fff;

    background-color: #c1292e;

    cursor: pointer;

}



.lightbox_cont .lightbox-close {

    position: absolute;

    right: 10px;

    top: 10px;

    color: #333;

    font-size: 20px;

    cursor: pointer;

}