*{ margin:0; /*box-sizing:border-box;*/}
input, button, select, textarea, a, object { outline: none !important; }
ul{ margin: 0; padding: 0; list-style: none;}
body {font-family: "Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif; color: #89a; font-size:14px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.text-left{ text-align: left !important;}
.text-right{ text-align: right !important;}
.text-center{ text-align: center !important;}
.text-padding-left{ padding-left:40px !important;}
.border-b-none{ border-bottom:none !important;}
.clearfix {display:block;}
.clearfix:after,.clearfix:before{ display:table;content:" "}
.clearfix:after{ clear:both;}
.pull-left{ float:left;}
.pull-right{ float:right;}
a{ text-decoration:none; }



@font-face {
	font-family: 'EF355B1F2068BD5E';
	src: url('../fonts/EF355B1F2068BD5E.ttf') format('TrueType'),
	     url('../fonts/EF355B1F2068BD5E.woff') format('woff'),
	     url('../fonts/EF355B1F2068BD5E.eot') format('embedded-opentype');
	     font-weight: normal;
	     font-style: normal;
	     font-display: swap;
}

.cssEF355B1F2068BD5E {
	font-family: 'EF355B1F2068BD5E';
}
		 
.some-study-evaluate{ height:406px; width:1150px; overflow:hidden;}

.tag{ width:300px; height:100px;position:relative; background-color:#09F;}
.arrow{ position:absolute; width:70px; height:60px; left:-70px; bottom:10px;}
.arrow *{ display:block; position:absolute; border-style:dashed solid solid dashed; font-size:0; line-height:0; }
.arrow em{border-color:transparent #09F #09F transparent; border-width:30px 35px;}
.arrow span{ border-width:20px 35px;border-color:transparent #FFF #FFF transparent; bottom:0;}

.body-w{ overflow:hidden;}
.header{ background:rgba(255,255,255,0.95); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); color: #333; height:80px;  position: absolute; top:0; left:0; right:0; z-index:100; min-width:1200px;}
.headerScroll{ position:fixed; top:0; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.10); color:#fff; -webkit-animation:NavSlideDown 0.4s ease-in-out forwards; -moz-animation:NavSlideDown 0.4s ease-in-out forwards; animation:NavSlideDown 0.4s ease-in-out forwards; -webkit-transform:translateZ(0);}

.header-content{ max-width:1175px; margin:0 auto;}
.logo a{ background: url(../images/logo.png) no-repeat; width:200px; height:44px; display:block; margin:18px 0; padding: 0; text-indent: -999em;}
.login-area a.btn-login{ background: #68b44a; color:#fff;  width: 126px; height: 36px; text-align: center; line-height: 36px; border-radius: 18px; display: inline-block; margin: 22px 0;}
.login-area a.btn-login i{ background: url(../images/login-wechart.png)  no-repeat center center; vertical-align: middle; margin-right: 6px; width: 20px; height: 16px; display: inline-block;}
.buy-question{ margin-right:18px;}
.entry{ max-width:1200px; min-width:1200px; margin:0 auto; }
.page{ min-width:1200px; font-style:italic; /* font-weight:bold;*/}
.page h2{ font-size:48px; color:#000; text-align:center; padding:70px 0 50px; font-weight:normal; font-style:italic; position:relative;  }
.page h2:after{ content:" "; display:inline-block; width:108px; background:#d0d0d0; height:2px; position:absolute; left:548px; top:159px;}
.page h3{ font-weight:normal; font-size:28px; letter-spacing:6px; text-align:center; font-style:italic; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff873e), to(#e44344)); -webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.page1{ background:url(../images/bg.jpg) no-repeat center; height:700px; }
.page1 .entry{ width:1200px; margin:0 auto; padding-top:80px;}
.day-study img{ width:303px; height:129px; float:left;}

.page-course .entry{ margin: 0 auto;}
.page-course{ background: #f5f5f5; margin-top:80px;}
.course-list-items{ min-height: 240px; position: relative; cursor: pointer;}
.course-list-item{ margin: 75px 0; float: left; border-radius: 4px; ; margin-right: 40px; display: inline-block; }
/*.course-list-item:hover,*/ .course-list-item.active{ position: relative;  margin: 45px 50px 45px 0; }
.course-list-item:last-child{ margin-right: 0;}
/*.course-list-item:hover:last-child,*/ .course-list-item.active:last-child{ margin: 45px 0 !important;}
.course-list-item-last{ cursor: pointer;}
.course-list-item-last{ background: url(../images/course-more.png) no-repeat 0 0; width: 182px; height: 95px; position: absolute; right: 0; top: 75px; text-indent: -999em;}
/*.course-list-item-last:hover{ background-position: 0 -95px;}*/
/* animation */
.course-list-item .pic{
	width: 182px; height: 95px; border-radius: 6px; overflow: hidden;
    transition: 
        clip 0.4s 0.2s cubic-bezier(0,.3,.6,1),
        transform 0.4s 0.2s ease,
        opacity 0.4s 0.2s ease, 
        -webkit-transform 0.4s 0.2s ease,
        -webkit-clip 0.4s 0.2s cubic-bezier(0,.3,.6,1);
		transform:scale(0.95);
}
/*.course-list-item:hover .pic,*/ .course-list-item.active .pic{
	transform: scale(1);
	width: 304px; height: 154px;
}    
/*.course-list-item:hover::before,*/ .course-list-item.active::before{content:""; 
	border-top: 15px solid #f5f5f5;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	bottom:-60px;
	left: 50%;
	margin-left: -20px;
	width: 0; height: 0;
	display: block !important;
	}


.year{display: inline-block; border-radius:4px; font-size:34px; padding: 0 20px; margin-left:20px; background: -webkit-linear-gradient(#ff873e, #e44344); background:-o-linear-gradient(#ff873e, #e44344); background: -moz-linear-gradient(#ff873e, #e44344); background: linear-gradient(#ff873e, #e44344);color:#fff;transform: skew(-15deg);}
.year span{ font-style:normal;}
.title{ text-align:center;  font-style:italic; }
.title h1{ font-weight:normal; display:inline-block; font-size:48px; padding-bottom:10px; letter-spacing:8px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffef3f), to(#ffc514)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;  }
.sale-volume { font-size:26px;  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffef3f), to(#ffc514)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sale-volume span:first-child{ width:40px; display:inline-block; font-size:21px; line-height: 1.4; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffef3f), to(#ffc514)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sale-volume p:last-child{ font-size:36px; width:auto;}
.sale-volume span.sale-num { margin-right:20px; font-size:146px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffef3f), to(#ffc514)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.course-feature { color:#222045; margin-top:15px; text-align: center;}
.course-feature li{ display: inline-block; padding:0 16px;  margin-right:19px; height:42px; line-height:47px; letter-spacing:2px; font-style:italic; border-radius:20px; background:#fff; text-align:center; font-size:16px;}
.course-feature li:last-child{ margin-right:0;}
.purchase{ font-style:italic; text-align:center; }
.purchase p{ font-size:25px; color:#fff; letter-spacing:4px;}
.purchase p span{ text-decoration:line-through;}
.purchase-btn{ display:block; width:290px; height:80px;font-style:italic; letter-spacing:2px; line-height:80px; font-size:38px; color:#000; border-radius:48px; margin:80px auto 35px; text-align:center; background: -webkit-linear-gradient(#ffef3f, #ffc514); background:-o-linear-gradient(#ffef3f, #ffc514); background: -moz-linear-gradient(#ffef3f, #ffc514); background: linear-gradient(#ffef3f, #ffc514);}
.time-limit{ font-size:16px; color:#ffc919; margin-top:20px; letter-spacing:2.5px;}
.time-limit span{ color:#ff2212; font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif;}
.module-course-part{ position:relative; float:left; margin:0 30px 30px 0; width:380px; padding:50px 0 60px; border-radius:6px; background: -webkit-linear-gradient(#ffef3f, #ffc514); background:-o-linear-gradient(#ffef3f, #ffc514); background: -moz-linear-gradient(#ffef3f, #ffc514); background: linear-gradient(#ffef3f, #ffc514); }
.module-num{ width:100px; height:42px; line-height:42px; text-align:center; color:#fff;  border-radius:0 0 5px 5px; position:absolute; top:0; left:20px; font-size:20px;  background: -webkit-linear-gradient(#ff873e, #e44344); background:-o-linear-gradient(#ff873e, #e44344); background: -moz-linear-gradient(#ff873e, #e44344); background: linear-gradient(#ff873e, #e44344);}
.module-course li:nth-child(3n){ margin-right:0;}
.module-course li:first-child dl{ width:182px; margin:0 auto; }
.module-course li:nth-child(4) dl{ width:225px; margin:0 auto; }
.module-course li:nth-child(2) dl, .module-course li:nth-child(3) dl,  .module-course li:nth-child(6) dl{ width:260px; margin:0 auto; }
.module-course li:nth-child(5) dl{ width:290px; margin:0 auto;}
.module-course li:nth-child(2) dl dt{ padding:4.5px 19px;}
.module-course li:nth-child(3) dl dt{ padding:0 30px 0.5px;}
.module-course li:nth-child(4) dl dt, .module-course li:nth-child(6) dl dt{ padding:6.2px 12px;}
.module-course li h4{ font-size:20px; color:#333; text-align:center; padding-bottom:25px; /*font-style:italic;*/ line-height:30px; font-weight:bold; transform: skew(-8deg);}
.module-course li dt{ color:#333; font-size:16px; padding:0 12px; /*font-style:italic;*/ letter-spacing:5px; padding-bottom:4px; transform: skew(-8deg); opacity:0.8;}
.module-course li dt:before{ content:" "; display:inline-block; width:5px; height:5px; border-radius:50%; margin-right:6px; background:#6e5c2e;}
.module-course li dl dd{ background:url(../images/icon_2.png); width:64px; height:64px; margin:5px auto 10px;}
.module-course li:first-child dl dd{ background-position:0 0;}
.module-course li:nth-child(2) dl dd{ background-position:-64px 0;}
.module-course li:nth-child(3) dl dd{ background-position:-129px 0;}
.module-course li:nth-child(4) dl dd{ background-position:-194px 0;}
.module-course li:nth-child(5) dl dd{ background-position:-260px 0;}
.module-course li:nth-child(6) dl dd{ background-position:-325px 0;}
.page2 dl{ font-family: "Microsoft YaHei", SimHei, Helvetica, Tahoma, Verdana, Arial, sans-serif ; font-weight:bold;  font-style:normal;}
.page2 h3{ padding-bottom:70px;}
.page3 h4{ text-align:center; padding:50px 0 25px; letter-spacing:15px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff873e), to(#e44344)); -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:60px; font-style:italic;}
.page3 p{ text-align:center; color:#e44444; font-size:30px; letter-spacing:5px; font-style:italic;}
.page3-img{ background:url(../images/chart_2.png); width:1079px; height:346px; margin:80px auto 40px;}
.set-in{ position:relative; width:480px; padding:45px 33px 60px; height:300px; box-sizing:border-box; border-radius:6px; background: -webkit-linear-gradient(#ffef3f, #ffc514); background:-o-linear-gradient(#ffef3f, #ffc514); background: -moz-linear-gradient(#ffef3f, #ffc514); background: linear-gradient(#ffef3f, #ffc514);}
.set-in h5, .feedback h5{ color:#000; font-size:24px; padding:5px 0 10px;}
.set-in h5{ padding:6px 0 15px;}
.set-in p{ line-height:22px;}
.set-in p, .feedback p{ font-weight: bold; font-style:normal; transform:skew(-2deg); color:#333; font-size:16px; font-family:"Microsoft YaHei", SimHei, Helvetica, Tahoma, Verdana, Arial, sans-serif; text-align:left;}
.set-in img{ width:100px; height:100px;}
.feedback img{ width:100px; height:100px; margin:40px auto;}
.feedback{ position:relative; width:278px; padding:50px 36px 60px; height:550px; box-sizing:border-box; border-radius:6px; background: -webkit-linear-gradient(#ffef3f, #ffc514); background:-o-linear-gradient(#ffef3f, #ffc514); background: -moz-linear-gradient(#ffef3f, #ffc514); background: linear-gradient(#ffef3f, #ffc514);}
.feedback .module-num{ left:90px;}
.feedback p{ padding-top:20px; line-height:35px;}
.answer img{ width:816px; height:574px;}
.tutor { border-bottom:1px solid #dedede; padding:80px 0 60px;}
.tutor-last { padding:85px 0 70px;}
.verify img{ width:594px; height:314px;}
.page4 .entry{ text-align:center;}
.discount li{ float:left; margin-right:30px;}
.discount li:last-child{ margin-right:0;}
.discount li img{ width:483px; height:329px; }
.discount{ width:1000px; margin:80px auto 100px;}
.page5 p{ font-size:32px; color:#000;}
.page5 p span{ text-decoration:line-through;}
.time-out{ font-size:30px; color:#ffc919; padding-top:20px;}
.time-out span{ color:#ff2212; font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif;}
.module-course{ margin-bottom:40px;}
.increase-fan li{ float:left; font-size:32px; color:#000; letter-spacing:6px; margin-left:224px;}
.increase-fan li:last-child{ color:#38c432; margin-left:286px;}
.tutor-last p{ line-height:35px;}
.attention-course{ color:#323134; font-size:18px; padding-bottom:100px;}
.num-one{ margin-right:-10px;}



.page5 .entry{ margin:0 auto; text-align:center;}
.style-line{ width:600px; margin:0 0 12px;}
.style-line dl{ float:left; position:relative; margin:0 30px 30px 0;}
.style-line dl:nth-of-type(6n){ margin-right:0;}
.style-line dl i{background: url(../images/sptites.png) no-repeat; display:inline-block; margin:22px 0;}
.style-line dl .sequence{ width:74px; height:74px; border-radius:50%;}
.style-line dl .progress-line{ background:url(../images/line.png) no-repeat; height:1px; width:10px; position:absolute; top:40px; left:84px;}
.style-line dl:nth-of-type(1){ margin-right:30px;}
.style-line dl:nth-of-type(1) dt{ background-color:rgba(107,171,224,0.15);}
.style-line dl:nth-of-type(2) dt{ background-color:#e3f4ee;}
.style-line dl:nth-of-type(3) dt{ background-color:rgba(245,202,35,0.20);}
.style-line dl:nth-of-type(4) dt{ background-color:rgba(228,124,124,0.15);}
.style-line dl:nth-of-type(5) dt{ background-color:rgba(126,91,247,0.15);}
.style-line dl:nth-of-type(6) dt{ background-color:rgba(20,166,215,0.15);}
.style-line dl:nth-of-type(7) dt{ background-color:rgba(228,124,124,0.15);}
.style-line dl:nth-of-type(8) dt{ background-color:rgba(107,171,224,0.15);}
.style-line dl:nth-of-type(9) dt{ background-color:rgba(245,202,35,0.20);}
.style-line dl:nth-of-type(10) dt{ background-color:#e3f4ee; margin-left:2px;}
.style-line dl:nth-of-type(11) dt{ background-color:rgba(127,92,247,0.15);}
.style-line dl:nth-of-type(12) dt{ background-color:rgba(228,124,124,0.15);}
.style-line dl:nth-of-type(1) dt i{ width:26px; height:25px; background-position:-165px -1px;}
.style-line dl:nth-of-type(2) dt i{ width:32px; height:30px; background-position:-191px 0;}
.style-line dl:nth-of-type(3) dt i{ width:21px; height:26px; background-position:-223px -0px;}
.style-line dl:nth-of-type(4) dt i{ width:32px; height:22px; background-position:-245px 0;}
.style-line dl:nth-of-type(5) dt i{ width:24px; height:24px; background-position:-278px 0px;}
.style-line dl:nth-of-type(6) dt i{ width:28px; height:24px; background-position:-305px 0;}
.style-line dl:nth-of-type(7) dt i{ width:28px; height:32px; background-position:-333px -30px;}
.style-line dl:nth-of-type(8) dt i{ width:32px; height:32px; background-position:-366px -32px;}
.style-line dl:nth-of-type(9) dt i{ width:28px; height:28px; background-position:-386px -1px;}
.style-line dl:nth-of-type(10) dt i{ width:32px; height:22px; background-position:-415px 0;}
.style-line dl:nth-of-type(11) dt i{ width:26px; height:24px; background-position:-448px 0;}
.style-line dl:nth-of-type(12) dt i{ width:30px; height:26px; background-position:-475px 0;}
.style-line dl dd{ font-size:14px; color:#000; font-weight:bold; margin-top:30px; font-family:"Microsoft YaHei", SimHei, Helvetica, Tahoma, Verdana, Arial, sans-serif;}
.style-line dl:nth-of-type(1) dd{ margin-left:4px;}
.style-line dl:nth-of-type(3) dd{ margin-left:4px;}
.style-line dl:nth-of-type(4) dd{ margin-left:4px}
.page5 .q-code img{ width:200px; height:200px; display:block; margin:70px auto 40px; }
.page10{ font-style:normal; font-weight:normal;}
.increase-fan{ padding-bottom:80px;}


.page12{ background:#262528; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; font-style:normal; color: #888;}
.product-item{ padding:30px 40px;}
.product-item .logo{ background: url(../images/logo-dkt-w.png) no-repeat;  width: 160px; height: 40px; display: block; text-indent: -999em; margin-bottom: 20px;}
.product-item-info{ border-bottom: 1px solid #2e2d30; padding-bottom: 30px; }
.product-item-col{ padding-top: 30px; height:136px;}
.product-item-col dl{ width: 360px; margin-right: 40px; float: left;}
.product-item-col dt{background:#f0f0f0; border-radius:4px; width:106px; height:106px; float: left; margin-right: 20px;}
.product-item-col dt img{ border-radius:4px; width:106px; height:106px;}
.product-item-col dd{font-size:13px; color:#a8a8a8; line-height: 1.4;}
.product-item-col dd h6{font-size:18px; color:#ffffff; padding: 8px 0;}
.product-list{ width: 220px !important; padding-left: 60px;}
.product-list h5{font-size:18px; color:#ffffff; padding-bottom: 10px;}
.product-list dd a{font-size:14px; line-height: 1.6; color: #888;}
.product-list dd a:hover{ color: #888; text-decoration: underline;}
footer{background:#1a1a1b; height:60px;}
.copyright{ text-align: center; line-height: 60px;}

/*瀹㈡湇*/
.footerBtns{position:fixed;z-index:999;right:50px;bottom:60px;width:48px;-webkit-transform: translateZ(0);}
.footerBtns .icon{ display:block; margin-top:5px; width:48px; height:48px; background:url(../images/btns_service.png) no-repeat; border-radius:2px;  transition:all 0.18s ease-out 0s;  position:relative; z-index:1; cursor:pointer;}
.footerBtns .s1{ background-position:0 0; height:48px;}
.footerBtns .s1 a{ display:block; width:48px; height:48px;}
.footerBtns .s1:hover{ background-position:0 -48px;}
.footerBtns .s2{ background-position:-48px 0;}
.footerBtns .s2:hover{ background-position:-48px -48px;}
.footerBtns .s3{ background-position:-96px 0;}
.footerBtns .s3:hover{ background-position:-96px -48px;}
.footerBtns .btnEntry{ display:none; position:absolute; width:162px; left:-172px; bottom:0; padding-right:10px; color:#666;}
.footerBtns .icon:hover .btnEntry{ display:block;}
.footerBtns .qrcode{ width:140px; padding:10px; background:#fff; border:1px solid #2cbe6d; font-size:14px; color:#7a8a9a; text-align:center;}
.footerBtns .qrcode img{ display:block; width:100%; margin-bottom:5px;}
.footerBtns .contact{ font-size:14px; width:140px; padding:10px; background:#fff; border:1px solid #2cbe6d; border-radius:2px;}
.footerBtns .contact h4{ font-size:16px; color:#7a8a9a; margin-bottom:10px; font-weight:bold;}
.footerBtns .contact li{ background:#2cbe6d; width:100%; height:36px; line-height:36px; border-radius:3px; margin-bottom:10px;}
.footerBtns .contact li a{ display:block; color:#fff; padding:0 10px; text-align:left; transition:all 0.18s ease-out 0s;}
.footerBtns .contact li a:hover{ background:#28a547; border-radius:3px;}
.footerBtns .contact li i{ margin-right:4px;}
.footerBtns .contact li:last-child{ margin-bottom:0;}
.footerBtns .arrow{ position:absolute; z-index:1; right:5px; bottom:15px; width:10px; height:10px; background:#fff; border:1px solid #2cbe6d; border-width:1px 1px 0 0; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}


/*寮圭獥*/
.cope-mask{ position:fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); overflow-y:auto; }
.pop-up{ width:800px; background:#fff; margin:0 auto; position:absolute; top:80px; left:50%; margin-left:-400px; color:#333;}
.header-contents{ height:54px; background:#fafafa; line-height:54px; padding:0 20px 0 30px;}
.close{ background: url(../images/sptites.png) no-repeat; width:10px; height:10px; margin-top:20px; background-position:-2px -70px; }
.main-content{ padding:50px 0 30px; width:632px; margin:0 auto; border-bottom:1px solid #eee;}
.bargin{ font-size:30px; color:#333; float:left; letter-spacing:2px;}
.bargin em { font-size:16px; color:#999; padding-left:10px; font-style:normal;}
.bargin em p{ text-decoration:line-through; display:inline-block;}
.time{ float:right; font-size:12px;}
.course-purchase{ font-size:16px;}
.time span{ background:rgba(0,0,0,0.20); border-radius:2px; width:19px; height:18px; display:inline-block; text-align:center; font-size:14px; margin-top:7px;}
.theme-content h4{ font-size:16px; color:#999; padding:16px 0 27px; font-weight:normal;}
.theme-content li{ font-size:16px; margin:0 0 12px 20px; list-style:disc; }
.pay-style h4{ font-size:16px; color:#999; padding:15px 0 20px; font-weight:normal;}
.footers { padding: 30px 0;}
.footers p{ color:#333; font-size:14px; text-align:center; padding-top:20px;}
.btn-sure{ display:block; background:#1dc48b; border-radius:6px; width:200px; height:52px; line-height:52px; text-align:center; margin:0 auto; font-size:22px; color:#fff;}
.pay-style li{ float:left; padding-right:40px;}
.p-block li{ padding-right:20px; float:left;}
.p-block li:first-child{ line-height:48px; color:#585858;}
.p-block li img{ vertical-align:middle; margin-right:20px;}
.p-block a.how-to-pay{ line-height:48px; color:#3489db;}
.p-month, .pay-type{ cursor:pointer;}
.pay-type img{ vertical-align:middle;}
.qr-code{ width:200px; height:200px; padding:9px; border:1px solid #e2e2e2; border-radius:4px; margin:0 auto;}
.wechat-scan{ font-weight:normal; font-size:20px; text-align:center; padding-bottom:20px;}
.wechat-scan-purchase{ color:#333; text-align:center; padding:30px 0;}
.no-border{ border-bottom:none;}
.purchase-success{ background:url(../images/success.png) no-repeat; width:56px; height:56px; margin:0 auto 15px;}
.purchase-failure{ background:url(../images/icon-failure.png) no-repeat; width:64px; height:64px; margin:0 auto 15px;}
.expeciall .wechat-scan{ padding-bottom:0;}
.expeciall .wechat-scan-purchase{ padding:10px 0 20px;}
.purchase-question{ width:422px; color:#333;}
.purchase-question h4{ font-size:20px; text-align:center; padding-bottom:25px; font-weight:normal;}
.purchase-question ul li{ list-style:disc; font-size:14px; margin:0 0 15px 48px; }
.btn-group{ text-align: center;}
.pay-success{ background:#1dc48b; border-radius:6px; width:200px; height:52px; line-height:52px; display:inline-block; font-size:18px; color:#fff; text-align:center; margin:20px 16px 0 0;}
.pay-fail{ background:#ffffff; border:1px solid #e1e1e1; border-radius:6px; width:198px; height:50px; line-height:50px; display:inline-block;  font-size:18px; color:#999; text-align:center;}
.pay-success:hover, .btn-sure:hover{ background:#18a575;}
.pay-fail:hover{ border:1px solid #1dc48b;}
.bargin span{ color:#e03d44;}
.footer p a{ color:#07a3e8;}
.icon-info{ background: url(../images/icon_info.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}
.purchase-info{ color:#fff; position:absolute; right:116px; top:37px;}
.theme-content{ margin-bottom:40px;}



.modal-320{ max-width:320px; margin:70px auto; background:#fff; border-radius:4px;}
.modal-header{ background:#fafafa; border-radius:3px 3px 0 0; padding:15px; border-bottom:1px solid #e9ecef;}
.modal-title{ font-size:16px; color:#333;}
.close{ border:0; float:right; cursor:pointer; margin-top:-18px; padding:10px;}
.modal-body{ padding:30px;}
.qrcode-area .qrcode{ width:200px; height:200px; margin:0 auto;}
.qrcode-area p{ text-align:center; padding-top:10px;}

.header a.buy-question{ color:#888; display:inline-block; margin-top:30px; font-size:15px;}
.login-area a.btn-login:hover{ color:#fff; background-color:#34991f;}
.header a{ color:#888; transition:all 0.18s ease-out 0s;}
.header a:hover{ color:#4cb736;}
.header .nav{ float:left; margin:36px 0 0 60px; line-height:10px; font-size:18px;}
.header .nav li{ float:left; padding:0 25px;}
.header .nav li.current a{ color:#4cb736;}
.header .nav .flagNew{ position:relative;}
.header .nav .flagNew span{ position:absolute; right:-34px; top:-6px; background:#FF3537; color:#FFF; display:inline-block; padding:2px 3px; border-radius:2px; font-size:9px; line-height:1;}

/* 閫夋嫨妗� */
.control-checkbox {}
.control-checkbox-label { line-height: 22px; font-weight: normal; color: #89a; }
.icheckbox_square-green, .iradio_square-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(../images/green.png) no-repeat; border: none; cursor: pointer; margin-right: 10px; }
.icheckbox_square-green { background-position: 0 0; }
.icheckbox_square-green.hover { background-position: -24px 0; }
.icheckbox_square-green.checked { background-position: -48px 0; }
.icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; }
.icheckbox_square-green.checked.disabled { background-position: -96px 0; }
.iradio_square-green { background-position: -120px 0; }
.iradio_square-green.hover { background-position: -144px 0; }
.iradio_square-green.checked { background-position: -168px 0; }
.iradio_square-green.disabled { background-position: -192px 0; cursor: default; }
.iradio_square-green.checked.disabled { background-position: -216px 0; }
/* 灞傚彔婊戝姩 */
#certify {position: relative; width: 1200px; margin: 0 auto}
#certify .swiper-container {padding-bottom: 40px;}
#certify .swiper-slide {width: 520px;height: 408px; margin: 0 auto;}
#certify .swiper-slide img{ display:block; }
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-button-prev {
	left: -30px;
	width: 22px;
	height: 38px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;}
#certify .swiper-button-prev:hover {background-position:-22px 0 ;}
#certify .swiper-button-next {
	right: -30px;
	width: 22px;
	height: 38px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position:-44px 0 ;
}
#certify .swiper-button-next:hover {background-position:-66px 0 ;}
.more-course-title{background: url(../images/more-course-titl.png) no-repeat; width: 800px; height: 50px; display: block; margin:0 auto 100px;}
.more-course-info{ color: #666; font-size: 18px; text-align: center; line-height: 1.5; padding-bottom: 140px; font-style: normal;}
/*鎶栭煶璇剧▼*/
.page-3-1{ background:url(../images/dy/dy-bg1.jpg) #000; border-bottom: 4px solid #fe1955; min-height:695px;}
.page-3-1 .block1{ padding-top: 60px}
.page-3-1 .block1 .banner{background:url(../images/dy/dy-bnnner.jpg) no-repeat; width:1200px; height:260px; text-indent: -999em;}
.page-3-1 .block1 ul{ height: 48px; margin-bottom: 60px; padding-top: 10px;}
.page-3-1 .block1 ul li{ float: left; font-size: 20px; font-weight: bold; color: #fff; margin-right: 40px;}
.page-3-1 .block1 ul li:last-child{ margin-right: 0 !important;}
.page-3-1 .block1 ul li::before{ background: url(../images/dy/dy-icon.png) no-repeat left center; content: ""; display: inline-block; width: 28px; height: 28px; vertical-align: middle; margin-right: 12px}
.page-3-1 .block2{ text-align: center; font-style: normal;}
.course-3 .btns-buy{ background: url(../images/dy/btns-buy.png) no-repeat; width: 240px; height: 72px; line-height: 68px; display: block; text-align: center; font-size: 30px; font-weight: bold; color:#fe1955; margin: 0 auto 30px;}
.course-3 .price{ font-size: 22px; color: #fff; margin-bottom: 20px;}
.course-3 .price span{font-size: 18px; color: #b7b4b6; text-decoration:line-through;}
.course-3 .countdown{ color: #fe1955;font-size: 18px; letter-spacing: 2px;}
.page-3-2{ background:url(../images/dy/dy-bg2.jpg) no-repeat #000; background-size: 100%;}
.page-3-2 .block1{background:url(../images/dy/dy-block2.jpg) no-repeat; width: 1200px; height: 1324px; padding-top: 138px;}
.page-3-2 .block1 .title{ background: url(../images/dy/title-yx.png) no-repeat; width: 1200px; height: 158px; margin-bottom: 605px; text-indent: -999em;}
.page-3-2 .m-rules-item{background: url(../images/dy/bg_rules.png) no-repeat; width:372px; height: 414px; float: left; font-size: 24px; letter-spacing: 3px; margin-right: 40px; color: #fe1955; font-weight: bold; }
.page-3-2 .m-rules-item h6{ text-align: center; font-size: 30px; font-weight: bold; padding: 50px 0 30px 0;}
.page-3-2 .m-rules-item ul{ padding-left: 60px;}
.page-3-2 .m-rules-item:nth-child(1) ul{ line-height: 1.8;}
.page-3-2 .m-rules-item:nth-child(2) ul{ line-height: 1.6;}
.page-3-2 .m-rules-item:nth-child(3) ul{ line-height: 1.5;}
.page-3-2 .m-rules-item:nth-child(3){ margin-right: 0;}
.page-3-2 .title-features{background: url(../images/dy/title-features.png) no-repeat; width: 250px; height: 50px; margin: 0 auto 120px; text-indent: -999em;}
.page-3-2 .features{ padding:0 0 40px 0; border-bottom: 1px solid #580a21; color: #fff;}
.page-3-2 .features dl{ width: 50%; float: left; border-right: 1px solid #580a21; letter-spacing: 2px; box-sizing: border-box; margin-bottom: 90px; line-height: 1.6;}
.page-3-2 .features dl dt{ float: left;}
.page-3-2 .features dl i{ background: url(../images/dy/icon-features.png) no-repeat; width: 127px; height: 90px; display: inline-block; margin: 20px 10px 20px 0;}
.page-3-2 .features dl i.icon1{ background-position: 0 0;}
.page-3-2 .features dl i.icon2{ background-position: 0 -90px;}
.page-3-2 .features dl i.icon3{ background-position: 0 -180px;}
.page-3-2 .features dl i.icon4{ background-position: 0 -270px;}
.page-3-2 .features dl:nth-child(1) dd{padding-right: 50px;}
.page-3-2 .features dl:nth-child(2),.page-3-2 .features dl:nth-child(4){ border-right: none; padding-left: 60px;}
.page-3-2 .features dl:nth-child(3) dd{ padding-right: 50px;}
.page-3-2 .features dl:nth-child(4) dd{ border-right: none;}
.page-3-2 .features dl h5{ font-size: 34px; line-height: 34px; margin-bottom: 20px;}
.page-3-2 .features dl p{ font-size: 20px;}
.page-3-2 .block3{ padding: 120px; text-align: center;}
.page-3-2 .block3 .price{ font-size: 30px; line-height: 30px; margin-bottom: 30px;}
.page-3-2 .block3 .price span{ font-size: 30px;  line-height: 30px;}
.page-3-2 .block3 .countdown{ font-size:28px; line-height: 28px; margin-bottom: 60px; color: #ffc919;}
.page-3-2 .block3 .countdown span{ color: #ff2212; font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif;}
.page-3-2 .block3 .qrcode{ margin-bottom: 30px}
.page-3-2 .block3 .tip{ font-size: 18px; color: #fff;}
.page-3-2 .more-course-title{background: url(../images/dy/title-more.png) no-repeat; width: 800px; height: 50px; display: block; margin:0 auto 120px;}

/*鑱屽満鑷範瀹�*/
.page4-1{background:url(../images/room/bg-banner.jpg) no-repeat; height: 699px;}
.page4-1 .banner{ background: url(../images/room/banner.jpg) no-repeat; width:1200; height:420px; display: block; text-indent: -999em;}
.page4-1 .block2{ text-align: center; color: #fff; font-style: normal;}
.page4-1 .btns-buy{background: url(../images/room/btns-buy.png) no-repeat; width: 234px; height: 72px; color: #454545;font-size:30px; margin: 40px auto 35px; text-align: center; line-height: 60px; display: block;}   
.page4-1 .price{ font-size: 22px; line-height: 22px; margin-bottom: 20px;}
.page4-1 .price span{ font-size: 18px; line-height: 18px; text-decoration:line-through;}
.page4-1 .countdown{ font-size: 20px;}
.page4-2{ padding-top: 140px;}
.page4-2 .title{ background: url(../images/room/title1.png) no-repeat; width: 516px; height: 55px; margin: 0 auto 50px; text-indent: -999em;}  
.page4-2 .subtitle{ margin-bottom: 100px; font-size: 28px; color: #666; font-style: normal; text-align: center;}
.page4-2 .pic img{ width: 1200px; height: 593px; margin-bottom: 120px;}
.page4-2 .block3{ width: 100%;height: 470px; display: block;}
.page4-2 .step{background: #fff; width: 360px; height: 470px; float: left; margin-right: 40px; display:inline-block; box-shadow: 0 2px 4px 2px rgba(116,147,227,0.1);}
.page4-2 .step:last-child{ margin-right: 0;}
.page4-2 .step h5{ background: url(../images/room/tag-title.png) no-repeat; width: 188px; height: 50px; margin: 50px 0 30px;}
.page4-2 .step h5.title1{ background-position: 0 0;}
.page4-2 .step h5.title2{ background-position: 0 -50px;}
.page4-2 .step h5.title3{ background-position: 0 -100px;}
.page4-2 .step ul{ padding-left: 50px; font-style: normal;}
.page4-2 .step ul li{ color: #333333; font-size: 20px; line-height: 2.8; position: relative;}
.page4-2 .step ul li::before{ content: ""; width: 6px; height: 6px; background: #666; border-radius: 3px; position: absolute; left:-15px; top:25px;  vertical-align: middle; display: inline-block;}
.page4-2 .step:nth-child(2) ul{ padding-left: 120px;}

.page4-2 .course4-section3 {
    padding: 150px 0;
}

.page4-2 .course4-section3 .section-title {
    background: url(../images/mt/title3.png) no-repeat; width:188px; height:46px; display: block; margin: 0 auto 60px; text-indent: -999em;
}

.page4-2 .course4-section3 .features {
    margin-top: 30px
}

.page4-2 .course4-section3 .features ul {
    border: 1px solid #eee;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 75px 0;
    font-style: normal;
}

.page4-2 .course4-section3 .features ul .item {
    float: left;
    height: 100px;
    width: 50%;
    box-sizing: border-box;
    padding-left: 160px;
    position: relative;
    color: #333
}

.page4-2 .course4-section3 .features ul .item .item-title {
    font-size: 24px;
    margin: 8px 0 10px;
}

.page4-2 .course4-section3 .features ul .item .icon {
    background: url(../images/mt/674e677b.jpg) no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 42px
}

.page4-2 .course4-section3 .features ul .item1,
.page4-2 .course4-section3 .features ul .item2 {
    margin-bottom: 60px
}

.page4-2 .course4-section3 .features ul .item2 .icon {
    background-position: 0 -100px
}

.page4-2 .course4-section3 .features ul .item3 .icon {
    background-position: 0 -200px
}

.page4-2 .course4-section3 .features ul .item4 .icon {
    background-position: 0 -300px
}
.course-4 .course4-section4 {
    text-align: center;margin-bottom: 120px;
}

.course-4 .course4-section4 .buy a {
    background:url(../images/room/btns-buy.png) no-repeat; width: 234px; height: 72px; line-height: 65px; margin: 0 auto 30px; display: block; color: #454545; font-size: 34px; 
}

.course-4 .course4-section4 .price {
    margin-top: 25px;
    color: #333;
    font-size: 28px;
}
.course-4 .course4-section4 .price span{ color: #999;}

.course-4 .course4-section4 .countdown {
    margin-top: 20px;
    font-size: 28px;
    color: #ff2212;
}

.course-4 .course4-section4 .countdown span {
    color: #ffc919
}

.course-4 .course4-section4 .qrcode {
    margin-top: 40px
}

.course-4 .course4-section4 .desc {
    color: #333;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 50px;
    margin-top: 10px
}
/*鍐欎綔璁粌钀�*/
.c1200 {
    width: 1200px;
    margin: 0 auto
}

.full-banner {
    width: 100%
}

.course-2 .buy {
    margin-top: 70px;
    text-align: center
}

.course-2 .buy a {
    display: inline-block;
    width: 234px;
    height: 63px;
    line-height: 63px;
    color: #25bdd3;
    background: #fff;
    box-shadow: 0 7px 0 #22909d;
    font-size: 32px;
    border-radius: 30px;
}

.course-2 .price {
    font-size: 22px;
    color: #fff
}

.course-2 .price span {
    color: #cde9ed;
    text-decoration: line-through;
    font-size: 18px
}

.course-2 .countdown {
    color: #f52c5b;
    font-style: italic;
    font-size: 16px
}

.course-2 .course2-banner {
    background: url(../images/mt/8ac408de.jpg) top no-repeat;
    height: 569px;
    text-align: center;
    padding-top: 100px;
}

.course-2 .course2-banner .banner-title {
    background: url(../images/mt/title-writing-camp.png) no-repeat; width: 770px; height: 140px; margin: 0 auto 40px; text-indent: -999em;
}

.course-2 .course2-banner .features {
    width: 860px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin: 0 auto
}

.course-2 .course2-banner .features ul li {
    float: left;
    width: 25%;
    color: #fff;
    font-size: 16px;
    padding-top: 16px;
    position: relative
}

.course-2 .course2-banner .features ul li span {
    display: block;
    font-size: 24px;
    padding-bottom: 6px
}

.course-2 .course2-banner .features ul li:after {
    display: block;
    content: " ";
    width: 1px;
    height: 60px;
    border-right: 1px solid #fff;
    top: 18px;
    right: 0;
    position: absolute
}

.course-2 .course2-banner .features ul li:last-of-type:after {
    display: none
}

.course-2 .course2-banner .price {
    margin-top: 40px
}

.course-2 .course2-banner .countdown {
    margin-top: 25px
}

.course-2 .course2-section1 {
    padding-top: 150px
}

.course-2 .course2-section1 .section-title {
    background: url(../images/mt/title1.png) no-repeat; width: 477px; height: 45px; display: block; margin: 0 auto; text-indent: -999em;
}

.course-2 .course2-section1 .section-desc {
    color: #666;
    text-align: center;
    font-size: 24px;
    letter-spacing: 5px;
    margin-top: 35px
}

.course-2 .course2-section1 .section-img {
    text-align: center;
    margin-top: 110px
}

.course-2 .course2-section1 .features {
    margin-top: 130px;
    text-align: center
}

.course-2 .course2-section1 .features .feature {
    background: #fff;
    width: 375px;
    height: 408px;
    border: 1px solid #eee;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 25px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    padding: 40px 40px 0
}

.course-2 .course2-section1 .features .feature .feature-title {
    text-align: center;
    font-size: 30px; font-weight: bold;
}

.course-2 .course2-section1 .features .feature .desc {
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
}

.course-2 .course2-section1 .features .feature .desc:before {
    height: 3px;
    content: " ";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%
}

.course-2 .course2-section1 .features .feature .items {
    margin-top: 30px
}

.course-2 .course2-section1 .features .feature .items .item {
    color: #666;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.7;
    position: relative
}

.course-2 .course2-section1 .features .feature .items .item:before {
    content: " ";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 2px;
    top: 9px;
    left: 8px
}

.course-2 .course2-section1 .features .feature1 .feature-title {
    color: #5ac18f
}

.course-2 .course2-section1 .features .feature1 .desc,
.course-2 .course2-section1 .features .feature1 .desc:before {
    background: #5ac18f
}

.course-2 .course2-section1 .features .feature2 .feature-title {
    color: #38c2d3
}

.course-2 .course2-section1 .features .feature2 .desc,
.course-2 .course2-section1 .features .feature2 .desc:before {
    background: #38c2d3
}

.course-2 .course2-section1 .features .feature3 .feature-title {
    color: #f52c5b
}

.course-2 .course2-section1 .features .feature3 .desc,
.course-2 .course2-section1 .features .feature3 .desc:before {
    background: #f52c5b
}

.course-2 .course2-section1 .features .feature4 .feature-title {
    color: #64a3e1
}

.course-2 .course2-section1 .features .feature4 .desc,
.course-2 .course2-section1 .features .feature4 .desc:before {
    background: #64a3e1
}

.course-2 .course2-section1 .features .feature5 .feature-title {
    color: #f4b451
}

.course-2 .course2-section1 .features .feature5 .desc,
.course-2 .course2-section1 .features .feature5 .desc:before {
    background: #f4b451
}

.course-2 .course2-section2 {
    padding-top: 120px
}

.course-2 .course2-section2 .section-title {
    background: url(../images/mt/title2.png) no-repeat; width: 477px; height: 54px; display: block; margin: 0 auto; text-indent: -999em;
}

.course-2 .course2-section2 .section-desc {
    color: #666;
    text-align: center;
    font-size: 24px;
    letter-spacing: 5px;
    margin-top: 25px
}

.course-2 .course2-section2 .section-img {
    text-align: center;
    margin-top: 110px
}

.course-2 .course2-section2 .section-img2 {
    margin-top: 44px
}

.course-2 .course2-section2 .features {
    margin-top: 100px
}

.course-2 .course2-section2 .features .item {
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.course-2 .course2-section2 .features .item .item-title {
    background: #6dd2a6;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 3px;
    position: absolute;
    top: -1px;
    right: 40px
}

.course-2 .course2-section2 .features .item .words {
    color: #333;
    font-size: 16px;
    line-height: 1.8
}

.course-2 .course2-section2 .features .item .student {
    position: absolute;
    top: -60px;
    left: 25px
}

.course-2 .course2-section2 .features .item .student img {
    width: 120px;
    height: 120px;
    border-radius: 60px
}

.course-2 .course2-section2 .features .item .student .name {
    color: #333;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    margin-top: 15px
}

.course-2 .course2-section2 .features .item1 {
    width: 668px;
    height: 228px;
    float: left
}

.course-2 .course2-section2 .features .item1 .words {
    margin: 120px 10px 0 30px
}

.course-2 .course2-section2 .features .item2 {
    width: 478px;
    height: 276px;
    float: right;
    margin-top: 110px
}

.course-2 .course2-section2 .features .item2 .words {
    margin: 120px 10px 0 30px
}

.course-2 .course2-section3 {
    padding-top: 110px
}

.course-2 .course2-section3 .section-title {
    background: url(../images/mt/title3.png) no-repeat; width:188px; height:46px; display: block; margin: 0 auto 60px; text-indent: -999em;
}

.course-2 .course2-section3 .features {
    margin-top: 30px
}

.course-2 .course2-section3 .features ul {
    border: 1px solid #eee;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 75px 0
}

.course-2 .course2-section3 .features ul .item {
    float: left;
    height: 100px;
    width: 50%;
    box-sizing: border-box;
    padding-left: 160px;
    position: relative;
    color: #333
}

.course-2 .course2-section3 .features ul .item .item-title {
    font-size: 24px;
    margin-bottom: 10px
}

.course-2 .course2-section3 .features ul .item .icon {
    background: url(../images/mt/674e677b.jpg) no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 42px
}

.course-2 .course2-section3 .features ul .item1,
.course-2 .course2-section3 .features ul .item2 {
    margin-bottom: 60px
}

.course-2 .course2-section3 .features ul .item2 .icon {
    background-position: 0 -100px
}

.course-2 .course2-section3 .features ul .item3 .icon {
    background-position: 0 -200px
}

.course-2 .course2-section3 .features ul .item4 .icon {
    background-position: 0 -300px
}

.course-2 .course2-section4 {
    text-align: center; padding: 50px 0 120px;
}

.course-2 .course2-section4 .buy a {
    background: #26bdd3;
    color: #fff
}

.course-2 .course2-section4 .price {
    margin-top: 25px;
    color: #333
}

.course-2 .course2-section4 .countdown {
    margin-top: 20px;
    font-size: 24px;
	font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif;
}

.course-2 .course2-section4 .countdown span {
    color: #ffc919
}

.course-2 .course2-section4 .qrcode {
    margin-top: 40px
}

.course-2 .course2-section4 .desc {
    color: #333;
    font-size: 16px;
    font-style: italic;
    margin-top: 10px
}