.englishfont {
    font-family: zhunYuan, Arial, "Microsoft YaHei", STHeiti, SimHei;
}

/*公共内部导航*/

.public-container {
    margin: 0 auto 50px;
    width: 70%;
    /* background: #fff; */
    /* font-family: zhunYuan; */
    overflow: hidden;
}

.public-container-title {
    padding: 67px 0 37px 0;
    /*font-family: zhunYuan;*/
    border-bottom: 1px solid #dadada;
}

.public-container-title h2 {
    font-size: 24px;
    color: #121212;
    font-weight: normal;
    font-family: zhunYuan;
}

.public-container-title span {
    padding-left: 28px;
    font-size: 18px;
    color: #6f6f6f;
    letter-spacing: .2em;
}

.public-nav {
    margin-top: 66px;
    float: left;
    font-family: zhunYuan;
}

.public-nav li {
    margin-bottom: 39px;
}

.public-nav li img {
    display: none;
}

.public-nav li.public-nav-active img {
    display: block;
}

.public-nav li a {
    position: relative;
    color: #9b9999;
}

.public-nav-active a {
    font-weight: bold;
    color: #5e5e5e;
}

.public-nav-active img {
    position: absolute;
    top: 6px;
    left: 75px;
    width: 65px;
    max-width: 65px;
}

/* 新闻详情 */

.news-center-detail-container {
    overflow: hidden;
}

.news-center-detail-bg {
    background: url("../cimages/new_center_detail_banner.jpg") no-repeat center;
}

.news-centerdetailtext {
    float: left;
    width: 726px;
    margin: 66px 0 60px 22%;
    ;
}

.news-centerdetailtext h3 {
    margin-bottom: 15px;
    font-family: zhunYuan;
    font-weight: normal;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #444444;
}

.news-centerdetailtext h2 {
    margin-bottom: 15px;
    font-family: zhunYuan;
    font-size: 24px;
    font-weight: normal;
    /*letter-spacing: 6px;*/
    line-height: 38px;
    color: #121212;
}

.news-centerdetailtext h2.news-center-detail-mrgin1 {
    margin-bottom: 10px;
}

.news-centerdetailtext h4 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: "Microsoft YaHei", Arial, "SimHei", "STHeiti";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 20px;
    color: #444444;
}

.news-centerdetailtext h4.news-center-detail-mrgin2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-centerdetailtext h5 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: "Microsoft YaHei", Arial, "SimHei", "STHeiti";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 20px;
    color: #444444;
}

.news-centerdetailtext h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Microsoft YaHei", Arial, "SimHei", "STHeiti";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 20px;
    color: #444444;
}

.news-centerdetailtext p {
    font-family: "Microsoft YaHei", Arial, "SimHei", "STHeiti";
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 30px;
    color: #6b6b6b;
    text-align: justify;
    text-justify: inter-ideograph;
}

.news-center-detail-img1 {
    margin-top: 30px;
}

.news-center-detail-img2 {
    margin-top: 20px;
}

.news_centerdetailback {
    margin-top: 40px;
    height: 26px;
    background: url("../cimages/news_center_detail_back.png") no-repeat center left;
}

.news_centerdetailback p {
    padding-left: 58px;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    color: #121212;
}

/* 新闻详情 */

/************************************************************************/

/* 招商加盟-加盟条件 */

.resure-term-bg {
    background: url("../images/merchant_marketing_center_banner.jpg") no-repeat center right;
}

.overflowhidden {
    overflow: hidden;
}

.resure-term-content {
    display: none;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.resure-term-a {
    float: left;
    position: relative;
    margin-bottom: 73px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}

.resure-term-b {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}

.resure-condition-mark1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.4%;
    height: auto;
}

.resure-condition-mark3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.4%;
    height: auto;
}

.resure-condition-mark2 {
    position: absolute;
    left: 13%;
    top: -68px;
    width: 10%;
    height: auto;
}

.resure-condition-mark2 img {
    margin: 0;
}

.resure-term-img {
    margin: 0 auto 29px;
    width: 100%;
    height: auto;
}

.resure-term-imga {
    margin: 0 auto;
}

.resure-term-img2 {
    margin: 24px auto 29px;
    width: 100%;
}

.resure-term-imgb {
    margin: 0 auto;
}

.resure-condition-text {
    position: relative;
    width: 100%;
}

.resure-condition-text h2, .resure-condition-text h2 {
    padding-left: 13%;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    color: #121212;
    font-family: zhunYuan;
}

