body{
    background: #f5f7f9;
    font-family: "PingFang SC", -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;
}
*{
    margin: 0px;
    padding: 0px;
}
.red{
    border:1px red solid;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
ul,li{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
a,a:hover{
    text-decoration: none;
}
.w-top {
    background-color: #f5f7f9;
    line-height: 40px;
    color: #666666;
}
.w1200 {
    margin:0 auto;
    width: 1200px;
}

.top{
    font-size: 14px;
    height: 40px;  
}
.topleft,.topright{
    line-height: 40px;
}
.top a{
    padding-right: 10px;
    color: #555;
}
.topleft a:after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #c8c8c8;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
.top a:hover{
    color: #0b6db6;
}
.top a.topMore{
    display: inline-block;
    width: 70px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    background-color: #bbb;
    color: #fff;
}
.top .topMore:hover { background-color: #fd9e28;}
.logo{
    height: 90px;
    background-color: #fff;
}
.header {
    float: left;
    width: 100%;
}
.header-logo {
    font-size: 0px;
    background: url(https://static.hqwx.com/hqwx/logo.svg) no-repeat;
    height: 38px;
    width: 126px;
    margin-top: 28px;
}
.icon_bg {
    display: inline-block;
    width: 100px;
    height: 88px;
    float: left;
    margin-right: 38px;
    margin-left: 20px;
    margin-top: 0;
    background-image: url(http://www.hqwx.com/images/top/20thlogo2@2x.gif) !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
.search{
    width: 460px;
    margin-top: 45px;
}

.head-main-form {
    border: 1px solid #c7c7c7;
    height: 38px;
    border-radius: 20px;
    width: 460px;
}
.head-main-form input {
    width: 380px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    font-size: 13px;
    border: none;
    color: #b8b8b8;
    outline: none;
}
.head-main-form a {
    background: url(/assets/img_2.0/bg4.png) no-repeat;
    background-position: -55px -55px;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    margin-top: 6px;
}
input::-webkit-input-placeholder {
   color: #b8b8b8;
}
.header2018-link {
    font-family: 'microsoft yahei';
    font-size: 16px;
    color: #171920;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    float: left;
    margin: 38px 30px 0 0;
}
.header2018-link-active {
    color: #649cf0;
    border-bottom: 3px solid #649cf0;
}
.header2018-link:hover {
    color: #649cf0;
    border-bottom: 3px solid #649cf0;
}
.header2018-link-tq {
    width: 70px;
    height: 22px;
    margin: 34px 32px 0 0 !important;
    padding: 0;
    background-image: url('qy.png');
}
.header2018-link-tq:hover{
    border-bottom:none;
    background-image: url('qiye.png');
}
.header2018-center {
    margin-left: 330px;
    margin-right:0px;
}
.header2018-unloginlink {
    font-size: 14px;
    color: #649cf0;
    border: 1px solid #649cf0;
    padding: 0px 30px;
    border-radius: 28px;
    line-height: 1;
    margin: 32px 0 0 13px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    position: relative;
}
.header2018-unloginlink1 {
    background: #649cf0;
    color: #fff;
}
.header2018-unloginlink:hover {
    background: #649cf0;
    color: #fff;
}
.header2018-unloginlink1:hover {
    background: #4187f0;
    border: 1px solid #4187f0;
}
.kePublic{ position:relative; height:500px;}
.index_focus { position: relative;width: 100%;height: 500px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {display: none; position: absolute;left: 0;top: 0;  width:1920px;}
.index_focus_post {z-index: 10;}
.index_focus .picc {height: auto;display: block;margin:0 auto}
.index_focus .slide_nav {position: absolute;left: 45%;bottom:2%; display:none;}
.index_focus .slide_nav a {cursor:pointer;float:left;font-size:28px;font-family: arial;color: #fff;padding:5px 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #9c0;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%; margin-top: -36px;width:48px;height:47px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;background: url(http://www.360soxue.com/assets/images/button.png) no-repeat;}
.index_focus_pre {left: 50%;background-position: 0 0;margin-left: -280px;}
.index_focus_next {left: 50%;background-position: 0 -48px;margin-left: 550px;}

.roll{
    position: relative;
}
.examlist {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 500px;
    width: 280px;
    background: #fff;
    background: rgba(255,255,255,.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    align-items: stretch
}
.w-item{
    padding: 10px 0px 0px 17px;
    display: block;
    border-left: 4px solid #f6f7f9;
    overflow: hidden;
}
.w-item:hover {
    background-color: #fff;
    border-left: 4px solid #0b6db6;
}
.w-title,.w-title-t{
    overflow: hidden;
    position: relative;
}
.w-title:after {
    border: 5px solid transparent;
    border-left: 5px solid #999;
    width: 0;
    height: 0;
    position: absolute;
    content: ' ';
    right: 14px;
    top: 5px;
}
.w-item:hover :after{
    display: none;
}
.w-title a,.w-title-t a{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.w-title-t a{line-height:25px;}
.w-item:hover .w-title a,.w-title-t a:hover,.w-con a:hover{
    color: #0b6db6;
}
.w-con{
    overflow: hidden;
    margin-top: 5px;
}
.w-conn{width:700px;float:right;}
.w-con a {
    float: left;
   
    font-size: 12px;
    color: #888888;
    margin-right:9px;line-height:21px;margin-top:0px;
}
.w-2-detail {
    position: absolute;
    width: 800px;
    min-height: 470px;
    left: 280px;
    top: 0;
    background-color: #ffffff;
    border-top: 1px solid #efeff0;
    border-bottom: 1px solid #efeff0;
    padding: 0px 30px 30px 30px;
    z-index: 9;
    display: none;
}
.w-conn a {
    float: left;
    margin:0px 35px 5px 0px;
    font-size: 14px;
    background-color: #ffffff;
   line-height:25px;font-weight:normal;
    padding: 0px;
    color: #666666;
    transition: all 0.1s ease 0.1s;
}
.w-conn a:hover {
    color: #0b6db6;
}
.hq2018title,.news_hot,.pindao{
    position: relative;
}
.hq2018title h2,.news_hot h2,.pindao h2{
    font-size: 24px;
    font-weight:600;
    color: #171920;
}
.hq2018title ul,.pd_ul{
    position: absolute;
    right: 0;
    top: 5px;
    overflow: hidden;
    text-align: right;
}
.hq2018title ul li,.pd_ul li{
    display: inline-block;
    margin-left: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
    height: 30px;
}
.hq2018title ul .active a,.pd_ul .active a{
    color: #649cf0;
}
.hq2018title ul li a,.pd_ul li a{
    font-size: 16px;
    color: #171920;
    line-height: 1;
}
.hq2018title ul li span,.pd_ul li span{
    position: absolute;
    left: 50%;
    top: 25px;
    margin-left: -16px;
    width: 32px;
    border-top: 3px solid #649cf0; 
    display: none;
}
.hq2018title ul .active span,.pd_ul .active span{
    display: block;
}
.con_box{
    margin-top: 30px;
    margin-bottom: 40px;
}

.course{
    display: none;
}
.course:nth-child(1){
    display: block;
}
.teacher_box{
    margin-top: 30px;
    overflow: hidden;
}
.tezt{
    float:right; font-size: 14px;
    color: #9598a2;font-weight: normal;line-height: 32px;
}
.tezt:hover{
    color:#0b6db6;
}
.teacher_box a{
    width: 240px;
    float: left;
}
.teacher_box a p {
    text-align: center;
    padding: 14px 0 14px;
    line-height: 1;
}
.teacher_box a p span {
    font-size: 16px;
    color: #191921;
    margin-right: 10px;
}
.teacher_box a p b {
    font-weight: 400;
    font-size: 12px;
    color: #9598a2;
}
.teacher_box a div {
    width: 240px;
    height: 274px;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}
.teacher_box a div img {
    width: 240px;
    height: 274px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    float: left;
}
.teacher_box a div:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



.coursemain {
    width: 880px;
    float: left;
    position: relative;
}

.coursemain .pic {
    width: 580px;
    height: 326px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;

}
.coursemain .pic img {
    display: block;
    width: 580px;
    height: 326px
}
.course-card {
    min-height: 326px;
}
.eui.card {
    width: 280px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.eui.card:nth-child(3n) {
    margin-right: 0;
}
.card-wrap {
    width: 240px;
    min-height: 199px;
    padding: 20px;
    padding-top: 26px;
    display: table;
    background: #ffffff;
    padding-top: 27px;
}
.card-group a {
    position: initial;
    margin-left: 0;
    color: #171920;
    float: left;
}
.eui.card.course-card .title {
    line-height: 22px;
    margin-bottom: 20px;
    height: 44px;
}
.eui.f16 {
    font-size: 16px;
    font-weight: normal;
}

.eui.card.course-card .subtitle {
    color: #9598A2;
    margin-bottom: 12px;
    height: 12px;
    line-height: 12px;
}
.eui.f12 {
    font-size: 12px;
    font-weight: normal;
}
.eui.card.course-card .subtitle {
    color: #9598A2;
    margin-bottom: 12px;
    height: 12px;
    line-height: 12px;
}

.eui.card.course-card .subtitle .ornament-line {
    height: 10px;
    width: 1px;
    background: #9B9B9B;
    margin: 0 8px;
    display: inline-block;
}
.eui.card.course-card .tag-group {
    margin-bottom: 36px;
    height: 20px;
}
.teacher-group {
    margin-bottom: 18px;
    overflow: hidden;
}
.eui.card.course-card .teacher-block {
    float: left;
    width: 40px;
    margin-right: 17px;
}
.eui.card.course-card .teacher-block .teacher-face {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 5px;
    background: #dddddd;
    border-radius: 50%;
}
.eui.card.course-card .teacher-block .teacher-name {
    color: #9598A2;
    text-align: center;
    display: inline-block;
    width: 140%;
    margin-left: -20%;
    font-size: 12px;
}
.eui.card.course-card .tag-group span {
    background: #F7F7F7;
    color: #9598A2;
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 10px;
    max-width: 72px;
    overflow: hidden;
    font-size: 12px;
}
.eui.card.course-card .course-card-footer {
    clear: both;
    height: 53px;
    position: relative;
    width: 240px;
    border-top: 1px solid #F0F0F0;
    color: #9598A2;
    line-height: 12px;
}
.eui.card.course-card .course-card-footer p {
    position: absolute;
    bottom: 0;
    left: 0;
}
.member-price {
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 150px;
    text-align: right;
}
.eui.card.course-card .course-card-footer .price {
    bottom: 0;
    right: 0;
    color: #f54030;
    height: 20px;
    line-height: 20px;
}
.member-price .price {
    margin-bottom: 4px;
}
.eui.card .card-wrap {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s; 
}
.eui.card .card-wrap:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.eui.f14 {
    font-size: 14px;
    font-weight: normal;
}
.eui.card.course-card .course-card-footer .price .eui.f20 {
    height: 22px;
    display: inline-block;
    position: relative;
    top: 1px;
    font-size: 22px;
    line-height: 22px;
}



.courseinfo {
    width: 300px;
    margin-left: 20px;
    float: left;
}
.courseinfo .courseinfo-news {
    height: 615px;
    background: #fff;
}
.courseinfo-news .newslink {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid #efeff0;
    overflow: hidden;
}
.newslink a {
    font-size: 14px;
    color: #171920;
    line-height: 35px;
    width: 85px;
    float: left;
}
.newslink a:hover {
    color: #649cf0
}
.newschoose {
    padding: 22px 20px 11px;
    overflow: hidden;
}
.newschoose span {
    color: #171920;
    font-size: 16px;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 3px solid #eee;
    float: left;
    width: 125px;
    text-align: center;
cursor: pointer;
}
.newschoose .active {
    color: #649cf0;
    border-color: #649cf0;
}

.newslist {
    padding: 0 20px;
}
.newslist a {
    font-size: 14px;
    color: #9598a2;
    line-height: 35px;
    height: 35px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newslist a:hover {
    color: #649cf0;
}
.newslist{
    display: none;
}
.newslist:nth-child(1){
    display: block;
}


.foot{
    background-color: #282828;
    height:auto;
    width:100%;
    padding:30px 0px 20px 0px;
    margin-top: 40px;
}
.foot_ul .foot_ul_p {

    color: #fff;
    height: 27px;
    margin-bottom: 10px;
    font-weight: 700;
}
.foot_ul ul {

    color: #ccc;
}
.foot a {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
    line-height: 25px;
}
.foot a:hover{
    text-decoration-line: underline;
}
.foot_ewm span{
    color: #ccc;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.foot_row{
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 20px;
}
.copyright{
    text-align: center;
    margin-top:15px;
}
.copyright a{
    color: #ccc;
    font-size: 12px;
    line-height: 20px;
}
.copyright p{
    color: #ccc;
    font-size: 14px;
    line-height: 25px;
}



/*频道页*/
.nav {
    background: #649cf0;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    color: #fff;
}
.nav b em {
    display: inline-block;
    background: url(https://www.hqwx.com/assets/images/dh_icon.png) left center no-repeat;
    background-size: inherit;
    width: 20px;
    height: 12px;
    margin: 0 20px;
}
.nav b {
    font-size: 18px;
    font-weight: bold;
    width: 270px;
    background-color: rgb(100, 156, 240);
    float: left;
}
.nav .nav_b:hover b{
    background-color: rgb(89, 144, 227);
}
.nav .courselist {
    position: absolute;
    margin-top: 70px;
    padding-top: 24px;
    background: #fff;
    width: 900px;
    overflow: auto;
    z-index: 22;
    line-height: 28px;
    box-shadow: 1px 2px 1px rgba(14,5,10,.03);
    display: none;
}
.nav .courselist .part span {
    width: 126px;
    padding-left: 47px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #9598a2;
}
.nav .courselist .part div {
    width: 723px;
    padding-bottom: 24px;
    float: left;
}
.nav .courselist .part div a {
    width: 160px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #9598a2;
    display: inline-block;
}
.nav .courselist .part div a:hover{
    color: #649cf0;
}
.nav .daohang {
    width: 840px;
    float: right;
}

.daohang a {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.daohang a:hover{
    background-color: rgb(89, 144, 227);
}
.big_box .l {
    width: 840px;
    padding: 30px 20px;
    background: #fff;
    float: left;
}

.big_box .l .l1,.big_box .l .l2 {
    width: 50%;
    float: left;
    margin-bottom: 18px;
    overflow: hidden;
}
.big_box .l .l1 a,.big_box .l .l2 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    width: 305px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
        color: #171920;
}
.big_box .l .l1 a:hover,.big_box .l .l2 a:hover,.r ul li a:hover,.big_box .l ul li a:hover {
    color: #649cf0;
}
.big_box .l .l1 p, .big_box .l .l2 p {
    width: 390px;
    line-height: 24px;
    height: 48px;
    font-size: 14px;
}
.big_box .l ul li {
    width: 420px;
    float: left;
    font: inherit;
    vertical-align: baseline;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    zoom: 1;
    margin-right: 0px;
    background: url(https://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat;
}
.big_box .l ul li span {
    float: right;
    margin-right: 18px;
    color: #9598a2;
    display: inline-block;
    width: 58px;
    font-size: 14px;
} 
.big_box .l ul li a {
    display: inline-block;
    padding-left: 14px;
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        color: #171920;
        font-size: 14px;

}
.r {
    width: 260px;
    background: #fff;
    margin-left: 20px;
    padding: 27px 20px;
    height: 395px;
    float: left;
}
.r ul li {
    width: 240px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.r ul li em {
    margin-right: 10px;
    font-style: normal;
}
.r ul li a{
    color: #171920;
    font-size: 14px;
}

.big_box .l ul li a.download {
    float: right;
    padding-left: 0;
    margin-top: 5px;
    margin-right: 11px;
    display: inline-block;
    width: 58px;
    height: 27px;
    line-height: 27px;
    border-radius: 13px;
    text-align: center;
}
.big_box .l ul li a.download:hover {
    color: #fff;
    background: #639def;
}


.footer2018 {
  font-family: 'microsoft yahei';
  background: #ffffff;
  width: 100%;
  min-width: 1180px;
  font-size: 0px; }
  .footer2018 .footer2018-content {
    width: 1160px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative; }
    .footer2018 .footer2018-content .footer2018-part1 {
      padding-top: 37px;
      padding-bottom: 32px;
      border-bottom: 1px solid #efeff0; overflow:hidden;}
      .footer2018 .footer2018-content .footer2018-part1 li {
        float: left;
        min-height: 130px; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 {
        width: 569px;
        border-right: 1px solid #efeff0; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 .footer2018-card-link {
          font-size: 12px;
          line-height: 24px; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 .footer2018-card-link a {
            color: #9598a2; }
            .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 .footer2018-card-link a:hover {
              color: #649cf0; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 .footer2018-card-link span {
            color: #dadada;
            padding: 0 1.5px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-1 .footer2018-card-phone {
          padding-top: 6px;
          font-size: 12px;
          color: #9598a2;
          line-height: 24px; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-2 {
        width: 180px;
        text-align: center;
        border-right: 1px solid #efeff0; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-2 a {
          color: #9598a2;
          font-size: 12px;
          line-height: 24px;
          display: block; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-2 a:hover {
            color: #649cf0; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 {
        width: 204px;
        padding-top: 10px;
        text-align: center;
        border-right: 1px solid #efeff0; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 .footer2018-phone {
          color: #9598a2;
          font-size: 20px;
          font-family: 'arial';
          font-weight: bold;
          line-height: 1;
          display: block;
          margin-bottom: 13px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 p {
          font-size: 12px;
          color: #9598a2;
          line-height: 26px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 a {
          width: 148px;
          height: 28px;
          display: block;
          margin: 0 auto;
          border: 1px solid #ebebeb;
          background: #ffffff;
          line-height: 28px;
          font-size: 14px;
          color: #9598a2;
          margin-top: 18px; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 a span {
            margin-right: 8px; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 a:hover {
            background: #649cf0;
            border: 1px solid #649cf0;
            color: #ffffff; }
            .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-3 a:hover span {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAn+gtEO/NvZZ0bWUkCgjV0LY4NwENI5oAAABVSURBVAjXjYxJDsAgDAMNCfvSLf9/axHqgfTEnOyRZZCXBU84RXFAfmyJxEYskRXDaYqORwxg5EafIrexqHUsWt46dbpbFGVcwSSOHLESJEDBF3/pBcHSDU0s6QchAAAAAElFTkSuQmCC) no-repeat 0 0 !important; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-4 {
        width: 200px;
        text-align: center;
        font-size: 12px;
        color: #9598a2; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-4 p {
          padding-top: 5px;
          padding-bottom: 5px; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-4 p em {
            display: block;
            font-size: 20px;
            font-family: 'arial';
            font-weight: bold;
            text-decoration: none; font-style:normal;}
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-nb {
        border: none; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 {
        border-left: 1px solid #efeff0;
        float: left;
        width: 405px;
        padding-bottom: 5px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-title {
          width: 204px;
          margin-left: 37px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-wrap34 .footer2018-part1-3 {
          border: none;
          float: left;
          padding-top: 0;
          margin-left: 37px;
          width: 167px;
          text-align: left; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-wrap34 .footer2018-part1-3 a {
            width: 128px;
            text-align: center;
            margin: 18px 0 0 0; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-wrap34 .footer2018-part1-4 {
          margin-top: -5px; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-4 {
          border: none;
          float: left; }
        .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-5 {
          margin: 26px 0 0 0; float:left;}
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-5 .footer2018-title {
            text-align: left;
            padding-bottom: 13px; }
          .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-5 .footer2018-part1-5-p {
            color: #9698A1;
            margin-left: 37px; }
            .footer2018 .footer2018-content .footer2018-part1 .footer2018-part1-wrap1 .footer2018-part1-5 .footer2018-part1-5-p p {
              font-size: 12px;
              line-height: 17px;
              margin-top: 8px;
              width: 100%; }
      .footer2018 .footer2018-content .footer2018-part1 .footer2018-title {
        color: #171920;
        font-size: 14px;
        line-height: 1;
        padding-bottom: 16px;
        font-weight: 700; }
    .footer2018 .footer2018-content .footer2018-part2 {
      padding-bottom: 25px;
      position: relative; }
      .footer2018 .footer2018-content .footer2018-part2 p {
        padding-top: 28px;
        font-size: 12px;
        color: #9598a2;
        line-height: 18px; }
        .footer2018 .footer2018-content .footer2018-part2 p a {
          color: #9598a2; }
          .footer2018 .footer2018-content .footer2018-part2 p a:hover {
            color: #649cf0; }
        .footer2018 .footer2018-content .footer2018-part2 p em {
          color: #dadada;
          padding: 0 12px; }
      .footer2018 .footer2018-content .footer2018-part2 div {
        position: absolute;
        right: 0px;
        top: 33px; }
        .footer2018 .footer2018-content .footer2018-part2 div a, .footer2018 .footer2018-content .footer2018-part2 div span {
          margin-left: 10px; }
          .newschoose{border-bottom: 1px #eee solid;padding: 22px 20px 0px 20px;}
                    .n_avator {
                        width: 58px;
                        height: 58px;
                        border-radius: 100%;
                        border: 1px solid #f1f1f1;
                        float: left;
                        margin-right: 12px;
                    }
                    .n_nr p {
                        line-height: 20px;
                        padding: 0;
                        margin-left: 73px;
                        font-size: 14px;
                    }
                    .n_nr p.intro {
                        color: #9598a2;
                        line-height: 22px;
                        height: 43px;
                        overflow: hidden;
                        margin-top: 5px;
                    }
                    .n_nr p.intro:hover {
                        color: #649cf0;
                    }
                    
                    
                    
                    
.add_class{overflow:hidden;width:100%;margin-bottom:20px;}
            .add_class a{color: #171920;border-radius:60px;border: 1px solid #f1f1f1;background:#fff;font-size:14px;padding:0px 15px;line-height:30px;float:left;margin-right:20px;}
            .add_class a:hover{background: #649cf0;color:#fff;}en