body{  margin:0; padding:0; text-align:center;  font-size:12px; font-family:PingFangSC-Semibold, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

.clearfix{zoom:1}
.clearfix::after{display:block;width:0;height:0;content:'';visibility:hidden;clear:both}
.container{width:1000px;margin:0 auto}
.container-fluid{width:100%;padding:30px 0;}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.text-center{text-align:center}
.img-fluid{max-width:100%;height:auto}
.my-1{margin-top:10px!important;margin-bottom:30px!important}
.mb-1{margin-bottom:30px!important}
.mt-2{margin-top:20px!important}
.px-1{padding-left:30px!important;padding-right:30px!important}
.py-1{padding-top:30px!important;padding-bottom:10px!important}
.btn{padding:4px 10px;font-size:16px;text-decoration:none;border:0;border-radius:5px;outline:0;cursor:pointer}

.btn-blue{font-size:24px;color:#fff;background-color:#2a5477}
.btn-blue:hover{background-color:#1d3951}
.btn-white{padding:10px 30px;font-size:24px;color:#041c42;border-radius:100px;background-color:#fff}
.btn-white:hover{color:#fff;background-color:#010812}
.btn-black{color:#fff;background-color:#000}
.btn-black:hover{background-color:#333}
.btn-orange{color:#fff;background-color:#ee940c}
.btn-orange:hover{color:#fff;background-color:#f5aa38}
.btn-small{font-size:16px}
.btn-large{font-size:28px}
.title-primary{position:relative;margin-bottom:30px;font-size:36px;color:#333;text-align:center}

.title-primary::after{position:absolute;top:-10px;right:-50px;width:58px;height:41px;content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAApCAYAAABk+TodAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAATNJREFUaIHtmUsOgjAQhqemO8JWkZ0uWJNwCD0JnAkOoVu9AgkJlzDhFrgzKtAnQ5u237LAlL8znRkKGccRkJAy3FQdmRsv60J64qbqJu9Apa2oTcjkT8z3As2KV2G3liHb0fboktdUQg6BT0Sghq4i2uE6t8iUtY8kvaKV1cq6EH1eaSGs8Wj/HJjXD6cIjln8MyazbSgse2K1jCdCe3sxr+fXZCJUBms8qgm3JHlTXrwRihq6G9ZSbj5BE8pr/8q6gP4xQHtnJyGeDVEobJxdTUEtadXQ8SYZeSPUaMOwP0eQXxKhe3W6IgDDQtMshlRTgCjGhDLKD8FIkN7s0SDUNdbco1Z3WATxXNcqvAndINQ1glDXCEJdwxuhm369iByYYRE8ioiRfz3eeDQIdY0g1DXeSkI6+IiL4ZwAAAAASUVORK5CYII=) no-repeat center}
.title-primary strong{color:#96c}.subtitle{position:relative;margin-bottom:10px;font-size:24px;font-weight:400;text-align:center;color:#2a5477}
.subtitle strong{font-weight:400;color:#2a5477}
.title-secondary{font-size:30px;text-align:center}
.title-secondary strong{color:#2a5477}
.title-tertiary{position:relative;margin-bottom:30px;font-size:30px;text-align:center}.title-tertiary::before{position:absolute;left:50%;bottom:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:3px;content:'';background-color:#2a5477}
.teacher-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.teacher-item{position:relative;width:190px;height:270px;margin-top:10px;margin-bottom:10px;border-radius:6px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);overflow:hidden}
.teacher-item .teacher-desc{position:absolute;left:0;top:170px;width:100%;height:100%;padding:4px 10px;color:#fff;background-color:rgba(0,0,0,.38);-webkit-transition:top ease-in-out 1s;transition:top ease-in-out 1s}
.teacher-item .teacher-desc h6{margin-top:0;margin-bottom:4px;font-size:20px}
.teacher-item .teacher-desc p{margin:0;font-size:14px}
.teacher-item .teacher-desc p:first-of-type{margin-bottom:20px}
.teacher-item .teacher-desc p:last-of-type{margin-bottom:20px}.teacher-item .teacher-desc button{font-size:16px;margin:0}
.teacher-item .teacher-desc:hover{top:0;-webkit-transition:top ease-in-out 1s;transition:top ease-in-out 1s}.liucheng{position:relative;width:930px;height:554px;margin:0 auto;background:url(../images/7.png) no-repeat center bottom;padding-top:50px}.liucheng .yg-lc{width:175px;height:75px;position:absolute}
.liucheng .yg-lc h5{font-size:16px;color:#282828}
.liucheng .yg-lc p{font-size:12px;text-align:left;color:#505050}.liucheng .lc1{right:230px;top:50px}
.liucheng .lc2{right:40px;top:50px}
.liucheng .lc3{right:40px;top:180px;width:195px}
.liucheng .lc4{right:280px;top:180px;width:185px}
.liucheng .lc5{left:270px;top:180px}
.liucheng .lc6{left:50px;top:180px;width:195px}
.liucheng .lc7{right:40px;top:310px}
.liucheng .lc8{right:280px;top:310px}
.liucheng .lc9{left:270px;top:310px}
.liucheng .lc10{left:50px;top:310px;width:185px}
.liucheng .lc11{right:40px;top:440px;width:185px}
.liucheng .lc12{right:280px;top:440px}
.liucheng .lc13{left:270px;top:440px}
.liucheng .lc14{left:50px;top:440px;width:185px}
.form{position:fixed;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:10px;background-color:#96c;-webkit-box-shadow:0 -4px 4px 0 rgba(0,0,0,.3);box-shadow:0 -4px 4px 0 rgba(0,0,0,.3)}
.form-control{padding:10px;margin-right:10px;font-size:16px;border-radius:3px;outline:0;border:1px solid #ccc}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px}
.form-group input{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.codetxt{margin-right:0;font-size:16px;border-radius:0 3px 3px 0}
.disabled{background-color:#b3b3b3}
.form1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px;margin-left:auto;margin-right:auto;background:url(../images/bg_form1.jpg) no-repeat center top}
.form2{position:fixed;left:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;background:-webkit-gradient(linear,left top,right top,from(#e48fa7),to(#8f69fa));background:-webkit-linear-gradient(left,#e48fa7,#8f69fa);background:linear-gradient(90deg,#e48fa7,#8f69fa);-webkit-box-shadow:0 -2px 4px 0 rgba(0,0,0,.3);box-shadow:0 -2px 4px 0 rgba(0,0,0,.3)}
.banner{height:543px;text-align:center;background:url(../images/banner.jpg) no-repeat center bottom;border-top:1px solid transparent}.banner .logo{margin-top:30px;text-align:left}
.banner .logo img{height:45px}
.duolingo-info{padding-top:20px;padding-bottom:20px;border-left:6px solid #eeb8c7}
.duolingo-info p{padding-left:40px;margin-bottom:10px;font-size:18px;color:#666}
.duolingo-subtitle{width:200px;padding:4px 30px;margin-top:20px;margin-bottom:20px;font-size:24px;text-align:center;color:#fff;background-color:#e48fa7;background:-webkit-gradient(linear,left top,right top,color-stop(20%,#e48fa7),color-stop(#96c),to(rgba(153,102,204,.1)));background:-webkit-linear-gradient(left,#e48fa7 20%,#96c,rgba(153,102,204,.1));background:linear-gradient(90deg,#e48fa7 20%,#96c,rgba(153,102,204,.1))}
.icon-play{position:relative}
.icon-play::before{position:absolute;top:0;left:-15px;width:22px;height:22px;content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAApNJREFUOI2tlU1I02Ecxz/79xcdvmyLcAaDqUhF6NwLQoXQcRYIa57s0m3/qx0KBI/eOuRxuxVBOzVGb7o69AIVCJvzBSGSajHT2cs2tEz7u6fDXL78/1tT+h6f7+/5PM9zeL5fgxACXSmKBRgELgAOoAXYBNLAAjAOhAmFsnrbDRqwotQBV5Hl6zgcZpxO6OgAkwlUFXI5SKUgmYSZmRyqegO4SSi0Xh6sKK3AA5zOTgYGoLlZ/zUlraxAJAJTU3NAP6HQRy1YUWxI0ht8Phteb2XgfsViEI2mKRTOEgqlAaRdz48cCgrg9YLPZwMiKIpxBwxDuFw9h4LuhrvdPcAQgEEEAkeR5feMjpqwWDTzXyMvMPU6qGnWehplszAykkdV2yVgELdbFwrw69MymfBTsk8m2Vr9WRlssYDHYwIGJcCL01l5gxD8mP/A8u3H5F/PUtj4XX62yOqTACetrZXBJb66xerkPMu3HrE2/Q6xVdAO2e0A3RJgxWSqClxSYX2D3LMEmTvjrC+k95pFllUCNlDVA4FLUnNrfHv4itzLpMaTgSXy+Ubq6g4Mls0NmHq7MXbYdhbzeYCMDLxlcfEEVmvVQMlYS9OZTuq72jFI0l4zlQKYloEYyWQ/bvc/gQb5CI3ukzR4TiHV1ugPJZMAExIQJh7Pk9VNv22igfrTbbRcuUjTua7y0GwW4vE8EEYIgQgEhkUwKPT05d5zsZn5rutpFAwKEQgMCyH+ZsUYicQssZjmEsf856v7zrEYJBJzwBiUQqgY0n6i0c968Kqg0egicKkU+PuDvg24j8vVid//n4J+B26kWE3X8HiK1WS3g9lc9HdXUzxeZTXtPcACXAb6KJbp8W1nCZgBJoC75cr0D9XXP21ZI8ZtAAAAAElFTkSuQmCC) no-repeat center}
.bg-light-purple{background-color:#eee2fd}
.superiority-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.superiority-item{width:320px;text-align:center;color:#666}
.superiority-item h5{margin-bottom:10px;font-size:24px}
.superiority-tips{margin-top:20px;padding:10px;text-align:center;color:#fff;background-color:#96c}.course-price{position:relative;margin-bottom:15px;font-size:30px;color:#4a4a4a}
.course-price::after{position:absolute;left:50%;bottom:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:223px;height:2px;content:'';background-color:#4d4d4d}
.course-price strong{font-size:36px;color:#96c}
.course-info{font-size:18px}.table{width:100%;text-align:center;border-collapse:collapse}
.table th{white-space:nowrap;background-color:#e6e6e6}
.table td,.table th{padding:4px;border:1px solid #000}
.table td{font-size:14px}.table td:first-child{background-color:#e6e6e6}
.table button{padding-left:30px;padding-right:30px;white-space:nowrap}

.pc-container .main_m{width: 960px; height: 100%; margin: 0 auto; text-align: center; position: relative;}
.pc-container .yuyue{width: 700px; height: 70px; padding-top:30px; margin-left:20px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: 5px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 220px; height: 40px; margin-bottom: 15px; margin-right: 20px;  font-size: 16px; padding-left: 5px; float: left;  outline: none;}
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:210px; height: 45px; background: #996ef1; font-size: 16px; color: #fff; cursor: pointer; right:-10px; top:35px; border: 0; font-weight: bold; border-radius: 10px;}