@charset "UTF-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,th,td,img,div,dl,dt,dd,fieldset,legend,input,textarea,select{margin:0;padding:0; border:none; box-sizing:border-box;}
body {font-family: 'Microsoft Yahei';width:7.5rem;margin: 0 auto; }
ul,ol,li{ list-style:none;}
em{font-style:normal;}
img{vertical-align: middle; max-width:100%; display: block;}
table{border-collapse:collapse; border-spacing:0;}
a{cursor:pointer; text-decoration: none;}
button,input,select{border:none; background: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
.con_bg{ background: linear-gradient(to bottom,#bdf3c2,#2dbcff); }
.con_bg01{ background:url("../img/dbbg.png") no-repeat center bottom / contain, linear-gradient(to bottom,#bdf3c2,#2dbcff); padding-bottom: 0.4rem; }
.bg_b{ width: 7.426rem; background: url("../img/bg_b.png") repeat-y center / contain; padding-bottom: 0.1rem; margin: 0 auto; }
.bg_c{ width: 7.426rem; margin: 0 auto;}
.mt-30{ margin-top:0.3rem;}
.mt-50{ margin-top:0.5rem;}
.pt-50{ padding-top: 0.5rem;}
input::placeholder{ color:#999;}

/*header*/
.gemu_header{width:7.5rem;height:1rem; display: flex; justify-content: space-between; padding: 0 0.25rem; align-items: center; }
.gemu_logo{ width:1.8rem; }
.gemu_logo img{ display: block; }
.gemu_kc{width:1.6rem; height:0.6rem; background:#005cb9; border-radius:0.3rem; font-size:0.28rem;color:#fff; line-height: 0.6rem; text-align:center; }

/*banner*/
.banner{ width:100%; height: 5.28rem; background: url("../img/m_banner.jpg?v=0331") no-repeat center / cover; }
.banner h1{ font-size: 0rem; text-align: center; color: #fff;}

/*标题*/
.title{ text-align: center; padding-top:0.2rem; display: flex; justify-content: center;}
.title h3{ height:0.9rem; color: #005cb9; background: linear-gradient( to left,#fffef0,#fffba5 10%,#fffba5 90%,#fffef0); padding: 0 0.4rem; line-height:0.9rem; font-size:0.4rem; border:0.02rem dashed #1188ff; border-radius: 0.1rem; text-shadow: 0.02rem 0.02rem 0 #fff, 0.02rem -0.02rem 0 #fff, -0.02rem 0.02rem 0 #fff, -0.02rem -0.02rem 0 #fff; }
.title h3 img{ margin: 0 0.1rem; display: inline; width: 0.5rem; }

/*学习资料领取*/
.zxlq{ width: 7.2rem; background: #fffef0; border-radius: 0.1rem; box-shadow: 0 0 0.1rem rgba(33,39,145,0.3); padding:0.3rem 0.3rem 0.5rem; margin: -0.4rem auto 0; border: 0.04rem solid #1188ff;  }
.zxlq_l p { font-size:0.4rem; color: #1188ff; margin-bottom:0.3rem; font-weight: bolder; text-align: center;}
.zxlq form ul{ display: flex; flex-direction: column; border-radius:0.12rem; border:0.02rem solid #2190ff; padding: 0.4rem 0.2rem; background: #fff;}
.zxlq form ul li{ display: flex; justify-content: space-between; align-items: center; height: 0.8rem; margin-bottom: 0.3rem; padding-right: 0.3rem; }
.zxlq form ul li span{ width:18%; border-right:0.04rem solid #1eb7fa; margin-right: 0.2rem;}
.zxlq form ul li span img{ width: 0.6rem; display: block; margin: 0 auto; }
.zxlq form ul li input{ flex: 1; font-size:0.28rem; color: #333; height:0.8rem; padding-left:0.15rem; border-bottom: 0.02rem dotted #1eb7fa; }
.zxlq form ul li:last-child{ width: 90%; margin:0 auto; padding-right: 0rem;}
.zxlq form ul li input#refer{ background: url("../img/plane.png") no-repeat 20% center /0.4rem 0.4rem, linear-gradient(to bottom,#1eb7fa,#2e87ff); padding-left:0rem; margin:0; border-radius:0.5rem; color: #fff; font-size:0.3rem;}

/*特色教学 保驾护航*/
.serve_box{ padding:0.3rem 0.2rem 0rem; border-radius: 0.12rem;}
.serve_list{ display: flex; align-items: center; padding-bottom: 0.3rem;}
.serve_list:last-child{ padding-bottom: 0rem;}
.serve_l{ width:1.7rem; height: 1.7rem;}
.serve_r{ flex: 1; height:1.7rem; background: #fff; padding:0.1rem; box-shadow: 0 0 0.1rem #22abfb; border-radius: 0 0.08rem 0.08rem 0rem; display:flex; flex-direction: column; }
.serve_r h4{ width:50%; background: #2e89ff; border-radius: 0 0.1rem 0.1rem 0rem; padding:0.12rem 0.08rem; font-size:0.28rem; color: #fff;}
.serve_r p{ font-size:0.26rem; color: #333; margin-top:0.05rem; line-height:0.4rem;}

/*咨询*/
.zixun{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 0.6rem; padding: 0 0.15rem;}
.zixun .zxlist{ width:2.3rem; background: #fff; border:0.02rem solid #30b4fb; border-radius:0.12rem; box-shadow: 0 0 0.1rem #ddd; text-align: center; position: relative; padding-top:0.8rem; margin-bottom:0.6rem;}
.zixun .zxlist .image{ position: absolute; top: -0.4rem; left: 50%; transform: translateX(-50%);}
.zixun .zxlist .image img{ width:0.8rem;}
.zixun .zxlist .t{ font-size: 0.28rem; color: #2e88ff; font-weight: bolder; margin-bottom:0.2rem;}
.zixun .zxlist .con{ font-size: 0.24rem; line-height:0.42rem; color: #666; margin-bottom: 0.15rem;}
.zixun .zxlist hr{ width:80%; background: #2e88ff; height:0.04rem; border: none; display: block; margin:0 auto;}
.more{ text-align: center; font-size: 0rem; padding:0.2rem 0rem;}
.more a{padding:0.2rem 1rem; background: linear-gradient( to left, #1eb7fa, #2e87ff); border-radius:0.5rem; color: #fff; font-size:0.3rem; font-weight: bolder;}

/*问题解答*/
.wenti{ padding: 0.2rem;}
.wenti li{ width: 100%; border-bottom:0.02rem dashed #0a84ff; display: flex; justify-content: space-between; align-items: center;}
.wenti li p{ flex: 1; white-space:nowrap;font-size:0.28rem;text-overflow:ellipsis;overflow:hidden; padding-left:0.2rem; line-height:0.8rem; color:#333; }
.wenti li span{ width:1.6rem;height:0.54rem;font-size:0.28rem;text-align:center;line-height:0.54rem;color:#fff; background: linear-gradient( to left, #1eb7fa, #2e87ff); border-radius: 0.1rem;}

/*面试大礼包*/
.mslb_t{margin-bottom: 0.3rem; padding: 0 0.2rem; }
.mslb_t li{ width: 100%; border: 1px dashed #1eb7fa;}
.mslb_b h3{ text-align: center; font-size: 0.4rem; line-height: 0.8rem; color: #2e87ff; }
.mslb_b h3 img{ margin: 0 0.1rem; display: inline; width: 0.6rem; }
#demo ul{ display: flex; flex-direction: column; padding: 0.25rem 0.3rem 0; }
#demo ul li{ width: 100%; height:0.94rem; display: flex; align-items: center; background: #fff; border-radius:0.12rem; border:0.02rem solid #2e87ff; padding-left: 0.2rem; margin-bottom: 0.4rem;}
#demo ul li span{ width: 0.5rem; text-align: center;}
#demo ul li span img{ width:0.3rem; margin: 0 auto;}
#demo ul li label{ width: auto; font-size: 0.28rem; line-height:0.9rem; color: #333;}
#demo ul li input{ flex: 1; font-size: 0.28rem; color: #333; height:0.9rem; }
#demo ul li:last-child{ width: 100%; padding-left: 0; background: none; border: none; margin-bottom: 0;}
#demo ul li .tjbtn{ width: 100%; background:linear-gradient(to bottom,#1eb7fa,#2e87ff); color: #fff; height:0.9rem; border-radius:0.5rem; font-size: 0.3rem;}

/*面试课程*/
.kc_con{ padding: 0 0.2rem;}
.kc_con .kc_yh{ width:100%; background:#fbfeff; padding:0rem 0.15rem 0.2rem;}
.kc_con .kc_yh p{ font:0.26rem/0.5rem "Microsoft YaHei"; color:#333; padding-left:0.1rem;}
.kc_con .kc_yh p.tip{ margin-bottom: 0.2rem;}
.kc_con .kc_yh .tip1{ padding:0.15rem 0.3rem; color:#fff; font-size:0.3rem; font-weight:bold; line-height:0.6rem; margin-left: -0.6rem; background: linear-gradient(to bottom, #1eb7fa,#2e87ff); border-radius:0 0.08rem 0.08rem 0; text-align: center;}
.kc_con .kc_yh p .tip2{ color:#2e87ff; font-size:0.26rem; font-weight:bold; line-height:0.5rem; margin-top: 0.2rem;}
.kc_con .kc_yh p span{ color:#004e9d; font-weight: bolder; font-size: 0.28rem;}
.kc_con .kc_yh p.remind{ font-weight: bolder;}
/*面试课程-课程系列*/
.kc_details{ margin-top: 0.2rem; padding-top:0.2rem; background:#fff; box-shadow: 0 0 0.1rem #22abfb; }
.kc_details .kcxl{margin-top:0.2rem; display: flex; align-items: center; padding: 0 0.1rem; flex-wrap: wrap;}
.kc_details .kcxl a{ width:32%; text-align:center; margin: 0 0.6% 0.2rem; font-size:0.26rem; font-weight:bold; line-height:0.8rem;height:0.8rem; color:#2e87ff; background:#add6ff; border-radius:0.12rem; }
.kc_details .kcxl a.on{ background: #2e87ff; color: #fff; }
/*课程列表*/
.kcxl_table{margin-top: 0.1rem; display: none; }
.kcxl_table h3{ font-size:0.36rem; line-height:0.8rem; color: #2e87ff; text-align: center;}
.kcxl_table table{ width:100%; background: #fff;}
.kcxl_table table th {background:#2e87ff; font-size:0.28rem; line-height:0.7rem; border:0.02rem solid #a0dfff; color: #fff; font-weight: bold; }
.kcxl_table table td{padding:0.1rem 0.05rem; font-size:0.24rem; line-height:0.4rem; color: #333; border:0.02rem solid #a0dfff; text-align: center;}
.kcxl_table table td b{ font-weight:bold;color:#004e9d; }
.kcxl_table table td a{font-size:0.24rem;line-height:0.5rem; display:inline-block; color: #fff; padding: 0 0.15rem; border-radius:0.3rem; background:#2e87ff;}
/*课程说明*/
.kcxl_sm{ margin-top: 0.4rem; padding: 0.1rem; }
.kcxl_sm p{font-size:0.24rem; line-height:0.5rem; margin-bottom:0.2rem;  color: #333; }
.kcxl_sm p span{font-size:0.3rem; color: #fff; text-align: center; font-weight:bold; background: linear-gradient(to bottom, #1eb7fa,#2e87ff); padding:0.1rem 0.3rem; margin-left:-0.45rem; border-radius:0 0.08rem 0.08rem 0;}
.kcxl_sm p b{color: #004e9d;}
.kcxl_sm p em{color: #2e87ff; font-weight: bold;}

/*师资团队*/
.team{ padding: 0 0.15rem;}
.team div{ width: 70%; background: linear-gradient(to bottom, #1eb7fa,#2e87ff); line-height: 0.8rem; color: #fff; text-align: center; border-radius:0.5rem; font-size: 0.32rem; font-weight: bolder; margin: 0.3rem auto 0; }

/*底部*/
.ks_zx{width: 7.5rem; height: 1rem; position:fixed; left: 50%; bottom: 0; z-index: 100; text-align: center; transform: translateX(-50%); display: flex;}
.ks_zx a{width: 50%; height: 1rem; font-size:0.28rem; color: #fff; line-height: 1rem; box-sizing: border-box;}
.ks_zx .zx_dh{ padding-left: 0.2rem; background: #1eb7fa url("../img/mgwy_09.png") no-repeat 0.6rem center / 0.38rem 0.38rem; }
.ks_zx .ks_zz { padding-left: 0.3rem; background: #2e87ff url("../img/mgwy_10.png") no-repeat 1rem center / 0.38rem 0.34rem; }