.resure-condition-text h2 {
    margin-top: 32px;
}

.resure-condition-text h2.resure_condition_margin1 {
    margin-top: 15px;
}

.resure-condition-text h3, .resure-condition-text h3 {
    margin-bottom: 10px;
    padding-left: 13%;
    font-size: 18px;
    line-height: 14px;
    font-weight: normal;
    color: #6f6f6f;
    letter-spacing: .2em;
}

.resure-condition-text h4, .resure-condition-text h4 {
    margin-bottom: 16px;
    padding-left: 13%;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    color: #cfbb9c;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.resure-condition-text h5, .resure-condition-text h5 {
    padding-left: 13%;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: .1em;
}

.resure-condition-text h6, .resure-condition-text h6 {
    margin-left: 13%;
    margin-bottom: 15px;
    padding-left: 16px;
    width: 350px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    background: #81796f;
}

.resure-condition-text p {
    padding-left: 13%;
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: .1em;
}

.resure-term-back {
    float: left;
    margin-top: 40px;
    height: 26px;
    background: url("../images/news_centerdetail_back.png") no-repeat center left;
}

.resure-term-back p {
    padding-left: 58px;
    font-family: Arial;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    color: #121212;
}

/* 招商加盟-加盟条件 */

/************************************************************************/

/* 招商加盟-加盟优势 */

.resure-advantage-bg {
    background: url("../images/merchant_marketing_center_banner.jpg") no-repeat center right;
}

.resure-advantage-content {
    float: left;
    position: relative;
    width: 696px;
    height: auto;
}

.resure-advantage-img2 {
    display: block;
}

.resure-advantage-img1 {
    display: none;
}

.resure-advantage-img3 {
    display: none;
}

.resure-advantage-text {
    position: absolute;
}

.resure-advantage-text img {
    margin: 0;
}

.resure-advantage-text h2 {
    margin-bottom: 5px;
    /*font-size: 24px;*/
    font-weight: normal;
    line-height: 30px;
    color: #121212;
    font-family: zhunYuan;
}

.resure-advantage-text h3 {
    margin-bottom: 5px;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #444444;
    text-align: right;
}

.resure-advantage-text p {
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    letter-spacing: .1em;
    text-align: justify;
}

.resure-advantage-text.loca1 {
    top: 0;
    left: 12%;
}

.resure-advantage-text.loca2 {
    top: 11.5%;
    left: 27%;
}

.resure-advantage-text.loca3 {
    top: 23%;
    left: 39%;
}

.resure-advantage-text.loca4 {
    top: 34%;
    left: 53%;
}

.resure-advantage-text.loca5 {
    top: 46%;
    left: 47%;
}

.resure-advantage-text.loca6 {
    top: 58%;
    left: 0;
    width: 41%;
}

.resure-advantage-text.loca7 {
    top: 70%;
    left: 0;
    width: 48%;
}

.resure-advantage-text.loca8 {
    top: 81%;
    left: 11%;
    width: 50%;
}

.resure-advantage-text.loca9 {
    top: 92%;
    left: 16%;
    width: 57%;
}

.resure-advantage-br {
    display: none;
}

.resure-advantage-img3 {
    display: none;
}

/* 招商加盟-加盟优势 */

.flowleft {
    float: left;
}

.flowright {
    float: right;
}

@media screen and (max-width: 1440px) {
    /*新闻详情页*/
    .news-centerdetailtext h3 {
        margin-bottom: 13px;
        /*font-size: 18px;*/
    }
}

@media screen and (max-width: 1269px) {
    /* 新闻详情 */
    .news-centerdetailtext {
        width: 60%;
    }
}

@media screen and (max-width: 1200px) {
    /* 加盟条件 */
    .resure-condition-text h6, .resure-condition-text h6 {
        width: 250px;
    }
    .resure-condition-mark1 {
        width: 18%;
    }
    .resure-condition-mark3 {
        width: 18%;
    }
}

@media screen and (max-width: 1148px) {
    /* 加盟优势 */
    .resure-advantage-content {
        width: 100%;
    }
    .resure-advantage-text h2 {
        /*font-size: 18px;*/
        line-height: 20px;
    }
    .resure-advantage-text h3 {
        font-size: 24px;
        line-height: 20px;
    }
    .resure-advantage-text p {
        line-height: 30px;
    }
}

