@charset "utf-8";
/* CSS Document */
#headWrap{ width:1200px; margin:0 auto;}
.topBanner{ overflow:hidden;}
#logo{ float:left; padding:10px 0}
#headWrap .topLink{ float:right; margin-top:20px;text-align:right;}
#headWrap .topLink ul{ overflow:hidden; height:30px;}
#headWrap .topLink ul li{ display:inline-block; margin-left:1px; float:left;}
#headWrap .topLink ul li a{ display:inline-block; font-size:17px; padding:5px; color:#626262;}
#headWrap .topLink ul li a.parents,#headWrap1 .topLink ul li a.parents{ color:red;}
#headWrap .topLink ul li a:hover,#headWrap .topLink ul li.cur a{ color:#60bc50;}
#headWrap1{ width:1200px; margin:0 auto;}
#headWrap1 .location label{ font-size:28px; font-weight:bold;}
#headWrap1 .location span input{ border:1px solid #bebdc2; background:0 none; color:#505050; font-family:Arial,Helvetica,sans-serif; cursor:pointer; padding:1px 2px;}
#headWrap1 .topLink{ float:right;text-align:right;  margin-top:20px;}
#headWrap1 .topLink ul{ overflow:hidden; height:30px;}
#headWrap1 .topLink ul li{ display:inline-block; margin-left:0px; float:left;}
#headWrap1 .topLink ul li a{ display:inline-block;  padding:5px; color:#4b4c51; font-size:17px;}
#headWrap1 .topLink ul li.cur a,#headWrap .topLink ul li a:hover{ color:#60bc50;}
#headWrap1 .topLink ul li a img{ margin-right:3px; vertical-align:middle;}
#headWrap1 .headNav{ overflow:hidden; background:#38b01d;}
#headWrap1 .search_box{ height:68px; background:#FBF5D3;}
#headWrap1 .search_box p{float:left; padding:20px 0 0 20px; position:relative;}
#headWrap1 .search_box p input[type=text]{ width:298px;height:30px; line-height:30px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border-left:1px solid #EBE7CD; border-top:1px solid #EBE7CD; border-bottom:1px solid #DBD7BD; background:#fff;color:#919191; padding-left:5px;}
#headWrap1 .search_box p input[type=submit]{ background:url('../images/searchBtn.png') no-repeat; display:inline-block; width:32px; height:28px; cursor:pointer; position:absolute; left:287px; top:21px; border:0 none;}
#headWrap1 .search_box p img{ vertical-align:middle; margin-right:5px;}
#headWrap1 .topLink ul li a.cur,#headWrap .topLink ul li a:hover,#headWrap .topLink ul li a.cur,#headWrap .topLink ul li a:hover{ color:#60bc50;}
.headNav .shareLink{ width:100%; background:#38b01d;height:23px; line-height:23px; vertical-align:middle;}
.headNav .shareLink span{ float:right;}
.headNav .shareLink img{ vertical-align:middle;}
.headNav .shareLink a{ margin-left:5px;}
ul.mainNav li{ display:inline-block;float:left; margin-right:1px;}
ul.mainNav li a{ display:inline-block; background:#135793; height:23px; padding:0 12px;line-height:23px; vertical-align:middle; color:#fff; font-weight:bold; font-size:14px;}
ul.mainNav li a:hover{  color:#b8ddff;}
ul.mainNav li a.curson{ background:url('../images/top_bar_02.gif') repeat-x; position:absolute; z-index:9; height:28px; margin-top:-5px;border-radius:5px 5px 0 0;}
#headWrap .search_box{ height:68px; background:#FBF5D3;}
#headWrap .search_box p{ padding:20px 0 0 20px; position:relative;}
#headWrap .search_box p input[type=text]{ width:298px;height:30px; line-height:30px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border-left:1px solid #EBE7CD; border-top:1px solid #EBE7CD; border-bottom:1px solid #DBD7BD; background:#fff;color:#919191; padding-left:5px;}
#headWrap .search_box p input[type=submit]{ background:url('../images/searchBtn.png') no-repeat; display:inline-block; width:32px; height:28px; cursor:pointer; position:absolute; left:287px; top:21px; border:0 none;}
#headWrap .search_box p img{ vertical-align:middle; margin-right:5px;}
.checkoutForm{padding: 20px 30px;}
.checkoutForm td{padding-bottom:5px;}
.checkoutForm tr select{margin-bottom:10px;}
.checkoutForm tr textarea[name='os1']{width: 500px; height: 80px; font-size:14px;border:1px solid #ccc;}

#mainWrap{ width:1200px; margin:0 auto;}
.focus-wrap{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.focus-wrap .left-video{
    width: 380px;
    margin-right:30px;
}
.focus-wrap .left-video img{
    width: 380px;
}
.focus-wrap .right-desc{
    flex: 1;
}
.focus-wrap .desc-pic{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.focus-wrap .desc-pic dl{
    flex: 1;
}
.focus-wrap .desc-pic dl dt img{
    width: 160px;
}
.focus-wrap .desc-pic dl dd{
    display: flex;
    margin-bottom: 5px;
    justify-content: space-between;
}
.focus-wrap .desc-pic dl dd a{
    text-decoration: underline;
    color: blue;
}
.desc-content h2{font-size: 14px; margin-bottom: 10px;}
.desc-content p{line-height: normal; margin-bottom: 8px;}
.desc-content p span{font-weight: bold;}
.right-desc .button-item{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.right-desc .button-item a{
    display: inline-block;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 10px;
}
.descrption-wrap .des-tabs{display: flex;justify-content: space-around; height: 40px;line-height: 40px;width: 100%; margin: 30px 0;}
.descrption-wrap .des-tabs span{flex: 1; text-align: center; cursor: pointer; font-size: 16px; font-weight: bold;}
.descrption-wrap .des-tabs .tab1{border:1px solid #ed1b24;color: #ed1b24;}
.descrption-wrap .des-tabs .tab1.select{background: #ed1b24;color: #fff;}
.descrption-wrap .des-tabs span.tab2{border:1px solid #3da060;color: #3da060;}
.descrption-wrap .des-tabs .tab2.select{background: #3da060;color: #fff;}
.descrption-wrap .des-tabs span.tab3{border:1px solid #df8747;color: #df8747;}
.descrption-wrap .des-tabs .tab3.select{background: #df8747;color: #fff;}
.descrption-wrap .des-msg .item-div{display: none;}
.descrption-wrap .des-msg .item-div.show{display: block;}
.des-msg li {line-height: normal; margin: 8px 0; font-size: 16px;list-style-type: disc;}
.des-product{display: flex; justify-content: space-between; margin-top: 25px;}
.des-product .product-item{flex: 1;}
.des-product .product-item h3{margin-bottom: 20px;}
.des-product .product-item p{margin-bottom: 10px;line-height: normal;}
.item-box ul.list{display: flex;justify-content: space-around; font-size: 12px;}
.item-box ul.list li{flex: 1; margin: 0 10px;}
.item-box ul.list li dt{text-align: center;}
.item-box ul.hall li dt{display: flex; align-items: center; height: 500px;}
.item-box ul.list li dt ul{ margin-bottom: 15px; margin-left: 25px;}
.item-box ul.list li dt li{text-align: left; color: #384da6; font-size: 14px; font-weight: bold; line-height: 25px; margin: 5px 0; list-style: initial;}
.item-box ul.list li dt img{width: 500px;}
.item-box .item-title{ height: 30px;line-height: 30px;width: 100%; margin: 25px 0 20px 0; background: #ff7f26; color: #fff; font-size:16px;font-weight: bold;}
.item-tips{color: #4041ab; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px;}
.item-box .knowlekisLine{background: #00a3e8;}
.knowlebox-wrap a.signUp-btn{background: #3e48ce; color: #fff; font-size: 14px;}
.knowlebox-wrap a.signUpParent-btn{background: #ff7d20; color: #fff; font-size: 14px;}
.knowlebox-wrap a.normal-btn{border:1px solid #51545d; color: #415298; font-size: 14px;border-radius: 20px;
  font-size: 14px;
  padding: 5px 10px; margin-left: 25px;}
.product-des{margin-top: 35px;}
.item-box dd.hoo p{font-size: 14px; font-weight: bold;}
.product-pic .big{width: 300px; overflow: hidden;}
.product-pic .big img{ width: 300px; height: 200px; display: block; margin: 0 auto;}
.product-pic .small{margin-top: 20px;}
.product-pic .small img{ width: 60px; height: 60px; }
.product-pic .small a{width: 60px; height: 60px; opacity: 0.4;display: inline-block;margin-right:15px;}
.product-pic .small a.on{  border:2px solid #668CB0;opacity: 1;}
.item-box dd{margin:10px 0; display: inline-block; width: 40%; padding-left: 7%; vertical-align: top; position: relative;}
.item-box dd h3{color: #544796; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.item-box dd h3 span{font-weight: normal;}
.item-box dd p{line-height:24px;}
.topTips{font-size: 18px; font-weight: bolder; color: #4350ac; padding: 10px 0 0 150px;}
.topTips p {text-align: left; line-height: 35px;}
.topTips p span{color: #21b24b; font-style: italic;font-size: 20px;}
.topTips p span span{color: #4350ac;}
.topTips p span font{color: #bf6119;}
.topTips p.two{padding-left: 115px;}
.homeTips{padding-left: 30px; font-size: 17px;}
.homeTips p label{color: #ee1a26;}
/* fcnt */
.fcnt{display:block;width:1100px;margin:10px auto;position:relative;}
.fcnt .mimg{float:left;width:750px;height:550px;overflow:hidden;border: 1px solid #e6e6e6;}
.fcnt .mimg div{display:none;}
.fcnt ul{float:right;width:260px;}
*html .fcnt ul{position:absolute;right:0;top:0;}
.fcnt li{display:block;width:250px;margin-bottom:5px;cursor:pointer;overflow:hidden;}
.fcnt li img{width:250px;}
.fcnt li p,.fcnt dd { color: #444e95; font-weight: bold; font-size: 14px; padding: 15px 0 10px 0;}
.fcnt li p span,.fcnt dd span{ color: #b2323f;}
.fcnt li p font,.fcnt dd font{ color: #3f9d5e;}
.fcnt li p label,.fcnt dd label{ color: #df864a;}
.fcnt li.cur img{width:246px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; border: 2px solid #38b01d;}
*html #tri{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="style/img/point.png");background:none;}
.fcnt dl{position:absolute;bottom:-50px;left:0px;width:750px;height:80px;display:none;  z-index: 9;}
.fcnt dt{line-height:38px;text-align:center;font-size:22px;font-family:"黑体";font-weight:900;}
.fcnt dd{line-height:24px;text-align:center;font-size:14px;}
*html .fcnt dl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="style/img/shadow.png");background:none;}
.img-box{text-align: center;}
.img-box img{width: 1000px;}
.weekly ul.list li dt img{width: 300px;}
.weekly ul.desc li{float: none;text-align: left; color: #384da6; font-size: 14px; font-weight: bold; line-height: 25px; margin: 5px 0 5px 20px; list-style: initial;}
.letter ul.list li dt{overflow: hidden;}
.letter ul.list li dt img{float: left; width: 290px;}
.item-box .item-page{background: #fff; display: flex; justify-content: space-between;}
.item-page .title-left{background: #fdafc9; width:565px;padding-left: 20px;}
.item-page .title-right{background-color: #9ad9ea; width:565px;padding-left: 20px;}
.weekly .item-tips{text-align: left;}
.weekly .item-page .title-left{background: #9ad9ea;}
.weekly .item-page .title-right{background-color: #b5e51d; }
.weekly ul.list li dt h3{ color: #2572a6; font-size: 16px; font-weight: bold; text-align: left;}
.home-tabs-list .des-tabs{width: 100%;background: #38b01d;height: 23px;line-height: 23px;vertical-align: middle}
.home-tabs-list .des-tabs span{color: #ffff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 2px 20px;
  background-color: #ff7f26;
  margin: -2px 0 0 0!important;
display: inline-block;}
.home-tabs-list .des-tabs span.tab2{background: #38b01d;}
.home-tabs-list .des-tabs span.tab3{background: blue;}
.home-tabs-list .des-tabs span.tab4{background: #00a3e8;}
.home-tabs-list .item-div{padding: 10px;font-size:14px;color: #384da6;}
.home-tabs-list .item-div ul{padding: 10px 20px;}
.home-tabs-list .item-div li {list-style: disc; margin: 10px 0;}
.home-tabs-list .item-div li.red{color: red;}
.class-date{display: flex;justify-content: space-between; align-items: center;}
.class-date .date-list li {display: inline-block;width: 52px; padding: 8px; background: blue; margin-left: 5px; border-radius: 5px;}
.class-date .date-list li p{text-align: center; font-size: 14px; color: #fff; font-weight: bold; line-height: 1.5;}
.class-type,.class-time{background: blue;border-radius: 5px;font-size: 14px; color: #fff; font-weight: bold; text-align: center;}
.class-type{padding:13px 25px;}
.class-time{padding:21px 26px; margin-left: 5px;}
.class-list{display: flex; justify-content: space-between;}
.class-list .class-left{width: 310px;}
.class-list .class-left li{display: flex; justify-content: space-between; margin-top: 10px;}
.class-list .class-left .class-img{width: 120px;}
.class-list .class-left .class-img img{width: 120px;border-radius: 5px;}
.class-list .class-left .class-desc{flex: 1; padding: 5px 15px;}
.class-list .class-left .class-desc h2{margin-bottom: 5px;}
.class-list .class-left .class-desc p{margin-top:5px;}
.class-list .class-left .class-desc p .bookBtn:hover{box-shadow: rgba(1, 1, 1, 0.05) 2px 4px 8px 0px;}
.class-list .class-left .class-desc p .bookBtn{background: #ccc; cursor: pointer; border: 0 none; color: #222; width: 100%; padding: 8px 0; font-weight: bold; border-radius: 5px;}
.class-right{flex: 1; margin-left: 20px;}
.class-right ul ul{display: flex; justify-content: space-between;}
.class-right ul li li{width: 59px; padding: 5px 5px 0 5px;margin-top: 10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;border-radius: 4px;}
.class-right ul li li:not(.none){border: 1px solid #fff;}
.class-right ul li li:not(.none):hover{border: 1px solid blue; cursor: pointer;}
.class-right ul li li.none{background-color: rgb(234, 234, 235)}
.class-right ul li li p button{font-size: 12px; cursor: pointer; width: 100%; line-height: 32px;border-radius: 2px;
  color: rgb(255, 255, 255);padding: 0; border: 0 none;background: linear-gradient(to right top, rgb(93, 184, 124), rgb(138, 204, 122));}
.class-info,.class-btn{
  display: flex;
  justify-content: space-between;
  width: 650px;
}
.class-info li{margin-bottom: 20px;}
.class-info li h3{margin-bottom: 10px;}
.class-info li p.tag{color: rgb(138, 204, 122);}
.class-info .info-left{width: 160px;}
.class-info .info-right{flex: 1;}
.class-btn button{width: 150px; height: 45px; line-height: 45px;text-align: center; border: 0 none; border-radius: 4px;cursor: pointer; font-size: 14px; font-weight: bold;}
.class-btn button.book-btn{background: linear-gradient(to right top, rgb(93, 184, 124), rgb(138, 204, 122));color: #fff;}
#classSignup h2{background: linear-gradient(to right top, rgb(93, 184, 124), rgb(138, 204, 122)); text-align: center;}
.classSignup{width: 340px;}
.classSignup p {margin-bottom: 10px;}
.classSignup p label{font-weight: bold; font-size: 14px;}
.classSignup p.btn{margin-top: 35px; text-align: right;}
.classSignup p.btn button{width: 100px;text-align: center;height: 30px;line-height: 30px; margin-left: 20px; border: 0 none; border-radius: 10px;cursor: pointer;}
.classSignup p.btn button.addCart{background-color: #ff7f26;}
ul.applist{display: flex; justify-content: space-between;}
ul.applist li{width: 150px; margin: 5px 10px;font-size:12px; text-align: center;color:#4041ab;}
ul.applist li img{width: 150px;}
ul.applist li p{padding-top:10px;}
ul.applist li a{display: block; margin-top: 5px;font-weight: bold;text-decoration: underline;}
.moreapp{margin-top:15px;display: block; padding: 15px 20px; font-size: 14px; width: 75px; color: #fff; background: linear-gradient(to right top, rgb(93, 184, 124), rgb(138, 204, 122)); border-radius: 10px;}
.halloween h3{font-weight: bolder; font-size: 17px;color: #ff7f26; margin: 40px 0 20px 20px;}
.halloween ul{margin-left: 20px;}
.halloween ul li{font-size: 16px; font-weight: bold; color: #4350ac; list-style: disc; margin-bottom: 10px;}
.halloween p img{width: 500px; margin: 20px 0;}
@media only screen and (max-width: 1029px){
    ul.applist{display: block !important;}
    ul.applist li{display: inline-block; width: 30%; box-sizing: border-box;}
    ul.applist li img{width: 100%;}
    ul.applist li p,ul.applist li a{font-size: 3em !important;}
    .moreapp{width: 5em; padding: 1em 2em; font-size: 3em;}
    .item-page .title-left,.weekly .item-page .title-right{line-height: 2em; height: 2em;}
    .des-msg li{font-size: 0.7em;}
  .checkoutForm{padding: 2em 3em;}
  .checkoutForm td{padding-bottom:0.5em; font-size:3em;}
  .checkoutForm tr select{margin-bottom:1em;font-size:1em;}
  .checkoutForm tr select option{font-size:0.2em;}
  .checkoutForm tr textarea[name='os1']{width: 16em; height:4em; font-size:1.6em;}
  .checkoutForm input[name="submit"]{width:40em;}
    .topTips{
        padding: 1em 2em !important;
        font-size: 3em;
    }
    .topTips p{
        line-height: 2em;
    }
    .item-tips{
        font-size: 2.5em;
        padding: 1em;
    }
    .topTips p:not(:first-child){
        padding-left: 0em;
    }
    .item-box dd h3 {
      font-size: 2.5em;
    }
    .item-box dd p{
        font-size: 2.5em;
        line-height: 1.6em;
    }
    .item-box dd p.price{
        font-size: 3.5em; 
    }
    .item-box .item-title{
        font-size: 3.2em;
        height: 2em;
        line-height: 2em;
    }
    .headNav .shareLink{
        flex-direction: column;
        background: 0 none;
        height: auto !important;
    }
    .fcnt li p, .fcnt dd{
        font-size: 2.2em;
        text-align: left;
    }
    .fcnt li p{
      width: 10em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .item-box ul.list{
        display: initial;
    }
    .weekly ul.list li dt img{
        width: 100%;
    }
    #headWrap .topLink ul{
        height: auto;
    }
    #headWrap .topLink ul li a{
        font-size: 3.5em;
    }
    .shareLink a img{
        width: 5em;
    }
    .topBanner{
        padding: 1em 0;
    }
    #logo img{
        width: 34em;
    }
    .item-box ul.list li dt li,.weekly ul.desc li{
        font-size: 2em;
        line-height: 2em;
    }
    .item-box ul.list li,.weekly ul.desc li{
        margin: 1em 2em;
        line-height: 2em;
    }
    .weekly ul.list li dt h3{
        font-size: 2.5em;
        margin-bottom: 1em;
        line-height: 2em;
    }
    .halloweenDiv{
      padding: 0 3em;
    }
    .halloween p img{
      width: 100%;
    }
    .item-box ul.hall li dt{
      height: auto;
      display: block;
    }
    .item-box dd{width: 100%;}
    .item-box ul.hall li dt img{
      width: 100%;
    }
    .item-box dd.hoo p{font-size: 3rem;}
    .item-box dd.hoo form td{
      font-size: 3rem;
    }
    .item-box dd.hoo form td input[type="text"] {
      width: 100%;
      height: 5rem;
      border: 1px solid #222;
      font-size: 3rem;
    }
    .item-box dd.hoo form input[type="image"] {
      width: 25rem;
      margin-top: 2rem;
    }
    .appList li p{
      font-size: 2.4rem !important;
    }
    .appList li{
      width: 45% !important;
    }
    .appList li img{
      width: 90% !important;
    }
}
@media only screen and (min-width: 1029px){
}