* {
    margin:0;
    padding: 0;
}

html {
    font-size: 625% !important;
}

.section {
    max-width: 4rem;
    margin:0 auto;
    padding:0.125rem;
}
img {
    vertical-align: middle;
}
.cardImg {
    position: relative;
}
.cardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cartText {
    padding:0 0.2rem;
    margin-top: 0.2rem;
}
.cartText .title {
    font-size: 0.24rem;
    font-weight: 600;
}
.cartText .sub {
    font-size: 0.14rem;
    margin: 6px 0;
}
.cartText .summary {
    font-size: 0.14rem;
}

.cartLink {
    margin: 0.2rem 0.15rem 0.1rem;
    border-top:2px solid #eee;
    border-bottom:2px solid #eee;
    display: flex;
}
.cartLink2 {
    margin: 0.1rem 0.15rem 0.6rem;
}
.cartLink .item {
    width: 0.5rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cartLink2 .item {
    width: 0.55rem;
}
.cartLink a {
    display: flex;
    text-decoration: none;
    color: #000;
}
.cartLink i {
    font-size: 0.25rem;
    font-weight: 600;
}
.cartLink i.fa-mobile {
    font-size: 0.26rem;
    font-weight: 600;
}
.cartLink .item svg {
    width: 0.2rem;
}
.cartLink .item.good {
    margin-left:auto;
    width: 1.5rem;
    position: relative;
    justify-content: flex-end;
    margin-right:3px;
}
.cartLink .item.good span {
    font-size:0.16rem;
    margin-right:0.1rem;
    font-weight: 600;
}
.bak-cartLink .item.good::after {
    content: '';
    width: 1px;
    height: 60%;
    /*left: -0.1rem;*/
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #eee;
}

.companyText {
    padding: 0.125rem 0.1rem;
}
.companyText .title {
    font-size:0.18rem;
    font-weight: 600;
    padding: 0 0.1rem;
    display: flex;
}
.companyText .title i {
    font-size: 0;
    margin-top:5px;
}
.companyText .title i img {
    width: 18px;
    vertical-align: baseline;
}
.companyText .summary {
    font-size:0.16rem;
    margin-top: 0.1rem;
    padding: 0 0.1rem;
}
.companyText .add {
    display: flex;
    font-size: 0.16rem;
    margin-top: 0.25rem;
    padding: 0 0.15rem 0 0.1rem;
}
.companyText .add i {
    font-size:0.24rem;
    margin-top:0.03rem
}
.companyText .add span {
    margin-left: 0.1rem;
}

.collect {
    background: #010101;
    display: flex;
    justify-content: center;
    padding: 0.05rem 0;
    align-items: center;
}
.collect span {
    font-size:0.18rem;
    /*color: #bdbdbd;*/
    color: #fff;
    margin-right: 0.2rem;
    font-weight: 600;
    letter-spacing: 4px;
}
.collect i {
    font-size:0.20rem;
    color: #bdbdbd;
}
.product {
    margin-top: 0.8rem;
    padding:0 0.1rem
}
.product .indexTitle {
    font-size: 0.18rem;
    text-align: center;
    font-weight: 600;
    position: relative;
}
.product .indexTitle i {
    width: 100%;
    height: 6px;
    left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.product .indexTitle span {
    background: #fff;
    position: relative;
    z-index: 10;
    padding:0 0.2rem;
    color:#000000;
}
.productBox {
    margin-top: 0.3rem;

}
.productBox .item {
    margin-bottom: 0.15rem;
}
.productBox .item .text {
    padding:0.1rem 0.15rem
}
.productBox .imgBox {
    height: 0;
    padding-bottom:48.48%;
    position: relative;
}
.productBox .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.productBox .text .title {
    font-size: 0.16rem;
    font-weight: 600;
}
.productBox .text .summary {
    font-size: 0.14rem;
    margin-top: 0.05rem;
}

.wechat {
    padding: 0 0.1rem;
    margin-top: 0.5rem;
}
.wechat p {
    font-size: 0.14rem;
    margin-top: 0.05rem;
    text-align: center;
}
.wechatImg {
    margin-top:0.1rem;
    text-align: center;
}
.wechatImg img {
    width: 100%;
}


.bottom {
    margin:0.5rem auto 0.3rem;
    font-size:0.12rem;
    text-align: center;
}
.bottom span {
    color: #1972f0;
}


/*第二个模板*/
.cardImg2 {
    text-align: center;
    /*margin-top: -0.7rem;*/
    position: relative;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    margin: -0.7rem auto 0;
}
.cardImg2 img{
    width: 1.375rem;
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    border: 3px solid #eee;
}
.cartText2 {
    text-align: center;
}
.cartText2 .sub ,.cartText2 .summary{
    font-size:0.16rem;
    font-weight: 600;
}

/*第三个模板*/
.card3Img {
    position: absolute;
    width: 1rem;
    bottom: -0.25rem;
    background: #000;
    height: 1rem;
    display: flex;
    right: 0.25rem;
}
.cartText3 {
    margin-top: 0.3rem;
}

/*第四个模板*/
.template4 {
    background: #1b2d37;
    padding-top: 0.175rem;
    padding-bottom: 0.4rem;
}
.template4Img {
    display: flex;
    justify-content: space-between;
    background: #fff;
    margin:0 0.175rem;;
    align-items: flex-end;
}
.template4Img .cardImg {
    width: 1.175rem;
    height: 1.65rem;
    margin: 0.05rem;
}
.template4Img .cartText {
    text-align: right;
    margin-bottom: 0.3rem;
}
.template4Img .cartText .title {
    margin-bottom: 0.2rem;
}
.template4 .cartLink {
    width: calc(100% - 0.35rem);
    margin:0.2rem auto 0.1rem;
    border-color:#374649
}
.template4 .cartLink a,
.template4 .companyText .add i,
.template4 .cartLink .item.good span {
    color:#d7d7d7
}
.template4 .companyText {
    color:#9b9b9b
}
.template4Title .title {
    font-size: 0.18rem;
    font-weight: 600;
    color:#d7d7d7;
    text-align: right;
    padding:0 0.2rem 0.05rem;
    margin:0.35rem 0 0;
    display: flex;
}
.template4Title .title i {
    font-size: 0;
    margin-top: 4px;
    margin-left: 5px;
}
.template4Title .title img {
    width: 18px;
    vertical-align: baseline;
}


.template4 .cartLink2 {
    margin-bottom: 0.4rem;
}
.template4 .collect {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.temPro4 {
    margin-top: 0.3rem;
}

/*第五个模板*/
.cartText5 {
    text-align: right;
}



/*第六个模板*/
.card6Img {
    position: absolute;
    width: 1rem;
    bottom: -0.25rem;
    background: #000;
    height: 1rem;
    display: flex;
    left: 0.25rem;
    border: 3px solid #fff;
}
.cartText6 {
    text-align: right;
    margin-top: 0.3rem;
}

/*第七个模板*/
.template7 {
    background: #a52b1e;
    padding-top: 0.25rem;
}
.template7 .cardImg {
    width: 1.345rem;
    height: 1.345rem;
    margin: 0 auto 0.3rem;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff
}
.template7 .cartText {
    text-align: center;
    color: #fff;
}
.template7 .tem7 a {
    color: #fff;
}
.template7 .tem7 {
    /*border-color:#c46954;*/
    border-color:rgba(255,255,255,0.3);
    margin-top: 0.3rem;
}
.template7 .cartText .sub {
    margin:0.15rem auto;
}


/*2022-10-19新增*/
.template1 .cardImg {
    height: 0;
    padding-bottom: 100%;
}
.template2 .cardImg,.template3 .cardImg,.template6 .cardImg {
    height: 0;
    padding-bottom: 45%;
}
.template3 .cardImg .card3Img img {
    border: 3px solid #fff;
}
.template5 .cardImg {
    height: 0;
    padding-bottom: 57.14%;
}

.template1 .cardImg img,
.template2 .cardImg img,
.template3 .cardImg img,
.template5 .cardImg img,
.template6 .cardImg img{
    position: absolute;
}

/*收录微名片按钮2023-08-24新增*/
a.collect_vcard_btn_t{
    display:inline-block;
    border:2px solid #eee;
    background-color:black;
    font-size:15px;
    color:#fff;
    text-align:center;
    padding:8px 18px;
}
a.collect_vcard_btn_t:visited{
    color:#fff;
}
a.collect_vcard_btn_t:hover{
    color:#fff;
}