.public-yoga-banner {
    width: 100%;
    height: 601px;
    background: url("http://feelyoga.cn/banner_4.png") center no-repeat;
}
@media screen and (max-width:1306px) {
    .public-yoga-banner {
        width: 1306px;
        height: 601px;
        background: url("http://feelyoga.cn/banner_4.png") center no-repeat;
    }
}

.pubilc-yoga-necessity {
    width: 100%;
    height: 348px;
    background: #f8f8f8;
}
@media screen and (max-width:1306px) {
    .pubilc-yoga-necessity {
        width: 1306px;
        height: 348px;
        background: #f8f8f8;
    }
}
.public-container-1000 {
    margin: 0 auto;
    width: 1000px;
    height: 348px;
}
@media screen and (max-width:1306px) {
    .public-container-1000 {
        margin: 0 auto;
        width: 1306px;
        height: 348px;
    }
}

.public-container-1000 .yoga-necessity-title {
    font-size: 30px;
    text-align: center;
    padding-top: 74px;
}

.public-container-1000 .yoga-necessity-content {
    font-size: 18px;
    padding-top: 40px;
    line-height: 1.8;
}

.public-container-1120 {
    padding-top: 66px;
    margin: 0 auto;
    width: 1120px;
    height: 514px;
}

@media screen and (max-width:1306px) {
    .public-container-1120 {
        padding-top: 66px;
        margin: 0 auto;
        width: 1306px;
        height: 514px;
    }
}

.public-container-1120 .benefit-title {
    width: 100%;
    height: 92px;
    background: url("http://feelyoga.cn/image/page_four/benefit_title.png") center;
}

.public-container-1060 {
    padding-top: 60px;
    margin: 0 auto;
    width: 1060px;
    height: 262px;
}

.public-container-1060 .benefit-box {
    float: left;
    width: 353px;
    height: 262px;
}

.public-container-1060 .benefit-box .benefit-box-pic1 {
    width: 353px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/benefit_3.png") center no-repeat;
}

.public-container-1060 .benefit-box .benefit-box-pic2 {
    width: 353px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/benefit_1.png") center no-repeat;
}

.public-container-1060 .benefit-box .benefit-box-pic3 {
    width: 353px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/benefit_2.png") center no-repeat;
}

.public-container-1060 .benefit-box .benefit-box-title {
    font-size: 18px;
    width: 353px;
    height: 44px;
    text-align: center;
    line-height: 44px;
}

.public-container-1060 .benefit-box .benefit-box-content {
    text-align: center;
    width: 353px;
    line-height: 1.8;
    height: 62px;
    color: #7a7a7a;
}

.public-container-1060 .benefit-box-arrow {
    clear: left;
    padding-top: 34px;
    width: 100%;
    height: 14px;
    background: url("http://feelyoga.cn/image/page_four/arrow_down.png") center no-repeat;
}

.public-container-1120-570 {
    margin: 0 auto;
    width: 1120px;
    height: 574px;
}
@media screen and (max-width:1306px) {
    .public-container-1120-570 {
        margin: 0 auto;
        width: 1306px;
        height: 574px;
    }
}

.public-container-1120-570 .public-release-title {
    width: 100%;
    height: 30px;
    background: url("http://feelyoga.cn/image/page_four/release_title.png") center no-repeat;
}

.public-container-1120-570 .public-release-box {
    position: relative;
    width: 100%;
    height: 492px;
}

.public-container-1120-570 .public-release-box .public-release-box-left {
    border: 1px solid #dddddd;
    left: 0;
    bottom: 8px;
    position: absolute;
    width: 350px;
    height: 414px;
    float: left;
    background: #ffffff;
}

.public-container-1120-570 .public-release-box .public-release-box-left .public-release-box-left-txt {
    padding-left: 28px;
    padding-top: 64px;
    padding-right: 28px;
    line-height: 1.8;
    color: #666666;
}