@media screen and (max-width: 980px) {
    /* 加盟优势 */
    .resure-advantage-text h2 {
        /*font-size: 16px;*/
        margin-bottom: 5px;
    }
    .resure-advantage-text h3 {
        /*font-size: 16px;*/
        margin-bottom: 5px;
    }
    .resure-advantage-text.loca4 {
        top: 35%;
    }
}

@media screen and (max-width: 880px) {
    /* 新闻详情 */
    .news-centerdetailtext {
        width: 100%;
        margin-left: 0;
    }
    /* 招商加盟-加盟优势 */
    .resure-advantage-text.loca9 {
        top: 94%;
    }
}
@media screen and (max-width: 768px) {
    .jm_style1{
        transform: scale(0.5) translateX(-50%);
    }
    .jm_style2 img{
        width:100%;
    }
    .jm_style3{
        transform: scale(0.8) translateX(-10%);
    }
    .public-nav{
        margin-top:30px;
    }
    .public-nav-active{
        font-weight: bold;
    }
    .public-nav li{
        float: left;
        padding: 0 5px;
    }
    .public-nav li.public-nav-active img
    {
        display:none;
     }
}
@media screen and (max-width: 640px) {
    /* 新闻详情 */
    .news-center-detail-bg {
        background: url("../cimages/new_center_detail_banner640.jpg") no-repeat center;
    }
    .news-centerdetailtext {
        margin-top: 20px;
    }
    .news-centerdetailtext h2 {
        margin-top: 30px;
        /*font-size: 18px;*/
        line-height: 30px;
        letter-spacing: .1em;
    }
    .news-centerdetailtext h3 {
        margin-bottom: 32px;
        font-size: 12px;
        letter-spacing: .1em;
    }
    .news-centerdetailtext h4 {
        font-size: 12px;
        letter-spacing: .1em;
    }
    .news-centerdetailtext p {
        line-height: 30px;
        letter-spacing: .1em;
    }
    .news_centerdetailback p, .resure-term-back p {
        line-height: 26px;
    }
    .news-centerdetailtext img {
        margin-top: 30px;
    }
    .news_centerdetailblock {
        display: none;
    }
    /* 加盟条件 */
    .resure-term-bg {
        background: url("../images/merchant_marketing_center_banner_mobile.jpg") no-repeat center right;
    }
    .resure-condition-mark2 {
        left: 0;
    }
    .resure-condition-text h2, .resure-condition-text h2 {
        padding-left: 0;
    }
    .resure-condition-text h3, .resure-condition-text h3 {
        padding-left: 0;
    }
    .resure-condition-text h4, .resure-condition-text h4 {
        padding-left: 0;
    }
    .resure-condition-text h5, .resure-condition-text h5 {
        letter-spacing: .1em;
        padding-left: 0;
    }
    .resure-condition-text h6, .resure-condition-text h6 {
        margin-left: 0;
    }
    .resure-term-a p {
        padding-left: 0;
    }
    .resure-term-img2, .resure-term-img {
        margin-top: 12px;
    }
    /* 招商加盟-加盟优势 */
    .resure-advantage-bg {
        background: url("../images/merchant_marketing_center_banner_mobile.jpg") no-repeat center right;
    }
    .resure-advantage-img2 {
        display: none;
    }
    .resure-advantage-img1 {
        display: block;
    }
    .resure-advantage-text h2 {
        margin-bottom: 5px;
        /*font-size: 18px;*/
        line-height: 18px;
    }
    .resure-advantage-text h3 {
        text-align: left;
        margin-bottom: 5px;
        font-size: 24px;
        line-height: 18px;
        font-weight: normal;
    }
    .resure-advantage-text p {
        font-size: 12px;
        line-height: 30px;
        letter-spacing: .1em;
    }
    .resure-advantage-text.loca1 {
        top: 0;
    }
    .resure-advantage-text.loca2 {
        top: 12.5%;
        left: 12%;
    }
    .resure-advantage-text.loca3 {
        top: 24.2%;
        left: 12%;
    }
    .resure-advantage-text.loca4 {
        top: 35.7%;
        left: 12%;
    }
    .resure-advantage-text.loca5 {
        top: 47.2%;
        left: 12%;
    }
    .resure-advantage-text.loca6 {
        top: 60.5%;
        left: 12%;
        width: auto;
    }
    .resure-advantage-text.loca7 {
        width: auto;
        top: 72%;
        left: 12%;
    }
    .resure-advantage-text.loca8 {
        top: 81.5%;
        left: 12%;
        width: auto;
    }
    .resure-advantage-text.loca9 {
        width: auto;
        top: 93.8%;
        left: 12%;
    }
}

