html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体"; color: #333; font-size: 16px; min-width: 1200px; background:#fff;}
body a{cursor: pointer; text-decoration:none; color:#333;}
ol,ul{list-style: none;}
.clear{zoom:1;}
.clear:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}

/*通用样式*/
.w1200{width: 1200px; margin: 0 auto;}

.lesson{padding-bottom: 70px; margin-top: 200px;}

.lesson .title04{position: relative; font-weight: bold; font-size: 32px; color: #333; text-align: center;}
.lesson .title04:after{content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; width: 60px; height: 6px; background:#f6c543;}

.lesson-quanbu{display:none; height: 350px; overflow-y: auto;}
.lesson-block{display:block}
.lesson-quanbu::-webkit-scrollbar {width:4px; height: 1px;}
.lesson-quanbu::-webkit-scrollbar-thumb {border-radius: 10px; background: #e7e7e7;}
.lesson-quanbu::-webkit-scrollbar-track {border-radius: 10px; background: #f1f1f1;}
.lesson-quanbu:hover::-webkit-scrollbar-thumb { background: #bfbfbf;}

.curriculum_box{box-sizing: border-box; margin-top: 51px; background: #fff; border-radius: 8px; border: 2px solid #f6c543;}

.lanmu1{width: 100%; height: 93px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.lanmu1 li{flex: 1; cursor: pointer; user-select: none; height: 100%; background: #fff8e5; color: #5d4400; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.lanmu1 li p{font-weight: bold; font-size: 20px;}
.lanmu1 li span{font-size: 16px;}
.lanmu1 li:first-child{border-radius: 7px 0 0 0;}
.lanmu1 li:last-child{border-radius:0 7px 0 0;}
.lanmu1 .lesson-active{background:#f6c543 !important; color:#fff !important;}


.lanmu2{position: relative;}
.lesson-all{display:none;}
.lesson-on{display:block}


.shuoming{box-sizing: border-box; position: relative; width: 100%; height: 95px; padding: 24px 0 0 90px; background: #fff8e5;}
.shuoming .manjian{display: flex;}
.shuoming .manjian p:first-child{width: 87px; height: 27px; background:#f77403; border-radius: 0 0 12px 0; line-height: 26px; text-align: center; font-size: 16px; color: #fff; margin-right: 9px;}
.shuoming .manjian span{font-size: 16px; color: #333; margin-right: 10px;}
.shuoming .manjian span strong{color: #f77403;}
.shuoming .jianjie{ margin-top: 17px; font-size: 16px; color: #5d4400;}


.lesson-all-title-1{display:flex;  -ms-flex-pack: distribute; justify-content: space-around; height:98px; background: #fff; padding-top: 43px;}
.lesson-all-title-1 .lesson-title{position:relative;font-size:16px;color:#333;height:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;}
.lesson-all-title-1 .lesson-title-1:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-10px;width:34px;height:4px;background:#f6c543;border-radius:2px;}


#classStart table{ width: 100%; text-align: center; border-spacing: 0; border-collapse: collapse;}
#classStart thead{background: #ffedbe; height: 50px;}
#classStart th{font-size: 16px; vertical-align: middle; padding: 13px 0; color: #333;}

#classStart td{width:120px; color: #333; font-size: 14px; padding:10px; vertical-align: middle; text-align: center; align-items: center;}
#classStart td:nth-child(1){width:250px;}
#classStart td:nth-child(4){width:270px; text-align: left;}
#classStart td:nth-child(5){width:170px;}
#classStart td:nth-child(6){width:250px; text-align: left;}

#classStart td.a_col1 div{padding-left: 70px; display: -webkit-box; display: flex; flex-wrap: wrap; color: #f77403; }
#classStart td.a_col1 .jp-tween-check{display:block; width: 18px; height: 19px; border: 2px solid #f77403; margin-right: 10px; position: relative; cursor: pointer;}
#classStart td.a_col1 span.selected:after{content: ""; position: absolute; top: -4px; left: -2px; background: url(/promotion/kaoyan/images/right.png) no-repeat; width: 25px; height: 21px; background-size: 100% 100%; z-index: 2;}

#classStart td.price{color:#f77403; font-weight: bold;}

#classStart td ul li{margin-bottom: 10px;}
#classStart td ul li b{margin-top: 30px; font-weight: bold; display: block;}

.sumPrice{border-radius:0 0 8px 8px; box-sizing:border-box; background:#ffedbe; width:100%; height:83px; margin-top:30px; padding:0 35px 0 71px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.sumPrice .count{width: 235px; font-size: 20px; color: #5d4400; }
.sumPrice .count .janmoney{color: #f77403; font-weight: bold;}
.sumPrice .countRight{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:857px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.sumPrice .countRight .yinfu{position:relative;min-width:380px;height:48px;padding:0 18px;border-radius:10px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#5d4400;}
.sumPrice .countRight .yinfu .total{color: #f77403; font-weight: bold;}
.sumPrice .countRight a{width:230px;height:54px;background:#f77403;border-radius:6px;font-size:25px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;}



/*弹窗*/
.window{position: fixed; left:0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); z-index: 99; display: none;}
.windows{width:600px; background: #fff; margin: 0 auto; padding-bottom: 30px; border-radius: 10px; position: relative; top: 50%; margin-top: -220px;}
.windows h5{color: #fff; background: #F94551; height: 80px; line-height: 80px; width: 100%; font-size: 26px; position: relative; text-align: center; margin-bottom:30px; border-radius: 10px 10px 0 0;}
.windows h5 i.winClose{position: absolute; right: 20px; top: 20px; background: url(/promotion/kaoyan/images/win_close.png); display: block; width: 36px; height: 36px;}
.windows h5 i.winClose:hover{opacity: .8; cursor: pointer;}
.windows p{width: 80%; margin: 0 auto 20px;}
.windows p span{color: #666; font-size: 22px; display: inline-block; width: 150px; text-align: center;}
.windows p input{width: 324px; height:56px; text-indent: 1em; border-radius: 10px; border:1px solid #CCC; font-size: 18px; outline: 0;}
.windows a{width: 200px; height: 50px; line-height: 50px; border-radius: 50px; font-size: 20px; background: #F94551; color: #fff;  display: block; margin:30px auto 0; text-align: center;}
.windows a:hover{opacity: 0.8;}
.windows .before{text-align: center; display: none;}
.windows .before img{margin-top: 8px;}
.windows .before h3{font-size: 24px; text-align: center; padding: 20px 0 40px;}
.windows .before p a{display: inline-block; font-size: 18px; width: 160px; border-radius: 5px; margin:20px 12px 0;}