* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
}

img {
    vertical-align: top;
}

.df {
    display: flex;
}

.fdc {
    flex-direction: column;
}

.jcc {
    justify-content: center;
}

.jcsb {
    justify-content: space-between;
}

.aic {
    align-items: center;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.fs16 {
    font-size: 16px;
}

.mt80 {
    margin-top: 60px;
}

.public-warp {
    /* max-width: 1122px; */
    margin: 0 auto;
}

.contain {
    /* min-width: 800px; */
    /* padding-top: 91px; */
    background: #fff;
      /* max-width: 1122px; */
      min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
}

.contain h1,
.contain h2,
.contain h3,
.contain h4,
.contain h5,
.contain strong,
.contain b {
    font-weight: bold;
}

.franchise-tit {
    font-size: 36px;
    text-align: center;

}

.franchise-tit-desc {
    font-size: 20px;
    color: #B4B4B4;
    line-height: 28px;
}

p {
    font-size: 18px;
    text-align: center;
}

.brand-introduction {
    position: relative;
}

.brand-introduction .banner-img {
    width: 100%;
    /* position: absolute; */
}

.brand-introduction .brand-introduction-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    /* margin: 0 1rem; */
    /* margin: 0 auto; */

}

.brand-introduction .brand-introduction-txt p {
    line-height: 24px;
    margin: 5px 0 0 0;
    padding: 0 30px;
}

.honored-warp {
    margin-top: 30px;
}

.progress {
    text-align: center;

}

.progress img {
    width: 80%;
    margin: 10px auto 50px;
}

.want-warp {
    /* max-width: 710px; */
    margin: 0 20px;
}

/* 核心产品 */
.core-products {
    /* margin-top: 80px; */
}