/************************************************************************/

/* 招商加盟-加盟条件 */

.resure-term-bg {
    background: url("../images/merchant_marketing_center_banner.jpg") no-repeat center right;
}

.overflowhidden {
    overflow: hidden;
}

.resure-term-a {
    float: left;
    position: relative;
    margin-bottom: 73px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}

.resure-term-b {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}

.resure-condition-mark1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.4%;
    height: auto;
}

.resure-condition-mark3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.4%;
    height: auto;
}

.resure-condition-mark2 {
    position: absolute;
    left: 13%;
    top: -68px;
    width: 10%;
    height: auto;
}

.resure-condition-mark2 img {
    margin: 0;
}

.resure-term-img {
    margin: 0 auto 29px;
    width: 100%;
    height: auto;
}

.resure-term-imga {
    margin: 0 auto;
}

.resure-term-img2 {
    margin: 24px auto 29px;
    width: 100%;
}

.resure-term-imgb {
    margin: 0 auto;
}

.resure-condition-text {
    position: relative;
    width: 100%;
}

.resure-condition-text h2, .resure-condition-text h2 {
    padding-left: 13%;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    color: #121212;
    font-family: zhunYuan;
}

.resure-condition-text h2 {
    margin-top: 32px;
}

.resure-condition-text h2.resure_condition_margin1 {
    margin-top: 15px;
}

.resure-condition-text h3, .resure-condition-text h3 {
    margin-bottom: 10px;
    padding-left: 13%;
    font-size: 18px;
    line-height: 14px;
    font-weight: normal;
    color: #6f6f6f;
    letter-spacing: .2em;
}

.resure-condition-text h4, .resure-condition-text h4 {
    margin-bottom: 16px;
    padding-left: 13%;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    color: #cfbb9c;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.resure-condition-text h5, .resure-condition-text h5 {
    padding-left: 13%;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: .1em;
}

.resure-condition-text h6, .resure-condition-text h6 {
    margin-left: 13%;
    margin-bottom: 15px;
    padding-left: 16px;
    width: 350px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    background: #81796f;
}

.resure-condition-text p {
    padding-left: 13%;
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: .1em;
}

.resure-term-back {
    float: left;
    margin-top: 40px;
    height: 26px;
    background: url("../images/news_centerdetail_back.png") no-repeat center left;
}

.resure-term-back p {
    padding-left: 58px;
    font-family: Arial;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    color: #121212;
}

/* 招商加盟-加盟条件 */

/************************************************************************/

/* 招商加盟-加盟优势 */

.resure-advantage-bg {
    background: url("../images/merchant_marketing_center_banner.jpg") no-repeat center right;
}

.resure-advantage-content {
    float: left;
    position: relative;
    width: 696px;
    height: auto;
}

.resure-advantage-img2 {
    display: block;
}

.resure-advantage-img1 {
    display: none;
}

.resure-advantage-img3 {
    display: none;
}

.resure-advantage-text {
    position: absolute;
}

.resure-advantage-text img {
    margin: 0;
}

.resure-advantage-text h2 {
    margin-bottom: 5px;
    /*font-size: 24px;*/
    font-weight: normal;
    line-height: 30px;
    color: #121212;
    font-family: zhunYuan;
}

.resure-advantage-text h3 {
    margin-bottom: 5px;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #444444;
    text-align: right;
}

.resure-advantage-text p {
    font-size: 12px;
    line-height: 30px;
    color: #909090;
    letter-spacing: .1em;
    text-align: justify;
}

.resure-advantage-text.loca1 {
    top: 0;
    left: 12%;
}

.resure-advantage-text.loca2 {
    top: 11.5%;
    left: 27%;
}

.resure-advantage-text.loca3 {
    top: 23%;
    left: 39%;
}

.resure-advantage-text.loca4 {
    top: 34%;
    left: 53%;
}

.resure-advantage-text.loca5 {
    top: 46%;
    left: 47%;
}

.resure-advantage-text.loca6 {
    top: 58%;
    left: 0;
    width: 41%;
}

.resure-advantage-text.loca7 {
    top: 70%;
    left: 0;
    width: 48%;
}

.resure-advantage-text.loca8 {
    top: 81%;
    left: 11%;
    width: 50%;
}

.resure-advantage-text.loca9 {
    top: 92%;
    left: 16%;
    width: 57%;
}

