/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input,
button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  resize: none;
  border: 1px solid #ccc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
  visibility: hidden;
}

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  max-width: 480px;
  margin: 0 auto;
}

.ban {
  width: 100%;
  height: 12.9rem;
  position: relative;
  background: url(../img_Exam/ban.jpg) no-repeat;
  background-size: 100% 100%;
}

.ban a {
  width: 7rem;
  height: 1.9rem;
  display: block;
  color: #fff;
  line-height: 1.75rem;
  font-size: .65rem;
  text-indent: 1.3rem;
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  margin-left: -3.5rem;
  background: url(../img_Exam/ban_bg.png) no-repeat;
  background-size: 100% 100%;
}

.ban a b {
  color: #fff300;
}

.title_yszt {
  height: .95rem;
  margin: 0 auto;
}

.jiexi {
  margin-top: 2.25rem;
}

.jiexi ul {
  padding: 0 .75rem;
  margin-top: .7rem;
  display: flex;
  justify-content: space-between;
}

.jiexi ul li {
  width: 8.4rem;
  height: 3.95rem;
}

.jiexi ul li span {
  width: 5rem;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: .6rem;
  color: #fff;
  padding-top: 1.75rem;
}

.jiexi ul.yi {
  padding-top: .3rem;
}

.jiexi ul.yi li:first-child {
  background: url(../img_Exam/jx_img1.jpg) no-repeat;
  background-size: 100% 100%;
}

.jiexi ul.yi li:last-child {
  background: url(../img_Exam/jx_img2.jpg) no-repeat;
  background-size: 100% 100%;
}

.jiexi ul.er li span {
  padding-left: 3.35rem;
}

.jiexi ul.er li:first-child {
  background: url(../img_Exam/jx_img3.jpg) no-repeat;
  background-size: 100% 100%;
}

.jiexi ul.er li:last-child {
  background: url(../img_Exam/jx_img4.jpg) no-repeat;
  background-size: 100% 100%;
}

.zhenti {
  margin-top: 2.2rem;
  padding-bottom: 2rem;
}

.zhenti ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 .75rem;
}

.zhenti ul li {
  width: 8.15rem;
  height: 13.6rem;
  border-radius: .4rem;
  background-color: #fff;
  margin-top: 1.25rem;
  position: relative;
  box-shadow: 0 0 0.45rem 3px rgba(0, 0, 0, 0.1);
}

.zhenti ul li img {
  width: 8.15rem;
  height: 2.9rem;
  border-radius: .4rem .4rem 0 0;
}

.zhenti ul li span {
  width: 8.15rem;
  height: 2.9rem;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: .85rem;
  color: #fff;
}

.zhenti ul li p {
  padding-left: 1.2rem;
  font-size: .55rem;
  color: #555;
  position: relative;
  line-height: .6rem;
  margin-top: .4rem;
}

.zhenti ul li p::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: .6rem;
  top: .2rem;
}

.zhenti ul li a {
  width: 5rem;
  height: 1.35rem;
  display: flex;
  align-items: center;
  font-size: .55rem;
  color: #fff;
  text-indent: .5rem;
  border-radius: .65rem;
  left: 1.6rem;
  bottom: .55rem;
  position: absolute;
}