.core-products .intro-warp {
    /* height: 394px; */
    background: linear-gradient(to bottom, #ffffff, #f7e8cb, #ffffff);
    padding: 0 30px;

}

.core-products .intro-warp img {
    width: 100%;
    margin-top: 50px;

}

.core-products .more-goods {
    margin-top: 50px;
}

.core-products .more-goods img {
    width: 513px;
    width: 55%;
    /* height: 396px; */
}

.core-products .more-goods span {
    /* margin-left: 0px; */
    margin-top: 20px;
}

/* 加盟优势 */
.join-advantage {
    margin-top: 60px;
}


.join-advantage .trans-bg {
    position: relative;
    margin: 20px 0 90px;

}

.join-advantage .trans-bg img {
    width: 100%;
}

.cover {
    width: 100%;
    height: 60%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    position: absolute;
    bottom: 0;
    left: 0;
}

.line-cloumn {
    text-align: center;
    margin: 0px 0 30px;
    display: flex;
    align-items: stretch;
}

.join-adv-list {
    position: relative;
}

.join-adv-line-warp {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: space-evenly;

}

.join-adv-list .vertical-line {
    margin: 30px 0 50px;
}

.join-adv-list .vertical-line-two {}

.join-adv-list-template {
    width: 100%;
    /* min-height: 420px; */
    margin-bottom: 40px;

}

.join-adv-list-template .join-adv-horizal {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.join-adv-list-template .join-adv-horizal>h4,
.join-adv-list-template .join-adv-horizal>span {
    width: 33.3%;
    padding: 0 20px;
    /* margin: 0 10px; */
    box-sizing: border-box;


}

.join-adv-list-template .join-adv-horizal .p-40 {
    padding: 0 6px 0 14px;


}

.join-adv-list-template .join-adv-horizal>h4 {
    font-size: 24px;
    line-height: 32px;
}

.join-adv-list-template .join-adv-horizal>span {

    line-height: 24px;
    margin-top: 20px;
}



.vertical-line {
    width: 2px;
    /* height: 390px; */
    background: #bc9468;
    margin-top: 10px;
    margin: 20px 20px 80px;
}

.join-step-warp {
    width: calc(100% - 40px);
    margin: 0px auto 50px;
}

.join-step-item {
    width: 23%;
    text-align: center;
}

.join-step-item .step-num {
    font-weight: bold;
    font-size: 34px;
    color: #BC9468;
}

.join-step-item .step-tit {
    font-weight: bold;
    font-size: 34px;
    color: #000000;
    margin: 15px 0 20px;
}

.join-step-item .step-desc,
.join-step-item h5 {
    /* font-size: 16px; */
    line-height: 26px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid #bc9468;
    margin-top: 75px;
}

.join-area {
    height: 450px;
    /* background: linear-gradient(to bottom, #ffffff, #f7e8cb, #ffffff); */
}
.join-area >img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-area>div .area-img-border {
    width: 300px;
    height: 300px;
    border: 2px solid #bc9468;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    background: url("../images/franchise-images/earth.png");

    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 20px;

}

.join-area>div img {
    width: 300px;
    /* height: 300px; */
    object-fit: cover;
    position: absolute;
}

.join-area p,
.join-area .franchise-tit {
    text-align: left;

}

.join-process {
    /* margin-top: 80px; */
}

/* 加盟流程 */
.join-process-img {
    width: 80%;
    margin-top: 30px;
}

/* 加盟费用 */
.join-price {
    /* margin-top: 80px; */
}

.bulid-price-tit {
    height: 36px;
    background: linear-gradient(to bottom, #ffffff, #f7e8cb, #ffffff);
    text-align: center;
    margin-top: 40px;
    font-size: 28px;
    line-height: 36px;
}

.cirle-list {}

.cirle-list li {
    font-size: 22px;
    margin: 15px 0 0;

}

.cirle-list li>span {
    width: 48%;
    font-size: 22px;
}

.cirle-list li:nth-child(1) {
    font-weight: bold;
    margin-top: 20px;
}

.cirle-list li>span:nth-child(1) {
    text-align: right;


}

/* .join-price .cirle-list li >span:nth-child(2){
    width: 50px;
    background: green;

} */
.cirle-list li i {
    font-style: normal;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bc9468;
    margin: 0 15px;
}

.cirle-list li em {
    font-style: normal;
    display: block;
    font-size: 14px;
}

.cirle-list li:nth-child(1) i {
    background: transparent;
}

/* 申请条件 */
.appliaction-require {
    margin-top: 100px;
}

.appliaction-require-list {
    /* height: 420px; */
    /* flex: 1; */
    /* 每个子元素均分空间 */
    /* padding: 20px; */
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 80px;

}

.appliaction-require-list .qa-horizal {
    width: 100%;
    display: flex;
    align-items: flex-start;
    /* flex: 1; */
}

.appliaction-require-list .qa-horizal>div,
.appliaction-require-list .qa-horizal>h4 {
    width: 50%;
    padding: 0 25px;
    min-height: auto;
    flex: 1;

}

.appliaction-require-list  h4 {
    margin-bottom: 20px;
    font-size: 26px;
}

.appliaction-require-list .step-desc {
    line-height: 24px;
}

.appliaction-require-list  .step-desc h5 {
    /* font-size: 16px; */
    /* line-height: 0.42rem; */

}

.appliaction-require-line-warp{
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.appliaction-require-line {
    height: 100%;
   /* margin: 0; */
    margin:30px 0 120px ;

}

.appliaction-require .line-cloumn {
    display: flex;
    align-items: stretch;
    /* 子元素的高度将自动伸展 */
    margin: 40px 10px 20px;
    position: relative;
}

.store-require .store-require-list {
    margin-top: 40px;
}

.store-require .store-require-list li>span:nth-child(1) {
    font-weight: bold;
}
.store-require-list li {
    font-size: 22px;
    margin: 15px 0 0;

}

.store-require-list li>span {
    width: 48%;
    font-size: 22px;
}
.store-require-list li>span:nth-child(1) {
    text-align: right;


}
.store-require-list li i {
    font-style: normal;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bc9468;
    margin: 0 15px;
}

.store-require-list li em {
    font-style: normal;
    display: block;
    font-size: 14px;
}

/* 疑问解答 */
.qa {
    margin: 80px 10px 50px;
}

.qa .qa-tit .vertical-line {
    /* height: calc(100% - 60px); */
    height: 100%;
}

.qa .qa-tit .franchise-tit {
    margin: 50px 0 100px;
    /* font-size: 36px;
    min-width: 150px; */
    font-size: 27px;
    min-width: 109px;
}

.qa .qa-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
}
.qa-list .qa-horizal{
    width: 100%;
    display: flex;
    align-items: flex-start;
    /* flex: 1; */
}
.qa-list .qa-horizal >div,.qa-list .qa-horizal >p{
    width: 50%;
    padding: 0 30px;
    min-height: auto;
    flex: 1;

}
.qa .qa-list:nth-child(1) img {
    /* margin-top: 20px; */
}

.qa .qa-list img {
    /* width: 250px; */
    /* width: max-content; */
    width: 60%;
    /* height:10%; */
    margin-bottom: 30px;
}
.qa .qa-list .gril-img{
    margin-right: 30px;
}
.qa-list  .qs-num,
.qa-qustion {
    color: #BC9468;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
}



.qa-list  .qs-num {
    font-size: 36px;
    margin-bottom: 25px;

}

.qa-answer {
    font-weight: bold;
}

.qa-column{
    position: relative;
    margin: 0px;
}
.qa-line{
   /* height:580px */
   height: 100%;
   margin: 40px 0 80px;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
}
/* 点我加盟 */
.join-btn {
    display: block;
    /* margin: 0 auto; */
    width: 180px;
    /* height: 50px; */
    border-radius: 5px;
    background: #bc9468;
    color: #fff;
    text-align: center;
    /* line-height: 50px; */
    text-decoration: none;
    font-size: 36px;
    margin-bottom: 130px;
    cursor: pointer;
}

.join-us img {
    width: 300px;
}
.join-step-warp {
    flex-wrap: wrap;
    width: calc(100% - .4rem);
    margin: 0px auto .2rem;
}
.join-step-item {
    width: 42%;
    margin-bottom: .3rem;
}
.phone-none {
    display: none;
}   
.qa-answer br,
.qa-qustion br,
.join-adv-horizal>span br {
    display: contents;
}
/* <1180px */
@media screen and (max-width: 1108px) {
    .qa-answer br,.qa-qustion br,.join-adv-horizal>span br{
         display: contents;
      }
 
 }
 @media screen and (max-width: 820px) {
    .join-step-warp {
        flex-wrap: wrap;
        width: calc(100% - .4rem);
        margin: 0px auto .2rem;
    }
    .join-step-item {
        width: 42%;
        margin-bottom: .3rem;
    }
    .phone-none {
        display: none;
    }   
}
/* 手机 (小于768px) */
@media screen and (max-width: 767px) {
    .contain {
        /* min-width: 5rem; */
        /* padding-bottom: 1rem; */
    }

    .franchise-tit {
        font-size: .32rem;
        /* margin: 0 .2rem; */
    }

    p {
        font-size: .18rem;
    }

    .brand-introduction .brand-introduction-txt p {
        line-height: .24rem;
        margin: .05rem 0 0 0;
        padding: 0 .3rem;

    }

    .honored-warp {
        margin-top: .4rem;

    }

    .brand-introduction .brand-introduction-txt {
        bottom: -.1rem;

    }

    .progress img {
        width: 80%;
        margin: 0rem auto .4rem;
    }

    .mt40 {
        margin-top: .4rem;
    }

    .mb40 {
        margin-bottom: .4rem;
    }

    .mt80 {
        margin-top: .5rem;
    }

    .core-products .intro-warp img,
    .core-products .more-goods {
        margin-top: .5rem;
    }

    .fs16 {
        font-size: .16rem;
    }

    .join-advantage {
        margin-top: .4rem;
    }

    .join-adv-list-template {
        margin-bottom: .4rem;
    }
    .join-advantage .trans-bg {
        margin: .2rem 0 .6rem;
    }

    .join-adv-list-template .join-adv-horizal>h4 {
        font-size: 0.24rem;
        line-height: .34rem;
        padding: 0 .1rem;
    }

    * {
        font-size: .16rem;
    }
    .join-adv-list-template .join-adv-horizal>span {
        margin-top: .15rem;
        padding: 0 .15rem;
        line-height: .24rem;
    }

    .join-adv-list-template .join-adv-horizal .p-40 {
        padding: 0 .2rem;
    }

    .join-adv-list .vertical-line {
        margin: .3rem 0 .8rem;
    }

    .appliaction-require-list{
        margin-bottom: .5rem;
    }


    .appliaction-require-list .step-desc {
        line-height: .18rem;
        padding: 0 .3rem;
        font-size: .12rem;
    }

    .appliaction-require-list h4 {
        margin-bottom: .1rem;
        font-size: .26rem;
    }

    .appliaction-require-list .qa-horizal>div,
    .appliaction-require-list .qa-horizal>h4 {
        padding: 0 .4rem;


    }
    .appliaction-require-list .step-desc h5{
        font-size: .2rem;
    }
    .appliaction-require-list  .step-desc h5 {
        /* font-size: 16px; */
        line-height: 0.42rem;
    
    }
    .line-cloumn {
        margin: 0px;

    }
    .qa-column{
        margin: 0px;
    }
    .vertical-line {
        width: .02rem;
        background: #bc9468;
        margin-top: .1rem;
        /* margin: .2rem .15rem .4rem; */
    }
    .qa .qa-tit .vertical-line{
        margin: .2rem .15rem .4rem;

   }
    .appliaction-require-line{
        margin: .3rem auto .9rem;
        height:90%;
    }

    .join-step-warp {
        flex-wrap: wrap;
        width: calc(100% - .4rem);
        margin: 0px auto .2rem;
    }

    .join-step-item {
        width: 43%;
        margin-bottom: .3rem;
    }

    .phone-none {
        display: none;
    }

    .join-step-item .step-desc,
    .join-step-item h5 {
        line-height: .26rem;
        font-size: .16rem;
    }

    .join-step-item .step-num {
        font-size: .34rem;
    }

    .join-step-item .step-tit {
        font-weight: bold;
        font-size: .34rem;
        color: #000000;
        margin: .15rem 0 .2rem;
    }

    .arrow-right {
        width: 0;
        height: 0;
        border-top: .08rem solid transparent;
        border-bottom: .08rem solid transparent;
        border-left: .16rem solid #bc9468;
        margin-top: .75rem;
    }

    .join-area>div .area-img-border {
        width: 3.0rem;
        height: 3.0rem;
        border: .02rem solid #bc9468;
        margin-right: .2rem;
    }

    .want-warp {
        margin: 0 .2rem
    }

    .join-area {
        height: 3.5rem;
    }


    .join-process-img {
        width: 80%;
        margin-top: .2rem;
    }

    .bulid-price-tit {
        height: .36rem;
        margin-top: .2rem;
        font-size: .28rem;
        line-height: .36rem;
    }

    .cirle-list li {
        font-size: .22rem;
        margin: .06rem 0 0;
    }

    .cirle-list li:nth-child(1) {
        font-weight: bold;
        margin-top: .2rem;
    }

    .cirle-list li em {
        font-size: .14rem;
    }
    .store-require-list li {
        font-size: .22rem;
        margin: .06rem 0 0;
    }

  

.store-require-list li em {
        font-size: .14rem;
    }
    .appliaction-require {
        margin-top: .6rem;
    }

    .appliaction-require .line-cloumn {
        margin: .4rem 0rem .2rem;

    }

   
    .store-require .store-require-list {

        margin-top: .2em;
    }
    .qa .qa-list{
        margin-bottom: .25rem;
    }
    .qa .qa-list img {
        width: 60%;
        margin-bottom: .3rem;
    }
    .qa .qa-list .gril-img{
        margin-right: .4rem;
    }
    .qa .qa-tit .franchise-tit {
        margin: .4rem 0 1rem;
        font-size: .29rem;
        min-width: 1.18rem;
    }

    .qa {
        margin: .5rem .1rem .3rem;
    }

    .qa-list .qs-num {
        font-size: .32rem;
        margin-bottom: .15rem;
    }
   
    .qa-qustion {
        font-size: .24rem;
        margin-bottom: .15rem;
        line-height: .32rem;
    }
    .qa-list .qa-horizal >div{
        padding: 0 0.14rem;

    }
     .qa-list .qa-horizal >p{
        padding: 0 .4rem;
        font-size: .12rem;
        line-height: .18rem;
        font-weight: normal;
    }
    /* .appliaction-require-line {

        margin: .4rem 0 .3rem
    } */

    .join-btn {
        width: 1.8rem;
        height: .5rem;
        border-radius: .05rem;
        margin-bottom: .2rem;

        line-height: .5rem;
        font-size: .30rem;
    }


    .appliaction-require-list .vertical-cloumn-item.mb0 {
   
        /* margin-bottom: .2rem; */

    }
    
    .join-us img {
        width: 3rem;
    }
    .join-us{
        margin-bottom: 1rem;
    }
    .franchise-tit-desc {
        font-size: .2rem;
        color: #B4B4B4;
        line-height: .28rem;
    }

    .cirle-list li>span {
        width: 48%;
        font-size: .22rem;
    }
    .store-require-list li>span {
        width: 48%;
        font-size: .22rem;
    }
    .contain {
        padding-top: 0rem;
    }

    .core-products .more-goods span {
        margin-top: .1rem;
    }
}

/* 平板 (768px至992px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        /* background-color: green; */
    }
}

/* 桌面 (992px至1200px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    body {
        /* background-color: yellow; */
    }
}

/* 大型台式机 (大于1200px) */
@media screen and (min-width: 1200px) {
    body {
        /* background-color: pink; */
    }
}