/* banner和面包屑的css在common.css文件中 */

/* 公共标题的css在common.css文件中 */


/* 前言 */
.preface {
    width: 100%;
    margin-top: 0.6rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-indent: 2em;
}


/* 加盟优势 */
.join_good {
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join_good .good_item {
    width: 3.7rem;
    height: 3.2rem;
    padding: 0.5rem 0.3rem;
    background: #F5F5F5;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.join_good .good_item img {
    width: 0.45rem;
    margin: 0 auto;
    object-fit: contain;
}
.join_good .good_item .words {
    width: 100%;
    margin-top: 0.21rem;
    text-indent: 2em;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.32rem;
}


/* 加盟信息 */
.join_info {
    width: 100%;
    margin-top: 0.8rem;
    display: flex;
    align-items: center;
    background: #F5F5F5;
}
.join_info .join_img {
    width: 5.5rem;
    height: 6.24rem;
    border-radius: 0.1rem 0rem 0rem 0.1rem;
    overflow: hidden;
}
.join_info .join_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join_info .infos {
    width: 8.5rem;
    margin-left: 1rem;
}
.join_info .infos .title {
    font-size: 0.36rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    color: #333333;
}
.join_info .infos .ex {
    margin-top: 0.2rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    color: #333333;
    line-height: 0.53rem;
}
/* form表单 */
.join_info .infos .join_form {
    width: 100%;
    margin-top: 0.6rem;
}


.join_info .infos .join_form .info_one {
    width: 100%;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
}
.join_info .infos .join_form .info_one .itemA {
    margin-left: 0.4rem;
    display: flex;
    align-items: center;
}
.join_info .infos .join_form .info_one input {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.1rem;
    border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
    border: 0.01rem solid #707070;
}
.join_info .infos .join_form .info_one input:first-child {
    margin-left: 0;
}



.join_info .infos .join_form .info_two, .info_three, .info_four {
    width: 100%;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #AAAAAA;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.35rem;
    display: flex;
    align-items: center;
}
.join_info .infos .join_form .info_two input {
    flex: 1;
    height: 0.35rem;
    border: none;
    background-color: transparent;
}
.join_info .infos .join_form .info_two input::placeholder {
    color: #999999;
}
.join_info .infos .join_form .info_three input {
    flex: 1;
    height: 0.35rem;
    border: none;
    background-color: transparent;
}
.join_info .infos .join_form .info_three input::placeholder {
    color: #999999;
}
.join_info .infos .join_form .info_three .send {
    width: 1.2rem;
    height: 0.4rem;
    background: #E8001D;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    color: #FFFFFF;
    cursor: pointer;
}
.join_info .infos .join_form .info_four input {
    flex: 1;
    height: 0.35rem;
    border: none;
    background-color: transparent;
}
.join_info .infos .join_form .info_four input::placeholder {
    color: #999999;
}
/* 地区选择 */
.join_info .infos .join_form .info_five {
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.35rem;
    display: flex;
    align-items: center;
}
.join_info .infos .join_form .info_five #province, #city, #area {
    width: 1.8rem;
    height: 0.4rem;
    margin-right: 0.2rem;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    border: 0.01rem solid #AAAAAA;
    color: #999999;
}
.join_info .infos .join_form .info_five button {
    width: 1.2rem;
    height: 0.4rem;
    background: #E8001D;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.18rem;
    border: none;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}





/* 品牌加盟.html */
/* 八大系统 */
.systems {
    width: 100%;
    margin-top: 0.6rem;
}
.systems .explain {
    width: 100%;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-indent: 2em;
}
.systems .eight_list {
    width: 100%;
    margin-top: 0.3rem;
    display: flex;
    justify-content: space-around;
}
.systems .eight_list .sys_box {
    width: 45%;
}
.systems .eight_list .sys_box .sys_item {
    position: relative;
    padding-left: 0.25rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    color: #333333;
    line-height: 0.48rem;
}
.systems .eight_list .sys_box .sys_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.23rem;
    display: block;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #E8001D;
    border-radius: 50%;
}
.systems .eight_icons {
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-around;
}
.systems .eight_icons .item img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}
.systems .eight_icons .item .name {
    margin-top: 0.2rem;
    text-align: center;
    font-size: 0.18rem; 
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}


