/*顶部*/

.top {height: 45px; line-height: 45px; border-bottom: 1px solid #eee;}

.top_l {float: left;}

.top_r {float: right;}

.top_r a:nth-child(2) {margin-left: 15px;}



.top_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); display: none; z-index: 999;}

.top_login {width: 450px; height: auto; margin: 0 auto; margin-top: 20vh; background: #FFF; padding-bottom: 30px;}

.top_login_t {width:100%; height: 18px; float: left; margin-top: 15px; padding-right: 15px;}

.top_login_t span {width: 18px; height: 18px; float: right; line-height: 18px; font-size: 18px; cursor: pointer; text-align: center;}

.top_login_t span:hover {color: #01654B;}

.top_login_c {width: 100%; height: auto; float: left; padding: 0px 50px;}

.top_login_c b {width: 100%; height: 35px; float: left; text-align: center; color: #606266; font-size: 26px; font-weight: 100; line-height: 35px; margin-top: 40px;}

.top_login_c p {width: 100%; height: 40px; float: left; margin-top: 20px;}

.top_login_c p input[type="text"],.top_login_c p input[type="password"] {width: 100%; height: 40px; float: left; border:1px solid #DCDFE6; border-radius: 4px; padding-left: 10px;}

.top_login_c p a {width: 40%; height: 40px; line-height: 40px; float: left; background: #FFF; border: 1px solid #DCDFE6; color: #606266; text-align: center; border-radius: 4px; letter-spacing: 5px;}

.top_login_c p a:hover {color: #409EFF; border-color: #c6e2ff; background: #ecf5ff;}

.top_login_c p input[type="button"] {width: 55%; height: 40px; float: right; border-radius: 4px; color: #FFF; background-color: #409EFF; border-color: #409EFF; letter-spacing: 5px;}

.top_login_c p input[type="button"]:hover {background: #66b1ff;}

.top_login_b {width: 100%; height: 30px; float: left; margin-top: 30px; text-align: center;line-height: 30px;}

.top_login_b a {color: #409EFF;}

.top_login_b a:hover {color: #3a8ee6;}



/*头部*/

.head {height: 100px;}

.logo {width: 270px; height: 66px; float: left; margin-top: 17px;}

.nav {height: 40px; float: left; margin-top: 30px; margin-left: 100px;}

.nav a {display: inline-block; height: 40px; line-height: 40px; font-size: 16px; text-align: center; margin: 0 15px;}

.nav a:hover {border-bottom: 2px solid #01654B; color: #01654B;}

.nav_sel {border-bottom: 2px solid #01654B; color: #01654B;}

.search {width: 300px; height: 40px; float: right; margin-top: 30px; border-radius: 4px;}

.search_input {width: 210px; height: 40px; float: left; border: 1px solid #e6e6e6; padding: 0px 5px;}

.search_btn {width: 88px; height: 40px; float: left; margin-left: 2px; background: #01654B; color: #FFF;}



/*banner*/

.banner {width:100%; height:450px; position:relative}

.b_img { width:100%; height:450px; position:absolute; left:0; top:0;}

.btn {position:absolute; bottom:10px; left:47%; z-index:2}

.btn ul {display:inline-block; background:rgba(0,0,0,.5); padding:3px 16px; border-radius:14px;}

.btn ul li {width:16px; height:16px; text-align:center; margin-left:5px; list-style:none; float:left; background:url(../images/btn1.png) no-repeat}

.btn ul .no {background:url(../images/btn2.png) no-repeat}



/*热销课程*/

.cxhk {width: 100%; float: left; padding-top: 30px; background: #F9FAFC; padding-bottom: 40px;}

.cxhk_t {width: 100%; height: 40px; float: left;}

.cxhk_t b {height: 40px; float: left; background: url(../images/hot.png) no-repeat; line-height: 40px; color: #080C16; font-size: 20px; padding-left: 40px; background-position: 0px 5px;}

.cxhk_t a {height: 40px; float: right; line-height: 40px;}

.cxhk_b {width: 100%; height: 180px; float: left; margin-top: 20px;}

.cxhk_b a {width: 285px; height: 180px; float: left; margin-right: 20px;}

.cxhk_b a:nth-child(4) {margin-right: 0px;}

.cxhk_b a img {width: 100%; height: 180px; float: left; border-radius: 4px;}



/*推荐课程*/

.kctj {width: 100%; float: left; padding-bottom: 40px; background: #F9FAFC;}

.kctj_t {width: 100%; height: 40px; float: left;}

.kctj_t b {height: 40px; float: left; line-height: 40px; color: #080C16; font-size: 20px;}

.kctj_t a {height: 40px; float: right; line-height: 40px;}

.kctj_b {width: 100%; height: auto; float: left; padding-bottom: 10px;}

.kctj_box {width: 285px; height: 250px; float: left; margin-right: 20px; margin-top: 20px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(190, 216, 226, 0.5)}

.kctj_box:nth-child(4n) {margin-right: 0px;}

.kctj_box:hover {margin-top: 15px;}

.kctj_box img {width: 100%; height: 180px; float: left;}

.kctj_box p {width: 100%; height: 20px; line-height: 20px; float: left; padding: 0px 15px; margin-top: 10px;}

.kctj_box span {width: 100%; height: 20px; line-height: 20px; float: left; font-size: 16px; color: #CA251F; padding: 0px 15px;}



/*底部*/

.foot {width: 100%; float: left; padding-top: 40px; background: #E8EDF2;}

.foot_t {width: 100%; height: auto; float: left;}

.foot1 {width: 200px; height: auto; float: left;}

.foot1 b {width: 100%; height: 50px; line-height: 50px; float: left; font-size: 18px; text-align: center;}

.foot1 span {width: 100%; height: 30px; float: left; text-align: center; line-height: 30px;}

.foot1 span a {font-size: 16px;}

.foot2 {width: 320px; height: auto; float: left; margin-left: 240px;}

.foot2 p {width: 120px; height: 150px; float: left; margin: 20px;}

.foot2 p img {width: 120px; height: 120px; float: left;}

.foot2 p b {width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; font-size: 16px;}

.foot3 {width: 300px; height: auto; float: right;}

.foot3 b {width: 100%; height: 50px; line-height: 50px; float: left; font-size: 18px; text-align: center;}

.foot3 p {width: 100%; height: 30px; float: left; text-align: center; line-height: 30px; font-size: 16px;}

.foot_b {width: 100%; height: auto; float: left; line-height: 30px; border-top: 1px solid #C9C9C9; padding: 10px 0px; text-align: center;}



/*----------------------------------------选课页面---------------------------------------------*/

.xk_t {width: 100%; height: auto; float: left; background: #F5F7FA;}

.xk_t p {width: 100%; height: 90px; float: left; border-bottom: 1px solid #eee; padding: 30px 0px;}

.xk_t p span {line-height: 30px; color: #999; font-size: 16px;}

.xk_t p a {line-height: 30px; margin: 0px 10px; padding: 5px 10px; border-radius: 4px;}

.xk_t p a:hover {color: #FFF; background: #01654B;}

.xk_sel {color: #FFF; background: #01654B;}



/*选课列表*/

.xk_c {width: 100%; height: auto; float: left; background: #F5F7FA;}

.xk_box {width: 100%; height: 220px; float: left; margin-top: 40px; background: #FFF; padding: 20px;}

.xk_box_l {width: 285px; height: 180px; float: left;}

.xk_box_l img {width: 100%; height: 180px; float: left; border-radius: 4px;}

.xk_box_r {width: 850px; height: 180px; float: right;}

.xk_box_r h3 {width: 100%; height: 30px; float: left; margin-top: 10px;}

.xk_box_r h3 a {font-size: 22px; color: #222222; line-height: 30px;}

.xk_box_r p {width: 100%; height: 60px; float: left; line-height: 25px; margin-top: 10px; overflow: hidden;}

.xk_box_r p font {display: inline-block; font-size: 12px; font-family: PingFang-SC-Regular; font-weight: 400; color: #646464; line-height: 15px; border: 1px solid #d0d0d0; border-radius: 2px; margin: 0 6px 6px 0; padding: 5px 11px;}

.xk_box_r_pay {width: 100%; height: 40px; float: left; margin-top: 30px;}

.xk_box_r_pay b {font-size: 28px; color: #CA251F; font-weight: bold;}

.xk_box_r_pay s {color: #bbb; font-size: 16px; margin-left: 20px;}

.xk_box_btn {width: 120px; height: 40px; float: right; font-size: 16px; background: #CA251F; color: #fff; text-align: center; line-height: 40px; border-radius: 4px; cursor: pointer;}

.xk_box:hover .xk_box_l {margin-left: 5px;}

.xk_box:hover .xk_box_btn {margin-right: 5px;}



/*分页*/

.xk_b {width: 100%; height: 30px; float: left; padding: 40px 0px; background: #F5F7FA;}

.pagination {float: left;}

.pagination li {float: left; margin: 0px 5px; line-height: 30px;}

.pagination li span {color: #ccc; line-height: 30px; padding: 10px;}

.pagination li a {color: #01654B; padding: 0px 10px;}



/*---------------------------------教师页面---------------------------------*/

.dqwz {width: 100%; height: 60px; float: left; padding:20px 0px; background: #F5F7FA;}

.dqwz a,.dqwz span {margin-right: 10px;}

.dqwz a:hover {color: #f80;}



.teacher {width: 100%; height: auto; float: left; background: #F5F7FA;}

.teacher_box {width: 580px; height: 300px; float: left; background: #FFF; margin-top: 30px; padding: 20px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08)}

.teacher_box:nth-child(odd) {margin-right: 40px;}

.teacher_box_l {width: 200px; height: 260px; float: left;}

.teacher_box_l img {width: 100%; height: 260px; float: left;}

.teacher_box_r {width: 320px; height: 260px; float: right;}

.teacher_box_r b {width: 100%; height: 25px; float: left; font-size: 20px; line-height: 25px;}

.teacher_box_r p {width: 100%; height: 225px; overflow: hidden; line-height: 25px; float: left; margin-top: 10px;}



/*---------------------------------关于我们---------------------------------*/

.about {width: 100%; height: auto; float: left; background: #F5F7FA; padding: 40px 0px;}

.about_l {width: 200px; height: auto; float: left; padding: 20px 0; background: #FFF;}

.about_l a {width: 100%; height: 25px; float: left; line-height: 25px; font-size: 18px;  margin:10px 0px; padding-left: 30px;}

.about_l_sel {color: #01654B; border-left: 2px solid #01654B;}

.about_r {width: 960px; height: auto; float: right; background: #FFF; padding-bottom: 30px;}

.about_r h3 {width: 100%; height: 80px; float: left; line-height: 80px; font-size: 20px; padding-left: 30px; border-bottom: 1px solid #eee}

.about_r_b {width: 100%; height: auto; float: left; padding:20px 30px;}

.about_r_b p {width: 100%; height: auto; float: left; margin-top: 20px; line-height: 25px; text-indent: 2em;}



/*---------------------------------详情页---------------------------------*/

.aticle {width: 100%; height: auto; float: left; background: #F5F7FA; padding: 20px 0px;}

.a_left {width: 900px; height: auto; float: left;}

.kcjj {width: 100%; height: auto; float: left; background: #FFF; padding: 30px;}

.kcjj_l,.kcjj_l img {width: 410px; height: 250px; float: left;}

.kcjj_r {width: 400px; float: right; height: auto;}

.kcjj_r h3 {width: 100%; height: 25px; float: left; line-height: 25px; font-size: 18px;}

.kcjj_r h3:hover {color: #CA251F;}

.kcjj_r p {width: 100%; height: 100px; float: left; line-height: 25px; margin-top: 15px; overflow: hidden;}

.kcjj_r p font {display: inline-block; font-size: 12px; font-family: PingFang-SC-Regular; font-weight: 400; color: #646464; line-height: 15px; border: 1px solid #d0d0d0; border-radius: 2px; margin: 0 6px 6px 0; padding: 5px 11px;}

.kcjj_r_c {width: 100%; height: 30px; line-height: 30px; float: left; margin-top: 20px;}

.kcjj_r_c span {color: #bbb; font-size: 16px;}

.kcjj_r_c b {color: #CA251F; font-size: 28px; font-weight: 100; margin: 0px 10px;}

.kcjj_r_c s {color: #bbb; font-size: 16px;}

.kcjj_r_b {width: 100%; height: 40px; float: left; margin-top: 20px;}

.kcjj_btn {width: 120px; height: 40px; float: right; font-size: 16px; background: #CA251F; color: #fff; text-align: center; line-height: 40px; border-radius: 4px; cursor: pointer;}



/*课程详情*/

.kcxx {width: 100%; height: auto; float: left; background: #FFF; margin-top: 30px;}

.kcxx ul {width: 100%; height: 65px; float: left; padding: 0 10px}

.kcxx ul li {height: 65px; line-height: 65px; float: left; font-size: 16px; padding: 0px 10px; margin-right: 20px; cursor: pointer;}

.kcxx_sel {border-bottom: 2px solid #CA251F; color: #CA251F;}

.show {width: 100%; height: auto; float: left; padding: 20px; display: none;}

.kcxx .yi {display: block;}

.kcxx .yi,.kcxx .yi img,.kcxx .er,.kcxx .er img  {width: 100%; height: auto; float: left;}

.kcxx .san {width: 100%; height: auto; float: left;}

.kcxx .san_box {width: 100%; height: 50px; float: left; margin: 10px 0px;}

.kcxx .san_box span {width: 100%; height: 25px; float: left; line-height: 25px; color: #bbb;}

.kcxx .san_box p {width: 100%; height: 25px; float: left; line-height: 25px; overflow: hidden;}

.kcxx .si .si_box {width: 100%; height: 180px; float: left; margin: 15px 0px;}

.kcxx .si .si_box_l {width: 140px; height: 180px; float: left;}

.kcxx .si .si_box_l img {width: 100%; height: 180px; float: left;}

.kcxx .si .si_box_r {width: 690px; height: 180px; float: right;}

.kcxx .si .si_box_r b {width: 100%; height: 25px; float: left; font-size: 20px; line-height: 25px;}

.kcxx .si .si_box_r p {width: 100%; height: 145px; overflow: hidden; line-height: 25px; float: left; margin-top: 10px;}



/*推荐课程*/

.a_right {width: 280px; height: auto; float: right; background: #FFF; padding: 0px 10px;}

.a_right_t {width: 100%; height: 55px; float: left; line-height: 55px; padding: 0 10px; font-size: 16px; color: #222222; border-bottom: 1px solid #eee;}

.a_right_b {width: 100%; height: auto; float: left;}

.a_right_box {width: 100%; height: 60px; float: left; margin: 15px 0px;}

.a_right_box img {width: 95px; height: 60px; float: left;}

.a_right_box p {width: 150px; height: 60px; float: right;}

.a_right_box p span {width: 100%; height: 20px; float: left; line-height: 20px; overflow: hidden;}

.a_right_box p font {width: 100%; height: 30px; float: left; margin-top: 10px; color: #CA251F; line-height: 30px;}



/*注册页面*/

.reg {width: 100%; height: 100vh; float: left; background: #FF5122; padding-top: 15vh;}

.reg_t {width: 450px; height: auto; margin: 0 auto; background: #FFF; padding: 50px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); border-radius: 4px;}

.reg_t h3 {width: 100%; height: 35px; float: left; text-align: center; color: #606266; font-size: 26px; font-weight: 100; line-height: 35px;}

.reg_t p {width: 100%; height: 40px; float: left; margin-top: 20px;}

.reg_t p input[type="text"],.reg_t p input[type="password"],.reg_t p input[type="number"] {width: 100%; height: 40px; float: left; border:1px solid #DCDFE6; border-radius: 4px; padding-left: 10px;}

.reg_t p input[name="code"] {width: 70%;}

.reg_t p #getCode {width: 28%; margin-left: 2%; background: #409EFF; height: 40px; color: #FFF; border-radius: 4px; cursor: pointer;}

.reg_t p #getCode:hover {background: #66b1ff;}

.reg_t p input[type="button"] {width: 60%; height: 40px; float: left; margin-left: 20%; border-radius: 4px; color: #FFF; background-color: #409EFF; border-color: #409EFF; letter-spacing: 5px; cursor: pointer;}

.reg_t p input[type="button"]:hover {background: #66b1ff;}

.reg_t font {width: 100%; height: auto; float: left; margin: 10px 0px 20px 0px; color: red;}



.reg_b {width: 100%; height: 30px; float: left; text-align: center; color: #FFF; margin-top: 50px;}



/*下单页面*/

.qrdd {width: 100%; height: auto; float: left; background: #f5f7fa; padding: 20px;}

.qrdd_box {width: 100%; height: auto; float: left; background: #FFF; padding: 30px;}

.qrdd_box h3 {width: 100%; height: 50px; float: left; background: #f5f7fa; border:1px solid #CCC; line-height: 50px; text-align: center; font-size: 20px; letter-spacing: 3px; margin-bottom: 30px;}

.qrdd_box p {width: 100%; height: 40px; float: left; line-height: 40px; font-size: 24px;}

.qrdd_box p span {width: 120px; height: 40px; float: left; line-height: 40px; text-align: right; color: #606266;}

.qrdd_box p font {width: 500px; height: 40px; font-size: 20px; float: left; line-height: 40px;}

.qrdd_box p b {width: auto; height: 40px; float: left; line-height: 40px; color: #f80; font-size: 24px; font-weight: 100; margin-right: 10px;}

.qrdd_box p button {width: auto; height: 35px; float: left; line-height: 35px; color: #FFF; border-radius: 4px; margin: 0 10px; background-size: 25px; background-repeat: no-repeat; background-position: 10px 5px; padding-left: 40px; padding-right: 10px; cursor: pointer;}

.qrdd_box #wxpay {background-color: #00c250; background-image: url(../images/wx.png);}

.qrdd_box #zfbpay {background-color: #409eff; background-image: url(../images/zfb.png);}



/*微信支付弹窗*/

.pay {width: 500px; height: 500px; position: relative; margin: 50px auto; background: #FFF; box-shadow: 0px 0px 10px #000; z-index: 99; display: none;}

.pay .pay_t {width: 100%; height: 40px; position: absolute; top: 0px; background: #2086ee; padding: 0px 20px;}

.pay .pay_t span {color: #FFF; line-height: 40px; font-size: 16px; float: left;}

.pay .pay_t font {color: #FFF; line-height: 40px; font-size: 26px; cursor: pointer; float: right;}

.pay .pay_b {width: 100%; height: auto; position: absolute; top: 50px; padding: 0px 50px;}

.pay .pay_b_t {width: 100%; height: 80px; float: left; margin-top: 20px;}

.pay .pay_b_t b {width: 100%; height: 40px; float: left; line-height: 40px; font-size: 24px; font-weight: 100; text-align: center;}

.pay .pay_b_t span {width: 100%; height: 40px; float: left; line-height: 40px; font-size: 26px; color: #ff831f; text-align: center;}

.pay .pay_b_c {width: 300px; height: auto; float: left; border: 1px solid #d5d5d5; padding: 40px 0px; margin-top: 20px; margin-left: 50px;}

.pay .pay_b_c canvas {display: block; margin: 0 auto; width: 165px !important; height: 165px !important;}

.pay .pay_b_b {width: 100%; height: auto; float: left; line-height: 30px; color: #0e3569; font-size: 18px; text-align: center; margin-top: 20px;}