.resure-advantage-br {
    display: none;
}

.resure-advantage-img3 {
    display: none;
}

/* 招商加盟-加盟优势 */

.flowleft {
    float: left;
}

.flowright {
    float: right;
}

@media screen and (max-width: 1440px) {
    /*加盟条件*/
    .resure-advantage-text h2 {
        /*font-size: 20px;*/
    }
    /*.resure-condition-text h2,*/
    /*.resure-condition-text h2{*/
    /*padding-left: 13%;*/
    /*font-size: 20px;*/
    /*font-weight: normal;*/
    /*line-height: 26px;*/
    /*color: #444444;*/
    /*}*/
}

@media screen and (max-width: 1200px) {
    /* 加盟条件 */
    .resure-condition-text h6, .resure-condition-text h6 {
        width: 250px;
    }
    .resure-condition-mark1 {
        width: 18%;
    }
    .resure-condition-mark3 {
        width: 18%;
    }
}

@media screen and (max-width: 1148px) {
    /* 加盟优势 */
    .resure-advantage-content {
        width: 100%;
    }
    .resure-advantage-text h2 {
        /*font-size: 18px;*/
        line-height: 20px;
    }
    .resure-advantage-text h3 {
        font-size: 24px;
        line-height: 20px;
    }
    .resure-advantage-text p {
        line-height: 30px;
    }
}

@media screen and (max-width: 980px) {
    /* 加盟优势 */
    .resure-advantage-text h2 {
        /*font-size: 16px;*/
        margin-bottom: 5px;
    }
    .resure-advantage-text h3 {
        /*font-size: 16px;*/
        margin-bottom: 5px;
    }
    .resure-advantage-text.loca4 {
        top: 35%;
    }
}

@media screen and (max-width: 880px) {
    /* 招商加盟-加盟优势 */
    .resure-advantage-text.loca9 {
        top: 94%;
    }
}

/* 加盟条件 */

.resure-term-bg {
    background: url("../images/merchant_marketing_center_banner_mobile.jpg") no-repeat center right;
}

.resure-condition-mark2 {
    left: 0;
}

.resure-condition-text h2, .resure-condition-text h2 {
    padding-left: 0;
}

.resure-condition-text h3, .resure-condition-text h3 {
    padding-left: 0;
}

.resure-condition-text h4, .resure-condition-text h4 {
    padding-left: 0;
}

.resure-condition-text h5, .resure-condition-text h5 {
    letter-spacing: .1em;
    padding-left: 0;
}

.resure-condition-text h6, .resure-condition-text h6 {
    margin-left: 0;
}

.resure-term-a p {
    padding-left: 0;
}

.resure-term-img2, .resure-term-img {
    margin-top: 12px;
}

/* 招商加盟-加盟优势 */

.resure-advantage-bg {
    background: url("../images/merchant_marketing_center_banner_mobile.jpg") no-repeat center right;
}

.resure-advantage-img2 {
    display: none;
}

.resure-advantage-img1 {
    display: block;
}

.resure-advantage-text h2 {
    margin-bottom: 5px;
    /*font-size: 18px;*/
    line-height: 18px;
}

.resure-advantage-text h3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 18px;
    font-weight: normal;
}

.resure-advantage-text p {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: .1em;
}

.resure-advantage-text.loca1 {
    top: 0;
}

.resure-advantage-text.loca2 {
    top: 12.5%;
    left: 12%;
}

.resure-advantage-text.loca3 {
    top: 24.2%;
    left: 12%;
}

.resure-advantage-text.loca4 {
    top: 35.7%;
    left: 12%;
}

.resure-advantage-text.loca5 {
    top: 47.2%;
    left: 12%;
}

.resure-advantage-text.loca6 {
    top: 60.5%;
    left: 12%;
    width: auto;
}

.resure-advantage-text.loca7 {
    width: auto;
    top: 72%;
    left: 12%;
}

.resure-advantage-text.loca8 {
    top: 81.5%;
    left: 12%;
    width: auto;
}

.resure-advantage-text.loca9 {
    width: auto;
    top: 93.8%;
    left: 12%;
}

.bootstrap-large input[type="radio"] {
    width: 20px;
    height: 20px;
    opacity: 0;
}

.bootstrap-large input[type="radio"]+label:before {
                content:'';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #999;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
input:checked+label:before { 
    background-color: #fe6d32;
    border: 1px solid #fe6d32;
}

input:checked+label::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 7px;
    left: 12px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}