/* 两大体系 */
.two_system {
    width: 100%;
    background: #F6F6F8;
}
.two_system .two_center {
    width: 16rem;
    margin: 0 auto;
    padding: 1rem 0;
}
/* 两大体系内容 */
.two_system .two_system_box {
    width: 100%;
    margin-top: 0.6rem;
}
.two_system .two_system_box .explain {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-indent: 2em;
}
.two_system .two_system_box .two_imgs {
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.two_system .two_system_box .two_imgs img {
    width: 6.2rem;
    height: auto;
    object-fit: contain;
}








@media only screen and (max-width: 1024px) {
    .preface {
        margin-top: 0.5rem;
        font-size: 12px;
        line-height: 1.5;
    }
    .join_good {
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
    .join_good .good_item {
        width: 48%;
        height: 4.5rem;
        margin-top: 0.3rem;
        margin-right: 4%;
        padding: 0.3rem;
    }
    .join_good .good_item:nth-child(-n+2) {
        margin-top: 0;
    }
    .join_good .good_item:nth-child(2n) {
        margin-right: 0;
    }
    .join_good .good_item .words {
        font-size: 12px;
        line-height: 1.5;
    }
    .join_info {
        margin-top: 0.5rem;
    }
    .join_info .join_img {
        display: none;
    }
    .join_info .infos {
        width: 100%;
        margin-left: 0;
        padding: 0.3rem;
    }
    .join_info .infos .title {
        font-size: 16px;
    }
    .join_info .infos .ex {
        font-size: 14px;
        line-height: 1.5;
    }
    .join_info .infos .join_form {
        margin-top: 0.3rem;
    }
    .join_info .infos .join_form .info_one {
        flex-wrap: wrap;
    }
    .join_info .infos .join_form .info_one .itemT {
        font-size: 12px;
        width: 100%;
    }
    .join_info .infos .join_form .info_one .itemA {
        font-size: 12px;
        width: 20%;
        margin-top: 0.2rem;
        margin-left: 5%;
        white-space: nowrap;
    }
    .join_info .infos .join_form .info_one input {
        width: 0.3rem;
        height: 0.3rem;
    }
    .join_info .infos .join_form .info_two, .info_three, .info_four {
        font-size: 12px;
        line-height: 1.5;
    }
    .join_info .infos .join_form .info_two input {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_three .send {
        width: auto;
        height: auto;
        padding: 0.1rem;
        font-size: 12px;
    }
    .join_info .infos .join_form .info_three input {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_four input {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_five {
        flex-wrap: wrap;
    }
    .join_info .infos .join_form .info_five span {
        display: block;
        width: 100%;
        margin-bottom: 0.3rem;
        font-size: 12px;
        white-space: nowrap;
    }
    .join_info .infos .join_form .info_five #province, #city, #area {
        width: 30%;
        height: 0.5rem;
        margin-right: 3%;
        font-size: 12px;
    }
    .join_info .infos .join_form .info_five #province option {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_five #city option {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_five #area option {
        font-size: 12px;
    }
    .join_info .infos .join_form .info_five button {
        width: auto;
        height: auto;
        margin-top: 0.3rem;
        padding: 0.1rem 0.5rem;
        font-size: 12px;
    }
    
    
    
    
    
    
    /* 品牌加盟.html */
    .systems {
        margin-top: 0.5rem;
    }
    .systems .explain {
        font-size: 12px;
        line-height: 1.5;
    }
    .systems .eight_list {
        display: block;
    }
    .systems .eight_list .sys_box {
        width: 100%;
    }
    .systems .eight_list .sys_box .sys_item {
        margin-top: 0.1rem;
        font-size: 12px;
        line-height: 1.5;
    }
    .systems .eight_icons {
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
    .systems .eight_icons .item {
        width: 25%;
        margin-top: 0.3rem;
        text-align: center;
    }
    .systems .eight_icons .item:nth-child(-n+4) {
        margin-top: 0;
    }
    .systems .eight_icons .item img {
        margin: 0 auto;
    }
    .systems .eight_icons .item .name {
        font-size: 12px;
    }
    .two_system .two_center {
        width: 100%;
        padding: 0.5rem 15px;
    }
    .two_system .two_system_box {
        margin-top: 0.5rem;
    }
    .two_system .two_system_box .explain {
        font-size: 12px;
        line-height: 1.5;
    }
    .two_system .two_system_box .two_imgs {
        display: block;
        margin-top: 0.5rem;
    }
    .two_system .two_system_box .two_imgs img {
        width: 100%;
        margin-top: 0.3rem;
    }
    
    
    
}