.w_100 {
    min-width:1400px;
    margin:auto;
}
.w_1400 {
    width:1400px;
    min-width:1400px;
    margin:auto;
}
.content {
}
.content .banner {
    height: 590px;
    background: url("../images/618banner.png") no-repeat center top;
    position:relative;
    z-index:50;
}
.content .banner .w_1200 {
    height:440px;
    position:relative;
}
.content .banner .w_1200 #number {
    position:absolute;
    left:605px;
    bottom:106px;
    font-size:17px;
    color:#d03122;
}
.content .banner .w_1200 #day {
    position:absolute;
    left:458px;
    bottom:30px;
    font-size:26px;
    color:#fff;
    display:inline-block;
    width:38px;
    text-align:center;
}
.content .banner .w_1200 #hour {
    position:absolute;
    left:514px;
    bottom:30px;
    font-size:26px;
    color:#fff;
    display:inline-block;
    width:47px;
    text-align:center;
}
.content .banner .w_1200 #branch {
    position:absolute;
    left:581px;
    bottom:30px;
    font-size:26px;
    color:#fff;
    display:inline-block;
    width:49px;
    text-align:center;
}
.content .banner .w_1200 #second {
    position:absolute;
    left:648px;
    bottom:30px;
    font-size:26px;
    color:#fff;
    width:50px;
    text-align:center;
}
.content .box {
    background:url("../images/bigBanner.png") repeat-y center center;
    position:relative;
    padding-bottom:25px;
    margin-top:-240px;
}
.content .box .main {
    padding-top:94px;
}
.floor1 .boxMain {
    width: 1125px;
    height: 705px;
    margin: -53px auto;
    background: url(../images/pic2.png) no-repeat center center;
    background-size: 1125px 500px;
    position: relative;
}
.floor1 .boxMain {
}.floor1 .boxMain h3 {
     position:
         relative;
     top: 202px;
     left:451px;
     width:222px;
     text-align:
         center;
     color:#cf2724;
     font-size:28px;
 }