.public-container-1120-570 .public-release-box .public-release-box-shadow {
    border: 1px solid #dddddd;
    left: 8px;
    bottom: 0px;
    width: 350px;
    height: 414px;
    position: absolute;
}

.public-container-1120-570 .public-release-box .public-release-box-right {
    position: absolute;
    height: 482px;
    width: 705px;
    bottom: 0;
    right: 0;
    background: url("http://feelyoga.cn/image/page_four/release_pic.png") center no-repeat;
}

.public-container-skill-1120 {
    margin: 0 auto;
    width: 1120px;
    height: 244px;
}

.public-container-skill-1120 .skill-box-small {
    height: 20px;
    width: 20px;
    background: #c8da93;
    float: left;
}

.public-container-skill-1120 .skill-title {
    margin-left: 12px;
    height: 20px;
    width: 500px;
    float: left;
    line-height: 20px;
    color: #666666;
    font-size: 20px;
}

.public-container-skill-1120 .skill-list {
    padding-top: 32px;
    clear: left;
    width: 1120px;
    height: 150px;
}

@media screen and (max-width:1306px) {
    .public-container-skill-1120 .skill-list {
        padding-top: 32px;
        clear: left;
        width: 1252px;
        padding-left: 54px;
        height: 150px;
    }
}


.public-container-skill-1120 .skill-list .skill-list-item-1 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_01.png") center no-repeat;
}

@media screen and (max-width:1306px) {
    .public-container-skill-1120 .skill-list .skill-list-item-1 {
        margin-right: 34px;
        margin-left: 54px;
        float: left;
        width: 102px;
        height: 150px;
        background: url("http://feelyoga.cn/image/page_four/skill_01.png") center no-repeat;
    }
}

.public-container-skill-1120 .skill-list .skill-list-item-2 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_02.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-3 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_03.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-4 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_04.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-5 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_05.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-6 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_06.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-7 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_07.png") center no-repeat;
}

.public-container-skill-1120 .skill-list .skill-list-item-8 {
    margin-right: 34px;
    float: left;
    width: 102px;
    height: 150px;
    background: url("http://feelyoga.cn/image/page_four/skill_08.png") center no-repeat;
}

.public-container-content{
    width: 100%;
    height: 186px;
    background: #f8f8f8;
}
@media screen and (max-width:1306px) {
    .public-container-content{
        width: 1306px;
        height: 186px;
        background: #f8f8f8;
    }
}

.public-container-content .public-container-content-txt{
    padding-top: 60px;
    text-align: center;
    line-height: 1.8;
    color: #666666;
}

/**/

.public-container-1120-1400{
    margin: 0 auto;
    width: 1120px;
    height: 1400px;
}
@media screen and (max-width:1306px) {
    .public-container-1120-1400{
        margin: 0 auto;
        width: 1222px;
        height: 1400px;
        padding-left: 84px;
    }
}

.public-container-1120-1400 .curriculum-type-title{
    padding-top: 82px;
    width: 100%;
    height: 95px;
    background: url("http://feelyoga.cn/image/page_four/curriculum-tpye.png") center no-repeat;
}

.public-container-1120-1400 .curriculum-table{
    width: 1120px;
    height: 1140px;
    background: #7ac4c4;
}

.public-container-1120-1400 .curriculum-table .curriculum-table-item{
    width: 1120px;
    height: 380px;
}

.public-container-1120-1400 .curriculum-table .curriculum-table-item-1{
    float: left;
    width: 560px;
    height: 380px;
    background: url("http://feelyoga.cn/image/page_four/pic_1.png") center no-repeat;
}

.public-container-1120-1400 .curriculum-table .curriculum-table-item-txt-1{
    float: left;
    width: 560px;
    height: 380px;
}

.public-container-1120-1400 .curriculum-table .curriculum-table-item-2{
    float: left;
    width: 560px;
    height: 380px;
    background: url("http://feelyoga.cn/image/page_four/pic_2.png") center no-repeat;

}

