/* 顶部 */

.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;

}





/* 中间内容 */

.wrap {

    position: relative;

    margin-top: 107px;

    margin-bottom: 46.5px;

    background-color: #F8F7F5;

    padding: 10px;

}



/* 品牌信息 */

.brand_info {

    height: 111.5px;

    padding: 21px 10px;

    border-radius: 10px;

    background-color: #fff;

}



.brand_info dt a img {

    width: 82px;

    border-radius: 4px;

    border: 1px solid #eaeaea;

}



.brand_info dd {

    width: calc(100% - 92px);

    position: relative;

}



.brand_info dd h2 a {

    display: block;

    font-size: 16px;

    font-weight: 600;

    color: #333;

    margin-bottom: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.brand_info dd p {

    font-size: 14px;

    color: #666;

    line-height: 20px;

}



.brand_info dd span {

    font-size: 18px;

    color: #c1292e;

    position: absolute;

    right: 0;

    bottom: 0;

}



.brand_info dd span em {

    font-size: 12px;

}



.newsList {

    margin-top: 10px;

    border-radius: 10px;

    background-color: #fff;

    padding-bottom: 5px;

}



.newsList ul {

    padding: 0 7.5px;

}



.newsList li {

    height: 110px;

    padding: 12.5px 0;

    border-bottom: 1px solid #e7e7e7;

}

.newsList li:last-of-type {

    border: none;

}



.newsList li dt {

    width: 115px;

    height: 84.5px;

}



.newsList li dt a img {

    width: 115px;

    border-radius: 6px;

    border: 1px solid #eaeaea;

}



.newsList li dd {

    width: calc(100% - 132px);

    height: 84.5px;

    position: relative;

}



.newsList li dd a {

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

}



.newsList li dd p {

    position: absolute;

    bottom: 0;

    color: #999;

    font-size: 13px;

}



.newsList li dd p i {

    font-size: 12px;

}



/* 查看更多 */

.moreBtn {

    width: 162px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    border-radius: 2px;

    border: 1px solid #333;

    font-size: 16px;

    color: #333;

    margin: 25px auto;

}



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;

}



/* 底部固定 */

.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;

}