@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#1E202C; font-size:14px; line-height:24px; }
a{ color:#fff; text-decoration:none;}
img{display: block;border: none;}
a:hover{text-decoration:none;}
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
input,button{font-family:"微软雅黑";}
html,body{ height: 100%; }
.w1200{width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}

/***** scale btn style **/
.content .scale_btn{ transition: all .2s; }
.content .scale_btn:hover{ opacity: .8;transform:scale(1.2,1.2) }


/******** banner **/
.banner{ width: 100%; height: 543px;background: url(/data/static/images/zt/christmas_newyear/christmas_newyear_banner.jpg) no-repeat center; margin:0 auto; }


/******** play_introduce **/
.play_introduce{ width: 100%; height: 1724px;background: url(/data/static/images/zt/christmas_newyear/play_introduce.jpg) no-repeat center; margin:-1px auto 0; }
.play_introduce .btn { padding-top: 1056px;width: 980px;margin:0 auto; }
.play_introduce .btn .exchange_btn{  width: 160px; height: 48px;background: url(/data/static/images/zt/christmas_newyear/exchange_btn.png) no-repeat 0 0; display: inline-block; margin-left: 218px;transition: all .2s; }
.play_introduce .btn .exchange_btn:hover{ opacity: .7; }


/******** enroll_course **/
.enroll_course{ width: 100%; height: 452px;background: url(/data/static/images/zt/christmas_newyear/enroll_course.jpg) no-repeat center;  margin:0 auto; text-align: center; }
.enroll_course .enroll_btn{width: 340px; height: 86px;background: url(/data/static/images/zt/christmas_newyear/enroll_btn.png) no-repeat 0 0; display:inline-block; margin-top: 340px; }


/******** course recommend **/
.course_recommend{ width: 100%; height: 1334px;background: url(/data/static/images/zt/christmas_newyear/course_recommend.png) no-repeat center;  margin:0 auto;  }
.course_recommend .course_btn { text-align: center; padding-top:80px; }
.course_recommend .course_btn a{ margin: 0 50px; transition: all .2s; }
.course_recommend .course_btn a:hover{ opacity: .8; }
.course_recommend .course_btn .consult_btn{ width: 240px; height: 106px;background: url(/data/static/images/zt/christmas_newyear/consult_btn.png) no-repeat 0 0; display: inline-block; }
.course_recommend .course_btn .sign_up_btn{ width: 240px; height: 106px;background: url(/data/static/images/zt/christmas_newyear/sign_up_btn.png) no-repeat 0 0; display: inline-block; }
.course_table{ width: 1094px;  margin:0 auto ; padding-top: 290px; }
.course_table tr th{ height: 62px;line-height: 62px;font-weight: bold;font-size: 24px;color: #fbb925; }
.course_table tr td{ height: 130px;color: #fff;font-size: 20px;text-align: center; border-right: 1px solid #27b47d; }
.course_table tr td:last-child{ border-right: none; }
.course_table tr td p{ width: 500px;text-align: left; font-size: 16px; padding-left: 24px; }
.course_table tr td.w520{ width: 520px; }
.course_table tr td.w180{ width: 180px; }
.course_table tr td .original_price{ text-decoration: line-through; }
.course_table tr .yellow_colour{ color: #fdfa0c; }
.course_table tr .current_price em{ font-size: 24px;padding-right: 5px; }




/****** service */
.service{ width: 100%; height: 370px;background: url(/data/static/images/zt/christmas_newyear/service.png) no-repeat center;  margin:0 auto;text-align: center; }
.service .service_btn{ width: 496px; height: 100px;background: url(/data/static/images/zt/christmas_newyear/service_btn.png) no-repeat 0 0; display:inline-block;margin-top: 250px; }
.more_course{ width: 100%; height: 284px;background: url(/data/static/images/zt/christmas_newyear/more_course.png) no-repeat center;  margin:0 auto;text-align: center; }
.more_course .more_course_btn{ width: 274px; height: 84px;background: url(/data/static/images/zt/christmas_newyear/more_course_btn.png) no-repeat 0 0; display:inline-block;margin-top: 180px; }
.course_service{  width: 100%; height: 936px;background: url(/data/static/images/zt/christmas_newyear/course_service.jpg) no-repeat center;  margin:0 auto; }

.course_advantage{width: 100%; height: 740px;background: url(/data/static/images/zt/christmas_newyear/course_advantage.png) no-repeat center;  margin:-1px auto 0;   }

/****** advantage */
.advantage{  width: 100%; height: 1370px;background: url(/data/static/images/zt/christmas_newyear/advantage.jpg) no-repeat center;  margin:0 auto;text-align: center; }
.advantage .advantage_btn{ width: 498px; height: 102px;background: url(/data/static/images/zt/christmas_newyear/advantage_btn.png) no-repeat 0 0; display:inline-block;margin-top: 1080px; }
.study_way{ width: 100%; height: 1198px;background: url(/data/static/images/zt/christmas_newyear/study_way.jpg) no-repeat center;  margin:0 auto; }
/****** zt_footer */
.zt_footer{ width: 100%; height: 279px;background: url(/data/static/images/zt/christmas_newyear/zt_footer.png) no-repeat center; display:block; }


/***** popup **/
.popup_box{ display:none; }
.popup_transparent { width: 100%;height: 100%; position: fixed;top:0;left:0;background-color: rgb(0, 0, 0); opacity: 0.6; z-index: 99;}
.popup_con{ width: 1200px;  background:#b72224; position: absolute;top:120%;left:50%;margin:0px 0 0 -600px;z-index: 100; border-radius: 20px;overflow:hidden; }
.popup_con .popup_title{  width: 1200px; height: 190px;background: url(/data/static/images/zt/christmas_newyear/popup_title.png) no-repeat 0 0; margin:0 auto; }
.popup_con .btn { text-align: center; padding-top: 15px; }
.popup_con .btn a{ margin: 0 20px;transition: all .2s; }
.popup_con .btn a:hover{ opacity: .8;transform:scale(1.2,1.2) }
.popup_con .btn .course_btn{  width: 330px; height: 94px;background: url(/data/static/images/zt/christmas_newyear/course_btn.png) no-repeat 0 0; display: inline-block;}
.popup_con .btn .other_course_btn{  width: 330px; height: 94px;background: url(/data/static/images/zt/christmas_newyear/other_course_btn.png) no-repeat 0 0; display: inline-block;}
.popup_con .close_icon{ width:43px; height: 43px;background: url(/data/static/images/zt/christmas_newyear/close_icon.png) no-repeat 0 0; display: inline-block; float: right;margin:26px 26px 0 0;cursor:pointer; }
.popup_con .close_icon:hover{  width:43px; height: 43px;background: url(/data/static/images/zt/christmas_newyear/on_close_icon.png) no-repeat 0 0;  }
.popup_table{ width: 1200px; }
.popup_table .table{ width: 1200px;margin:0 auto; }
.popup_table .table tr th{ line-height: 45px; font-size: 24px;color: #fdce10;font-weight: bold; }
.popup_table .table tr td{ height: 60px;color: #fff; font-size: 16px;text-align: center; width: 200px;}
.popup_table .table tr td.w300{ width: 300px; }
.popup_table .table tr:nth-child(even){ background: #d83537; }



/***** snowflake ***/
@keyframes snow_fall{
  0%{top:-3%}
  100%{top:100%}
  }
@-webkit-keyframes snow_fall{
  0%{top:-3%}
  100%{top:100%}
  }

.snowflake {color: #fff;font-size: 24px;text-shadow: 0 0 10px #fe7e45;}
.snowflake{ position: fixed; top:-3%;z-index: 100;
      user-select:none;
      -ms-user-select:none;
      -moz-user-select:none;
      animation-name:snow_fall;
      animation-duration:6s;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
      animation-play-state:running;
      -webkit-user-select:none;
      -webkit-animation-name:snow_fall;
      -webkit-animation-duration:6s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:linear;
      -webkit-animation-play-state:running;

	 }
.snowflake:nth-of-type(1){ left:1%;animation-delay:0s;-webkit-animation-delay:0s,;}
.snowflake:nth-of-type(2){ left:10%;animation-delay:1s;-webkit-animation-delay:1s; }
.snowflake:nth-of-type(3){ left:20%;animation-delay:2s;-webkit-animation-delay:2s;  }
.snowflake:nth-of-type(4){ left:30%;animation-delay:.5s; -webkit-animation-delay:.5s; }
.snowflake:nth-of-type(5){ left:40%;animation-delay:2s;-webkit-animation-delay:2s; }
.snowflake:nth-of-type(6){ left:50%;animation-delay:0s; -webkit-animation-delay:0s; }
.snowflake:nth-of-type(7){ left:60%;animation-delay:4s;-webkit-animation-delay:4s;  }
.snowflake:nth-of-type(8){ left:70%;animation-delay:2s; -webkit-animation-delay:2s;}
.snowflake:nth-of-type(9){ left:80%;animation-delay:3s; -webkit-animation-delay:3s;}
.snowflake:nth-of-type(10){ left:90%;animation-delay:1s; -webkit-animation-delay:1s;}