.floor1 .boxMain h3:before {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic3.png");
    display:block;
    position:absolute;
    left:0;
    top:8px;
}
.floor1 .boxMain h3:after {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic4.png");
    display:block;
    position:absolute;
    right:0;
    top:8px;
}
.floor1 .boxMain .text1 {
    color:#dc5039;
    position:absolute;
    right:128px;
    top:187px;
    font-size:17px;
}
.floor1 .boxMain ul {
    margin-top:248px;
    margin-right:-40px;
    margin-left:37px;
}
.floor1 .boxMain ul li {
    float:left;
    width:267px;
    border:2px solid #fff;
    margin-right:40px;
    border-radius:10px;
    height:182px;
    overflow:hidden;
    box-shadow:0 2px 5px #f0a464;
}
.floor1 .boxMain ul li .top {
    background:#fe9a0e;
    color:#fff;
    height:48px;
    border-bottom:2px solid #fff;
    text-align:center;
    line-height:48px;
    font-weight:bold;
    font-size:22px;
}
.floor1 .boxMain ul li .bottom {
    background:#d93e2c;
    display:flex;
    /*设置为弹性容器*/
    align-items:center;
    /*定义div1的元素垂直居中*/
    justify-content:center;
    /*定义div1的里的元素水平居中*/;
    flex-direction:column;
    height:133px;
}
.floor1 .boxMain ul li .bottom p {
    text-align:center;
    color:#fff;
    font-size:18px;
}
.floor1 .boxMain .itemBox {
    margin:0px 80px;
}
.floor1 .boxMain .text2 {
    color:#fff;
    padding-left:36px;
    padding-top:58px;
    font-size:20px;
    padding-right:26px;
    line-height:28px;
}
.floor2 h3.floor2Title {
    position:relative;
    width:372px;
    text-align:center;
    color:#cf2724;
    font-size:28px;
    margin:auto;
    margin-top:60px;
}
.floor2 h3.floor2Title:before {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic3.png");
    display:block;
    position:absolute;
    left:0;
    top:8px;
}
.floor2 h3.floor2Title:after {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic4.png");
    display:block;
    position:absolute;
    right:0;
    top:8px;
}
.itemList {
    border:2px solid #fff;
    background:#f4763c;
    padding:25px;
    margin-top:40px;
    padding-bottom:1px;
}
.w_1116 {
    width:1116px;
    margin:auto;
}
.itemList .tab {
    float:left;
    width:975px;
}
.tab span {
    -moz-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding:3px 14px;
    border-radius:20px;
    border:2px solid #f4763c;
    margin-right:5px;
    cursor:pointer;
    display:inline-block;
    margin-bottom:5px;
}
.itemList .tab span.active {
    color:#ffe924;
    background:#f78d37;
    border:2px solid #ffe924;
}
.itemList .mores {
    float:right;
    font-size:16px;
    color:#fff;
    padding:5px 0;
}
.itemList .mores i {
    padding-left:5px;
}
.ck_course_box {
    margin-top:20px;
    margin-right:-20px;
}
.ck_course_box .ck_course {
    background:#fff;
    width:246px;
    box-sizing:border-box;
    background-clip:content-box;
    box-shadow:0 2px 5px #d6d6d6;
    border-top:2px solid #fff;
    margin-right:24px;
    float:left;
    margin-bottom:24px;
}
.ck_course_box .ck_course a {
    display:block;
    padding:15px 10px;
    position:relative;
}
.ck_course_box .ck_course a p.title {
    background-color:#ed6b6e;
    background-image:linear-gradient(to right,#ed6b6e,#f3876c);
    color:#fff;
    padding:7px 15px;
    display:inline-block;
    border-radius:0px 0px 5px 5px;
    position:absolute;
    top:-2px;
}
.ck_course_box .ck_course h3 {
    color:#16253a;
    font-size:18px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-bottom:20px;
}
.ck_course_box .ck_course a h3 {
    padding-top:40px;
}
.ck_course_box .ck_course a .label {
    height:52px;
    overflow:hidden;
}
.ck_course_box .ck_course a .label label {
    background:#fff5f5;
    color:#525a6f;
    font-size:13px;
    display:inline-block;
    border-radius:4px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    padding:2px 5px;
}
.ck_course_box .ck_course a .fit {
    color:#64707e;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px 0;
}
.ck_course_box .ck_course a .fit.p_3 {

    padding: 3px 0;}
.ck_course_box .ck_course a .promise {
    font-size:13px;
    color:#64707e;
    padding:8px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ck_course_box .ck_course a .promise i {
    font-style:normal;
}
.ck_course_box .activity__box {
    /* height:55px; */
    position:relative;
}
.ck_course_box .ck_course a .price {
    font-weight:700;
    color:#f64130;
    font-size:18px;
    padding-top:15px;
}
.floor3 h3.floor3Title {
    position:relative;
    width:294px;
    text-align:center;
    color:#cf2724;
    font-size:28px;
    margin:auto;
    margin-top:110px;
}
.floor3 h3.floor3Title:before {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic3.png");
    display:block;
    position:absolute;
    left:-30px;
    top:8px;
}
.floor3 h3.floor3Title:after {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic4.png");
    display:block;
    position:absolute;
    right:-30px;
    top:8px;
}
.floor4 h3.floor4Title {
    position:relative;
    width:294px;
    text-align:center;
    color:#cf2724;
    font-size:28px;
    margin:auto;
    margin-top:110px;
}
.floor4 h3.floor4Title:before {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic3.png");
    display:block;
    position:absolute;
    left:0;
    top:8px;
}
.floor4 h3.floor4Title:after {
    content:'';
    width:14px;
    height:26px;
    background:url("../images/pic4.png");
    display:block;
    position:absolute;
    right:0;
    top:8px;
}
.ck_course a .teacher_list {
    overflow:hidden;
    border-bottom:1px solid #e9eaec;
    padding-bottom:5px;
    padding-top:5px;
}
.ck_course a .teacher_list .teacher_item {
    float:left;
    width:60px;
    text-align:center;
}
.ck_course a .teacher_list .teacher_item img {
    width:46px;
    height:46px;
    border-radius:50%;
    margin:auto;
}
.ck_course a .teacher_list .teacher_item span {
    color:#464c5a;
    font-size:13px;
}
.list_top_0 .ck_course_box .ck_course a h3 {
    padding-top:0;
}
.mainRemarks {
    border:2px solid #fff;
    padding:30px;
    margin-top:40px;
}
.mainRemarks .left{

    float: left;width: 530px;}
.mainRemarks .left h3{

    color: #d02724;font-weight: bold;font-size: 20px;margin-bottom: 20px;}
.mainRemarks .left p{

    color: #333335;font-size: 16px;margin-bottom: 16px;line-height: 24px;}
.mainRemarks .left p span{

    display: inline-block;width: 24px;height: 24px;color: #fff;background: #d02724;border-radius: 50%;text-align: center;line-height: 24px;margin-right: 5px;}
.mainRemarks .right{

    float: right;width: 510px;padding-top: 40px;}
.mainRemarks .right .picBox{

    float: left;margin-left: 20px;}
.mainRemarks .right .picBox img{

    width: 150px;height: 150px;}
.mainRemarks .right .picBox p{

    text-align: center;color: #333333;padding-top: 3px;font-weight: bold;}
.flexLeft{

    position: fixed;left: 5px;top: 0;z-index: 500;top: 50%;margin-top: -145px;}
.flexLeft img{

    display: block;}
.flexLeft ul li{

    background: #df393d;height: 48px;line-height: 48px;-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;cursor: pointer;color: #fff;text-align: center;border: 1px solid #f3aaa1;margin-bottom: 1px;}
.flexLeft ul li:hover{
    background: url("../images/pic7.png") no-repeat center center;
}
.flexLeft ul li#top{
    display: none;
}
.flexLeft ul li.active{
    background: url("../images/pic7.png") no-repeat center center;

}
.activity__box.active .promotion {
    background-color: #ed6b6e;
    background-image: linear-gradient(to right, #ed6b6e, #f3876c);
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 15px 0px 0px 15px;
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 12px;
}
.activity__box.active .OldPrice {
    display: block;
    overflow: hidden;
    padding-top: 5px;
}

.ck_course a .OldPrice s {
    color: #64707e;
    float: left;
}

.ck_course a .OldPrice .activity_countdown {
    color: #64707e;
    float: right;
}

.ck_course a .OldPrice .activity_countdown em {
    color: #f54030;
    font-style: normal;
    padding: 0 2px;
}
/*适配移动端*/
.isPhone .floor1 .boxMain{

    width: auto;background: none;height: auto;}
.isPhone .floor1 .boxMain h3{

    position: relative;top: 0;left: 0;font-size: 0.35rem;width: 2.8rem;margin: auto;}
.isPhone .flexLeft{
    display: none;
}
.isPhone .w_1116{
    width: auto;
}
.isPhone .itemList .tab{
    width: auto;
    padding-top: 0.1rem;}
.isPhone .mainRemarks .left{
    width: auto;
}
.isPhone .content .banner{
    background: url("../images/m_618banner.png") no-repeat center center;
    background-size: 100% 100%;
    height: 4.5rem;}
.isPhone .content .banner .w_1200{
    display: none;
}
.isPhone .content .box{

    margin-top: 0;background: #fdb076;padding-bottom: 0.25rem;}
.isPhone .content .box .main{

    padding: 0;padding-top: 0.5rem;}
.isPhone .floor1 .boxMain h3:before{

    width: 0.5em;height: 0.23rem;background-size: 100% 100%;top: 0.13rem;}
.isPhone .floor1 .boxMain h3:after{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;top: 0.13rem;}
.isPhone .floor1 .boxMain .text1{
    display: none;
}
.isPhone .floor1 .boxMain .itemBox{

    margin: 0;}
.isPhone .floor1 .boxMain ul{

    margin: 0.25rem;margin-top: 0.35rem;}
.isPhone .floor1 .boxMain ul li{

    float: none;width: 100%;border: 0.01rem solid #fff;margin: 0;margin-bottom: 0.2rem;height: auto;}
.isPhone .floor1 .boxMain ul li .top{

    height: auto;line-height: initial;font-size: 0.3rem;padding: 0.15rem 0;border-bottom: 0.01rem solid #fff;}
.isPhone .floor1 .boxMain ul li .bottom{

    height: 2rem;}
.isPhone .floor1 .boxMain ul li .bottom p{

    font-size: 0.28rem;padding: 0.1rem;}
.isPhone .floor1 .boxMain .text2{

    padding: 0 0.3rem;font-size: 0.3rem;line-height: 0.45rem;}
.isPhone .floor2 h3.floor2Title{

    position: relative;
    top: 0;
    left: 0;
    font-size: 0.35rem;
    width: 4.6rem;
    margin: auto;margin-top: 2rem;}
.isPhone .floor2 h3.floor2Title:before{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .floor2 h3.floor2Title:after{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .itemList{

    border: none;margin: 0.2rem;margin-top: 0.3rem;border-radius: 0.15rem;padding: 0.2rem;}
.isPhone .tab span{

    font-size: 0.26rem;padding: 0.03rem 0.15rem;font-weight: normal;margin-right: 0rem;border: 0.01rem solid #f4763c;margin-bottom: 0.1rem;}
.isPhone .itemList .tab span.active{

    border: 0.01rem solid #ffe924;}
.isPhone .itemList .mores{

    font-size: 0.26rem;padding: 0;padding-top: 0.15rem;}
.isPhone .ck_course_box{

    margin-top: 0.25rem;margin-right: 0;}
.isPhone .ck_course_box .ck_course{

    width: auto;float: none;margin: 0;margin-bottom: 0.2rem;}
.isPhone .ck_course_box .ck_course a{

    padding: 0.25rem;
    position: relative;}
.isPhone .ck_course_box .ck_course a p.title{

    padding: 0.1rem 0.2rem;
    font-size: 0.26rem;}
.isPhone .ck_course_box .ck_course a h3{

    padding-top: 0.45rem;
    font-size: 0.3rem;
    padding-bottom: 0.25rem;}
.isPhone .ck_course_box .ck_course a .label{

    height: auto;}
.isPhone .ck_course_box .ck_course a .label label{

    font-size: 0.2rem;
    margin-right: 0.15rem;
    margin-bottom: 0.1rem;
    padding: 0.02rem 0.1rem;}
.isPhone .ck_course_box .ck_course a .fit{

    font-size: 0.2rem;
    padding: 0.1rem 0;}
.isPhone .ck_course_box .ck_course a .promise{

    font-size: 0.2rem;
    padding: 0.1rem 0;}
.isPhone .ck_course_box .ck_course a .promise i{

}
.isPhone .ck_course_box .activity__box{

    height: auto;}
.isPhone .activity__box.active .promotion{

}
.isPhone .ck_course_box .ck_course a .price{

    font-size: 0.35rem;
    padding-top: 0.15rem;}
.isPhone .activity__box.active .OldPrice{

    overflow: hidden;
    padding-top: 0.25rem;}
.isPhone .floor3 h3.floor3Title{

    position: relative;
    top: 0;
    left: 0;
    font-size: 0.35rem;
    width: 3.6rem;
    margin: auto;
    margin-top: 1rem;}
.isPhone .floor3 h3.floor3Title:before{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .floor3 h3.floor3Title:after{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .floor4 h3.floor4Title{

    position: relative;
    top: 0;
    left: 0;
    font-size: 0.35rem;
    width: 3.6rem;
    margin: auto;
    margin-top: 1rem;}
.isPhone .floor4 h3.floor4Title:before{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .floor4 h3.floor4Title:after{

    width: 0.5em;
    height: 0.23rem;
    background-size: 100% 100%;
    top: 0.13rem;}
.isPhone .list_top_0 .ck_course_box .ck_course a h3{

    padding-top: 0;}
.isPhone .itemList .mores.zdy{

    padding: 0;margin-top: -0.49rem;}
.isPhone .mainRemarks{

    margin: 0 0.2rem;border-radius: 0.15rem;border: 0.01rem solid #fff;padding: 0.2rem;}
.isPhone .mainRemarks .left h3{




    font-size: 0.35rem;
    width: 3.6rem;

    margin-bottom: 0.2rem;}
.isPhone .mainRemarks .left p{

    font-size: 0.26rem;margin-bottom: 0.2rem;}
.isPhone .mainRemarks .left p span{

    font-size: 0.26rem;width: 0.4rem;height: 0.4rem;line-height: 0.4rem;margin-right: 0.15rem;}
.isPhone .mainRemarks .right{

    width: auto;float: none;text-align: center;grid-template-columns: 1fr 1fr 1fr;display: grid;clear: both;padding-top: 0;}
.isPhone .mainRemarks .right .picBox{

    float: none;margin: 0 0.15rem;display: inline-block;}
.isPhone .mainRemarks .right .picBox img{

    width: 1.9rem;height: 1.9rem;}
.isPhone .mainRemarks .right .picBox p{

    font-size: 0.24rem;font-weight: bold;}
.flexLeft ul li#top i{

    padding-left: 5px;}
.zy{



    color: #d02724;
    font-size: 14px;clear: both;text-align: right;padding-top: 10px;}
.isPhone .zy{
    display: block;
    padding: 0.15rem;color: #d02724;font-size: 0.26rem;text-align: left;}




.oldfriendsBox .ggtit {
    background: url(../images/tit_03.png) no-repeat center;
}

.friendContent {
    width: 100%;
    height: 430px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 47px;
    box-sizing: border-box;
}

.friendContentLeft {
    width: 335px;
}

.friendContentLeft h5 {
    width: 314px;
    height: 34px;
    background: url(../images/oldLeftTitle.png) no-repeat center;
    margin-bottom: 42px;
    margin-left: 7px;
}

.oldLeftCon {
    width: 318px;
    height: 257px;
    background: url(../images/oldCounBg.png) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.oldLeftCon h3 {
    font-size: 58px;
    color: #FFF7E6;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
}

.oldLeftCon h3 i {
    font-size: 24px;
    font-weight: 500;
}

.oldLeftCon p {
    color: #E14631;
    font-size: 14px;
    padding: 1px 9px;
    text-align: center;
    line-height: 24px;
    background: linear-gradient(to left, #FFDB8E, #FFE9A5);
    border-radius: 3px 12px 12px 15px;
    margin-top: 7px;
}

.oldLeftCon .oldline {
    width: 90%;
    border: 1px dashed #000000;
    margin: 16px 0 20px 0;
}

.oldLeftCon h6 {
    font-size: 30px;
    color: #FFDEB4;
    font-weight: 600;
    margin-bottom: 12px;
}

.oldLeftCon span {
    font-size: 14px;
    color: #FFDEB4;
    font-weight: 500;
}


.friendContentright {
    width: 529px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-left: 75px;
}

.oldrightCon {
    width: 529px;
    height: 300px;
    background: url(../images/oldrightBg.png) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.friendContentright h5 {
    background: url(../images/oldRightTitle.png) no-repeat center;
}

.code {
    display: flex;
    color: #EC2E29;
    font-size: 26px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.oldrightCon span {
    color: #BA5930;
    font-size: 14px;
    margin-top: 18px;
}
.oldrightCon i {
    margin-top: 73px;
    font-size: 16px;
    color: #FFDEB4;
    font-style: inherit;
}
.isPhone .friendContent {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
}


.isPhone .friendContentLeft h5 {
    display: none;
    height: 1.26rem;
    width: auto;
    background-size: 3.26rem;
    margin-bottom: 0rem;
}

.isPhone .oldLeftCon {
    padding: 0.2rem 0rem;
    width: 100%;
    height: 3rem;
    background-size: 7.8rem 3rem;
}

.isPhone .oldLeftCon h3 {
    font-size: 0.3rem;
}

.isPhone .oldLeftCon h3 i {
    font-size: 0.4rem;
}

.isPhone .oldLeftCon p {
    font-size: 0.26rem;
    padding: 0.05rem 0.2rem;
    border-radius: 0.1rem 0.2rem 0.2rem 0.25rem;
    margin-top: 0.rem;
}

.isPhone .oldLeftCon .oldline {
    border: 0.01rem dashed #ffffff;
    margin: 0.3rem 0rem;
}

.isPhone .oldLeftCon h6 {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}

.isPhone .oldLeftCon span {
    font-size: 0.26rem;
}

.friendContentLeft.friendContentright {}

.isPhone .friendContentright {
    margin: auto;
}

.isPhone .oldrightCon {
    background-size: 6.8rem;
    margin: -0.3rem 2.2rem 0.2rem 2.2rem;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    background-position: left;
}

.isPhone .code {
    margin-left: 1.5rem;
    font-size: 0.28rem;
    margin-top: 1.1rem;
}


.isPhone .oldrightCon span {
    font-size: 0.24rem;
    margin-top: 0.9rem;
    margin-left: 0.6rem;
    color: #ffff;
}

.isPhone .oldrightCon i {
display: none;
}