.zhenti ul li:nth-child(1) p::before {
  background: linear-gradient(to bottom, #1373c4, #4698e4);
}

.zhenti ul li:nth-child(1) a {
  background: url(../img_Exam/zt_bg.png) 3.95rem center no-repeat #2797e6;
  background-size: .5rem .5rem;
}

.zhenti ul li:nth-child(2) p::before {
  background: linear-gradient(to bottom, #5e68a8, #40498a);
}

.zhenti ul li:nth-child(2) a {
  background: url(../img_Exam/zt_bg.png) 3.95rem center no-repeat #40498a;
  background-size: .5rem .5rem;
}

.zhenti ul li:nth-child(3) p::before {
  background: linear-gradient(to bottom, #6ec5b2, #28a6b5);
}

.zhenti ul li:nth-child(3) a {
  background: url(../img_Exam/zt_bg.png) 3.95rem center no-repeat #28a6b5;
  background-size: .5rem .5rem;
}

.zhenti ul li:nth-child(4) p::before {
  background: linear-gradient(to bottom, #6fa2fb, #616efb);
}

.zhenti ul li:nth-child(4) a {
  background: url(../img_Exam/zt_bg.png) 3.95rem center no-repeat #616efb;
  background-size: .5rem .5rem;
}

.title3 {
  height: 2.3rem;
  margin: 0 auto;
}

.fenxi {
  width: 100%;
  height: 21.45rem;
  padding-top: 1.55rem;
  background: url(../img_Exam/fx_bg.jpg) no-repeat;
  background-size: 100% 23rem;
}

.fenxi ul {
  padding: 0 .75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fenxi ul li {
  width: 7.6rem;
  height: 6.55rem;
  margin-top: 2rem;
  background: url(../img_Exam/fx_bg2.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  box-shadow: 6px 6px 0 0 rgba(246, 246, 246, 0.2);
}

.fenxi ul li span {
  width: 4.45rem;
  height: 1.35rem;
  display: flex;
  align-items: center;
  text-indent: .4rem;
  top: -0.75rem;
  left: 0;
  font-size: .75rem;
  color: #fff;
  position: absolute;
  background: url(../img_Exam/fx_bg3.png);
  background-size: 100% 100%;
}

.fenxi ul li p {
  font-size: .6rem;
  color: #333;
  line-height: .85rem;
  text-align: center;
  padding-top: 1.5rem;
}

.fenxi ul li a {
  width: 4.5rem;
  height: 1.4rem;
  display: flex;
  align-items: center;
  text-indent: .6rem;
  font-size: .7rem;
  color: #fff;
  border-radius: .7rem;
  position: absolute;
  bottom: .75rem;
  left: 1.55rem;
  background: url(../img_Exam/zt_bg.png) 3.55rem center no-repeat #ef4a24;
  background-size: .5rem .5rem;
}

.huizong {
  padding: 0 .75rem;
}

.huizong .hz_list {
  margin-top: 1.65rem;
  width: 17.25rem;
  height: 9.7rem;
  border-radius: .5rem;
  position: relative;
  padding-top: 1.55rem;
  background: url(../img_Exam/hz_bg1.png) no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
}

.huizong .hz_list span {
  width: 7.5rem;
  height: 1.5rem;
  display: flex;
  position: absolute;
  top: -0.35rem;
  left: 50%;
  margin-left: -3.75rem;
  font-size: .75rem;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url(../img_Exam/hz_bg.png) no-repeat;
  background-size: 100% 100%;
}

.huizong .hz_list img {
  width: 5.1rem;
  height: 8.2rem;
  position: absolute;
  top: 2.1rem;
  left: .6rem;
}

.huizong .hz_list .hz_title {
  display: block;
  width: 9.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: .6rem;
  margin-left: 6.15rem;
  margin-top: .6rem;
  font-size: .6rem;
  color: #555;
  line-height: .65rem;
  position: relative;
}

.huizong .hz_list .hz_title::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0;
  top: .2rem;
}

.huizong .hz_list .btn_hz {
  width: 5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  text-indent: .6rem;
  font-size: .75rem;
  color: #fff;
  border-radius: .7rem;
  position: absolute;
  bottom: 1.05rem;
  right: 3.5rem;
  background: url(../img_Exam/zt_bg.png) 3.75rem center no-repeat #1f85dd;
  background-size: .65rem .65rem;
}

.huizong .hz_list:nth-child(1) .hz_title::before {
  background: linear-gradient(to bottom, #6ec5b2, #28a6b5);
}

.huizong .hz_list:nth-child(2) .hz_title::before {
  background: linear-gradient(to bottom, #f76e6a, #ef325e);
}

.ztjx {
  margin-top: 2.5rem;
  padding-bottom: 1.55rem;
}

.ztjx .shu_img {
  width: 7rem;
  height: 9.05rem;
  margin: 1.25rem auto 0;
}

.ztjx .zhenti_jx {
  width: 100%;
  height: 28.1rem;
  padding-top: 1px;
  background: url(../img_Exam/ztjx_bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.ztjx .zhenti_jx .zt_list {
  padding-left: 4.8rem;
  width: 11.8rem;
}

.ztjx .zhenti_jx .zt_list span {
  font-size: .6rem;
  color: #3e78da;
  line-height: .65rem;
  margin-top: 1.2rem;
  display: block;
}

.ztjx .zhenti_jx .zt_list p {
  font-size: .6rem;
  color: #555;
  line-height: .95rem;
  margin-top: .1rem;
}

.ztjx .zhenti_jx .zt_list:nth-child(2) span {
  margin-top: 2.7rem;
}

.ztjx .zhenti_jx .zt_list:nth-child(3) span {
  margin-top: 1.7rem;
}

.ztjx .zhenti_jx .zt_list:nth-child(4) span {
  margin-top: 2.1rem;
}

.ztjx a {
  width: 5.75rem;
  height: 1.9rem;
  display: flex;
  align-items: center;
  text-indent: .8rem;
  font-size: .85rem;
  color: #fff;
  border-radius: .9rem;
  margin: .95rem auto 0;
  background: url(../img_Exam/zt_bg.png) 4.3rem center no-repeat #1f85dd;
  background-size: .8rem .8rem;
}

.kecheng {
  width: 100%;
  height: 15.1rem;
  padding-top: 1.6rem;
  background-color: #f1f2fe;
}

.kecheng #ys_teacher {
  padding: 1.5rem 0 .75rem .75rem;
}

.kecheng .swiper-slide {
  width: 7.4rem;
  height: 10.5rem;
  border-radius: .25rem;
  background-color: #fff;
  margin-right: .75rem;
  position: relative;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}

.kecheng .swiper-slide img {
  width: 7.4rem;
  height: 4.175rem;
  border-radius: .25rem .25rem 0 0;
}

.kecheng .swiper-slide span {
  width: 7.4rem;
  height: 3.75rem;
  font-size: .75rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}

.kecheng .swiper-slide h6 {
  font-size: .6rem;
  color: #000;
  font-weight: normal;
  line-height: .75rem;
  padding: 0 .3rem;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  margin-top: .2rem;
}

.kecheng .swiper-slide p {
  font-size: .5rem;
  color: #555;
  display: flex;
  padding-left: .3rem;
  margin-top: .25rem;
}

.kecheng .swiper-slide p em {
  width: 2.4rem;
  height: .7rem;
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-style: normal;
  border-radius: .35rem;
  margin-right: .3rem;
}

.kecheng .swiper-slide p:nth-child(3) em {
  color: #ff5e50;
  border-color: #ff5e50;
  background-color: #ffeae8;
}

.kecheng .swiper-slide p:nth-child(4) em {
  color: #1775d4;
  border-color: #1775d4;
  background-color: #ebf5ff;
}

.kecheng .swiper-slide a {
  position: absolute;
  bottom: .65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 3rem;
  height: 1.1rem;
  border-radius: .55rem;
  font-size: .55rem;
  color: #fff;
  border: 1px solid transparent;
}

.kecheng .swiper-slide a:last-child {
  right: .45rem;
  background: linear-gradient(to bottom, #2797e6, #1775d4);
}

.kecheng .swiper-slide a:nth-child(5) {
  left: .45rem;
  border-color: #1876d4;
  color: #1876d4;
}

.yuyue {
  width: 100%;
  height: 40rem;
  padding-top: .1rem;
  position: relative;
  background: url(../img_Exam/yy_bg.jpg) no-repeat;
  background-size: 100% 40rem;
}

.yuyue span {
  width: 10.95rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  font-size: .65rem;
  color: #fff;
  margin: 1.65rem 0 0 1rem;
}

.yuyue table {
  display: block;
  width: 92%;
  margin: 0 auto;
}

.yuyue table tr td {
  width: 17.5%;
  font-size: .6rem;
  color: #333;
  line-height: 1.52rem;
  text-align: center;
}

.yuyue table tr td em {
  color: transparent;
}

.yuyue table tr td:first-child {
  color: #ef345e;
}

.yuyue a {
  width: 5.75rem;
  height: 1.35rem;
  display: flex;
  align-items: center;
  text-indent: 0.8rem;
  font-size: .85rem;
  color: #fff;
  border-radius: 0.9rem;
  margin: 1.5rem auto 0;
  background: url(../img_Exam/zt_bg.png) 4.35rem center no-repeat #ef335e;
  background-size: 0.8rem 0.8rem;
}

.yuyue .form1 {
  width: 10.1rem;
  height: 9.5rem;
  position: absolute;
  bottom: 2.4rem;
  left: 4.3rem;
}

.yuyue .form1 .common-input {
  width: 8.95rem;
  height: 1.55rem;
  display: block;
  text-indent: 1.5rem;
  margin: 1rem auto 0;
  border-radius: .25rem;
  border: 1px solid #99ccff;
}

.yuyue .form1 .list_name {
  background: url(../img_Exam/name.png) 0.55rem center no-repeat #fff;
  background-size: .75rem .85rem;
}

.yuyue .form1 .list_tel {
  background: url(../img_Exam/tel.png) 0.55rem center no-repeat #fff;
  background-size: .75rem .85rem;
}

.yuyue .form1 .submit {
  margin: 1rem auto 0;
  width: 4.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: .75rem;
  color: #fff;
  border-radius: .75rem;
  background: linear-gradient(to right, #ef325e, #f76e6a);
}

.title_hg {
  width: 100%;
  height: 1.75rem;
  position: relative;
}

.title_hg::before {
  position: absolute;
  content: 'NEW CHANNEL';
  width: 100%;
  height: 1.75rem;
  font-size: 2.15rem;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.1);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_hg h6 {
  position: absolute;
  width: 100%;
  height: 1.75rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  font-weight: bold;
  color: #333;
}

.title_hg h6 span {
  color: #ff5e50;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}


.huanjing {background:#fff;
  margin:0 auto;
  box-sizing:border-box;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width:100%;
  overflow: hidden;
}
.huanjing .common_title .pic {
    width: 14.75rem;
    height: .95rem
}
.huanjing a {
    width: 12rem;
    height: 2rem;
    display: flex;
    border-radius: 1rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: .72rem;
    color: #fff;
    margin: 1.25rem auto 0;
    box-shadow: 0px 0 5px 0 rgba(239, 74, 35, 0.4);
    background: linear-gradient(to right, #ef325e, #f76e6a);
}
.huanjing .btn_hg {
  width: 7.65rem;
  height: 1.2rem;
  margin: 1.25rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .6rem;
  color: #fff;
  text-align: center;
  border-radius: .6rem;
  background: linear-gradient(90deg, #ff5a2c 0%, #ff8439 100%);
}
.banci_tit{
	padding:0 1rem;
	margin-top:1.52rem;
}
.banci_tit ul{
 display: flex;
 justify-content:space-between;
 flex-wrap:wrap;
}
.banci_tit ul li{
    width:30%;
    height: 1.6rem;
	   line-height: 1.6rem;
    text-align: center;
    background:#ffeddf;
    color:#f6492a;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    border:1px solid #f64a2a;
    cursor: pointer;
}
.banci_tit ul li:first-child{
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li:nth-child(2){
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li.cur{
    width:30%;
	   height: 1.6rem;
  		line-height: 1.6rem;
    text-align: center;
    background: linear-gradient(to right, #ff4800, #f87128);
    background: -webkit-linear-gradient(to right, #ff4800, #f87128);
    background: -o-linear-gradient(to right, #ff4800, #f87128);
    background: -ms-linear-gradient(to right, #ff4800, #f87128);
    background: -moz-linear-gradient(to right, #ff4800, #f87128);
    color:#fff;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    position: relative;
}
.banci_tit ul li:first-child.cur{
  	 width:48%;
  	 margin-bottom:0.5rem;
}
.banci_tit ul li:nth-child(2).cur{
	  width:48%;
   	margin-bottom:0.5rem;
}
.banci_tit ul li.cur:after{
	position: absolute;
	top: 1.6rem;
	left: 2rem;
	content:'';
	border-top:10px solid #f75d29;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid transparent;
}
.banci_tit ul li:first-child.cur:after{
  left: 3.6rem;
}
.banci_tit ul li:nth-child(2).cur:after{
	 left: 3.6rem;
}

.banci_zhuyao div img{
	margin-top: 0.5rem;
}

.bd{ width:100%; height:auto; background:#3b70fb; padding:0.98rem 0 1.8rem;}
.bd-con{ width:96%; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 1.36rem; color:#fff;text-align: center;font-weight: bold;margin-bottom: 0.6rem}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 72%;height:2rem;line-height: 0.8rem;background: #fff;border-radius: 0.18rem;color: #666;font-size: 0.72rem;padding-left: 3%;line-height: 100%;margin:0 auto 0.6rem;border: none; display:block}
.bd-con select {width: 75%;padding-left: 2%;}
::-webkit-input-placeholder{color: #666;}
.bd-con button {width: 80%;display:block;margin:0 auto;height:2.16rem;line-height: 1.6rem;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 0.8rem;text-align: center; border-radius: 2rem; }