@charset "gb2312";
/* CSS Document */
/*
* Description: 360教育网易
* Update:      09/01/2020
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #fff;  color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1200px;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.icon{display: inline-block;vertical-align: middle;}
.btn{display: block;font-size: 14px;color: #fff;text-align: center;background-color: #04ba7f;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.btn:hover{background-color: #0fda98;}

/*首屏内容 */
.h_cont{width:100%;height: 454px;border-top:2px solid #06b981;overflow: hidden;}
.h_cont .autoin{height: 454px;position: relative;}

/*左侧导航*/
.h_lnav{float:left;width:222px;}
.exam_list{width:222px;height:454px;background-color: #04ba7f;}
.exam_list li{height:64px;border-bottom:1px solid #07a775;padding-left: 10px;overflow:hidden;}
.exam_list li.cur{background-color: #189f75;}
.exam_list li h4{height:24px;line-height:24px;font-size:14px;font-weight:bold;color:#fff;margin-top: 6px;cursor:pointer;}
.icon1{float:right;width: 6px;height: 11px;background: url(../images/icon1.png) no-repeat;margin: 6px 9px 0 0;}
.exam_list li.cur h4 i{display: none;}
.list{height: 20px;overflow: hidden;cursor:pointer;}
.list a{float: left;line-height: 20px;font-size:12px;color: #fff;margin-right: 9px;word-break: keep-all;}
.list a:hover{text-decoration: underline;}

/*左侧导航 详情*/
.courselist{width:674px;height:452px;border:1px solid #e6e6e6;background-color:#fff;position:absolute;top: 0;left: 222px;overflow: hidden;display: none;z-index: 99;}
.courselist .part{overflow: hidden;margin-top: 16px;}
.courselist span,.courselist a{line-height:28px;font-size:12px;color:#9598a2;}
.courselist span{float:left;width:125px;font-weight:bold;margin-left: 27px;}

.part_ra{float: left;width: 522px;}
.part_ra a{float:left;width:174px;}
.part_ra a:hover{color:#04ba7f;}

/*中间banner*/
.banner_mid{float: left;width:676px;height:454px;}
.ban_box{width:676px;height:454px;position: relative;z-index:2;}
.ban_ul li{position: absolute;top:0;left:0;display: none;}

.ban_box ol{width:100%;height:44px;line-height:44px;position: absolute;bottom:0; left:0;text-align: center;}
.ban_box ol li{display:inline-block;vertical-align:middle;width:22px;height:3px;cursor:pointer;margin:0 6px;font-size:0;overflow:hidden;background-color:rgba(255,255,255,0.2);}
.ban_box ol li.curli{background-color:rgba(255,255,255,1);}
.prve_btn,.next_btn{width:48px;height:94px;position: absolute;top:50%;margin-top:-47px;display: none;z-index: 99;opacity: 0.8;}
.prve_btn{left:0;background: url(../images/prve_btn.png) no-repeat;}
.next_btn{right:0;background: url(../images/next_btn.png) no-repeat;}
.prve_btn:hover,.next_btn:hover{opacity: 1;}

.xxi_r{float: right;width: 302px;height: 454px;background-color: #f5f5f5;padding: 32px 0 0 24px;}
.xxi_r h4{height: 39px;line-height: 26px;font-size: 16px;color:#232323;padding-left: 12px;background: url(../images/line1.png) left 5px no-repeat;}

.select_p,.p1,.txt1,.txt2{width:258px;height:50px;line-height:50px;font-size:14px;color:#232323;border:1px solid #e6e6e6;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin-bottom: 20px;}
.select_p{padding-left: 12px;}

.examchoose{height: 570px;width: 1050px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);position:fixed;left:50%;top:12%;margin: -285px 0 0 -525px;z-index: 999;display: none;}

.icon18{display: inline-block;vertical-align: text-bottom;}
.icon18-indexclose{width: 16px;height: 16px;background-image: url(../images/sprite.png);background-position: -180px 0;}
.icon18-circle{width: 8px;height: 8px;background-image: url(../images/sprite.png);background-position: -180px -147px;}
.icon18-changeexam{width: 16px;height: 14px;background-image: url(../images/sprite.png);background-position: -180px -78px;}

.examchoose .title {position: relative;color: #333;padding: 25px 50px 30px;font-size: 20px;line-height: 1;}
.examchoose .title em{color: #676a73;font-size: 14px;margin-left: 30px;}
.examchoose .title .icon18{position: absolute;right: 25px;top: 20px;cursor: pointer;}
.examchoose .list1 {display: none}
.examchoose .list1 ul {padding-left: 50px;margin-bottom: 15px;}
.examchoose .list1 ul li{float: left;width: 305px;margin-right: 30px;}
.examchoose .list1 ul li p {color: #333;font-size: 16px;line-height: 1;float: left;width: 100%;}
.examchoose .list1 ul li p .icon18 {vertical-align: middle;margin-right: 10px;position: relative;top: -1px;}
.examchoose .list1 ul li span {float: left;font-size: 12px;line-height: 1;color: #676a73;padding: 9px 13px;-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;border: 1px solid #c9cace;margin: 15px 0 0 15px;white-space: nowrap;}
.examchoose .list2 {display: block;width: 1035px;height: 400px;overflow-y: auto;overflow-x: hidden;}
.examchoose .list2 .title2 {color: #333;font-size: 16px;line-height: 1;float: left;width: 100%;padding-left: 50px;padding-bottom: 13px;}
.examchoose .list2 .title2 .icon18 {vertical-align: middle;margin-right: 10px;position: relative;top: -1px;}
.examchoose .list2 ul {padding-bottom: 5px;}
.examchoose .list2 ul li {width: 1000px;}
.examchoose .list2 ul li span {padding-left: 70px;width: 70px;color: #333;font-size: 14px;line-height: 30px;float: left;}
.examchoose .list2 ul li p {float: left;width: 860px;}
.examchoose .list2 ul li p em {float: left;font-size: 12px;line-height: 1;color: #676a73;padding: 9px 13px;-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;border: 1px solid #c9cace;margin: 0 15px 15px 0;white-space: nowrap;cursor: pointer;}
.examchoose .list2 ul li p em.cur{color:#fff;background-color: #659cef;border-color: #659cef;}
.examchoose .choosemore {display:none;color:#659cef;font-size:14px;line-height:1;position:absolute;bottom:85px;left:0;width:100%;text-align:center;}
.examchoose .choosemore span {cursor: pointer;}
.examchoose a {width: 156px;height: 40px;line-height: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;text-align: center;background: #dddfe8;color: #fff;display: block;margin: 0 auto;position: absolute;bottom: 38px;left: 50%;margin-left: -78px;}
.examchoose .active {background-color: #659cef;border: 1px solid #659cef!important;color: #fff!important;}
.examchoose .active:hover{background-color: #357be6;border-color: #357be6!important;}

.p1{position: relative;}
.p1 .val,.p1 select{width: 256px;height: 48px;line-height: 48px;background-color:transparent;box-sizing:border-box;-webkit-box-sizing:border-box;}
.p1 .val,.p1 select{float:left;}
.p1 .val{position:relative;font-size: 14px;color:#232323;padding-left:12px;}
.p1 .val.on {color:#323232;}
.p1 .val::after {content: '';position: absolute;right:10px;top:50%;margin-top:-4px;border-top:8px solid #d3d3d3;border-left:8px solid transparent;border-right:8px solid transparent;}
.p1 select{position:absolute;right:0;top:0;opacity: 0;outline:none;-moz-appearance:none;
  -webkit-appearance:none;padding-left:15px;}
.p1 select option{box-sizing:border-box;padding-left:20px;}

.p1 select,.txt1,.txt2{line-height: 48px;font-size: 14px;color:#232323;padding-left: 12px;outline: none;}
.txt1::-webkit-input-placeholder,.txt2::-webkit-input-placeholder{color: #232323;}
.p2{height: 50px;overflow: hidden;margin-bottom: 20px;}
.p2 .txt2{float:left;width: 133px;}
.yz_ra{float: left;width: 115px;height: 50px;line-height: 50px;margin-left: 8px;}

.xxi_btn{width:258px;height:50px;line-height:50px;}

/*四个板块*/
.four_wrap{width: 100%;margin: 25px 0 20px;}

.four_ul{}
.four_ul li{float: left;width: 282px;height: 120px;margin-right: 24px;}
.four_01{background: url(../images/four_01.jpg) no-repeat;}
.four_02{background: url(../images/four_02.jpg) no-repeat;}
.four_03{background: url(../images/four_03.jpg) no-repeat;}
.four_04{background: url(../images/four_04.jpg) no-repeat;}
.four_ul li a{display: block;width: 282px;height: 120px;padding: 15px 0 0 17px;}
.four_ul li h4{height: 30px;line-height: 30px;font-size: 18px;font-weight: bold;color: #fff;}
.four_ul li p{height: 24px;line-height: 24px;font-size: 14px;color: #fff;}
.four_ul li span{display:block;width:90px;height: 28px;line-height: 28px;font-size: 14px;text-align:center;border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;-ms-border-radius: 14px;-o-border-radius: 14px;margin: 5px 0 0 25px;background-color: #fff;}
.four_01 span{color: #57b7fb;}
.four_02 span{color: #3cd9ea;}
.four_03 span{color: #34c797;}
.four_04 span{color: #fbbf57;}
.four_ul li a:hover span{opacity: 0.9;}
.four_ul li a:hover{transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);}

/*热门考试 导航*/
.hot_nav{width:100%;height: 201px;}
.hot_nav.cur{display: none;}
.hot_nav .autoin{height: 201px;background-color: #f8f8f8;border-bottom: 6px solid #f2f2f2;overflow: hidden;}
.hot_nav h4{height: 58px;line-height: 58px;font-size: 18px;font-weight: bold;color: #666;text-align: center;margin-top: 10px;}
.hnav_ul{padding: 0 35px;}
.hnav_ul li{float: left;display: inline;height: 36px;line-height: 36px;font-size: 16px;color: #666;padding: 0 16px;margin-bottom: 25px;letter-spacing: 1px;cursor:pointer;}
.hnav_ul li.cur{color: #04ba7f;}

.hot_nav2{width: 100%;height: ;background-color: #f8f8f8;border-bottom: 1px solid #f2f2f2;box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);padding: 10px 0;position: fixed;top:0;left:0;display: none;z-index: 999;}
.hot_nav2 .hnav_ul li{margin-bottom: 0px;}

/*冲刺资料包*/
.mcon{width: 100%;overflow: hidden;}
.mc_min{display: none;}

.div_wrap{padding-bottom: 10px;}
.t_til{height:40px;margin-top: 40px;overflow: hidden;}
.til_h4{float:left;width:900px;height: 40px;line-height: 40px;font-size: 20px;font-weight: bold;color: #666;padding-left: 12px;background: url(../images/line2.png) left center no-repeat;}
.more_a{float: right;width: 60px;height:60px;line-height: 60px;font-size: 16px;color: #666;text-align: right;}
.more_a:hover{color: #04ba7f;font-weight: bold;}

.div_ul{margin-top: 10px;}
.div_ul li{float: left;width: 282px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.div_ul li.cur{box-shadow: 0 10px 15px rgba(0,0,0,0.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1);-ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1);-o-box-shadow: 0 10px 15px rgba(0,0,0,0.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);}
.div_ul .last_li{margin-right: 0;}

.data_ul li{height: 330px;margin-right: 24px;}
.data_01{background: url(../images/data_01.jpg) no-repeat;}
.data_02{background: url(../images/data_02.jpg) no-repeat;}
.data_03{background: url(../images/data_03.jpg) no-repeat;}
.data_04{background: url(../images/data_04.jpg) no-repeat;}

.data_ul li h5{height: 40px;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-top: 100px;}
.data_ul li p{height: 28px;line-height: 28px;font-size: 14px;color: #fff;text-align: center;}
.data_ul li a{display: block;width: 157px;height: 42px;line-height: 42px;margin: 10px auto 0;}

/*精品课程*/
.lesson_ul{}
.lesson_ul li{height: 328px;border: 1px solid #e6e6e6;overflow: hidden;padding: 27px 15px 0;position: relative;margin-right: 24px;}
.lesson_ul li a{display: block;}
.b1{display: block;width: 77px;height: 22px;line-height: 22px;font-size: 12px;font-weight: bold;color: #fff;text-align: center;background: linear-gradient(75deg, #FF9494, #FF5353);box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 0 11px 11px 0;position: absolute;top: 0;left: 0;}
.lesson_ul li h5{height: 48px;line-height: 24px;font-size:16px;color:#3d3d3d;margin-bottom:10px;overflow: hidden;}
.les_p1{height: 22px;line-height: 22px;font-size:12px;color: #646669;margin-bottom: 7px;}
.les_p1 i{display: inline-block;width: 1px;height: 10px;background: #9B9B9B;margin: 0 8px;} 

.les_p2{height: 20px;margin-bottom: 35px;overflow: hidden;}
.les_p2 span{float: left;display:inline-block;max-width: 72px;height:20px;line-height: 20px;font-size: 12px;color: #7f7f7f;background-color: #edf1f4;padding: 0 4px;margin-right: 7px;overflow: hidden;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;}

.teacher_p{float: left;width: 50px;margin-right: 7px;}
.teacher_p img{display: block;width: 40px;height: 40px;margin: 0 auto 5px;background-color: #ddd;border-radius: 50%;-webkit-border-radius: 50%;}
.teacher_p span{display:block;line-height:22px;font-size: 14px;color: #9598a2;text-align: center;}

.time_b{margin-top: 15px;border-top: 1px solid #f0f0f0;padding-top: 17px;}
.span_num{float: left;width: 125px;line-height: 22px;font-size: 12px;color:#9598a2;margin-top: 20px;}
.time_b p{float: right;width: 120px;}
.time_b p i,.time_b p span{display: block;text-align: right;}
.time_b p i{line-height:22px;font-size: 12px;color: #ccc;text-decoration: line-through;}
.time_b p span{line-height:24px;font-size: 14px;color: #f54030;}
.time_b p span em{display: inline-block;vertical-align: middle;font-size: 22px;margin-top: -5px;}

/*热点资讯*/
.news_wrap{width:100%;padding-bottom: 10px;}

.news_con{margin-top: 10px;}
.news_l{float: left;width: 890px;height: 456px;border: 1px solid #e5e5e5;overflow: hidden;}

.ad1{float: right;width: 284px;height: 456px;background: url(../images/ad1.png) no-repeat;}

/*学习应用*/
.app_wrap{width:100%;padding-bottom: 60px;}

.app_ul{margin-top: 20px;}
.app_ul li{float: left;width: 102px;line-height:38px;font-size: 14px;color: #4c4c4c;text-align: center;margin: 0 30px 0 38px;position: relative;}
.app_img{display:block;width:82px;height:82px;margin: 0 auto;}
.ewm_pop{width: 98px;height: 92px;background: url(../images/ewm_pop.png) no-repeat;overflow: hidden;position: absolute;top: -5px;left: 99px;display: none;z-index: 99;}
.ewm_pop img{display:block;width: 86/@r;height: 83px;margin: 5px 0 0 9px;}


/*扉页*/
.feiye{width:100%;line-height:20px;font-size:12px;text-align:center;color:#3785d8; padding-top:60px;}


/*大管家弹窗*/
.dgj_input{
  width: 388px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}


.pic_yanzheng {
  display: none;
  position: fixed;
  background: #ffffff;
  left: 50%;
  margin-left: -220px;
  border-radius: 6px;
  z-index: 8;
  top: 5%;
  width: 440px;
  height: 285px;
  padding: 40px 0 20px; }

.pic_yanzheng p {
  text-align: center;
  margin: 20px;
  font-size: 16px;
  font-weight: normal;
  min-height: 16px;
  line-height: 16px; }
.pic_yanzheng p.button-disabled {
  background: #DDDFE8;
  color: #f3f3f3; }
.pic_yanzheng p.btn {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  width: 388px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  color: #ffffff;
  margin-left: 22px;
  margin-bottom: 20px; }
.pic_yanzheng p.button-primary {
  background: #03ba7f;
  border: 1px solid #03ba7f;
  color: #ffffff !important; }
.pic_yanzheng p.error_yz {
  color: #f54030;
  font-size: 12px;
  float: left;
  margin: 1px 30px -10px;
  clear: both; }

.pic_yanzheng p #codePic {
  width: 125px;
  height: 45px;
  margin: 0 20px 0 -85px;
  display: inline-block;
}

.pic_yanzheng span {
  background: url(http://m.hqwx.com/assets/images/close.png) no-repeat center center;
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
  float: right;
  margin-right: 20px;
  margin-top: -21px;
  cursor: pointer; }

.guanjia form .pic_yanzheng #txtValiCode_pic {
  margin: 0 0 9px 5px;
  font-size: 12px;
  width: 388px;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  border: 1px solid #DDDDDD; }

.zhezhao {
  width: 160%;
  margin-left: -30%;
  display: none;
  position: fixed;
  background: #000000;
  height: 120%;
  top: 0;
  opacity: 0.45;
  filter: Alpha(opacity=45);
  z-index: 2; }

.bg_shade {
  width: 100%;
  height: 1000%;
  background: rgba(0, 0, 0, 0.5);
  background: #000 \9;
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: none; }
.news_l li{
  background: url(http://www.hqwx.com/web_news/assets/news/images/dot.png) center left no-repeat;
  padding-left: 14px;
  margin-right: 10px;
}
.news_l a{
  display: inline-block;
  width: 310px;
  margin-left: 10px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
}
.news_l li span{
  line-height: 32px;
  display: inline-block;
  font-size: 14px;
  float: right;
  color: #979aa4;
}
.news_l .news_block h5{
  font-size: 16px;
  font-weight: normal;

}
.news_l .news_block ul{
  margin: 32px 0;
}
.news_l .news_block{
  float: left;
  width: 400px;
  padding: 20px;
}