.layui-container{ max-width:1200px;font-size: 1.25rem;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.banner{ background:url("/static/index/img/course/lc2026/banner1920_20250617_2.png") no-repeat top center #e23a27; background-size:auto 100%; height:450px;}

.panel-1{margin: 50px auto;}
.panel-1 .box{background:url("/static/index/img/course/lc2023/panel1_box_bg.png") no-repeat top center; background-size:auto 100%; height:123px;text-align: center;margin: 0 auto;display: table;padding-top:35px;color: #db2c3f;font-size: 1.3rem;font-weight: bold;}
.panel-1 .box a{line-height: 30px;background:#e23a27;color:#fff;border-radius: 10px;padding:5px 20px;font-size: 0.8rem;}

.panel-2{margin: 50px  auto;}
.panel-2 .nav{background: #e23927;height: 4.375rem;line-height: 4.375rem;text-align: center;border-radius: 0.75rem;font-weight: bold;}
.panel-2 .nav li{width: 12.5%;float: left;}
.panel-2 .nav a{color: #ffffff;display: block;text-decoration: none;}
.panel-2 .nav li a:hover{ color:#e23927; text-decoration:none; background-color:#ff9900; position:relative;}
.panel-2 .nav li:first-child>a:hover{border-top-left-radius: 0.75rem;border-bottom-left-radius: 0.75rem;}
.panel-2 .nav li:last-child>a:hover{border-top-right-radius: 0.75rem;border-bottom-right-radius: 0.75rem;}

.p_title{color: #282828;text-align: center;margin: 0 auto;background: url("/static/index/img/course/lc2023/title_bg.png?1") no-repeat top center;}
.p_title h2{font-size: 1.625rem;background: url("/static/index/img/course/lc2023/title_b.png") no-repeat bottom center;font-weight: bold;padding-bottom: 0.9375rem;}
.p_title h4{color: #808080;font-size:1.25rem;}

.panel-3{margin: 60px auto;}
.panel-3 .content{margin: 50px auto;background: url("/static/index/img/course/lc2023/panel3_bg.png") no-repeat center center;height: 25.5rem;}
.panel-3 .box1,.box3{float: left;margin-left: 3.125rem;width: 22.5rem;height: 9.375rem;}
.panel-3 .box2,.box4{float: right;margin-right: 3.125rem;width: 22.5rem;height: 9.375rem;}
.panel-3 .box1{background: #31a4ff;border-radius: 0.9375rem;padding: 0.625rem; margin-bottom: 3.125rem;}
.panel-3 .box2{background: #ff4a3f;border-radius: 0.9375rem;padding: 0.625rem; margin-bottom: 3.125rem;}
.panel-3 .box3{background: #ffc438;border-radius: 0.9375rem;padding: 0.625rem;}
.panel-3 .box4{background: #4b4b57;border-radius: 0.9375rem;padding: 0.625rem;position: relative;}
.panel-3 .top{color: #fff;font-size: 1.625rem;font-weight: bold;padding-left:1.25rem; padding-right:1.25rem;}
.panel-3 .bg{background: url("/static/index/img/course/lc2023/box_bg.png") no-repeat top right;}
.panel-3 .box1 .txt{background: #87caff;padding:0.625rem;border-radius: 0.625rem;margin: 1.25rem;color: #003056;}
.panel-3 .box2 .txt{background: #ff9690;padding:0.625rem;border-radius: 0.625rem;margin: 1.25rem;color: #650a00;}
.panel-3 .box3 .txt{background: #ffdd8c;padding:0.625rem;border-radius: 0.625rem;margin: 1.25rem;color: #694a00;}
.panel-3 .box4 .img{ position: absolute;top: -35px;right: 0; }
.panel-3 .box4 .img img{ width:100%; }
.panel-3 .box4 .img1{ position: absolute;top: 65px;right: -20px;}
.panel-3 .box4 .img1 img{width:100px;height:auto;}
.panel-3 .box4 .txt{background: #ffdd8c;padding:0.625rem;border-radius: 0.625rem;margin:1.25rem;color: #694a00; width:210px; }
.panel-4{margin: 60px auto;}
.panel4_box{margin: 30px auto;background: #fffafa;border-radius:15px;}

.panel4_box .content{height: 650px;;overflow:hidden;position:relative;margin-top:30px;margin-bottom:40px;}
.panel4_box .teacher-name{color:#282828;font-weight:bold;font-size:36px;text-align:center;position:absolute; top:20px; left:60px;}

.panel4_box .teacher-nickname{background: #ff4a3f;color:#ffff00; font-weight:bold; font-size:20px; position:absolute; top:80px; left:60px;padding: 0.625rem;border-radius: 0.625rem;}
.panel4_box .teacher-introduce{color:#282828; font-size:18px; width:670px; position:absolute; left:60px; top:150px;line-height: 1.65;}
.panel4_box .teacher-photo{ position:absolute;right:50px; top:20px;}
.panel4_box .teacher-photo img{ width:350px;}
.panel4_box .teacher-txt{width:670px; position:absolute; left:60px; top:290px;background: #d81919;padding: 10px;border-radius: 10px;line-height: 1.5;}
.panel4_box .teacher-txt .title{color: #ffff00;font-size: 18px;text-align: center;}
.panel4_box .teacher-txt .txt{color:#fff;font-size: 16px;margin-top: 10px;}
.panel4_box .teacher-txt .layui-btn-warm{color: #ff0000;background: #ffda81;}

.panel4_box .teacher-list{position:absolute; top:460px; left:50px;}
.panel4_box .teacher-list{ position:absolute; top:460px; left:50px;}
.panel4_box .teacher-list li{ width:110px; height:110px; overflow:hidden;background:#f9f6f6; border-radius:100px; border:2px solid #f9f6f6;float:left; margin:0 10px;display: inline;}
.panel4_box .teacher-list li:hover{ border:2px solid #ff4a3f; cursor:pointer; box-shadow:0 0 5px #aaa;}
.panel4_box .teacher-list li img{ height:100%;}
.panel4_box .layui-tab-title{ height:inherit; border:0;}
.panel4_box .layui-tab-title li{ padding:0 0;}
.panel4_box .layui-tab-title .layui-this:after{ border:0; }
.panel4_box .layui-tab-title .layui-this{border:2px solid #fff;box-shadow:0 0 5px #aaa;}

.panel-5{margin: 0 auto;background: #f5f5f5; padding-top:60px; min-height:950px;}
.panel-5 .content{position:relative;margin-top:30px;margin-bottom:40px;}
.panel5_box .layui-tab-title{ margin-left:45px;}
.panel5_box .layui-tab-title li{width: 20%;height: 97px;background: #cdcdcd;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;float:left; margin:30px 12px 0;display: block;font-size: 20px;color: #808080;font-weight: bold;padding-top: 20px; line-height:26px;}
.panel5_box .layui-tab-title .txt span{font-size:16px;line-height: 20px;background: #808080;padding: 5px 10px;border-radius: 15px;color: #cdcdcd;}

.panel5_box .layui-tab-title .t1 span{}
.panel5_box .layui-tab-title li:hover{ background: #f9a93f; cursor:pointer; box-shadow:0 0 5px #aaa;color:#950e00;}
.panel5_box .layui-tab-title li:hover span{color: #ff4a3f;background: #f9efd5;}

.panel5_box .layui-tab-title{ height:inherit; border:0;}
.panel5_box .layui-tab-title .layui-this:after{ border:0; }
.panel5_box .layui-tab-title .layui-this{background: #f9a93f;box-shadow:0 0 5px #aaa;color:#950e00;}
.panel5_box .layui-tab-title .layui-this .txt span{color: #ff4a3f;font-size:16px;line-height: 20px;background: #f9efd5; border-radius: 15px; }
.panel5_box .layui-tab-title .layui-this .t1 span{}

.panel5_box .layui-tab-title li:nth-child(1):hover{ background: #e23927; cursor:pointer; box-shadow:0 0 5px #aaa; color:#ffee00;}
.panel5_box .layui-tab-title li:nth-child(1).layui-this{ background: #e23927; color:#ffee00;} 
.panel5_box .layui-tab-title li:nth-child(2):hover{ background: #4b4b57; cursor:pointer; box-shadow:0 0 5px #aaa; color:#ffee00;}
.panel5_box .layui-tab-title li:nth-child(2).layui-this{ background: #4b4b57; color:#ffee00;} 
.panel5_box .layui-tab-title li:nth-child(4):hover{ background: #0075d2; cursor:pointer; box-shadow:0 0 5px #aaa; color:#ffee00;}
.panel5_box .layui-tab-title li:nth-child(4).layui-this{ background: #0075d2; color:#ffee00;} 
.panel5_box .layui-tab-content{ padding:0 0 50px 0;}
.panel5_box .kc_boxA{background:#4b4b57; border-radius: 15px;height:padding:0 10px;}

.panel5_box .kc_title1{color: #ffffff;text-align: center; padding: 20px 0 0;font-size: 16px;}
.panel5_box .kc_title2{text-align: center;margin: 20px auto;}
.panel5_box .kc_txt{margin: 20px auto;}
.panel5_box .kc_txt .txt{background: #f5f5f5;border-radius: 15px;height: 300px;color: #4b4b57;font-size: 16px;}
.panel5_box .kc_txt .txt_title img{width: auto;height: 35px;margin-left: -10px;margin-top: 10px;}
.panel5_box .kc_txt .txt_cont{line-height: 32px;padding: 20px 20px 20px;}
.panel5_box .kc_txt .txt_cont2{line-height: 26px;padding: 20px;}
.panel5_box .kc_txt .txt_cont span{color: #e23927;}
.panel5_box .kc_txt .txt_cont2 span{color: #e23927;}
.panel5_box .kc_buy{width: 400px;height: 50px;text-align: center; margin: 0 auto;padding-bottom: 30px;border-radius: 30px; line-height: 50px;font-weight: bold;}
.panel5_box .fl_shop{float: left;width:49%;background: #ffee00;border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
.panel5_box .fl_tmall{float: right;width:49%;background: #ffffff;border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.panel5_box .fl_shop a{color: #950e00;display: block;text-decoration: none;}
.panel5_box .fl_tmall a{color: #e23927;display: block;text-decoration: none;}

.panel5_box .kc_boxB{background: #e23927; border-radius: 15px;height: auto; padding:0 10px;}
.panel5_box .kc_boxB .kc_title{text-align: center;margin: 10px auto;}
.panel5_box .kc_boxB .txt_title img{width: auto;height: 35px;margin-top: 10px;}
.panel5_box .kc_boxB .txt_cont2 span{color: #e23927;}

.panel5_box .kc_boxC{background: #0075d2; border-radius: 15px;height: auto; padding:0 10px;}
.panel5_box .kc_boxC .kc_title{text-align: center;margin: 10px auto;}
.panel5_box .kc_boxC .txt_title img{width: auto;height: 35px;margin-top: 10px;}
.panel5_box .kc_boxC .txt_cont2 span{color: #0075d2;}

.panel5_box .kc_txt .boxD_500 .txt{height: 510px;}
.panel5_box .kc_boxD{background: #ffa628; border-radius: 15px;height: auto; padding:0 10px;}
.panel5_box .kc_boxD .txt_title img{width: auto;height: 35px;margin-top: 10px;}
.panel5_box .kc_boxD .txt_cont{line-height: 30px;padding: 10px;font-size: 14px;}
.panel5_box .kc_boxD .boxD02{background: #f5f5f5;color: #4b4b57;}
.panel5_box .kc_boxD .txt_cont2{line-height: 28px;padding: 8px;font-size: 14px;}
.panel5_box .kc_boxD .txt_cont2 span{color: #e23927;}
.panel5_box .kc_boxD .zs_txt{line-height: 24px;padding: 10px 5px;}
.panel5_box .kc_boxD .bIcon{display: inline-block;margin-left: 2px;padding: 0 5px;height: 20px;line-height: 20px;font-size: 12px;color: yellow;border-radius: 12px;background: #444;}

.panel5_box .panel5_box_bg01{background: url("/static/index/img/course/lc2023/box_bg.png") no-repeat top left;position:absolute;top:250px;left:20px;height:43px;width:200px;}
.panel5_box .panel5_box_bg02{background: url("/static/index/img/course/lc2023/box_bg.png") no-repeat top right;position:absolute;top:250px;right:20px;height:43px;width:200px;}

.panel-6{ margin:60px auto;}
.panel-6 .content{margin: 60px auto;}
.panel6_buy{background:#31a4ff;padding: 20px;border-radius: 15px;margin-top:100px;}
.panel6_buy .bg_buy .round{background: #e5f3ff;border-radius: 50px;display: block;width: 2.5rem;height: 2.5rem;}
.panel6_buy .bg_buy img{width: 30px; height: auto; text-align: center;margin:8px 0 0 5px ;}
.panel-6 .buy1{color: #ffffff;font-weight: bold; margin-left: 50px;font-size:1.625rem;}
.panel6_buy .buy_txt{color: #282828;background: #ffffff;padding: 10px; margin-top: 20px;border-radius: 10px;font-size: 1rem;}
.panel6_mid{margin-top: 35px;margin-top:130px;}
.panel6_call{background: #e23927;padding: 20px;border-radius: 15px;}
.panel6_call .round{background: #ffe5e5;border-radius: 50px;display: block;width: 2.5rem;height: 2.5rem;}
.panel6_call .gb_call img{width: 30px; height: auto; text-align: center;margin:8px 0 0 5px ;}
.panel-6 .gb_txt{background: #ffffff;border-radius: 15px;margin-top: 20px;font-size: 1rem;}
.panel-6 .gb_txt .title{padding-top: 10px;text-align: center;}
.panel-6 .gb_txt .title span{background: #e23927;color: #ffffff;padding: 5px 10px; border-radius: 15px;font-weight:bold;}
.panel-6 .gb_txt .txt{padding: 20px 0 0 40px;line-height: 1.65;}
.panel-6 .gb_txt .txt span{color: #e23927; font-weight: bold;}
.panel-6 .bg_qrcon{background:#fffbc7;border-bottom-left-radius:15px;border-bottom-right-radius: 15px;padding:0 0 10px 20px;}
.panel-6 .bg_qrcon .txt{writing-mode: vertical-lr;float: left; margin-top: 20px;}
.panel-6 .bg_qrcon .img{float: left;margin-left: 20px;}
.panel-6 .bg_qrcon .img img{width: 150px;height: 150px;}

.panel6_qq{background: #f9a93f;padding: 20px;border-radius: 15px;margin-top:100px;}
.panel6_qq .round{background: #fff6e4;border-radius: 50px;display: block;width: 2.5rem;height: 2.5rem;}
.panel6_qq .round img{width: 30px; height: auto; text-align: center;margin:8px 0 0 5px ;}
.panel6_qq .txt_qq{background: #ffffff;color: #282828;padding: 10px;border-radius: 10px;margin-top: 20px;font-size: 1rem;}
.panel6_figure{text-align: center;color:#c0dcf7;font-weight: bolder;font-size:1.625rem;opacity:0.3;}
.panel6_figure2{text-align: center;color:#e88e86;font-weight: bolder;font-size:1.625rem;opacity:0.3;}
.panel6_figure3{text-align: center;color:#f8d09f;font-weight: bolder;font-size:1.625rem;opacity:0.3;}

.panel-7{padding: 60px 0; background: #f5f5f5;}
.panel-7 .content{background: #e23927;border-radius: 20px;padding: 20px;margin-top: 30px;}
.panel7_boxA{background: #f5f5f5;border-radius: 20px;}
.panel-7 .title{text-align: center;padding-top: 20px; height:40px;}
.panel-7 .title strong{background: #e23927;color: #fffbc7;padding: 10px 20px;border-radius: 20px;}
.panel-7 .txt{padding: 20px;color: #666666;font-size: 18px;line-height: 1.65;}
.panel-7 .txt span{color: #e23927;}
.panel7_boxB{background: #fffde5;border-radius: 20px;margin-top: 20px;}
.panel7_boxB .t2 strong{background: #f9a93f;color: #9d1d06;}
.panel7_boxB .txt span{color: #9d1d06;}
.panel7_boxC{background: #f5f5f5;border-radius: 20px;margin-top: 20px;}
.panel7_boxC .icon_down{text-align: center; margin: 10px auto; height:50px;}
#divOpen .layui-card{font-size:15px;font-weight:400;line-height:24px;padding: 20px;background: #f5f5f5; margin-bottom:20px;}
#divOpen .layui-card strong{background:#4b4b57;color: #fff;padding:5px 10px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
#divOpen .card_txt1{background: #e3f1ff;border-radius: 10px;padding: 10px;}
#divOpen .card_txt2{background: #fffde5;border-radius: 10px;padding: 10px;margin-top: 20px;}
#divOpen .card_txt3{background: #e3f1ff;border-radius: 10px;padding: 10px;margin-top: 20px;}
#divOpen .card_txt4{padding: 10px;font-weight: bold;color: #e23927;}
#divOpen .card_txt3 span{color: #e23927;background: #f0f6f3; padding: 5px;font-weight: bolder;}

.panel-8{margin: 60px auto; padding-bottom:50px;} 
.panel-8 .content{background: #e23927;border-radius: 20px;padding: 20px;margin-top: 30px;}
.panel-8 .panel8_box{background: #f5f5f5;border-radius: 20px;padding: 20px;olor: #4b4b57;font-size: 18px;}
.panel-8 .panel8_box .title{color: #e23927;font-size: 1.375rem;font-weight: bold;}
.panel-8 .box_fl{float: left;text-align: center;background: linear-gradient(#f0cecb, #f3e7e7, #f5f5f5);-webkit-background-clip: text;color: transparent;font-weight: bolder;font-size: 80px;overflow:hidden;}
.panel-8 .box_fr{float: left;margin-left: 20px;}


.panel-8 .panel-body li{margin-top: 30px;}
.panel-8 .panel-body h2{font-size:18px;}
.panel-8 .panel-body li:hover{margin-top: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 15px;transition: all 200ms linear;}
.panel-8 .panel-body li:hover .list-title h3 strong{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.panel-8 .panel-body li .list-title{margin-top:-45px;}
.panel-8 .panel-body li .list-title h3 strong{background: #434bfc;color:#fff;font-size: 22px;padding: 10px 25px 25px;line-height: 2em;border-radius: 15px;}
.panel-8 .panel-body li:nth-child(even) .list-title h3 strong{background:#ffa13e;}
.panel-8 .panel-body li .list-content{background:#f5f5f5; border-radius: 15px; overflow: hidden;padding:5px;}
.panel-8 .panel-body li .list-content a{color:#282828;}
.panel-8 .panel-body li .imgbox{ padding:10px; background:#fff; border-radius: 15px;}
.panel-8 .panel-body li .imgbox img{width:100%;height:auto; text-align:center;border-radius:8px;}
.panel-8 .panel-body li .textbox{margin: 15px;line-height: 1.5;}
.panel-8 .panel-body li .textbox .title{height:5em;overflow: hidden;}
.panel-8 .panel-body li .textbox .price{font-size: 20px;color:#ff860f; float:left;}
.panel-8 .panel-body li .textbox .price strong{font-size:1.6em;}
.panel-8 .panel-body li .textbox .buyit{text-align: right;}
.panel-8 .panel-body li .textbox .buyit .layui-btn{background: #434bfc;border-radius: 25px;}
.panel-8 .panel-body li .textbox .buyit .layui-btn-disabled{background: #999999;}


.panel-9{ padding-bottom:60px; display:none;}
.panel-9 .panel9_box{background: #e23927;border-radius: 15px; padding: 20px;margin-top: 30px;}
.panel9_box .title{color: #ffffff;font-size: 18px;text-indent: 2.0em;}
.panel9_box .title span{color:#fff200;}
.panel9_box .title b{background:#009688;padding:2px}
.panel9_box .box{margin-top: 30px;}
.panel9_box .boxA{background: #f5f5f5;height: 140px;border-radius:15px;padding-top: 15px;font-size: 18px;font-weight: bold;}
.panel9_box .boxA strong{background: #4b4b57;color: #fff;padding: 5px 10px;}
.panel9_box .boxA span{background: #e23927;color: #fff;padding: 5px 10px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.panel9_box .boxA .txt{color: #4b4b57;font-size: 15px;padding: 20px;font-weight: normal;}

.panel-10{margin: 60px auto;}
.panel-11{margin: 60px auto;}
.panel11_box{background: #ffa628;margin-top: 30px;border-radius: 15px;}
.panel11_box_txt{background: #f5f5f5;padding: 20px;margin-top: 30px;border-top-left-radius: 13px;border-top-right-radius: 13px;line-height: 40px;}
.panel11_box_txt p{color: #282828;font-size: 20px;text-indent: 2.0em;}
.panel11_box_txt p span{color: #e23927;}
.panel11_box_txt h4{color: #ff0000;font-size: 26px;font-weight: bolder;text-align: center;}
.panel11_box_img{margin-top: 30px;padding:0 20px;}
.panel11_box_img .img{margin-top: 30px; }

.panel-12{margin: 60px auto;background: #f5f5f5;padding-top: 30px;}

.panel12_box>.layui-row{padding:60px 40px;}
.panel12_box{ text-align:center;}
.panel12_box img{ max-width:400px;}

.panel-13{margin: 60px auto;}
.panel13_box{padding:30px 0 ;}
.focusBox { position: relative; width:1200px; height:1101px; overflow: hidden;padding-top:30px;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:1200px; height:1101px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom:5px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(/static/index/img/course/lc/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(/static/index/img/course/lc/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(/static/index/img/course/lc/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}
.panel-10-m{ display:none; }
.panel13_box_m{ display: none;}
.panel5_box2{ display:none;}

.big_panel_title{ background-color:#444; color:#fff; padding:60px 0;}
.big_panel_title .title h1{ font-size:42px; font-weight:bold;}


@media screen and ( max-width:640px ){
    .banner{ height:200px;}
    .panel-1{ margin:10px auto;}
    .panel-1 .box{ height:80px; overflow:hidden; padding-top:18px; font-size:1rem;}
    .panel-1 .box a{ padding:2px 10px; line-height: 25px;}
    .panel-2{ display:none; visiable:none;}
    .p_title h2{ font-size:1.35rem;}
    .p_title h4{ font-size:1.1rem;}
    .panel-3 .content{ background:none; height:auto; overflow:hidden;}
    .panel-3 .box1{ margin:5px auto; width:auto; float:none;}
    .panel-3 .box2{ margin:5px auto; width:auto; float:none;}
    .panel-3 .box3{ margin:5px auto; width:auto; float:none;}
    .panel-3 .box4{ margin:5px auto; width:auto; float:none;}
    .panel-3 .box4 .img img{ width:100%;}
    .panel-3 .box4 .img{ top:5px; right:0; width:100px;}
    .panel-3 .box4 .img1{ text-align:center; }
    .panel4_box .content{ height:auto;}
    .panel4_box .teacher-list{ position:relative; top:0; left:0; padding:5px 0; background:orange; text-align:center; width:358px; margin:0 auto; border-radius:10px; }
    .panel4_box .teacher-list li{ display:block; width:75px; height:75px; margin:5px;}
    .panel4_box .teacher-list li:after{ height:100%;}
    .panel4_box .teacher-list li img{ width:auto; height:100%;}
    .panel4_box .teacher-name,
    .panel4_box .teacher-nickname,
    .panel4_box .teacher-introduce,
    .panel4_box .teacher-photo,
    .panel4_box .teacher-txt{ position:relative; top:0; left:0;}
    .panel4_box .teacher-name{ text-align:left;}
    .panel4_box .teacher-nickname{ font-size:16px; width:fit-content; padding:3px 10px; margin-top:5px;}
    .panel4_box .teacher-introduce{ width:auto; font-size:16px; margin-top:20px;}
    .panel4_box .teacher-photo img{ max-width:100%;}
    .panel4_box .teacher-txt{ width:auto;}
    .panel4_box .teacher-txt .cont p{ line-height:1.5rem;}

    .panel-5{ height:auto;}
    .panel5_box .layui-tab-title{ margin-left:0px;}
    .panel5_box .layui-tab-title li{ margin:5px; padding:15px 5px 10px; width:calc(50% - 20px); line-height:22px; height:70px; border-radius:8px; font-size:18px;}
    .panel5_box .layui-tab-title .txt span,
    .panel5_box .layui-tab-title .layui-this .txt span{ font-size:12px; line-height:1rem; padding:2px 5px;}
    .panel5_box .kc_buy{ width:90%; }
    .panel5_box .kc_boxA .kc_title img,
    .panel5_box .kc_boxB .kc_title img,
    .panel5_box .kc_boxC .kc_title img,
    .panel5_box .kc_boxD .kc_title img{ max-width:100%;}
    .panel5_box_bg01{ display:none;}
    .panel5_box_bg02{ display:none;}
    .panel5_box .kc_txt .boxD_500_m3 .txt{height: 360px;}
    .panel5_box .kc_txt .boxD_500_m4 .txt{height: 300px;}
    .panel5_box .kc_txt .boxD_500_m5 .txt{height: 320px;}
    .panel5_box .kc_txt .txt_cont2_m{line-height: 24px;padding: 10px;}
    
    .panel-6 .content{ margin:10px auto;}
    .panel6_buy{ margin:0;}
    .panel6_mid{ margin:0 auto; text-align:center;}
    .panel6_mid img{ transform:rotate(90deg);}
    .panel6_qq{ margin:0;}
    .panel-7 .title{ height:auto;}
    .panel-7 .title strong{ display:block; margin:0 20px;}
    
    .panel-8 .layui-col-space30{ margin:0;}
    .panel-8 .layui-col-space30>*{ padding:5px;}
    .panel-8 .panel-body li .imgbox{ padding:15px;}
    .panel-10{ display:none;}
    .panel-10-m{ display:block; border: 1px solid rgba(0,0,0,.125);}
    .panel-10-m img{ width:100%;}
    .panel11_box_txt p{ font-size:1rem; line-height:1.8rem;}
    .panel11_box_txt h4{ font-size:1.5rem; line-height:1.8rem; margin:10px auto;}
    .panel11_box_img img{ max-width:100%;}
    .panel12_box>.layui-row{ padding:40px 0;}
    .panel12_box img{ max-width:100%;}
    .panel13_box{ display: none;}
    .panel13_box_m{ display:block;}
    .panel13_box_m img{ max-width: 100%;}
    .big_panel_title .title h1{ font-size:28px; font-weight:bold;}
}