@charset "gb2312";
/* CSS Document */
html { font-size: 40px; }
body { padding: 0; font-family: "Microsoft YaHei"; margin: 0; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow-x: hidden; background-color: #fff; }
.tbody { padding: 0 0.5rem; }
ol, ul { list-style: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
ul, li, input, h1, h2, h3, h4, p, span, b, dl, dt, dd, header, menu, section, footer, nav, article { margin: 0; padding: 0; }
ul, li { list-style: none; }
.clear { clear: both; }
em { font-style: normal; }
.f_l { float: left; }
.f_r { float: right; }
a { text-decoration: none; color: #333; }
.line { height: 0.2rem; background-color: #eeeeee; }
.ibody img { display: block; width: 100%; }
.flex{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
/*----*/
.wpic { width: 100%; }
.wtxt { font-size: 0.45rem; line-height: 0.8rem; color: #333; padding-top: 0.375rem; padding-bottom: 0.25rem; }
.fb_tit { font-size: 0.75rem; color: #333333; line-height: 1.25rem; padding-top: 0.7rem; text-align: center; }
.ipt_li { display: block; width: 14.4rem; height: 1.35rem; border-radius: 0.125rem; border: 0.025rem solid #ff0000; margin: 0 auto; font-size: 0.65rem; line-height: 1.35rem; overflow: hidden; vertical-align: top; margin-top: 0.35rem; box-sizing: border-box; }
.ipt_li span { display: inline-block; width: 3.7rem; height: 1.3rem; border-right: 0.125rem; background-color: #ff0000; text-align: center; color: #fff; vertical-align: top; }
.check_txt { font-size: 0.525rem; width: 90%; margin: 0 auto; line-height: 1.3rem; }
.check_li { text-align: center; }
.check_li li { display: inline-block; font-size: 0.525rem; color: #666666; line-height: 0.75rem; margin-right: 0.2rem; }
.check_li i { display: inline-block; width: 0.75rem; height: 0.75rem; background: url(../img/ckbg.jpg) center center no-repeat; vertical-align: middle; }
.check_li input:checked + i { background-image: url(../img/ckbg_c.jpg); }
.check_li input { width: 0rem; height: 0rem; opacity: 0; visibility: hidden; }
.xfly_lybox1 { display: inline-block; height: 1.3rem; line-height: 1.3rem; width: 10rem; vertical-align: top; border: none; text-indent: 1.125rem; font-size: 0.625rem; color: #c5c3c3; }
.xfly_ly_subbox { width: 14.3rem; height: 1.25rem; display: block; margin: 0 auto; text-align: center; line-height: 1.225rem; font-size: 0.7rem; color: #fff; background-color: #ff0000; border-radius: 0.625rem; border: none; margin-top: 0.85rem; margin-bottom: 0.75rem; }
.title { font-size: 0.8rem; line-height: 1.5rem; padding-top: 1rem; text-align: center; color: #333; }
.etitle { font-size: 0.3rem; line-height: 0.6rem; text-align: center; color: #333; text-transform: uppercase; }
.ftitle { font-size: 0.45rem; line-height: 0.6rem; text-align: center; color: #333; }
.btn_box { display: flex; justify-content: center; flex-wrap: wrap; padding: 0.75rem 0rem; }
.btn_box a { display: block; height: 1.2rem; border-radius: 0.6rem; text-align: center; line-height: 1.1rem; font-size: 0.5rem; border: 0.05rem solid #8f6103; padding: 0 0.75rem; margin: 0 0.25rem; color: #ff0000; }
.btn_box a.swtzh { background-color: #8f6103; color: #fff; }
/* 学习内容start */
.xxnr{width: 16rem;height: 28.05rem;background-image: url(../img/xxnr.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center; padding-top: 0.7rem;}
.xxnr .title,.xxnr .etitle{color: #fff;}
.xxnr .title{padding: 0;}
.xxnr .dsitle{font-size: 0.5rem;line-height: 0.8rem;text-align: center;color: #fff;}
.xxnr .dsitle span{color: #ffe985;}
.llkc{width: 15rem;height: 7.8rem;margin: auto;position: relative;margin-bottom: 1.25rem;}
.llkc .kcdg{width: 5rem;height: 4.5rem;position: absolute;left: 0;top: -0.05rem;}
.llkc .kcdg img{width: 5rem;height: 4.5rem;}
.llkc .kcdg p{font-size: 0.65rem;color: #ffce70;position:absolute;left: 0.8rem;top: -0.4rem;z-index: 10;}
.llkc .kcdg ul{display: block;position: absolute;left: 0.9rem;top: 0.8rem;}
.llkc .kcdg ul li{display: block;color: #fff;font-size: 0.45rem;line-height: 0.75rem;}
 
.llkc .kcimg1{width: 9.25rem;height: 3.75rem;float: right;margin-bottom: 0.25rem;}
.llkc .kcimg1 img{width: 4.5rem;height: 3.75rem;}
.llkc .kcimg2{width: 11.15rem;height: 3.75rem;float: right;}
.llkc .kcimg2 .nr3{width: 6.625rem;height: 3.75rem;}
.llkc .kcimg2 .nr4{width: 4.25rem;height: 3.75rem;}

.sxkc{width: 15rem;margin: auto;position: relative;}
.sxkc .kcimg3{width: 9.3rem;}
.sxkc .kcimg3 img{width: 4.5rem;height: 3.75rem;}
.sxkc .kcimg3 .nr5,.sxkc .kcimg3 .nr6{margin-bottom: 0.25rem;}
.sxkc .kcimg4{width: 10.5rem;margin-top: 0.25rem;}
.sxkc .kcimg4 .nr9{width: 4.75rem;height: 3.75rem;}
.sxkc .kcimg4 .nr10{width: 5.5rem;height: 3.75rem;}

.sxdg{height: 9.5rem;width: 5.05rem;position: absolute;top: -0.05rem;right: 0;}
.sxdg p{font-size: 0.65rem;color: #ffce70;position:absolute;right: 1rem;top: -0.4rem;z-index: 10;}
.sxdg ul{display: block;position: absolute;right: 1rem;top: 0.7rem;}
.sxdg ul li{display: block;color: #fff;font-size: 0.45rem;line-height: 0.75rem;text-align: right;}

.xxnr .btn_box a.sw1{border-color: #fff;color: #fff;background: none;}
.xxnr .btn_box a.sw2{border-color: #ffce70;background: #ffce70;color: #000;}
/* 学习内容end */

.pymb { padding: 0 0.8rem; }
.mb_l { width: 4.75rem; margin-top: 0.5rem; }
.mb_r { width: 9.35rem; margin-top: 0.5rem; }
.nr_con { width: 15rem; margin: 0 auto 0.25rem; border: 0.025rem solid #d2d2d2; }
.nr_txt { width: 6.875rem; padding: 0 0.5rem; }
.nr_pic { width: 7.875rem; }
.btn_on .swtzh { display: block; min-width: 4.8rem; height: 1.15rem; margin: 0 auto; font-size: 0.5rem; color: #fff; line-height: 1.15rem; text-align: center; border-radius: 0.575rem; background-color: #8f6103; margin-top: 1rem; }
.btn_on .swtzh i { display: block; width: 0.925rem; height: 0.925rem; margin-top: 0.1rem; margin-right: 0.2rem; float: right; background-image: url(../img/btn_ico.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; }
.nr_con .title { font-size: 0.65rem; }

/* 四大课程优势start */
.kcys { padding: 0 0.5rem; }
/* .ys_con { display: flex; justify-content: center; flex-wrap: wrap; }
.ys_li { width: 7rem; height: 10rem; background-size: 100%; background-repeat: no-repeat; background-position: center top; margin: 0.25rem; padding-top: 1.5rem; } */
.kcys .ys_con{width: 13.5rem;margin: auto;margin-top: 1.45rem;}
.kcys .ys_con li.ys_list{display: block;height: 3.375rem;width: 100%;margin: 0.3rem auto;}
.kcys .ys_con .ys_list img{width: 6.75rem;height: 3.375rem;float: left;}
.kcys .ys_con .ys_list .yswz{width: 6.5rem;height: 3.375rem;float: left;margin-left: 0.25rem;}
.kcys .ys_con .ys_list .yswz .sign{width: 0.25rem;height: 0.25rem;border-radius: 0.125rem;background: #ffce70;float: left;margin-top: 0.65rem;}
.kcys .ys_con .ys_list .yswz p{font-size: 0.45rem;display: block;margin-left: 0.5rem;margin-top: 0.4rem;line-height: 0.7rem;}
.kcys .ys_con li.line{width: 12.85rem;margin: auto;border-bottom: 0.025rem solid #e6e6e6;height: 0;}
.kcys .btn_box .sw1{width: 8rem;border-color: #1e1e1e;color: #1e1e1e;background: none;}
.kcys .btn_box .sw2{background: #ffce70;border-color: #ffce70;color: #1e1e1e;}
/* 四大课程优势end */
.ys_tit { font-size: 0.75rem; text-align: center; font-weight: bold; line-height: 2.75rem; color: #fff; }
.ys_txt { font-size: 0.45rem; text-align: center; line-height: 0.8rem; color: #fff; }
.ms_con { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 1rem; }
.nms_li { width: 7.125rem; margin: 0 0.375rem; }
.nms_pic { width: 4.175rem; height: 4.175rem; border-radius: 50%; margin: 0 auto; overflow: hidden; }
.nms_enm { font-size: 0.55rem; color: #5a3315; line-height: 1.15rem; text-align: center; }
.nms_cnm { font-size: 0.55rem; color: #5a3315; line-height: 0.85rem; text-align: center; }
.nms_ico { text-align: center; font-size: 0rem; height: 0.65rem; margin-top: 0.125rem; margin-bottom: 0.125rem; }
.nms_ico i { display: inline-block; width: 0.4rem; height: 0.4rem; background-image: url(/x2019/img/nms_ico.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center center; margin: 0 0.05rem; }
.nms_txt { font-size: 0.4rem; line-height: 0.6rem; color: #5a3315; text-align: center; border-top: 0.025rem dashed #c9aa81; border-bottom: 0.025rem dashed #c9aa81; padding: 0.35rem 0; }
.nms_ntb { display: flex; justify-content: center; flex-wrap: wrap; padding: 0.5rem 0rem; }
.nms_ntb a { width: 2.75rem; height: 1.1rem; line-height: 1.1rem; text-align: center; font-size: 0.45rem; color: #4e2811; border-radius: 0.55rem; margin: 0 0.125rem; background-color: #dfbe93; }
.nms_ntb a.swtzh { background-color: #4e2811; color: #ffa127; }
/* 学生作品start */
.xszp { background: url(../img/xszp.jpg) no-repeat; background-size: 100%;background-position: center center;height: 27.3rem;}
.xszp .title{padding-top: 0.5rem;}
.xszp .title,.xszp .etitle{color: #fff;}
.zp_con { width: 15rem;margin: auto;margin-top: 0.6rem; }
.zp_con div{margin-bottom: 0.25rem;width: 100%;}
.zp_con  .zp_left{width: 7.375rem;margin-bottom: 0.25rem;float: left;}
.zp_con  div img{width: 7.375rem;height: 5.25rem;margin-bottom: 0.25rem;}
.zp_con  div img.zp_big{width: 7.375rem;height: 9.75rem;}
.zp_con  .zp_right{width: 7.375rem;margin-bottom: 0.25rem;float: right;}
.zp_con  div img.zp_small{height: 4.75rem;}
.zp_con  div img.normal{width: 15rem;height: 5.5rem;}
.xszp .btn_box .sw1{background: #ffce70;border-color: #ffce70; color: #1e1e1e;}
.xszp .btn_box .sw2{border-color: #fff; color: #fff;}
/* 学生作品end */
.jy_txt { font-size: 0.45rem; line-height: 0.8rem; padding: 0.5rem 0rem; }
.zy_con { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.5rem; }
.zy_li { width: 7.325rem; height: 8.525rem; border: 0.025rem solid #eeeeee; margin-bottom: 0.35rem; }
.zy_tit { font-size: 0.6rem; text-align: center; line-height: 1rem; padding-top: 0.25rem; font-weight: bold; color: #333; }
.zy_txt { font-size: 0.45rem; color: #333; text-align: center; line-height: 0.8rem; }
.zy_btn { width: 80%; margin: 0 auto; padding-top: 0.375rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.zy_btn a { display: block; width: 2.7rem; height: 0.825rem; border: 0.05rem solid #ff0317; border-radius: 0.4rem; color: #ff0317; font-size: 0.45rem; line-height: 0.75rem; text-align: center; }
.zy_btn a.swtzh { background-color: #ff0317; color: #fff; }
.x2019_gybd { width: 100%; height: 16.85rem; background-size: 100% 100%; background-color: #fff; }
.x2019_gybd2 { width: 14.5rem; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.x2019_gybd2 img { width: 6.225rem; height: 4.6rem; }
.x2019_gybd2 p { font-size: 0.5rem; line-height: 1rem; }
.x2019_gybd2 p span { display: block; }
.x2019_gybd2 p span:nth-child(1) { font-size: 0.75rem; }
.x2019_gybd2 p span:nth-child(1) b { color: #e60012; }
.x2019_gybd3 li { width: 12.75rem; margin: 0 auto; margin-top: 0.65rem; }
.x2019_gybd3 li.li1 input, .x2019_gybd3 li.li2 input { width: 12.7rem; height: 1.575rem; border: 0.025rem solid #b2b2b2; border-radius: 1.65rem; font-size: 0.7rem; background: url("../img/x2019_gybdimg1.png") no-repeat #fff; background-position: 1.25rem 0.25rem; background-size: 0.925rem 0.975rem; text-indent: 2.45rem; }
.x2019_gybd3 li.li2 input { background-image: url("../img/x2019_gybdimg2.png"); background-size: 1.05rem 1.075rem; }
.x2019_gybd3 li.li3 input { background: #e60012; width: 100%; height: 1.6rem; border: 0; color: #fff; font-size: 0.7rem; border-radius: 1.6rem; }
.x2019_gybd3 li.li4 { font-size: 0.5rem; padding-bottom: 1.25rem; text-align: center; }
.x2019_tykti_t1 { width: 100%; text-align: center; }
.x2019_tykti_t1 h2 { font-size: 0.85rem; font-weight: normal; text-align: center; height: 1.8rem; padding-top: 0.875rem; }
.x2019_tykti_t1 span { font-size: 0.5rem; text-align: center; line-height: 1.425rem; }