.public-container-1120-1400 .curriculum-table .curriculum-table-item-3{
    float: left;
    width: 560px;
    height: 380px;
    background: url("http://feelyoga.cn/image/page_four/pic_3.png") center no-repeat;
}


.public-container-1120-1400 .curriculum-table .curriculum-table-item-txt-2{
    float: left;
    width: 560px;
    height: 380px;
}

.public-container-1120-1400 .curriculum-table .curriculum-table-item-txt-3{
    float: left;
    width: 560px;
    height: 380px;
}

.circular-point-1{
    padding-left: 28px;
    padding-top: 42px;
    color: #c8da93;
}

.circular-point-2{
    text-align: right;
    padding-right: 28px;
    padding-top: 42px;
    color: #c8da93;
}

.curriculum-title-1{
    padding-top: 14px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 28px;
    font-size:36px ;
}

.curriculum-title-2{
    padding-top: 14px;
    color: #ffffff;
    font-weight: bold;
    padding-right: 28px;
    text-align: right;
    font-size:36px ;
}

.curriculum-bottom-line-1{
    margin-top: 18px;
    margin-left: 28px;
    width: 110px;
    border-bottom: 2px solid  #c8da93;
}

.curriculum-bottom-line-2{
    float: right;
    margin-top: 18px;
    margin-right: 28px;
    width: 110px;
    border-bottom: 2px solid  #c8da93;
}

.curriculum-title-type-1{
    padding-top: 14px;
    color: #c8da93;
    padding-left: 28px;
}

.curriculum-content-1{
    padding-top: 28px;
    color: #ffffff;
    padding-left: 28px;
    padding-right: 110px;
    line-height: 1.8;
}

.curriculum-content-2{
    padding-top: 28px;
    color: #ffffff;
    text-align: right;
    padding-right: 28px;
    padding-left: 110px;
    line-height: 1.8;
}


/**/

.public-charge-mode{
    width: 100%;
    background: #f8f8f8;
    height: 820px;
}
@media screen and (max-width:1306px) {
    .public-charge-mode{
        width: 1306px;
        background: #f8f8f8;
        height: 820px;
    }
}

.public-charge-mode .public-charge-box{
    margin: 0 auto;
    height: 526px;
    width: 552px;
    margin-top: -263px;
}

.public-charge-mode .public-charge-box-left{
    float: left;
    height: 526px;
    width: 276px;
    background: url("http://feelyoga.cn/image/page_four/A.png") center no-repeat;
}

.public-charge-mode .public-charge-box-right{
    float: left;
    height: 526px;
    width: 276px;
    background: url("http://feelyoga.cn/image/page_four/B.png") center no-repeat;
}

.public-charge-mode .public-bg-white{
    width: 100%;
    background: #ffffff;
    height: 410px;
}

.public-charge-mode .public-bg-white .charge-mode-title{
    padding-top: 26px;
    width: 100%;
    background: url("http://feelyoga.cn/image/page_four/charge_title.png") center no-repeat;
    height: 96px;
}

.public-apply {
    width: 100%;
    height: 494px;
    background: #fff;
}
@media screen and (max-width:1306px) {
    .public-apply {
        width:1306px;
        height: 494px;
        background: #fff;
    }
}

.apply-title {
    padding-top: 60px;
    width: 100%;
    height: 66px;
    background: url("/image/page_three/about_title.png") center no-repeat;
}


.apply-qrcode{
    width: 174px;
    height: 174px;
    margin: 0 auto;
    margin-top: 30px;
    background: url("http://feelyoga.cn/image/page_three/qrcode.png") center no-repeat;
}

.apply-tip{
    color: #333333;
    font-size: 14px;
    text-align: center;
    padding: 10px;
}

.apply-hotline{
    color: #333333;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}


.apply-phonenumber{
    color: #7ac4c4;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 10px;
}